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

/* reset */
html, body, div, span, p, a, font, img, tt, dl, dt, dd, ol, ul, li, table, tr, td, input, select, textarea, h1 {
	margin:0px;
	padding:0px;
	border:0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
html,body {
	height:100%;
	width:100%;
	text-align:left;
	font-size:16px;
	-webkit-text-size-adjust:none;
	background-color:#FFFFFF;
	font-family: \5FAE\x8F6F\6B63\9ED1\4F53, "Microsoft Jhenghei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	line-height:18px;
	color:#222;
}
table {border-collapse:collapse;border-spacing:0;}
input, select, textarea{ padding: 0px 0px; border:0px;}
ul, li { list-style:none; }
p { text-align:justify; font-size:13px; }
a:link, a:visited{ color: #222; text-decoration:none; }
a:hover{ text-decoration: underline; }
a img{ border:0px; }
option, textarea{}
h3{ color: #666666;}
span{ color: #222;font-size: 15px; }
.clear { clear:both;}



/*rest end*/
#wrapper{
	width:100%;
}
#page {
	width: 1190px;
	background-color: #FFF;
	margin: 0 auto;
	position:relative;
	z-index:1;
	padding-top:5px;
}

#header_bar{
	width:100%;
	min-width:1007px;
	height: 30px;
	font-size:16px;
	background:#FF7500;
	position:fixed;
	top:0;
	z-index:99999999;
	box-shadow:0 0 0px 0px rgba(255,177,0,0);
	transition: box-shadow 1s;
}

#header_bar .bar_content { max-width: 1190px; margin:0 auto; width: 100%; }
#header_bar .header_logo { width:82px; height:22px; float:left; margin-top: 3px; display:none;}

.bar_right{
	text-align:right; /* Old browsers */
	max-width: 1190px;
	height: 30px;
}
.bar_right a img{
	position: static;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.bar_right a {
	  color: #fff;
	  vertical-align: middle;
}
.bar_right a span{
	color:#fff;
	font-size: 14px;
	padding: 1px 5px;
	height: 30px;  
	line-height: 22px !important;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.bar_right span{
	color:#fff;
	font-size: 17px;
	padding: 1px 5px;
	height: 30px;  
	line-height: 24px !important;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.bar_right .login_btn{
	padding: 1px 5px;
}
.bar_right .reg_btn{
	padding: 1px 5px;
}
.bar_right a span:hover{
	text-decoration:underline;
	cursor:pointer;
}
.member_icon{  
	width: 22px;
	height: 22px;
	display: inline-block;
	max-height: 25px;  
	position: static;  left: 0;  top: 0;  right: 0;  bottom: 0;  
	margin: 4px auto auto;
	cursor:pointer;
}
#top_function_gp{
	float:right;
	position:relative;
	max-width: 270px;
	height: 30px;
	/*width: 100px;*/
	display:block;
	margin-left: 10px;
}
#top_function_gp>div{
	float:left;
}
.top_btn{
	margin:  0px;
	width:30px;
	height: 29px;
	padding-top:
	/* background-image:url(../images/top_bar.png); */
	background-repeat:no-repeat;
	display:block;
	float: left;
	cursor: pointer;
}

.top_btn img{
	height: 50%;
	width: 50%;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
	margin: 7px auto;
	display: block;
}


.top_btn:hover{
	background-color:#FF6600;
}

/*search bar*/
#search{
	height: 30px;
	width: 195px;
	float:right;
	position:relative;
	margin-left: 5px;
}
#searchcontainer > div{
	position:absolute;
	width:60px;
	left:0px;
	top: 4px;
	height:30px;
	text-align:left;
}
#searchcontainer > div select{
	display:block;
	height: 20px;
	line-height: 19px;
	color:#666;
	text-decoration:none;
	font-size:12px;
	background-color:#FFF;
	margin-left: 10px;
	border:1px solid #999;
	border-right:0px;
	background-image: url(/images/search-arrow.png);
	background-position: 38px 7px;
	width: 50px;
	background-repeat:no-repeat;
	-webkit-appearance: none;       
    -moz-appearance: none;    
    appearance: none;
}
#searchcontainer > div  #currentsearchitem{
	line-height:20px;
	text-indent:5px;
}

#searchcontainer #srchtxt{
	position:absolute;
	left: 60px;
	top: 4px;
	height:20px;
	line-height:20px;
	border:1px solid #999;
	border-left:0px;
	padding:0px;
	margin:0px;
	width: 135px;
	-webkit-appearance: none;
    
	outline: none;
	border-radius: 0;
}
#search .submit{
	background-image:url(/images/r13/home/uwants-interface-element.png);
	background-position:-90px -30px;
	text-indent:-999px;
	width: 16px;
	height: 16px;
	position:absolute;
	top: 4px;
	left: 170px;
	padding:0px;
	border: none;
}
#search .submit:hover{
	background-position:-110px -30px;
}
/* stephen, 20150201 */
#searchcontainer > div a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    background-image: url("/images/r13/home/search-arrow.png");
    background-position: 38px 7px;
    background-repeat: no-repeat;
    /*border-color: #999 -moz-use-text-color #999 #999;*/
    border-color: #999 #999 #999;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    color: #666;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    text-decoration: none;
}
#search #searchbox_menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #999 #999;
    border-image: none;
    border-right: 1px solid #999;
    border-style: solid;
    border-width: 1px;
    color: #666;
    font-size: 12px;
    left: 10px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 50px;
}
#search #searchbox_menu ul li a {
    color: #666;
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    text-indent: 5px;
}
#search #searchbox_menu ul li a:hover {
    background-color: #eee;
}


.no-nav_menu_bar{
	padding-top: 45px !important;
}
.sub_top_bar{
	width: 1190px;
	margin:0 auto;
	padding-top: 14px;
	position: relative;	
}
.sub_logo{    
    margin: 10px 30px 20px 0px;      
    text-align: center;
    display: inline-block; 
    height: auto;
    vertical-align: middle;
}
.forumbanner{
	text-align: center;    
	margin: 8px 0px 8px 0px;
	display: inline-block;     
	height: auto;    
	vertical-align: middle;
}
#weather-info{
	text-align: right;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	color: #666;
	z-index: 333;
	width: 1190px;
	position: relative;
	margin: 0 auto;
	padding-top: 5px;
}
#weather-info .cur_date{
	margin-right:10px;
}
#weather-info .weekday{
	margin-right:5px;
}
#weather-info .temperature{
	margin-right:5px;
}
#weather-info .blue{
	color:#00F;
}
#weather-info img{
	vertical-align:middle;
	height:26px;
}
#weather-info span{
    font-size:11px;
}


/*left*/
#left{
    width: 290px;
    float: left;
}
#left span:hover{
	/*color:#ff7500; !important
    text-decoration:underline;*/
}
#left a span:hover{
	color:#ff7500; !important
    text-decoration:underline;
	text-decoration: underline;
}

