@charset "UTF-8";
/* CSS Document */
.mainWrap { width:100%; height:auto; }
main { position:relative; max-width:1200px; height:auto; margin: 0 auto; }
h1 { display: block; font-size: 1em; }
h2 { display: block; font-size: 1.5em; }
h3 { display: block; font-size: 1em; }
h4 { display: block; font-size: 0.8em; }
a:link, a:visited {
    color: #2e3e4a;
}
br { display: block; margin: 5px 0; }
/*------------------------radio player----------------------*/
.playerWrap{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
.playerWrap.colBack {
	background: rgb(136,155,89);
	background: -moz-linear-gradient(-45deg, rgba(136,155,89,1) 0%, rgba(125,185,232,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(136,155,89,1) 0%,rgba(125,185,232,1) 100%);
	background: linear-gradient(135deg, rgba(136,155,89,1) 0%,rgba(125,185,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#889b59', endColorstr='#7db9e8',GradientType=1 );
}
.overlay {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(45deg, rgba(18,78,79,1) 0%, rgba(76,151,131,0.01) 50%, rgba(48,143,137,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(18,78,79,1) 0%,rgba(76,151,131,0.01) 50%,rgba(48,143,137,1) 100%);
	background: linear-gradient(45deg, rgba(18,78,79,1) 0%,rgba(76,151,131,0.01) 50%,rgba(48,143,137,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124e4f', endColorstr='#308f89',GradientType=1 );
}
#radioPlayer{
	position:relative;
	margin: 100px auto 0 auto;
	width:920px;
}
#vidScreen{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	box-shadow: -2px 2px 5px #A8B6BD;
}
.vidPlayer{
	width:75%;
	display:block;
}
.radList{
	position: absolute;
	top:0;
	right: 0;
	width: 25%;
	height: 100%;
	letter-spacing: 5px;
	font-size: 13px;
	background: rgba(220,229,232,0.3);
}
.radList.dark{ background: rgba(88,92,106,0.4);}
/*----------------radio player left panel---------------------------*/
.radShowPicWrap {
	float:left;
	width: 35%;
	height:auto;
	/*height: 100%;*/
	overflow: hidden;
	background:#DBC1C2;
}
.radShowPanel {
	/*position:relative;*/
	float: left;
	width: 40%;
	height: 100%;
	letter-spacing: 5px;
	line-height: 33px;
}
.panelfill {
	position: absolute;
	width:40%;
	height: 100%;
	bottom: 0;
	background:#2e3e4a;
	background: rgb(46,62,74);
	background: -moz-linear-gradient(top, rgba(46,62,74,1) 0%, rgba(42,51,71,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
	background: linear-gradient(to bottom, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3e4a', endColorstr='#2a3347',GradientType=0 );
}
.player {
	position:absolute;
	bottom: 10%;
	width: 100%;
}
.radChnLogo {
	position:relative;
	width: 115px;
	height: auto;
	margin: 15px 0 15px 8%;
}
.radShowTit {
	width: 85%;
	position:relative;
	color:#FFFFFF;
	margin: 8% 0 0 8%;
}
.radShowTit a { color:#FFFFFF; }
.radShowTit h1 {font-size: 24px; line-height:30px;}
.subTit { font-size: 18px; color: #D3DAE2; }
.radShowHost {
	width: 85%;
	position:relative;
	color:#B2CBDB;
	margin: 0 0 15px 0;
}
.radShowHost h3 { font-size: 14px; line-height: 28px;}
.radShowPlayer { position:relative; width: 80%; margin: 0 auto;}

/*----------------radio player right panel---------------------------*/
.radLogo{
	width: 100%;
	height: 28%;
	padding: 5% 8%;
	background: rgb(239,246,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,246,249,1) 0%, rgba(220,225,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,246,249,1) 0%,rgba(220,225,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,246,249,1) 0%,rgba(220,225,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff6f9', endColorstr='#dce1e5',GradientType=0 ); /* IE6-9 */
}
.guideBlock{
	position:relative;
	width:99.5%;
	height: 72%;
	background:#ffffff;
}
.scrollbox-wrapper{ height: 100% !important;}
.listWrap{
	position:relative;
	width:100%;
	height: 100%;
	overflow: hidden;
}
.listShadow {
	position:absolute;
	bottom: 0;
	width:100%;
	height: 45px;
	background: url(../img/playerBotShadow.png) no-repeat;
	background-position: center bottom;
	background-size:cover;
	z-index:1;
}
.listShadow.light { opacity: 0.3;}
.radListBlock {
	width: 100%;
	min-height: 60px;
	font-size: 14px;
	line-height: 18px;
	padding: 3% 5% 5% 5%;
	margin: 0 auto 0 auto;
	opacity: 0.8;
	background: #e8e9ed url(../img/radPlyShd.png) no-repeat;
	background-position: center top;
	background-size:contain;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.radListBlock.fir {
	color: #FFFFFF;
	background: rgb(46,62,74); 
	background: -moz-linear-gradient(top, rgba(46,62,74,1) 0%, rgba(42,51,71,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%); 
	background: linear-gradient(to bottom, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3e4a', endColorstr='#2a3347',GradientType=0 ); 
}
.radListBlock:hover{ opacity: 1; }
.radListTit{
	color: #2e3e4a;
	font-weight: 700;
	padding-top: 5px;
}
.radListTit.fir { color:#FFFAFA; }
.radListEx { font-weight:100;}
.radListLive { 
	font-weight:100; 
	color:#E4C8C9;
}
.playTit {
	float:left;
	bottom: 0;
	width: 75%;
	letter-spacing: 5px;
	line-height: 22px;
	color:#FFFFFF;
	padding-top: 15px;
}
.playTit.dark { color: #2e3e4a; }
/*---------------------jw audio player--------------------------------*/
.playBtn {
	position:relative;
	width:80px;
	height:80px;
	margin: 25px auto 15px auto;
	cursor: pointer;
	background:url(../img/plyBtn.png) no-repeat;
	background-position: center;
	background-size: contain;
}
.playBtn.pause {
	background:url(../img/plyBtn_pause.png) no-repeat;
	background-position: center;
	background-size: contain;
}
#loadPlay {
	position:relative;
	width:84%;
	height:35px;
	margin: 0 auto;
}

/*------------------Channel Button------------------*/
section.radio.radChn { margin:25px auto; }
.radBtnWrap{
	position:relative;
/* 	width: 100%; */
	margin-bottom: 25px;
}
.radio_carousel {
	width: 85%;
	margin: 0 auto;
}
.radio_carousel .radframe {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-shadow: none;
}
.radio_carousel .radframe ul {
	font-family: 'ProximaNova_Thin';
	letter-spacing: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: auto;
	z-index:1;
}
.radio_carousel .radframe ul li {
	float: left;
	/*width: 127px;*/
	width: 108px;
	min-height: 120px;
	padding: 0;
	color: #3a3c47;
	text-align: center;
	cursor: pointer;
	line-height: 52px;
	font-size: 20px;
	letter-spacing: 3px;
	
	-webkit-box-shadow: 0px 1px 19px -9px rgba(143,157,181,1);
	   -moz-box-shadow: 0px 1px 19px -9px rgba(143,157,181,1);
			box-shadow: 0px 1px 19px -9px rgba(143,157,181,1);

	-webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
			transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
			
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 99%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 99%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 99%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); 
}
.radio_carousel .radframe ul li.active {
	font-family: 'ProximaNova_Regular';
	color: #fff;
	font-size: 22px;
	line-height: 52px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,239,239,1) 56%, rgba(218,239,239,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(218,239,239,1) 56%,rgba(218,239,239,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(218,239,239,1) 56%,rgba(218,239,239,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#daefef',GradientType=0 );
}
.radio_carousel .radframe ul li.active .radNum { background: #2e3e4a;}
.radNum {
	width: 53px;
	height: 53px;
	margin: 15px auto;
	-webkit-border-radius: 50%;
	 -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(248,248,248,1) 58%, rgba(247,248,249,1) 73%, rgba(230,237,242,1) 94%, rgba(220,230,232,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce6e8',GradientType=0 ); 
}
.radNum.pth { font-size: 17px; -webkit-font-smoothing: antialiased; }
.radNum.dab{ font-size: 18px; line-height: 9px; letter-spacing: 1px; padding-top: 12px;}
.radio_carousel .radframe ul li.active .radNum.dab { font-size: 18px; line-height: 10px; padding-top: 14px;}
.radio_carousel .radframe ul li.active .radNum.pth { letter-spacing: 1px;} 
.radLivShow { font-family: 'ProximaNova_Regular'; width:90%; margin: 0 auto; padding-bottom: 5px; font-size: 13px; line-height: 16px; color: #2e3e4a; }
.radLivShow.en { font-family: 'ProximaNova_Regular'; letter-spacing: 2px;}
.radChnShw {
	position:relative;
	position:absolute;
	bottom:0px;
	width: 100%; 
	height: 40px;
	pointer-events: none;
	z-index: 1;
	background: url(../img/diviShd_Up.png) no-repeat;
	background-position: center bottom;
	background-size:cover;
	
}
.chDab {line-height: 17px; letter-space:1px; margin-top:10px;}
.radio_carousel .radframe ul li.active .chDab {line-height: 18px; margin-top:7px;}
.chControl{ position:absolute; top:0; left: 0; width:100%; }
.controls { }
/* .radNavPrev{ position:absolute; top:0; left:0; width:60px; height: 100%; } */
/* .radNavNext{ position:absolute; top:0; right:0; width:60px; height: 100%;  } */
.btn.btn-default.radCon{ 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width:60px; 
	height:60px; 
	border:none; 
	cursor: pointer; 
	 display: inline-block;
	-webkit-border-radius: 50%;
	 -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
}
.btn.btn-default.radCon.prev{
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(248,248,248,1) 58%, rgba(247,248,249,1) 73%, rgba(230,237,242,1) 94%, rgba(220,230,232,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce6e8',GradientType=1 ); 
 }
 .btn.btn-default.radCon.next{
	background: rgb(220,230,232);
	background: -moz-linear-gradient(left, rgba(220,230,232,1) 0%, rgba(230,237,242,1) 10%, rgba(247,248,249,1) 23%, rgba(248,248,248,1) 45%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(220,230,232,1) 0%,rgba(230,237,242,1) 10%,rgba(247,248,249,1) 23%,rgba(248,248,248,1) 45%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(to right, rgba(220,230,232,1) 0%,rgba(230,237,242,1) 10%,rgba(247,248,249,1) 23%,rgba(248,248,248,1) 45%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6e8', endColorstr='#ffffff',GradientType=1 );
 }

/*-----------------Section Title-----------------------*/
section.radio { width:96%; margin: 15px auto; }

.btop{ border-top: 1px solid #7697a7; }
.bleft{ border-left: 1px solid #7697a7; }
.bbot{ border-bottom: 1px solid #7697a7; }
.bright{ border-right: 1px solid #7697a7; }
.bSiz { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.secTitBlock{position:relative; width: 20%; height: auto; /*background: rgba(204,244,172,0.5); */}
.secTitBlock.com{ width: 41%; }
/*not use*//*
.timeBlock {
	width: 50%; 
	font-family: 'ProximaNova_Thin'; 
	color: #E6EBEE; 
	font-size: 72px; 
	position: absolute; 
	bottom:64%;
	left: 82%; 
}
*/
.secTitTopBlock{ width:100%; height:50px; /*background:#320405;*/}
.secTitBottomBlock{ width:100%; height: 40px; padding-top:5px; margin-left: 58%; /*background:#F2ED76;*/ }

.secTitBlock a{ color: #2e3e4a;}
.leftBlock { position:relative; float:left; width:30%; height:100%; /*background:#CD696A; */}
.leftBlockTop { width:100%; height:50%; /*background:#F2D2F9;*/ }
.leftBlockBot { width: 100%; height:50%; /*background:#AEF2AF;*/ }
.midBlock { position:relative; float:left; width: 55%; height: 100%; /*background:#F7E4E4;*/ }
.midBlockTop { width:100%; height:50%; /*background: #E0EE65;*/ }
.midBlockBot { width:100%; height:50%; /*background: #FCF0C1;*/ }
.rightBlock { position:relative; float:right; width:15%; height: 100%; /*background:#A79DE7;*/ }
.rightBlockTop{ float:right; width:100%; height:50%; /*background: #EBE39E;*/ }
.rightBlockBot { float:right; width:100%; height:50%; /*background: #F8B8E9;*/ }

.secTitCh {width: 75%; height:30px; white-space: nowrap; position:absolute; bottom:8px; letter-spacing: 20px; padding: 0 10%; z-index:1; /*background:#F6E1E2;*/ }
.secTitEn { font-family: 'ProximaNova_Thin';  width: 55%; height:20px; float:left; position:relative; letter-spacing: 5px; /*background:#F6E1E2;*/}
.catBtn { float: left; margin-left: 4%; width:20px;  height: 20px; background:#546177; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*------------------Section Title version---------------------*/
.leftBlockTop.cat { height: 60%; }
.leftBlockBot.cat { height: 40%; }
.rightBlockTop.cat { width: 65%; }
.midBlockBot.foc { width:10%; height: 50px; }
.midBlockTop.foc { width:80% }
.rightBlockBot.foc { width:100px; }
.midBlockTop.spec { margin-left:50%; width:50%; }
.midBlockTop.pod { width:40%; }
.rightBlockBot.drama { width:130%;}
/*---------------------------Catch Up-------------------------*/
.catupWrap{ width:100%; height:auto;}
.catUl { letter-spacing:5px; color: #2e3e4a; }
.catUl a { color: #2e3e4a;}
.catli { width:100%; height:auto;}
.catTit h2{ font-size: 20px; line-height: 28px;  }
.catli.grey {
	background: -moz-linear-gradient(left,  rgba(216,214,212,0.65) 0%, rgba(0,0,0,0) 100%); 
	background: -webkit-linear-gradient(left,  rgba(216,214,212,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(216,214,212,0.65) 0%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d8d6d4', endColorstr='#00000000',GradientType=1 );
}
.catMhWrap { float:right; }
.catTit { float: left; width: auto; max-width: 60%; padding: 20px 45px 20px 7.2%; }
.catChn a { color:#FFFFFF;}
.catChn { 
	width: auto; 
	height: 25px;
	font-size: 14px;
	line-height: -10px;
	color:#FFFFFF;
	letter-spacing: 2px;
	text-align:center;
	vertical-align:top;
	padding: 2px 6px 2px 6px;
	margin-left: 3px;
	background: #2e3e4a; 
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
            border-radius: 3px; 
}
.catMhit { float: left; font-size: 22px; padding: 20px 10px 0 0; }
.catMhicon { 
	float: left; 
	width: 40px; 
	height: 40px;
	margin: 12px 0 0 0; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-transition: all 0.5s ease; 	
}
.catMhicon:hover {
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%; 
}
.catMhicon.aud { background: url(../img/push_icon_aud.png) no-repeat; background-position: center center; background-size: contain;}
.catMhicon.aud:hover { background: #3C4A5E url(../img/push_icon_aud_w.png) no-repeat; background-position: center center; background-size: 80%;}
.showBtn{ float:right; position:relative; width:100px; height:45px; margin:10px 15px 0 0; font-size: 22px; letter-spacing: 5px; color: #2e3e4a; cursor: pointer; }
.showBtn.eng { font-size: 18px; width: 110px; }
.showBtn.slessBtn{ display:none;}
.smoreBtn { }
.smTxt{ float: left; width: 45px; height: 45px; padding-top:12px; white-space: nowrap; }
.smTxt.eng { padding-top: 15px; width: 65px; }
.smIcon { float:right; width:45px; height:45px;}

.catMhWrap.plain { margin: 2px 20px 0 0;}
.catTit.plain { float:left; width: 80%; max-width: 75%; }
.catMhicon.ear { background: url(../img/push_icon_Aud.png) no-repeat; background-position: center center; background-size: contain;}
.catMhicon.ear:hover { background: #3C4A5E url(../img/push_icon_Aud_w.png) no-repeat; background-position: center center; background-size: 80%;}
/*---------------------------Fresh Delight Smooth Focal-----------------------------*/
section.radio.drama { margin: 15px auto 65px auto;}
section.radio.night { margin: 15px auto 45px auto;}
.dramaBlock{ width:49%; height:auto; /*background:#F3F7BA;*/}
.dramaBlock.left{ float:left; }
.dramaBlock.right{ float:right; }
.dramaPicWrap { position:relative; width:auto; height:auto;}
.dramaMes { 
	position:absolute; 
	bottom:0; 
	font-size: 14px; 
	color: #FFFFFF; 
	line-height: 22px; 
	letter-spacing: 5px;
	padding: 5px 8px; 
	margin: 15px 20px;
	text-shadow: 2px 1px 4px rgba(45,44,44,1.00);
	background: rgba(45,64,74,0.7);
	-webkit-border-radius: 5px;
	 -khtml-border-radius: 5px;
	   -moz-border-radius: 5px;
            border-radius: 5px; 
}
.dramaMes.left { left: 0px; }
.dramaMes.right { right: 0px; text-align: right; }
.dramaPicsOver{ 
	position:absolute; 
	top: 0; 
	width:100%; 
	height:100%; 
	background: rgba(223,70,35,0.5);
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.dramaPicWrap:hover .dramaPicsOver { opacity: 0; }
.dramaPicsOver.blu { 
	background: rgba(152,176,189,0.5); 
	background: rgba(158,216,225,0.5);
	background: -moz-linear-gradient(top, rgba(172,226,222,0.18) 0%, rgba(63,181,173,0.68) 99%, rgba(63,181,173,0.68) 100%); 
	background: -webkit-linear-gradient(top, rgba(172,226,222,0.18) 0%,rgba(63,181,173,0.68) 99%,rgba(63,181,173,0.68) 100%); 
	background: linear-gradient(to bottom, rgba(172,226,222,0.18) 0%,rgba(63,181,173,0.68) 99%,rgba(63,181,173,0.68) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eace2de', endColorstr='#ad3fb5ad',GradientType=0 ); 
}
.dramaPicsOver.org {
	background: -moz-linear-gradient(top, rgba(242,219,186,0.37) 0%, rgba(234,140,82,0.68) 100%); 
	background: -webkit-linear-gradient(top, rgba(242,219,186,0.37) 0%,rgba(234,140,82,0.68) 100%);
	background: linear-gradient(to bottom, rgba(242,219,186,0.37) 0%,rgba(234,140,82,0.68) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ef2dbba', endColorstr='#adea8c52',GradientType=0 ); 
}
.dramaPicsOver.yel {
	background: -moz-linear-gradient(top, rgba(248,249,192,0.37) 0%, rgba(235,239,148,0.68) 100%);
	background: -webkit-linear-gradient(top, rgba(248,249,192,0.37) 0%,rgba(235,239,148,0.68) 100%); 
	background: linear-gradient(to bottom, rgba(248,249,192,0.37) 0%,rgba(235,239,148,0.68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ef8f9c0', endColorstr='#adebef94',GradientType=0 ); 
}
.dramaPicsOver.mag {
	background: -moz-linear-gradient(top, rgba(239,186,186,0.37) 0%, rgba(206,70,70,0.68) 100%);
	background: -webkit-linear-gradient(top, rgba(239,186,186,0.37) 0%,rgba(206,70,70,0.68) 100%);
	background: linear-gradient(to bottom, rgba(239,186,186,0.37) 0%,rgba(206,70,70,0.68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eefbaba', endColorstr='#adce4646',GradientType=0 ); 
}
.dramaPicsOver.flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.dramaInfoBlock { color: #2e3e4a; letter-spacing: 5px; padding: 20px 0 0 0;}
.dramaTit h2 { font-size: 22px; line-height: 28px;}
.dramaGis h3 {font-size: 14px; line-height: 22px; padding: 10px 0 8px 0;}
.famTime { width:96%; height:20%; margin-bottom: 10px; color: #618394; }
.famTime h4 {font-size: 14px; line-height: 22px;}
/*----------------------------ad------------------------------*/
section.radio.ad{ margin-bottom: 65px;}
.adWrap{ width:100%; height:100%; /*margin: 0 0 25px 0;*/ }
.adBlock { position:relative; margin-bottom: 35px; width:100%; height: 100%; }
.adConWrap { /*text-align:right;*/ width: 100%; height: auto; }
.adPicWrap { overflow:hidden; text-align:center; vertical-align: middle; }
.adPicWrap img {
	/*display: block;
    margin:auto;*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.adPicWrap.ad1 { background: url(../img/ad_00.jpg) no-repeat; background-position: center top; background-size: cover; }
.adPicWrap.ad2 { background: url(../img/ad_01.jpg) no-repeat; background-position: center top; background-size: cover; }
.adPicWrap.ad3 { background: url(../img/ad_02.jpg) no-repeat; background-position: center top; background-size: cover; }
.adPicWrap { 
	width:82%;  
	height:100%; 
	position:absolute; top:0; bottom: 0; 
	background:#C0DC80;
	background-position: center top;
	background-size: cover;
}

.adTxtWrap { position: relative; letter-spacing: 5px; width:100%; min-height: 335px; pointer-events: none;}
.adTit {  float: right; width:32%; padding: 2% 2% 5px 0; font-size: 22px; line-height: 30px; color: #2e3e4a; text-align:left;}
.headWrap{ margin-left: 40%;}
.adGis { float:right; width:60%; padding-top:2%; height: auto; font-size: 14px; line-height: 24px; }
.adLine{ float:right; width:100%; height:1px; background:#565859;}
/*---------------------------------CIBS----------------------------*/
.comLeft{ float: left; width: 49%; }
.comRight{ float: right; width: 49%; }
.comLogo { width: 48%; height: 120px; }
.comBlock { position:relative; float:left; width: 94%; height:auto; margin: 0 0 20px 0; color: #2e3e4a; letter-spacing: 5px; padding: 3%;  }
.comBlock.mini { margin:0; }
.comBlock.tall {}
.comPics.half { width: 100%; background:#EDDD88; }
.comPics.full { position:relative; width: 100%; background:#EDDD88; }
.comOver { position:absolute; bottom: 0; width: 100%; height:35px; background: rgba(225,216,202,0.7); }
.comTit { line-height: 32px;  margin: 15px 0 10px; }
.comTit h2 { font-size: 24px;}
.comGist p { font-size: 16px; line-height: 24px; }
.comGist { font-size: 16px; line-height: 24px; }
.comBack {
	position:absolute;
	bottom: 0;
	left:0%;
	width: 100%;
	height:75%;
	z-index: -1;
	background: #fffdf7; 
	background: -moz-linear-gradient(top, #fffdf7 1%, #ddd8c5 100%); 
	background: -webkit-linear-gradient(top, #fffdf7 1%,#ddd8c5 100%); 
	background: linear-gradient(to bottom, #fffdf7 1%,#ddd8c5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf7', endColorstr='#ddd8c5',GradientType=0 ); 
}
/*--------------------------podcasts--------------------------*/
section.radio.pod { margin: 25px auto 55px auto;}
.podWrap{ width:100%; height:auto; }
.podBlock { float:left; width: 14.4%; height:auto; padding: 2%; margin-right:2%; margin-bottom: 2%; background: #ebdfd3; }
.podWrap :nth-child(5n+5) { margin-right: 0; }
.podpic{
	-webkit-box-shadow: 5px 5px 5px 0.2px rgba(120,101,78,0.6);
	-moz-box-shadow: 5px 5px 5px 0.2px rgba(120,101,78,0.6);
	box-shadow: 5px 5px 5px 0.2px rgba(120,101,78,0.6);
}
@media screen and (max-width: 1600px) {
/*-----------------------------Radio Player--------------------------*/
.vidTit { padding: 2% 0; }
#radioPlayer{ margin: 70px auto 0 auto; width:720px; }
.playBtn {
	width:60px;
	height:60px;
	margin: 25px auto 0px auto;
}
.radShowTit h1 {font-size: 20px; line-height:26px;}
}
@media screen and (max-width: 1200px) {
/*-----------------------------Radio Player--------------------------*/
.radList{ font-size: 12px;}
.epiRecom{ padding: 3% 0 0 12%; }
.playBtn {
	width:60px;
	height:60px;
	margin: 25px auto 0px auto;
}
}
@media screen and (max-width: 1000px) {
/*-----------------------------Radio Player--------------------------*/
#radioPlayer{ margin: 2% auto 0 auto; width:600px; }
.liveTye{ letter-spacing: 3px; font-size:10px; }
.vidTit { padding: 1.5% 0;}
.controls.hide { display: none;}

.playBtn { width:40px; height:40px; margin: 25px auto 0px auto; }
.radShowTit h1 {font-size: 18px; line-height:22px;}
.subTit { font-size: 14px; color: #D3DAE2;  }
.radShowHost h3 { font-size: 12px; line-height: 22px;}
.player { bottom: 5%; }

.radList { letter-spacing: 2px; }
.radListBlock { font-size: 12px; padding: 5% 5% 5% 5%; }
.radListTit{ padding-top: 2px; }

/*-----------------------------Channel Button--------------------------*/
.radBtnWrap{ width: 96%; margin: 0 auto;}
.radio_carousel .radframe { width:93%; }
.radio_carousel .radframe ul { /*height: 50px;*/ }
.radio_carousel .radframe ul li { /*height: 50px;*/ /*width: 50px;*/ line-height: 50px; }
.radio_carousel .radframe ul li.active { 
/*	font-size: 16px; */
	/*line-height: 42px; */
	/*width: 42px; 
	height: 42px; */
	/*margin:4px 10px 0 0;*/
/*    -webkit-border-radius: 22px;
     -khtml-border-radius: 22px;
	   -moz-border-radius: 22px;
            border-radius: 22px;*/
}
.radio_carousel .radframe ul li.active .chDab {line-height: 16px; margin-top:5px;}
.chCon{ width:50px; height:50px; border:none; cursor: pointer; }
.chNavPrev{float:left; width:50px; height:50px; }
.chNavNext{float:right; width:50px; height:50px; }

/*-----------------Section Title-----------------------*/
.secTitTopBlock{ height: 40px;}
.secTitCh { bottom:2px; }
.catBtn { width:15px; height: 15px; margin: 0 0 0 8%; }
.catBtn img { margin-top: -3px;}
/*------------------Catch Up----------------------------*/
.catMhicon { width: 40px; height: 40px; margin: 12px 20px 0 0; }
.showBtn { margin: 10px 40px 0 0; width: 100px; }

}
@media screen and (max-width: 825px) {
/*-----------------------------Radio Player--------------------------*/
#radioPlayer{ margin: 0 auto; width:auto; height:100%; }
#vidScreen{ 
	width:100%;  
	height:100%; 
	background:#2e3e4a;
	background: rgb(46,62,74);
	background: -moz-linear-gradient(top, rgba(46,62,74,1) 0%, rgba(42,51,71,1) 100%);
	background: -webkit-linear-gradient(top, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%); 
	background: linear-gradient(to bottom, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3e4a', endColorstr='#2a3347',GradientType=0 );
}
.radList { width: 25%; }
.leftWrap {
	position:absolute;
	top: 0;
	left:0;
	bottom:0;
	width: 75%;
}
.panelfill {
	position: absolute;
	width:100%;
	height: 100%;
	bottom: 0;
	background: none;
}
.radShowPicWrap { 
	float: none;
	/*float: left;*/
	position: relative;
	width:100px;
	height: 100px; 
	margin: 6% 0 0 10%; 
	border-radius: 50%;
	/*display: table-cell;
	vertical-align: top;*/
	overflow: hidden;
	z-index: 1;
}
.picSpace {
	float:left;
	width:100px;
	height: 100px;
	margin: 15px 25px 0 10%;
}
.radShowPanel {
	position:absolute;
	top:0;
	float:none;
	width: 100%;
	height: 100%;
}
.radShowTit {
	float:left;
	width: 100%;
	padding-right: 5%;
	margin: 8% 0 0 0;
}
.radShowHost {
	width: 100%;
}
.player {
	position:absolute;
	bottom: 10%;
	width: 100%;
}
.playBtn {
	width:60px;
	height:60px;
	margin: 25px auto 0px auto;
}
/*.vidList { display: none;}*/
.playTit { display: none;}
.playerWrap{ background:#000000;}
.playerWrap.colBack { background:#000000; }
.overlay { display: none; }

.vidPlayer{ height:100%; width:auto; margin: 0 auto;}
/*-----------------------------Channel Button--------------------------*/
.radio_carousel .radframe { width:88%; }
/*-------------------------Section Title-----------------------*/
.secTitBlock { width: 50%; }
.secTitBlock.com{ width: 102%; margin-bottom: 25px; }
/*not use*//*
.timeBlock { 
	letter-spacing: 5px;
	width: 11%;  
	bottom:33%;
	left:100%;
	color:#C5C6CA;
}
*/
/*.timeBlock p{ float:right;}*/
.secTitTopBlock{ float:left; width:30%; height:50px; }
.secTitBottomBlock{ float:left; width:66%; height:45px; margin-left: 4%; border-top: 1px solid #7697a7; border-bottom: 1px solid #7697a7;  }
.leftBlock { width: 0; }
.midBlock { width: 100%; height:52px; background:url(../img/vertSdw_s.png) no-repeat center right;}
.rightBlock { width: 0; }
.secTitCh {top:50%; margin-top: -0.4em;}
.secTitEn { width: 70%; /*margin-top: 2%; */top:50%; margin-top: -0.6em;	}
.secTitEn.noM{ margin-top: -0.55em; }
.catBtn { width:20px; height: 20px; margin: 0.5em 0 0 0; top:50%; }
.catBtn img { margin-top: 0;}

.leftBlockBot.cat{ border: none;}
.rightBlockTop.cat { border: none;}
.midBlockBot.cat { border: none; }
.midBlockTop.fam { border: none; }
.midBlockBot.fam { border: none; }
.rightBlockBot.fam { border: none; }
.midBlockTop.foc { border: none; }
.midBlockBot.foc { width:100%; height: 50%; border: none; }
.rightBlockTop.foc { border: none; }
.rightBlockBot.foc { border: none; }
.rightBlockBot.foc { width:100%; }
.leftBlockTop.ad { border: none; }
.midBlockTop.ad { border: none; }
.midBlockBot.ad { border: none; }
.rightBlockBot.ad { border: none; }
.leftBlockTop.spec { border: none; }
.leftBlockBot.spec { border: none; }
.midBlockTop.spec { margin-left:0; width:100%; }
.midBlockTop.spec { border: none; }
.midBlockBot.spec { border: none; }
.midBlockBot.cibs { border: none; }
.midBlockTop.pod { width:100%; }
.midBlockTop.pod { border: none; }
.rightBlockBot.pod { border: none; }
.rightBlockBot.drama { border: none; }
.leftBlockTop.drama { border: none; }

/*---------------------------Catchup---------------------------*/
.catupWrap{ margin: 25px 0 25px 0;}
.catTit { max-width: 50%; padding: 15px 15px 10px 7.2%;}
.catMhicon { width: 32px; height: 32px; margin: 12px 20px 0 0; }
.showBtn { margin: 10px 25px 0 0;}
/*---------------------------Fresh Delight Smooth Focal-----------------------------*/
.dramaWrap{ width:98%; margin:25px auto;}
/*------------------------------ad----------------------------*/
section.radio.ad{ margin-bottom: 15px;}
.adWrap{ margin: 25px 0 0 0; }
.adBlock { overflow: hidden; }
.adConWrap{ background:#c6cfd6; }
.adPicWrap { float:left; width:125%; height: 200px;}
.adPicWrap img { height: 145%; transform: translate(-60%, -50%); }
.adTit { float:left; width: 100%; margin: 200px auto 0 auto; background: #ffffff; }
.headWrap { margin: 10px 0 0 1%; width:98%; }
.adTxtWrap { float:left; min-height: auto; }
.adLine { float:none; width:98%; margin-left: 1%; display: none; }
.adGis { float:none; width:98%; margin-left: 1%; padding-top: 1%; }
/*-----------------------------CIBS-----------------------------*/
.comBlock.mini { margin:0 auto;}
.comTit { margin: 15px 0 8px; }
.comTit h2 { font-size: 22px; line-height: 28px;}
.comGist p { font-size: 14px; line-height: 22px; }
/*--------------------------podcasts--------------------------*/
.podWrap{ margin: 25px 0;}
.podBlock { width: 16.4%; padding: 1%; margin-right:2%; margin-bottom: 2%;}
.podpic{
	-webkit-box-shadow: 5px 5px 5px 0.2px rgba(120,101,78,0.6);
	-moz-box-shadow: 5px 5px 5px 0.2px rgba(120,101,78,0.6);
	box-shadow: 3px 3px 3px 0.2px rgba(120,101,78,0.5);
}
}

@media screen and (max-width: 760px) {
/*-----------------------------Channel Button--------------------------*/
.radio_carousel .radframe { width:84%; }
.dramaMes { font-size: 12px; line-height: 20px; letter-spacing: 3px; }
/*---------------------------------CIBS----------------------------*/
/*.secTitBlock.com{ width: 50%;}
.comLeft{ float: none; width: 100%; }
.comRight{ float: none; width: 100%; }
.comBack { left:-4%; width: 110%; }*/
}
@media screen and (max-width: 625px) {
section.radio { width: 94%; margin: 15px auto; }
/*---------------------------Radio player---------------------------*/
.leftWrap { width:65%; }
.radList { width:35%; }
.radListBlock { /*opacity: 1;*/ width:99%;}
.radShowTit { margin: 22px 0 0 0; }
.radShowPicWrap { 
	width:70px;
	height: 70px; 
	margin: 6% 0 35% 8%; 
}
.picSpace {
	float:left;
	width:70px;
	height: 70px;
	margin: 15px 15px 60% 10%;
}
.radShowTit h1 {font-size: 16px; line-height:21px;}
.playBtn {
	width:40px;
	height:40px;
	margin: 25px auto 0px auto;
}
/*-----------------------------Channel Button----------------------------*/
section.radio.radChn { margin: 10px auto 25px auto;}
.radBtnWrap{ float:none; width:96%; margin:5px auto 5px auto;}
.radio_carousel .radframe { width:82%; }
.radio_carousel .radframe ul { /*height: 50px;*/ }
.radio_carousel .radframe ul li { width: 90px; font-size: 14px; line-height: 50px; letter-spacing: 1px; }
.radio_carousel .radframe ul li.active { width: 90px; }
.radio_carousel .radframe ul li.active .chDab {line-height: 14px; margin-top:5px;}
/*.chCon{ width:50px; height:50px; border:none; cursor: pointer; }
.chNavPrev{float:left; width:50px; height:50px; }
.chNavNext{float:right; width:50px; height:50px; }
.btn.btn-default{ background: #c6cfd6;}*/
/*------------------------Section Title------------------------*/

.secTitCh { letter-spacing: 15px;}
.catBtn { margin: 0.7em 0 0 7%; }
/*---------------------------Catchup---------------------------*/
.catTit { float: none; width:94%; max-width:none; padding: 15px 0 10px 0; margin: 0 auto; /*border-bottom: 1px dashed #B6ADAD;*/}
.catTit.sec{ /*border-bottom: 1px dashed #B6ADAD;*/}
.catMhWrap { float: none; width:94%; margin: 0 auto; padding:0 3% 10px 3%; 
	background: url(../img/diviShd.png) no-repeat;
	background-position: center top;
	background-size:contain;
}
.catTit h2{ font-size: 16px; line-height: 26px; }
.catMhit { font-size: 16px;}
.catMhicon { width: 32px; /*height: 30px;*/}
.catMhicon.aud { width: 30px;}
.smIcon { width:35px; height:35px;}
.showBtn{ font-size: 16px; width:80px; }
.showBtn.eng { font-size: 16px; width: 90px; }
.smTxt{ width:35px;}
.smTxt.eng { padding-top: 10px; width: 45px; }
.catMhWrap.plain { float: right; width: 25px; margin: 0 15px 0 0; background: none;}
.catTit.plain { width:75%; padding: 15px 15px 10px 3%; }
/*---------------------------Fresh Delight Smooth Focal-----------------------------*/
section.radio.drama { margin: 15px auto 25px; }
.dramaWrap{ width:100%; margin:25px auto;}
.dramaBlock{ width:98%; margin:10px auto 15px auto;}
.dramaBlock.right { float: none; }
.dramaBlock.left { float: none; }
.dramaGis h3 { padding: 10px 0 8px; }
.dramaInfoBlock {padding: 20px 8px 0 8px; }
.dramaPicsOver{ display: none;}
/*-------------------------------ad----------------------------------*/
.adBlock { margin-bottom: 15px; }
.adWrap { width: 98%; margin: 25px auto 0 auto; }
.adPicWrap img { height: 100%; transform: translate(-60%, -50%); }
/*---------------------------------CIBS----------------------------*/
.secTitBlock.com{ width: 50%;}
.comLeft{ float: none; width: 100%; }
.comRight{ float: none; width: 100%; }
.comBack { left:-4%; width: 110%; }
/*--------------------------podcasts--------------------------*/
section.radio.pod { margin: 25px auto 35px auto;}
.podBlock {width: 28%; }
.podBlock { width: 28%; padding: 2%; }
.podWrap :nth-child(3n+3) { margin-right: 0; }
}
@media screen and (max-width: 425px) {
section.radio { width: 100%; margin: 15px auto; }
/*---------------------------Radio player---------------------------*/
.radShowPicWrap { margin: 7% 0 0 10%; }
.picSpace { margin: 0 65% 15px 0; }
.radShowTit { margin: 15px 0 0 0; padding-left: 10%}
.radShowTit h1 {font-size: 14px; line-height:18px;}
.player { bottom: 3%;}
.playBtn {
	width:30px;
	height:30px;
	margin: 0 auto -10px auto;
}
/*-------------------------------Channel Button----------------------------*/
section.radio.radChn { margin: 10px auto 15px; }
.radBtnWrap{ /* width:100%; */  margin:0; }
.radio_carousel .radframe { width:94%; }
.radio_carousel .radframe ul { background: #C6CFD6; }
.radio_carousel .radframe ul li { width: 90px; line-height: 50px; }
.radio_carousel .radframe ul li.active { }
.radio_carousel .radframe ul li.active .chDab {font-size:14px; line-height: 14px; margin-top:5px;}
.radNavPrev { width: 20px; left: 10px; }
.radNavNext { width: 20px; right: 10px; }
.btn.btn-default.radCon{ }
.btn.btn-default.radCon.prev{ background: none; }
 .btn.btn-default.radCon.next{ background: none; }
/*-------------------------Section Title-----------------------*/
section.tv { width:100%; }
.secTitBlock { width: 100%; background: #f0e9de;}
.secTitBlock.com{ width: 100%;}
/*not use*//*
.timeBlock {
	letter-spacing: 3px;
	width: 9%;  
	bottom:25%;
	left:auto;
	right:2%;
	color:#ffffff;
}
*/
/*not use*//* .timeBlock p { float:right } */
.secTitBottomBlock{ border:none; }
.midBlock {height:50px;}
.secTitCh { width: 65%; margin-top: -0.35em; padding: 0 10% 0 25%; }
.secTitEn { width: 65%; margin-top: -0.55em;	}
.secTitEn.noM{ width: 68%; }
.catBtn { margin: 0.7em 0 0 0%;}
/*---------------------------Catchup---------------------------*/
.catupWrap{ width:92%; margin: 15px auto;}
.catTit.plain { width:65%; padding: 15px 15px 10px 5%; }
.showBtn{ margin: 10px 15px 0 0; }
/*---------------------------Fresh Delight Smooth Focal-----------------------------*/
.dramaWrap{ width:92%; margin: 15px auto;}	
.dramaInfoBlock {padding: 20px 8px 0 8px; }
.dramaBlock{ width:100%; }
.dramaPicsOver{ display: block;}
/*-------------------------------ad----------------------------------*/
.adWrap { width: 92%; }
/*---------------------------------CIBS----------------------------*/
.comBlock { float: none; width: 86%; margin: 0 auto 25px auto; }
/*--------------------------podcasts--------------------------*/
.podWrap{ width:96%; margin: 15px auto;}
}