body, html { font-size: 100%; 	padding: 0; margin: 0; width:100%; }

/* Reset */
/*
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family:'Microsoft YaHei UI';
    color: #47a3da;

}

a {
	text-decoration: none;
}

a:hover {
	color: #000;
}
button{cursor:pointer;}

.main,
.container > header {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1.875em 3.125em 1.875em;
}
.container > header {
	padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family:'Microsoft YaHei UI';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

.inner_content{
	width:100%;
	margin:0 auto;
	position:relative;
}

.im_top_banner{
	position:relative;
	width:100%;
}
.im_top_banner img{
	display:block;	
}
.topnav_holder{
	position:absolute;
	top:15px; 
	z-index:100;
}
.topnav_drop{
	color:#ad1001;
}
.topnav_drop .tv_ad{
	height:12px; background:url(../images/SignUp/topnav_drop_arrow.png) no-repeat;
	background-position:center 1px;
}
.topnav_drop .tv_ct{
	background-color:#FFF; padding:5px 10px 10px;
	border-radius:10px; font-size:13px;
}
.tv_ct .tv_money{
	color:#000;
}
.tv_ct .tv-ref-icon{
	color:#999;	
}


/*10 FEB 2017 UPDATE - START */
#btn_im_banner_hide, #btn_im_banner_expand{
	width:183px;
	height:26px;
	background:url(../images/SignUp/btn_im_banner_hide.png) no-repeat center center;
	position:absolute;
	z-index:5;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	cursor:pointer;
}

#btn_im_banner_expand{
	background:url(../images/SignUp/btn_im_banner_expand.png) no-repeat center center;
}

/*
#rng_sub{
	position:absolute;
	top:73px;
	left:auto;
	right:17%;
	display:none;
	z-index:5;
}
#rng_holder{position:relative; display:table; padding:20px 10px 10px 10px;}
.rng_div{
	display:table-cell;
	padding:0; margin:0;
	width:148px;
	height:293px;
	background:no-repeat top center;
	cursor:pointer;
}
#rng_pt{
	background-image:url(../images/SignUp/RNG-PT.png);
}
#rng_pt:hover{
	background-image:url(../images/SignUp/RNG-PT-RollOver.png);
}
#rng_ag{
	background-image:url(../images/SignUp/RNG-AG.png);
}
#rng_ag:hover{
	background-image:url(../images/SignUp/RNG-AG-RollOver.png);
}
#rng_mgs{
	background-image:url(../images/SignUp/RNG-MGS.png);
}
#rng_mgs:hover{
	background-image:url(../images/SignUp/RNG-MGS-RollOver.png);
}
.rng_jackpot{
	width:148px;
	height:293px;
	display:none;
}
*/

/*----POP UP FORM----*/
.regfrom_table{
	width:80%;
	padding-top:30px;
	color:#585858;
	font-size:16px;
}

.sign_up_container{
	width: 95vw; 
}
.fill_main{width:90%; margin:0 auto; display:table;}
.fill_main .fill_row{display:table-row;}
.fill_main .fill_col_1, .fill_main .fill_col_2, .fill_main .fill_gap{ display:table-cell; text-align:right;}
.fill_main .fill_gap{max-width:40px; width:auto; min-width:10px;}
#fill_capcha{background-color:#e5e5e5; padding:15px 8px 20px;}
.fill_terms{text-align:right;}

