@charset "UTF-8";

.Music #mainImg img{ background-image: url(../img/music_img.jpg);}
.Music #comment h3{
	color:#705a3d;
	}

@media print {.md-pics{ display: none }.Music #song a{ display: none }}


@media all and (min-width: 768px) {
.Music h1{
	width:980px;
	height:110px;
	margin:30px auto;
	background:url(../img/music_parts.png) no-repeat;
	text-indent:-9999px;
	}
.Music #mainImg img{
	width:900px;
	height:597px;
	margin:0 auto 15px;
	}
.Music h2{
	font-size:120%;
	line-height:1.8;
	color:#0376a8;
	padding-bottom:2px;
	}
.Music .topText{
	font-size:100%;
	line-height:1.6;
	color:#0376a8;
	}
.Music #info{
	padding-top:20px;
	margin-bottom:40px;
	}
.Music #info dt{
	width:70px;
	float:left;
	font-size:94%;
	line-height:1.6;
	color:#21a3da;
	font-weight:bold;
	}
.Music #info dd{
	font-size:94%;
	line-height:1.6;
	overflow:hidden;
	}
.Music #comment{
	background-color:#f4f1ed;
	padding:25px;
	margin-bottom:20px;
	}
.Music #comment .Img{
	width:300px;
	height:225px;
	float:right;
	margin:30px 0 10px 20px;
	background:url(../img/music_ringo.jpg) no-repeat;
	}
.Music #comment h3{
	font-size:100%;
	line-height:1.6;
	padding-bottom:6px;
	display:inline-block;
	}
.Music #comment p{
	font-size:94%;
	color:#705a3d;
	line-height:1.4;
	overflow:hidden;
	}
	
.Music #downloading{
	background-color:#e9f3f9;
	padding:25px;
	}
.Music #downloading .Img{
	width:200px;
	height:200px;
	float:right;
	margin:0 0 10px 20px;
	background:url(../img/music_download.png) no-repeat;
	}
.Music #downloading h3{
	font-size:100%;
	line-height:1.6;
	padding-bottom:2px;
	display:inline-block;
	color:#059dde;
	}
.Music #downloading p{
	font-size:94%;
	line-height:1.4;
	overflow:hidden;
	color:#059dde;
	margin-bottom:20px;
	}
.Music #song a{
	width:380px;
	height:282px;
	background:url(../img/music_text_thum.png) no-repeat;
	background-size:cover;
	text-indent:-9999px;
	margin:20px 0 0 10px;
	float:right;
	}
.Music #song a:hover{filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}
.Music #song a{ position:relative;}
.Music #song img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	}
}
@media all and (max-width: 767px) {
.Music h1{
	width:94%;
	height:0;
	padding-top:12.12%;
	margin:10px auto 15px;
	background:url(../img/music_parts_smp.png) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Music h2{
	font-size:90%;
	line-height:1.8;
	color:#0376a8;
	}
.Music .topText{
	font-size:86%;
	line-height:1.4;
	color:#0376a8;
	}
.Music #mainImg img{
	width:100%;
	height:0;
	padding-top:66.33%;
	margin:0 auto 20px;
	background-size:cover;
	}
.Music #info{
	padding-top:10px;
	margin-bottom:20px
	}
.Music #info dt{
	font-size:86%;
	color:#21a3da;
	font-weight:bold;
	}
.Music #info dd{
	font-size:86%;
	line-height:1.6;
	overflow:hidden;
	margin-bottom:10px;
	}
.Music #comment{
	background-color:#f4f1ed;
	padding:20px;
	margin-bottom:20px;
	}
.Music #comment .Img{
	width:80%;;
	height:0;
	padding-top:59.86%;
	margin:0 auto 10px;
	background:url(../img/music_ringo_smp.jpg) no-repeat;
	background-size:cover;
	}
.Music #comment h3{
	font-size:90%;
	line-height:1.6;
	}
.Music #comment p{
	font-size:86%;
	color:#705a3d;
	line-height:1.6;
	}
.Music #downloading{
	background-color:#e9f3f9;
	padding:20px;
	}
.Music #downloading .Img{
	width:80%;;
	height:0;
	padding-top:80%;
	margin:0 auto 10px;
	background:url(../img/music_download_smp.png) no-repeat;
	background-size:cover;
	}
.Music #downloading h3{
	font-size:90%;
	line-height:1.6;
	color:#059dde;
	}
.Music #downloading p{
	font-size:86%;
	line-height:1.6;
	color:#059dde;
	margin-bottom:15px;
	}
.Music #song{
	text-align:center;
	}
.Music #song img{
	width:80%;
	height:0;
	padding-top:59.36%;
	background:url(../img/music_text_thum.png) no-repeat;
	background-size:cover;
	margin:0 auto 20px;
	text-indent:-9999px;
	}
}