@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}
body {background:#050505 url(../images/bg.gif) repeat-x 0 -8px;font-size:12px;font-family:"宋体";color:#a4a4a4;}
img {border:0;float:left;}
.f12 {font-size:12px;}
a {color:#a4a4a4;text-decoration:none;}
a:hover {color:#888}
.hidden {display:none;}
ul {list-style:none}
h1,h2,h3,p,ul,li,dl,dt,dd {float:left;}
cite {font-style:normal;}

.wrapper {margin:0px auto 0;width:960px;}
.wrapper div {float:left;}
.maintopnav {width:958px;height:18px;border:1px solid #1C1B19;background:url(http://www.e-jjj.com/head/topnav_bg.gif);}
.maintopnav p {width:259px;height:12px;padding:4px 0 0 17px;}
.maintopnav ul {height:17px;}
.maintopnav li {padding:0 0 0 6px;height:18px;}
.maintopnav li a {float:left;padding:3px 5px 1px;height:14px;color:#fff;}
.maintopnav li a:hover {background:#fff;color:#4e4e4e;}

.joingame {width:80px;height:14px;position:absolute;left:680px;top:26px;z-index:9;}
.joingame img {cursor:pointer}


.mainnav {width:809px;height:60px;padding:21px 0 0 151px;}
.mainnav ul {width:809px;height:60px;position:relative;}
.mainnav li {height:60px;}
.mainnav li a {float:left;height:60px;position:absolute;}
.mainnav li a span {display:none;}
.mainnav li a.mainnav1 {width:151px;height:60px;background:url(../images/mainnav1.gif) no-repeat left top;left:0;top:0;}
.mainnav li a.mainnav1:hover {background:url(../images/mainnav1.gif) no-repeat left bottom;z-index:1;}
.mainnav li a.mainnav2 {width:147px;height:60px;background:url(../images/mainnav2.gif) no-repeat left top;left:127px;top:0;}
.mainnav li a.mainnav2:hover {background:url(../images/mainnav2.gif) no-repeat left bottom;z-index:2;}
.mainnav li a.mainnav3 {width:148px;height:60px;background:url(../images/mainnav3.gif) no-repeat left top;left:253px;top:0;}
.mainnav li a.mainnav3:hover {background:url(../images/mainnav3.gif) no-repeat left bottom;z-index:3;}
.mainnav li a.mainnav4 {width:138px;height:60px;background:url(../images/mainnav4.gif) no-repeat left top;left:389px;top:0;}
.mainnav li a.mainnav4:hover {background:url(../images/mainnav4.gif) no-repeat left bottom;z-index:4;}
.mainnav li a.mainnav5 {width:149px;height:60px;background:url(../images/mainnav5.gif) no-repeat left top;left:504px;top:0;}
.mainnav li a.mainnav5:hover {background:url(../images/mainnav5.gif) no-repeat left bottom;z-index:5;}

#popupLogin {width:421px;}
#popupLogin div {float:left;}

.draghead {width:100%;height:20px;padding:8px 0 0 0;background:#888;}
.draghead span {float:left;padding:0 0 0 10px;color:#fff;font-weight:bold;}
.draghead cite {float:right;width:16px;}


.count {margin:10px 0 0 0;width:460px;padding:0 0 0 480px;}
.count img {display:none;}


.loginbox {width:324px;padding:20px 0 20px 93px;border:2px solid #2c2c2c;background:#090909;}
.loginbox h1 {width:253px;height:50px;padding:0 0 0 71px;font-size:0;}
.loginbox p {width:324px;padding:0 0 7px 0;}
.loginbox p span {float:left;width:56px;padding:4px 0 0 0;color:#fff;}
.loginbox p input {width:150px;height:15px;padding:2px 5px 0;border:1px solid #bfbfbf;color:#090909;}
.loginbox p.reg {width:265px;padding:0 0 7px 56px;}
.loginbox p.reg span {float:left;width:auto;padding:4px 28px 0 0;color:#b6b6b6;}
.loginbox p.reg span a {color:#b6b6b6;text-decoration:underline;}
.loginbox p.reg span a:hover {color:#fff;text-decoration:none;}
.loginbox h2 {margin:23px 0 0 0;width:260px;padding:0 0 7px 60px;font-size:0;}
.loginbox h2 input {width:100px;height:27px;border:0;background:url(../images/input_bg2.gif);cursor:pointer;}
.mainfoot {margin:5px auto 0;width:960px;padding:0 0 10px 0;background:#fff;display:none}
.mainfoot div {float:left;}
.mainfoot h1 {width:960px;height:22px;background:#eaeaea;font-size:12px;font-weight:normal;line-height:22px;color:#0c0c0c;text-align:center;}
.mainfoot h1 a {color:#0c0c0c;}
.mainfoot h1 a:hover {color:#999;}
.mainfoot h2 {width:960px;height:22px;background:#000;font-size:12px;font-weight:normal;line-height:22px;color:#fff;text-align:center;}
.ccd {width:172px;height:1px;}
.copyright {width:620px;color:#000;}
.copyright p {width:620px;line-height:22px;text-align:center;}
.copyright p span {color:#f00;}
.copyright a {color:#000;text-decoration:underline}
.copyright a:hover {color:#ff5800;text-decoration:none}
.hd315 {width:40px;background:#fff;}