@charset "utf-8";
/* CSS Document */
#light_bx2{background-color:rgba(0,0,0,.8);}
#inbx_media{
	position:relative;
	width:100%;	
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 50%;
	background-image:url(../images/in_map.jpg), url(../images/in_03.jpg), url(../images/in_02.jpg);
	background-size:100% auto,100% auto,100% auto;
	overflow:hidden;
	}

#inbx_media .inb1{
	position:relative;
	width:100%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/in_01a.png);
	background-size:100% auto;
	z-index:1;
	}
.int1,.ind1{
	position:relative;
	width:100%;	
	}
.int1{padding-bottom:23%;/*580*/}
.ind1{padding-bottom:23%;/*500 28%*/}
.ind1::before{
	position:absolute;
	width:100%;/*2000*/
	padding-bottom:51.85%;/*1037*/
	content:"";
	pointer-events: none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/kkg.png);
	background-size:100% auto;
	left: 0;
	bottom: 0;
	}
.icbg{
	position:relative;
	width:100%;	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/ncbg_map.jpg);
	background-size:100% auto;
	}
.ics{
	position: relative;
	width: 100%;
	padding-bottom:6.9%;
	display: block;
	}
.inc1{
	position:relative;
	width:1200px;
	/*min-height:100px;*/
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat;
	background-position:0% 50%,100% 50%;
	background-image:url(../images/ins.png),url(../images/ins.png);
	background-size:2px 100%,2px 100%;
	padding:0 7px;
	margin:0 auto;
	text-align: center;
	/**/
	font-size: 1.6rem;
	line-height:2.2rem;
	color: #383d4a;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.p2{
	position:absolute;
	width:50%;/*1000*/
	padding-bottom:38.35%;/*767*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/p3.png);
	background-size:100% auto;
	pointer-events: none;
	top:0;
	left:46.5%;
	/*
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;*/
	/**/
	animation:fadeInRight .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .8s ease;
	-webkit-animation-fill-mode:forwards;
	}
.t_media{
	position:relative;
	width:34.75%;/*695*/
	padding-bottom:8.45%;/*189 /* 9.45*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/tit_media.png);
	background-size:100% auto;
	margin:0 auto;
	}
/**/
.in_mu2{
	position:relative;
	width:95%;
	height:4.5rem;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/ns1.png);
	background-position:0% 100%;
	background-size:100% 2px;
	margin:0 auto;
	text-align:center;
	top: -2vw;/*-38px 1.9*/
	}
.in_mu2 a{
	position:relative;
	display:inline-block;
	padding:0 .8rem;
	margin-right:10px;
	font-size:2rem;/*1.8*/
	line-height:4.5rem;
	color:#7f6e54;/*a0917b*/
	}
.in_mu2 a.on{
	color:#23293a;
	font-weight: 500;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/n_on.png);
	background-position:50% 100%;
	}
.in_mu2 a.on:hover{color:#574d41;}
.in_mu2 a::after{
	position:absolute;
	content: "";
	width:10px;
	height:4.5rem;
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/ns2.png);
	background-position:50% 50%;
	right:-10px;
	top:0;
	}
.in_mu2 a:last-child::after{display:none;}
.in_mu2 a:hover{color:#887150;}
.inc3{
	position:relative;
	width:100%;
	margin: 0 auto;
	padding-bottom:1vw;/*50*/
	}
.inc3a{
	position:relative;
	width:100%;
	min-height:100px;
	display:flex;
	flex-wrap:wrap;
	}
.inc3a li{
	position:relative;
	width:calc(100%/3);
	display:block;
	margin-bottom:1.3vw;
	}
.inc3a li::before{
	position:relative;
	width:100%;/*394*/
	padding-bottom:58.88%;/*232*/
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/pvbx_1.png);
	background-position:50% 50%;
	background-size:100% auto;
	}
