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,ad{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;}


@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}

body {
	font-family: "新微軟正黑體",'Microsoft JhengHei', "微軟正黑體", 'Microsoft JhengHei','Heiti TC','LiHei Pro','WenQuanYi Zen Hei','Droid Sans', 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;}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.menu_left_CTN #logo {
	margin-left:-3px;

}
#sb-site {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

header {
	position: fixed;
	font-size: 20px;
	height: 80px;
	border-bottom: 4px solid #ff9933;
	width:100%;
	background-color:#fff;
	z-index:130;
	-webkit-box-shadow: 0px 5px 7px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 7px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 7px -1px rgba(0,0,0,0.2);

}
._mobile header{
	border-bottom: 4px solid #999;
}

._desktop header{

	background-image: url(/img/Menubackdrop_02.jpg);
    background-repeat: no-repeat;
    background-position: calc(50% - 40px) 50%;
    background-size: auto 100%;
	
}


header .header__container__center {
	width: 1000px;
	margin: 0 auto;
}


header .header__container__center .right{
float: right;
	width: auto;
}
header .header__container__center  .logo {
	float: left;
	margin: 5px 5px 5px 0px;
}
header .header__container__center .login__container {
	/* display: inline-block; */
	display: none; /* -- remove login 20200401 -- */
	vertical-align: middle;
	margin-right: 20px;
}
header .header__container__center  .oncclogo {
	display: inline-block;
	margin: 0px 0px;
	vertical-align: middle;
	padding-top: 4px;
}

header .header__container__center  .menu__item__container {
	display: inline-block;
}
header .header__container__center .menu__item__container .menu__item{
	
	float:left;
		margin: 25px 8px;
		color: #999;
		font-weight:bold;
		cursor:pointer;
	
}

header .header__container__center .menu__item__container .menu__item .hover{
background-color: #ff9933;
	text-align: center;
	height: 3px;
	border-radius: 10px;
	margin-top:3px;
}
header .header__container__center .menu__item__container .menu__item .hover .glyphicon {
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	color: #ff9933;
	top: -17px;
}

header .header__container__center .menu__item__container .menu__item.on {
/* transition: all 0.5s ease; */
	color:#ff9933;
}
header .header__container__center .menu__item__container .menu__item:hover {
/* transition: all 0.1s ease; */
	color:#ff9933;
}
header .header__container__center .search-input {
	display: block;
	display:none;
	width: 260px;
	padding: 25px 10px 20px 10px;
	margin: 0;
	overflow: hidden;
}

header .header__container__center .search-input input {
	width: calc(100% - 73px);
	height: 32px;
	font-size: 16px;
	padding-left: 7px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #ddd;
	display: inline;
	float: left;
}

header .header__container__center .search-input .search-icon {
width: 40px;
height: 32px;
color: #ffffff;
font-size: 18px;
text-align: center;
padding-top: 6px;
background-color: #ff9933;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
display: inline;
	float: left;
}


header .login__container div {
	float: left;
	font-size: 20px;
}
header .login__container div.icon {
	margin: 22px 4px;
	}
	
header .login__container .login , header .login__container .logout, header .login__container .edit {
	background-color: #ff9933;
	border-radius: 5px;
	border:#ff9933 2px solid;
	padding: 0px 12px;
	color: #fff;
	margin: 22px 4px;
}

header .login__container .facebook {
	background-color: #3a579b;
	border-radius: 5px;
	border:#3a579b 2px solid;
	padding: 0px 12px;
	color: #fff;
	margin: 22px 4px;
}

header .login__container .logout ,header .login__container .edit  {
	display:none;
}


header .login__container .register {
	border-radius: 5px;
	border:#ccc 2px solid;
	padding: 0px 12px;
	color: #666;
	margin: 22px 4px;
	display:none;
}


.large2 .google {

	padding: 0px;
	height: 125px;
	background-color: #FFF;
	margin-top: 8px;

}

footer {
	background-color:#ececec;
	clear: both;
}
footer .footer__container__center {
	width: 1000px;
	margin: 0 auto;
	padding:14px 0px;
}


.paging__slide {
	width: 150px;
	height: 100px;
	margin: auto;
	clear: both;
	padding-top: 30px;
}

.paging__slide .leftButton {
	float: left;
	cursor:pointer;
}
.paging__slide .leftButton .glyphicon , .paging__slide .rightButton .glyphicon{
	background-color: #ccc;
	padding: 10px;
	border-radius: 50%;
	color: #fff;
}
.paging__slide .leftButton.disable .glyphicon , .paging__slide .rightButton.disable .glyphicon{
	background-color: #eee;
}
.paging__slide .pageNo {
	width: 84px;
	text-align: center;
	float: left;
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #ff9933;
}

.paging__slide .rightButton {
float: right;
cursor:pointer;
}

.content__container {
	width: 100%;
	clear: both;
	display: block;
	
}

