.h5MiniPlayerOn .h5MiniPlayer{
	height: 207px
}

.live_mode #masterhead,
.live_mode .masterhead{
	display: none !important;
}

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font-family:"微軟正黑體", Arial, Helvetica, sans-serif;/*Arial, Helvetica, sans-serif;*/font-size:12px;}
em {display:none;}
strong {font-weight:bold;}
.center {text-align:center;}
a:link, a:visited, a:hover {text-decoration:none;color:#000;}

#inskinIframe1{
	display:none;
}

.main-container{
	width:100%;
	margin:auto;
}
.header-container{
	width:100%;
	margin:auto;
	font-size:16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
/* 	position: fixed;
	top: 0;
	background: #fff;
	z-index: 13;
	box-shadow: 1px 1px 10px #333; */
	/**menu**/
	background-color:#ff6600;
	background-image:url('/img/v3/hk_barbg2.png');
	background-repeat:repeat-x;
	/* background-size:auto 40px; */
}

.header-container .logo{
	float:left;
	/**menu**/
	/* width:100px; */
	position: relative;
	left: -20px;
}
.header-container .logo .weblogo{
	 /* margin-top:3px;  */
}
.header-container .oncclogo{
	float:right;
	margin-top:3px;
}
.header-container .oncclogo .weblogo{
	height:30px;
}
.header-container .region{
	float:left;
	width:100px;
	text-align:center;
	color:white;
	height:66px;
	position:absolute;
	margin-left:130px;
	z-index:20;
	
	*margin-left:0px;
	/**menu**/
	width:77px;
	height:75px;
	background-image: url('/img/v3/pulldown_bg.png');
	background-repeat: no-repeat;
	top:-25px;
}
.locateIcon{
	float:left;
	width:77px;
	text-align:center;
	height:30px;
	position:absolute;
	margin-left:130px;
	*margin-left:0px;
	padding-top:2px;
	z-index:28;
	background-image: url('/img/v3/pulldown_bg.png');
	background-repeat: repeat-x;
	background-position-y:-30px;
	color:#ff6600;
	font-weight:bold;
	font-size:18px;
	line-height:29px;
	padding-right:3px;
}
.header-container .region .hk,
.header-container .region .tw{
	text-align: center;
	position: relative;
	/* background: #ff6600; */
	cursor: pointer;
	overflow: hidden;
	/* width: 100px; */
	color:#ff6600;
	font-weight:bold;
	font-size:18px;
	line-height:29px;
	padding-right:3px;
	/**menu**/
}
.header-container .region .downIcon{

}

.header-container .region .downIcon img{
	display: block;
	margin:auto;
}
.header-container .region .hk:hover,.header-container .region .tw:hover{
	
}
.header-container .region .tw{
	/**menu**/
	/* background: #d463d5; */
	/* display:none; */
	color:#666;
	margin-top:30px;
}
.header-container .region .tw:hover{
	color:#d463d5;
}
/* .header-container .region:hover .tw{
	display:block;
} */
.header-container .region:hover{
	/* box-shadow:1px 1px 5px #999; */
}
.header-container .header-menu{
	float:right;
	/**menu**/
	width:780px;
}
.header-container div.header-menu .top,.header-container div.header-menu .bottom{
	height:33px;
	overflow:hidden;
}
.header-container div.header-menu .top{
	/**menu**/
	height:40px;
}
.header-container div.header-menu .top{
	color:#999;
}
.header-container div.header-menu .bottom{
	/**menu**/
	/* background:#999; */
}
.header-container .header-menu ul.tv-mainmenu {
	height: 33px;
	float: left;
	margin-left:32px;
}
.header-container .header-menu.smooth ul.tv-mainmenu{
	margin-left:0;
}
.header-container .header-menu.smooth .submenu .menuSlider{
	left:0;
}
.header-container .header-menu.smooth .submenu .menuMoreBtn.left{
	float:right;
}

.header-container .header-menu ul.tv-mainmenu li{
	float:left;
	min-width:104px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	padding-top:7px;
	height:26px;
	/**menu**/
	height:34px;
}

