@charset "utf-8";
/* CSS Document */

/** 重置�?**/ 
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td,img{ border:medium none; margin: 0; padding:0;}  
body,button, input, select, textarea {  font: 12px/1.5 "Arial","Tahoma",sans-serif; color:#666666;}  
ul, ol { list-style: none; }  
a { text-decoration: none; color:#666666;}  
a:hover { text-decoration: underline; color:#3366FF; } 

img{ border:0px;}  
/** 重置结束 **/ 

body { background:url(bg.jpg) repeat-x top; }

#wrap { width:960px; height:auto; overflow:hidden; margin:0 auto 0 auto; }

/** 头部 **/ 
#head {height:136px;}

#logo {position:absolute;top:0;left:0; width:225px; height:120px; background:url(logo.gif) no-repeat;}
#logo a{ width:225px; height:120px; display:block; text-indent:-2000em;}

#topmenu {position:absolute;top:60px;right:240px; height:20px; color:#999999;}
#topmenu a { color:#FFFFFF;}

#lang {position:absolute;top:10px;right:240px;}
#lang li {display:inline;}
#lang li a {display:block;float:left;border:1px solid #eee;border-right-color:#666;border-bottom-color:#666;margin:0 6px;width:30px;height:20px;text-indent:-2000em;background:url(flags.gif) no-repeat;}
#lang li a:hover {border:1px solid #666;border-right-color:#ccc;border-bottom-color:#ccc;}
#lang li #fr {background-position:0 -20px;}
#lang li #de {background-position:0 -40px;}

#head #banner { height:95px;}

#head #menu { height:30px; padding:0 0 0 130px;}
#head #menu li { float:left; height:25px; padding:5px 10px;; background:url(navli.gif) right center no-repeat;}
#head #menu li a { color:#5E5E5E; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#head #menu li a:hover { color:darkred; text-decoration:none;}

/** 主体 **/ 


#body { padding:10px 0 0 0;background:url(bodybg.jpg) top repeat-x; overflow:hidden; zoom:1;}
#body #server { width:225px; float:left;}
#body #server .server_head{ background:url(choose.gif); height:33px; color:white; padding:8px 0 0 30px; font-size:14px;}
#body #server .server_body{ border:1px solid #7A7A7A; padding:10px 0 10px 20px; background:#F5F3EB;}


#body #server a:hover { color:#000000;} 
#body #server li { background:url(ln.gif) repeat-x bottom; width:95%; padding:2px 0 0 0;}
#body #main { float:left; padding:0 0 0 5px;}
#body #side { float:left; padding:0 0 0 5px;}

#body .side_block { width:208px; margin:0 0 10px 0;}
#body .side_block h4.side_block_head { height:26px; background:url(side_bolck_head_bg.jpg) no-repeat; color:#747474; text-align:center; font-size:14px;}
#body .side_block .side_block_body {  background:url(side_bolck_body_bg.jpg) repeat-y; padding:5px 10px 0 10px;}
#body .side_block .side_block_foot { height:11px; background:url(side_bolck_foot_bg.jpg) no-repeat;}

#body #main { width:510px;}
#body .main_block { width:510px; margin:0 0 10px 0;}
#body .main_block h4.main_block_head { height:27px; background:url(main_bolck_head_bg.jpg) no-repeat; color:#747474; text-indent:1em; font-size:14px;}
#body .main_block .main_block_body {  background:url(main_bolck_body_bg.jpg) repeat-y; padding:15px 10px 0 10px;}
#body .main_block .main_block_foot { height:10px; background:url(main_bolck_foot_bg.jpg) no-repeat;}

#body .main_block .gtext { border:#CCCCCC 1px solid; background:#EEEEEE; padding:5px;}
#body .main_block .introduction { padding:20px 0 0 0;}

#slist a { padding:2px 0 0 0; color:#666600; font-weight:bold;}
#gamename { display:none;}
#gameid { display:none;}
#arealist,.areaserverlist { overflow:hidden; zoom:1; padding:15px 0 0 0;}

#arealist li,.areaserverlist li { cursor:pointer; width:225px; float:left}
.areaserverlist li { float:left; background:url(narrow.jpg) left center no-repeat; text-indent:1em;}
.areaserverlist a { padding:2px 0 0 0; color:#666600; font-weight:bold;}
.areaserverlist h4 a { font-size:14px; color:#666666; font-weight:bold;}
#body .input_text { border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #999999; border-bottom:1px solid #999999; height:18px; width:100px;}
#body .textbox{ border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #999999; border-bottom:1px solid #999999; height:18px; width:140px;}
#body .textbox2{ border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #999999; border-bottom:1px solid #999999; height:18px; width:40px;}
#body .testarea{ border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #999999; border-bottom:1px solid #999999; height:18px; width:320px; height:100px;}
#body .navb { text-align:center;}

#body #fastorder p { height:30px;}
#body #fastorder #orderarea { display:none;}
#body #fastorder select.short { width:225px;}
#body #fastorder select.long { width:450px;}
#body #fastorderbt { border:#3399FF solid 1px; background:#EEEEEE;}

#body #main #slist { overflow:auto; zoom:1;}
#body #main #slist li { float:left; width:225px; background:url(narrow.jpg) left center no-repeat; text-indent:1em;}

#body #main .gameintro { clear:left;}

#body #side #contact { font-family:"Arial","Tahoma",sans-serif; font-weight:bold; color:#666666;}
#body #side #contact p { color:#FF9943; font-size:12px; font-weight:bold;}

#body #side #login p { text-align:center;}

#body #side #addfav { margin:0 0 10px 0; cursor:pointer;}

/** 脚部 **/ 

#foot { clear:left; text-align:center; margin:10px 0 0 0;}

#foot #footserver { background:url(ft.jpg) top repeat-x; padding:10px 0 0 0;}

#foot #links { height:87px; border-top:#000000 solid 1px; padding:5px;}

#foot #links li { float:left; padding:0 10px;}

#foot #bottom { padding:10px 0; background:url(ft.gif) repeat-x;}

.news li { background:url(line.gif) repeat-x bottom;}
.rq { color:red;}
.more { text-align:right;}
.more a { font-weight:bold; color:#FF3300;}

#cmt {margin:10px 0;}
#cmt li {padding:10px 0;font-size:12px;}
#cmt li b {font-size:10px;color:#00f;text-decoration:underline;}
#cmt li span {display:block;font-size:10px;color:#ccc;}
#cmt li em {display:block;}
#cmt li em i {color:#090;}

/*table*/
table.tbl {width:100%;border-spacing:1px;background-color:#E7E7E7;color: #666;border-collapse: collapse;}
table.tbl td, table.tbl th {padding: 5px 0 5px 5px;}
table.tbl th {text-align: center;background: #DADAD6;border: 1px solid #FFF;letter-spacing:1px;}
table.tbl tbody tr.odd 	{background: #f9f9f9;border-top:1px solid #FFF;}
table.tbl tbody th {border: 1px solid #81817F;}
table.tbl tbody tr td { background: #FFF;border: 1px solid #81817F;}
table.tbl tbody tr.odd td{ background: #f9f9f9;border-top:1px solid #FFF;}

table.tbl tfoot th, tfoot td {background-color:#E7E7E7; padding:6px;text-align:left; font-family:Georgia, "Times New Roman", Times, serif;font-size:12px; font-weight:bold;border-bottom:3px solid #CCC;border-top:1px solid #DFDFDF;word-spacing:6px;}