@charset "utf-8";

/* reset css */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,button{color:#524641;font-size:14px;line-height:1.4em;-webkit-text-size-adjust:none}
table,div,p,span,em{-webkit-text-size-adjust:none}
body,input,textarea,select,button,table{font-family:Arial, Helvetica, sans-serif}
:lang(zh-CN){font-family:Helvetica,Arial,"Microsoft MingLiU","新細明體",sans-serif}
:lang(zh-TW){font-family:Helvetica,Arial,"Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif}
:lang(ko-KR){font-family:Malgun Gothic,Dotum,Verdana,Arial,Helvetica,sans-serif}
:lang(ja-JP){font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol{list-style:none}
em,address,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
legend,caption,.hide,.skip_navi{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;width:1px;height:1px;font-size:0;line-height:0}
a{color:#524641;text-decoration:none}
a:hover{text-decoration:underline}
input:focus{outline:none}
button{border:0;background:none;cursor:pointer}

/* layout */
.wrap{position:absolute;top:0;left:0;width:100%;min-height:100%;padding-bottom:30px;background-color:#ebebeb;box-sizing:border-box}
.content{max-width:400px;margin:0 auto;padding:30px 0px}
.cont{padding:0 10px;}
.cont_v2{border:0}

@media all and (max-height:450px) {
.wrap_v2 .container{position:static;margin:0}
}

.wrap_v3{padding:0;background-color:#fff}
.wrap_v3 .content{max-width:100%;padding:0}

/* common */
.logo{width:51px;margin:0 auto}
.logo a{display:block;width:100%}
.logo a img{width:100%}

.page_tit{position:relative;padding:15px 0 0;text-align:center}
.page_tit dl dt{padding-bottom:13px;font-size:22px;font-weight:bold}
.page_tit dl dd{color:#524641}

#footer{position:relative;bottom:0;left:0;width:100%}
#footer .footer{padding:10px;text-align:center;font-size:11px;color:#999}

.n_bt{display:block;font-size:16px;color:#fff;font-weight:bold;line-height:50px;text-align:center;text-decoration:none !important;border-radius:5px;box-sizing:border-box}
.n_bt2{display:block;font-size:16px;color:#fff;font-weight:bold;line-height:38px;text-align:center;text-decoration:none !important;border-radius:20px;box-sizing:border-box}
.bt_color1{background-color:#795b42}
.bt_color2{background-color:#7b7b7b}
.bt_color3{color:#524641;
	border:1px solid #9c750a;
	background-color:#ffcb00;
	background:-webkit-gradient(linear,0 0,0 100%,from(#ffe300),to(#ffcd00));
	background: linear-gradient(top, #ffe300, #ffcd00);
}
.bt_color4{border:1px solid #c0c0c0;background-color:#f6f6f6;color:#2b2926}
.bt_color5{border-bottom:1px solid #ba4245;background-color:#e95356;color:#fff}
.bt_color6{border-bottom:1px solid #776a61;background-color:#958579;color:#fff}
.n_bt_area{margin-top:20px}
.n_bt_area ul{display:table;width:100%;table-layout:fixed}
.n_bt_area li{display:table-cell;padding:0 5px}
.n_bt_area li:first-child{padding-left:0}
.n_bt_area li:last-child{padding-right:0}

/* login */
.bx_login{position:relative;width:100%;padding:20px 0 10px}
.bx_login dl{padding-bottom:8px}
.bx_login dl dt{width:100%;padding-bottom:10px}
.bx_login dl dd{position:relative;margin-bottom:1px;width:100%;height:40px}
.bx_login dl input{width:100%;height:40px;padding:0 10px;color:#999;line-height:40px;border-radius:5px;border:none;box-sizing:border-box}
.bx_login dl input.ipt1{border-radius:5px 5px 0 0}
.bx_login dl input.ipt2{display:none;border-radius:0 0 5px 5px}
.bx_login dl dd span{display:block;position:absolute;top:0;left:0;width:100%;height:40px;color:#999;line-height:40px;text-indent:10px;z-index:10;background:#fff;border-radius:0 0 5px 5px;cursor:text}
.bx_login .ck_area{position:relative;height:15px}
.bx_login .ck_area input{vertical-align:middle}
.bx_login .ck_area label{vertical-align:top}

.bt_area{position:relative;width:100%;margin-top:8px}
.bt_area a{margin-bottom:7px}

.bt_area2{position:relative;width:100%;margin:15px 0}
.bt_area2  a img{display:inline-block;margin:13px 0}
.bt_area2 .on{color:#fff;border-bottom:1px solid #ba4245;background-color:#e95356;}
.bt_area2 .off{color:#fff;border-bottom:1px solid #776a61;background-color:#958579;}

.link_area{position:relative;text-align:center}
.link_area a{display:inline-block;position:relative;padding:0 22px;text-decoration:none}
.link_area a:before{position:absolute;top:50%;left:0;overflow:hidden;width:1px;height:12px;margin-top:-6px;background-color:#bab5b3;content:''}
.link_area a:first-child:before{display:none}

/* agree */
.bx_agree_top{position:relative;padding:12px 10px;}
.bx_agree_top .inner{padding-left:15px;text-indent:-15px}
.bx_agree_top input{vertical-align:middle}
.bx_agree_top label{letter-spacing:-1px;vertical-align:top}

.bx_agree{position:relative;padding-top:25px}
.bx_agree dl dt{padding-bottom:5px}
.bx_agree dl dt input{vertical-align:middle}
.bx_agree dl dt label{letter-spacing:-1px;vertical-align:top}
.bx_agree dl dt span{font-size:12px;color:#e95356}
.bx_agree dl dd{padding:15px 12px;height:86px;border-radius:5px;background-color:#fff;overflow:hidden;overflow-y:auto;}

/* join */
.bx_form{position:relative;padding-top:15px;overflow:hidden;zoom:1}
.bx_form dl dt{padding-bottom:5px;letter-spacing:-1px}
.bx_form dl dd input{padding-left:2%;width:97%;height:38px;line-height:38px;border:1px solid #cac8bf;border-radius:5px}

.desc{padding-top:10px;font-size:12px;color:#524641}
.desc_v2{padding-bottom:15px;text-align:center}

.bx_thmb{position:relative;padding:40px 0 20px;text-align:center;overflow:hidden;zoom:1}
.bx_thmb .thmb{display:inline-block;margin:0 3px;vertical-align:middle}
.bx_thmb .thmb img{width:77px;height:77px}
.bx_thmb .arr{display:inline-block;position:relative;width:15px;height:11px;margin:0 20px 0 6px;background-color:#424242;vertical-align:middle}
.bx_thmb .arr:after{position:absolute;top:50%;left:100%;overflow:hidden;width:0;height:0;margin-top:-14px;border-left:14px solid #424242;border-top:14px solid transparent;border-bottom:14px solid transparent;content:''}

.bx_thmb2{position:relative;padding:10px 0 15px;text-align:center;overflow:hidden;zoom:1}
.bx_thmb2 .thmb{display:inline-block;margin:0 3px;vertical-align:middle}
.bx_thmb2 .thmb img{width:51px;height:51px}

.bx_info .tit{text-align:center;font-size:12px}
.bx_info .tit strong{color:#00b1da}
.bx_info ul{margin-top:10px;padding:10px 15px 0;border-radius:5px;background-color:#fff}
.bx_info li{position:relative;margin-bottom:5px;padding-left:10px;line-height:21px;font-size:12px;color:#878586}
.bx_info li:first-child{color:#666}
.bx_info li:last-child{padding-bottom:10px}
.bx_info li:after{position:absolute;top:10px;left:0;overflow:hidden;width:4px;height:4px;border-radius:2px;background-color:#424242;content:''}
.bx_info li p{font-size:12px;}

/* alert */
.bx_alert{}
.bx_alert dl{padding:24px 10px}
.bx_alert dt{font-size:22px;font-weight:bold;text-align:center}
.bx_alert dd{margin-top:20px;text-align:center}

/* game list */
.tit_bar{padding:5px 0;border-bottom:1px solid #c6c6c6}
.tit_bar p{color:#2b2926;font-weight:bold;text-align:center}

.lst_game li{position:relative;padding:10px;border-bottom:1px solid #e4e4e4}
.lst_game .bx_game{display:table;width:100%;table-layout:fixed}
.lst_game .bx_game .thmb{display:table-cell;width:57px;text-align:center;vertical-align:middle}
.lst_game .bx_game .thmb img{width:57px}
.lst_game .bx_game .detail{display:table-cell;padding-left:10px;position:relative;vertical-align:middle}
.lst_game .bx_game dl{position:relative;padding-right:70px}
.lst_game .bx_game dt strong{display:block;overflow:hidden;width:100%;color:#2b2926;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.lst_game .bx_game dd{width:100%;margin-top:6px;color:#66635d;font-size:12px;line-height:15px}
.lst_game .link_bt{position:absolute;top:50%;right:10px;margin-top:-16px}

/* responsible */
@media all and (min-width:768px) {
/*
.wrap_v2 .container{position:absolute;top:50%;left:0;width:100%;height:450px;margin-top:-320px}

*/
.wrap_v2 .container{position:relative;width:100%;height:100%;}
.wrap_v2 .content{max-width:460px;padding:100px 0 50px}

.wrap_v2 .logo{width:85px}

.wrap_v2 .page_tit{padding:30px 0}
.wrap_v2 .page_tit dl dd{font-size:18px !important;font-weight:bold}

.wrap_v2 .bx_login{padding:0}
.wrap_v2 .bx_login dl{padding-bottom:20px}
.wrap_v2 .bx_login dl dd{height:56px}
.wrap_v2 .bx_login dl input{height:56px;line-height:56px}
.wrap_v2 .bx_login dl dd span{height:56px;line-height:56px}

.wrap_v2 .bx_agree dl dt{font-weight:bold}
.wrap_v2 .bx_agree dl dt span{font-weight:normal}

.wrap_v2 .bx_info .tit{font-size:18px}
.wrap_v2 .bx_info ul{margin:30px 0 28px}

.wrap_v2 .bx_thmb2{padding-bottom:30px}
.wrap_v2 .bx_thmb2 .thmb img{width:80px;height:80px}

.wrap_v2 .bt_area a{margin-bottom:18px}
.wrap_v2 .bt_area2  a img{margin:18px 0}
.wrap_v2 .n_bt2{line-height:48px;font-size:18px;border-radius:48px}

.wrap_v2 #footer{position:relative;width:100%}
.wrap_v2 #footer .footer{padding:10px;text-align:center;font-size:11px;color:#999}

/*
.wrap_v2 #footer{position:absolute;top:50%;left:0;width:100%;height:30px;margin-top:200px}
.wrap_v2 #footer .footer{padding:10px;text-align:center;font-size:11px;color:#999}
*/
}