@media screen and (max-width:768px){
	#nav{display: none;}
	#mainlist{
		padding: 1.25rem;
	}
	#mainlist a{
		display: block;
		overflow: hidden;
	}
	#mainlist dl{
		padding: 5px;
		border: 1px solid #ccc;
		padding: 0.3125rem;
		margin-bottom:1.25rem;
	}
	#mainlist dl a dt img{
		width: 100%;
		border-radius: 0.25rem;
	}
	#mainlist dl dd{
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #666;
	}
}
@media screen and (min-width:769px){
	.myback{
		display: none;
	}
	#mainlist{
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding: 20px 0;
	}
	#mainlist a{
		display: block;
		width: 300px;
		height: 500px;
		float: left;
		overflow: hidden;
	}
	#mainlist a.right{
		float: right;
		margin: 0 0 20px 0;
	}
 	#mainlist dl{
		width: 300px;
		height: 500px;
		padding: 5px;
	}
	
	#mainlist dl dt{
		width: 300px;
		height: 450px;
	}
	#mainlist dl a dt img{
		width: 100%;
	}
	#mainlist dl dd{
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #666;
	}
}