.header-container .header-menu ul.tv-mainmenu li.on,.header-container .header-menu ul.tv-mainmenu li:hover{
	color:#fff;
	background-image:url('/img/v3/hk_barbg1.png');
	background-repeat:repeat-x;
	/* background-size: auto 42px; */
/* 	color:#fff;
	background:#999; */
}
.header-container .header-menu ul.tv-mainmenu li[ch='ent'] {
	    background-image: url(/img/v3/star_icon.png);
    background-size: 85%;
    background-repeat: no-repeat;
	    background-position: 7px 0px;
		color:#ff6600;
	
}
.header-container .header-menu ul.tv-mainmenu li.on[ch='ent'],.header-container .header-menu ul.tv-mainmenu li.h[ch='ent'],.header-container .header-menu ul.tv-mainmenu li[ch='ent']:hover{ 
	    background-image: url(/img/v3/star_icon.gif);
    background-size: 85%;
    background-repeat: no-repeat;
	color:#ff6600  !important;
	    background-position: 7px 0px;
}
.header-container .header-menu ul.tv-mainmenu li:hover,.tv-mainmenu li.h{
/* 	 background:#999; */
	background-image:url('/img/v3/hk_barbg1.png');
	background-repeat:repeat-x;
	background-size: auto 42px;
	 color:#fff !important;
}
.tv-mainmenu .liveIcon{
	width: 16px;
	margin-right: 6px;
	float: right;
}
.liveNoticeBox{
	float: left;
	position: absolute;
	/* top:300px; */
	margin-top:-130px;
	display:none; 
}
#showLiveBox{
width: 150px;
position: absolute;
margin-top: -290px;
color: orange;
height: 29px;
padding-top: 86px;
/* background-color: rgba(161, 107, 7, 0.87); */
background-image: url('/img/v3/show_live_box.gif');
font-size: 16px;
color: white;
cursor:pointer;
z-index:2;
}
#showLiveBox .tvlivetext{
margin-left: 4px;
width: 141px;
}
.header-container .header-menu .top,.header-container .header-menu .bottom{
	float:left;
	width:790px;
}
.header-container .header-menu .bottom{
	*position:relative;
}
.header-container .header-menu .bottom .submenu{
	color:#fff;
	display:none;
}
.header-container .header-menu .bottom .submenu.on{
	display:block;
}
.header-container .header-menu .bottom .submenu li{
	min-width:80px;
	padding:5px 12px;
	text-align:center;
	height: 17px;
	overflow: hidden;
	color:#934609;
	font-weight:bold;
}

.header-container .header-menu .bottom .submenu li.on,.header-container .header-menu .bottom .submenu li:hover{
	background:#ff6600;
	color:#fff;
}
.menuSlider{
	overflow: hidden;
	float: left;
	position:relative;
	left:32px;
}

.menuMoreBtn{
	width: 32px;
	float: right;
	overflow: hidden;
	height: 43px;
	cursor: pointer;
	position: relative;
	background: #ff6600;
	top:-33px;
	background-image: url(/img/v3/bt_right.png);
	background-repeat: no-repeat;
	background-position: 10px;
}
/* .menuMoreBtn.end{
	background-image: url(/img/v3/bt_prev.png);
} */
.menuMoreBtn.left{
	float:left;
	background-image: url(/img/v3/bt_left.png);
	visibility:hidden;
}
.menuMoreBtn.right{
	visibility:hidden;
}
#player_flash{
	background:#000;
}
#player{
	/*唔可以用height , 會影響fullscreen*/
	min-height:382.5px;
	background:#000;
}
.content-container{
	background-color:#fff;
	width:100%;
	clear:both;
}
.content-container .top{
	width:1000px;
	margin:auto;
}
.content-container .top .player-left,.content-container .top .player-right{
	margin-top:8px;
}

