@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; }
.eng { letter-spacing: 3px;}
.chi { letter-spacing: 5px;}
.bold { font-family: 'ProximaNova_Bold'; }

/*------------------------Headbanner----------------------*/
.slide_title { position:absolute; top: 40%; right: 30%; width:378px;}
.slide_title.r2 { width:246px; }
.slide_subtitle { 
	position:absolute; 
	bottom: 0; 
	width: 100%; 
	min-height:50px;
	padding: 15px 20px 5px 20px; 
	background: rgba(43,54,67,0.8);
}
.slideSubWrap { position: relative; max-width: 1200px; height: auto; /*padding: 40px 20px 0px 20px;*/ margin: 0 auto; text-align:center; /*background: rgba(108,103,74,0.8);*/ }
.slideSubWrap p { font-size: 16px; letter-spacing: 5px; line-height: 24px; color:#FFFFFF; }
/*------------------------radio player----------------------*/
.playerWrap{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
.playerWrap.radChnPlayer{ display: none; }
.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 );
}
.overlay.lit {
	background: rgb(242,249,252); 
	background: -moz-linear-gradient(45deg, rgba(242,249,252,1) 0%, rgba(255,255,255,1) 39%, rgba(201,205,216,1) 100%); 
	background: -webkit-linear-gradient(45deg, rgba(242,249,252,1) 0%,rgba(255,255,255,1) 39%,rgba(201,205,216,1) 100%); 
	background: linear-gradient(45deg, rgba(242,249,252,1) 0%,rgba(255,255,255,1) 39%,rgba(201,205,216,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fc', endColorstr='#c9cdd8',GradientType=1 ); 
}
.overlay.dak {
	background: rgb(94,93,102); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(94,93,102,1) 0%, rgba(41,50,71,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(94,93,102,1) 0%,rgba(41,50,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(94,93,102,1) 0%,rgba(41,50,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5d66', endColorstr='#293247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#radioPlayer{
	position:relative;
	margin: 100px auto 0 auto;
	width:920px;
}
#vidScreen{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}
.playerShadow.lit { box-shadow: -2px 2px 5px #A8B6BD; }
.playerShadow.dak { box-shadow: -4px 1px 5px #1C2024;}
.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 h1 {font-size: 24px; line-height:30px;}
.radShowTit.eng h1 { font-size: 21px; line-height:30px; margin-bottom: 1%;}
.subTit { font-size: 18px; color: #D3DAE2; }
.radShowHost {
	width: 100%;
	position:relative;
	color:#B2CBDB;
	margin: 0 0 15px 0;
}
.radShowHost h3 { font-size: 14px; line-height: 22px;}
.radShowHost.eng h3 { font-size: 13px; line-height: 22px;}
.radShowPlayer { position:relative; width: 80%; margin: 0 auto;}

/*----------------radio player right panel---------------------------*/
.radLogo{
	width: 100%;
	height: 28%;
	/*padding: 5% 8%;*/
	text-align:center;
	background: rgb(239,246,249); 
	background: -moz-linear-gradient(top, rgba(239,246,249,1) 0%, rgba(220,225,229,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(239,246,249,1) 0%,rgba(220,225,229,1) 100%);
	background: linear-gradient(to bottom, rgba(239,246,249,1) 0%,rgba(220,225,229,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff6f9', endColorstr='#dce1e5',GradientType=0 );
}
.radLogoPics.R1 { width: 45%; }
.radLogoPics.R2 { width: 55%; }
.radLogoPics.R3 { width: 55%;}
.radLogoPics.R4 { width: 40%;}
.radLogoPics.R5 { width: 30%;}
.radLogoPics.PTH { width: 35%;}
.radLogoPics.dab31 { width: 60%;}
.liveLoadClose { 
	position:absolute; 
	top: 3%; 
	right: 3%; 
	width: 24px; 
	height: 24px; 
	background: #2e3e4a;
	background:rgba(40,49,67,0.7);
	color:#FFFFFF;
	text-align: center;
	display: table;
	cursor:pointer;
	z-index: 1;
	-webkit-border-radius: 50%;
	 -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
}
.liveLoadClose p { position:absolute; top:4px; right: 6.5px; font-size:16px;  }
.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: bold;
	padding-top: 5px;
	-moz-osx-font-smoothing: grayscale;
}
.radListTit.en{
	font-family: 'ProximaNova_Bold';
	font-weight: normal;
	letter-spacing: 3px;
}
.radTime { letter-spacing: 3px;}
.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;
}
/*-----------------Section Title-----------------------*/
section.radio { width:98%; 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%; }
.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%;}
/*-------------------------------channel Logo and Live---------------------------------*/
.timeWrap { text-align:center;}
.chnTime {
	font-size: 16px;
	padding: 5px 10px 5px 12px;
    border-radius:0 0 8px 8px;
    color: #ffffff;
    display: inline-block;
	text-align:center;
	width: auto;
	min-width: 100px;
	letter-spacing: 4px;
	background: rgba(42, 51, 71, 1);
	/*background:#817C7C;*/
}
.chnDat { color:#B7BFC9;}
section.radio.chnLogo { position:relative; margin: 15px auto 45px auto; text-align:center;}
.chnBarWrap { position:relative; width:auto; display:inline-block; }
.chnBarLogo { width:140px; margin: 0 auto; }
.chnBarLogo.r2 { width:165px;}
.chnBarLogo.r4 { width:125px;}
.chnBarLogo.r5 { width:100px;}
.chnBarLogo.r5 { width:100px;}
.chnBarLogo.pth { width:100px;}
.chnBarLogo.dab31 { width:150px;}
.chnBarNameWrap { width:auto; margin: 0 auto; text-align:center; }
.chnBarName {
	position:relative;
	display:inline-block; 
	width: auto;
	min-width: 100px;
	padding: 10px 16px 8px 18px;
	letter-spacing: 5px;
	text-align:center;
	color:#FFFFFF;
	margin: 15px 5px 0 5px;
	background: rgba(42, 51, 71, 1);
	-webkit-border-radius: 8px 8px 0 0;
	 -khtml-border-radius: 8px 8px 0 0;
	   -moz-border-radius: 8px 8px 0 0;
			border-radius: 8px 8px 0 0;
}
.liveAction { 
	position:absolute; 
	bottom: -97%; 
	left:0; 
	width:100%; 
	height:35px; 
	background:#CED2D6;
	background: #2e3e4a;
	opacity:0.3;
	-webkit-border-radius: 0 0 8px 8px;
	 -khtml-border-radius: 0 0 8px 8px;
	   -moz-border-radius: 0 0 8px 8px;
			border-radius: 0 0 8px 8px;
}
.liveAction:hover { 
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.actplay { margin-top:3px; width: 30px;}
.chnBarName h1 { font-size: 18px; }
.chnBarSha { position:absolute; bottom: 0; left:0; pointer-events: none;}
.chnBarArr { width:45px; height: 45px; display:inline-block; vertical-align:bottom; }

/*---------------------------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 );
}
.catli.last { margin-bottom: 55px;}
.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 {
    border-radius: 5px;
    float: left;
    height: 40px;
    margin: 12px 0 0;
    transition: all 0.5s ease 0s;
    width: 40px;
}
.catMhicon:hover {
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%; 
}
/*.catMhicon { float: left; width: 42px; height: 30px; padding: 15px 15px 0 0; }*/
.catMhicon.aud { padding: 10px 15px 0 0;}
.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%;}
/*-----------------------------Spots--------------------------*/
section.radio.vision { margin:15px auto 35px auto; }
.visWrap { position:relative; width: 100%; text-align:center;}
.visBlockWrap {  width:55%; height: auto; display:inline-block; }
.visVideo { position:relative; width:100%; height: auto; margin: 25px 0 0 0; display:inline-block; }
.visVSha { position:absolute; bottom: 0; left:-50%; width: 100%; pointer-events: none;}
.visVGist { position: relative;  text-align:left; width: auto; margin: 10px 0 15px 0; letter-spacing: 5px; color: #2e3e4a; }
.visVGist.eng { margin: 5px 0 15px 0; }
.visTit { position:relative; margin-bottom: 8px; border-bottom: 1px solid #C6CACD; }
.visTit h2 { font-size: 22px; line-height:33px; }
.visTit.eng h2 { font-size: 20px; line-height:33px; }
.visVGist p { font-size: 14px; line-height:26px; }
.visBack { 
	position:absolute; 
	top:0; 
	width: 93%; 
	height: 60%;
	background: #ede6de; 
	background: -moz-linear-gradient(-75deg, #ede6de 0%, #ffffff 63%, #ffffff 100%); 
	background: -webkit-linear-gradient(-75deg, #ede6de 0%,#ffffff 63%,#ffffff 100%);
	background: linear-gradient(155deg, #ede6de 0%,#ffffff 63%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6de', endColorstr='#ffffff',GradientType=1 ); 
}
/*----------------------Hits-------------------------*/
.hitWrap { width:100%; letter-spacing: 5px; margin: 0 0 45px 0; }
.hitDateBlock { position:relative; width:100%; margin-bottom: 40px; text-align:center; }
.hitChartBlock { margin: 25px 0 15px 0;}
.hitDate { display:inline-block; padding: 8px 15px 6px 15px; color: #FFFFFF; background:#798998;
	-webkit-border-radius: 0 0 8px 8px;
	 -khtml-border-radius: 0 0 8px 8px;
	   -moz-border-radius: 0 0 8px 8px;
			border-radius: 0 0 8px 8px;
}
.hitDate h3 { font-size: 18px; line-height: 22px; }
.hitSha { position: absolute; top:0; left: 0; width: 100%;}
.chartNameBar { 
	width:88%;  
	padding:  12px 6% 12px 6%;  
	vertical-align:middle; 
	background: rgb(41,62,79); 
	background: -moz-linear-gradient(left, rgba(41,62,79,1) 0%, rgba(47,62,84,1) 24%, rgba(119,139,155,1) 65%, rgba(255,255,255,1) 99%); 
	background: -webkit-linear-gradient(left, rgba(41,62,79,1) 0%,rgba(47,62,84,1) 24%,rgba(119,139,155,1) 65%,rgba(255,255,255,1) 99%); 
	background: linear-gradient(to right, rgba(41,62,79,1) 0%,rgba(47,62,84,1) 24%,rgba(119,139,155,1) 65%,rgba(255,255,255,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293e4f', endColorstr='#ffffff',GradientType=1 ); 
}
.chartNameBar a { color:#FFFFFF}
.chartNameBar h3 { font-size: 22px; line-height: 32px; }
.chartIcon { width: 30px; height: 30px; margin-right: 15px; display: inline-block; vertical-align: top; }
.chartTit { display:inline-block; width: calc(100% - 55px); margin-left: -10px; }
.chartList { width:auto; color:#2e3e4a; font-size: 18px;  line-height: 26px; }
.songBlock { margin: 12px 6% 12px 6%;}
.chartDate { margin: 12px 6% 0px 6%;}
.chartListNum { 
	display:inline-block;
	vertical-align:top; 
	font-size: 15px; 
	color:#FFFFFF; 
	line-height:22px;
	text-align:center; 
	width: 27px; 
	padding: 3px 0 0 3px; 
	margin-right:15px; 
	background:#2e3e4a;
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;		
}
.chartListSong { display:inline-block; width: calc(100% - 60px); margin-left: -10px; }
.artiName {font-style:italic; color:#83919F; }
/*----------------------------Radio Guide--------------------------------*/
.guideWrap { width: 100%; letter-spacing: 5px; color:#2e3e4a; margin-bottom: 65px;}
.guideWrap.radFour { margin-bottom: 10px; }
.musListWrap { margin-bottom: 65px; }
.musListWrap p { font-size: 22px; letter-spacing: 5px; }
.musListWrap p.eng { font-size: 20px; letter-spacing: 3px; }
.musListWrap p .musListIcon { 
	position:relative; 
	top: -2px;
	margin-left: 5px; 
	width: 10px; 
	height: 10px;
	color: #e7e7ef;  
	background: #2e3e4a; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;  
}
.radioGuideDat { position:relative; width: 100%; }
.guideDate{ position:relative; float: left; font-size: 36px; color:#FFFFFF; letter-spacing: 5px; width:70%; }
.dateBlk { position:relative; float: left; text-align:center; height: 65px; padding: 0 20px 0 15px; display: table; }
.dateBlk p {display: table-cell; vertical-align: middle;}
.guideDay { background:#CFD8DD; color: #2e3e4a; }
.guideMonth { padding: 0 25px 0 10px; background: #2e3e4a;}
.guideYear { background:#6C757E; }
.dateSlash { position:absolute; left:-20px; width: 20px; height: 100%; background:#2e3e4a;}
.dateSlash.b {background:#6C757E;}
#guideDateSelect {
	position:relative;
	float: right;
	width: 30%;
	height:65px;	
}
select.guideMonWrap {
	position:absolute;
	right: 0;
	bottom: 0;
	font-size:18px;
	color: #2e3e4a;
	letter-spacing: 5px;
	padding: 0 0 0 10px;
	width:195px;
	height:45px;
	background: #F4F1EC url(../img/dropSelectArr_b.gif) no-repeat;
	background-position: right center;
	background-size:contain;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #ffffff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
	-webkit-appearance:none;
	-moz-appearance:none;
}
select.guideMonWrap.eng { font-size:16px; letter-spacing: 3px; width:225px; }
.guideMonItem {
	font-size:16px;
	color: #2e3e4a;
	padding: 2% 5% 2% 2%;
	width:80%;
	margin: 0 auto;
	background: #F4F1EC;
	border-bottom: 1px solid #c6cfd6;
	-webkit-appearance: none;
}
.guideDateShadow { position: absolute; bottom: 0; left:0; width:70%; }
.guideLabel { position:relative; width:100%; padding-bottom: 5px; letter-spacing: 5px;}
.guideLabel h3 { font-size: 18px; line-height: 28px;}
.guideLabel h3 p{ line-height: 22px; }
.guiLab { float:left; width:33.3%; text-align:center; padding: 5px 0; margin-top: 15px; }
.dotLine { position:absolute; bottom: 0; width:100%; height:10px; background:url(../img/dotLine_s.gif); }
.guideRow { width:100%; }
.guideRow.dark { background:#E2DECF; }
.guiCol { float:left; width:33.3%; text-align:center; padding: 10px 0; }
.guiCol p { font-size:16px; line-height: 26px;}
.guiCol.timeSlot { padding: 13px 0;}
.guiCol.showSlot { font-family:Helvetica, Arial, sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.guiCol.timeSlot p { display:inline; line-height: 18px; }
.guiCol.timeSlot p.guiDash { display: inline-block; }
.guiCol.timeSlot p.guiTo { display: none; }
.hostN { display:none; }
/*---------------------------------ZOOM----------------------------*/
section.radio.zoom { margin: 15px auto 35px auto; }
.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.eng { letter-spacing: 3px; }
.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: 94%; padding: 8px 3%; height:27px; background: rgba(225,216,202,0.7); }
.altTitle { /*display: table;*/ vertical-align: middle; width: 100%; padding: 8px 3% 12px 3%; margin-left: -3%;  height:27px; background: rgba(225,216,202,0.7); }
.altIcon { width: 30px; height: 30px; display:inline-block; vertical-align: middle; }
.comHeadTit { font-size: 24px; /*display: table-cell;*/ display:inline-block; vertical-align: middle;}

.comTit { line-height: 32px;  margin: 15px 0 10px; }
.comTit h2 { font-size: 24px;}
.comTit .comChi { letter-spacing: 5px;}
.comGist p { font-size: 16px; line-height: 24px; }
.comGist.eng p { font-size: 14px; line-height: 24px;}
.comGistIcon { width: 25px; height: 25px; margin: 0 5px; display:inline-block; }
.comLink { font-family: 'ProximaNova_Bold'; -moz-osx-font-smoothing: grayscale; }
.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 );
}
.zoomDate{ font-style:italic; color:#67778F;}
.sectLine {
	position:relative;
	float:left;
	background: rgba(0, 0, 0, 0) url("../img/dotLine_s.gif") repeat scroll 0 0;
    height: 10px;
    width: 100%;
}
/*-----------------------------special---------------------------------*/
.specWrap{ width: 100%; height: 100%; margin: 25px auto 0 auto; }
.specWrap.rad{ width: 98%; margin: 25px auto 0 auto;}
.spec_slider{ position: relative; width: 100%; margin: 0 auto; }
.spec_slider .specframe{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-shadow: none;
}
.spec_slider .specframe ul {
	font-family: 'ProximaNova_Thin';
	list-style: none;
	height: 100%;
}
.spec_slider .specframe ul li {
	float: left;
	clear: right;
	width: 380px;
	/*height: auto;*/
	margin: 0 18px 0 0;
	padding: 0;
	color: #3a3c47;
	cursor: pointer;
	line-height: 60px;
	font-size: 16px;
	-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);
}
.spec_slider .specframe ul li.active { font-family: 'ProximaNova_Regular'; font-size: 18px; }
.specpics{ position:absolute; top: 0; left:0; }

.specBlock { width:100%; height:100%; }
.specBlock a { color:#FFFFFF;}
.specPicsWrap {
	width:100%;
	height: 262px;
	overflow: hidden;
	/*background:#55DFE4;	*/
	-moz-border-radius: 190px 190px 0px 0px;
	-webkit-border-radius: 190px 190px 0px 0px;
	border-radius: 190px 190px 0px 0px;
	background-position: center;
	background-size: cover;	
}
.specGisWrap {
	font-family: 'ProximaNova_Regular'; 
	letter-spacing: 5px;  
	padding: 0 15% 55px 15%;  
	color:#FFFFFF;
	width:100%;
	height: auto;
	min-height: 200px;
	background:#2e3e4a;
	-moz-border-radius: 0px 0px 190px 190px;
	-webkit-border-radius: 0px 0px 190px 190px;
	border-radius:  0px 0px 190px 190px;
}
.specTit { height:auto; text-align:center; padding: 10px 0 5px 0; }
.specTit h2 { line-height: 1.2em; }
.specTit.eng h2 { font-size: 20px;}
.specGisWrap h4 { font-size: 16px; line-height: 25px;}
.specGisWrap.eng h4 { font-size: 14px; line-height: 22px;}
.specDate h4 { font-size: 14px; }
.specGis{ height:auto; padding: 0 0 15px 0;}
.specDate { height:auto; text-align:center;  color:#CBDCF1; }

.specControlWrap{ position:relative; text-align:center; }
.btn.btn-default.specCon{ cursor: pointer; background:none; border: none; padding: 0 0 0 0;/*pointer-events: auto;*/ }
.spec_slider .specNavPrev{ display:inline-block;}
.spec_slider .specNavNext{ display:inline-block;}
.spec_slider .navAr{ /*margin: -3px 0 0 -12px; */}
.pages_.specDots { position:relative; list-style: outside none none; display:inline-block; top: 5px;}
.pages_.specDots li.active { background: #ACADB0 none repeat scroll 0 0;}
.pages_.specDots li {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ACADB0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 0 4px;
    overflow: hidden;
    text-indent: -999px;
    width: 15px;
}




/*-----------------------------album---------------------------------*/
.albumWrap{ width: 100%; /*height: 100%;*/ margin: 25px auto 55px auto; /*background:#EDE4C9;*/ }
.album_slider{ position: relative; width: 100%; margin: 0 auto; }
.album_slider .albumframe{
	position: relative;
	margin: 0 auto;
	width: 88%;
	overflow: hidden;
	text-shadow: none;
}
.album_slider .albumframe ul {
	font-family: 'ProximaNova_Thin';
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
.album_slider .albumframe ul li {
	float: left;
	width: 207px;
	/*width: 15%;*/
	/*height: auto;*/
	/*margin: 0 26px 0 0;
	padding: 0 26px 0 0;*/
	color: #3a3c47;
	cursor: pointer;
	line-height: 60px;
	font-size: 14px;
	
	-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);
}
.album_slider .albumframe ul li.active { font-family: 'ProximaNova_Regular'; font-size: 14px; }

.albumBlock { 
	width:100%; 
	height:100%;
	padding: 0 18px; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	border-right: 0.5px solid #AFB3BF;
	/*background:#BFD7E0; */
}
.albumDateBar { position:absolute; top:0; width:100%; height:35px; background:#e7e7ef;}
.albumBlock.fir { border-left: 0.5px solid #AFB3BF;}
.albumBlock a { color:#FFFFFF;}
.albumDate { font-size: 14px; line-height: 22px; letter-spacing:5px; padding: 5px 22px; margin-bottom: 20px;  background:#e7e7ef;}
.albumPicsWrap {
	width:100%;
	height: auto;
	overflow: hidden;
	background-position: center;
	background-size: cover;	
	/*background:#55DFE4;	*/
}
.albumGisWrap {
	font-family: 'ProximaNova_Regular';
	letter-spacing: 5px;  
	padding: 0 0 10px 0;  
	color:#2e3e4a;
	width:100%;
	height: auto;
	min-height: 50px;
	/*background:#D7D5D5;*/
}
.albumTit { height:auto; padding: 10px 0 5px 0; }
.albumTit.eng p { font-size: 13px; letter-spacing: 2px; line-height: 18px;}
.albumTit.eng p .albumChi { font-size: 11px;}



.albumControlWrap{ /*position:relative; text-align:center;*/ }
.btn.btn-default.albumCon{ cursor: pointer; background:none; border: none; padding: 0 0 0 0;/*pointer-events: auto;*/ }
.album_slider .albumNavPrev{ position:absolute; top:70px; display:inline-block;}
.album_slider .albumNavNext{ position:absolute; top:70px; right:0; display:inline-block;}
.album_slider .navAr{ /*margin: -3px 0 0 -12px; */}
.pages_.albumDots { position:relative; list-style: outside none none; display:none; top: 5px;}
.pages_.albumDots li.active { background: #ACADB0 none repeat scroll 0 0;}
.pages_.albumDots li {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ACADB0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 0 4px;
    overflow: hidden;
    text-indent: -999px;
    width: 15px;
}
/*--------------------------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);
}
/*-------------------------Contact------------------------------------*/
.contactWrap { width: auto; margin:0 0 65px 7%; font-size: 22px; letter-spacing: 5px; line-height:33px; color:#2e3e4a;}
.conItem p { display:inline-block;}
/*-------------------------Newsletter------------------------------------*/
.newsLetWrap { width: 100%;  background:#1c2128;}
.subInfo { float:left; display: table; padding: 0 0 0 5.5%; width: 60%;  }
.subIcon { width: 45px; display:table-cell;  vertical-align:middle; padding-right: 15px; }
.subInfoEng { line-height: 20px; letter-spacing: 3px; padding-bottom: 3px;}
.subInfoChi { line-height: 24px; letter-spacing: 3px;}
.subBlock { max-width: 1200px; margin: 0 auto; padding: 15px 0 ; font-size: 16px;  color:#DEE0E3; letter-spacing: 3px; }
.subButton { float: right; width: 25%; padding: 5px 0;   margin-right:1%; text-align:center;}
.inputBlo { width:100%; }
.inputBlo .sub { float:left; width:72%; height:15px; }
.subBtn { float: left; margin-left: 6%; width: 12%; height:32px; color: #2e3e4a; background: #bec2c4 url(../img/subBtn.jpg) no-repeat; background-position: center; background-size:contain; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #CECFD1; cursor: pointer; }
.unSub { float: left; padding: 5px 0 0 0; line-height: 20px; }
.unSub a { font-size:14px; color:#C3C7C8; }
input[type="text"] {
  width: 90%;
  padding: 8px 2%;
  font-size: 12px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
}
input[type="text"]:focus,
input[type="text"].focus {
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
/*------------------Frequency Bar------------------------*/
.freqBlo { width: 100%; background: #e7e7ef; background: #c6cfd6;}
.wrapBox { max-width: 1050px; margin: 0 auto; }
.freqWrap { padding: 25px 0 25px 0; display: table; }
.freqList { list-style-position:outside; list-style: disc; color:#9DB0B8; }
.freqList span { color: #2e3e4a; }
.freq { font-family: 'ProximaNova_Regular'; letter-spacing: 3px; }
.freq.line { display:inline-block; }
.freqIcon { width:30px; height:30px; display: table-cell; padding-right: 10px; vertical-align: middle;}
.freqItem { font-size: 16px; line-height: 26px; letter-spacing: 3px; margin-left: 30px; }
.freqDot { font-size: 16px; letter-spacing: 2px; color:#9DB0B8;}
	
@media screen and (max-width: 1600px) {
/*------------------------Headbanner----------------------*/
.slide_title { width: 310px; top: 40%; right: 20%;}
.slide_title.r2 {width: 200px; top: 30%; right: 25%; }
.slide_subtitle { min-height:45px; padding: 12px 20px 5px 20px; }
.slideSubWrap p { font-size: 14px; line-height: 19px; }
/*-----------------------------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;}
.radShowTit.eng h1 { font-size: 18px; line-height:26px;}
.radShowHost.eng h3 { font-size: 12px; line-height: 20px;}
}
@media screen and (max-width: 1200px) {
/*------------------------Headbanner----------------------*/
.slide_title { width: 280px; top: 40%; right: 20%;}
.slideSubWrap p { font-size: 13px; line-height: 19px; }
/*-----------------------------Radio Player--------------------------*/
.radList{ font-size: 12px;}
.epiRecom{ padding: 3% 0 0 12%; }
.playBtn {
	width:60px;
	height:60px;
	margin: 25px auto 0px auto;
}
.radShowTit.eng h1 { font-size: 18px; line-height:24px;}
.radShowHost.eng h3 { font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 1280px) {
	/*------------------Frequency Bar------------------------*/
	.wrapBox { padding: 0 6% 0 6%; }
	.freqWrap { padding: 15px 0 15px 0; }
}
@media screen and (max-width: 1000px) {
/*------------------------Headbanner----------------------*/
.slide_title {width: 280px; top: 40%; right: 22%;}
.slide_title.r2 {width: 200px; top: 30%; }
.slide_subtitle { min-height:40px; padding: 8px 20px 5px 20px; }
.slideSubWrap p { font-size: 12px; line-height: 19px; }
/*-----------------------------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; }

/*-----------------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; }
/*-----------------------------special---------------------------------*/
.specWrap{ width: 98%; margin: 0 auto;}
/*-------------------------Newsletter------------------------------------*/
.subButton { margin-right: 5%; }
}
@media screen and (max-width: 825px) {
/*------------------------Headbanner----------------------*/
.slide_title {width: 240px; top: 35%; right: 15%;}
.slide_title.r2 {width: 150px; top: 30%; }
.slide_subtitle { min-height:35px; padding: 10px 20px 5px 20px; }
.slideSubWrap p { font-size: 12px; letter-spacing: 3px; line-height: 18px; }
/*-----------------------------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;
}
.radShowTit.eng h1 { font-size: 16px; line-height:22px;}
.radShowHost.eng h3 { font-size: 12px; line-height: 16px;}
.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%;
}
.radLogoPics.R1 { width: 38%;}
.radLogoPics.R2 { width: 45%;}
.radLogoPics.R3 { width: 45%;}
.radLogoPics.R4 { width: 30%;}
.radLogoPics.R5 { width: 25%;}
.radLogoPics.PTH { width: 35%;}
.radLogoPics.dab31 { width: 50%;}
.player {
	position:absolute;
	bottom: 10%;
	width: 100%;
}
.playBtn {
	width:60px;
	height:60px;
	margin: 25px auto 0px auto;
}
.playTit { display: none;}
.playerWrap{ background:#000000;}
.playerWrap.colBack { background:#000000; }
.liveLoadClose {
    background: rgba(40, 49, 67, 0.7) none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    display: table;
    height: 24px;
    position: absolute;
    right: 3%;
    text-align: center;
    top: 3%;
    width: 24px;

}
.liveLoadClose {
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: none;
	border-radius: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent rgba(39,47,64,0.7) transparent transparent
}
.liveLoadClose p {
	position:absolute;
	top: 5px;
	right: 5px;
}
.overlay { display: none; }

.vidPlayer{ height:100%; width:auto; margin: 0 auto;}

/*-------------------------Section Title-----------------------*/
.secTitBlock { width: 48.5%; padding-left:1.5%; }
.secTitBlock.com{ width: 102%; margin-bottom: 25px; }
.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; }

/*-------------------------------channel Logo and Live---------------------------------*/
.chnBarLogo { width: 105px; }
.chnBarLogo.r2 { width:115px;}
.chnBarLogo.r3 { width:125px;}
.chnBarLogo.r4 { width:100px;}
.chnBarLogo.r5 { width:85px;}
.chnBarLogo.pth { width:85px;}
section.radio.chnLogo { margin: 15px auto 65px auto; }

/*---------------------------Catchup---------------------------*/
.catupWrap{ margin: 25px 0 25px 0;}
.catli.last { margin-bottom: 25px;}
.catTit { max-width: 50%; padding: 15px 15px 10px 7.2%;}
/*.catMhicon { width: 32px;  }*/
.catMhicon.aud { padding: 12px 15px 0 0;}
.catMhicon { width: 32px; height: 32px; margin: 12px 20px 0 0; }
.showBtn { margin: 10px 25px 0 0;}
/*-----------------------------Vision--------------------------*/	
.visBlockWrap { width:70%; }	
.visBack { width: 100%; height: 53%; }
.visVSha { left:-100%; width: 150%; }
/*----------------------Hits-------------------------*/
.hitWrap { margin: 0 auto 45px auto; width: 98%; }
.hitChartBlock { margin: 15px 0; }
.hitDateBlock { margin-top: 25px; margin-bottom: 25px; }
/*----------------------------Radio Guide--------------------------------*/
.guideWrap { width: 96%; margin: 0 auto 55px auto;}
.radioGuideDat { width: 100%; margin-top: 25px; }
.guideDate { width:50%; }
.dateBlk { padding: 0; height: 55px; }
.guideDay { width: 30%;}
.guideMonth { width: 27%; padding: 0 3% 0 0%; }
.guideYear { width: 40%; }
#guideDateSelect { float: right; width: 50%; height: auto; }
select.guideMonWrap { position:relative; width: 100%; height:55px; text-align:center; box-shadow: none; border: 3px solid #C4CCD5; background-size:contain; }
select.guideMonWrap.eng { font-size:16px; letter-spacing: 3px; width: 100%; }
.guiLab.time { width: 34%; }
.guiLab.show { width: 66%; }
.guiLab.host { display: none;}
.guiCol { float:left;  }
.guiCol.timeSlot { width: 30%; padding: 2% 2% 0 2%;}
.guiCol.showSlot { float:right; width: 60%; padding: 1% 3% 0 3%; }
.guiCol.hostSlot { float:right; width: 60%; padding: 0 3% 1% 3%; }
.guiCol.hostSlot p {display:inline; color:#5F656D; }
.hostN { display:block; }
/*-----------------------------zoom----------------------------*/
.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; }
/*--------------------------------special---------------------------------*/
.specWrap{ margin: 35px auto 0 auto;}
/*--------------------------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);
}
/*-------------------------Album--------------------------------------*/
.album_slider .albumframe{ width: 80%; }
/*-------------------------Contact------------------------------------*/
.contactWrap { margin:25px 0 65px 18%; font-size: 18px; letter-spacing: 5px; line-height:33px;}
/*-------------------------Newsletter------------------------------------*/
.subButton { margin-right: 3%; width: 29%;} 
.inputBlo .sub { width:65%; }
.subBtn {margin-left: 6%; width: 17%; height:32px; }

}

@media screen and (max-width: 760px) {
/*------------------------Headbanner----------------------*/
.slide_title {width: 240px; top: 35%; right: 15%;}
.slide_title.r2 {width: 150px; top: 30%; right: 10%;}

/*------------------------Section Title------------------------*/
/*.secTitBlock.com{ width: 50%;}*/
/*---------------------------------CIBS----------------------------*/
/*.comLeft{ float: none; width: 100%; }
.comRight{ float: none; width: 100%; }
.comBack { left:-4%; width: 110%; }*/
}
@media screen and (max-width: 625px) {
/*------------------------Headbanner----------------------*/
.slide_title { width: 180px; top: 35%; right: 3%;}
.slide_title.r2 { width: 130px; top: 30%; right: 3%;}
.slide_subtitle { padding: 8px 20px 5px 20px; }	

section.radio { width: 94%; margin: 15px auto; }
/*---------------------------Radio player---------------------------*/
.leftWrap { width:65%; }
.radList { width:35%; }
.radListBlock { width:99%; }
.radShowTit { margin: 22px 0 0 0; }
.radShowTit.eng { margin: 15px 0 0 0; }
.playerShadow.lit { box-shadow: 1px 2px 5px #A8B6BD; }
.playerShadow.dak { box-shadow: 1px 2px 5px #1C2024;}
.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;}
.radShowTit.eng h1 { font-size: 14px; line-height:22px;}
.radShowHost.eng h3 { font-size: 11px; line-height: 16px;}
.playBtn { width:40px; height:40px; margin: 25px auto 0px auto;}
.radLogoPics { margin-left: -15px; }
.radLogoPics.R1 { width: 34%;}
.radLogoPics.R2 { width: 38%;}
.radLogoPics.R3 { width: 38%;}
.radLogoPics.R4 { width: 27%;}
.radLogoPics.R5 { width: 22%;}
.radLogoPics.PTH { width: 28%;}
.liveLoadClose { top:0; right: 0; }
.liveLoadClose p { font-size: 16px; top:8px; right: 13px;  }
/*------------------------Section Title------------------------*/
.secTitCh { letter-spacing: 8px;}
.catBtn { margin: 0.7em 0 0 7%; }
/*-------------------------------channel Logo and Live---------------------------------*/
section.radio.chnLogo { margin: 15px auto 45px auto;}
.chnBarName { padding: 10px 16px 7px 18px;}
.chnBarName h1 { font-size: 14px; }
.liveAction { height: 28px; bottom: -88%; }
.actplay { width: 25px; }
/*---------------------------Catchup---------------------------*/
.catTit { /* float: none; width:94%; max-width:none; padding: 15px 0 10px 0; margin: 0 auto; */ /*border-bottom: 1px dashed #B6ADAD;*/}
.catTit.sec{}
/*
.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; }
.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%; }
/*--------------------------------Vision-----------------------------------------------*/	
.visBack { width: 100%; height: 43%; }
/*--------------------------------Hits------------------------------------------------*/
.hitWrap { width: 92%; }
.hitDate h3 { font-size: 16px; line-height: 24px; }
.chartNameBar { background: #293E4F; }
.chartNameBar h3 { font-size: 18px; line-height: 28px;}
.chartList { font-size: 16px; }
/*----------------------------Radio Guide--------------------------------*/
.guideWrap { width: 96%; }
select.guideMonWrap { text-align:left;}
.dateBlk { height: 45px; }
select.guideMonWrap { height: 45px; }
select.guideMonWrap.eng { font-size:14px; letter-spacing: 2px; width: 97%; padding-left: 3%;}
.guideLabel h3 { font-size: 16px; line-height: 22px;}
.guideDateShadow { display: none;}
.guideMonth { width: 25%; padding: 0 5% 0 0%; }
.guideDate { font-size: 24px;}
.guiCol p { font-size:14px; line-height: 22px; }
.guiCol.timeSlot p { font-size: 14px; letter-spacing: 2px; }
/*---------------------------------ZOOM----------------------------*/
.secTitBlock.com{ width: 50%;}
.comLeft{ float: none; width: 100%; }
.comRight{ float: none; width: 100%; }
.comBack { left:-4%; width: 110%; }
/*--------------------------------special---------------------------------*/
.specPicsWrap { height: 200px; }
.spec_slider .specframe ul li { width: 290px; }
.specGis { line-height: 16px; }
.specControlWrap { margin: 0 auto 0 auto; }
/*-------------------------Album--------------------------------------*/
.album_slider .albumframe{ width: 70%; }
.album_slider .albumframe ul li { width: 200px; }
/*--------------------------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; }

/*-------------------------Contact------------------------------------*/
.contactWrap { margin:25px 0 65px 3%; }
/*-------------------------Newsletter------------------------------------*/
.subBlock { font-size: 14px;}
.subInfo { width: 43%; border-right: 1px dashed #626569; padding: 0 2% 0 5.5%; }
.subIcon { vertical-align: top;}
.subButton { width: 40%; margin-right:5%; }
/*------------------Frequency Bar------------------------*/
.wrapBox { padding: 0 9% 0 9%; }
.freqIcon { padding-right: 0;}
.freqItem { font-size: 14px; }
}
@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; }
.picSpace.eng { margin: 0 65% 5px 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; }
.radLogoPics.R1 { width: 40%;}
.radLogoPics.R2 { width: 45%;}
.radLogoPics.R3 { width: 48%;}
.radLogoPics.R4 { width: 48%;}
.radLogoPics.R5 { width: 30%;}
.radLogoPics.PTH { width: 38%;}
.radLogoPics.dab31 { width: 65%;}
.liveLoadClose { top:0; right: 0; /*width: 20px; height: 20px; */ }
.liveLoadClose p { font-size: 14px; top:8px; right: 10px;  }
/*-------------------------------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%;}
.timeBlock {
	letter-spacing: 3px;
	width: 9%;  
	bottom:25%;
	left:auto;
	right:2%;
	color:#ffffff;
}
.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%;}
/*-------------------------------channel Logo and Live---------------------------------*/
.chnTime { font-size: 14px; letter-spacing: 3px; }
.chnBarName { min-width: 80px; }
.chnBarArr { height: 35px; width: 35px; }
.chnBarLogo { width: 95px; }
.chnBarLogo.r2 { width:100px;}
.chnBarLogo.r3 { width:115px;}
.chnBarLogo.r4 { width:90px;}
.chnBarLogo.r5 { width:75px;}
.chnBarLogo.pth { width:75px;}
.chnBarLogo.dab31 { width:130px;}
/*---------------------------Catchup---------------------------*/
.catupWrap{ width:92%; margin: 15px auto;}
.catTit.plain { width:65%; padding: 15px 15px 10px 5%; }
.showBtn{ margin: 10px 15px 0 0; }
/*--------------------------------Vision-----------------------------------------------*/	
.visBlockWrap { width:90%; }
.visVSha { display: none;}
.visVideo { margin: 5px 0 0 0; }
.visWrap.fir { margin-top: 25px;}
.visBack { display:none; }
/*---------------------------------Hits--------------------------------------*/
.hitDateBlock { margin-top: 0; }
/*----------------------------Radio Guide--------------------------------*/
.guideWrap { width: 92%; margin: 0 auto 40px auto;}
select.guideMonWrap { text-align:center; border: 3px solid #ffffff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
}
.dateBlk { height: 35px; }
select.guideMonWrap { height: 35px; }
select.guideMonWrap.eng { font-size:14px; letter-spacing: 2px; width: 100%; }
.guideDate { width:100%; }
#guideDateSelect { width:100%; }
.guiCol.timeSlot { padding: 2% 2% 2% 2%; }
.guiCol.showSlot { padding: 2% 3% 0 3%; }
.guiCol.hostSlot { padding: 0 3% 2% 3%; }
.guiCol p { font-size:14px; line-height: 20px; }
.guiCol.timeSlot p {display:block; }
.guiCol.timeSlot p.guiDash { display: none; }
.guiCol.timeSlot p.guiTo { display: inline-block; }
.guiCol.hostSlot p.hostN.eng { display:block;}
/*---------------------------------ZOOM----------------------------*/
section.radio.zoom { margin: 15px auto; }
.comBlock { float: none; width: 86%; margin: 0 auto 25px auto; }
/*--------------------------------special---------------------------------*/
.specWrap{ width: 96%;}
.spec_slider .specframe { width: 94%;}
.spec_slider .specframe ul li { width: 300px; }
/*-------------------------Album--------------------------------------*/
.albumWrap { margin: 25px auto 5px; }
.album_slider .albumframe{ width: 60%; }
.album_slider .albumframe ul li { width: 200px; }
/*--------------------------podcasts--------------------------*/
.podWrap{ width:96%; margin: 15px auto;}
/*-------------------------Contact------------------------------------*/
.contactWrap { width:81%; margin:25px auto 65px auto;  font-size: 18px; letter-spacing: 5px; line-height:33px;}
/*-------------------------Newsletter------------------------------------*/
.subInfo { float:none; width: 80%; margin: 0 auto; border-right: none; padding: 0 0 15px 0;}
.subButton { float:none; width: 80%; margin: 0 auto; }
input[type="text"] { width: 94%; }
/*------------------Frequency Bar------------------------*/
.wrapBox { padding: 0 14% 0 14%; }
}