@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 {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}


body{ background:  #151514 url('images/index_bg.jpg'); background-repeat:no-repeat;	 background-position: top center;
	padding: 0; margin-top:0px; font-family:Verdana; font-size:12px; text-align:center;}

a:link { color: #450403; text-decoration: none;}
a:hover { font-weight: bold; text-decoration: underline;}
a:visited { text-decoration: none;}
a:active { text-decoration: none; }

#wrapper { margin: 0 auto; width: 947px; height:auto; }

#header { width: 947px; height: 315px; }

#loginSide { float: left;}
<!-- #enterSide { float: right; width: 411px; height: 178px; } -->
#loginform { width: 411px; height:137px; background: url(images/index_02.jpg) no-repeat; }
#loginform2 { width: 411px; height:137px; background: url(images/index_02_.jpg) no-repeat; }

#index { float:left; padding:0; margin:0;font-size:0;} 

#enter { float:left; padding:0; margin:0;font-size:0;}

.clearer { clear: both; }


.typearea1{ padding:37px 0 0 165px;_padding:35px 0 0 165px;}
.typearea1 input{ width: 120px; float:left;}
.typearea2{ padding:9px 0 0 165px; _padding:5px 0 0 165px; clear:both;}
.typearea2 input{ width: 120px; float:left;}
.loginin{ padding:45px 0 0 130px; color:#dddddd; text-align:left}
.loginin span.forName{ color:#ffcc00; text-align:left; padding-left:5px; letter-spacing:1px;}
.loglog span.forVgo{ color:#dddddd; text-align:left; line-height:25px;}
.loglog span.forOk { color:#ffcc00; text-align:left; line-height:25px;font-size:10pt; letter-spacing:1px;}
.loglog span.forApply a{ padding-left:5px; color:#00b0ff; text-align:left; font-size:10pt;  }
.loglog span.forApply a:hover { text-decoration:underline; font-weight:normal;}

a.login {  float:left; display: block;  cursor: pointer;  width: 74px; height:24px; background: url(images/icon_login1.jpg) no-repeat; margin-left:5px; _margin-left:2px;} 
a.login:hover { background: url(images/icon_login2.jpg) no-repeat; }

a.register {float:right; display: block; cursor: pointer;  width:74px; height:24px; background: url(images/icon_register1.jpg) no-repeat; margin:8px 2px 0 3px;  } 
a.register:hover { background: url(images/icon_register2.jpg) no-repeat; }

a.forgotps {float:right; display: block; cursor: pointer; width: 74px; height:24px; background: url(images/icon_forgotps1.jpg) no-repeat; margin:8px 48px 0 3px; _margin:8px 26px 0 3px;} 
a.forgotps:hover { background: url(images/icon_forgotps2.jpg) no-repeat; }

a.changeps { float:right; display: block; cursor: pointer; width: 74px; height:24px; background: url(images/icon_changeps1.jpg) no-repeat; margin:14px 40px 0 3px;_margin:14px 20px 0 3px;} 
a.changeps:hover { background: url(images/icon_changeps2.jpg) no-repeat; }

a.logout {float:right; display: block; cursor: pointer;  width:74px; height:24px; background: url(images/icon_logout1.jpg) no-repeat; margin:14px 2px 0 3px; _margin:14px 2px 0 3px;  } 
a.logout:hover { background: url(images/icon_logout2.jpg) no-repeat; }


/*menu*/
#menu { width: 947px; height: 38px; padding-left: 38px; background: url(images/menu_bg.jpg) no-repeat;}
.button1 { display: block; float: left; width: 72px; height:38px; background: url(images/menu_a_03.jpg) no-repeat; cursor: pointer; } 
.button1:hover { background: url(images/menu_b_03.jpg) no-repeat; }
.button2 { display: block; float: left; width: 100px; height:38px; background: url(images/menu_a_04.jpg) no-repeat; cursor: pointer; }
.button2:hover { background: url(images/menu_b_04.jpg) no-repeat; }
.button3 { display: block; float: left;width: 97px; height:38px; background: url(images/menu_a_05.jpg) no-repeat; cursor: pointer; } 
.button3:hover { background: url(images/menu_b_05.jpg) no-repeat; }
.button4 { display: block; float: left; width: 97px; height:38px; background: url(images/menu_a_06.jpg) no-repeat; cursor: pointer; } 
.button4:hover { background: url(images/menu_b_06.jpg) no-repeat; }
.button5 { display: block; float: left; width: 101px; height:38px; background: url(images/menu_a_07.jpg) no-repeat; cursor: pointer; } 
.button5:hover { background: url(images/menu_b_07.jpg) no-repeat; }			 
.button6 { display: block; float: left; width: 98px; height:38px; background: url(images/menu_a_08.jpg) no-repeat; cursor: pointer; } 
.button6:hover { background: url(images/menu_b_08.jpg) no-repeat; }			 
.button7 { display: block; float: left; width: 96px; height:38px; background: url(images/menu_a_09.jpg) no-repeat; cursor: pointer; }
.button7:hover { background: url(images/menu_b_09.jpg) no-repeat; }		
.button8 { display: block; float: left; width: 68px; height:38px; background: url(images/menu_a_10.jpg) no-repeat; cursor: pointer; } 
.button8:hover { background: url(images/menu_b_10.jpg) no-repeat; }
.button9 { display: block; float: left; width: 67px; height:38px; background: url(images/menu_a_11.jpg) no-repeat; cursor: pointer; } 
.button9:hover { background: url(images/menu_b_11.jpg) no-repeat; }		
.button10 { display: block; float: left; width: 75px; height:38px; background: url(images/menu_a_12.jpg) no-repeat; cursor: pointer; } 
.button10:hover { background: url(images/menu_b_12.jpg) no-repeat; }



#content{ background: url(images/content_bg.jpg) repeat-y; width:947px; margin:0 auto;  height:auto;}




#newuser_swf{  text-align:right; margin-right:0}
#content_news{ float: left; width:223px; padding-top:10px; }
#content_news_menu{ float: left; width:201px; height: 84px;  margin-top:10px; background: url(images/news_top_right.jpg) no-repeat;}
.news_menu1 {  cursor: pointer; margin-top:28px; display: block; float: left; width: 50px; height:23px; background: url(images/news_menu_01.jpg) no-repeat; } 
.news_menu1:hover { background: url(images/news_menu_01a.jpg) no-repeat; }
.news_menu2 { cursor: pointer; margin-top:28px; display: block; float: left; width: 49px; height:23px; background: url(images/news_menu_02.jpg) no-repeat; } 
.news_menu2:hover { background: url(images/news_menu_02a.jpg) no-repeat; }
.news_menu3 { cursor: pointer; margin-top:28px; display: block; float: left; width: 49px; height:23px; background: url(images/news_menu_03.jpg) no-repeat; } 
.news_menu3:hover { background: url(images/news_menu_03a.jpg) no-repeat; }
.news_menu4 { cursor: pointer; margin-top:28px; display: block; float: left; width: 51px; height:23px; background: url(images/news_menu_04.jpg) no-repeat; } 
.news_menu4:hover { background: url(images/news_menu_04a.jpg) no-repeat; }
#content_news_content{ width:424px; min-height: 50px; clear: both; padding: 8px 15px; background: url(images/news_bg.jpg) repeat-y;}



/*bottom*/
#content_down{ width: 947px; height: 26px; background: url(images/content_down.jpg) no-repeat;}
#copyright { width: 100%; max-width:1024px; margin:0 auto; height: 129px; background: url('images/copyright.jpg') center top no-repeat; }



.newslist { list-style-type: none; margin: 0; padding: 0; text-align:left; }
.newslist li { margin: 0; padding: 0; heught:auto ; _height: 30px; min-height: 30px !important; padding:0 37px 8px 37px;} 
.newslist li.game { background: url(images/icon_news03.jpg) no-repeat 0 0px; }
.newslist li.system { background: url(images/icon_news01.jpg) no-repeat 0 0px; }
.newslist li.activity { background: url(images/icon_news02.jpg) no-repeat 0 0px; }

.newslist li.game a{ color:#450403; padding-left:5px;  font-size:10pt;}
.newslist li.system a{ color:#450403;  padding-left:5px;  font-size:10pt;}
.newslist li.activity a{ color:#450403; padding-left:5px;  font-size:10pt;}


#content_fixtime{ float: left; width: 300px;  padding-top:28px;  min-height:147px; height: auto !important;height: 147px;}
.left_banner img{ margin-bottom:10px;}
#main_content { float:left;  width:457px; text-align:center; height:auto; margin:0 auto;}
.content_ad{ float: left; width:100px; height: auto; background: url(images/ad01.gif) no-repeat;  margin-top:28px;}
.content_ad img{ margin-bottom:10px;}

#content_new_box {width:424px; margin:0 auto;}

.about { height:84px; background:url(images/about_bg.jpg) center no-repeat ;  width: }
.user { height:84px; background:url(images/user_bg.jpg) center no-repeat ; }
.guild { height:84px; background:url(images/guild_bg.jpg) center no-repeat ; }
.country { height:84px; background:url(images/country_bg.jpg) center no-repeat ; }
.hero { height:84px; background:url(images/hero_bg.jpg) center no-repeat ; }
.feature { height:84px; background:url(images/feature_bg.jpg) center no-repeat ; }
.pay  { height:84px; background:url(images/pay_bg.jpg) center no-repeat ; }
.bbs { height:84px; background:url(images/bbs_bg.jpg) center no-repeat ; }
.faq { height:84px; background:url(images/faq_bg.jpg) center no-repeat ; }
.reg { height:84px; background:url(images/reg_bg.jpg) center no-repeat ; }
.change { height:84px; background:url(images/change_bg.jpg) center no-repeat ; }
.forget { height:84px; background:url(images/forget_bg.jpg) center no-repeat ; }
.new_use { height:84px; background:url(images/new_use.jpg) center no-repeat ; }
.vgo { height:84px; background:url(images/vgo_bg.jpg) center no-repeat ;}

.backindex { text-align:right; padding:10px;} 

.news_content_bg {width:424px;  height:84px; background:url(images/about_bg.jpg) center no-repeat;margin:0 auto; }
.content_bg { width:424px; background:url(images/news_bg.jpg) center repeat-y ;margin:0 auto;  }
.content_bottom {width:424px; height: 31px; background: url(images/news_09.jpg) center no-repeat; margin:0 auto; }

/*news*/
.in_news_bg { width:424px; height:84px; background:url(images/in_news_bg.jpg) center no-repeat ; margin:0 auto;}
.in_news { text-align:left;  padding:0 15px;}
.in_news h1 { display:inline; font-size:11pt; color:#003366; padding-left:15px; height:30px;}
.in_news h1 span { font-size:10pt; color:#666; padding-right:10px;}
.in_news h2 { padding:10px; color:#333; font-size:10pt; line-height:25px;}

.news_all {}
.news_all ul{ list-style:square; text-align:left;  color:#666}
.news_all ul li { line-height:30px; }
.news_all ul li a{color: #450403; text-decoration: none;}
.news_all ul li a:hover{ font-weight: bold; text-decoration: underline; }

.page { color:#494544; font-size:9pt; padding:10px 0;}
.page span{ color:#fff; font-size:10pt; padding:3px; background:#494544; border:1px solid #494544;}
.page a {font-size:9pt; color:#494544; text-decoration:none;padding:3px;  border:1px solid #494544;}
.page a:hover { color:#fff; font-weight:normal; padding:3px; background:#494544; border:1px solid #333;}


/*reg*/
.in_reg, .in_forget , .news_all , .in_news , .in_faq , .in_about,.in_user,.in_guild,.in_country,.in_hero,.in_feature,.in_pay,.in_bbs,.in_change ,.in_vgo{ padding-top:10px;}
.in_reg h2 ,.in_change h2, .in_faq h2, .in_forget h2 {  text-align:right; display:block; padding-right:30px; padding:0 100px 10px 0;}
.in_reg h2 input , .in_change h2 input , .in_faq h2 ,.in_forget h2 input {width:150px;}
.in_reg input.btn_send , .in_change input.btn_send , .in_faq input.btn_send, .in_forget input.btn_send , .in_vgo input.btn_send{ margin-top:15px}
.in_forget { min-height:130px; height: auto !important;height: 130px;}
.in_forget h2 {  text-align:right; display:block; padding-right:30px; padding:0 120px 10px 0;}
.in_forget h3 {  text-align:center; color:#666; padding-right:30px;}

.in_vgo h2 input{}
.in_vgo h2{ text-align:left;  display: block; line-height:30px; padding-left:60px;}
.in_vgo h3 {  text-align:center; color:#666; padding:10px 30px 0 0;}

.in_change h3 , .in_faq h3 { text-align:right; display:block; padding:0 214px 10px 0; }
.faq_type { text-align:right; display:block; padding:0 171px 10px 0; }
.faq_detail{ line-heigt:35px; text-align:right; display:block; padding:0 254px 10px 0; _padding:5px 253px 10px 0; }
.faq_reply { text-align:left; border:1px ridge #999; width:400px; margin:0 auto; margin-top:5px;}
.faq_reply h1{ padding-left:5px; line-height:20px; display:block; }
.faq_reply h1 span.title{ padding:5px 10px; line-height:30px; background:#003366; color:#fff;}
.faq_reply h1 span.top{ padding-left:5px; color:#333}
.faq_reply h1 span.title2{ padding:5px 10px; line-height:30px; background:#891212; color:#fff;}
.faq_reply h1 span.top2{ padding-left:5px; color:#000;}

.in_user ,.in_guild , .in_country , .in_hero, .in_feature{ text-align:left; padding:15px;}

.in_user h1 , .in_guild h1 , .in_country h1 ,.in_hero h1 , .in_feature h1{ font-weight:bold; font-size:12pt; color:#333; line-height:30px;}
.in_user h2 , .in_guild h2 , .in_country h2 ,.in_hero h2 , .in_feature h2{  font-weight:normal; font-size:10pt; color:#333; line-height:25px;}

.forpic { text-align:center; font-size:9pt;}

.ads1 { width:860px; padding:0 10px 10px 0; height:110px; background:url(images/ads01_bg.jpg) no-repeat; margin:5px auto 0 auto;}
.ads1 h1 { width:860px; height:34px; background:url(images/ader_01.jpg) no-repeat}
.ads1 a img { margin:10px 0 0 5px; }
.ads2 { width:860px; padding:0 10px 10px 0; height:130px; background:url(images/ads02_bg.jpg) no-repeat; margin:5px auto 0 auto; }
.ads2 h1 { width:860px; height:34px; background:url(images/ader_02.jpg) no-repeat}
.ads2 a img { margin:10px 0 0 2px; _margin:10px 0 0 2px; }