body, html{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	min-height:100%;
	font-family:'Microsoft YaHei';
	background-color:#171717;
}
.container {
	position:relative;
	min-height:100%;
	width:100%;
	background-image:url(../images/helpcenter/hc_bg.jpg); background-position:center center; background-size:cover; background-attachment:fixed;
	display:table;
	z-index:1;
}
.desktop_hide, #nav2_mb, .no_des_nav, .img_priview_box{display:none;}
.img_priview_box{width:100%; max-width:250px; margin:10px 0;}
.hc_col1, .hc_col2, .side_gap{display:table-cell; vertical-align:top; position:relative; z-index:1;}
.hc_col1{width:220px; background:url(../images/helpcenter/nav_bg.png) repeat;}
.side_gap{width:5%;}
.col2_holder{margin:0; width:100%; padding:40px 0 60px 40px;}

#nav_menu{position:relative; width:220px; padding:40px 0 70px;}
.nav_tbl{width:199px; color:#ff738e; font-size:15px; font-weight:bold;}
.hcmnav{color:#c9c9c9;}
.hcmnav:hover, .hcmnav_sel{color:#fff;}
.hcsnav{color:#9d9d9d; font-size:15px; display:block;}
.hcsnav:hover{color:#F90;}

#anu_top_run{position:absolute; top:40px; left:40px; width:100%;}
#anu_more_btn{color:#fff; font-size:13px; background-color:#ff294f; padding:4px 0px; width:100px; border-radius:25px; font-weight:bold; display:block; text-align:center; margin-right:45px;}
#anu_bar{font-size:13px; padding:4px 20px; border-radius:25px; background-color:#111111; color:#ff738e; width:100%; display:block;}
.rel_top{top:0  !important; left:0  !important; position:relative !important;}

#content_main_search{vertical-align:middle;}
#main_big_txt{color:#dbdbdb; float:right;}
#mbt_col1{background:url(../images/helpcenter/mg_icon.png) no-repeat left 15px; width:90px;  background-size:70px auto;}
#mbt_col2{font-size:70px;}
#main_search_input{background:none; border:none; outline:none; font-family:'Microsoft YaHei'; font-size:20px; width:100%; color:#fff; text-align:right;}
#main_search_btn{background:none; border:none; outline:none; display:inline-block; background-color:#ff294f; color:#fff; font-size:20px; padding:5px 50px; border-radius:25px; font-weight:bold; cursor:pointer;}
#main_hot_search{color:#ff738e; font-size:16px;}
.hotword{ font-size:14px; background-color:#861b2e; padding:5px 10px; border-radius:25px; margin:0 5px; cursor:pointer;}
#mhts{ color:#4e4e4e; margin:0 15px;}

.hc_search_q{ color:#ff738e; font-size:18px;}
.hc_search_a{ color:#e5e5e5; font-size:14px;}
.hc_search_a a, .hc_search_a a:hover{ color:#e5e5e5; font-size:14px; text-decoration:underline;}
.hc_stxt1{color:#fff; font-size:24px; margin-top:30px;}
.hc_stxt2{color:#fff; font-size:14px; margin-bottom:30px;}
.show_full_qna{ color:#fff; background-color:#ff294f; font-size:12px; width:70px; text-align:center; padding:2px 0; border-radius:10px; cursor:pointer; margin-top:5px;}
#sub_search_input{background:none; border:none; outline:none; font-family:'Microsoft YaHei'; font-size:14px; width:210px; color:#fff; text-align:left;}
#sub_search_btn, #submit_question_btn{background:none; border:none; outline:none; display:inline-block; background-color:#ff294f; color:#fff; font-size:15px; padding:1px 30px; border-radius:15px; font-weight:bold; cursor:pointer;}
#sbt_col1{background:url(../images/helpcenter/mg_icon.png) no-repeat left center; width:28px;  background-size:22px auto; }
.ssr1{border-bottom:#4e4e4e 1px solid; padding-bottom:5px;}
#sub_hot_search{color:#ff738e; font-size:15px;}
.hotword_sub{ font-size:14px; background-color:#861b2e; padding:2px 10px; border-radius:25px; margin:0 5px; cursor:pointer;}
#sub_search_bar{margin-top:30px; color:#dbdbdb; font-size:22px; display:table;}
#sub_search_bar div{display:table-cell;}
.rdimg{width:100%; max-width:500px;}

.hc_input_txt{font-family:'Microsoft YaHei'; background-color:#FFF; border:none; outline:none; padding:5px 15px; width:100%; border-radius:5px; font-size:15px;}
.submit_q_form{color:#fff; font-size:16px; width:100%; max-width:700px; margin:30px auto 0; position:relative;}
#hccatopt{width:auto;}
#hcmsgtxt{resize:none; height:150px;}
#file_txt{ font-size:14px; color:#848383;}

.download_section_big{color:#ff738e; font-size:20px; margin: 20px 0 10px;}
.dl_box{display:inline-block; margin-right:10px; margin-bottom:20px;}
.deskdlb{width:206px; height:86px; background-repeat:no-repeat; cursor:pointer; background-position:left; background-size:cover;}
#desktop_dl_1{background-image:url(../images/helpcenter/ag_game.png);}
#desktop_dl_2{background-image:url(../images/helpcenter/ea_game.png);}
#desktop_dl_3{background-image:url(../images/helpcenter/pt_game.png);}
#desktop_dl_4{background-image:url(../images/helpcenter/hg_game.png);}
#desktop_dl_1:hover, #desktop_dl_2:hover, #desktop_dl_3:hover, #desktop_dl_4:hover{background-position:right;}

#app_dl_1{background-image:url(../images/helpcenter/app_dns.png);}
#app_dl_2{background-image:url(../images/helpcenter/app_zip.png);}
#app_dl_3{background-image:url(../images/helpcenter/app_flash.png);}
#app_dl_4{background-image:url(../images/helpcenter/app_pdf.png);}
#app_dl_5{background-image:url(../images/helpcenter/app_chrome.png);}
#app_dl_6{background-image:url(../images/helpcenter/app_ie.png);}
#app_dl_1:hover, #app_dl_2:hover, #app_dl_3:hover, #app_dl_4:hover, #app_dl_5:hover, #app_dl_6:hover{background-position:right;}
.cdstep_main{width:938px; margin:50px 0px; position:relative; max-width:938px;}
#cdslide, #cdslide div, #cdslide div img{width:100%; color:#fff; font-size:16px; overflow:hidden;}
#cdnext, #cdprev{position:absolute; left:-20px; top:30%; cursor:pointer; width:14px;}
#cdnext{right:-20px; left:auto;}
#ios_step{position:absolute; bottom:12%; right:4%; max-width:332px; width:31%;}
#mobile_download{margin-bottom:10px;}
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; overflow: hidden; bottom:-50px;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #393939; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #7e7e7e;}
.cycle-pager > * { cursor: pointer;}


.annouce_category{ width:50px; text-align:center; background-color:#ff2b51; color:#fff; font-size:11px; padding:1px 0px; border-radius:15px;}
.annouce_date, .annouce_date_mb{ color:#ff738e; font-size:14px; width:150px; text-align:right;}
.hc_anno_full{ color:#fff; font-size:16px;}
.toprungap{padding:0 20px;}
.readmore_notice, .readmore_notice:hover{color:#ff738e; font-size:14px; cursor:pointer;}
#annoucement_tbl{margin-top:15px;}
.dropdown_box{ background-color:#2f2f2f; border:1px solid #3f4140; border-radius:5px; padding:5px 5px; width:200px; color:#b8b8b8; margin-left:10px; -webkit-appearance: none; background-image:url(../images/vchelp_da.png); background-repeat:no-repeat; background-position:98% center; background-size:13px auto;}
#subtopic_sel{min-width:200px; width:auto;}
.topic_content{color:#fff; font-size:14px; padding-bottom:30px; line-height:1.5;}
.topic_content .small_img{width:100%; max-width:400px;}
.topic_content a{color:#fff; text-decoration:underline;}
.topic_content a:hover{color:#fff;}
.topic_content table, .topic_content tr, .topic_content td{ border:1px solid #444;  border-spacing: 0px; border-collapse:collapse;}
.topic_content td{padding:4px 6px; width:auto;}
.topic_img{width:auto; max-width:550px;}

#footor{ background-color:#070707; width:100%; position:fixed; bottom:0; z-index:20;}
#hc_footer, #hc_footer_mobile{display:table; width:90%; color:#ff748e; font-size:15px; margin:0 auto;}
#hc_footer a, #hc_footer_mobile a{color:#ff748e; font-size:15px; }
#hc_footer div{display:table-cell; vertical-align:middle; height:60px;}
.footcon{width:26px; background:no-repeat left center; background-size:20px 20px;}
#hc_footer_mobile{display:none;}

.inline_content{padding:0; margin:0; font-family:'Microsoft YaHei'; background-color:#fff; width:90%; height:90vh; display:none;}

#main_pop_bg{z-index:999; position:fixed; width:100%; height:100vh; display:none;}
.main_pop_tbl{width:auto;}

.coltbl{display:table; margin-bottom:35px;}
.coltbl div{display:table-cell; vertical-align:top;}
.ver_mid{vertical-align:middle !important;}
.colsubtitle{color:#ff738e; font-size:16px; font-weight:bold; padding-bottom:10px;}
.wuscol{ padding:5px 20px 0 0;}
.hstcol{ padding:30px 40px 0 0;}
#usdt_main{padding-right:40px;}
.colhst{ color:#7d7d7d; font-size:11px; font-style:italic; display:block;}
.askans_tbl, .askans_tbl tr{border:none !important; padding:0 !important; line-height:1.1 !important;}
.askans_td1{ width:28px !important;}
.askans_tbl td{border:none !important; padding:4px 0 4px 0px!important;}
.askans_ask{ font-size:16px; color:#ff738e; font-weight:bold;}
.tdogry{background-color:#4e4e4e; height:1px; width:100%; margin:18px 0;}
.askans_ans{ line-height:26px;}
.recp_icon{ padding-top:3px;}



@media (max-width:900px){
	body, html{
		background-color:#000;
	}
	.container {
		min-height:inherit;
		height:auto;
	}
	#mb_header{position:fixed; top:0; left:0;  background-color:#070707; width:100%; z-index:40;}
	.desktop_hide, #nav2_mb{display:block;}
	.no_des_nav{display:table-row;}
	.mobile_hide, #desktop_download, #hc_footer, .no_mb_nav, #nav2, .side_gap, #mhts, #anu_top_run{display:none;}
	.hc_col1, .hc_col2, .side_gap, #content_main_search{display:block;}
	.hc_col1{width:0px; z-index:10;}
	.side_gap{width:5%;}
	.col2_holder, #content_main_search{margin:0 auto; width:90%; padding:55px 0 30px 0px;}
	#content_main_search{margin-top:120px;}
	
	#nav_menu{position:fixed; top:10px; left:0; width:100%; background-color:#000000; z-index:100; display:block; min-height:100vh; left:-100%;}
	.nav_tbl{width:90%; color:#ff738e; font-size:15px; font-weight:bold; margin:0 auto;}
	
	#main_big_txt{float:none; width:100%;}
	#mbt_col1{background:url(../images/helpcenter/mg_icon.png) no-repeat left 10px; width:45px;  background-size:35px auto;}
	#mbt_col2{font-size:35px;}
	#main_search_input{text-align:left; margin-top:0px; font-size:1em;}
	#main_search_btn{display:block; margin-top:40px;}
	
	#sub_search_bar div{display:block;}
	#sub_search_bar #sbt_col1, #sub_search_bar .mobile_hide{ display:none; }
	.ssr1{border-bottom:none; padding-bottom:0px;}
	.ttr1{border-bottom:#4e4e4e 1px solid; padding-bottom:5px;}
	#sub_hot_search{text-align:center; margin-top:15px;}
	.hotword_sub{margin:0 5px; cursor:pointer;}
	#sub_search_bar{margin-top:30px; color:#dbdbdb; font-size:22px; display:table;  width:100%;}
	#sub_search_input{width:80%;}
	#sub_search_btn{font-size:17px; padding:5px 0px; width:20%;}
	#sub_search_bar #mb_sst1, #sub_search_bar #mb_sst2{display:inline;}
	.dl_box{display:block; width:100%;}
	.dl_box img{ width:100%; max-width:400px;}
	
	.cdstep_main{margin:80px auto; max-width:100%; width:100%;}
	#cdslide, #cdslide div, #cdslide div img{width:100%; max-width:none;}
	#cdnext, #cdprev{left:-25px; width:20px; top:28%;}
	#cdnext{right:-25px; left:auto;}
	#mobile_download{margin-bottom:0px;}
	#ios_step{position:relative; bottom:0%; right:0%; max-width:90%; width:90%; margin:0 auto;}
	
	.annouce_date{ width:100%; padding-top:10px;}
	
	.topic_content{font-size:15px; padding-bottom:0px;}
	.topic_img{width:100%; max-width:none;}
	
	#footor{position:relative; z-index:0;}
	#hc_footer_mobile{display:block; width:90%; color:#ff748e; font-size:15px; margin:0 auto; text-align:center; padding:15px 0;}
	#hc_footer a, #hc_footer_mobile a{color:#ff748e; font-size:12px; }
	#mb_footer_url{ padding-bottom:5px; height:30px;}
	.footcon{width:22px; }
	
	.main_pop_tbl{ width:90%;}
	
	
	.coltbl{display:block; margin-bottom:35px;}
	.coltbl div{display:block; vertical-align:top; text-align:center;}
	#usdt_main{padding:0 0 20px 0px;}
	.ver_mid{vertical-align:top !important; text-align: left !important;}
	.colsubtitle{color:#ff738e; font-size:16px; font-weight:bold; padding-bottom:10px; text-align:center;}
	
	.wuscol{ padding:5px 0px 0 0;}
	.hstcol{ padding:30px 0px 0 0;}
	.hstcol table{ margin:0 auto;}
	.wuscol{width:80%; margin:0 auto;}
	.wuscol table {text-align: left;}
	
	
	.colhst{ color:#7d7d7d; font-size:11px; font-style:italic; display:block;}
}