.left_tab_function{
	padding: 5px 0px;
    display: inline-block;
    position: relative;
}
.left_tab_function .right_more{
    cursor: pointer;
    /* display: inline-block; */
    font-size: 14px;
    margin: 0px;
    padding: 0;
    vertical-align: middle;
}
.left-top-box1{
    /*  border: solid 1px #ccc; */
    width: 290px;
    height: auto;
    margin-bottom: 3px;
    box-sizing: border-box;        -moz-box-sizing:border-box;        -webkit-box-sizing:border-box;

}
.left-top-box1 img{
    vertical-align: middle;
}

/* .platform_list img { float:left; } /* stephen, 20150202 */ 

.mobile_gameTopic .game-title{ /* stephen, 20150202 */
	height: 24px; 
	overflow: hidden; 
	width: 87px; 
	float: left; 
	line-height: 24px;
}

.forum_banner{
    margin: 0;
    padding:0;
    width: 100%;
    height: 100%;
}
.ad{
	margin: 0 0 3px 0;
}
.ad img{    
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;        
}
.w1024{
  display:none;
}
.left-top-box1 li{
    display: inline-block;
    width: 86px;
    /*float: left;
    text-align: left;
    /*height: 35px;*/
    line-height: 35px;
    margin: 0px 0px;
    padding: 0px 0px;
    /*border-top: 1px dotted #7f7f7f;*/
}
.left-top-box1 li :hover{
	color:#ff7500;	
	text-decoration: none;
}
.left-top-box1 a :hover{
	text-decoration:underline;
}

.left-top-box1 li.mobile_game {
    width:100%;
    height: auto;
}
.left-top-box1 li.mobile_game ul li {
    border:none;
	text-align:center;
	padding-bottom: 5px;
}
.left-top-box1 .left_tab_function li a{
	/*padding-left: 32px;*/
    height: 29px;
	text-overflow : ellipsis;
	font-size:14px;
}

.left-top-box1 .left_tab_function li a:hover{
	text-decoration:underline;
}

.left-top-box1 .left_tab_function li ul li a, .left-top-box1 .left_tab_function li a.fourmtypeicon {
   padding-left: 0px;
   /*margin-left:5px;*/
}

.left-top-box1 .left_tab_function li ul { margin:5px 0;}
.left-top-box1 .mobile_game_line span{
    margin: 0px 2px !important; !important;
    vertical-align: middle;
    line-height: 32px;
}
.fourmtypeicon a{
    font-size: 15px;
}
.icon {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 30px;
    max-width: 150px;
    background-image: url(/images/r15/platform_list.png?v=20160122) ;
}
.platform_list{
    width: 290px;
    padding: 0px 0px;    
    margin: 0px 0px;
}
.platform_list span{
    font-size: 14px;
    color: #666;
}
.ps4{
    background-position: -14px -4px;
}
.ps3{
    background-position: -144px -4px;
}
.xbox1{
    background-position: -14px -44px;
}
.xbox360{
    background-position: -144px -42px;
}
.nds{
    background-position: -14px 199px;
}
.psvpsp{
    background-position: -144px 199px;
}
.wiiu{
    background-position: -14px 159px;
}
.olg{
    background-position: -144px -121px;
}
.cpgame{
    background-position: -14px 119px;
}
.oldgame{
    background-position: -144px 119px;
}
.anime{
    background-position: -14px 79px;
}
.comic{
    background-position: -144px 79px;
}
.toys{
    background-position: -14px 39px;
}
.cosplay{
    background-position: -144px 39px;
}
.mobile_game{
    border: none !important;
}

.mobile_game a{
    font-size: 14px;
    line-height: 32px;
    word-break: break-all;  word-wrap: break-word;
    color: #666;
}
.mobile_game_line{
    border-bottom: 1px dotted #7f7f7f;
}
.mobile_game .fourmtypeicon{
    line-height: 32px;
}
.left-top-box2{
    height: auto;
    padding: 0px;
    margin: 0px 0px;
}
.left-top-box2 .title span{
    left: 0;
    line-height: 32px;
    font-size: 15px;
}
.left-top-box2 .title span:hover{
	text-decoration:none;
	color: #222 !important;
}
.left-top-box2 .title {
	background:url(../images/line.jpg) bottom left no-repeat;
	height: 30px;
    margin-bottom: 4px;
}
.left-top-box3{
	border-bottom: solid 1px #ff7500;
    height: 410px;
    margin: 0px;
    padding: 2px;
    box-sizing: border-box;        -moz-box-sizing:border-box;        -webkit-box-sizing:border-box;
}
.index-link-list{
    border-top: 0px;
    padding: 0px;
    margin: 0px 6px;
}
.index-link-list span{
      margin-left: 27px;
    font-size: 15px;
    line-height: 40px;
}

.index-link-list a.index-link{
    display:block;
    width: 47%;
    float:left;
    text-align: left;
    height: 40px;
    text-decoration:none;
    color:#222;
}
.index-link-list a.index-link:hover{
	text-decoration: none;
}
.indexlist_icon{
    display: inline-block;
    width: 24px;
    height: 24px;
 /*   margin-right: 7px;*/
    text-decoration: none;
    background-image: url(/images/r15/icon_list.png);
    overflow: hidden;
    position: relative;
    /* background-repeat: no-repeat; */
}
.i_1{
    background-position: -10px 0px;
}
.i_2{
    background-position: -138px 0px;
}
.i_3{
    background-position: -10px -40px;
}
.i_4{
    background-position: -138px -40px;
}
.i_5{
    background-position: -10px -80px;
}
.i_6{
    background-position: -138px -80px;
}
.i_7{
    background-position: -10px -120px;
}
.i_8{
    background-position: -138px -120px;
}
.i_9{
    background-position: -10px -160px;
}
.i_10{
    background-position: -138px -160px;
}
.i_11{
    background-position: -10px -200px;
}
.i_12{
    background-position: -138px 208px;
}
.i_13{
    background-position: -10px -240px;
}
.i_14{
    background-position: -138px 167px;
}
.i_15{
    background-position: -10px -280px;
}
.i_16{
    background-position: -138px -280px;
}
.i_17{
    background-position: -10px -320px;
}
.i_18{
    background-position: -138px 88px;
}
.i_19{
    background-position: -10px 48px;
}

/*main_content*/
#content{
	width: 585px;
	position: relative;
	float: left;  
	margin: 0 7px;
}