.inline_content{padding:0; margin:0; font-family:'Microsoft YaHei UI'; background-color: #eeeff3; width:620px; display:none;}
#login-form, #forgotpw-form{width:400px;}
.inline_content .clogo{background-color:#8b0d01; width:100%;}
.txt_input, .list_opt, .reg_txtarea{background-color:#FFF; border:none; outline:none; font-size:16px; color:#000; font-family:'Microsoft YaHei UI'; width:100%;}
/*.list_opt{
	background-color:#FFF; border:none; outline:none; font-size:16px; color:#000; font-family:'Microsoft YaHei UI'; width:100%;
}*/
.reg_txtarea{resize:none; height:100px;}
.input_bg{background-color:#fff; padding:10px; border-radius:5px; width:330px; display:inline-block; border:1px solid #c6c6c6; position:relative;}

.txt_input_grey{background-color:#E5E5E5; border:none; outline:none; font-size:16px; color:#666; font-family:'Microsoft YaHei UI'; width:100%;}
.input_bg_grey{background-color:#E5E5E5; padding:10px; border-radius:5px; width:330px; display:inline-block; border:1px solid #c6c6c6; position:relative;}

.head_txt, .head_txt2{font-size:22px; color:#6c6c6c; }
.head_txt2{width: 90px; float:left; /*margin-left:52px; background-color:#eee;*/}
.head_red_txt, .head_red_txt2{color:#c40000; font-size:11px; font-style:italic;}
.head_red_txt2{min-height:15px; margin-left:90px; margin-top:13px; text-align:right;}
.form_red, .form_grey{font-size:11px; font-style:italic; color:#686767; height:15px; vertical-align:middle;}
.form_grey img{ margin-top:0px;}
.form_red{color:#8b0d01;}
.reg_line{ background-color:#c6c6c6; height:1px; width:100%; margin:8px 0;}
.reg_btn{
	width: 200px;
    background-color: #be0022;
    color: white;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
	font-size:20px;
    cursor: pointer;
	font-weight:bold;
}
.reg_btn:hover{ background-color:#990000;}
.error_container{position:absolute; z-index:20; top:33px; left:10px;}
.reg_tiparrow{height:9px; background:url(../images/SignUp/reg_error_top.png) no-repeat 20px 0px;}
.err_box{
	border-radius:5px; font-size:11px; color:#fff; padding:6px 15px 5px 28px; 
	background:url(../images/SignUp/warning_icon.png) no-repeat #f88273 8px 5px;
}
.errX_box{
	border-radius:5px; font-size:11px; color:#fff; padding:6px 15px 5px 28px; 
	background:url(../images/SignUp/cross.png) no-repeat #f88273 8px 5px;
}

.hidetick{
	margin-top:-15px;
	display:none;
}

.show_pw {
    width: 17px;
    height: 17px;
    background: url(../images/SignUp/show_pw.png) no-repeat;
    position: absolute;
    z-index: 90;
    cursor: pointer;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.show_tick {
    width: 14px;
    height: 14px;
    background: url(../images/SignUp/tick_icon.png) no-repeat;
    position: absolute;
    z-index: 90;
    cursor: pointer;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
}

.phone_bg{background-color:transparent; padding:10px 0px 10px 0px; width:353px; display:inline-block; position:relative;}
.phone_input{width:268px; display:inline-block;}
.ccode_input{width:80px; display:inline-block;}
.txt_input_phone_bg{background-color:#FFF; border-radius:5px; border:1px solid #c6c6c6; padding:13px 0px 10px 7px;}
.ccode_list{background-color:#FFF; border:none; outline:none; font-size:12px; color:#000; font-family:'Microsoft YaHei UI'; width:100%; padding:13px 0px 10px; border-radius:5px; border:1px solid #c6c6c6;}
.input_p1, .input_p2, .input_p3{font-size:12px; color:#000; font-family:'Microsoft YaHei UI'; border:none; outline:none; width:97%;}
.input_p2{width:77%;}
.phone_bg2{width:27%; display:inline-block; text-align:left; padding:11px 5px 10px;}
.phone_bg3{width:63%; display:inline-block;}
#txt_input_phone_2{display:none;}
#txt_input_phone_1{width:96%;}
.error_container2{position:absolute; z-index:20; top:44px; left:10px;}

@media (max-width:1200px){
	.game_box{width:16.66%;}
	#game_big_title{float:none; width:100%; border-bottom:1px solid #454545; display:block;}
	.game_search_div{ top:5px;}
	#gm_sub_line1{display:none !important;}
}


@media (max-width:1150px){
	.top-menu, .top-menu02{font-size:12px;}
	.main-menu a{
		font-size:13px;
	}
	.main_logo{width:300px; padding-top:5px;}
}

@media (max-width:1024px){
	.top-menu, .top-menu02{font-size:11px;}
	.main-menu a{
		font-size:12px;
	}
	.main_logo{width:230px;padding:10px 0 0 5px;}
	.footer_container{width:90%;}
	.game_box{width:20%;}
}
@media (max-width:900px){
	.mobile_header{display:block;}
	.header_gap{height:49px;}
	.main-menu a{font-size:15px;}
	.main_header{position:absolute; top:-400px; padding:0; display:none;}
	.menu_holder{ float:none; background-color:#921004; text-align:left; width:100%; padding-right:0; padding-left:20px;}
	.navi_top2 .top-menu{ height:auto; display:block; width:100%; padding:12px 0;}
	.navi_top1, .main_logo, .menu_divide, #gm_sub_line2{display:none !important;}
	#cc1{padding-left:20px;}
	#cc2{padding-left:18px;}
	#cc3{padding-left:17px;}
	#cc4{padding-left:17px;}
	#cc8{padding-left:16px;}
	#gm_container{width:95%;}
	.gm_sub_line{padding:15px 10px !important;}
	.gm1 div a{ background-position:0px 0px; background-size:auto 15px;}
	.gm1 .ggm{display:inline-block; float:none; padding:7px 5px 7px;}
	.game_search_div{ top:4px;}
	
	.search_field{width:150px; height:22px; background-size:auto 22px;}
	.search_submit_btn{width:25px; height:22px; text-indent:-999px; background-size:auto 22px; background-repeat:no-repeat;}
	
	#gm1_sec1, #gm1_sec2{width:100%; padding:5px 0 0; text-align:center; margin:0 auto; position:relative;}

	.gm2{padding:10px 5px;}
	.gm2 .gm_check_box{padding-right:3px;}
	.gm2 .gm_check_box2{padding-right:3px;}
	.gm2_sec1, .gm2_sec2{display:block;}
	.gm2_sec1{margin-bottom:10px;}
	.gm2_gap{width:0px;}
	.game_box{width:25%;}
	.game_loading{height:150px; top:250px;}
	.gmmty_title{padding-top:6px;}
	
	#showless_btn, #showmore_btn{ position:relative; top:-3px;}
	
	.input_bg, .input_bg_grey{border-radius:5px; width:100%; display:block;}
	.fill_main{width:90%; margin:0 auto; display:block;}
	.fill_main .fill_row{display:block;}
	.fill_main .fill_col_1, .fill_main .fill_col_2, .fill_main .fill_gap{ display:block; text-align:left;}
	.fill_main .fill_col_1, .fill_main .fill_col_2{margin-bottom:25px; }
	.fill_main .fill_gap, .fill_tt{ display:none;}
	#fill_capcha{background-color:transparent; padding:0px;}
	.fill_terms{text-align:left;}
	
	.phone_input{width:74%;}
	.ccode_input{width:21%;}
}
@media (max-width:640px){
	#game-fwslider{display:none;}
	.footer_container{width:90%;}
	.footer_pro{font-size:12px;  line-height:normal; display:block; vertical-align:top; text-align:left;  width:100%; padding:12px 0;}
	.footer_pro_title{font-size:14px;}
	.footer_social{display:none;}
	
	.inner_content{	width:100%;	min-width:0px;}
	.gm1 div a, .search_field{font-size:13px;}
	.game_box{width:50%;}
	#game_big_title{padding:8px 0; font-size:14px;}
	
	.footer_grey, .footer_red, .mobile_menu{display:none;}
	.mobileapp_menu{display:block; height:60px; background-color:#000000; width:100%; position:fixed; bottom:0px; z-index:900;}
	.mobileapp_menu table{width:95%; height:60px; margin:0 auto;}
	.mobile_content{display:block; width:95%; margin:0 auto; position:relative;}
	.mm_ff_gap{width:100%; height:80px; display:block;}
	.mm_promo_table{width:100%; margin-top:10px;}
	.mm_promo_table tr td{vertical-align:top;}
	.ptxt1{color:#161616; font-size:11px;}
    .ptxt2{color:#707070; font-size:10px;}
	
	/* pager */
	.cycle-pager { 
		text-align: center; width: 100%; z-index: 500; position: absolute; bottom:-8px; overflow: hidden;
	}
	.cycle-pager span { 
		font-family: arial; font-size: 50px; width: 16px; height: 16px; 
		display: inline-block; color: #ddd; cursor: pointer; 
	}
	.cycle-pager span.cycle-pager-active { color:#666666;}
	.cycle-pager > * { cursor: pointer;}
	
	/*.txt_input { width:88%;}*/
}