.inc3a li::after{
	position: absolute;
	width:100%;
	height:100%;
	display: block;
	pointer-events:none;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/pvbx_2.png);
	background-position:50% 50%;
	background-size:100% auto;
	top: 0;
	left: 0;
	/**/
  	-webkit-filter: drop-shadow(0 0 10px rgba(69, 108, 178, 1));
  	filter: drop-shadow(0 0 10px rgba(69, 108, 178, 1));
	}
.inc3a li .phv{
	position:absolute;
	width:95.1%;/*380 375*/
	padding-bottom:45.9%;/*181*/
	border: 2px solid #c0d4fa;/*2*/
	border-radius:.4vw .4vw 0 .4vw;/*8*/
	background-color:#c0d4fa;
	overflow:hidden;
	/**/
	top:1.29%;/*3*/
	left:50%;
	transform: translateX(-50%);
	}
.inc3a li .phv::after{
	position: absolute;
	width:23.73%;/*89*/
	padding-bottom:22.13%;/*83*/
	background-attachment:scroll;
	display: block;
	content:"";
	background-repeat:no-repeat;
	background-image:url(../images/pvplay.png);
	background-position:50% 50%;
	background-size:100% auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	}
.inc3a li a {
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	}
.inc3a li .phv img{
	position:absolute;
	width:100%;
	display:block;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition: all .5s;
	}
.inc3a li .phv:hover img{
	width:110%;
	}
.inc3a li .pv_t{
	position: absolute;
	width:100%;
	height:2.2vw;/*40*/
	padding-left:11.69%;/*50*/
	bottom:0;/*2.9%*/
	left: 0;
	}	
.inc3a li .pv_t::before{
	position: absolute;
	width:6.09%;/*24*/
	padding-bottom:6.09%;
	display: block;
	content:"";
	background-repeat:no-repeat;
	background-image:url(../images/pv_ic.png);
	background-position:50% 50%;
	background-size:100% auto;
	left:5.1%;
	top:49%;
	transform:translateY(-50%);
	}
.inc3a li .pv_tit{
	position: absolute;
	width:82%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	font-size:1vw;/*18*/
	font-weight:500;
	color:#383d4a;
	left:11.69%;
	top:50%;
	transform:translateY(-50%);
	}
/**/
.inc3b{
	position:relative;
	width:100%;
	min-height:100px;
	display:flex;
	flex-wrap:wrap;
	}
.inc3b li{
	position:relative;
	width:calc(100%/3);
	display:block;
	margin-bottom:1.3vw;
	}
.inc3b li::after{
	position:relative;
	width:100%;/*394*/
	padding-bottom:56.091%;/*221*/
	display: block;
	pointer-events:none;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/tablebx_1.png);
	background-position:50% 50%;
	background-size:100% auto;
	top: 0;
	left: 0;
	/**/
  	-webkit-filter: drop-shadow(0 0 10px rgba(69, 108, 178, 1));
  	filter: drop-shadow(0 0 10px rgba(69, 108, 178, 1));
	}
.inc3b li a {
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	}
.inc3b li .pht{
	position:absolute;
	width:94.41%;/*372*/
	padding-bottom:53.29%;/*210*/
	border: 2px solid #c0d4fa;/*2*/
	border-radius:.4vw;/*8*/
	background-color:#c0d4fa;
	overflow:hidden;
	display: block;
	cursor: pointer;
	/**/
	top:1.29%;/*3*/
	left:50%;
	transform: translateX(-50%);
	}
.inc3b li .pht img{
	position:absolute;
	width:100%;
	display:block;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition: all .5s;
	}
.inc3b li .pht:hover img{
	width:110%;
	}

.inc3b li.tp1,.inc3b li.tp2,.inc3b li.tp3,.inc3b li.tp4{display: none;}
.inc3b li.tp1.on,.inc3b li.tp2.on,.inc3b li.tp3.on,.inc3b li.tp4.on{display:block;}