.topic_content_main {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.content { border:1px solid #ccc; margin-bottom:15px;}
.content a.right_more { line-height:22px;}

.topic_content_bottom .content { margin-bottom:0px; min-height:700px; }
.topic_content a:hover{
	color:#ff7500; !important
    text-decoration:underline;
}
.topic_content p a:hover{
	color:#ff7500;
    text-decoration:underline;
}
.topic_ctag{
	margin-bottom: -1px;
	z-index: 0;
	overflow: hidden;
}
.topic_ctag li{
	float: left;
	margin-right: 2px;
}
.topic_ctag li:last-child{
	margin-right: 0px;
}
.topic_ctag a{
	display: inline-block;	
	border: 1px solid #CCCCCC;
	font-size:15px;
	line-height: 23px;
	height: 23px;
	padding: 0 8px;
	text-align: center;
	min-width: 40px;
	background: #e9e9e9;
	color: #999999;
}
.topic_ctag a:hover, .topic_ctag .ui-state-active a{
	display: inline-block;	
	border: 1px solid #CCCCCC;
	line-height: 23px;
	height: 23px;
	padding: 0 8px;
	text-align: center;
	min-width: 40px;
	border-bottom: none;
	background: #fff;
	color: #222222;
	text-decoration:none;
}

.topic h3{ 
	margin: 0;
	font-size: 18px;
	color: #222;
	line-height: 24px;
}
.topic p{ 
	font-size: 14px;
	color: #222;
	line-height: 19px;
	word-break: break-all;  word-wrap: break-word;
}
.topic_hot_head{
    border-bottom: 1px dotted #CCCCCC;
    margin: 8px;
    padding: 0px 0px 10px 0;
}

.topic_hot_head .hot-topic-img{ /* stephen, 20150202 */
	overflow: hidden; 
	height: 318px;
}
.topic_hot_head .hot-topic-img a{ /* stephen, 20150202 */
	width: 567px;
	padding-bottom: 56%;
  height: 318px;
	background-position: center center;
	background-size: cover;
	display: block;
}

.topic_hot_head .hot-topic-img img { /* stephen, 20150202 */
	width: 567px;
}

.topic_hot_pic_box{
	/* border-bottom: 1px dotted #CCCCCC; */
	overflow: hidden;    
	margin: 5px 0px;  
	padding: 5px 0px;
}
.topic_hot_pic_box div.hot-topic-box{
	float: left;
	width: 180px;
	line-height: 1.3;
  text-align: left;  
	padding: 0;
	margin: 0px 7px;
}

.topic_hot_pic_box .hot-topic-img{ /* stephen, 20150202 */
	overflow: hidden; 
	height: 101px;
}

.topic_hot_pic_box .hot-topic-img a{ /* stephen, 20150202 */
	width: 180px;
	height: 101px;
	background-position: center center;
	background-size: cover;
	display: block;
}

.topic_hot_pic_box .hot-topic-img img { /* stephen, 20150202 */
	max-height: 180px;
}

.topic_hot_list{
	padding: 0;
	/*border-top: 1px dotted #CCCCCC;*/
	margin: 0 10px;
}
.topic_hot_list p{
	border-bottom: 1px dotted #CCCCCC;
	padding: 8px 0;
}
.topic_hot_list a{
	font-size: 16px;
	/* stephen, 20150202 */
	display:block;    
	margin-left:93px; 
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.topic_hot_list span{
	display: inline-block;
	width: 100px;
	margin-right: 6px;
	line-height: 18px;
	text-align: center;
	background-color: #ffe0cc;
	color: #ff7500;
	font-size: 13px;
	padding: 2px;
	height: auto;
	/* stephen, 20150202 */
	overflow:hidden;
	max-height:22px;
	display:block;
	float:left;
}

/*bottom*/
.topic_life{
	width: 585px;
	padding: 0px 10px 0px 10px;
}


.topic_life .box_normal a, .topic_life .box_normal_img a{
	font-size: 15px;
	line-height: 22px;
}

.box_normal{
	float: left;
	width: 565px;
	text-align: center;
	height: auto;
	vertical-align: middle;
	position: relative;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0px;
}
.box_normal img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 90px;
	max-height: 90px;
}
.box_normal div{
	float: left;
	width: 100px;
	text-align: center;
	height: 100px;
	vertical-align: middle;
	position: relative;
	margin-right: 10px;
}
.box_normal p, .box_normal_img p{ 
	line-height: 24px;
	word-break: normal;
	word-wrap: break-word;
	text-align: left;
}
.box_normal span, .box_normal_img span{
	display: block;
	text-align: right;
	color: #666666;
	margin: 0 auto;
	position: absolute;  
	right: 0px;
	top: 15px;
	font-size: 13px;
}
.box_normal span:hover, .box_normal_img span:hover{
    text-decoration:underline;
   	color: #ff7500 !important;
}
.box_normal_h1{
	font-weight: normal;
  display: block;
	padding: 3px 0;
  margin-bottom: 5px;
	color: #ff7500 !important;
	margin: 0;
	font-size: 15px;  
	text-align: left;
	line-height: 22px;
	/* stephen, 20150202 */
	max-width: 435px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.box_normal_h1 a{
		color: #ff7500 !important;
}
/*right*/
#right{
	width: 300px;
	float: left;  
	margin: 0;
}
.right-top-youtube{
    background-image:url(/images/r15/tvshape.png);
	height: 240px;
	width: 300px;
    display: block;
    margin-bottom: 3px;
    background-repeat: no-repeat;
	
}

.right-top-youtube object{
	 margin: 0px auto;
	 position: relative;
	 display: block;
	 padding: 25px 0px;
	 padding: 20px 5px \9; /*IE8 */
}

.right-top-ad1{
    margin-bottom: 3px;
}
.right-top-facebook{
	width: 300px;
	height: 184px;
	margin-bottom: 6px;
}
.right-top-ad2{
    margin-bottom: 14px;	
}
.right-top-ad4{
	padding-top:6px;
}

/*----------footer------------*/
#footer-container{
	position:relative;
	width:100%;
	height:150px;
}
#footer{
	width:100%;
	height:100%;
	min-width:580px;	
	font-size:13px;
	color:#FFF;
	z-index:0;
	position:absolute;
	bottom:0px;
	left:0px;
 	line-height:180%; clear:both;;
}

#footer-area{
	width:580px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}
#footer-area a{
	color:#999999;
	text-decoration:none;
}
#footer-area a:active{
	color:#F00;	
}
#footer-area a:hover{
	text-decoration:underline;
}

#footer-area .basic-info{
	color:#999999;
	clear:both;
	text-align:center;
}
#footer-area .basic-info a{
	display:inline-block;
	*display: inline;
	zoom: 1;
	padding: 5px 3px;
}
#footer-area p{
	text-align: center;
}
#footer-area .hidden{
	color:#999999;
}

/* stephen, 20150210 */
#footer-area #debuginfo{
	font-size: 13px;
	color: #999;
}