.background-top{
	background-color:#333;
	color:#fff;
	clear:both;
	box-shadow: -1px 4px 5px #999;
}
.menu-bar-content{
	width:1000px;
	margin:auto;
}
.background-top a:link, .background-top  a:visited, .background-top  a:hover {text-decoration:none;color:#fff;}
.background-top .searchListContainer a:link, .background-top .searchListContainer   a:visited, .background-top .searchListContainer   a:hover {text-decoration:none;color:#000;}
.content-container .bottom{
	width:1000px;
	margin:auto;
}
.content-container  .latestList,.content-container  .searchList,.content-container  .latestDateList,.content-container  .topList,.content-container  .relatedList{
	width:900px;
	margin:auto;
	clear:both;
}
.content-container  .relatedList{
	width:1000px;
	display:none;
}
.content-container  .contentList{
	display:none;
	margin-top:20px \9;
}
.content-container  .contentList.on{
	display:block;
}
.content-container  .latestList .page,.content-container  .searchList .page,.content-container  .latestDateList .page,.content-container  .topList .page,.content-container  .relatedList .page{
	width:900px;
	float:left;
	overflow:hidden;
	position:relative;
}
.content-container  .relatedList .page{
	width:900px;
	border-top:1px solid #ccc;
	max-height:835px;
	overflow:hidden;
}
.content-container  .latestList  .playlist,.content-container  .searchList  .playlist,.content-container  .latestDateList  .playlist,.content-container  .topList  .playlist,.content-container  .relatedList  .playlist{
	width:900px;
	float:left;
	overflow:hidden;
	max-height:840px;
	position:relative;
}
.content-container  .relatedList  .playlist{
	height:180px;
}

.listTitle{
	width:130px;
	height:25px;
	font-size:16px;
	cursor:pointer;
	text-align:right;
	font-weight:bold;
	line-height:24px;
}
.listTitle.related{
	float:left;
	margin-top:12px;
	background-image:url('/img/v3/btn_related.png');
	background-repeat:no-repeat;
	background-position:0 0!important;
}
.listTitle.related .toggleIcon{
	background-image: url('/img/v3/down_white.png');
	width: 100%;
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 22px;
}
.listTitle.related .toggleIcon.up{
	background-image: url('/img/v3/up_white.png');
}
.listTitle.related.on,.listTitle.related:hover{
	background-position:0 0 !important;
}
.listTitle.latestBtn{
	float:left;
	margin-top:8px;
	background-image:url('/img/v3/btn_upload.png');
	background-repeat:no-repeat;
	background-position:0 -25px;
	margin-left:8px;
}

.listTitle.cal_btn{
	float:left;
	margin-top:8px;
	background-image:url('/img/v3/btn_date.png');
	background-repeat:no-repeat;
	background-position:0 -25px;
}
.listTitle.topBtn{
	float:left;
	margin-top:8px;
	background-image:url('/img/v3/btn_view.png');
	background-repeat:no-repeat;
	background-position:0 -25px;
}
.listTitle.search_btn {
	float:left;
	margin-top:8px;
	background-image:url('/img/v3/btn_search.png');
	background-repeat:no-repeat;
	background-position:0 0px;
	display:none;
}
.listTitle.on,.listTitle:hover{
	background-position:0 0;
}
.contentList .leftBtn,.contentList .rightBtn{
	width:32px;
	height:32px;
	margin-top:20px;
	background-repeat:no-repeat;
	cursor:pointer;
}


.contentList .leftBtn{
	background-image:url('/img/v3/arrow_left.png');
	background-position:0 0;
}
.contentList .leftBtn:hover{
	background-position:0 -32px;
}
.contentList .rightBtn{
	background-image:url('/img/v3/arrow_right.png');
	background-position:0 -32px;
}
.contentList .rightBtn:hover{
	background-position:0 0;
}

.content-container  .relatedList  .playlist{
	width:900px;
}
.content-container  .latestList .leftBtn,.content-container  .latestList .rightBtn{
	cursor:pointer;
}
.content-container  .relatedList .leftBtn,.content-container  .relatedList .rightBtn{
	cursor:pointer;
	padding-top:50px;
}
.content-container  .customList{
	display:none;
}
.content-container  .latestList  .content,.content-container  .searchList  .content,.content-container  .latestDateList  .content,.content-container  .topList  .content,.content-container  .relatedList .content{
	position:relative;
}

.content-container .searchList .contentList{
	display:block;
}
.content-container .searchList .content{
	min-height:200px;
}
.content-container .paging{
	width:150px;
	height:65px;
	margin:auto;
	clear:both;
}
.content-container .novideomsg{
	text-align:center;
	padding:10px;
}
.content-container .novideo .paging{
	display:none;
}
.content-container  .leftBtn{
	float:left;
	width:32px;
	overflow:hidden;
}
.content-container .top .leftBtn{
	width:50px;
}
.relatedList .leftBtn,.relatedList .rightBtn{
	border-top:1px solid #ccc;
}
.content-container  .pageNo{
	width: 84px;
	text-align: center;
	float: left;
	margin-top: 26px;
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;
}
.content-container  .rightBtn{
	float:right;
	width:32px;
	overflow:hidden;
	text-align:right;
}
.content-container .top .rightBtn{
	width:50px;
}
.content-container .player-left{
	float:left;
	width:680px;
	overflow-x:hidden;
	overflow:hidden;
}
.content-container .player-right{
	float:right;
	width:300px;
	overflow-x:hidden;
}
.top-search{
margin-top: 8px;
float: right;
margin-right: 8px;
}
.background-bottom{
	min-height:200px;
}
.background-bottom .bottom{
	display:none;
}
.background-bottom .loadingMask{
	position: absolute;
	text-align: center;
	width: 100%;
	padding-top: 100px;
}
.searchListContent .loadingMask{
	height: 468px;
	width: 900px;
	/* background: url('/img/v3/bg-0.png'); */
	background: url('/img/v3/bg-40.png');
	z-index:16;
}
.background-bottom .adMask{
	position: absolute;
	text-align: center;
	width: 100%;
	padding-top: 100px;
	background-image: url('/img/v3/bg-40.png');
	z-index: 9;
	height: 900px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.searchListContainer{
	padding-bottom:70px;
/* 	background:#fff;
	border-top:1px solid #ccc;
	-moz-box-shadow:    inset 0 0 10px #999;
    -webkit-box-shadow: inset 0 0 10px #999;
    box-shadow:inset 0 0 10px #999; */
	display:none;
}
.searchNoVideo{
	text-align:center;
	padding-top:100px;
}
.relatedNoVideo{
	text-align:center;
	width:900px;
	padding-top:50px;
}
.searchListContent{
	width:900px;
	margin:auto;
	padding-top:20px;
	clear:both;
}
.optionBar{
	padding-top:8px;
	display:none;
}
#player_html5{
	width: 100%;
}

#player-content{
	display:none;
	min-height:382.5px;
	min-width:660px;
}
#player-content.moreChannel{
	background-size: 660px 412px;
	height: 412px;
}
#player-content .adClick{
	width: 680px;
	position: absolute;
	height: 330px;
	display:block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity:0;
	opacity: 0;
	background-color:#fff;
	z-index:9999;
}
#searchSubmit{
	border:1px solid #ccc;
	border-left:0;
	width:30px;
	float:left;
}
.footer-container{
	clear:both;
	background:url('/img/v3/patt.gif');
	font-size:14px;
	padding-top:10px;
	color:#fff;
	margin-top:8px;
}