.content__top {
	margin-top: 80px;
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+84,b7b7b7+100 */
	background: #ffffff; /* Old browsers */

	display: inline-block;
	padding: 0px;
	padding-bottom:0px;
}
body[subsection='-1'] .content__top {
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 84%, #dfdfdf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 84%,#dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 84%,#dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}
body[page='login'] .content__top,body[page='logout'] .content__top, body[page='register'] .content__top , body[page='forgetpassword'] .content__top{
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 84%, #FFD2A6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 84%,#FFD2A6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 84%,#FFD2A6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFD2A6',GradientType=0 ); /* IE6-9 */
}

.content__container__center {
	width: 1000px;
	margin: 0 auto;
	padding:5px 0px 10px 0px;
}
.content__container__center .content__top__banner {
	width:1000px;
	height:150px;
	margin-bottom:10px;
	display:none;
}
	
.content__top .content__top__left {
	float:left;
}
._desktop .content__top .content__top__left {
    width: 680px;
}
._desktop .livepage .content__top .content__top__left {
    width: auto;
}
.content__top .content__top__right {
	float:right;
}
.content__top .content__top__left .videoItem  {
	width:220px;
	padding:0px;
	background-color:transparent;
	margin:5px;

}

.content__top .content__top__left .h5PlayerCtn {
	width: 680px;
	/* margin-bottom:5px; */
}


.content__top .content__top__right ad.ad__large {
	margin-bottom: 12px;
	text-align: center;
	width: 300px;
	height: 250px;
	margin: 0px auto 8px auto;
}

ad {
	margin-bottom:8px;
	display:block;
	    text-align: center;
}

ad.ad__super {
	margin-top: 16px;
    margin-bottom: 0;
}
ad.ad__super.mobile {
	display:none;
}
ad.ad__large {
	text-align:center;
	/* display:inline-block; */
}

ad.ad__large.mobile {
	display:none;
}
ad.ad__google {
	    margin: 8px 0px 0px 0px;
} 
.content__top .video__latest__container {
	clear: both;
	display: inline-block;
	margin-top: 20px;
}

body[section="20180006"] .content__container__center {
	color:#fff;
}
body[section="20180006"] .header__container .header__text span.maker {
	height: 28px;
	border-radius: 5px;
	width: 10px;
	background-color: #ff9933;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
		
	background-color: #a21621;

}

body[section="20180006"] .header__container .header__text {
color: #fff;
}
body[section="20180006"] .content__top {
	background: none;
}
body[section="20180006"] .content__container {
	background: #1c1b46;
}
body[section="20180006"] .content__container .videoItem {
	background-color: #2a2663;
}
body[section="20180006"] .content__container .videoItem .datetime {
	color: #9999cc;
}
body[section="20180006"] .content__container .videoItem .title {
	color:#ccccff;
}

body[section="20180006"] .videoItem.playing .title {
	color: #d72e43;
}

body[section="20180006"] .paging__slide .leftButton .glyphicon, body[section="20180006"] .paging__slide .rightButton .glyphicon{
	background-color: #342f77;
}

body[section="20180006"] .paging__slide .leftButton.disable .glyphicon, body[section="20180006"] .paging__slide .rightButton.disable .glyphicon{
	background-color: #1c1b46;
    opacity: 0.3;
}

body[section="20180006"] footer {
	background-color: #2a2663;
	color: #9999cc;
}

body[section="20180006"] footer a {

		color: #9999cc;
}

@media (min-width: 769px){
	.content__container__center {
		pointer-events: none;
	}
	body[page="subsection"]:not([section="20180006"]) .content__container__center {
		border-top: 0.5px #ddd solid;
	}
	.content__container__center *{pointer-events: auto;}

	.videoItem.overflowItem .title {
		line-height: 17px;
		/* overflow up to 3 line of text to ellipsis */
		max-height: 51px;
		overflow: hidden;

		position: relative;
		text-overflow: ellipsis;

		display: -moz-box;
		-moz-line-clamp: 3!important;
		-moz-box-orient: vertical;
	}
	@supports(-webkit-line-clamp: 3) {
		.videoItem.overflowItem .title {
			/* overflow up to 3 line of text to ellipsis in webkit*/
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
	}
	.video__list_container {
		/* transition: max-height 0.5s; */
		overflow: hidden;
	}
	body[section="20180006"] .videoItem:hover  .title {
		/* border: 2px solid #d72e43; */
		color: #9999cc;
	}
}
body[section="20180006"] .paging__slide .pageNo {
	color: #d72e43;
}


.paging__container {
	width: 1000px;
	float: left;
	overflow: hidden;
	position: relative;
}





.video__list_container {
	position: relative;
}

.video__list_container .page {
	width: 1000px;
	float: left;
	overflow: hidden;
	position: relative;
}

.video__subSection__container {
	float:left;
	width: 496px;
}
.video__subSection__container:nth-of-type(2n + 1) {
	margin-right:3px;
}
.video__subSection__container:nth-of-type(2n + 2) {
	margin-left:4px;
}

.header__text .nicam {
	float: right;
	width: 122px;

}
.header__text .nicam img{
	width:100%;
	padding-bottom: 6px;
}

body[page=subsection] .header__text .nicam{
	float: right;
	display: inline-block;
	margin-right: 10px;
	margin-left:10px;
}
body[page=subsection] .header__text .videosNum{
	margin-right: 0;
	font-size: 12px;
	float: right;
	margin-top: 20px;
	display: none;
}

body[page=subsection]._mobile .header__text .videosNum{
    margin-top: 16px;
}

body[page=subsection][section="20180006"] .header__text .videosNum{
	display: none;
}


.header__container {

}
.header__container .header__text span.maker {

}
.header__container .header__text {
	font-size: 20px;
	font-weight: bold;
	/* color: #666; */
	color: #000;
}

.video__subSection__container .videoItem:first-child {
	margin: 7px 4px 20px 0px;
}
	
.video__subSection__container .videoItem:last-child {
	margin: 7px 0px 20px 4px;
}
.videoItem {
	float: left;
	width: 244px;
	margin: 4px;
	padding: 2px;
	background-color: #f1f1f1;
	font-size: 16px;
	height: 225px;
	cursor: pointer;
    pointer-events: auto;
	border: 2px solid transparent;
}

/* body:not([section="20180006"]) .videoItem{
	height: 225px;
} */

.videoItem .title {
    font-weight: 600;
}

.videoItem.playing  {
	/*border:2px solid #ff9933;
	-webkit-transition:  all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
			transition: all 0.3s ease;
*/
}
@media (min-width: 769px){
	.videoItem:hover .title {
	/* border:2px solid #ff6600; */
		color: #ff6600;
	}
}
.videoItem:nth-of-type(4n + 1) {
	margin-left:0px;
}
.videoItem:nth-of-type(4n + 4) {
	margin-right:0px;
}

.videoItem .thumbnail .imageMask {
	display:none;
	position:absolute;
	position: absolute;
	
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height:100%;
		z-index: 2;

}

.videoItem .thumbnail .imageMask .player_text {
	left: calc( 50% - 27px );
	top: calc( 50% - 12px );
		position: relative;
		color:#fff;
}


.videoItem.playing .thumbnail .imageMask {
	display:block;
}

.videoItem .thumbnail {
overflow:hidden;
height:132px;
}

.videoItem .thumbnail img {
	width:100%;
}

.videoItem .datetime {
	font-size: 14px;
	color: #666;
	padding: 8px 0px 0px 0px;
}

.videoItem.playing .title{
	color: #ff6600;
	font-weight: bold;
}

.videoItem .thumbnail .duration {
	position: absolute;
	right: calc(3% + 38px);
	bottom:3%;
	background-color:rgba(0,0,0,0.6);
	border-radius:5px;
	color:#fff;
	padding:1px 5px;
	font-size:12px;
}
.videoItem .thumbnail .duration .glyphicon  {
	display: none;
	margin-right:4px;
}


.videoItem .thumbnail {
	display: block;
	padding: 0px;
	margin-bottom: 0px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 0px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	position:relative;
}
.videoItem .thumbnail::after {
    content: ' ';
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(https://hk.on.cc/img/v2/oncc_playicon.png);
    position: absolute;
    right: 5px;
    bottom: 5px;
	height: 32px;
    width: 32px;
}
.videoItem .keyword {
	background-color:#ff9933;
	color:#fff;
	float:left;
	border-radius:8px;
	padding:2px;
	margin:2px;
	font-size:14px;
}


#finBox {
	clear:left;
	width: 300px;
	padding: 6px 8px;
	background-color:#fff;
	border:1px solid #C8C8C8;
	margin-bottom: 4px;
}

#finBox #stock_quote {
	width: 80px;
	height: 26px;
	font-size: 16px;
	padding-left: 7px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #ddd;
	display: inline;
	float: left;
}

#finBox .search-input .search-icon {
	width: 70px;
	height: 26px;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	padding-top: 5px;
	background-color: #ff9933;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	display: inline;
	float: left;
	cursor:pointer;
}


#finBox.down .index,
#finBox.down .change {
	color:#ff0000;
}
#finBox.up .index,
#finBox.up .change {
	color:#3cba00;
}
#finBox.up.updating .index , #finBox.up.updating .change, #finBox.up.updating .turnover {
-webkit-animation:	up_color_change 0.7s alternate;
-moz-animation: 	up_color_change 0.7s alternate;
-ms-animation: 		up_color_change 0.7s alternate;
-o-animation: 		up_color_change 0.7s alternate;
animation:			up_color_change 0.7s alternate;	
}

#finBox.down.updating .index , #finBox.down.updating .change, #finBox.down.updating .turnover {
-webkit-animation:	down_color_change 0.7s alternate;
-moz-animation: 	down_color_change 0.7s alternate;
-ms-animation: 		down_color_change 0.7s alternate;
-o-animation: 		down_color_change 0.7s alternate;
animation:			down_color_change 0.7s alternate;	
}



