@charset "utf-8";
body { margin:0; background:#000;}
img{ border:0;}
#topnav{color:#000; background: url(topnavimg/top_bg.gif) repeat-x; height:42px; width:100%; font-size:12px; line-height:20px; position:relative;  
min-width:1000px;  meizz:expression(this.style.width=this.offsetParent.clientWidth*1<1000?"1000px":"100%"); z-index:100;}
#topnav .logo{height:32px; width:160px;background: url(topnavimg/top_bg.gif) no-repeat left -47px; position:absolute; left:0.5%; top:4px; z-index:10;}
#topnav .logo a{height:32px; width:160px; display:block; text-indent:-20000px}
#topnav .msg{height:24px; line-height:24px;background: url(topnavimg/ann.gif) no-repeat 5px 7px;padding-left:20px; position:absolute; left:170px; top:8px;}
#topnav .msg a{ color:#F00; text-decoration:none;}
#topnav .msg a:hover{ text-decoration: underline;}
#topnav .guild{ width:245px; height:19px; line-height:19px;background: url(topnavimg/top_bg.gif) no-repeat -1px -98px; position:absolute; top:10px; right:35%;}
#topnav .guild a{ color:#000; text-decoration:none; margin-left:6px; padding-left:22px;}
#topnav .guild a:hover{ color:#009;}
#topnav .shop{position:absolute; top:8px; right:0.5%;}
#topnav .shop a{float:left;width:93px; height:23px;background: url(topnavimg/top_bg.gif) no-repeat -2px -134px; text-decoration:none; text-align:center; color:#777; margin-right:5px;}
#topnav .shop a:hover{ color:#444;}
#topnav .shop a.login { color:#555;}
#topnav .shop a:hover.login { color:#000;}
#topnav .shop a.regsiter {}
#topnav .shop a.list {width:130px; height:23px;background: url(topnavimg/top_bg.gif) no-repeat -99px -134px; padding-left:7px; text-align:left; margin-right:0}
#topnav .game{ position:absolute; right:1%; top:29px; width:375px; height:238px;background: url(topnavimg/top_bg.gif) no-repeat 0 -207px; z-index:100; padding:20px 0 0 10px; overflow:hidden; line-height:20px; }
#topnav .game ul,#topnav .game li{list-style:none; margin:0; padding:0;}
#topnav .game .games{padding:10px 0 0 10px; width:375px; height:152px;}
#topnav .game .games li{float:left; width:106px; height:23px;margin:0 12px 12px 0;}
#topnav .game .games li a{ color:#333; text-decoration:none;width:106px; height:23px;line-height:23px;display:block;background: url(topnavimg/top_bg.gif) no-repeat -257px -134px;overflow:hidden;}
#topnav .game .games li a img{ float:left; margin:3px 6px 0 6px; width:16px; height:16px}
#topnav .game .games li a:hover{ background-position: -257px -166px;}
#topnav .game .games .moerico a{ background:none; color:#666}
#topnav .game .games .moerico a:hover{ color:#333}
#topnav .game .new{width:357px; color:#555; padding-left:8px;}
#topnav .game .new li{ width:337px; height:22px; line-height:22px; overflow:hidden; background:url(topnavimg/topnav_new.png) no-repeat 0 3px; padding-left:20px}
#topnav .game .new a{color:#555; text-decoration:none;}
#topnav .game .new a:hover{color:#555; text-decoration: underline;}
#topnav .game strong {color:#0055ee; font-weight:normal;}
#topnav .game span{color:#400909}

#topnav .logins{ position:absolute; right:225px; top:29px; width:385px; height:150px;background: url(topnavimg/top_bg.gif) no-repeat 0 -475px; z-index:110; padding:35px 0 0 0; overflow:hidden; line-height:20px; color:#555; font-size:13px;}
#topnav .logins .kuan{ border:1px solid #c2c2c2; width:150px; height:20px; line-height:20px; padding:0 4px; margin:0; background:#efefef;}
#topnav .logins .bott{border:0;width:79px; height:28px; background:url(topnavimg/top_bg.gif) no-repeat left -168px; margin:4px 20px 0 0;cursor: pointer; display: block; float:left; text-indent:-2000px}
#topnav .logins .bott2{border:0;width:79px; height:28px; background:url(topnavimg/top_bg.gif) no-repeat -98px -168px; margin:4px 0 0 0;cursor: pointer}
#topnav .logins a{ color:#555; font-size:12px;}

#hadlogin{ width:210px; position:absolute; right:13.5%; line-height:17px; padding-top:3px; height:36px;overflow:hidden; z-index:0}
#hadlogin .tou{ float:left; width:30px; height:30px; padding:1px; border:1px solid #999;float:left; }
#hadlogin .Welcome{float:left; padding:2px 0 0 6px}
#hadlogin .Welcome strong{ width:120px; height:17px; overflow:hidden; display: block; position: absolute; top:5px; left:90px}
#hadlogin .Welcome a{ text-decoration:none; color:#999}
#hadlogin .Welcome a:hover{ color:#333}