.align-left{
	text-align:left;
}
a.right_more{
    text-align: right;
    border-bottom: none;
    float: right;
    color: #ff7500 !important;
    font-size: 16px;
    margin: 9px 0px;
    display: inline-block;
    cursor: pointer;
}
.right_more img{
    margin-right: 5px;
}
.right_more span{
	color: #ff7500 !important;
	line-height: 40px !important;
}

/*youtube btn*/
.youtube_sub{
	text-indent: 170px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	float: none;
	line-height: normal;
	font-size: 1px;
	vertical-align: baseline;
	display: inline-block;
	width: 118px;
	height: 24px;
	background: transparent;
}


/* stephen, 2016-01-22 */
.left-top-box3 { height: auto; }

.left-top-box3 .index-link-group{
	float:left;
	width:47%;
	margin-bottom:15px;
}
    	
.index-link-list a.index-link{
	width: 100%;
}
    	
.left-top-box3 .index-link-list .content{
	font-size: 13px;
	height: 55px;
	overflow: hidden;
	padding: 0;
	border: 0;
	float: left;
	margin-bottom: 10px;
	width: 125px;
}

.left-top-box3 .index-link-list .content ul{
	margin: 0 0 0 20px;
  list-style: outside none none;
  padding: 0;
}
    
.left-top-box3 .index-link-list .content .gid_list_style {
	list-style: none;
}

.left-top-box3 .index-link-list .content .gid_list_style a {
	/*display: list-item;*/
	overflow: hidden;
	width: 125px;
	white-space: nowrap;
}
		
.left-top-box3 .index-link-list .gid_more {
	background-color: #f3f3f3;
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	border: 1px solid transparent;
	border-radius: 3px;
	color: #666 !important;
	/*display: inline-block;*/
	margin-left: 15px;
	margin-top: 10px;
	overflow: hidden;
	padding: 1px 11px;
	text-decoration: none;
	width: 11px;
}
		
.left-top-box3 .index-link-list .gid_more .gid_more_text {
	display: none;
	margin-left: 10px;
	width: 0;
	white-space: nowrap;
	line-height:0;
}

.left-top-box3 .index-link-list .gid_more:hover .gid_more_text {
	display: inline-block;
	color:#333;
	width:25px;
}

.left-top-box3 .index-link-list .gid_more:hover{ /*width:42px;*/ }
		
a.gid_more:link, a.gid_more:visited, span.gid_more_text {
	color: #333;
}
		
.left-top-box3 .index-link-list .gid_more, .left-top-box3 .index-link-list .gid_more span.gid_more_text {
	font-size: 13px;
}

/*20160531*/
.acg-title{ border-bottom: solid 1px #ff7500;}

.acg-title span{ color: #a4a4a4;
				 font-size: 18px;
				 padding-left: 8px;
				 vertical-align: middle;}

.acg-title a img{ vertical-align: middle; }

.acg-title a:hover{
	color: #ff7500;
    text-decoration: none;
	}
	
.featured-title{ border-bottom: solid 1px #ff7500;}

.featured-title span{ color: #a4a4a4;
				 font-size: 18px;
				 padding-left: 8px;
				 vertical-align: middle;}

.featured-title img{ vertical-align: middle;}

a.fourmtypeicon { color: #ff7500; margin-left:10px}

.right_more {width:116px;}

.mobile_title_large_icon {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 88px;
    max-width: 150px;
}

.mobile_title_small_icon {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 64px;
    max-width: 150px;
}

.mobile_game_large {
    display: inline-block;
    width: 290px;
    text-align: center;
	padding-bottom: 5px;
    padding-top: 5px;
}

.mobile_game_large>li {
	margin-left: 10px;
    margin-right: 10px;
}

.mobile_game_small {
    display: inline-block;
	padding-left: 10px;
    padding-right: 10px;
}

#more-button {
	  border-style: none;
	  background: url(/images/r16/home_expand.png) no-repeat;
	  letter-spacing: 2px;
	  color: #a89e98;
	  font-size:14px;
	  width:250px;
	  height:55px;
	  cursor: pointer;
	  margin: 0 10px;
	  }
	  
#more-button:focus {outline:0;}

#grow {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
  }

.ps4-icon, .ac-icon, .xbox-icon, .nintendo-icon, .mobile-icon{
    width: 132px;
    height: 55px !important;
    position: relative;
    display: inline-block;
}

.ps4-icon:before, .ps4-icon:after, .ac-icon:before, .ac-icon:after, .xbox-icon:before, .xbox-icon:after, .nintendo-icon:before, .nintendo-icon:after, .mobile-icon:before, .mobile-icon:after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	cursor: pointer;
	background-size: cover;
}

.ps4-icon:before {
    background-image: url('/images/r16/ps4_icon.png');
    z-index: 1;
    transition: opacity 0.3s;
}

.ps4-icon:after {
    background-image: url('/images/r16/ps4_icon_hover.png');
}

.ac-icon:before {
    background-image: url('/images/r16/ac_icon.png');
    z-index: 1;
    transition: opacity 0.3s;
}

.ac-icon:after {
    background-image: url('/images/r16/ac_icon_hover.png');
}

.xbox-icon:before {
    background-image: url('/images/r16/xbox_icon.png');
    z-index: 1;
    transition: opacity 0.3s;
}

.xbox-icon:after {
    background-image: url('/images/r16/xbox_icon_hover.png');
}

.nintendo-icon:before {
    background-image: url('/images/r16/nin_icon.png');
    z-index: 1;
    transition: opacity 0.3s;
}

.nintendo-icon:after {
    background-image: url('/images/r16/nin_icon_hover.png');
}

.mobile-icon:before {
    background-image: url('/images/r16/mobile_icon.png');
    z-index: 1;
    transition: opacity 0.3s;
}

.mobile-icon:after {
    background-image: url('/images/r16/mobile_icon_hover.png');
}


.ps4-icon:hover:before, .ac-icon:hover:before, .xbox-icon:hover:before, .nintendo-icon:hover:before, .mobile-icon:hover:before{
    opacity: 0;
}

.left-top-box1b{
	text-align: center;
	}

.left-top-box1b li{
	display: inline-block;
    width: 135px;
    margin: 0px 0px;
    padding: 4px 0px;
	}

