@charset "UTF-8";
/* CSS Document */

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; }
/*------------------Grid 12  1200px-------------*/
.grid_15 { position: relative;  display: inline;  float: left; margin-left: 10px; margin-right: 10px; /*margin-left: 0.83%; margin-right: 0.83%;*/ }
.container_15 .grid_1 { width: 60px; /*width: 5%;*/ }
/*------------------ End of Grid 12  1200px-------------*/







/*-------------------Main Content-----------------------*/
.mainWrap { width:100%; height:auto; }
main { position:relative; max-width:1200px; height:auto; margin: 0 auto; display:block;}
section { /*float:left;*/ width: 100%; height: auto; }
/*-------------------Section Title Block-----------------------*/
.titleBlock{
	float: left;
	width: 33%;
	height: 125px;
	/*z-index: 1000;*/
}
.titleBlock.top{
	margin-top: -63px;
}

.glance_masonry .item{width:30%;}
.ticon{
	display:inline-block;
	float: left;
	margin-top: 63px;
	width: 24%;
	height: 62px;
	line-height: 62px;
	vertical-align: middle;
}
.tiWrap{
	font-family: 'ProximaNova_Thin','Noto Sans TC','Noto Sans SC', Arial, Helvetica, sans-serif;
	white-space:nowrap;
	position:relative;
	float: left;
	color: #4e5569;
	padding: 0 23px;
	border: 6px solid #8B95A0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tiWrap.ch{
	width: 42%;
	height: 63px;
	/*font-size: 2em;*//*--Use padding to control font size--*/
	letter-spacing: 1em;
	border-bottom: 0;
}
.tiWrap.ch.back{ background: rgba(233,229,220,0.8);}
.tiWrap.en{
	width: 76%;
	height: 62px;
	/*font-size: 2em;*//*--Use padding to control font size--*/
	letter-spacing: 0.12em;
	border-top: 0;
}
.eTit{
	position: absolute;
	top:50%;
	margin-top: -0.4em;
}
.dateInfo{ margin-left: 0.8em;}