@-webkit-keyframes colorchange {
	0%  { color: #ffffff; }
	25% { color: #FFFF00; }
	50% { color: #ffffff; }
	100%{ color: #FFFF00; }
	}
	

@-webkit-keyframes up_color_change {
0% { color: #008000;}
50% { color: #ffd200; }
100% { color: #008000;}
}
@-moz-keyframes up_color_change {
0% { color: #008000;}
50% { color: #ffd200; }
100% { color: #008000;}
}
@-ms-keyframes up_color_change {
0% { color: #008000;}
50% { color: #ffd200; }
100% { color: #008000;}
}
@-o-keyframes up_color_change {
0% { color: #008000;}
50% { color: #ffd200; }
100% { color: #008000;}
}
@keyframes up_color_change {
0% { color: #008000;}
50% { color: #ffd200; }
100% { color: #008000;}
}


@-webkit-keyframes down_color_change {
0% { color: #FF0000;}
50% { color: #ffd200; }
100% { color: #FF0000;}
}
@-moz-keyframes down_color_change {
0% { color: #FF0000;}
50% { color: #ffd200; }
100% { color: #FF0000;}
}
@-ms-keyframes down_color_change {
0% { color: #FF0000;}
50% { color: #ffd200; }
100% { color: #FF0000;}
}
@-o-keyframes down_color_change {
0% { color: #FF0000;}
50% { color: #ffd200; }
100% { color: #FF0000;}
}
@keyframes down_color_change {
0% { color: #FF0000;}
50% { color: #ffd200; }
100% { color: #FF0000;}
}


#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:30px;
	position:relative;
}
#finBox div.quote div {
	float:left;
	margin-right:5px;
}
#finBox div.quote div:last-child {
	margin-right:0px;
}
#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 .lastUpdate {
	float:right;
	color:#919191;
}
#finBox .info {
	border-bottom: solid 1px #DDD;
	margin-bottom: 5px;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	/* padding-bottom: 3px; */
	/* width: 100%; */
	width: 245px;
	float:left;

}
#finBox-symbol {
	position:absolute;
	top:15px;
	left:80px;
	width:80px;
}
#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.up .highlight{
	color:#ffba41;
}

#finBox.down .highlight{
	color:#ffba41;
}
#finBox .info{
	color:#222;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align:right;
}
::-moz-placeholder { /* Firefox 19+ */
text-align:right;
}
:-ms-input-placeholder { /* IE 10+ */
text-align:right;
}
:-moz-placeholder { /* Firefox 18- */
text-align:right;
}



#login__box {
	text-align : center;
	padding: 40px 0px 100px 0px;
	min-height: 600px;
}
#login__box div.title {
	font-size:24px;
	margin: 30px 0px;
}
#login__box div div.label{
	width:130px;
	color:#000;
	display: inline-block;
	text-align:right;
	font-size: 18px;
	font-weight: normal;
}
#login__box div.email div.label img {
	height: 16px;
	margin-right: 5px;
	vertical-align: baseline;
}
#login__box div.password div.label img {
height: 26px;
	margin-right: 5px;
	vertical-align: text-bottom;
}
#login__box div.email,#login__box div.password ,#login__box div.submit ,#login__box div.forgetPassword, #login__box div.facebook__register , #login__box div.massage {
margin: 30px 0px;
}
#login__box div input {
	height: 32px;
	font-size: 16px;
	padding-left: 7px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #ddd;
	width:360px;
}

#login__box div.submit_button {
	background-color:#ff9933;
	color:#fff;
	width:360px;
	border-radius:8px;
	padding:5px;
	margin:2px;
	font-size: 18px;
		width: 360px;
	display: inline-block;
	cursor:pointer;

}
#login__box div.submit_button img{
	width: 10px;
	}

#login__box div.forgetPassword {

	font-size:16px;
}
#login__box div.forgetPassword  .forgetPassword_button{
width: 360px;
	display: inline-block;
	cursor:pointer;
		text-decoration: underline;
}
#login__box div.facebook__register  .facebook{
width: 160px;
	display: inline-block;
}
	#login__box div.facebook__register .register{
width: 160px;
	display: inline-block;
}
#login__box div.facebook__register .split {
	width: 40px;
	display: inline-block;
	font-size: 20px;
	padding: 3px;
	vertical-align: top;
color: #999;
}
#login__box div.facebook__register  .facebook .facebook_button {
	width: 90px;
	background-color: #4267b2;
	border-radius: 4px;
	padding: 6px;
	color: #fff;
	float: right;
	font-size: 18px;
	cursor:pointer;
}


#login__box div.facebook__register  .facebook .facebook_button img{
	width: 12px;
	margin-right: 8px;
	vertical-align: sub;
}

	#login__box div.facebook__register  .facebook .facebook_button .split {
			width: 3px;
			margin-right:8px;
			padding:0px;
			font-size: 16px;
			color:#11213C;
	}
	
	#login__box div.facebook__register  .register .register_button {
	width:90px;
	background-color:#ff9933;
	border-radius:4px;
	padding: 6px;
	color:#fff;
	float: left;
	font-size: 18px;
	cursor:pointer;
}
#login__box div .t_and_c_CheckBox input {
	height: 20px;
}
#login__box div .t_and_c_CheckBox label {
	font-size: 16px;
	font-weight: normal;
	}
	
	#login__box div .t_and_c_CheckBox .t_and_c_CheckBox_accept {
		text-align: left;
	display: inline-block;
	width: 360px;
	font-size: 16px;
	}
	
	#login__box div .t_and_c_CheckBox .t_and_c_CheckBox_accept input {
			text-align: left;
	width: 20px;
	vertical-align: bottom;
	margin-right: 5px;
	}
	

#login__box div.massage span.massage {
	width: 360px;
	text-align: left;
	display: inline-block;
	font-size: 16px;
}


#login__box div.confirm_message {
font-size:24px;
color:#ff9933;
padding:20px 0px 40px 0px;
}
#login__box div.message {
font-size:18px;

}

#login__box div.submit {
width: 100%;
	margin: 0 auto;
		margin-top: 100px;
}

#login__box div.submit div.resend_button {
	width: 150px;
	background-color: #ff9933;
	border-radius: 4px;
	padding: 6px;
	color: #fff;
	/* float: left; */
	font-size: 18px;
	cursor: pointer;
    pointer-events: auto;
	display: inline-block;
		margin: 10px;
}

#login__box div.submit div.ok_button {
	width: 90px;
	background-color: #ff9933;
	border-radius: 4px;
	padding: 6px;
	color: #fff;
	/* float: left; */
	font-size: 18px;
	cursor: pointer;
    pointer-events: auto;
	display: inline-block;
	margin: 10px;
}

.schedule__container {
	font-size:  1.2em;
	text-align: left;
}
.schedule__container .header {
	height: 40px;
	background-color: #980815;
}
.schedule__container .header .left {
	width: 100px;
	padding: 10px;
	float: left;
}
.schedule__container .header .left img {
	width:100%;
}
.schedule__container .header .right {
	color:#fff;
	float:right;
		padding: 5px;
}
.schedule__container .header .right .glyphicon {
border-radius: 50%;
	border: 2px solid #fff;
	padding: 4px;
	margin: 2px;
		padding-left: 5px;
	padding-right: 3px;
}
.schedule__container .schedule__content {
	color:#fff;
}
.schedule__container .schedule__content .match__item {
	background-color:#1c1b46;
	margin: 2px 0px;
	padding: 5px;
	color:#ccccff;
}

.schedule__container .schedule__content .match__item.playing , 
.schedule__full__container .schedule__content .match__item__full.clearfix.playing {

	background-color:#666699;
	color:#fff;
	
	
}

.schedule__full__container .schedule__content .match__item__full.clearfix.playing .date {
	color: #fff;
    background-color: #660000;
}

.schedule__full__container .schedule__content .match__item__full.clearfix.playing div {

	background-color:#666699;
	color:#fff;
}

.schedule__container .schedule__content .match__item:after {
	content:  '';
	clear: both;
	display: table;
}
.schedule__container .schedule__content .match__item .left {
	width: 90px;
	float: left;
}

.schedule__container .schedule__content .match__item .right {
	width: 200px;
	float: left;
}


/* width */
.schedule__content::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.schedule__content::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
.schedule__content::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
.schedule__content::-webkit-scrollbar-thumb:hover {
	background: #555; 
}


.schedule__full__container {
	margin: 0 auto;
	width: 1000px;
	padding: 20px;
	background-color: #0f0e3e;
	position: absolute;
	top: 100px;
	height: 500px;
	z-index: 100;
	display:none;
	
}
.schedule__full__container .header {
	height: 40px;
}

.schedule__full__container .header .left {
	width: 114px;
	padding: 4px;
	float: left;
}
.schedule__full__container .header .left img {
	width:100%;
}

.schedule__full__container .header .right {
	color:#fff;
	float:right;
	padding: 0px;
}

.schedule__full__container .header .right .glyphicon {
	border-radius: 50%;
	border: 2px solid #fff;
	padding: 6px;
	margin: 3px;
	padding-left: 5px;
	padding-right: 0px;
	width: 30px;
	height: 30px;
	font-size:16px;
}
.schedule__full__container .schedule__content {
	height: 430px;
	overflow: hidden;
	overflow-y: scroll;
}
.schedule__full__container .schedule__content .match__item__full {

	margin: 2px 0px;
	padding: 0px;
	height: 40px;
	color:#ccccff;
}
.schedule__full__container .schedule__content .match__item__full div {
	float:left;
	height: 40px;
	font-size: 16px;
	padding: 9px;
	background-color: #1c1b46;
	text-align:center;
}

.schedule__full__container .schedule__content .match__item__full .date {
	width: 15%;
	color:#fff;
	background-color:#660000;
}
.schedule__full__container .schedule__content .match__item__full .time {
	width:10%;
}
.schedule__full__container .schedule__content .match__item__full .type {
	width: 25%;
}
.schedule__full__container .schedule__content .match__item__full .match_item {
	/* width:25%; */
	width: 40%;
	text-align: start;
}
.schedule__full__container .schedule__content .match__item__full .match_name {
	width:25%;
}
.schedule__full__container .schedule__content .match__item__full .btn_cont {
	width:10%;
	padding: 6px;
}
.schedule__full__container .schedule__content .match__item__full .btn_cont > *{
	margin: 0px;
}
.schedule__full__container .schedule__content .match__item__full .btn_cont .OddsButton{
	display: inline-block;
	margin-left: 5px;
	width: auto;
	float: right;
	height: 100%;
}
.schedule__full__container .schedule__content .match__item__full .btn_cont .OddsButton img {
	height: 100%
}
.schedule__full__container .schedule__content .match__item__full .islive img{
	/* width:10%; */
	height: 100%;
	display:  none;
}

