body,html {
    font-family: 'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.jw-tab-focus:focus {
    outline: none !important;
}
.dramaBlock {
    float: left;
}
.dramaBlock.right {
    float: left;
    margin-left: 2%;
}
.zoom-grid-view .comGist a{
	color:#497372
}
strong {
    font-weight: bold;
}
em{
	    font-style: italic;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.specGisWrap .specTit{word-wrap: break-word;}
#radheadBanner .hbframe .slide_element > div {
    width: 100%;
}
#radheadBanner .hbframe .slide_element > .slide {
    text-align: center;
}
#radheadBanner .hbframe .slide_element > .slide > div {
    text-align: left;
}
.radioPlayerContainer, .radioPlayerContainer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select.guideMonWrap{    width: 235px;}
.radShowPicWrap {
    min-height: 400px;
}
.radioPlayerContainer{
    position:relative;
    margin: 100px auto 0 auto;
    width:920px;
}
.radioPlayerContainer.close {
    width: 1px;
    height: 1px;
    top: -9999px;
    left: -9999px;
    position: absolute;
}
.playerWrap #rPlayerradio1_wrapper,
.playerWrap #rPlayerradio2_wrapper,
.playerWrap #rPlayerradio3_wrapper,
.playerWrap #rPlayerradio4_wrapper,
.playerWrap #rPlayerradio5_wrapper,
.playerWrap #rPlayerradio6_wrapper,
.playerWrap #rPlayerradiocnrhk_wrapper,
.playerWrap #rPlayerradiocmgrgb_wrapper,
.playerWrap #rPlayerpth_wrapper,
.playerWrap #rPlayerdab31_wrapper,
.playerWrap #rPlayerdab33_wrapper,
.playerWrap #rPlayerdab35_wrapper {
	width: 100%;
	margin: 0 auto;
}
#rPlayerradio1,#rPlayerradio2,#rPlayerradio3,#rPlayerradio4,#rPlayerradio5,#rPlayerradio6,#rPlayerradiocnrhk,#rPlayerradiocmgrgb, #rPlayerpth,#rPlayerdab31,#rPlayerdab33,#rPlayerdab35 {
    position:relative;
    height:35px;
    margin: 0 auto;
}
.playerWrap.radChnPlayer {
    display:block;
    z-index: 100;
}
.playerWrap.radChnPlayer.close {
    width: 1px;
    height: 1px;
    top: -9999px;
    left: -9999px;
    position: absolute;
}
.guideBlock { width: 100%;}

.radListBlock {
    width: 91%;}
/* .radNum.dab { line-height: 18px;} */
.comBack {
    left:0;
    background: #fffdf7;
    background: -moz-linear-gradient(top, #fffdf7 1%, #ddd8c5 100%);
    background: -webkit-gradient(linear,left top, right bottom, color-stop(1%,#fffdf7), color-stop(100%,#ddd8c5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fffdf7 1%,#ddd8c5 100%);; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fffdf7 1%,#ddd8c5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fffdf7 1%,#ddd8c5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fffdf7 1%,#ddd8c5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf7', endColorstr='#ddd8c5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mightyslider_modern_skin .mSButtons {
    z-index: 1 !important;
}
.radShowTit { height: 49%; }
.radLivShow { height: 37px; }
.album_slider .albumframe ul li.active .albumTit.eng p {
   font-size: 16px;
   word-wrap: break-word;
}
.fancybox-title-outside-wrap {
    background: #000;
    color: #fff;
    padding: 2px 13px;
    text-align: center;
}
.radLogoPics.R1 {
    width: 45%;
}
.radLogoPics.PTH {
    width: 35%;
}
.radLogoPics.dab31 {
    width: 60%;
}
.radLogo {
    padding: 0;
    text-align: center;
}
.player-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: 0.4;
}
.visVideo:hover .player-overlay, .player-overlay.active {
    display:none;
}
.visVideo object{left:0;}


/* Special */
#spec_slides ul li .specGis {
    max-height: 130px;
    overflow: hidden;
}
#spec_slides ul li .specDate {
	height: auto;
    text-align: center;
    color: #CBDCF1;
}
#spec_slides ul li .specDate a {
	color: #CBDCF1;
}

/* Special */

/* CIBS & ZOOM grid view  */
.grid-view {width: 100%;}
.grid-view .comBlock {
	float: none;
	width: 44%;
	width: calc((100% - 20px - 8%) / 2);
	padding: 2%;
}

.secTitEn {width: 80%;}

.photoAlbum-no-photo {
	font-size: 18px;
	color: #2e3e4a;
}