.ytvd {
  	position: relative;
  	width:1000px;
  	display: none;
	}
.ytvd .vdx img{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.9%;
	}	
/**/
.inc5{
	position:relative;
	width:100%;
	margin: 0 auto;
	padding: 0 2.15vw 1vw 1vw;/*20 43*/
	padding-bottom:1vw;/*50*/
	
	}
.cdbx{
	float: left;
	position:relative;
	width:60.45%;/*717 59.75/1200  1,186*/
	}
.cdbx::before,.cdbx::after{
	width:100%;
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.cdbx::before{
	position:relative;
	padding-bottom:100%;
	background-image:url(../images/cdbx_2.png);
	}
.cdbx::after{
	position: absolute;
	height: 100%;
	background-image:url(../images/cdbx_1.png);
	top: 0;
	left: 0;
	z-index:2;
	}
.cdmunx{
	position:absolute;
	width:36.54%;/*262*/
	top:3.76%;/*27*/
	left:10.73%;/*77*/
	z-index:3;
	}
.cdmunx > p{
	float:left;
	position: relative;
	width: 50%;/*131*/
	padding-bottom:25.5%;/*66*/
	display:block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.cdmunx > p::after{
	position:absolute;
	width: 100%;
	height: 100%;
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	left: 0;
	top: 0;
	opacity: 0;
	/**/
	transition: all .5s;
	}

.cmu1{background-image:url(../images/vdbt_01.png);}
.cmu1::after{background-image:url(../images/vdbt_01a.png);}
.cmu2{background-image:url(../images/vdbt_02.png);}
.cmu2::after{background-image:url(../images/vdbt_02a.png);}

.cdmunx > p:hover::after{opacity:.35;}
.cdmunx > p.on::after{opacity:1;}
.cd1,.cd2{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	left: 0;
	top:-8%;
	opacity: 0;
	/**/
	transition: all .8s;
	}
.cd1::before,.cd2::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	left:0;
	top:0;
	}
.cd1::before{background-image:url(../images/cd_1.png);}
.cd2::before{background-image:url(../images/cd_2.png);}
.cd1.on,.cd2.on{
	top:0;
	opacity:1;
	z-index: 1;
	/**/
	transition: all .5s;
	}


.cd1.on.op,.cd2.on.op{
	-moz-animation: rotate 5.5s linear infinite;
	-webkit-animation: rotate 5.5s linear infinite;
	-o-animation: rotate 5.5s linear infinite;
	-ms-animation: rotate 5.5s linear infinite;
	animation: rotate 5.5s linear infinite;
	}
.cd1.on.op.st,.cd2.on.op.st{
	animation-play-state:paused;
	}
.musbx{
	float:right;
	position: relative;
	width:35%;/*390 32.88*/
	padding-top:20px;/*20*/
	}
.mctit{
	position: relative;
	width: 100%;/*390*/
	padding-bottom:15.897%;/*62*/
	background-attachment:scroll;
	background-repeat:no-repeat;/*repeat-x*/
	background-position:50% 100%;
	background-image:url(../images/ctit_0.png);
	background-size:100% 100%;
	}
.mctit::before{
	position:absolute;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events:none;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-image:url(../images/ctit_0a.png);
	background-size:auto 100%;
	}
.mctit > p{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 50%;
	background-size:auto 100%;
	opacity: 0;
	/**/
	transition: all .5s;
	}
.mctit > p.mt1{background-image:url(../images/cdk_1.png);}
.mctit > p.mt2{background-image:url(../images/cdk_2.png);}
.mctit > p.on{opacity:1;z-index:1;}
#mclistbx{
	position: relative;
	width: 100%;
	height:434px;/*434 21.7vw*/
	overflow: auto;
	padding:18px 0 18px 45px;/*18 .9vw 0 .9vw 2vw*/
	}

.mclist{
	position: relative;
	width: 100%;

	}