.schedule__full__container .schedule__content .match__item__full.clearfix.playing .islive img{
	display: inline-block;
	height: 100%;
    float: right;
}

.schedule__full__container .schedule__content .sub-header {
    width: 100%;
    height: 40px;
    padding: 9px;
    text-align: center;
    font-size: 16px;
    background-color: #111;
    margin: 2px 0px;
}

.schedule__content .live_icon.mobile {
	display:  none;
}


#player_html5_paid {
	width: 680px;
	height: 383px;
	left: 0px;
	top: 0px;
}

#player_html5_paid .inner {
	width: 100%;
	height: 100%;
	position: relative;
}

/* liScroll styles */
/* liScroll styles */


/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1025px) {

.navbar {
	display:none;
}

}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 769px)  {

.navbar {
		display:none;
}


}

/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
 
/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 768px
*/

@media (max-width: 768px) {

	ad.ad__large {
		display:none;
	}

	ad.ad__super {
		display:none;
	}
	ad.ad__large.mobile {
		display:block;
	}
	
	.content__top .content__top__right ad.ad__large {
		margin: 20px auto 0px auto;
	}

	body[subsection=''] .content__top {
		background:transparent;

	}
	header {
		background-color: #fff;
		top: 45px;
		z-index: 20;
		height: 50px;
		width: 100%;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
}

header .header__container__center .logo {
	display:none;
}
header .header__container__center{
		width: max-content;
		width: -moz-max-content;
		width: -webkit-max-content;
		width: -o-max-content;
		width: 100%;
	}
	
	header .header__container__center .right{
		display:none;
	}
	
header .header__container__center .menu__item__container .menu__item {
	margin: 10px 10px;
}

.header__text .nicam{
		padding-right: 4px;
	}

	.content__top__banner {
		display:none;
	}
	.content__top {
		margin-top: calc(100px + 55vw);
	}
	.content__top._noPlayer{
		margin-top: 90px;
	}
	.content__top._noPlayer .content__container__center{
		display: none;
	}
	.content__container__center {
		width:100%;
		padding: 0;
	}
	.content__top .content__top__left , .content__top .content__top__right {
			float: inherit;
			text-align:center;
	}
	
	.content__top .ad__google {
		display:none;
	}
	.content__top .content__top__left .video__container {
		width:100%;
		position:fixed;
		z-index:10;
		top: 95px;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 75%);
	}

	._nation_ontv[page="live"] .content__top .content__top__left .video__container {
		width:100%;
		position:inherit;
		z-index:10;
		top: 95px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

	}
	.content__top .content__top__left .VoDPlayer__cont  {
		width:100%;

	}
	.content__top .content__top__left .h5PlayerCtn.h5FullScreen{
		top: 0;
	}
	
	body[page="subsection"] .header__container .header__text, body[page="keyword"] .header__container .header__text  {
		padding-left: 5px;
	}
	.content__top .content__top__left .videoItem {
		width:100%;
		height:auto;
	}
	.content_bottom{
		padding-bottom: 10px;
	}
	.video__list_container {
		width:100% !important;
		left: 0px !important;
		margin-top: 0px;
	}
	
	.video__list_container .page {
		width:100%;
	}
	
	.paging__container {
		width: 100%;
		max-height: none;
		
	}
	
	.paging__container .paging__slide {
		display:none;
	}
	.video__latest__container .videoItem {
		width:100%;
		height:auto;
		font-size: 5vw;
	}
	.video__latest__container .videoItem .datetime {
		font-size: 16px;
		line-height: 25px;
		padding-top: 3px;
	}
	
	
	.videoItem {
		width: 49%;
		margin: 0px;
		height: 55vw;
		font-size: 5vw;
		margin-bottom: 10px;
		padding: 0px;
		background-color: transparent;
		border: none;
	}
	
	.videoItem .info {
		padding: 5px;
		padding-top: 4px;
	}
	
	.videoItem  .datetime {
		font-size: 16px;
		padding: 0px;
		line-height: 20px;
		padding-top: 7px;
	}
	
	.videoItem .thumbnail {
		height: 23vw;
	}

	.videoItem:nth-child(2n + 1) {
		float: left;
	}
	.videoItem:nth-child(2n + 2) {
		float: right;
	}
	
	body[page="subsection"] .videoItem.playing /*,  body[page="subsection"]  .videoItem:hover*/{ 
		/* border:2px solid transparent;
		border-bottom: 2px solid #ccc;	 */
	}
	body[page="subsection"] .videoItem.playing .title{
		color:#ff6600;
	}

	body[section="20180006"] .videoItem.playing .title {
		color: #d72e43;
	}
	/* body[section="20180006"] .content__container .videoItem {
		background-color: #1c1b46;
	} */

	body[page="subsection"]:not([section="20180006"]) .videoItem.playing, body[page="keyword"]:not([section="20180006"]) .videoItem.playing { 
		display: none;
	}
	
	body[page="subsection"] .videoItem, body[page="keyword"] .videoItem {
		width: 100%;
		min-height: 22vw;
		height: auto;
		background-color: #FFF;
		border-bottom: 2px solid #ccc;
		margin-bottom: 0px;
		padding: 3px;
		display: inline-flex;
	}

	body[page="subsection"] .videoItem .info, body[page="keyword"] .videoItem .info {
		float: left;
		width: calc(100% - 36% - 2vw);
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}

	body[page="subsection"] .videoItem .datetime, body[page="keyword"] .videoItem .datetime {
		padding-top: 0px;
	}

	body[page="subsection"] .videoItem .thumbnail, body[page="keyword"] .videoItem .thumbnail{
		width: 36%;
		float: left;
		align-self: center;
		margin-right: 2vw;
		height: auto;
		max-height: calc(22vw - 12px);
	}
	.content__container{
		/* padding-bottom: 10px; */
		min-height: calc(100vh - 67px);
	}
	.video__latest__container .videoItem .thumbnail {
		height: 56vw;
	}

	.video__subSection__container .header__container {
		margin: 10px 0;
	}
	.video__subSection__container {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left:6px !important;
		padding-right:6px !important;
	}

	.video__subSection__container .videoItem:first-child {
		margin: 0px 0px 0px 0px;
	}
	.video__subSection__container .videoItem:last-child {
		margin: 0px 0px 0px 0px;
	}

	.video__subSection__container{
		padding: 7px 0;
		overflow: hidden;
		width:100%;
	}
	.video__subSection__container .videoItem {
		height: auto;
		padding-bottom: 1000px;
		margin-bottom: -1000px !important;
		/* overflow: hidden; */
	}
	
	body[section="20180006"] .content__container .videoItem {
		background-color: transparent;
	}
	body[section="20180006"] .content__container .video__latest__container .videoItem{
		border-bottom: 2px solid #434272;
	}
	body[section="20180006"] .content__container .video__subSection__container{
		border-bottom: 2px solid #434272;
	}
	body[section="20180006"] .content__container .video__subSection__container:last-child {
		border-bottom: none;
	}
	body[section="20180006"] .content__container .video__subSection__container .videoItem{
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		height: auto;
	}
	#login__box .content__container__center {
		margin-top : 0px;
	}
	#login__box .content__container__center .title .label,
	#login__box .content__container__center .submit .label,
	#login__box .content__container__center .forgetPassword .label,
	#login__box .content__container__center .facebook__register .label {
		display:none;
	}
	
	#login__box div.submit_button {
		width:94%;
	}
	#login__box .content__container__center .email .label ,#login__box .content__container__center .password .label {
		float:left;
		text-align:left;
	}
	#login__box div.facebook__register .facebook, #login__box div.facebook__register .register {
		width: 38%;
	}
	#login__box div.facebook__register .split {
		width: 20%;
	}
	
	#login__box .content__container__center input, #login__box div.forgetPassword .forgetPassword_button {
		width:94%;
	}
	.schedule__container {
		font-size: 1.3em;
	}
	.schedule__container .schedule__content .match__item{
		margin: 0;
	}
	.schedule__full__container {
		width: 100%;
		position: fixed;
		height: calc(100vh - ((50vw * 0.1768) + 95px));
		overflow: scroll;
		padding: 0px;
		background-color: #1c1b46;
		top: calc((50vw * 0.1768) + 95px);
	}
	.schedule__full__container > .header{
		width: 100%;
		position: fixed;
		background-color: #980815
	}
	.schedule__full__container .schedule__content {
		padding-top: 40px;
		height: auto;
		overflow: auto;
		overflow-y: auto;
	}

	
	.schedule__full__container .schedule__content .match__item__full {
		background: #1c1b46;
		width: 100%;
			display: table;
		height:auto;
		margin:0px;
		padding:0px;
			border-bottom: 2px solid #02010a;
	}

	.schedule__full__container .header .left{
		height: 40px;
		padding: 10px;
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
	}
	.schedule__full__container .header .left img {
		height: 100%;
		width: auto;
	}

	.schedule__full__container .schedule__content .match__item__full .date {
		width:100%;
		display:none;
		text-align: left;
	}
	.schedule__full__container .schedule__content .match__item__full .date.header {
		display:block;
	}
	.schedule__full__container .schedule__content .match__item__full .time {
		width:auto;
	}
	.schedule__full__container .schedule__content .match__item__full .type {
		width:auto;
	}
	.schedule__full__container .schedule__content .match__item__full .match_item {
		width:auto;
	}
	.schedule__full__container .schedule__content .match__item__full .match_name {
		width:auto;
	}
	.schedule__full__container .schedule__content .match__item__full .islive {
		width:auto;
	}

	.schedule__full__container .schedule__content .match__item__full.clearfix.playing .islive {
		float:right;
		margin-right:5px;

	}
	.schedule__full__container .schedule__content .match__item__full.clearfix.playing .islive img{
		    width: 25px;
	}

	.schedule__full__container .schedule__content .match__item__full .btn_cont .OddsButton {
		margin-left:0px;
		margin-right:5px;
	}


	footer .footer__container__center {
		padding: 14px 10px;
	}

	.h5VideoTitle {
		text-align: left;
		font-weight: bold;
		font-size: 20px !important;
		padding: 5px 10px !important;
	}
}