.catMhicon.ear:hover {
	background: #3C4A5E url(../../img/push_icon_aud_w.png) no-repeat;
}

/* radio 4*/
.musListWrap a{    font-family: ProximaNova_Light;}
.radFour.guideWrap {    margin-bottom: 35px;}
section.radio.zoom .secTitBlock.com {
    width: 20%;
}
.radio_carousel .radframe ul li .radNum.dab {
	line-height: 18px;
	padding-top: 10px;
}
.radio_carousel .radframe ul li.active .radNum.dab{
/* 	line-height:18px; */
	line-height: 18px;
	padding-top: 10px;
}
.vidScreen{box-shadow: -2px 2px 5px #000000;}

.secTitBlock span{
    color: #2e3e4a;
    font-family: ProximaNova_Light;
}
.secTitBlock .secTitEn span{
	color: #2e3e4a;
    font-family: 'ProximaNova_Thin';
}

@media screen and (max-width: 1600px) {
    .radShowPicWrap { min-height: 250px;}
    .radioPlayerContainer{ margin: 70px auto 0 auto; width:720px; }
}
@media screen and (max-width: 1000px) {
    .radioPlayerContainer{ margin: 2% auto 0 auto; width:600px; }
    .radShowTit { height: 60%; }
}
@media screen and (max-width: 825px) {
    .radShowPicWrap {
        float: none;
        position: relative;
        width:100px;
        height: 100px;
        margin: 6% 0 0 10%;
        border-radius: 50%;
        overflow: hidden;
        z-index: 1;
        min-height: 0;
    }
    .radioPlayerContainer{ margin: 0 auto; width:auto; height:100%; }
    .liveLoadClose p { right: -40px; }
    .radShowTit { height: 45%; }
    .player-overlay { display:none !important;}
    section.radio.zoom .secTitBlock.com {
	    width: 48.5%;
	    padding-left: 1.5%;
	}
	select.guideMonWrap{
/* 		font-size: 16px; */
text-align:left;
    letter-spacing: 3px;
    width: 100%;
	}
}
@media screen and (max-width: 625px) {
    .dramaBlock.right {
        margin-left: 0;
    }
    .radShowPicWrap {
        width:70px;
        height: 70px;
        min-height: 0;
        margin: 6% 0 35% 8%;
    }
    .liveLoadClose p { right: -40px; }
    .radShowTit { height: 50%; }

	/* CIBS & ZOOM grid view  */
	.grid-view {width: 100%;}
	.grid-view .comBlock {
		width: 100%;
		padding: 2% 0;
	}
	.grid-view .comBlock .comBack {left: -4%;}
	select.guideMonWrap{
		font-size: 16px;
	}
}
@media screen and (max-width: 425px) {
    .radShowPicWrap { margin: 7% 0 0 10%; }
    .liveLoadClose p { right: -39px; }
    .radShowTit {height: 68%;}
    section.radio.zoom .secTitBlock.com{
	    width: 100%;
	    background: #f0e9de;
    }
}


.guideWrap { margin-bottom: 10px; }
.exLinkWrap { width: 100%; height: auto; margin: 0 auto 65px auto; }
.exLinkBtn {
	float: left;
	width: 49.5%;
	padding: 10px 0;
	margin: 10px 0;
	text-align:center;
	background:#9CBAC1;
	background: rgb(57,58,71);
	background: -moz-linear-gradient(top, rgba(57,58,71,1) 0%, rgba(28,33,40,1) 100%);
	background: -webkit-linear-gradient(top, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	background: linear-gradient(to bottom, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a47', endColorstr='#1c2128',GradientType=0 );

	-webkit-border-radius: 6px;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 6px;
	}
.exLinkBtn.rig { float:right; }
.exLinkIcon { width:35px; height: 35px; display:inline-block; /*margin-right: 10px;*/ }
.exLinkIcon.prof { margin-right: 7px; }
.exLinkTxt { display:inline-block; vertical-align:top; margin-top:10px; font-size:16px; letter-spacing: 5px; color:#D9D7D6; }
.exLinkTxt.eng { letter-spacing: 2px;}
.musListWrap { margin-bottom: 25px; }
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 760px) {
.exLinkBtn { padding: 5px 0 8px 0; }
.exLinkWrap { width: 96%; }
.exLinkTxt { display:block; font-size:14px; margin-top:0px;}

}
@media screen and (max-width: 625px) {
.exLinkTxt.eng { font-size:12px; letter-spacing: 1px;}
}
@media screen and (max-width: 425px) {
}


section.radio.radChn {
	margin: 25px auto;
	text-align: center;
}
.radBtnWrap {
	position: relative;

	display: inline-block;
	margin-bottom: 25px;
}
.radio_carousel {
/* 	position: relative; */
	width: auto;
	margin:0;
	/*width: 100%;*/
	/*display: inline-block;*/
}
.radio_carousel .radframe {
	float: left;
	position: relative;
	height: auto;
	margin: 0 10px 0 70px;
	width:auto;
}
.radio_carousel .radframe ul li {
	width: 125px;
}
.radNavPrev {		
	width: 60px;
	height: 100%;
}
.radNavNext {
	float: left;
	width: 60px;
	height: 100%;
	background: #11AB74;
}
.IE .radNavNext {
    float: none;
    width: 60px;
    height: 100%;
    background: #11AB74 ;
    display: inline-block;
}
.IE .radio_carousel .radframe{margin:0 10px 0 40px;}
.btn.btn-default.radCon {
	position: absolute;
	left: auto;
	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%;
}
@media screen and (max-width: 1000px) {
	.radio_carousel .radframe { width:80%; }
	.radio_carousel .radframe ul li { width: 115px; }
}
@media screen and (max-width: 825px) {
	.radio_carousel .radframe { width:79%; }
}
@media screen and (max-width: 760px) {
	.radio_carousel .radframe { width:75%; }
}
@media screen and (max-width: 625px) {
	.radio_carousel .radframe { width:68%; margin: 0 15px 0 55px; }
	.radio_carousel .radframe ul li.active { width: 90px; }
	.radio_carousel .radframe ul li { width: 90px; }
	.radChnShw { background-size: contain;}
	.btn.btn-default.radCon {width: 50px;}
	.radNavPrev { width: 40px; }
	.radNavNext { width: 40px; }
	
}
@media screen and (max-width: 425px) {
	.radio_carousel .radframe { margin: 0 3% 0 12%; }
}



 .radShowPanel .panelfill .overlay{display:block;background:rgba(0,0,0,0.6)!important;color:#fff;z-index:2;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;}
   .radShowPanel .panelfill .overlay div{
	 display: inline-block;
    line-height: 1.5em;
/*     font-size: 1.4em; */
    padding: 0 10px;
 }
 .radShowPanel .panelfill .overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.chnBarLogo { width: 100px; margin: 0 auto; }
.chnBarLogo.R1 {width: 40px;}
.chnBarLogo.R2 {width: 160px;}
.chnBarLogo.R3 {width: 160px;}
.chnBarLogo.R4 { width: 155px; }
.chnBarLogo.R5 { width: 110px; }
.chnBarLogo.R6 {width:140px;}

[data-channel="radiocnrhk"] .radNum.eng,
[data-channel="radiocmgrgb"] .radNum.eng{
    font-size: 14px;
    line-height: 1.1;
    padding-top: 15px;
    padding-left: 4px;
}

.vidScreen{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

@media screen and (max-width: 825px) {
.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 );
}
}

.specGisWrap h3 { font-size: 16px; line-height: 25px;}
.specGisWrap.eng h3 { font-size: 14px; line-height: 22px;}

/* 23042025 */

.radLivBtn{
    margin-bottom: 10px;
    /* margin-top: 10px; */
}

.radLivBtn img{width:30px;}

@media screen and (min-width: 826px) {
	.secTitBottomBlock{width:274px!important;}
	.secTitEn{width:241px;}
	.catBtn{margin-left:4px;} 
}


@media screen and (max-width: 825px) {
	section.radio.zoom .secTitBlock.com{width:450px;}
	.secTitBottomBlock{width:250px;margin-left:18px;}
	
	.secTitEn{width:180px;}
	.catchup .secTitEn{width:220px;}
	.current_affairs_slider .secTitEn{width:250px;}
	.secTitBlock{width:450px;}
	.catBtn{margin-left:4px;} 
	.secTitCh, .secTitEn{font-size:24px!important;}
	.secTitBlock{width:100%;}
	.television_carousel{width:85%;}
	.tvNavPrev{left:40px;}
	.tvNavNext{right:40px;}
}

@media screen and (max-width: 425px) {
	.secTitTopBlock{width:125px;}
	.secTitBottomBlock{width: calc(100% - 140px);}
	.catBtn{display:none;}
	.bbot, .bleft{display:none;}
	.secTitCh{padding-left:10px;padding-right:0px;white-space:unset;width: calc(100% - 10px);}
	.secTitBlock{padding-left:0px;}
	.secTitEn.noM{width:100%;}
	.secTitBottomBlock{ margin-left: 10px;}
	.secTitEn{display:block;position:relative;height:unset;}
	/* .midBlock{height:unset;} */
.catBtn{display:none;}

}