.footer-container .footer-box{
	float:left;
}
.footer-container .footer-content{
	width:1000px;
	margin:auto;
	height:305px;
}
.footer-container .footer-box{
	min-width:120px;
}
.footer-container .channelBtn{
	float:none;
	font-size:12px;
	padding:3px 0;
}
.footer-container  .bar{
	width:100%;
	height:8px;
}
.footer-container  .bar.news{
	background-color:#ff6600;
}
.footer-container  .bar.fin{
	background-color:#00A998;
}
.footer-container  .bar.ent{
	background-color:#F20288;
}
.footer-container  .bar.sport{
	background-color:#0084CA;
}
.footer-container  .bar.life{
	background-color:#94CD25;
}
.footer-container .bar.racing{
	background-color:#a77b59;
}
.footer-container  .bar.other{
	background-color:#444;
	width:280px;
}

.footer-container .title{
	margin-top:5px;
	margin-bottom: 10px;
}
.footer-container  .copyright{
	background:#111;
}
.footer-container  .copyright .contentBox{
	width:1000px;
	margin:auto;
	padding:8px;
	font-size:12px;
}
.footer-container  .copyright a,.footer-container  .copyright a:hover,.footer-container  .copyright a:link,.footer-container  .copyright a:active{
	color:white
}
#searchKeyword{
	float: left;
	width: 180px;
	height: 20px;
	padding: 3px;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: none;
	color: #919191;
	background-repeat: no-repeat;
	background-image: url("/img/yahoo.png"); 
	background-position: left center;
}
#searchKeyword.focus {
	background-image:none;
}
.search_close{
	width:27px;
	height:26px;
	background-image:url('/img/v3/search_close_btn.png');
	float:left;
	border:1px solid #ccc;
	cursor:pointer;
	background-position: 0 3px;
}
#InSkinContentContainer_myInSkin1{
	background:#000;
	width:100%;
	height:100%;
}
#InSkinContentContainer_myInSkin1.fixed{
	width:340px !important;
	height:191px !important;
	position:fixed;
	z-index:999;
	right:15px;
	top:15px;
	padding: 8px;
	background: #f2f2f2;
	box-shadow: 1px 1px 10px #000;
	border: 1px solid #ccc;
}

#InSkinContentContainer_myInSkin1.fixed #player_flash{
	width: 340px !important;
	height: 191px !important;
}

#InSkinContentContainer_myInSkin1 .dragarea{
	position: absolute;
	top: 0;
	width: 340px;
	height: 191px;
	cursor: move;
	z-index:999;
	margin-top: 8px;
	background: url('/img/v3/bg-0.png');
	left:8px \9;
}
#InSkinContentContainer_myInSkin1 .dragarea:hover{
	background: url('/img/v3/bg-40.png');
}

#InSkinContentContainer_myInSkin1.fixed {
    -webkit-animation: fadeIn 0.5s; /* Chrome, Safari, Opera */
    animation: fadeIn 0.5s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.videoItem{
	float:left;
	display: block;
	width: 163px;
	height: 153px;
	cursor: pointer;
	outline-style: none;
	margin:8px;
	overflow:hidden;
}
.videoItem .thumbnail{
	padding:3px;
	    height: 89px;
    overflow: hidden;
}
.videoItem.on .thumbnail{
	border:3px solid #ff6600;
	padding:0;
}
.videoItem:hover .thumbnail{
	border:3px solid #FE9A2E;
	padding:0;
}
.videoItem .thumbnail img{
	width:158px;
	
}
.videoItem .title{
	margin-top: 5px;
	height: 35px;
	overflow: hidden;
	font-size: 13px;
	margin-bottom: 4px;
}
.videoItem .videoLoading{
	width: 16px;
	margin-top: 43px;
	margin-left: 72px;
}
.channelBtn{
	cursor:pointer;
	float:left;
}
.bottom-bar,.bottom-submenu-bar{
	width:900px;
	margin:auto;
	
}
.bottom-bar-container{
	background: #ccc;
	width: 100%;
	min-height: 45px;
	border-bottom:1px solid #ff6600;
	z-index: 11;
}
.bottom-submenu-bar{
	clear: both;
	padding-top: 10px;
	display:none;
}
.bottom-submenu-bar.on{
	display:block;
}
.bottom-submenu-bar{
	height:26px;
}
.bottom-submenu-bar .channelBtn{
	font-size:14px;
	background:#c2c2c2;
	border:0;
	font-weight:bold;
	color:#444;
	position:relative;
	background:url('/img/v3/sub_tag.png') no-repeat;
	background-position:0 -38px;
	width:86px;
	height:28px;
	text-align:center;
	padding-top:10px;
}
.bottom-submenu-bar .channelBtn.on{
	color:#ff6600;
	background-position:0 0px;
}
.bottom-submenu-bar .channelBtn:hover{
	color:#ff6600;
}
.bottom-submenu-bar .sub-line{
	height: 37px;
	border-bottom: 1px solid #C2C2C2;
	float: left;
	width: 540px;
}
#ireport{
	display:none;
}