.fourmtypeicon-other{
	margin-left:10px;
	margin-bottom:10px;
	font-size: 14px;
    display: block;
    color: #ff7500;}

.left-top-box1c{
	padding-top:10px;
	padding-left:9px;
	}

.left-top-box1c li{
	display: inline-block;
    width: 65px;
    margin: 0px 0px;
    padding: 0px 0px;
	vertical-align: middle;
	padding-bottom: 10px;
	}

.left-top-box1c li a:hover{
	text-decoration: none !important;}
	
	
.o-btn{
	cursor: pointer;
	display: block;
	outline: none;
	position: relative;
	line-height: 15px;
	}
	
.o-btn:hover{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}

.o-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.o-btn:before {
	speak: none;
	text-transform: none;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.o-btn-2 {
	background: #FFFFFF;
	width:62px;
	height:55px !important;
	border:#c9c9c9 1px solid;
	color: #a1a1a1!important;
	text-align: center;
	display: inline-block;
	padding-top: 12px;
}

.o-btn-2a:hover, .o-btn-2a:active {
	color: #fff!important;
	background: #fd7829;
	background-size: 62px 55px;
	border:#fd7829 1px solid; 
}

.ps3-one-row{
	padding-top:20px !important;}
	

.left_tab_function .hot_right_more{
    cursor: pointer;
    /* display: inline-block; */
    font-size: 14px;
    margin: 0px;
    padding: 0;
    vertical-align: middle;
}

.content a.hot_right_more { line-height:22px;}

a.hot_right_more{
	/*text-align:right;*/
	border-bottom: none;
	float:right;
	color: #919191 !important;
	font-size: 16px;
	margin: 9px 0px;
	display: inline-block;
	cursor:pointer;
	background-image: url(/images/r16/acg_title_bg.png);
	background-repeat: no-repeat;
	background-position:top;
	padding-left: 20px !important;
}

.hot_right_more img{
    margin-right: 5px;
}
.hot_right_more span{
	color: #ff7500 !important;
	line-height: 40px !important;
}

a.hot_right_more:hover{ color: #ff7500 !important; background-image: url(/images/r16/acg_title_bg.png);
					background-repeat: no-repeat; 
					background-position:bottom;
					}
					
.hot_right_more {width:116px;}



.others-title{ border-bottom: solid 1px #ff7500;
			   padding-top:10px;
			   }

.others-title span{ color: #a4a4a4;
				 font-size: 18px;
				 padding-left: 8px;
				 vertical-align: middle;}

.others-title a img{ vertical-align: middle; }

.others-title a:hover{
	color: #ff7500;
    text-decoration: none;
	}
	
.left-top-box1 .left-top-box1c li a {
		padding: 8px 10px;
		line-height: 18px;
	}

/* 20161130 hmpg hot topic section */

.topic_content_bottom  .topic_ctag {
    background-image: url(/images/r16/tab_line.png);
    background-repeat: repeat-x;
    background-position: 0 20px;
    width: 100%;
    padding-bottom: 0px;
}

.topic_content_bottom  .topic_ctag a {
    display: inline-block;
    border: none;
    font-size: 15px;
    line-height: 23px;
    height: 23px;
    padding: 0 8px;
    text-align: center;
    min-width: 40px;
    background: none;
    color: #999999;
		outline:0;
	
}

.topic_content_bottom .ui-tabs-active, .topic_content_bottom .ui-state-active, .topic_content_bottom .topic_ctag a:hover, .topic_content_bottom .topic_ctag .ui-state-active a {
	color:#ff7815;
	font-size: 18px;
	background-image: url(/images/r16/tab_line_active.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	padding-bottom: 10px;
}

.topic_content_bottom .topic_content_main {
    border: none;
}

.topic_content_bottom .topic_content_main .box_normal, .topic_content_bottom .topic_content_main .box_normal_img  {
    float: left;
    width: 565px;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
    border-bottom: 1px dotted #CCCCCC;
    padding: 10px 0px;
}

.topic_content_bottom .topic_content_main .box_normal span, .topic_content_bottom .topic_content_main .box_normal_img span{
    color: #999;
    top: 11px;
}

.box_normal div{
	height: auto;
}

.topic_content_bottom  .topic_content_main .box_normal_img .box_normal_left {
    float: left;
    width: 160px;
}

.topic_content_bottom .topic_content_main .box_normal_img .hot_topic_img{
	height: 90px;
	width: 160px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 5px 0;
}

.topic_content_bottom .topic_content_main  .box_normal .box_normal_right{
	width: 100%;
	
}

.topic_content_bottom .topic_content_main  .box_normal_img .box_normal_right{
	float: left;
	width: calc(100% - 170px);
	margin-left: 10px;
}

.topic_content_bottom .topic_content_main  .box_normal .box_normal_h1, .topic_content_bottom .topic_content_main  .box_normal_img .box_normal_h1{
	/*max-width: calc(100% - 60px);*/
	padding: 0 130px 0 0;
}

.topic_content_bottom .topic_content_main .box_normal_right p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* end of 20161130 hmpg hot topic section */

/* 20170117 hm pg finetune */
.topic_content_bottom .ui-tabs-active, .topic_content_bottom .ui-state-active, .topic_content_bottom .topic_ctag a:hover, .topic_content_bottom .topic_ctag .ui-state-active a, .topic_content_bottom .topic_ctag .ui-state-active a:hover,
.topic_content_top .ui-tabs-active, .topic_content_top .ui-state-active, .topic_content_top .topic_ctag a:hover, .topic_content_top .topic_ctag .ui-state-active a, .topic_content_top .topic_ctag .ui-state-active a:hover{
	color: #ff7815;
	font-size:15px;
	background-image: url(/images/r16/tab_line_active.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	padding-bottom: 10px;
}

.topic_content_bottom .topic_ctag a, .topic_content_top .topic_ctag a {
	display: inline-block;
	border: none;
	font-size: 15px;
	line-height: 23px;
	height: 23px;
	padding: 0 8px;
	text-align: center;
	min-width: 40px;
	background: none;
	color: #999999;
	outline: 0;
}

.topic_content_bottom .topic_ctag a:hover, .topic_content_top .topic_ctag a:hover{
	color: #222;
}

.topic_content_bottom  .topic_ctag a{
	padding: 0 14.1px;	
}

.acg-title span, .featured-title span,  .others-title span{
	font-size: 15px;
}

.acg-title img , .featured-title img,  .others-title img{
	height: 20px;
}

.acg-title , .featured-title,  .others-title {
	line-height: 24px !important;
	margin-top: -1px;
	padding-bottom: 1px;
}

.topic_content_main a.right_more {
	text-align: center;
	border-bottom: none;
	float: none;
	color: #919191 !important;
	font-size: 14px;
	margin: 10px auto;
	display: inline-block;
	padding: 2px;
	width: 100%;
	cursor: pointer;
	background-color: #eaeaea;
}

.mobile_game a.hot_right_more {
	text-align: right;
	border-bottom: none;
	float: right;
	color: #919191 !important;
	font-size: 14px;
	margin: 0px;
	display: inline-block;
	cursor: pointer;
	background-image:none;
	padding-left: 0px !important;
}

.mobile_game a.hot_right_more img{
	vertical-align: baseline;
}

.topic_content_top .topic_ctag {
	background-image: url(/images/r16/tab_line.png);
	background-repeat: repeat-x;
	background-position: 0 20px;
	width: 100%;
	padding-bottom: 0px;
}

.topic_content_top .topic_ctag a {
	padding: 0 15px;
}

.topic_content_top .topic_content_main {
	border: none; 
}

.topic_content_top{
	margin-top:3px;	
}

.topic_content_top .topic_content_main .topic_hot_head .uwantstv-title{
	font-size: 18px;
	color: #222;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.topic_content_top .topic_content_main .topic_hot_list .uwantstv-list-item {
	float: left;
	margin: 2px 0.6% 5px;
	width: 32%;
	color: #444;
}

.topic_content_top .topic_content_main .topic_hot_tv_list  a {
	padding: 0px;
	margin: 0px 0px;
	width: 100%;
}

.topic_content_top .topic_content_main .topic_hot_list .uwantstv-list-item .uwantstv-thumb {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	padding-bottom: 55%;
	position: relative;
	background-color: #000;
}

.topic_content_top .topic_content_main .topic_hot_list .uwantstv-list-item .uwantstv-title {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.topic_content_top .topic_content_main .topic_hot_list .uwantstv-list-item .uwantstv-thumb .pop-video-img-due {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,0.8);
	color: #8B8B8B;
	text-align: center;
	font-size: 12px;
	padding: 1px 0 0 0;
	width: 52px;
	margin: 6px;
}

.topic_content_top .topic_content_main .topic_hot_list .uwantstv-list-item .uwantstv-thumb .pop-video-img-due img {
	vertical-align: sub;
	width: 29%;
}

.topic_content_top .topic_content_main .topic_hot_list .uwantstv-list-item  .uwantstv-thumb .hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	opacity: 0;
}

.topic_content_top .topic_content_main .topic_hot_list  .uwantstv-list-item a:hover .uwantstv-thumb .hover {
	opacity: 1;
}

.topic_content_top .topic_content_main .topic_hot_list  .uwantstv-list-item .uwantstv-thumb .hover img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10%;
	margin-top: -10%;
	width: 20%;
}

.topic_content_top .topic_content_main .topic_hot_tv_list{
	border: none;
}

.topic_content_top .topic_content_main a.right_more{
	margin: 10px auto;
}

.topic_content_top .topic_content_main .uwantstv-title{
	margin-top: 2px;
}

@media screen and (max-width: 1190px){
	.acg-title{
		padding-top: 0px;
		margin-top: -2px;
		padding-bottom: 1px;
	}
	.mobile_game a.hot_right_more {
		display: none;
	}
}
/*end of 20170117 homepage finetune*/

/* 20170316 hmpg thematic section */
.topic_content_bottom.swiper-container{
	background-image: url(/images/r16/tab_line.png);
	background-repeat: repeat-x;
	background-position: 0 20px;
}

.topic_content_bottom.thematic .topic_ctag{
	background-image: url(/images/r16/tab_line.png);
	background-repeat: repeat-x;
	background-position: 0 20px;
	width: auto;
	padding: 0 5px;
}

.topic_content_bottom .swiper-wrapper {
	white-space: nowrap;
	display: inline-flex;
}

.topic_content_bottom.thematic .topic_ctag a {
	padding: 0 8px;
	display: inline-block !important;
}

.topic_content_bottom .topic_ctag a {
	display: inline-block !important;
}

.topic_content_bottom.thematic .topic_ctag a .thematic_icon {
	height: 20px;
	width: 16px;
	margin-right: 0px;
	background-image: url(../../images/special_fid_icon_non_active.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	display: inline-block;
	vertical-align: sub;
}

.topic_content_bottom .ui-tabs-active .thematic_icon, .topic_content_bottom .ui-state-active .thematic_icon, .topic_content_bottom .topic_ctag .ui-state-active a .thematic_icon{
	background-image: url(../../images/special_fid_icon_active.png);
}

.topic_content_bottom.thematic.swiper-container{
  overflow-x: hidden;
  width:100%;
	position: relative;
	margin: 0 auto;
}

.topic_content_bottom .topic_ctag.swiper-wrapper{
	overflow: visible;
	position: relative;
}

.topic_content_bottom .topic_ctag.swiper-wrapper .swiper-slide{
	width: auto !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* Center slide text vertically */
	/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.topic_content_bottom .swiper-button-next{
	background-image: url(../../images/browser_icon_next.png);
	height: 23px;
	background-color: #fff;
	width: 10px;
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 10px;
	right: 0px;
	left: auto;
	position: absolute;
	top: 0px;
	z-index: 0;
	cursor: pointer;
	margin-right: -2px;
}

.topic_content_bottom  .swiper-button-prev{
	background-image: url(../../images/browser_icon_back.png);
	height: 23px;
	background-color: #fff;
	width: 10px;
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 10px;
	left: 0px;
	right: auto;
	position: absolute;
	top: 0px;
	z-index: 0;
	cursor: pointer;
	margin-left: -2px;
}

.topic_content_bottom  .swiper-button-disabled{
	display: none;
}

.topic_content_bottom .thematic_topic_hot{
	display: none !important;
}

.topic_content_bottom.thematic .thematic_topic_hot{
	display: block !important;
}
/* end of 20170316 hmpg thematic section */

/* 20170410 hmg enhancement, #15784 */
.topic_hot_pic_box p{   
	height: 40px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
}

.topic_hot_pic_box div.hot-topic-box {
	margin: 0px 7px 5px;
}
/* end of 20170410 hmg enhancement, #15784 */

/*20170410 hmpg live topic, #15784 */
#hot-live-box-container {
	position: relative;
	height: 557px;
	width: 290px;
	z-index: 20;
	background-color: #fff;
	-webkit-transition: width 1s;
	transition: width 1s;
}

#hot-live-box-container .live-container-header{
	background-color: #E34355;
	width: 100%;
	display: block;
	height: 33px;
	/*	    margin: 0 0 5px 0;*/
	padding: 0 5px;
}

#hot-live-box-container .live-container-header img{
	vertical-align: middle;
	height: 18px;
	display: inline-block;
}

#hot-live-box-container .live-container-header  .live-box-title {
	color: #fff;
	font-size: 15px;
	z-index: 27;
	line-height: 33px;
	vertical-align: middle;
	display: inline-block;
}