.mclist li{
	position:relative;
	width: 100%;
	/*display:block;*/
	cursor:pointer;
	text-align:left;
	list-style-type:decimal;
	/**/
	/*font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;*/
	font-size:20px;/*22 1.1vw 22*/
	line-height:26px;/*40 2.2 26 1.3vw*/
	color:#56617d;/*3d4559*/
	padding:9.6px 63px 9.6px 0;/*.48vw*/
	/**/
	transition: all .5s;
	}
.song-time{
    position: absolute;
    right:13px;
    top: 9.6px;
	/*font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;*/
    font-size:16px;
	font-weight:normal;
	color:#5a6684;
	}
.mclist li:hover {
     color:#262d3b;
    }
.mclist li.active {
     /*font-weight:bold;*/
     color:#262d3b;
   }

.mclist li.active::before{
	position: absolute;
	width:112.5%;
	height:100%;
	display:block;
	pointer-events:none;
	content:"";
	background-color:rgba(90,102,132,.09);
	border-radius:5px;
	top:0;
	right:0;
	/**/
	transition: all .5s;
	}
.c_s1{
	position: relative;
	width:100%;
	height:3px;
	display:block;
	pointer-events:none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/c_s1.png);
	background-size:100% 100%;
	}
.mcname{
	position:relative;
	width:92%;
	display:block;
	font-size:20px;
	line-height:30px;/*30*/
	padding:16px 0;
	color: #2f384e;/*5a6684*/
	/*color:#515869;*/
	font-weight:500;/*bold*/
	text-align:left;
	margin:0 auto;
	}
.mcbar{
	position:relative;
	width:98%;
	height:5px;
	margin:0 auto;
	background-color:rgba(53,59,76,.15);/**/
	cursor:pointer;
	}
.mcbar > div{
	position:absolute;
	width:0%;
	height:100%;
	top:0;
	left:0;
	background-color:#405aa1;
	}
.mctime{
	position:relative;
	width:96%;
	font-size:15px;
	color: #5a6684;
	/*color:#787f91;*/
	text-align:right;
	padding:5px 0;
	margin:0 auto;
	}
.mcbtbx{
	position:relative;
	width:100%;
	text-align:center;
	}	
.mc_p{
	position:relative;
	width:16.9%;/*66*/
	padding-bottom:16.9%;
	margin:0 auto;
	display:inline-block;
	}
button{
	border:none;
	background-color:transparent;
	}
.mc_p > div,.mc_p > button{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top: 0;
	left: 0;
	}	
.c_play{background-image:url(../images/c_play.png);}
.c_stop{background-image:url(../images/c_stop.png);}
.c_nx,.c_pr{
	position:relative;
	width:16.9%;/*66*/
	padding-bottom:16.9%;
	display:inline-block;
	margin:0 8px;	
	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.c_nx > button,.c_pr > button{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top: 0;
	left: 0;
	}	
.c_nx > button{background-image:url(../images/c_nx.png);}
.c_pr > button{background-image:url(../images/c_pr.png);}	
.mc_sbx{
	position:absolute;
	width:10.25%;/*40*/
	padding-bottom:10.25%;/*40*/
	max-width:40px;
	max-height:40px; 
	right:15%;
	top:50%;
	transform: translateY(-50%);
	}
.mc_sbx > div,.mc_sbx > button{
	position:absolute;
	width:100%;/*40*/
	height:100%;
	display:block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	left:82%;
	top:36%;
	transform: translateY(-50%);
	}
/*.ms1{background-image:url(../images/ms1.png);}*/
.ms2{background-image:url(../images/ms2.png);}	
#buttonMute {
    background-image: url(../images/ms1.png);
}
#buttonMute.muted {
    background-image: url(../images/ms2.png);
}