/*
 * -----------------------------------------------
 *    S: Calender
 * -----------------------------------------------
 */
table.calender {
	width:100%;
}
table.calender th {
	font-weight:normal;
	padding:0 0 10px 0;
	width:14.2%;
}
table.calender td{
	text-align:center;
	width:14.2%;
	cursor:default;
}
table.calender .hd{
	color:#f92d60;
}

table.calender a, table.calender td div {
	display:block;
	padding:1px;
}
table.calender .hr {
	background:url('/img/dot_grey_2px.gif') repeat-x;
	height:1px;
	overflow:hidden;
}
#calender-min {
	padding:0 0 15px 0;
	width:207px;
	background:#fff;
	border:#c0c0c0 solid 2px;
	position:absolute;
	left:0;
	top:31px;
	display:none;
	z-index: 1001;
}
#calender-min .header, #calender-min table.calender{
	width:160px;
	margin-left:auto;
	margin-right:auto;
	
}
#calender-min .header {
	text-align:center;
	margin-bottom:10px;
}
#calender-min .header span {
	font-weight:bold;
}
#calender-min a.prev {
	display:block;
	width:15px;
	height:15px;
	background:url('/img/ic_red_arrow_left.gif') no-repeat;
	float:left;
}
#calender-min a.prevDisable {
	background:url('/img/ic_grey_arrow_left.gif') no-repeat;
	cursor:default;
}
#calender-min a.next {
	display:block;
	width:15px;
	height:15px;
	background:url('/img/ic_red_arrow_right.gif') no-repeat;
	float:right;
}
#calender-min a.nextDisable {
	background:url('/img/ic_grey_arrow_right.gif') no-repeat;
	cursor:default;
}
#calender-min table.calender a, #calender-min table.calender a:visited {
	background-color:transparent;
	color:#000;
}
#calender-min table.calender a:hover {
	background-color:#ececec;
}
#calender-min div.close {
	width: 207px;
	height: 20px;
}

#calender-min a.close {
	display:block;
	height:15px;
	width: 15px;
	background:url('/img/ic_close_s.gif') no-repeat;
	margin:3px 3px 10px 3px;
	float: right;
}
#calender-min td.hd, #calender-min td.hd a, #calender-min td.hd a:visited, #calender-min td.hd a:hover{
	color:#f92d60;
	font-weight:bold;
}
#calender-min td.t, #calender-min td.t a, #calender-min td.t a:visited, #calender-min td.t a:hover {
	background-color:#dddddd;
}


/**jquery ui calender**/
#jui-calender{
	position:absolute;
	display:none;
	z-index: 998;
}

/*
 * -----------------------------------------------
 *    E: Calender
 * -----------------------------------------------
 */

 /*m18*/
 
#finBox {
	clear:left;
	width:280px;
	padding: 9px;

	background-color:#fff;
	border:1px solid #C8C8C8;

	margin-bottom: 4px;
	display:none;
}
#finBox.down .index,
#finBox.down .change {
	color:#ff0000;
}
#finBox.up .index,
#finBox.up .change {
	color:#3cba00;
}


#finBox.up .status_img, #finBox.down .status_img {
	background-repeat: no-repeat;
	height: 40px;
	width: 37px;
	float:right;
	margin-top: 10px;
}



#finBox.up .status_img {
	background-image: url("/img/ic_idx_arrow_up.png");/** sprite-ref:submain */

}

#finBox.down .status_img {
	background-image: url("/img/ic_idx_arrow_down.png");/** sprite-ref:submain */
}

#finBox .index {
	font-size:20px;
	margin-left:10px;
	margin-right:10px;
}
#finBox div.quote {
	height:40px;
	background:url("/img/bg_quotebox.png") no-repeat left bottom;
	position:relative;
}
#finBox .status {
	font-weight:bold;
	margin-right:10px;
}
#finBox .turnover {
	margin-left:10px;
}

#finBox a.disclaimer {
	float:left;

}

#finBox .footer {
	padding-bottom: 10px;

	_padding-bottom : 0px;
}
#finBox .expandIcon .icon{
	float:right;
	width:22px;
	height:15px;
	cursor:pointer;
	background:url('/img/v3/bt_down.png') no-repeat;
}
#finBox .expandIcon .icon.less{
	background:url('/img/v3/bt_up.png') no-repeat !important;
}
#finBox .lastUpdate {
	float:right;
	color:#919191;
}
#finBox .info {
	border-bottom: solid 1px #DDD;
	margin-bottom: 5px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* padding-bottom: 3px; */
	/* width: 100%; */
	width: 240px;
	float:left;

}
#finBox-symbol {
	position:absolute;
	top:15px;
	left:80px;
	width:80px;
}
#finBox .quote input.btn {
	position:absolute;
	top:9px;
	left:170px;
	width:76px;
	height:27px;
}
#finBox .inquiry {
	margin-bottom:10px;
	display:none;
}
#finBox input {
	border:0;
}
#finBox .inquiry input, #finBox .inquiry textarea  {
	background-color:#DDDDDD;
	padding:5px;
}
#finBox .inquiry input.btn {
	background-color:#ff6600;
	color:#fff;
	cursor:pointer;
	line-height:normal;
	padding:4px;
}
#finBox div.description {
	color: #CCC;
	clear:both;
}