#hot-live-box-container .live-container-header  .live-box-title a{
	color: #fff;
	text-decoration: none;
}

#hot-live-box-container .live-container-header .live-box-more{
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	height: 20px;
	float: right;
	margin-top: 7px;
	cursor: pointer;
}

#hot-live-box-container .live-container-header .live-box-more img{
	height: 15px;
	margin-top: 2px;
}

.clear{
	clear: both;
}

#hot-live-box-container #hot-live-box {
	position: absolute;
	/*    height: 351px;*/
	cursor: default;
	overflow: hidden;
	width: 100%;
	z-index: 26;
	background-color: #FFF;
}


#hot-live-box-container #live-box-column-1{
	width: 290px;
	height: 524px;
	position: relative;
}

#hot-live-box-container .live-box-block {
	width: 100%;
	margin-bottom: 5px;
	position: absolute;
	background-color: #333;
	overflow: hidden;
}

#hot-live-box-container #live-box-column-1 .live-box-block-2, #live-box-column-1 .live-box-block-3 {
	width: 142.5px;
}

#hot-live-box-container #live-box-column-1 .live-box-block-2{
	bottom: 0px;
	left: 0px;
	margin-right: 5px;
}

#hot-live-box-container #live-box-column-1 .live-box-block-3{
	bottom: 0px;
	right: 0px;
}