@media only screen and (max-width:1500px){
/**/
.inc1{width:78%;}
.musbx{padding-top:1.33vw;/*20*/}
#mclistbx{
	height:28.93vw;/*434*/
	padding:1.2vw 0 1.2vw 3vw;/*18px 0 18px 45px*/
	}
.mclist{
	/*height:28.93vw;*//*434*/
	/*padding:1.2vw 0 1.2vw 3vw;*//*18px 0 18px 45px*/
	}	
.mclist li{
	font-size:1.46vw;/*22*/
	line-height:1.73vw;/*26px*/
	padding:.64vw 4.2vw .64vw 0;/*9.6px 63px 9.6px 0*/
	}

.song-time{
    position: absolute;
    right:.86vw;/*13*/
    top:.64vw;/*9.6px*/
    font-size:1.06vw;/*16*/
	}
.mcname{
	font-size:1.4vw;
	line-height:2.6vw;/*40*/
	padding:.73vw 0;/*11*/
	}
.mctime{
	font-size:1vw;/*15*/
	padding:.333vw 0;/*5*/
	}


}
@media only screen and (max-width:1400px){
/**/
.inc3a li .pv_t{height:2.7vw;}
}
@media only screen and (max-width:1320px){	
/**/

}

@media only screen and (max-width:1100px){
/**/
.inc3a li .phv{border-radius:.72vw .72vw 0 .72vw;/*8*/}
.inc3a li .pv_t{bottom: 0%;}
.inc3a li .pv_tit{font-size: 1.25vw;}
/**/
.ytvd {width:100%;}	

}
@media only screen and (max-width:1000px){	
/**/
.in_mu2{height:4rem;}
.in_mu2 a{
	font-size:1.6rem;/*1.45*/
	line-height:4rem;
	}
.in_mu2 a::after{height:4rem;}
/**/
.musbx{
	width: 38%;
	padding-top:0;/*20*/
	}
.mctit{
	width:100%;/*390*/
	padding-bottom:16.5%;/*62 15.897*/
	}
#mclistbx{
	height:28vw;/*434 23*/
	padding:1vw 0 1vw 4.5vw;/*18px 0 18px 45px*/
	}
.mclist{
	/*height:28vw;*//*434 23*/
	/*padding:1vw 0 1vw 4.5vw;*//*18px 0 18px 45px*/
	}
.mclist li{
	font-size:1.85vw;/*22 2.1*/
	line-height:2.3vw;/*26px*/
	padding:.96vw 6.3vw .96vw 0;/*9.6px 63px*/
	}
.song-time{
    right:1.3vw;/*13*/
    top:.96vw;/*9.6px*/
    font-size:1.6vw;/*16*/
	}

.mcname{
	font-size:1.8vw;/*18*/
	line-height:2.5vw;/*30*/
	padding:1.6vw 0;/*16*/
	}
.mctime{
	font-size:1.5vw;/*15*/
	padding:.5vw 0;/*5*/
	}
.mc_p{
	width:20%;/*66*/
	padding-bottom:20%;
	}
.c_nx,.c_pr{
	width:20%;/*66*/
	padding-bottom:20%;
	margin:0 .8vw;/*8*/	
	}