@media (max-width: 321px) {
	.videoItem {
		line-height: 6.5vw;
	}
}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/



/* Live Menu */

.menu .up, .menu .down{
	width: 100%;
	height: 100%;
	text-align: center;	
}

.menu .up::before{
	content: "\e260";
}
.menu .down::before{
	content: "\e259";
}


.live_menu{
	display: none;
	z-index: 120;
	position: fixed;
	top: 80px;
	padding: 20px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
}

.live_menu .channelImage {
		width: 100px;
	display: inline-block;
		margin: 5px;

}

.live_menu .live {
display:block;
}

.live_menu .live.event > div {
	display: inline-block;
}

.live_menu .live.event {
	display: flex;
	align-items: center;
	font-size: 1.5em;
	touch-action: manipulation;
	cursor: pointer;
	
    pointer-events: auto;
	padding:5px;
	border:1px solid #fff;
	border-radius: 10px;
	margin:15px 0px;
}

.live_menu .channelImage img {
	width:100%;
}
.live_menu.display{
	display: block;
}

.menu__item.live{
	display: none;
}

.live__item__container .menu__item.live{
	height: 55px;
	float: left;
    margin: 15px 8px;
    color: #999;
    font-weight: bold;
	cursor: pointer;
	
    pointer-events: auto;
}

.LiveON .menu__item.live{
	display: inline-flex;
}


header .header__container__center .live__item__container {
	float: left;
}
.siteCTN .menu__item.live{
	height: 45px;
}
.menu__item.live img{
	height: 100%;
}
header .mask{
	display: none;
}

@media (max-width: 768px){
	.live__item__container .menu__item.live {
		display: none;
	}
	header .header__container__center .menu__item__container {
		/* padding: 0 10px; */
	}
	header{
		overflow-x: scroll;
		-webkit-overflow-scrolling: auto;
	}
	header .mask{
		
		/* background: url(../img/menubar_right.png) right -1px center no-repeat, url(../img/menubar_left.png) left -1px center no-repeat;
		background-size: auto 100%; */
		/* height: 100%;
		width: 100%;
		pointer-events: none;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 60; */
		display: block;
		height: 44px;
		width: 100%;
		pointer-events: none;
		position: -webkit-fixed;
		position: fixed;
		top: 47px;
		left: 0;
		right: 0;
		z-index: 20;
	}
	header .mask img {
		/* height: 100%; */
		height: 40%;
		margin: 13px 0;
	}
	header .mask img.left{
		float: left;
	}
	header .mask img.right{
		float: right;
	}
	.live_menu{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10000;
	}
	.live_menu .live.up {
		display: block;
		position: fixed;
		height: 40px;
		width: 40px;
		top: 8px;
		right: 5px;
	}
	.live_menu .live.up::before {
		background-image: url(../img/BT_close.png);
		background-size: 40px;
		background-repeat: no-repeat;
		display: inline-block;
		width: 40px;
		height: 40px;
		content: "";
	}
	.live_menu .itemCTN {
		display: inline-flex;
		flex-direction: column;
		padding: 10px;
		background-color: rgba(0,0,0,0.9);
		border-radius: 5px;
		margin: 0;
		position: absolute;
		min-width: 90vw;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		white-space: nowrap;
	}
	.live_menu .itemCTN:before {
		content: '直播頻道';
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
	}
	.live_menu .live.event {
		font-size: 1.4em;
		padding: 7px;
		border: #999999 solid 1px;
		border-radius: 5px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.live_menu .live.event:nth-last-of-type(2) {
		/* margin-bottom: 10px; */
	}
	.live_menu .channelImage {
		width: 30%;
	}
	.live_menu .text {
		width: 70%;
		white-space: normal;
		overflow: auto;
	}

	
	#player_html5_paid {
		padding-bottom: 56.25%;
		position: relative;
		width: 100%;
		height: 0;
	}

	#player_html5_paid .inner {

		    width: 100%;
			height: 100%;
			position: absolute;
	}
}

@media (min-width: 1000px){
	.Stacking {
		width: 1000px;
		margin: auto;
	}
}
/* SiteCTN */
._nation_ontv .siteCTN .site .title {
    width: 100%;
}
.site .item__container {
	display: inline-flex;
}

/* marquee */
.LiveON .site .item__container {
    position: absolute;
    left: 62px;
    right: 0;
}
.site .title .tickercontainer{
	height: 45px;
    /* width: calc(100% - 8px); */
    /* margin-left: 10px; */
    /* margin-right: -40px; */
    overflow: hidden;
    position: absolute;
    width: auto;
    /* padding: 0 10px; */
    left: 65px;
    right: 5px;
    background: transparent;
	
}
ul.newsticker.marqueesticker li {
	color: #de3118;
}
.site .title .tickercontainer,.site .title .tickercontainer .mask{
	height: calc(100% - 1px);
    top: 0;
    margin-top: 1px;
}
/* @media (min-width: 375px){
	.site .title .tickercontainer {
		margin-right: -60px;
		width: 210px;
	}
}
@media (min-width: 425px){
	.site .title .tickercontainer {
		margin-right: -60px;
		width: 260px;
	}
} */



/* .title.marquee {
	height: 50px;
	margin-left: 10px;
	margin-right: -40px;
	overflow: hidden;
	position: relative;
	width: 160px;
}

@media (min-width: 375px){
	.title.marquee {
		margin-right: -60px;
		width: 210px;
	}
}
@media (min-width: 425px){
	.title.marquee {
		margin-right: -60px;
		width: 260px;
	}
} */

/* player */