.live-box-item{

}

#live-box-column-1 .live-box-item .live-box-item-photo{
	width: 100%;
	position: relative;
	height: 217px;
}

.live-box-block .photo-area.default {
	background-color: #999;
	z-index: 1;
}

.live-box-block .photo-area {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 2;
}

.live-box-block .title-area {
	position: absolute;
	z-index: 3;
	/* background-image: url(/images/); */
	width: 100%;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 94px;
}

#live-box-column-1 .live-box-block .title-area{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 102px;
}

.title-area .title-text {
	font-size: 16px;
	line-height: 23px;
}

.live-box-block .info-box {
	display: block;
	width: 100%;
	height: 40px;
	position: relative;
	/*    border-top: 2px solid #E34355;*/
	padding: 4px 0;
	color: #fff;
	font-size: 10px;
}

.live-box-block .info-box .info-box-left{
	float: left;
	margin: 0 5px;
	/* display: none; */
	display: inline-block;
}

.live-box-block .info-box .info-box-left .new_label{
	background-image: url(/images/new_label.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: -4px 0;
	display: none;
}

.live-box-block .info-box .info-box-right{
	float: right;
	margin: 0px 5px;
}

.live-box-block  .info-box .writer-thumb {
	width: 30px;
	height: 30px;
	border: 2px solid #FFF;
	border-radius: 30px;
	background-size: cover;
	display: none;
	vertical-align: middle;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	background-color: #FFF;
	overflow: hidden;
}

.live-box-block  .info-box .user_name{
	display: none;
	vertical-align: middle;
	margin-left:5px;
	color: #fff;
	/*	font-size: 14px;*/
}

.live-box-block .info-box .reply, .live-box-block .info-box .view {
	/* background-color: #F5F5F5; */
	background-image: url(../../../images/live_chat/reply_icon.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	display: inline-block;
	vertical-align: middle;
	font-family: Arial,sans-serif;
	height: 30px;
	width: 20px;
	margin-right: 5px;
	margin-top: -1px;
}

.live-box-block .info-box .reply{
	display: none;
}

.live-box-block .info-box .view {
	background-image: url(../../../images/live_chat/view_icon.png);
	margin-left: 5px;
}


#live-box-column-1 .live-box-block-2 .live-box-item .live-box-item-photo, #live-box-column-1 .live-box-block-3 .live-box-item .live-box-item-photo {
	width: 100%;
	position: relative;
	/*    height: 212px;*/
}

/*no_pic*/
.live-box-item.no_pic .photo-area{
	background-image: url(../../../images/live_chat/w_u_bg.png) !important;

	background-position: center;
	background-repeat: no-repeat;
	background-size: 70px;
	background-color: #3B5071;
}
.live-box-item.no_pic.no_pic2 .photo-area {
	background-color: #E05664;
}
.live-box-item.no_pic.no_pic3 .photo-area {
	background-color: #4DC6F6;
}
.live-box-item.no_pic.no_pic4 .photo-area {
	background-color: #FFD944;
}
.live-box-item.no_pic.no_pic5 .photo-area {
	background-color: #29A9B2;
}
.live-box-block .live-box-item.no_pic .title-area {
	width: 100%;
	height: 100%;
	top: 0;
	background-color: transparent !important;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 120px;

}
.live-box-block .live-box-item.no_pic .title-area .title-text {
	font-size: 24px !important;
	line-height: 150% !important;
}

#live-box-column-1 .live-box-block .live-box-item.no_pic .title-area {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 147px;
}

/*open*/
#hot-live-box-container.open, #hot-live-box-container.active{
	width: 992px;
	-webkit-transition: width 2s;
	transition: width 2s;
	-webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#hot-live-box-container .live-container-header .live-box-more .expand_close, #hot-live-box-container .live-container-header .live-box-more .expand_close, #hot-live-box-container.open .live-container-header .live-box-more .expand, #hot-live-box-container.active .live-container-header .live-box-more .expand{
    display: none; 
}
#hot-live-box-container.open .live-container-header .live-box-more .expand_close, #hot-live-box-container.active .live-container-header .live-box-more .expand_close, #hot-live-box-container .live-container-header .live-box-more .expand, #hot-live-box-container .live-container-header .live-box-more .expand{
    display: block; 
	/*-webkit-transition-delay: 1s;
    transition-delay: 1s;*/
}

#hot-live-box-container #live-box-column-2 {
	left: 295px;
	width: 229px;
	height: 524px;
	position: absolute;
	top: 33px;
}
#hot-live-box-container #live-box-column-3 {
	left: 529px;
	width: 229px;
	height: 524px;
	position: absolute;
	top: 33px;
}
#hot-live-box-container #live-box-column-4 {
	left: 763px;
	width: 229px;
	height: 524px;
	position: absolute;
	top: 33px;
}

#hot-live-box-container #live-box-column-2 .live-box-block, #hot-live-box-container #live-box-column-3 .live-box-block, #hot-live-box-container #live-box-column-4 .live-box-block{
	width: 100%;
	height: 169px;
	top: 0px;
	left: 0px;
}

#hot-live-box-container #live-box-column-2 .live-box-block .live-box-item-photo, #hot-live-box-container #live-box-column-3 .live-box-block .live-box-item-photo, #hot-live-box-container #live-box-column-4 .live-box-block .live-box-item-photo{
	width: 100%;
	height: 129px;
	position: relative;
}

#hot-live-box-container #live-box-column-2 .live-box-block-2, #hot-live-box-container #live-box-column-3 .live-box-block-2, #hot-live-box-container #live-box-column-4 .live-box-block-2{
	top: 174.2px;
	left: 0px;
}

#hot-live-box-container #live-box-column-2 .live-box-block-3, #hot-live-box-container #live-box-column-3 .live-box-block-3, #hot-live-box-container #live-box-column-4 .live-box-block-3{
	bottom: 0px;
	top: auto;
	top: initial;
	left: 0px;
}
/*end of 20170410 hmpg live topic, #15784 */

/* hmpg live topic revamp */

#hot-live-box-container {
    position: relative;
    height: 518px;
	    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