.mc_sbx{
	width:11%;/*40*/
	padding-bottom:11%;/*40*/
	right:14%;
	}
	
}
@media only screen and (max-width:800px){
/**/
.inc1{background-size:0 100%,0 100%;}
}
@media only screen and (max-width:780px){
/**/	
#inbx_media{background-image:url(../images/in_m_map.jpg), url(../images/in_m_03.jpg), url(../images/in_m_02.jpg);}
#inbx_media .inb1{background-image:url(../images/in_m_01a.png);}
.int1{padding-bottom:50%;}
.ind1{padding-bottom:31%;}
.inc1 {
	width:90%;
	font-size:1.3rem;
	line-height:2rem;
	}
.ics {padding-bottom: 10.9%;}
.icbg {background-image:none;}
.ind1::before { 
  padding-bottom: 51.85%;
  background-image: url(../images/kkgm.png);
	}
	
.p2{
	width:100%;/*1000*/
	padding-bottom:65%;/*767*/
	background-position:100% -20%;
	background-size: 100% auto;
	left:6%;
	}
.t_media{	
	width: 89%;
	padding-bottom: 22.2%;
	background-size: 95% auto;
	}
/**/
.inc1 {min-height:100px;}
/**/
.in_mu2 {
	top:-6.41vw;/*50px*/
	}
.in_mu2 a{
	padding:0 .6rem;
	margin-right:10px;
	font-size:1.6rem;
	}
/**/
.inc3a li{
	width:calc(100%/2);
	margin-bottom:2.5vw;
	}
.inc3a li .phv{
	border: .25vw solid #c0d4fa;/*2*/
	border-radius:1.02vw;/*8*/
	}
.inc3a li .pv_t{
	height: 4.82vw;
	bottom:0;
	}
.inc3a li .pv_tit{font-size: 2.3vw;}
/**/
.inc3b li{
	width:calc(100%/2);
	margin-bottom:2.5vw;
	}	
.inc3b li .pht{
	border: .25vw solid #c0d4fa;/*2*/
	border-radius:1.02vw;/*8*/
	}
/**/
.cdbx::before{
	background-image:url(../images/cdbx_2a.png);
	}
.cdbx::after{
	background-image:url(../images/cdbx_1a.png);
	}
.cdmunx{
	width: 47.8%;
    top: 0.8%;
	left:10.73%;/*77*/
	z-index:3;
	}

}
@media only screen and (max-width:600px){ 
/**/
.cdbx {
  float:none;
  width:100%;
	}
.musbx {
    width: 100%;
    padding-top:3.33%;/*20*/
  }
#mclistbx{
	height:50vw;/*434*/
	padding:3vw 0 3vw 7.5vw;/*18px 0 18px 45px*/
	}
.mclist{
	/*height:50vw;*//*434*/
	/*padding:3vw 0 3vw 7.5vw;*//*18px 0 18px 45px*/
	}	
.mclist li{
	font-size:4vw;/*22 4.3*/
	line-height:5.4vw;/*26px*/
	padding:2.12vw 11.3vw 2.12vw 0;/*9.6px 63px*/
	}
.song-time{
    right:2.16vw;/*13 */
    top:2.12vw;/*9.6px*/
    font-size:3.5vw;/*16 2.6*/
	}
	
.mcname{
	font-size:3.8vw;/*18*/
	line-height:5vw;/*30*/
	padding:3.8vw 0;/*16*/
	}
.mctime{
	font-size:3.2vw;/*15*/
	padding:1.2vw 0;/*5*/
	}	
	
	
	
	
}
@media only screen and (max-width:580px){
/**/	
}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/
.inc1{
	width:93%;
	min-height:100px;
	}
/**/
.inc3a li{
	width:100%;
	margin-bottom:5.5vw;
	}
.inc3a li .phv{
	border: .42vw solid #c0d4fa;/*2*/
	border-radius:1.7vw 1.7vw 0 1.7vw;/*8*/
	}
.inc3a li .pv_t{height:10vw;}
.inc3a li .pv_tit{font-size: 4.3vw;}
/**/
.inc3b li{
	width:100%;
	margin-bottom:5.5vw;
	}
.inc3b li .pht{
	border:.42vw solid #c0d4fa;/*2*/
	border-radius:1.7vw 1.7vw 0 1.7vw;/*8*/
	}
	
}
@media only screen and (max-width:400px){
/**/
.in_mu2 {width:100%;}
.in_mu2 a{
	padding:0 1.8vw;/*7.2*/
	margin-right:2.5vw;/*10*/
	font-size:5vw;/*20*/
	}
}
@media only screen and (max-width:360px){
/**/

}
@media only screen and (max-width:340px){
/**/


}

@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}