@charset "utf-8";
/* CSS Document */
@media screen and (min-width:765px) {
	header .logo{
	   position: absolute;
	   margin: auto;
	   left: 0;
	   right: 0;
	   top: 0;
	   bottom: 0;
	   height: 40%;
	   width: auto;
	}
	.music1{width: 100%;}
	.music-img{width: 15%;}
	.text{width: 75%;}
	.down{width: 10%;}
	.down img{width: 30%;}
}
/*@media screen and (max-width:768px){
#wrap{
	width:100%;
	}
	
header{
	width:100%;
	}
.back{
	left:6.6734693877551%;
	top:20%;
	width:3.8775510204082%;
	}	
.logo{
	padding-top:5.1020408163265%;
	width:37.9591836734694%;
	padding-bottom:3.6734693877551%;
	}
#content{
	width:100%;
		}
.music1{
	border-bottom:1px solid #D3D3D3;
	}

.music1 ul{
	padding-bottom:23.8775510204082%;
	}
.music-img{
	padding:5.0% 4.8367346938776% 0 8.1632653061224%;
	}
.music1 .music-img img{
	width:174px;
	}
.music-img a{
	padding:0;
	}	
text {
    width:430px;
    padding-top: 4.8979591836735%;
}
.music1 ul li h2 a{
	color:#393939;
	font-family:"Arial";
	font-size:32px;
	font-weight:bold;
	float:left;
	display:block;
	}		
.music1 ul li p{
	color:#7d7d7d;
	font-family:"Arial";
	font-size:32px;
	font-weight:lighter;
	float:left;
	padding-right:10.2040816326531%;
	padding-top:4.0816326530612%;
	}	
.down{
	width:30px;
	float:right;
	padding-left:1.1224489795918%;
	padding-top:10.2040816326531%;
	}	
.down a img{
	width:100%;
	}	
}


@media screen and (max-width:480px){
.music-img{
	padding:3.5% 1.836734693877551020408163265306% 0  2.663265306122448979591836734694%;
	}
.music1 .music-img img{
	width:130px;
	}
.text{
	padding-top:5.897959183673469387755102040816%;
	}
.music1 ul li h2 a{
	font-size:18px;
	}		
.music1 ul li p{
	font-size:17px;
	padding-right:5.102040816326530612244897959184%;
	padding-top:2.040816326530612244897959183673%;
	}	
.down{
	width:4.285714285714285714285714285714%;
	padding-left:3.93877551020408163265306122449%;
	padding-top:10.204081632653061224489795918367%;
	}	

.text {
    width:250px;
    padding-top: 5.8979591836735%;
}
.down a img{
	width:100%;
	}	

.back {
    left: 6.48979592%;
    top: 28.125%;
    width: 3.5%;
}
}
@media screen and (max-width:360px){

.music-img{
	padding:3.5% 1.836734693877551020408163265306% 0  2.663265306122448979591836734694%;
	}
.music1 .music-img img{
	width:100px;
	}
.text{
	padding-top:5.897959183673469387755102040816%;
	}
.music1 ul li h2 a{
	font-size:15px;
	}		
.music1 ul li p{
	font-size:14px;
	padding-right:5.102040816326530612244897959184%;
	padding-top:2.040816326530612244897959183673%;
	}	
.down{
	width:4.285714285714285714285714285714%;
	padding-left:2.93877551020408163265306122449%;
	padding-top:10.204081632653061224489795918367%;
	}	

.text {
    width:190px;
    padding-top: 5.8979591836735%;
}
.down a img{
	width:100%;
	}	

.back {
    left: 6.48979592%;
    top: 28.125%;
    width: 3.5%;
}
}
@media screen and (max-width:320px){
.music-img{
	padding:3.2% 1.836734693877551020408163265306% 0  2.663265306122448979591836734694%;
	}
.music1 .music-img img{
	width:84px;
	}
.text{
	padding-top:5.897959183673469387755102040816%;
	}
.music1 ul li h2 a{
	font-size:15px;
	}		
.music1 ul li p{
	font-size:14px;
	padding-right:5.102040816326530612244897959184%;
	padding-top:2.040816326530612244897959183673%;
	}	
.down{
	width:4.285714285714285714285714285714%;
	padding-left:2.93877551020408163265306122449%;
	padding-top:10.204081632653061224489795918367%;
	}	

.text {
    width:190px;
    padding-top: 5.8979591836735%;
}
.down a img{
	width:100%;
	}	

.back {
    left: 6.48979592%;
    top: 28.125%;
    width: 3.5%;
}
}*/