#hot-live-box-container .live-container-header {
    background-color: #eab448;
	margin: 0 0 5px 0;
}

.live-box-block .info-box {
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
    /* border-top: 2px solid #E34355; */
    padding: 4px 0;
    color: #fff;
    font-size: 10px;
}

.live-box-block .info-box .reply, .live-box-block .info-box .view {
    /* background-color: #F5F5F5; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    display: inline-block;
  	vertical-align: bottom;
    font-family: Arial,sans-serif;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

#hot-live-box-container #live-box-column-1 {
    width: 275px;
    height: 480px;
    position: relative;
}

/*#hot-live-box-container #live-box-column-1b{
	width: 10px;
    position: absolute;
    left: 280px;
    top: 38px;
    height: 475px;
	background-color: rgba(51,51,51,0.8);    
	text-align: center;
	z-index: 3;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}*/

#hot-live-box-container #live-box-column-1b {
    width: 10px;
    position: absolute;
    left: 280px;
    top: 38px;
    height: 475px;
    background-color: #333;
    text-align: center;
    z-index: 7;
    opacity: 1;
    /* -webkit-transition: opacity 0.5s; */
    /* transition: opacity 0.5s; */
}

#hot-live-box-container #live-box-column-1b img{
	vertical-align: middle;
    width: 8px;
    top: 49%;
    position: relative;
    margin: auto;
}

#hot-live-box-container.active #live-box-column-1b, #hot-live-box-container.active #live-box-column-1b{
/*	display: none;*/
	opacity: 0;
	-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
	-webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#hot-live-box-container.open, #hot-live-box-container.active, #hot-live-box-container.active {
    width: 953px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
	-webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#hot-live-box-container #live-box-column-2 .live-box-block-2, #hot-live-box-container #live-box-column-3 .live-box-block-2, #hot-live-box-container #live-box-column-4 .live-box-block-2 {
    top: 160.2px;
    left: 0px;
}

#hot-live-box-container #live-box-column-2 .live-box-block-3, #hot-live-box-container #live-box-column-3 .live-box-block-3, #hot-live-box-container #live-box-column-4 .live-box-block-3 {
    bottom: 0px;
    top: 320.2px;
}

#hot-live-box-container #live-box-column-2, #hot-live-box-container #live-box-column-3, #hot-live-box-container #live-box-column-4 {
    width: 221px;
    height: 480px;
    position: absolute;
    top: 38px;
	opacity: 1;
	/*opacity: 0;
	-webkit-transition: opacity 2s;
    transition: opacity 2s;*/
}

#hot-live-box-container.active #live-box-column-2, #hot-live-box-container.active #live-box-column-3, #hot-live-box-container.active #live-box-column-4, #hot-live-box-container.active #live-box-column-2, #hot-live-box-container.active #live-box-column-3, #hot-live-box-container.active #live-box-column-4 {
	opacity: 1;
		/*-webkit-transition: opacity 1s;
    transition: opacity 1s;*/
}

#hot-live-box-container #live-box-column-2 .live-box-block .live-box-item-photo, #hot-live-box-container #live-box-column-3 .live-box-block .live-box-item-photo, #hot-live-box-container #live-box-column-4 .live-box-block .live-box-item-photo {
    width: 100%;
    height: 125px;
    position: relative;
}

#hot-live-box-container #live-box-column-2 .live-box-block, #hot-live-box-container #live-box-column-3 .live-box-block, #hot-live-box-container #live-box-column-4 .live-box-block {
    width: 100%;
    height: 155px;
    left: 0px;
}

#live-box-column-1 .live-box-item .live-box-item-photo {
    width: 100%;
    position: relative;
    height: 205px;
}

#hot-live-box-container #live-box-column-1 .live-box-block-2, #live-box-column-1 .live-box-block-3 {
    width: 135.5px;
}

#hot-live-box-container #live-box-column-2 {
    left: 280px;
}

#hot-live-box-container #live-box-column-3 {
    left: 506px;
}

#hot-live-box-container #live-box-column-4 {
    left: 732px;
}

.left_tab_function {
    padding: 0px 0px;
}

.left-top-box1 {
	margin-top: -3px;
}

#hot-live-box-container.open .live-container-header .live-box-more .expand, #hot-live-box-container.active .live-container-header .live-box-more .expand {
        -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
-webkit-transition-delay: 1s;
    transition-delay: 1s;
	display:block;
}

#hot-live-box-container .live-container-header .live-box-more .expand_close{
	display: none !important;
}


/*end of hmpg live topic*/

/* float live video */
.live-video-floating-box{
	position: fixed;
	bottom: 5px;
	right: 20px;
	width: 350px;
	/*height: 200px;*/
	border: 5px solid #ff7815;
	z-index: 999;
	background-color: #FFF;
	min-width: 350px;
	min-height: 196px;
	background-image: url(/images/r16/uwantstv_loading.gif);
	text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px 150px;
}

.live-video-floating-box .close-icon{
	position: absolute;
	right: -8px;
	top: -24px;
	width: 18px;
	height: 18px;
	background-color: rgba(0,0,0,0.8);
	background-image: url(../../images/close_btn.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 47%;
	border-radius: 20px;
	border: 2px solid #ff7815;
	z-index: 5;
	cursor: pointer;
}

.live-video-floating-box .live-video-link{
	position: fixed;
	bottom: 5px;
	right: 20px;
	width: 350px;
	height: 200px;
	border: 5px solid #ff7815;
	z-index: 2;
	background-color: #000;
	opacity: 0;
	cursor: pointer;
}

.uwantstv_live_loading{
	min-width: 450px;
	min-height: 253px;
	background-image: url(/images/r16/uwantstv_loading.gif);
	text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px 150px;
}

.live-video-floating-box .live-tag {
	position: absolute;
	right: -5px;
	top: -20px;
	width: 78px;
	height: 20px;
	background-image: url(../../images/uwants_live_tv/live_tag_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 5px 5px 0 0;
}

.live-video-floating-box .live-tag span {
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
	line-height: 170%;
}
/* end of float live video */

/*top create post bar*/
.top_create_post_bar{
	margin-right: 0px;
	right: 0px;
	margin-left: 16px;
	text-align: right;
	background-color: #FF7500;
	box-shadow: -3px 0 4px rgba(0,0,0,0.4);
	border-radius: 0 0 0 5px;
	padding: 0 12px 0 8px;
}

.top_create_post_icon{
	width: 30px;
	height: 30px;
	background-image: url(../../images/create_post_top_icon.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	overflow: hidden;
	text-align: left;
	background-size: 25px;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
}

.top_create_post_title{
	color: #fff;
	font-size: 16px;
	margin: 0 0 0 0px ;
	display: inline-block;
	vertical-align: middle;
}
/*top create post bar*/