@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size:100%;}q:before,q:after {content:'';}abbr,acronym {border:0;}i,b,u,s{font-style:normal;font-weight:normal;text-decoration: none;}
/*common*/
.fl{float:left;}.fr{float:right;}.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }.clearfix { *zoom: 1;}.hide{display: none}
.normal-link{ text-decoration: none}.normal-link:hover{text-decoration: underline;}.ico-link{ text-indent: -999em; text-decoration: none}.ico-link:hover{text-decoration: none}
/*main*/
body{ background: #3D362B url(../images/bg.jpg) no-repeat center 0; font-family: \5fae\8f6f\96c5\9ed1, Verdana, sans-serif, \5b8b\4f53;}
.main{background: url(../images/main.jpg) no-repeat 0 564px; width: 1000px; margin: 0 auto; height:1380px; overflow: hidden; position: relative;}

/*left*/
.left{ float: left; width: 700px; position: relative; height: 1380px}
.card{ position: absolute; width: 160px; height: 60px; left: 240px; top: 376px; background: url(about:blank)}
.app{position: absolute;  width: 190px; height: 90px; top:335px; right: 73px; background: url(about:blank)}
.navs{position: absolute; left: 39px; top:789px; width: 624px; height:45px;}
.navs a{ width: 208px; height: 45px; float: left;}
.n1{background: url(../images/hover.jpg) no-repeat 0 0;}
.n2{background: url(../images/hover.jpg) no-repeat -208px 0;}
.n3{background: url(../images/hover.jpg) no-repeat -416px 0;}
.tabs{position: absolute; width: 622px; height: 254px; left: 39px; top:833px;}

/*right*/
.right{float: right; width: 300px;  padding-top: 210px; position: relative; height: 1160px; background: url(about:blank)}
.logo{ position: absolute; width: 186px; height: 126px; left: 64px; top:40px;}
.sign-log{ width: 300px; height: 240px; position: relative;}
.log{background: url(../images/log.jpg) no-repeat; width: 100%; height: 100%}
.sign{width: 100%; height: 100%}
.loged{background: url(../images/logined.jpg) no-repeat; width: 100%; height: 100%}
.log-btn{position: absolute;  width: 120px; height: 34px; right: 30px; top:10px;}
.sign-btn{position: absolute; width: 120px; height: 34px; left: 30px; top:10px;}
.tolog{position:absolute; width: 	174px; height: 48px; bottom: 10px; left: 63px}
.tosign{position:absolute; width: 	174px; height: 48px; bottom: 10px; left: 63px}
.sign-log input{width: 132px; height: 20px; line-height: 20px; border: none; background: transparent; padding:0 5px;}
#reg_account{ position: absolute; left: 125px; top:58px; }
#reg_password{ position: absolute; left: 125px; top:100px; }
#reg_rpassword{ position: absolute; left: 125px; top:142px; }
#login-account{position: absolute; left: 125px; top:76px;}
#password{position: absolute; left: 125px; top:116px;}
#login_web_game{ width: 176px; height: 48px; position: absolute; top:122px; left: 63px}
#login_app_game{ width: 176px; height: 48px; position: absolute; top:185px; left: 63px}
.username { font-size: 16px; color: #860000; position: absolute; top:64px; right:120px;}
.login_out{ font-size: 16px; color: #860000; position: absolute; top:64px; right:70px;}

.pics{margin:68px 0 0 27px; position: relative; width: 248px; height: 325px}
.pics img{ position: absolute; left:0; top:0; display: none}
.btns{position: absolute; bottom: 5px; right:5px; height: 20px; width: 130px}
.btns a{float: left; width: 20px; height: 20px; text-decoration: none; margin-left: 5px; background: #333534}
.btns .now{background: #83553D}

.jietu{margin:59px 0 0 27px;}
.movie{position: absolute; left: 291px; top:507px; width: 372px; height: 251px}

.bg{position: absolute; left:0; top:0;}
.top-bg {width:1000px;height:564px;background:url(../images/flash.jpg) no-repeat;}

#go_to_reg {width:480px;height:257px;background:url(../images/sign-bg.png) no-repeat;z-index:3;position:fixed;top:50%;left:50%;margin:-128px 0 0 -240px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));display:none;}
/*#go_to_reg{ width: 480px; height: 257px; position: absolute; left:50%; margin-left: -240px; background: url(../images/sign-bg.png) no-repeat; display: none;}*/
.ctoreg{ position: absolute; left: 134px; top:167px; width: 174px; height: 50px}
.close{ position: absolute; right: 10px; top:24px; width: 30px; height: 30px}
#go_to_reg input{width: 132px; height: 20px; line-height: 20px; border: none; background: transparent; padding:0 5px;}
#creg_account{ position: absolute; left: 148px; top:73px; }
#creg_password{ position: absolute; left: 148px; top:103px; }
#creg_rpassword{ position: absolute; left: 148px; top:134px; }