/*------------------Channel Button------------------*/
.channelBtnWrap{
	position:relative;
	float: right;
	width: 64%;
	height: 62px;
	margin-right: 1%;
}
.simple_carousel {
	width: 80%;
	margin: 0 auto;
}
.simple_carousel .frame {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 60px;
	overflow: hidden;
	text-shadow: none;
}
.simple_carousel .frame ul {
	font-family: 'ProximaNova_Thin';
	letter-spacing: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 60px;
	z-index:1;
}
.simple_carousel .frame ul li {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 20px 0 0;
	padding: 0;
	background: #C6CFD6;
	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);
}
.simple_carousel .frame ul li.active {
	font-family: 'ProximaNova_Regular';
	color: #fff;
	/*background: #2E3E4A;*/
	background: #b83821;
	font-size: 22px;
	line-height: 52px;
	width: 52px;
	height: 52px;
	margin:4px 20px 0 0;
	letter-spacing: 0.5px;
	-webkit-border-radius: 26px;
	 -khtml-border-radius: 26px;
	   -moz-border-radius: 26px;
            border-radius: 26px;
}
.chDab {line-height: 17px; letter-space:1px; margin-top:15px;}
.simple_carousel .frame ul li.active .chDab .chDabNam { font-size: 18px; }
.simple_carousel .frame ul li.active .chDab {line-height: 19px; margin-top:9px;}
.chControl{ position:absolute; top:0; left: 0; width:100%; }
.chCon{ width:60px; height:60px; border:none; cursor: pointer; }
.chNavPrev{float:left; width:60px; height:60px;}
.chNavNext{float:right; width:60px; height:60px;}
.btn.btn-default{ background: #F5F4F1;}

/*-------------------Programme Guide-----------------------*/
.pgWrap{
	position:relative;
	width:98%;
	height: auto;
	margin: 20px auto 0 auto;
	overflow:hidden;
}
.pgHiteWrap{
	float: left;
	width: 32.9%;
	height:100%;
	margin: 30px 0.85% 0 0;
	background: #000000;
	/*top:0;*/
	bottom: 0;
	position: absolute;
}
.hiteWrap{
	position:absolute;
	bottom:5%;
	width: 80%;
	height: auto;
	margin: 0 0 0 6%;
	color:#FFFFFF;
	letter-spacing: 5px;
	padding: 10px 4%;
	/*border-top: 1px solid #393737;*/
	background: rgba(42,44,58,0.7);
}

.dhPhoto { position: absolute; top:0; bottom: 0; left:0; right: 0; background:#D0A2A3;}
.hiteBlock{
	float: left;
	width: 65%;
}
.hiteTit{
	line-height:1.8em;
}
.hiteTit.eng h2{
	font-size: 1.3em;
	line-height:1.3em;
	letter-spacing: 3px;
}
.hiteEpi{
	color: #e7e7ef;
	padding-top: 0.4em;
	line-height:1.3em;
}
.hiteEpi.eng h3 { font-size: 1em; letter-spacing: 3px; }
.hiteDate{
	width:30%;
	float:right;
	text-align:right;
	line-height:1.8em;
}
.hiteDate.eng h3 { font-size: 1em; letter-spacing: 3px;}
.pgTableWrap{
	position:relative;
	float: right;
	width: 65%;
	height: auto;
	text-align:center;
}
.pgTag{
	/*width: 115px;*/
	display:inline-block;
	height: 20px;
	margin: 0 auto;
	text-align:center;
	color:#F1F1F1;
	letter-spacing: 5px;
	padding: 10px 25px 0 25px;
	background-color: #2E3E4A;
	-webkit-border-radius: 5px 5px 0 0;
     -khtml-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}
.pgTag.eng { padding: 8px 25px 2px 25px; }
.pgDate{
	width:100%;
	height: 50px;
	font-size: 14px;
	/*color: #929CA7;*/
	color: #586473;
	letter-spacing: 5px;
	/*background:#f1eee8;*/
	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{
	float:left;
	/*width: 14.25%;*/
	width: 12.25%;
	margin: 7px 1% 0 1%;
	text-align:center;
	/*padding-top: 12px;*/
	padding-top: 5px;
	/*background:#E0F2C1;*/
}
.pgDate ul li.active{
	color: #2e3e4a;
	color:#F3F3F3;
	background: #2e3e4a;
	-webkit-border-radius: 7px;
     -khtml-border-radius: 7px;
	   -moz-border-radius: 7px;
            border-radius: 5px;
}
.tb_date p { display: inline; line-height: 1.5em; }
.pgDate .altDate { display: none; }

/*-----------------------------Time Table Slider---------------------------*/
#mainPG{
	width:100%;
	height: 345px;
	/*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) 48%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(245,244,241,1) 0%,rgba(255,252,252,1) 48%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(245,244,241,1) 0%,rgba(255,252,252,1) 48%); /* 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: 372px;
	height: auto;
	/*width: 20%;*/
	/*height: 380px;*/
	margin: 0 20px 0 0;
	padding: 0;
	/*background: #C6CFD6;*/
	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:40%;
	height:auto;
	text-align:left;
	color:#2e3e4a;
	padding: 10px 0 0 5%;
	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:60%;
	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; }
.g-icon { width: 23px; display:none; 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;
}
/*-----------------------------Sorting Search ---------------------------*/
.sortUl{ display: block; width:90%; /*height: 65px;*/ height: auto; margin: 0 auto; padding: 8px 0 18px 0; text-align:center; }
.sortUl.eng { padding: 25px 0; }
.sortUl li{
	/*font-size:15px;*/
	letter-spacing: 5px;
	color: #C93D3F;
	/*float: left;*/
	/*padding-top: 18px;*/
	/*padding-bottom: 20px;*/
	text-align:center;
	width:8.3%;
	cursor: pointer;
	display: inline-block;
}
.sortUl li.cateEng { width: auto; font-size: 15px; letter-spacing:3px;}
.sortCate{ color: #565762; padding: 7px 0 5px 0;  }
.sortCate.eng { padding: 7px 10px 5px 10px; }
.sortCate:hover {
		background: #2e3e4a;
		color:#ECECEC;
		-webkit-border-radius: 5px;
		 -khtml-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
}
select.sortWrap {
	display:none;
	font-size:18px;
	color: #2e3e4a;
	text-align:center;
	letter-spacing: 5px;
	width:75%;
	height:45px;
	margin: 15px auto;
	-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);
	background: #F4F1EC url(../img/tt_ad.png) no-repeat;
	background-position: right;
	-webkit-appearance:none;
	-moz-appearance:none;
}
select.sortWrap.eng { font-size:16px; letter-spacing: 3px; text-align: left; padding-left: 15px;}
.sortItem {
	font-size:16px;
	color: #2e3e4a;
	padding: 2% 5%;
	width:80%;
	margin: 0 auto;
	background: #F4F1EC;
	border-bottom: 1px solid #c6cfd6;
	-webkit-appearance: none;
}
#mainselection{
	width:100%;
	/*height:65px;*/
	height:auto;
	background: url(../img/diviShd_Up.png) no-repeat;
	background-position: center;
	background-size: cover;
}

/*-----------------------------Sorting Search Result ---------------------------*/
.cateSearch{ display: none; width:98%; margin: 0 auto;}
.relBar{
	font-size: 28px;
	color: #FFFFFF;
	width: 100%;
	height: auto;
	letter-spacing: 10px;
	padding: 22px 0 15px 0;
	text-align: center;
	background: #2e3e4a;
}
.relBar.eng { font-size: 22px; letter-spacing: 5px;}
.relDate{
	font-family: 'ProximaNova_Thin';
	font-size: 22px;
	letter-spacing: 5px;
	padding: 5px 0;
}
.relBar.chNum{
	background:#FAFAFA;
	color: #2e3e4a;
}
.cateRel{
	width:100%;
	height:auto;
	background: #E4E8E0;
}
.relWrap{
	height: 100%;
	position:relative;
	width:90%;
	letter-spacing: 5px;
	line-height: 26px;

	padding: 15px 10px 15px 15px;
	margin: 0 auto;
	border-bottom: 1px dashed #FFFFFF;
}
.relShow{
	font-size: 22px;
	color: #2e3e4a;
	width:50%;
	display: inline-block;
    vertical-align: middle;
}
.relShow.eng { letter-spacing: 3px; }
.relEpi.eng { letter-spacing: 3px; line-height: 22px; }
.relEpi{ font-size: 16px;}
.relPic{
	display: inline-block;
    vertical-align: middle;
	width: 80px;
	height: 80px;
	margin-right: 25px;
	border: 3px solid #ffffff;
	background: url(../img/cateSearch_pic.jpg) no-repeat;
	background-position: center;
	background-size: cover;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-border-radius: 40px;
     -khtml-border-radius: 40px;
	   -moz-border-radius: 40px;
            border-radius: 40px;
}
.relPic.sec{ background: url(../img/cateSearch_pic_11.jpg) no-repeat; }
.relPic.trd{ background: url(../img/cateSearch_pic_15.jpg) no-repeat; }
.relPic.fou{ background: url(../img/cateSearch_pic_16.jpg) no-repeat; }
.relPic.rad{ background: url(../img/cateSearch_pic_rad.jpg) no-repeat; background-position: center; }
.relPic.eng1{ background: url(../img/cateSearch_pic_18.jpg) no-repeat; }
.relPic.eng2{ background: url(../img/cateSearch_pic_19.jpg) no-repeat; }
.relPic.eng3{ background: url(../img/cateSearch_pic_20.jpg) no-repeat; }
.relPic.eng4{ background: url(../img/cateSearch_pic_17.jpg) no-repeat; }

.relTimeWrap{
	position:relative;
	float: right;
	padding-top:12px;
	display: inline-block;
	vertical-align: middle;
}
.relStamp {
	text-align:center;
	color:#FFFFFF;
	line-height: 25px;
	width:85px;
	background: #2e3e4a;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*---------------------------News-------------------------*/
section.news { position:relative; margin-top: 100px;}
.catupWrap{ width:100%; height:auto; margin-top: 50px;}
.catUl { letter-spacing:5px; color: #2e3e4a; }
.catUl.news {
	padding: 0 0 0 0;
	width: 98%;
	background: rgb(242,242,242);
	background: -moz-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 85%);
	background: -webkit-linear-gradient(-45deg, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 85%);
	background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 85%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
}
.catUl a { color: #2e3e4a;}
.newColBar {
	width:100%;
	height: 61px;

	background: rgb(221,215,197); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(221,215,197,1) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(221,215,197,1) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(221,215,197,1) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd7c5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.catli { width:100%; height:auto;}

.catTit h2{ font-size: 20px; line-height: 28px; }
.catTit.eng h2{ font-size: 18px; letter-spacing: 3px; line-height: 28px; }
.newTit { padding-right: 10px;}
.newsTime { font-size: 14px; /*padding-left: 10px;*/ color:#5B636F; white-space:nowrap; }
.newsPics { display: inline-block; position:relative; top: -2px; padding-left: 6px; margin: 0 0 10px -10px; width: 35px; }
.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; }
.catMhWrap.news { margin: -10px 15px 0 0;}
.newsTitBlock { float:left; width: 80%; }
.catTit { float: left; width: auto; max-width: 60%; padding: 15px 45px 10px 7.2%; /*background:#DCC0C0;*/}
.catTit.news { float: none; width:100%; max-width: 92%; padding: 15px 45px 10px 8%; /*background:rgba(236,172,173,0.5);*/}
.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 { 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.news { width: auto; font-size: 20px; margin:10px 35px 0 0; }
.showBtn.slessBtn{ display:none;}
.smoreBtn { }
.smTxt{ float: left; width: 45px; height: 45px; padding-top:12px; white-space: nowrap; }
.smTxt.news { width: auto; }
.smIcon { float:right; width:45px; height:45px;}
/*------------------------Hotspot-----------------------------------*/
.hotspot{ position:relative; margin-top: 120px;}
.titleBlock.hos{
	position:absolute;
	top:0;
	margin-top: -63px;
}
.hosWrap{
	width: 98%;
	height: 580px;
	margin: 0 auto;
	background: url(../img/hos_back.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.hos_slider{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.hos_slider .hosframe{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 580px;
	overflow: hidden;
	text-shadow: none;
}
.hos_slider .hosframe ul {
	font-family: 'ProximaNova_Thin';
	list-style: none;
	height: 100%;
}
.hos_slider .hosframe ul li {
	float: left;
	width: 580px;
	/*width: 20%;*/
	height: 580px;
	margin: 0 20px 0 0;
	padding: 0;
	color: #3a3c47;
	text-align: center;
	cursor: pointer;
	line-height: 60px;
	font-size: 16px;
	/*background-color:#C0AFAF;*/

	-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);
}
.hos_slider .hosframe ul li.active { font-family: 'ProximaNova_Regular'; font-size: 22px; }
.hotpics{ position:absolute; top: 0; left:0; }
.hosControl{/*pointer-events: none;*/}
.btn.btn-default.hosCon{cursor: pointer; background:none; border: none; padding: 0 0 0 0;/*pointer-events: auto;*/ }
.hos_slider .hosNavPrev{ position:absolute; top: 240px; left: 0px; z-index:1;}
.hos_slider .hosNavNext{ position:absolute; top: 240px; right: 0px; z-index:1; }
.hos_slider .navAr{ /*margin: -3px 0 0 -12px; */}
.hotGis{ position:absolute; bottom:45px; width:100%; text-align:center; letter-spacing: 5px; padding: 0 15%; line-height: 25px; color:  #2e3e4a; }
.hosEpi{ color:#758B97;}
/*------------------------------Glance---------------------------------*/
.glance_masWrap .titleBlock.hos{z-index:10;}
.glance{ margin-top: 120px; width:100%;}
.glance_masWrap{width:98%; margin: 120px auto 0 auto; }
.glance_masonry {
	margin: 1.5em 0;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-gap: 1em;
	column-gap: 1em;
}
.item {
	display: inline-block;
	background: #fff;
	margin: 0 0 1.5em;
	width: 100%;
	background-color:#EBE4D7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 2px 2px 4px 0 #ccc;
}
.glaBlock{
	float: left;
	width:31.5%;
	height: auto;
	margin: 0 0.8% 1% 0.8%;
	background-color:#EBE4D7;
}
.glaBlock.last{ margin-right: 0;}
.glaInblock{
	position:relative;
	color: #2e3e4a;
	letter-spacing: 5px;
	line-height: 25px;
	width: 80%;
	height:auto;
	min-height: 269px;
	padding: 5% 10%;
}
.glaTit{
	font-size:24px;
	width:100%;
	height:auto;
	padding: 10px 0 10px 0;
}
.glaGis{
	font-size: 16px;
	padding: 10px 0 10px 0;
}
.glaTxt{
	color:#787C89;
}
.goBtn{
	width: 100%;
	height: 35px;
}
.goArrow{
	width:35px;
	height: 35px;
	float:right;
	background: #C9C3C3;
}
.titleBlock.gla{
	position:absolute;
	margin-top: -63px;
}
.tiWrap.en.gla{width: 72%;padding: 0 0px 0 23px; background: rgba(246,245,245,0.8); }
.ticon.top { margin: 0  0 63px 0; }
/*--------------------------push-----------------------------------------*/
.push{ position: relative; width:98%; margin:120px auto 0 auto;}
.pushBlock { float:left; width:100%; height:auto; padding-top: 100px; background: url(../img/push_back.jpg) no-repeat; background-position: top; /*background-size: cover; */}
.pushCon { float: left; width:86%; height:auto; background: #D3DEDC;padding: 2% 7% 2% 7%;}
.pushCon.Aud {padding: 2% 7% 2% 7%;}
.pushIcon { float: left;  width:60px; height: 60px; margin-right: 15px;background: #2e3e4a;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
 -moz-border-radius: 30px;
	  border-radius: 30px;
}
.pushAud { width:100%; height: audio; margin: 25px auto;}
.pushVid{ width:70%; height: auto; margin: 25px auto; }
audio {width:100%; }
.pushRate { float: left; width:49.8%; height: 60px; letter-spacing: 5px; background:#E5E7E9;}
.pushRate.right { float:right; }
.pushTit { float: left;}
.pushTitWrap { font-size:18px; letter-spacing: 5px; line-height: 22px; color: #2e3e4a; display:table-cell; vertical-align:middle; height: 60px; }
.mHit {
	float: left;
	position:relative;
	margin: 8px 0 0 5%;
	width:42px;
	height:42px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease;
}
.mHit:hover {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*border: 2px solid #3C4A5E ;*/
}
.mHit.hit { background: url(../img/push_icon_hit.png) no-repeat; background-position: center center; background-size: contain;}
.mHit.hit:hover { background: #3C4A5E url(../img/push_icon_hit_w.png) no-repeat; background-position: center center; background-size: 80%;}
.mHit.share { background: url(../img/push_icon_share.png) no-repeat; background-position: center center; background-size: contain;}
.mHit.share:hover { background: #3C4A5E url(../img/push_icon_share_w.png) no-repeat; background-position: center center; background-size: 80%;}

.mHit.hit.rad { background: url(../img/push_icon_Aud.png) no-repeat; background-position: center center; background-size: contain;}
.mHit.hit.rad:hover { background: #3C4A5E url(../img/push_icon_Aud_w.png) no-repeat; background-position: center center; background-size: 80%;}

.mHitRate { position:relative; font-size:16px; color: #2e3e4a; float: right; margin:22px 15px 0 0;}


.mainCon{
	/*background-color:#42A4E5;	*/
	margin-left:auto;
	margin-right:auto;
	margin-top:83px;
	position:relative;
	max-width:1200px;
	height: 613px;
	background-image:url(../img/main.png);
}
.mainConBot{
	margin:0 auto;
	background-image:url(../img/main_Bot.jpg);
	max-width:1200px;
	height: 6829px;
}
/*.cateSearch{
	margin:0 auto;
	background-image:url(../img/cateSearch.jpg);
	max-width:1200px;
	height: 1504px;
	display:none;
}*/
.cateSearchBut{
	position:absolute;
	top:550px;
	width:1200px;
	height: 60px;
	cursor:pointer;
	/*background-color:#C73639;*/
}
.mainContv{
	/*background-color:#42A4E5;	*/
	margin-left:auto;
	margin-right:auto;
	/*margin-top:-63px;*/
	position:relative;
	max-width:1200px;
	height: 4544px;
	background-image:url(../img/main_tv.jpg);
}
.mainConradio{
	/*background-color:#42A4E5;	*/
	margin-left:auto;
	margin-right:auto;
	/*margin-top:-63px;*/
	position:relative;
	max-width:1200px;
	height: 5105px;
	background-image:url(../img/main_radio.jpg);
}
.footer{
	width:100%;
	height: 864px;
	padding-bottom:80px;
	background-image:url(../img/main_footer.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.photoBlack{
	background:#000000;
}

@media screen and (max-width: 1600px) {
/*-----------------------------Radio Player--------------------------*/
.vidTit { padding: 2% 0; }
#radioPlayer{ margin: 70px auto 0 auto; width:720px; }
.playBtn {
	width:60px;
	height:60px;
	margin: 25px auto 0px auto;
}
.radShowTit h1 {font-size: 20px; line-height:26px;}
/*------------------------TV live player----------------------*/
.vidTit { padding: 2% 0; }
.mainPlayerWrap{ margin: 70px auto 0 auto; width:720px; }
}
@media screen and (max-width: 1200px) {
/*-----------------------------Radio Player--------------------------*/
.radList{ font-size: 12px;}
.epiRecom{ padding: 3% 0 0 12%; }
.playBtn { width:60px; height:60px; margin: 25px auto 0px auto; }
/*------------------------TV live player----------------------*/
.vidList{ font-size: 12px;}
.vidRecom{ padding: 3% 0 0 12%; }
.playTit { font-size: 14px; padding-top: 7px; }

}
@media screen and (max-width: 1000px) {
/*-----------------------------Radio Player--------------------------*/
#radioPlayer{ margin: 2% auto 0 auto; width:600px; }
.liveTye{ letter-spacing: 3px; font-size:10px; }
.vidTit { padding: 1.5% 0;}
.controls.hide { display: none;}

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

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

/*------------------------TV live player----------------------*/
.mainPlayerWrap{ margin: 2% auto 0 auto; width:600px; }
.liveTye{ letter-spacing: 3px; font-size:10px; }
.vidTit { padding: 1.5% 0;}

.mainWrap.land { margin-top: 50px; }
.titleBlock{ width: 46%; height: 50px; margin-left:3%;}
.titleBlock.top{ margin-top: 0; }
.ticon{ margin-top: 0; line-height: 50px; width: 12%; height: 50px; background:#2e3e4a;}
.tiWrap{ border: 4px solid #8B95A0; }
.tiWrap.ch{ width: 28%; height: 50px; padding: 0 18px; border-bottom: 4px solid #8B95A0; border-right: 0; }
.tiWrap.en{ width: 60%; height: 50px; padding: 0 17px; border-top: 4px solid #8B95A0; border-left: 0;}
.dateInfo{ margin-left: 0.5em;}
/*-----------------------------Channel Button--------------------------*/
.channelBtnWrap{ height: 50px; width: 47%; margin-right:3%;}
.simple_carousel .frame { width:93%; height: 50px;}
.simple_carousel .frame ul { height: 50px; }
.simple_carousel .frame ul li { height: 50px; width: 50px; line-height: 50px; margin: 0 10px 0 0; }
.simple_carousel .frame ul li.active { font-size: 16px; line-height: 42px; width: 42px; height: 42px; margin:4px 10px 0 0;
    -webkit-border-radius: 22px;
     -khtml-border-radius: 22px;
	   -moz-border-radius: 22px;
            border-radius: 22px;
}
.simple_carousel .frame ul li.active .chDab {line-height: 16px; margin-top:5px;}
.chCon{ width:50px; height:50px; border:none; cursor: pointer; }
.chNavPrev{float:left; width:50px; height:50px; }
.chNavNext{float:right; width:50px; height:50px; }
/*--------------------------Programme Guide----------------------------*/
.pgWrap{ width:94%; margin: 1.5% auto; /*margin: 1.5% 3%;*/}
.pgDate{ font-size: 12px;}
/*--------------------------Time Table---------------------------------*/
.tt_slider .ttframe ul li {
	width: 570px;
	height: 380px;
	margin: 0 20px 0 0;
	padding: 0;
	color: #3a3c47;
	text-align: center;
	cursor: pointer;
	line-height: 60px;
	font-size: 16px;
}
.timeRow{ width: 30%; padding: 10px 0 0 7%; }
.showRow { width: 70%; padding: 10px 5% 0 5%; }
.pgDate ul { width: 100%;}
.pgDate ul li { margin: 7px 1% 0; padding-left: 0.5%; padding-top: 5px; width: 11.6%; }
/*---------------------------Sorting Search Result----------------------*/
.cateSearch{ width:94%; margin: 0 auto;}
.sortUl { padding: 8px 0 18px 0; }
.sortUl.eng { padding:  0px 0 10px 0; }
/*---------------------------News----------------------*/
.newColBar { display: none; }
.catupWrap { width: 94%; margin: 0 auto; }
.showBtn.news { width: auto; font-size: 18px; margin:10px 55px 0 0; }
/*--------------------------------Hotspot-------------------------------*/
.hosWrap{ width: 94%; height: 580px; margin: 0 auto;}
.tiWrap.ch.hos{ background: rgba(233, 229, 220, 0.8); }
/*----------------------------------glance------------------------------*/
.glance{ margin: 120px auto 0 auto; width: 94%;}
.titleBlock.gla { margin-left: 0%}
.tiWrap.en.gla { width: 60%; }
.glance_masWrap{width:94%;}
/*---------------------------push---------------------------------------*/
.push{ width:94%; margin:100px auto 0 auto;}
.pushBlock { padding-top: 45px;}
}

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

.simple_carousel .frame { width:88%; }
/*---------------------------Programme Guide----------------------------*/
.pgHiteWrap{ position: relative; width: 49%; height:395px; margin: 30px 0 0 0;}
.pgTableWrap{ width: 50%; }
.hiteWrap { width:84%; bottom: 0; margin: 0; padding: 6% 8%; border-top: none; color:#3F464B; background: #CFCECE; }
.hiteEpi{ color: #2e3e4a;}
.pgDate .weekday{ display: none; }
.pgDate .sla{ display: none; }
.pgDate .mm{ display: none; }
.pgDate ul li{ padding-top: 2px;  }
.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: 330px;
	height: 380px;
	margin: 0 20px 0 0;
	padding: 0;
	color: #3a3c47;
	text-align: center;
	cursor: pointer;
	line-height: 60px;
	font-size: 16px;
}
.timeRow{
	font-size: 14px;
	width:30%;
	/*height:60px;*/
	height:auto;
	padding: 10px 0 0 5%;
}
.tableWrap{ letter-spacing:1px;}
.timeRow { width:20%; padding: 14px 0 0 4%; 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%; }
.pgDate ul { margin: -5px auto 0 auto;}

/*-----------------------------Sorting Search ---------------------------*/
.sortUl li { margin: 0 0.6%;}
.sortUl li a h3{ font-size: 14px;}
.relShow.eng { font-size: 16px; line-height: 22px; }
.relEpi.eng { font-size: 12px; line-height: 18px; }
/*---------------------------News---------------------------*/
.catupWrap{ margin: 25px 0 25px 0; }
.catupWrap.news { margin: 25px auto 25px auto; }
.catTit { max-width: 50%; padding: 15px 15px 10px 7.2%; }
.catMhicon { width: 32px; height:32px; margin: 8px 20px 0 0; }
.newsPics { width: 28px; }
/*-----------------------------hotspots ---------------------------------*/
.hotspot{margin-top:100px;}
/*--------------------------------glance----------------------------------*/
.tiWrap.ch.gla{ background: rgba(233,229,220, 1); padding: 0 12px 0 18px; }
.glance_masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
/*-------------------------------push------------------------------------*/
.pushVid{ width:90%; }
}

@media screen and (max-width: 760px) {
.simple_carousel .frame { width:84%; }
.sortUl li a h3{ font-size: 13px;}
}

@media screen and (max-width: 625px) {
.mainPlayerWrap{ margin: 0 auto 0 auto;  width:auto; }
#vidLoad{ width:100% !important; margin: 0 auto; background: none !important; }

/*---------------------------Radio player---------------------------*/
.leftWrap { width:65%; }
.radList { width:35%; }
.radListBlock { width:99%;}
.radShowTit { margin: 22px 0 0 0; }
.radShowPicWrap { width:70px; height: 70px; margin: 6% 0 35% 8%; }
.picSpace { float:left; width:70px; height: 70px; margin: 15px 15px 60% 10%; }
.radShowTit h1 {font-size: 16px; line-height:21px;}
.playBtn { width:40px; height:40px; margin: 25px auto 0px auto; }

/*-------------------Section Title Block-----------------------*/
.streamWrap{ background:rgba(236, 236, 236, 1);}
.titleBlock.top{ margin-top: 5px; }
.titleBlock{ width: 75%; height: 35px; margin: 0 auto; float:none; background:#ffffff;}
.ticon{ width: 10%; height: 35px; line-height: 35px; display:none;}
.tiWrap{ border: none; padding: 3px 34px 3px 34px;}
.tiWrap.ch{ width: 30%; height: 35px; letter-spacing: 1em; padding: 0 6.5%; background: #ffffff; border-bottom:0; }
.tiWrap.en{ width: 55%; height: 35px; border-top:none;}
/*-----------------------------Channel Button----------------------------*/
.channelBtnWrap{ float:none; width:75%; height: 50px; margin:5px auto 5px auto;}
.simple_carousel .frame { width:88%; }
.simple_carousel .frame ul { height: 50px; }
.simple_carousel .frame ul li { height: 50px; width: 50px; line-height: 50px; margin: 0 5px 0 0; }
.simple_carousel .frame ul li.active { font-size: 16px; line-height: 40px; width: 40px; height: 40px; margin:6px 10px 0 0; }
.simple_carousel .frame ul li .chDab { font-size: 14px;}
.simple_carousel .frame ul li.active .chDab {font-size: 14px; line-height: 14px; margin-top:7px;}
.simple_carousel .frame ul li.active .chDab .chDabNam { font-size: 14px;}

.chCon{ width:50px; height:50px; border:none; cursor: pointer; }
.chDab {margin-top:10px;}
.chNavPrev{float:left; width:50px; height:50px; }
.chNavNext{float:right; width:50px; height:50px; }
.btn.btn-default{ background: #c6cfd6;}
/*----------------------------Programme Guide----------------------------*/
.pgWrap{ width:100%; margin: 0; overflow: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%);

background: rgb(51,53,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,53,66,1) 0%, rgba(156,163,168,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,53,66,1) 0%,rgba(156,163,168,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,53,66,1) 0%,rgba(156,163,168,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333542', endColorstr='#9ca3a8',GradientType=0 ); /* IE6-9 */

}
.pgHiteWrap{ position:relative; float:none; width: 75%; height:auto; margin: 20px auto 10px auto; background:none; background-color: transparent; overflow:hidden;}
.pgHite{ position: relative; width: 50%; }
.photoBlack{ position: absolute; background:#000000; width: 50%; height:100%; bottom: 0; }
.dhPhoto { position: absolute; top:0; bottom: 0; left:0; right: 50%; background:#D0A2A3;}
.hiteWrap { position: relative; float:right; width:44%; height: 210px; padding:3%; background: rgba(255,255,255,0.2); }
.hiteBlock{ width: 100%; }
.hiteTit{ color:#ffffff;}
.hiteEpi{ color: #ffffff; line-height:1.3em; padding-bottom:10px; border-bottom: 1px solid #A49D9D;}
.hiteDate { float: left; line-height: 3em; text-align: left; width: 100%; color: #ffffff;}
.hiteDate p{ display:inline;}
.pgTableWrap { float: none; width: 75%; margin: 0 auto 30px auto;}
.sortUl{ display:none; }
select.sortWrap { display:block; }
h2{ font-size: 1.2em;}
h3{ font-size: 0.9em;}
h4{ font-size: 0.6em;}

/*---------------------------------Time Table----------------------------*/
.tt_slider .ttframe ul li { width: 330px; }
.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%; }


/*-------------------------------Sorting Search--------------------------*/
.relTimeWrap{ float: none; margin-left:115px; padding:0 0 0 0; border-top: 1px solid #C8C8C8; }
#mainselection { background: none; }
/*---------------------------News---------------------------*/
section.news { margin-top: 20px; }
.catupWrap.news { width:100%; }
.catUl.news { width:100%; padding: 55px 0 0 0; }
.newColBar { height: 55px;}
.catli.top {
	background: url(../img/diviShd.png) no-repeat;
	background-position: center;
	background-size: cover;
}
.catTit { float: none; width:94%; max-width:none; padding: 15px 0 10px 0; margin: 0 auto; /*border-bottom: 1px dashed #B6ADAD;*/}
.catTit.sec{ /*border-bottom: 1px dashed #B6ADAD;*/}
.catTit.news { width:82%; padding: 15px 15px 10px 8%; }
.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.news { margin: -5px 15px 0 0; background: none; width: 25px; float: right;}
.newsTitBlock { float:left; width: 70%; }

.catTit h2{ font-size: 16px; line-height: 26px; }
.catMhit { font-size: 16px;}
.catMhicon { width: 32px; height:32px; margin: 6px 20px 0 0;}
.catMhicon.news { margin: 0 20px 0 0;}
.smIcon { width:35px; height:35px;}
.showBtn{ font-size: 16px; width:80px; margin: 10px 55px 0 0;}
.showBtn.news { width: auto; font-size: 16px; margin:10px 35px 0 0; }
.smTxt{ width:auto;}
/*----------------------------------Hotspots-----------------------------*/
.hotspot { margin-top: 0px;}
.hosWrap { height: 380px; margin: 0 auto; width: 100%; }
.titleBlock.hos { height: 45px; margin-top: 0px; width:100%; padding: 8px 12% 3px 12%; background: rgba(236, 236, 236, 1);}
.hos_slider .hosframe ul li { float: left; width: 320px; height: 320px; }
.tiWrap.ch.hos{ width:28%; height: 40px; padding:0 6%;}
.tiWrap.en.hos{ width:51%; height: 40px; padding:0 6%; line-height: 25px; background:#FFFFFF;}
.hotGis { line-height: 16px; bottom: 0; }
/*-----------------------------------glance----------------------------------*/
.titleBlock.gla { height: 45px; margin-top: -63px; width:74%; padding: 8px 12% 3px 12%; background: rgba(236, 236, 236, 1);}
.tiWrap.ch.gla{ width:38%; height: 40px; padding:0 8%;}
.tiWrap.en.gla{ width:62%; height: 40px; padding:0 0 0 6%; line-height: 20px; background:#FFFFFF;}
.glance_masWrap{width:98%; margin: 100px auto 0 auto; }
/*-----------------------------------Push-----------------------------------*/
.push{ width:96%; margin:25px auto 0 auto;}
.titleBlock.gla.pus{ top:7px; width:76%;}
.pushBlock { padding-top: 25px;}
.pushTitWrap { font-size:16px;}
.pushIcon { width: 40px; height: 40px; margin: 10px 15px 0 0;}
.mHit { margin: 14px 0 0 5%; width:32px; height:32px;}
.mHitRate { font-size:14px; letter-spacing: 2px;}
.pushVid{ width:90%; }
}
@media screen and (max-width: 425px) {
/*---------------------------Radio player---------------------------*/
.radShowPicWrap { margin: 7% 0 0 10%; }
.picSpace { margin: 0 65% 15px 0; }
.radShowTit { margin: 15px 0 0 0; padding-left: 10%}
.radShowTit h1 {font-size: 14px; line-height:18px;}
.player { bottom: 3%;}
.playBtn { width:30px; height:30px; margin: 0 auto -10px auto; }
/*------------------------TV live player----------------------*/
.mainPlayerWrap{ margin: auto; /*position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);*/ width:100% !important; }
#vidScreen { box-shadow: none;}

.mainWrap.land { margin-top: 40px; }
h2{ font-size: 1em;}
h3{ font-size: 0.8em;}
.titleBlock.top{ margin-top: 0; }
.titleBlock{ width: 100%; height: 35px;}
.tiWrap.ch{ width: 30%; background: rgba(233,229,220,0.65); }
.tiWrap.en{ width: 55%; }
/*-------------------------------Channel Button----------------------------*/
.channelBtnWrap{ width:100%;  margin:0; }
.simple_carousel .frame { width:98%; }
.simple_carousel .frame ul { background: #C6CFD6; }
.simple_carousel .frame ul li { height: 50px; width: 50px; line-height: 50px; margin: 0; }
.simple_carousel .frame ul li.active { line-height: 38px; width: 38px; height: 38px; margin:6px 0 0 0; }
.simple_carousel .frame ul li.active .chDab {font-size:14px; line-height: 14px; margin-top:7px;}
.btn.btn-default{ background: #C6CFD6; }
/*-------------------------------Programme Guide----------------------------*/
.pgHiteWrap{ width: 90%;}
.pgTableWrap { float: none; width: 90%; margin: 0 auto 20px auto;}
.hiteWrap { height: 170px;}
/*---------------------------------Time Table----------------------------*/
.tt_slider .ttframe ul li { width: 300px; }
.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%; }
/*---------------------------News---------------------------*/
.catupWrap{ width:96%; margin: 15px auto;}

/*----------------------------------hotspots--------------------------------*/
.tiWrap.en.hos{ line-height: 14px; }
.tiWrap.en.gla { line-height: 14px;}
.glance_masonry { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
/*-------------------------------------Push----------------------------------*/
.pushTitWrap { font-size:14px;}
.pushVid{ margin: 15px auto;}
}