#finBox a.disclaimer,
#finBox a.disclaimer :link,
#finBox a.disclaimer :visited,
#finBox a.disclaimer :hover {
	color:#919191 !important;
}
#finBox a.disclaimer {
	font-weight:bold;
	color:#919191 !important;
}
#finBox-name ,
#finBox .inquiry input.btn
{
		margin-bottom: 5px;
}

#finBox-name {
	width:220px;
	margin-right: 5px;

}
#finBox-message {
	width:270px;
	height: 35px;

	border: 0px solid #FFF;

}
#finBox .message {
	padding:5px;
	text-align:center;
	display:none;
	color:#000;
}
#finBox .message span {

}
#finBox.up .highlight{
	color:#ffba41;
}

#finBox.down .highlight{
	color:#ffba41;
}
#finBox .info{
	color:#222;
}
#hsi_link .finbox-div{
	width:280px;
	height:46px;
	background:white;
	position:absolute;
	z-index:1;
	opacity:0;
	filter: alpha(opacity = 0);
	color:#000;
	*margin-left:-240px;
}
#m18Box, #m18Box table {
	width:374px;
	height:518px;
}
#m18Box .top {
	background:url("http://money18.on.cc/img/lightbox_top.png") no-repeat;
	width:374px;
	height:23px;
	cursor:pointer;
}
#m18Box .left {
	background:url("http://money18.on.cc/img/lightbox_left.png") no-repeat;
	width:20px;
	height:467px;
}
#m18Box .right {
	background:url("http://money18.on.cc/img/lightbox_right.png") no-repeat;
	width:34px;
	height:467px;
}
#m18Box .bottom {
	background:url("http://money18.on.cc/img/lightbox_bottom.png") no-repeat;
	width:374px;
	height:28px;
}

#ireport{
	width:296px;
	margin:auto;
}
#yahooOverture{
	display:none;
	width:300px;
	height:130px;
	overflow:hidden;
	margin-bottom:8px \9;
}
.larger{
	margin-bottom:8px;
	display:none;
}
#superbanner{
	display:none;
	width:728px;
	height:90px;
	overflow:hidden;
	margin:auto;
	padding-top:8px;
}
#masterhead{
	display:none;
}
#finBox{
	margin-bottom:8px;
	display:none;
}

#joinSocial {
	color:#FFFFFF;
	width:290px;
	display:block;
	height: 20px;
	margin-top: 8px;
}
#joinSocial ul{
	float:left;
	width:140px;
}

#joinSocial ul li.icon {
	list-style:none;
	float:right;
	padding-left:5px;
}

#joinSocial ul li.text {
	list-style:none;
	float:right;
}

#facebook iframe{
	border:none;
	overflow:hidden;
	width:300px;
	height:568px;
	margin-top:10px;
	background-color:black;
}
.share-container{
	width:545px;
	float:right;
	height:50px;
	overflow:hidden;
}
#shareArea {
	width: 100%;
	height: 30px;
	padding-top: 15px;
	display: none;
}
#shareArea .share1,
#shareArea .share2,
#shareArea .google_recommend,
#shareArea .fb_recommend,
#shareArea .shareLink div,
#shareArea .shareLink .url2 {
	float:left;
}
#shareArea .shareLink .url2{
	display:none;
}
#shareArea .shareLink{
	margin-top:-3px;
	padding-right:0 !important;
}
#shareArea .shareLink .urllink{
	font-weight: bold;
	cursor: default;
	padding: 5px 10px;
	background: #222;
	display:block;
}
/*#shareArea .shareLink:hover .url2{
	display:block;
}
*/
#shareArea .shareLink:hover .urllink{
	display:none;
}

#shareArea .google_recommend {
	width: 80px;
	height: 21px;
}
#shareArea .fb_recommend {
	width: 130px;
	height: 21px;
}
#sharePanel-url{
	width: 250px;
	height: 15px;
	background:transparent;
	border: 1px solid #ccc;
	padding: 3px;
	color: #ccc;
}
#shareArea .whatsapp{
	display:none;
}
#shareArea .share1 {
	padding-left:12px;
	padding-top:3px;
}
#shareArea .share2 {
	padding-right:5px;
}

#shareArea  .shareLink {
	float:right;
	padding-right:15px;
}