.h5Nicam.h5Nicam .h5Cell > div.on {
	background-color: #ff9933;
}
.h5ItvcContainer video {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
	
/* menu margin */
	._desktop header .header__container__center .menu__item__container .menu__item{
		margin-left: 60px ;
	}
	._desktop header .header__container__center .menu__item__container .menu__item:first-of-type{
		margin-left: 188px ;
	}
	._desktop.LiveON header .header__container__center .menu__item__container .menu__item:first-of-type {
		margin-left: 85px ;
	}
	.menu__item__contant {
		display: inline-flex;
		align-items: center;
		z-index: 2;
	}

	.menu__item .icon {
		margin-right: 0;
    	display: inline-block;
	}
	.menu__item .info {
    	display: inline-block;
	}
	.menu__item .icon img{
		width: auto;
		height: 25px;
		display: none;
	}
	._desktop .menu__item.on .icon .desktop.on, ._mobile .menu__item.on .icon .mobile.on,
	._desktop .menu__item:hover .icon .desktop.on, ._mobile .menu__item:hover .icon .mobile.on,
	._desktop .menu__item:not( .on ):not(:hover)  .icon .desktop.off, ._mobile .menu__item:not( .on ):not(:hover) .icon .mobile.off{
		display: block;
	}
	.menu_dot.onoff_obj {
		display: inline-block;
			margin: 0 5px;
		margin-bottom: 4px;
	
	}

	.menu__item .onoff_obj img{
		display: none;
	}
	/* .menu__item.on .onoff_obj .on,	.menu__item:hover .onoff_obj .on,	.menu__item:not( .on ):not(:hover)  .onoff_obj .desktop.off, */
	._desktop .menu__item.on .onoff_obj .desktop.on, ._mobile .menu__item.on .onoff_obj .mobile.on,
	._desktop .menu__item:hover .onoff_obj .desktop.on, ._mobile .menu__item:hover .onoff_obj .mobile.on,
	._desktop .menu__item:not( .on ):not(:hover)  .onoff_obj .desktop.off, ._mobile .menu__item:not( .on ):not(:hover) .onoff_obj .mobile.off{
		display: block;
	}

.menu__item .name{
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-left: 5px;
}

._mobile header .header__container__center .live__item__container {
	display: none;
}
._mobile header .header__container__center{
	width: 100%;
}
._mobile header .header__container__center .menu__item__container {
    /* padding: 0 10px; */
    width: max-content;
    /* display: inline-flex; */
    align-items: center;
    height: 46px;
    /* background-color: #ff9933; */
    font-size: 18px;
    overflow: auto;
    white-space: nowrap;
}

._mobile header .header__container__center .menu__item__container .menu__item {
    margin: 0;
    height: 100%;
	display: inline-flex;
	padding: 0 10px;
    justify-content: center;
    /* border-bottom-right-radius: 1em; */
    /* border-bottom-left-radius: 1em; */
}

._mobile header .header__container__center .menu__item__container .menu__item:not(.on) {
	background-color: #fff;
}
._mobile header .header__container__center .menu__item__container .menu__item.on{
	color: #fff;
	background-color: #ff9933;
	/* border-bottom-left-radius: 1em; */
}

._mobile .menu_dot.onoff_obj img {
    width: 5px;
}

._mobile header .header__container__center .menu__item__container .menu__item .hover{
	display: none;
}

._mobile header .header__container__center .menu__item__container .menu__item:first-of-type{
	border-bottom-left-radius: 0;
}
._mobile header .header__container__center .menu__item__container .menu__item:last-of-type{
	border-bottom-right-radius: 0;
}

/* VIP config */

._VIP .h5PlayerCtn.h5FullScreen .h5VideoTitle, ._VIP .h5PlayerCtn.h5FullScreen .h5ControlsBar{
	will-change: opacity;
    opacity: 0 !important;
}

/* screensaver config */

body._screensaver .menu__item__container{
	display: none;
}

body._screensaver .content__title{
	display: none;
}

/* tv_live_24hr */
/* 
.tv_live_24hr .h5LoadingLayer:after,.tv_live_24hr .h5LoadingLayer .h5AbsLayer {
	display: none;
} */


.sectionName_dot {
    margin: 0 5px;
}

.sectionName_dot .dot {
    margin-bottom: 3px;
}

/* login fix */
	
._desktop header .header__container__center .menu__item__container .menu__item {
	margin-left: 50px;
}
._desktop header .header__container__center .menu__item__container .menu__item:first-of-type{
	margin-left: 100px ;
}

._desktop.LiveON header .header__container__center .menu__item__container .menu__item:first-of-type {
    margin-left: 65px;
}


/* hitCount */

.videoItem .hitCount {
	display: none;
}

body:not([section="20180006"]) .videoItem .datetime {
    display: none;
}
body:not([section="20180006"]) .videoItem .hitCount {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #666;
	padding: 4px 0px 4px 0px;
	/* width: fit-content; */
	/* float: right; */
}

._mobile body:not([section="20180006"]) .videoItem .hitCount{
    padding-top: 0;
}

/* section Icon */
.videoItem.hasSectionIcon .sectionIcon {
    width: 42px;
    margin-top: 21px;
    margin-right: 0px;
    float: left;
}

.videoItem.hasSectionIcon .sectionIcon img {
	width: 100%;
}

.videoItem.hasSectionIcon .info {
    float: right;
    width: 190px;
}

._mobile .videoItem.hasSectionIcon .sectionIcon {
    width: 13.9%;
    margin-left: 5px;
    margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
    float: left;
}

._mobile .videoItem.hasSectionIcon .info {
    float: right;
	width: 84%;
	min-height: calc( 13.9vw + 30px );
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
body._mobile:not([section="20180006"]) .videoItem .hitCount{
	padding: 0;
}
.header__container.hasSectionIcon .header__text span.maker {
	display: inline-block;
    height: 60px;
    width: auto;
    background-color: transparent;
	vertical-align: middle;
	padding-right: 8px;
}

.header__container.hasSectionIcon .header__text span.maker img {
    height: 100%;
}

._mobile .header__container.hasSectionIcon .header__text span.maker {
	height: 52px;
}



._mobile .content__top .video__latest__container{
	margin-top: 0;
    display: block;
}


/* video__AdditionalContent */


.video__Additional__Content {
    padding: 8px 0;
}
body[section="20180006"] .video__Additional__Content {
	display:none;
}
.video__Additional__sub__Content > .emoji{
	margin-top: 20px;
}

.video__Additional__Content .videoInfo .title {
    font-size: 26px;
    width: 100%;
	font-weight: 600;
	text-align: left;
}

.video__Additional__Content .videoInfo * {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.video__Additional__Content .videoInfo .hitCount {
	text-align: right;
	float: right;
}
._desktop .video__Additional__Content .videoInfo .hitCount {
	max-width: 20%;
	font-size: 17px;
    margin-top: 3px;
}
.video__Additional__Content .keywords {
	font-size: 18px;
	font-weight: 700;
}


._desktop .video__Additional__Content .keywords {
	padding-top: 20px;
	border-top: 0.5px #ddd solid;
}

.video__Additional__Content .keywords > *, .video__Additional__Content .keywords .keywordItem {
    display: inline-block;
}

.video__Additional__Content .keywords .arrow {
  background-color: #f1f1f1;
  padding-left: 10px;
  padding-right: 5px;
  height: 30px;
  line-height: 30px;
  position: relative;
  margin-right: 40px;
}
.video__Additional__Content .keywords .keywordItem > * {
    display: inline-block;
    vertical-align: middle;
}
.video__Additional__Content .keywords .arrow:after {
  color: #f1f1f1;
  border-left: 15px solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  display: inline-block;
  content: '';
  position: absolute;
  right: -15px;
  top:0;
}

.video__Additional__Content .keywords .keywordItem {
	margin-right: 40px;
	cursor: pointer;
	pointer-events: auto;
  }


  .video__Additional__Content .keywords .keywordItem .icon {
    display: inline-block;
    background-image: url(/img/icon_keyword.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    height: 16px;
    width: 16px;
  }


  .video__Additional__Content .Emoji-list .Emoji-Item {
	  display: inline-block;
	  width: auto;
	  text-align: center;
	  font-weight: 600;
	  color: #666;
	  cursor: pointer;
	  pointer-events: auto;
	}

  .video__Additional__Content .Emoji-list .Emoji-Item > * {
	  margin-bottom: 10px;
  }
  
  .video__Additional__Content .Emoji-list .Emoji-Item .icon {
	  height: 50px;
  }
  
  .video__Additional__Content .Emoji-list .Emoji-Item .icon img {
	  height: 100%;
  }
  
  .video__Additional__Content .Emoji-list .Emoji-Item .description {
	  font-size: 20px;
  }
  
  .video__Additional__Content .Emoji-list .Emoji-Item .emojiCount .num {
		border: 1px solid #666;
		width: auto;
		padding: 3px 4px;
		border-radius: 5px;
		line-height: 12px;
		font-size: 12px;
  }

  .video__Additional__Content .Emoji-list .Emoji-Item.clicked .emojiCount .num {
		border: 1px solid #ff6600;
		color: #ff6600;
	}


	/* video_segments */

	.video__Additional__sub__Content {
		position: relative;
	}
	

	.video__Additional__Content:not(.had_video_segments) .video_segments{
		display: none !important;
	}

	.video__Additional__Content .video_segments_btn > *{
		height: 30px;
	}

	.video__Additional__Content .video_segments_btn .left {
		background-repeat: no-repeat;
		width: 23px;
		background-size: auto 100%;
		background-position-x: left;
	}

	.video__Additional__Content .video_segments_btn .center {
		background-repeat: repeat-x;
		width: auto;
		font-size: 1.4em;
		line-height: 28px;
		padding: 0 3px;
		color: #fff;
		background-size: 2000% 100%;
	}

	.video__Additional__Content .video_segments_btn .right {
		background-repeat: no-repeat;
		width: 23px;
		background-size: auto 100%;
		background-position-x: right;
	}
	.video_segments.video_segments_btn {
		position: absolute;
		top: 0;
		display: flex;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
		
		pointer-events: auto;
		/* z-index: 20; */
		/* font-size: 1.7em; */
		/* margin-bottom: 29px; */
	}
	
	.video_segments.video_segments_btn > div {
		/* display: inline-block; */
	}
	
	.video__Additional__Content {
		position: relative;
	}
	
	.video_segments.video_segments_list {
		position: absolute;
		z-index: 20;
		/* top: 13px; */
		background-color: #DDD;
		width: 100%;
		overflow: hidden;
		max-height: 0;
		font-size: 1.3em;
		line-height: 1.5em;
		font-weight: 600;
	}
	
	.video_segments_image img {
		width: 100%;
	}
	._desktop .video_segments_image {
		height: 73px;
		overflow: hidden;
	}
	._desktop .video_segments_title {
		min-height: 40px;
		max-height: 45px;
	}
	
	.video_segments_list_ctn {
		/* display: flex; */
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
		padding: 5px;
		padding-top: 0;
	}

	.video_segments.video_segments_list {
		max-height: 0;
		transition: max-height 0.15s ease-out;
	}
	
	.video_segments.video_segments_list.on {
		max-height: 680px;
		transition: max-height 0.25s ease-in;
	}
		
	.video_segments_list_ctn::-webkit-scrollbar {
		display: none;
	}
	
	.video_segments_item {
		width: 200px;
		flex: 0 0 calc(20% - 4px);
		margin-right: 5px;
	}

	.video_segments_item:nth-of-type(5n) {
		padding-right: 0;
	}
	
	.video_segments_item > div {
		margin-bottom: 5px;
	}
	
	._mobile .video_segments.video_segments_list {
		/* margin: 0 -5px; */
		position: fixed;
		left: 0;
		right: 0;
		top: calc(100px + 55vw);
		bottom: 0;
	}

	._mobile .video_segments.video_segments_list {
		/* margin: 0 -5px; */
		position: fixed;
		left: 0;
		right: 0;
		top: calc(100px + 55vw);
		bottom: 0;
	}

	body._mobile.video_segments_list_on {
		height: 0px;
		overflow: hidden;
	}

	._mobile .video_segments_item {
		display: flex;
		width: auto;
		flex: auto;
		margin-right: 0;
		padding: 5px;
		background-color: #fff;
		margin-bottom: 3px;
		align-items: center;
		height: 85px;
	}
	
	
	._mobile .video_segments_list_ctn {
		display: block;
		overflow: auto;
		height: 100%;
		padding: 0;
		padding-bottom: 50px;
	}
	
	._mobile .video_segments_image {
		width: 130px;
	}
	._mobile .video_segments_info {
		width: calc( 100% - 130px);
	}

	._mobile .video_segments_item > div {
		margin-bottom: 0;
		font-size: 1.3em;
		font-weight: 600;
		text-align: left;
		color: #666;
	}
	
	._mobile .video_segments_info {
		margin-left: 10px;
		padding: 4px;
		padding-bottom: 0px;
	}

	.video_segments_list .mobile_head {
		text-align: left;
		padding: 8px 4px;
		font-size: 1.2em;
		color: #444;
		/* display: none; */
	}
	._mobile .video_segments_list .mobile_head {
		display: block;
	}
	.video_segments_list .close{position: absolute;right: 0px;top: 0;padding: 0 5px;/* height: 100%; */}
	.video_segments_list .close::before {
		content: '×';
		/* color: #444; */
		font-size: 2em;
		font-weight: 300;
		font-family: Arial, sans-serif;
		line-height: 0.9em;
		display: block;
	}


	.video_segments_image{
		position:relative;
	}
	.video_segments_image::after {
		content: ' ';
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-image: url(https://hk.on.cc/img/v2/oncc_playicon.png);
		position: absolute;
		right: 5px;
		bottom: 5px;
		height: 32px;
		width: 32px;
	}
	.video_segments_item.on .video_segments_info{
		color: #ff6600;
	}
	.video_segments_item.on .video_segments_image::before {
		content: '播放中';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		opacity: 1;
		z-index: 2;
	}
	
	.video_segments_item.on .video_segments_image{
	  background-color: #000;
	}
	
	.video_segments_item.on .video_segments_image img{
	 opacity: 0.5;
	}

	/* .video_segments_list_controller{
		position: absolute;
		top: 0;
	} */
	.video__Additional__sub__Content {
		margin-top: 10px;
	}
	/* ._mobile .had_video_segments{
		padding-top: 8px;
	} */
	._mobile .video_segments_list_controller{
		display: none;
	}

	.video_segments_item:first-child{
		transition: margin-left 0.15s ease-out;
	}
	.video_segments_list_controller .page-btn{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: 37px;
		width: 25px;
		cursor: pointer;
		
		pointer-events: auto;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.video_segments_list_controller .page-btn.disable{
		display: none;
	}

	.video_segments_list_controller > #left{
		left: 0;
		background-image: url(/img/segments_left_off.png);
	}

	.video_segments_list_controller > #right{
		right: 0;
		background-image: url(/img/segments_right_off.png);
	}

	.video_segments_list_controller > #left:hover , .video_segments_list_controller > #left:active{
		background-image: url(/img/segments_left_on.png);
	}

	.video_segments_list_controller > #right:hover, .video_segments_list_controller > #right:active{
		background-image: url(/img/segments_right_on.png);
	}


@media (max-width: 768px){
	.video__Additional__Content {
		background-color: #fff;
		padding: 0;
	}
	
	.video__Additional__Content .videoInfo .hitCount {
		text-align: right;
		width: 100%;
		order: 1;
		font-size: 16px;
	}
	
	.video__Additional__Content > * {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.video__Additional__Content .videoInfo {
		display: flex;
		flex-direction: column;
		/* background-color: #c7c7c7; */
		padding-top: 5px;
		padding-bottom: 5px;
	}

	body[page="subsection"][section="20200101"] .video__Additional__Content .videoInfo {
		background-color: #e5fffd;
	}
	
	.video__Additional__Content .videoInfo .title {
		width: 100%;
		order: 2;
		font-size: 20px;
	}

	.video__Additional__Content > *:not(:first-child) {
		/* margin-top: 10px; */
		margin-bottom: 10px;
	}
	
	.video__Additional__Content .keywords {
		/* display: inline-flex; */
	}
	
	.video__Additional__Content .keywordItems {
		display: inline-flex;
		width: 72%;
		align-items: center;
		flex-wrap: wrap;
	}
	.video__Additional__Content .keywords .arrow {
		margin-right: 20px;
	}
	
	.video__Additional__Content .keywords .keywordItem {
		margin-right: auto;
		/* display: inline-flex; */
		align-items: center;
	}
	
	.video__Additional__Content .keywords .keywordItem .icon {
		/* display: inherit; */
	}
	.video__Additional__Content .Emoji-list {
		display: inline-flex;
		justify-content: space-around;
		width: 100%;
	}
	
	.video__Additional__Content .Emoji-list .Emoji-Item .description {
		font-size: 16px;
	}
	
	.video__Additional__Content .Emoji-list .Emoji-Item .icon {
		height: 35px;
	}
}
@media (max-width: 375px){
	.video__Additional__Content .keywords {
		font-size: 16px;
	}
}

#back-top {
    position: fixed;
    bottom: 10px;
    z-index: 9999;
    right: 10px;
}
#back-top img {
    width: 50px;
}


/* section color and font */

body[section="20180001"] .videoItem, body[page="keyword"] .videoItem {
    background-color: #c7c7c7;
}


body[section="20200101"] .videoItem{
    background-color: #e5fffd;
}
@media (max-width: 768px){

	body[page="subsection"] .videoItem.before_mobile_ad, body[page="keyword"] .videoItem.before_mobile_ad {
		border-bottom: none;
		margin-bottom: 10px;
	}

	body[page="subsection"][section="20180001"] .videoItem, body[page="subsection"][section="20200101"] .videoItem {
		background-color: transparent;
	}
	body[page="section"][section="20180001"] .paging__container, body[page="section"][section="20200101"] .paging__container {
		background-color: #e1e1e1;
	}
	body[page="subsection"][section="20180001"] .videoItem, body[page="keyword"] .videoItem {
		border-bottom: 2px solid #fff;
		background-color: #c7c7c7;
	}
	body[page="subsection"][section="20180001"] .content_bottom  {
		background-color: #f1f1f1;
	}

	body[page="subsection"][section="20200101"] .videoItem{
		border-bottom: 2px solid #e1e1e1;
		background-color: #e5fffd;
	}	
	body[page="subsection"][section="20200101"] .content_bottom  {
		background-color: #f1f1f1;
	}

	body[page="subsection"][section="20180001"] .header__container .header__text, body[page="subsection"][section="20200101"] .header__container .header__text {
		color: #000;
		/* background-color: #f1f1f1; */
	}
	body[page="subsection"] .header__container .header__text, body[page="subsection"] .header__container .header__text {
		color: #000;
		/* background-color: #f1f1f1; */
		padding: 6px 0;
	}
	
}

/* keyword page */
.header__text .keyword {
	margin-left: 10px;
}
/* No other video */
._keywordVideoNotfind {
	padding: 40px 0;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

._desktop ._keywordVideoNotfind{
	border-top: 0.5px #ddd solid;
	margin-top: 10px;
}

._mobile[page="keyword"] .header__container{
	background-color: #e1e1e1;
	padding: 5px 0;
}

._mobile .videoItem .info > div:first-child:not(.location) {
    display: block;
    opacity: 0;
}

#back-top img {
    width: 40px;
}



/* district */

.videoItem .info {
	position: relative;
}

.videoItem .location._tagBuilded {
    position: absolute;
    top: 3px;
}

._tagBuilded:not([themecolor='']):not([district='']) .district .left {
	background-repeat: no-repeat;
    width: 4px;
    background-size: cover;
    background-position-x: left;
}

._tagBuilded:not([themecolor='']):not([district='']) .district .center {
	background-repeat: repeat-x;
	width: auto;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	background-size: 200px 22px;
	background-position-x: -20px;
}

._tagBuilded:not([themecolor='']):not([district=''])  .district .right {
	background-repeat: no-repeat;
    width: 8px;
    background-size: cover;
    background-position-x: right;
}


 ._tagBuilded .district {
	/* float: initial; */
	height: 21px;
	/* display: inline-block;
	vertical-align: text-bottom; */
}

  ._tagBuilded .district .left ,  ._tagBuilded .district .center ,  ._tagBuilded .district .right  {
	float:left;
	height:26px;
	font-size: 18px;
	line-height: 26px;
}


._tagBuilded .district .left ,  ._tagBuilded .district .center ,  ._tagBuilded .district .right  {
	float:left;
	height: 22px;
	font-size: 18px;
	line-height: 26px;
}

/* ._tagBuilded[bgcolor='#ffffff']:not([themecolor='']):not([district='']) .district .left {
	background-repeat: no-repeat;
	width: 4px;
	background-size: auto 26px;
	background-position-x: -3px;
	background-position-y: center;
}

._tagBuilded[bgcolor='#ffffff']:not([themecolor='']):not([district='']) .district .center {
	background-repeat: repeat-x;
    width: auto;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    background-size: 120px 26px;
    background-position-x: -20px;
}

._tagBuilded[bgcolor='#ffffff']:not([themecolor='']):not([district='']) .district .right {
	background-repeat: no-repeat;
	width: 8px;
	background-size: auto 26px;
	background-position-x: -25px;
	background-position-y: center;
} */

._desktop .videoItem .info{
	padding-top: 5px;
}

._desktop .videoItem .location._tagBuilded{
	top: 8px;
}


._mobile .video__Additional__Content .videoInfo .location._tagBuilded {
    width: auto;
    align-self: flex-start;
}

._mobile .video__Additional__Content .videoInfo .location._tagBuilded + .hitCount {
    /* width: auto; */
    /* align-self: flex-end; */
    position: absolute;
    right: 8px;
	padding-top: 4px;
	height: fit-content;
    width: fit-content;
    /* top: 2px; */
}

._mobile .video__Additional__Content .videoInfo {
}

._mobile .videoItem .location._tagBuilded {
    top: auto;
    /* left: 4px; */
    align-self: auto;
    position: inherit;
    width: max-content;
    order: -2;
}

body._mobile .videoItem .hitCount {
    align-self: flex-end;
    width: max-content;
}

._mobile .videoItem .title {
	width: 100%;
}

._mobile .videoItem.hasSectionIcon .info {
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district .center{
    font-size: 17px;
    background-size: 200px 28px;
}

._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district {
    height: 28px;
}

._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district .left,
._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district .center, 
._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district .right {
    height: 28px;
    line-height: 28px;
    /* background-size: 200px 30px; */
}

._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district .right {
    width: 13px;
}

._desktop .video__Additional__Content ._tagBuilded:not([themecolor='']):not([district='']) .district .left {
    width: 6px;
}


/* imageMenuBtn */
.menu__item.imageMenuBtn .name {
    display: none;
}

.menu__item.imageMenuBtn .icon img {
    height: 35px;
}

._desktop header .header__container__center .menu__item__container .menu__item.imageMenuBtn {
    margin-top: 21px;
    margin-bottom: 13px;
}
._mobile .menu__item.imageMenuBtn .icon img {
    height: 26px;
}

/* NET世代 */
.menu__item[section="20200102"] .name {
    display: none;
}

.menu__item[section="20200102"] .icon img {
    height: 35px;
}

._desktop header .header__container__center .menu__item__container .menu__item[section="20200102"] {
    margin-top: 21px;
    margin-bottom: 13px;
}
._mobile .menu__item[section="20200102"] .icon img {
    height: 26px;
}

/* 繽FUN星網 */
.menu__item[section="20209001"] .name {
    display: none;
}

.menu__item[section="20209001"] .icon img {
    height: 28px;
    margin-top: 4px;
}

._desktop header .header__container__center .menu__item__container .menu__item[section="20209001"] {
    margin-top: 16px;
    margin-bottom: 13px;
}
._mobile .menu__item[section="20209001"] .icon img {
    height: 27px;
    margin-top: -10px;
}

/* nicam */
.videoItem[nicam="true"] .duration:before {
    content: " ";
    display: block;
    position: absolute;
    width: 50px;
    height: 35px;
    left: -55px;
    bottom: -5px;
    background-image: url(https://hk.on.cc/img/icon_bilingual_tc.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

._mobile .videoItem[nicam="true"] .duration:before {
    width: 50px;
    height: 35px;
    left: -54px;
    bottom: -7px;
}

._mobile[page="subsection"] .videoItem[nicam="true"] .duration:before{
	width: 39px;
	height: 25px;
	left: -43px;
	bottom: -3px;
}
/* ._mobile .videoItem[nicam="true"] .location:before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    align-self: start;
	background-image: url(https://hk.on.cc/img/icon_bilingual_tc.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
} */


/* mobile menu 3 item */
._mobile header .mask {
    display: none;
}

._mobile header .header__container__center .menu__item__container {
    width: 100%;
}

._mobile header .header__container__center .menu__item__container .menu__item {
    width: 33.33%;
}

/* videoItem href */
.videoItem {
    position: inherit;
}
.videoItem .videoItem_overlay_href{
	position: absolute;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
    z-index: 10;
} 