@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea{font:14px/1.125 arial,sans-serif}
body,h1,h2,h3,h4,dl,dt,dd,ul,li,th,td,p,blockquote,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,p{width:100%; zoom:1; overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none; float:left; zoom:1; overflow:hidden}
img{border:0}
input,textarea{outline-style:none}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal}
a{text-decoration:none;outline:0}
a:hover{text-decoration:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
body{background:#1c1d23}
.fl{float:left}
.fr{float:right}

*html{background-image:url(about:blank); background-attachment:fixed}


/* color */
.c_white{color:#fff}
.c_blue{color:#0066ff}
.c_grey{color:#a1a1a1}
.c_green{color:#00a8ff}
.c_orange{color:#ef4900}
.c_yellow{color:#ffa800}

/* font-size */
.f_12{font-size:12px}
.f_14{font-size:14px}
.f_20{font-size:20px}
.f_24{font-size:24px}


/* bg_color */


/* ico_ico */
.ico_ico{display:block; background:url(../images/ico_ico.png) no-repeat}
.ico_list{width:19px; height:19px; background-position:0 -141px}
.ico_list.cur{background-position:-24px -141px}
.ico_home{background-position:0 0}
.ico_home:hover{background-position:0 -66px}
.ico_fb{background-position:-65px 0}
.ico_fb:hover{background-position:-65px -66px}
.ico_wx{background-position:-130px 0}
.ico_wx:hover{background-position:-130px -66px}
.ico_chk{background-position:-68px -141px}
.ico_unchk{background-position:-48px -141px}



/* btn_btn */
.btn_btn{display:inline; float:left; background:url(../images/btn_btn.png) no-repeat; border:none; cursor:pointer; color:#fff; font-size:24px}
.btn_reg{width:154px; height:41px; background-position:0 -104px; margin-right:20px}
.btn_reg:hover{background-position:-201px -104px}
.btn_fb{width:352px; height:48px; background-position:0 0}
.btn_fb:hover{background-position:0 -52px}
.btn_conf{width:178px; height:52px; background-position:0 -266px; margin-top:10px}
.btn_conf:hover{background-position:-178px -266px}
.btn_plat{width:203px; height:45px; background-position:0 -325px}
.btn_plat:hover{background-position:0 -373px}
.btn_game{width:203px; height:45px; background-position:0 -421px}
.btn_game:hover{background-position:0 -469px}
.btn_close{width:49px; height:49px; background-position:-306px -198px; float:right}
.btn_log{width:155px; height:41px; background-position:-200px -556px; margin-right:20px}
.btn_log:hover{background-position:-200px -605px}
.btn_cont{width:213px; height:50px; background-position:0 -151px; float:none; margin-top:15px}
.btn_cont:hover{background-position:0 -206px}
.btn_down{width:33px; height:33px; background-position:-322px -151px}
.btn_enviar{width:135px; height:50px; background-position:100% -325px; margin:30px 30px 0 0}
.btn_enviar:hover{background-position:100% -436px}
.btn_voltar{width:135px; height:50px; background-position:100% -380px; margin-top:30px}
.btn_voltar:hover{width:135px; height:50px; background-position:100% -491px}
.btn_prev{background-position:0 -533px; left:5%}
.btn_prev:hover{background-position:0 -633px}
.btn_next{background-position:-48px -533px; right:5%}
.btn_next:hover{background-position:-48px -633px}


/* top */
.header{height:50px; min-width:1000px; position:relative; width:100%; z-index:100; background:#24242d}
.top{width:1000px; margin:0 auto}
.top .logined{background:url(../images/top_line.png) no-repeat left center; padding-left:15px}
.top .logined .wel{float:left; padding:0 20px 0 15px}
.top .logined span{float:left; line-height:50px}
.top .logined .c_white{font-weight:bold}
.top .logined .menu_nav{position:relative; float:right; width:19px; height:19px; padding:15px 0 16px 10px}
.top .logined .menu_nav ul{position:absolute; top:50px; left:-270px; width:300px; height:48px; background:rgba(0,0,0,0.75); display:none}
.top .logined .menu_nav li{float:left}
.top .logined .menu_nav ul a{float:left; color:#ababab; font:bold 12px/48px arial; background:url(../images/ico_ico.png) no-repeat -86px -127px; padding-left:25px}
.top .logined .menu_nav ul a:hover{color:#fff}
.top .unlogin{width:; background:url(../images/top_line.png) no-repeat 75px center}
.top .unlogin a{color:#919191; line-height:50px; padding:0 15px; font-weight:bold}
.top .unlogin a:hover{color:#fff}


/* footer */
.footer{text-align:center; color:#52585d; line-height:82px; width:100%; background:#1c1d23}
.btm{position:fixed; bottom:0; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}