#shareArea  .shareLink div.url1 {
	padding-top:3px;
}
.relatedCount{
	background: url('/img/v3/remark.png');
	display: table-cell;
	float: right;
	width: 32px;
	height: 16px;
	position: relative;
	text-align: center;
	padding-top: 1px;
	background-repeat: no-repeat;
	top: -6px;
	font-size: 12px;
	background-size: 32px;
	right: 5px;
	line-height: 16px;
	display:none;
}
.menu-bar-mobile-content,.mobile-header{
	display:none;
}

div.menu-trigger {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 36px;
	height: 36px;
	background: #dfe5eb;
	cursor: pointer;
	border-radius: 5px;

	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;

	&:before { 
		content: '\e801';
		display: inline-block;
		width: 36px;
		height: 36px;
		color: black;
		font-family: "ico";
		font-style: normal;
		font-size: 1.2em;
		font-weight: normal;
		font-variant: normal;
		text-align: center;
		text-transform: none;
		line-height: 36px;
	}

	&:hover { background: #556270; &:before { color: #fcfeff; } }
}

.loadingMore{
	display:none;
}
.m-bottom-bar{
	display:none;
}
.itvc_count_down{
	position: relative;
	top: -50px;
	/* left: 8px; */
	background: url('/img/v3/bg-40.png');
	width: 60px;
	padding: 4px 4px 4px 8px;
	border-left: 0;
	color: #fff;
	display:none;
}
.itvc_skip{
	position: relative;
	left: 620px;
	top: -74px;
	background: url('/img/v3/bg-40.png');
	padding: 4px 8px 4px 4px;
	width: 50px;
	text-align: center;
	cursor: pointer;
	display:none;
}
video.itvc{
	cursor:pointer;
}
.html5_title{
	position: absolute;
	font-size: 14px;
	padding: 4px;
	width: 100%;
	width: 673px;
	background: url('/img/v3/bg-40.png');
	display:none;
}
#html5_player{
	width:100%;
	height:100%;
}
body.fixplayer .bottom-bar-container{
	top:517px;
	position:fixed;
}
body.fixplayer .header-container{
	position:fixed;
	background:#fff;
	z-index:10;
	top:0;
}
body.fixplayer .background-bottom{
	margin-top: 567px;
	
}
body.fixplayer .background-top{
	position: fixed;
	width: 100%;
	z-index:10;
	top: 65px;
	
}
.allSignal{
display:none;
}
.signalItem{
    height: 32px;
    width: 67px;
    /* display: inline-block; */
    float: left;
    margin-right: 10px;
    color: white;
	cursor:pointer;
	background-size:contain;
}
.signalItem.on{
    width: 128px;
}
.ch1{
background-image:url(/img/live/web_ch1_off.png)
}
.ch2{
background-image:url(/img/live/web_ch2_off.png)
}
.ch3{
background-image:url(/img/live/web_ch3_off.png)
}
.ch1.on{
background-image:url(/img/live/web_ch1.png)
}
.ch2.on{
background-image:url(/img/live/web_ch2.png)
}
.ch3.on{
background-image:url(/img/live/web_ch3.png)
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> mobile settings <<<-------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


@media(max-width:960px){

	.mobile #player,
	.mobile #player-content,
	.mobile .content-container .top,
	.mobile .content-container .player-left{
		min-width: 0;
		min-height: 0;
		width: 100%;
		margin: 0;
	}

	.mobile .mobile-menu-button .m-title #mLiveButton{
		width: 55px;
		height: 25px;
		background-size: 100%;
		float: none;
		display: inline-block;
		margin: 0;
		position: relative;
		top: 7px;
		left: 5px;
	}

	.mobile .mobile-menu-button .m-title .mCurSectionName{
		left: 0;
		right: 0;
		margin: auto;
		float: none;
		display: inline-block;
		position: relative;
		top: 3px;
	}

	.mobile .content-container .player-left{
		overflow: visible;
	}

	.mobile .menu-bar-mobile-content{
		margin-top: 52px;
	}

	.mobile .background-top{
		top: 52px;
		padding-bottom: 0px;
		box-sizing: border-box;
		padding: 5px;
		z-index: 12;
	}

	.mobile .mobile-header{
		height: 50px;
	}

	.mobile .mobile-menu-button .m-menu{
		width: 54px;
		margin-top: 5px;
		position:relative;
		z-index:1;
	}

	.mobile .mobile-menu-button .m-title{
		font-size: 22px;
		width: 100%;
		height: 100%;
		line-height: 50px;
		padding: 0;
		margin: auto !important;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
	}

	.mobile .mShareIcon {
		width: 20px;
		height: 21px;
		background-size: 100%;
		margin-right: 15px;
		margin-top: 14px;
		position: relative;
	}

	.mobile .mobile-menu-button .m-down {
	  width: 24px;
	  height: 24px;
	  background-size: 100%;
	  margin-top: 16px;
	  position: relative;

	}

	.mobile .location_m{
		font-size: 18px;
		height: 45px;
		line-height: 45px;
	}

	.mobile .location_m .loc_btn{
		padding: 0;
	}

	.mobile .submenu_m{
		margin-top: 45px;
	}

	.mobile .menu-bar-mobile-content .submenu li,
	.mobile .menu-bar-mobile-content  .menu-root{
		font-size: 20px;
		height: 60px;
		line-height: 60px;
		padding: 0;
	}

	.mobile.mobile .menu-bar-mobile-content .menu-root[ch='ent']{
		background-size: 115px;
		background-position: 50%;
	}

	.mobile .menu-bar-mobile-content  .sub_m .submenu .mobileThirdLayerTitleWrap .mobileThirdLayerTitle{
		background-position: calc(100% - 30px) 50%;
		background-size: 26px;
	}

	.mobile .m-bottom-bar{
		top: 0;
		margin-top: calc( 56.25% + 55px );
	}

	.mobile .m-bottom-bar .listTitle {
		padding: 0 10px;
		position: relative;
		border-bottom: 3px solid #993300;
		height: 38px;
		box-sizing: border-box;
		width: 33.33%;
	}

	.mobile .m-bottom-bar .listTitle.on {
		border-bottom: 3px solid #993300;
	}

	.mobile .m-bottom-bar .listTitle img {
		width: 80px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 0;
		right: 0;
	}
	.mobile .m-bottom-bar .relatedBtn.listTitle img {
		left: calc(50% - 45px);
		right: auto;
	}

	.mobile .relatedCount{
		padding-top: 0;
		font-size: 12px;
		width: 38px;
		height: auto;
		padding: 1px;
		box-sizing: border-box;
		border: 2px solid #fff;
		border-radius: 6px;
		top: 0 !important;
		right: calc(50% - 72px) !important;
		transform: scale(0.8);
	}

	.mobile .background-bottom{
		padding-top: 0;
		margin-top: calc( 56.25% + 30px + 60px + 3px );
	}

	.mobile .contentList .videoItem{
		position: relative;
		height: auto;
		padding: 5px;
	}

	.mobile .videoItem .thumbnail img{
		height: auto;
		width: 100%;
		display: block;
	}

	.mobile .videoItem .title{
		height: auto;
		font-size: 18px;
		line-height: 24px;
		margin: 0;
		padding-top: 22px;
		padding-right: 5px;
		box-sizing: border-box;
		width: calc( 100% - 140px );
	}

	.mobile .videoItem .thumbnail{
		position: relative;
		height: auto;
		/* width: 45%; */
		width: 120px;
		padding: 0;
		margin-right: 10px;
	}

	.mobile .videoItem .date {

		position: absolute;
		font-size: 14px;
		top: 5px;
		right: 0;
		margin: 0;
		/* width: 50%; */
		width: calc( 100% - 140px );
		white-space: nowrap;
		box-sizing: border-box;
		padding-right: 5px;

	}

	.mobile .content-container .latestList .page{
		width: 100% !important;
	}

	.videoItem .thumbnail{
		border: 3px solid transparent;
	}

	.mobile .share-container{
		display: block;
		width: 100%;
		height: 100%;
	}

	.mobile .share-container #shareArea{
		width: 90%;
		height: 80%;
		top: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		border-radius: 20px;
		max-width: 300px;
		max-height: 400px;
	}

	.mobile .share-container #shareArea .shareTitle {
		height: 30px;
		position: absolute;
		border-bottom: 2px solid #ccc;
		padding-top: 0;
		padding-left: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.mobile .share-container #shareArea .shareTitle img {
		width: 75px;
		margin-left: 20px;
	}

	.mobile .share-container #shareArea .closeBtn{
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border: 3px solid #fff;
		font-size: 20px;
		line-height: 26px;
		border-radius: 50%;
		right: -15px;
		top: -15px;

	}

	.mobile .share-container #shareArea .share2{
		display: table;
		padding: 0;
		margin: auto;
		margin-top: 30px;
	}

	.mobile .share-container #shareArea .share2 a {
	  text-align: center;
	  float: left;
	  width: 50%;
	}

	.mobile .share-container #shareArea .share2 a img {
		width: 45px;
		height: auto;
		margin: 15px 0;
		float: none;
	}

	.mobile #shareArea .fb_recommend{
		position: relative;
		margin: auto;
		width: 100%;
		left: 40%;
	}

	.mobile .fb_recommend iframe{
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		width: auto !important;
		position: absolute;
		left: 0;
	}

	.mobile .menu-bar-mobile-content  .sub_m .submenu li{
		padding-left: 25px;
	}

	.mobile .menu-bar-mobile-content  .sub_m .submenu li.mobileThirdLayer{
		background-position: -10px;
	}

	.mobile.mobile .menu-bar-mobile-content .submenu li, 
	.mobile.mobile .menu-bar-mobile-content  .menu-root{
		font-size: 18px;
	}

}

@media screen and (orientation: landscape){

	.mobile .mobile-header{
		z-index: 12;
	}

}


@media(max-width: 480px){

	.mobile .relatedCount{
		right: calc(50% - 50px) !important;
		transform: scale(0.75);
	}

}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:9999998;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
	 width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position:absolute;
	z-index:9999999;
	color:#000000;
	display:none;
	text-align:left;
	top:0px;
	left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/