@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;
}
/*------------------------TV live player----------------------*/
.playerWrap{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
#tvplayer_31{
	position:relative;
	margin: 100px auto 0 auto;
	width:920px;
	/*left:100%;*/
	/*width:720px;*/
	/*width: 38%;*/
	/*height: 450px;*/
	/*top:100px;*/
	/*left:31%;*/
}
#tvplayer_32,
#tvplayer_33,
#tvplayer_34{
	position:relative;
	margin: 100px auto 0 auto;
	width:920px;
}
#vidScreen{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	box-shadow: -2px 2px 5px #000000;
}
.vidPlayer{
	width:75%;
	display:block;
}
#vidLoad { display: block; width: 75% !important; }
#vidLoad2 { display: block; width: 75% !important; }
.vidTitxt {
    float: left;
    height: 18px;
    overflow: hidden;
    width: 70%;
}
.vidList{
	position: absolute;
	top:0;
	right: 0;
	width: 25%;
	height: 100%;
	letter-spacing: 5px;
	font-size: 13px;
	background: rgba(220,229,232,0.6);
}
.vidList.dark{ background: rgba(88,92,106,0.4);}
.liveBlock{
	position:relative;
	letter-spacing: 5px;
	color:#FFFFFF;
	/*font-size:12px;*/
	width: 100%;
	/*height: auto;*/
	height: 30%;
	background: rgba(40,41,47,0.9);
	overflow:hidden;
}
.liveChn{
	position: relative;
	width:60%;
	/*height:10%;*/
	margin: 0 auto;
	padding: 5% 0;
	display: table;
	vertical-align: middle;
}
.liveTye{
	position: absolute;
	right: -6px;
	bottom: 8%;
	letter-spacing: 5px;
}
.vidTit {
	width:100%;
	height:10%;
	padding: 3% 0;
	color:#FFFFFF;
	background: #b83821;
	line-height: 16px;
	cursor: pointer;
}
.livTri{
	float:left;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 14px;
	border-color: transparent transparent transparent #f5d1cc;
	margin: 0 8px 0 10%;
}
.recomBlock{
	position:relative;
	width:100%;
	height: 70%;
}
.vidRecom{
	width: 100%;
	height:10%;
	padding: 3% 0 0 10%;
	color: #ffffff;
	background: url(../img/diviShd_Up.png) no-repeat;
	background-position: center;
	background-size: cover;
}
.scrollbox-wrapper{ height: 80% !important;}
.listWrap{
	position:relative;
	width:100%;
	height: 100%;
	/*max-height: 110px;*/
	/*max-height: 30%;*/
	/*height: 200px;*/
	overflow: hidden;
/*	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;*/
}
.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;}
.vidListBlock {
	width: 80%;
	margin: 5px auto 0 auto;
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.vidListBlock:hover{
	opacity: 1;
}
.vidReTit{
	color: #2e3e4a;
	font-weight: 700;
	padding-top: 5px;
	line-height: 18px;
}
.playTit {
	/*position: absolute;*/
	float:left;
	bottom: 0;
	width: 75%;
	letter-spacing: 5px;
	line-height: 22px;
	color:#FFFFFF;
	padding-top: 15px;
}
.playTit.dark { color: #2e3e4a; }
/*---------------Channel Live Block------------------*/
.chLiv{ width:100%; height:70px; margin: 0 auto; letter-spacing: 5px; background:#e7e7ef; display: none; }
.chLivLogoWrap{ float:left; width:50%; height:50px; text-align:center; padding: 10px 0; background:url(../img/vertSdw_s.png) no-repeat center right;}
.chLivLogo{position:relative; margin-left: 10%;}
.chLivTye{ color:#b83821; margin-left: 5px;}
.chLivWrap{ float:left; width:50%; height: 100%; position: relative; text-align:center; display:table-cell; vertical-align: middle; }
.chLivShow{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
/* .chLivShow:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
} */
.chlivTit{
	color: #2e3e4a;
	line-height:20px;
    display: inline-block;
    vertical-align: middle;
}
.livTri.ver{
	margin: 3px 8px 0 0;
	border-color: transparent transparent transparent #2e3e4a;
}
/*-----------------Section Title-----------------------*/
section.tv { 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:#BAF3F9; */  }
.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; }
.rightBlockBot.foc { width:100px; }
.midBlockTop.spec { margin-left:50%; width:50%; }
.midBlockTop.pod { width:40%; }
.rightBlockBot.drama { width:130%;}

/*-------------------Programme Guide-----------------------*/
.pgWrap{
	position:relative;
	width:98%;
	height: auto;
	margin: 20px auto 0 auto;
	overflow:hidden;
}
.pgTableWrap{
	position:relative;
	/*float: right;*/
	width: 100%;
	height: auto;
}
.pgTag{
	width: 115px;
	height: 20px;
	margin: 0 auto;
	text-align:center;
	color:#F1F1F1;
	letter-spacing: 5px;
	padding: 10px 0 0 0;
	background-color: #2E3E4A;
}
.pgDate{
	width:100%;
	height: 50px;
	font-size: 14px;
	color: #929CA7;
	letter-spacing: 5px;
	background: #e7e7ef url(../img/diviShd_Up.png) no-repeat;
	background-position: center;
	background-size: cover;
}
.pgDate ul{
	/* width:90%; */
	height:50px;
	margin: 0 auto;
}
.pgDate ul li{
	display: inline-block;
	float:left;
	/* width: 14.25%; */
	text-align:center;
	padding-top: 12px;
}
.pgDate ul li.active{ color: #2e3e4a; }
.tb_date p { display: inline; line-height: 1.5em; }
.pgDate .altDate { display: none; }

#slider-date-selector {
	position: relative;
}
#slider-date-selector .slider-date-selector-prev,
#slider-date-selector .slider-date-selector-next {
	bottom: 0;
	cursor: pointer;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 30px;
	z-index:999;
}
#slider-date-selector .slider-date-selector-prev {
	left: 0;
}
#slider-date-selector .slider-date-selector-next {
	right: 0;
}

/*-----------------------------Time Table Slider---------------------------*/
section.timetable { margin: 85px auto 65px auto; }
#mainPG{
	width:100%;
	height: 345px;
	/*background:#ffffff;*/
	/*background:#F5F4F1;*/
	background: rgb(245,244,241); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,244,241,1) 0%, rgba(255,252,252,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,244,241,1) 0%,rgba(255,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,244,241,1) 0%,rgba(255,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f1', endColorstr='#fffcfc',GradientType=0 ); /* IE6-9 */
}
.tt_slider {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.tt_slider .ttframe {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 345px;
	overflow: hidden;
	text-shadow: none;
}
.tt_slider .ttframe ul {
	font-family: 'ProximaNova_Thin';
	list-style: none;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
.tt_slider .ttframe ul li {
	float: left;
	width: 570px;
	/*width: 48%;*/
	height: auto;
	margin: 0 10px 0 10px;
	padding: 0;
	color: #3a3c47;
	text-align: center;
	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);
}
.tt_slider .ttframe ul li.active {
	font-family: 'ProximaNova_Regular';
	font-size: 22px;
	 -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    border-radius: 26px;
}
.ttControl{/*pointer-events: none;*/}
.btn.btn-default.ttCon{cursor: pointer; background:none; border: none; padding: 0 0 0 0;/*pointer-events: auto;*/ }
.tt_slider .ttNavPrev{ position:absolute; top:-1px; left: -3px; z-index:1; }
.tt_slider .ttNavNext{ position:absolute; top:-1px; right:-3px; z-index:1; }
.tt_slider .navAr{ /*margin: -3px 0 0 -12px; */}
.ttName{font-size: 22px; color: #2e3e4a; letter-spacing: 5px; line-height: 43px; width:135px; height:40px; margin: 10px auto 10px auto; background: #e7e7ef ;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-khtml-border-radius: 14px;
border-radius: 14px;
}
.active .ttName{ color:#FFFFFF; background: #b83821; }
.ttName.chi {font-size: 20px;}
.scrolled-content-wrap {
    position:absolute;
    width:100%;
    height:100%;
    overflow-y:scroll;
	z-index:100;
}

/*-----------------------------Time Table ---------------------------*/
.tableWrap{ font-family: 'ProximaNova_Thin'; font-size:17px; letter-spacing:2px; line-height: 18px; width:100%; height:auto; background:#A08B8B; }
.showWrap {
	width:100%;
	height:auto;
	background:#e7e7ef;
}
.timeRow{
	font-size: 15px;
	float:left;
	width:30%;
	height:auto;
	text-align:left;
	color:#2e3e4a;
	padding: 10px 0 0 6%;
	background: #e7e7ef;
}
.timeRow p { display: inline; line-height: 18px; }
.timeRow p.rowTo { display: none; font-size: 9px; }
.showRow{
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width:70%;
	min-height: 60px;
	height:auto;
	text-align:left;
	color:#2e3e4a;
	background:#c6cfd6;
	padding: 10px 2% 0 5%;
}
.showRow.en{ font-family: 'ProximaNova_Regular';}
.showRow.sec{ background:#e7e7ef; }
.showTit { float:left; width: 100%; line-height: 25px; margin: -3px 0; display:inline-block; }
.g-icon { width: 23px; display:inline-block; vertical-align:middle; margin-top: -8px ;}
.g-icon.gis { width: 25px; margin-top: -3px; }
.showEpi { float:left; font-size: 13px; line-height: 20px; padding: 5px 0;}
.showHost { float:left; font-size: 13px; line-height: 20px; padding: 5px 0;}
.extra{/*min-height: 300px;*/}
.timeFill{
	float: left;
	width: 100%;
	height: 1140px;
	background:#c6cfd6;
}
.guideIconWrap { width: 100%; }
.guideIcon { font-size: 14px; line-height: 28px; letter-spacing: 5px; color: #2e3e4a; width: 98%; padding:15px 1% 0 1%; }
.iconTxt { padding-left: 5px;}
.iconBlock { /*display:inline-block;*/ float:left; margin-right: 5px; }
.guideExWrap { float: right;  }
/*---------------------------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%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(216,214,212,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(216,214,212,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d8d6d4', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.catMhWrap { float:right; }
.catTit { float: left; width: auto; max-width: 60%; padding: 15px 45px 10px 7.2%; /*background:#DCC0C0;*/}
.catMhit { float: left; font-size: 22px; padding: 15px 10px 0 0; }
.catMhicon {
	float: left;
	width: 42px;
	height: 42px;
	margin: 6px 0 0 0;
	/*padding: 10px 15px 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.eye { margin: 6px 0px 0 0; background: url(../img/push_icon_hit.png) no-repeat; background-position: center center; background-size: contain;}
.catMhicon.eye:hover { background: #3C4A5E url(../img/push_icon_hit_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.slessBtn{ display:none;}
.smoreBtn { }
.smTxt{ float: left; width: 45px; height: 45px; padding-top:12px; white-space: nowrap; }
.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%;}

/*---------------------------Drama-----------------------------*/
.dramaWrap{ width:100%; height:auto; margin:0 0 35px 0; /*background:#F3D1D2;*/}
.dramaBlock{ width:49%; height:auto; /*background:#F3F7BA;*/}
.dramaBlock.left{ float:left; }
.dramaBlock.right{ float:right; }
.dramaPicWrap { position:relative; width:auto; height:auto;}
.dramaPicsOver{ position:absolute; top: 0; width:100%; height:100%; /*background: rgba(194,61,63,0.6)*/ background: rgba(223,70,35,0.5);}
.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: 15px 0 0 0;}
.dramaInfoBlock.eng { letter-spacing: 3px; font-size:0.9em; line-height: 1.7em }
.dramaGis h3 { font-size: 14px; line-height: 22px; padding: 15px 0 8px 0;}
.dramaGis.eng h3 { padding: 10px 0 8px 0;}

/*------------------Family Section-----------------------------*/

#bkgd, #bkgd2 {
    position: absolute; /* use fixed to keep it in place */
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: solid;
    border-color: transparent transparent #c5cfd5 #c5cfd5;
    z-index:-2;
}
#bkgd2 { right: 1px; border-color: transparent transparent white white; z-index:-1; }
#bkgd3, #bkgd4 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: solid;
    border-color: transparent #c5cfd5 transparent #c5cfd5;
    z-index:-2;
	left: 2px;
}
#bkgd3 { left: 1px; border-color: transparent white transparent white; z-index:-1; }
#bkgd5, #bkgd6 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: solid;
    border-color: transparent transparent #c5cfd5 #c5cfd5;
    z-index:-2;
}
#bkgd5 { right: 1px; border-color: transparent transparent white white; z-index:-1; }
.famWrap{ position:relative; width:100%; height:auto; margin-bottom: 50px; }
.famShadow{ position: absolute; top: 2px; width:100%; z-index: 1; }
.famBlock{ position:relative; float:left; width:32%; height:auto; margin:0 0.5%;}
.fampicsWrap{ position:relative; width:100%;}
/*.famBlock:nth-child(3) { margin: 0 2%;}*/
.famInfoBlock{ position:relative; width:100%; height:auto; min-height: 214px; letter-spacing: 5px; color: #2e3e4a; overflow:hidden; }
.famBorder{ position:absolute; top:0; right:0; width: 1px; height:30%; background:#c5cfd5; }
.famTxtWrap { position:relative; width:96%; height:auto; min-height: 194px; margin: 20px auto 0 auto; }
.gisWrap { width:96%; height:auto; min-height: 170px; margin-bottom:10px; }
.famTit{ }
.famGis{  margin: 15px 0 0 0;}
.famGis h3{ line-height: 1.5em; font-size:14px;}
.famTime { width:96%; height:20%; margin-bottom: 10px; line-height: 1em; color: #618394; }
.famTime h4 {font-size: 14px;}
/*----------------------------ad------------------------------*/
.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.ad1 {
	background: url(../img/ad_00.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
}
.adPicWrap.ad2 {
	background: url(../img/ad_04.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;}
.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; text-align:justify; }
.adLine{ float:right; width:100%; height:1px; background:#565859;}
/*-----------------------------special---------------------------------*/
.specWrap{ width: 100%; height: 100%; 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;
	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;
	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; }
.specGisWrap h4 {font-size: 16px; line-height: 25px;}
.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;
}
/*--------------------------podcasts--------------------------*/
section.podcasts { margin: 25px auto 75px 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);
}
/*------------- Footer Top Buttons-------------------*/
	  .tvOthersWrap { width: 98%; margin: 0 auto 25px auto; }
      .tvOthersItem { float: left; width: 33.3%; height: auto; }
	  .otherButton {
		  width:98%;
		  text-align:center;
		  font-size:18px;
		  letter-spacing: 5px;
		  line-height: 22px;
		  padding: 12px 0 9px 0;
		  -webkit-border-radius: 5px;
		  -khtml-border-radius: 5px;
		  -moz-border-radius: 5px;
		  border-radius: 5px;
		  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 );
	  }
	  .otherButton.left { float: left; }
	  .otherButton.right { float: right; }
	  .otherButton.middle { margin: 0 auto; }
	  .otheButTxt { padding-left: 10px; color:#F2F2F2; }
	  .otherIcon { display: inline-block; vertical-align: middle; width:40px; margin-top: -3px;}
@media screen and (max-width: 1600px) {
.vidTit { padding: 2% 0; }
#tvplayer_31{ margin: 70px auto 0 auto; width:720px; }
#tvplayer_32{ margin: 70px auto 0 auto; width:720px; }
/*-----------------------------Time Table ---------------------------*/
.guideExWrap { float: left;  }
}
@media screen and (max-width: 1200px) {
section.tv { width: 92%; }
.vidList{ font-size: 12px;}
.vidRecom{ padding: 3% 0 0 12%; }
}
@media screen and (max-width: 1000px) {
.mainWrap.tv { margin-top: 60px; }
#tvplayer_31{ margin: 2% auto 0 auto; width:600px; }
#tvplayer_32{ margin: 2% auto 0 auto; width:600px; }
.liveTye{ letter-spacing: 3px; font-size:10px; }
.vidTit { padding: 1.5% 0;}
/*-----------------Section Title-----------------------*/
.secTitTopBlock{ height: 40px;}
.secTitCh { bottom:2px; }
.catBtn { width:15px; height: 15px; margin: 0 0 0 8%; }
.catBtn img { margin-top: -3px;}
/*--------------------------Programme Guide----------------------------*/
section.timetable { margin: 35px auto 65px auto; }
.pgWrap{ width:94%; margin: 1.5% auto; /*margin: 1.5% 3%;*/}
.pgDate{ font-size: 12px;}
/*--------------------------Time Table---------------------------------*/
.tt_slider .ttframe ul li {
	width: 450px;
	margin: 0 20px 0 0;
}
.timeRow{ padding: 10px 0 0 4%;}
.guideIconWrap { width: 100%; margin: 0 auto; }
.guideIcon { font-size: 12px; line-height: 22px; }
.catMhicon { margin: 6px 20px 0 0;}
/*-----------------------------special---------------------------------*/
.specWrap{ width: 98%; margin: 0 auto;}
}

@media screen and (max-width: 825px) {
#headBanner.tvLand{ height: 270px;}
#vidScreen{ width:100%; height:100%;}
.vidList { display: none;}
.playTit { display: none;}
.playerWrap{ /*background:#000000;*/}
.vidPlayer{ height:100%; width:auto; margin: 0 auto;}
#vidLoad { height: 100% !important; width:100% !important; margin: 0 auto; }
#vidLoad2 { height: 100% !important; width:100% !important; margin: 0 auto; }

#tvplayer_31{ margin: 0 auto; width:auto; height:100%; }
#tvplayer_32{ margin: 0 auto; width:auto; height:100%; }
#tvplayer_33{ margin: 0 auto; width:auto; height:100%; }
#tvplayer_34{ margin: 0 auto; width:auto; height:100%; }
.chLiv{ display:block; }
.chlivTit { font-size:14px;}

/*-------------------------Section Title-----------------------*/
.secTitBlock { width: 48.5%; padding-left:1.5%; }
.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; }
.midBlockTop.pod { width:100%; }
.midBlockTop.pod { border: none; }
.rightBlockBot.pod { border: none; }
.rightBlockBot.drama { border: none; }
.leftBlockTop.drama { border: none; }

/*---------------------------Programme Guide----------------------------*/
.pgDate .weekday{ display: none; }
.pgDate .sla{ display: none; }
.pgDate .mm{ display: none; }
.pgDate ul li{ padding-top: 4px; }
.tb_date .dd{ font-family: 'ProximaNova_Bold';}
.pgDate .altDate{ font-weight: bold; display:block; width: 100%; text-align:center; padding-top: 12px; color:#2e3e4a; }
/*---------------------------------Time Table----------------------------*/
.tt_slider .ttframe ul li {
	width: 430px;
	/*width: 410px;*/
	margin: 0 20px 0 0;
}
.timeRow{
	font-size: 14px;
	width:30%;
	height:auto;
	margin: 0 auto;
	padding: 10px 0 0 5%;
}
.tableWrap{ letter-spacing:1px;}

/*---------------------------Catchup---------------------------*/
.catupWrap{ margin: 25px 0 25px 0;}
.catTit { max-width: 50%; padding: 15px 15px 10px 7.2%;}
.catMhicon { width: 32px; height:32px; margin: 8px 20px 0 0;}
.catMhicon.eye { margin: 10px 0px 0 0; }
/*---------------------------Drama-----------------------------*/
.dramaWrap{margin: 25px 0; }
/*-----------------------Family Section------------------------*/
.famWrap{margin: 15px 0;}
.famBlock{ float:none; width:100%; height:auto; min-height:214px; margin: 2% 0; background: #e7e7ef;}
.famBlock:nth-child(3) { margin: 0 0;}
.famInfoBlock{ float: left; width:50%;}
.famShadow{ display:none;}
.famBorder{ display:none;}
.fampicsWrap{ float:left; width:50%; height:100%;}
.fampics{ border: 10px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.famTxtWrap{ width:90%; }
.gisWrap { min-height: auto;}
.famGis{  margin: 10px 0 0 0;}
.famTxtWrap{ min-height: auto;}
.famTime h4{ font-size:14px;}
.famSpace{ position:absolute; width:50%; height:100%;
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(186,191,205,0.65) 99%, rgba(185,190,204,0.65) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(186,191,205,0.65) 99%,rgba(185,190,204,0.65) 100%);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(186,191,205,0.65) 99%,rgba(185,190,204,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6b9becc',GradientType=1 );
}
/*------------------------------ad----------------------------*/
.adWrap{ margin: 25px 0 0 0; }
.adBlock { overflow: hidden; }
.adConWrap{ background:#c6cfd6; }
.adPicWrap { float:left; width:125%; height: 200px;}
.adTit { float:left; width: 100%; margin: 200px auto 0 auto; background: #ffffff; }
.headWrap { margin-left: 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%; }
/*--------------------------------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);
}
/*------------- Footer Top Buttons-------------------*/
.otherButton { font-size:16px; }
}
@media screen and (max-width: 760px) {
/*---------------------------------Time Table----------------------------*/
.tt_slider .ttframe ul li { width: 590px; }
.timeRow { width:25%; padding: 14px 0 0 2%; text-align:center;}
.showRow { width: 75%; }
}
@media screen and (max-width: 625px) {
#headBanner.tvLand{
/*min-height: 180px;*/
/*width: 100%;
margin-top: 0;*/
}
#vidLoad{ width:100% !important; margin: 0 auto; background: none !important; }
/*.mSCover { display: none; }
.playerWrap { height: auto;}
#vidScreen{ width:100%; height:100%;}
.vidPlayer{ height:100%; width:auto; width:100%; margin: 0 auto;}
#tvplayer_31{ margin: 0 auto; width:auto; height:100%; }
#tvplayer_32{ margin: 0 auto; width:auto; height:100%; }*/
/*------------------------Section Title------------------------*/
.secTitCh { letter-spacing: 8px;}
.catBtn { margin: 0.7em 0 0 7%; }
/*----------------------------Programme Guide----------------------------*/
section.timetable {
	overflow:auto;
	width:100%;
	padding: 25px 0 15px 0;
	margin: 0 auto 25px auto;
	background: /* older syntax */
     -webkit-radial-gradient(50% 0, circle,
         rgba(46,62,74,1), rgba(107,62,74,0.9) 70.71%),
     -webkit-radial-gradient(6.7% 75%, circle,
         rgba(83,98,107,.5), rgba(0,0,255,0.4) 70.71%),
     -webkit-radial-gradient(93.3% 75%, circle,
         rgba(46,57,74,.5), rgba(0,255,0,0) 70.71%);
  background: /* newest syntax */
    radial-gradient(circle at 50% 0,
         rgba(46,62,74,1), rgba(107,62,74,0.9) 70.71%),
    radial-gradient(circle at 6.7% 75%,
         rgba(83,98,107,.5), rgba(0,0,255,0.4) 70.71%),
    radial-gradient(circle at 93.3% 75%,
         rgba(46,57,74,.5), rgba(0,255,0,0) 70.71%);
}
.pgTableWrap { float: none; width: 86%; margin: 0 auto 0px auto;}
/*---------------------------------Time Table----------------------------*/
.tt_slider .ttframe ul li { width: 370px; }
.guideIcon { width:80%; font-size: 12px; line-height: 22px; padding: 10px 3%; margin: 0 auto; background:rgba(255,255,255,0.6); }
.btnWrap { position:relative; width:50%; height: 45px; text-align:center;}
.legendBtn {
	font-size: 14px;
	display:inline-block;
	letter-spacing: 5px;
	padding:2px 8px 0px 15px;
	background: #2e3e4a;
	color:#DDDDDD !important;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:0 0 4px 4px;
}
.legArr {
	position: relative;
	top:-2px;
	display:inline-block;
	width:25px;
	height:25px;
	/*background:#E5B3B4;*/
}
/*---------------------------------Time Table----------------------------*/
.timeRow { width:20%; padding: 14px 0 0 0; text-align:center;}
.timeRow p { font-size: 13px; display: block; line-height: 5px; }
.timeRow p.rowTo { position:relative; display: inline-block; top: -2px;}
.timeRow p.rowDash { display: none; }
.showRow { width:80%; }
.guideIconWrap { width: 90% }
.guideIcon { width:76%; font-size: 12px; line-height: 22px; padding: 10px 5%; margin: 0 auto; }

/*---------------------------Catchup---------------------------*/
.catTit {float: left;width: auto; /* 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;
}
*/
.catMhWrap { float:right; }
.catTit h2{ font-size: 16px; line-height: 26px; }
.catMhit { font-size: 16px;}
.catMhicon { width: 32px; height:32px; margin: 6px 20px 0 0;}
.smIcon { width:35px; height:35px;}
.showBtn{ font-size: 16px; width:80px;  margin: 10px 20px 0 0;}
.smTxt{ /*width:auto;*/ }

.catMhWrap.plain { float: right; width: 25px; margin: 0 15px 0 0; background: none;}
.catTit.plain { width:75%; padding: 15px 15px 10px 5%; }
/*---------------------------Drama-----------------------------*/
.dramaBlock{ width:100%; margin:10px 0;}
.dramaPicsOver{ display: none;}
/*-------------------------------ad----------------------------------*/
section.tv.ad { margin: 15px auto 0 auto; }
.adBlock { margin-bottom: 15px; }
.adWrap { width: 96%; margin: 25px auto 0 auto; }
/*--------------------------------special---------------------------------*/
.specPicsWrap { height: 200px; }
.spec_slider .specframe ul li { width: 290px; }
.specGis { line-height: 16px; }
/*.specControlWrap { margin: -15px auto 0 auto; }*/
/*--------------------------podcasts--------------------------*/
.podBlock {width: 28%; }
.podBlock { width: 28%; padding: 2%; }
.podWrap :nth-child(3n+3) { margin-right: 0; }
/*------------- Footer Top Buttons-------------------*/
.tvOthersWrap { width: 94%; }
.otherButton { width:96%;  font-size:14px; padding: 4px 0 9px 0;  }
.otherIcon { display:block; margin: 0 auto; }
.otheButTxt { letter-spacing:3px; }
}
@media screen and (max-width: 480px) {
#headBanner.tvLand{ height: 180px;}
.playerWrap { /*background:#FFFFFF;*/ }
.hbControlWrap.dark { background:#FFFFFF; }
}
@media screen and (max-width: 425px) {
.mainWrap.tv { margin-top: 45px; }

.chLiv{ width:100%; height:100%;}
.chLivLogoWrap{ float: none; width: 100%; background:none;}
.chLivWrap{ width: 100%; height:60px; background: #FFFFFF url(../img/diviShd_Up.png) no-repeat center bottom; background-size:contain;}
/*-------------------------Section Title-----------------------*/
section.tv { width:100%; }
.secTitBlock { width: 100%; background: #f0e9de;}
.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%;}
/*-------------------------------Programme Guide----------------------------*/
section.timetable { margin: 0 auto 25px auto;}
.tt_slider .ttframe ul li { width: 301px;}
.pgTableWrap { float: none; width: 90%; margin: 0 auto;}
/*---------------------------------Time Table----------------------------*/
.guideIcon { width:80%;}
/*---------------------------Catchup---------------------------*/
.catupWrap{ width:96%; margin: 15px auto;}
.catTit.plain { width:70%; padding: 15px 15px 10px 5%; }
.catMhicon.eye { margin: 8px 0px 0 0; float:right; }
/*---------------------------Drama----------------------------*/
.dramaWrap{ width:96%; margin: 15px auto;}
.dramaBlock{ width:100%; }
.dramaPicsOver{ display: block;}
/*-------------------------Family Section---------------------*/
.famWrap{ width:96%; margin: 15px auto;}
.famBlock{ margin:0;}
.fampicsWrap{ float:left; width:100%; height:100%; }
.famSpace{ width:100%;}
.famInfoBlock{ width:100%;}
.gisWrap { height:auto; min-height: 170px; margin-bottom:10px;}
.famTit h2{ font-size:20px;}
.famTime h4{ font-size:14px;}
/*--------------------------------special---------------------------------*/
.specWrap{ width: 96%;}
.spec_slider .specframe { width: 94%;}
.spec_slider .specframe ul li { width: 300px; }
/*--------------------------podcasts--------------------------*/
.podWrap{ width:96%; margin: 15px auto;}
/*------------- Footer Top Buttons-------------------*/
.otherButton { font-size:13px; letter-spacing:0px; line-height: 18px; }
.otheButTxt { letter-spacing:1px; padding-left: 0px;  }

}