@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 '宋体',tahoma, Srial, helvetica, sans-serif;  }  

em{font-style:normal;}  

ul, ol { list-style: none; }  

a { text-decoration: none; color:#333;}  

a:hover { text-decoration: underline; color:#F40; }  

img{ border:0px;}  

table { border-collapse: collapse; border-spacing: 0; } 
/** 重置结束 **/ 

#wrap { width:1020px; margin:0 auto 0 auto; background:#EBEEE7;}

/** 头部 **/ 
#head { }

#banner { height:220px; background:url(banner.png) no-repeat; text-indent:-999px;}

#menu { height:32px; background:#333333; margin:1px 0 1px 0; padding:8px 0 0 0;}

#menu ul li { float:left; padding:0 10px;}

#menu ul li a { font-weight:bold; font-size:14px; color:#FFFFFF;}

#menu ul li a:hover {color:orange;}

#menu ul li a:active { color:blue;}

#lang {position:absolute;top:10px;right:150px;}

#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;}

/** 主体 **/ 
#body { background:url(bodytop.png) repeat-x top; height:300px; padding:12px 0 0 40px;}

#side { width:221px; float:left;margin:0 0 0 20px; }

#login { text-align:center; color:#CCCCCC;}

#login input { height:15px;}

#login a { color:#CCCCCC;}

#login a:hover { color:orange;}

#login .login_head { height:52px; background:url(login_head.png) no-repeat;}

#contact .contact_head { height:45px; background:url(contact_head.png) no-repeat;}

.block_body { background:url(block_content.png) repeat-y;}

.block_foot { height:14px; background:url(block_foot.png) no-repeat;}

#chat { height:84px; background:url(chat.png) no-repeat; margin:10px 0 0 0; padding:15px 0 0 15px;}

#shopcart { height:56px; background:url(shopcart.png) no-repeat; border:dashed #4C4C4C 1px; margin:10px 0 0 0; padding:30px 0 0 30px;}

#contact { margin:10px 0 0 0;}

#contact .block_body { padding:0 0 0 30px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}


#server { width:180px;; float:left; background:url(serverbg.png) repeat-y;}

#server h4 { text-align:center; color:#C0BE8E;}

#server ul { margin:0 0 20px 25px; list-style-type:square;}

#server ul li { width:145px; height:20px; font-size:12px; border-bottom:dotted black 1px; padding:5px 0 0 0;}

#server a { color:#B5B5B5;}

#server a:hover { color:#EFB303; text-decoration:none;}

#main { width:490px; float:left; margin:0 0 0 20px;}

#main .main_block { width:484px;}

#main #gameintro { clear:left; display:block;}

#main .main_block h3 { background:url(main_titl_bg.png) left no-repeat; padding:7px 0 0 50px; font-size:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

#main .main_block .main_block_content {border:#B0AE9F dotted 1px; padding:10px; margin:5px 0 0 10px; background:white; white-space:normal; word-break:break-all; overflow:auto; zoom:1;}

#main .main_block .main_block_body input { height:24px; }

.rq { color:red;}

#main #slist {zoom:1; overflow:auto;}

#main #slist li { float:left; width:220px; height:20px; background:url(ball.gif) left no-repeat; text-indent:1.5em; border-bottom:#999999 dotted 1px;}

#hotgame ul li { padding:0 0 0 10px; margin:10px 0 0 0; list-style:none;}

#main .main_block_body textarea,#main .main_block_body input { border:#CCCCCC solid 1px;}

#main div.news { margin:10px 0 0 0;}

#main .news h4 {font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7F5A01; font-weight:bold;}

#main .news span.news_time { display:block; background:url(news.gif) left no-repeat; text-indent:1.5em;} 

#main .news div.news_title { background:white; white-space:normal; word-break:break-all;} 

#main div.intro { margin:10px 0 0 0;}

#main .intro h4 { background:url(intro.png) left no-repeat; padding:7px 0 0 50px; font-size:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

#main .intro .intro_content { padding:0 10px;}

/** 脚部 **/ 
#foot { clear:left; margin:10px 0 0 0;}

#fmenu { background:#D5D3BA; padding:5px 25px; text-align:center; border-bottom:#333333 dashed 1px;}

#links { height:80px; background:url(link.png);}

#bottom { height:32px; background:#070707; text-align:center; color:#FFFFFF; padding:5px 0 0 0;}

/*form*/
.input_text,.input_area { height:18px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}
.input_area { height:80px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

/*table*/
table.tbl {
	width:98%;
	border-spacing:1px;
	background-color:#E7E7E7;
	color: #666;
	border-collapse: collapse;
}

table.tbl td, table.tbl th {
	padding: 2px 8px;
}

table.tbl th {
	text-align: left;
	background: #DADAD6;
	border: 1px solid #FFF;
	letter-spacing:2px;
}

table.tbl tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

table.tbl tbody th {
	border: 1px solid #81817F;
}

tbody tr td { 
	text-align:left;
	background: #FFF;
	border: 1px solid #81817F;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}

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;
}