body{ background:url(../images/index/bg_body.png) repeat-x 0 33px #010101; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#533E11;}
a{ text-decoration:none;  color:#533E11;}
a:hover{ text-decoration:underline; color:#C00;}
#container{ background:url(../images/index/bg_container.jpg) no-repeat top center; min-height:812px;}
#header{ margin:0 auto; width:960px; height:300px; background:url(../images/index/bg_header.jpg) no-repeat;}
#header h1#logo{ display:block; height:235px;}
#header h1#logo a{ display:block; margin-left:372px; width:245px; height:95px; text-indent:-999em; overflow:hidden;}
#wrapper{ width:960px; margin:0 auto; background:url(../images/index/bg_wrapper.jpg) no-repeat; min-height:512px; _height:512px;}
#main{ margin:0 85px; width:780px; background:url(../images/index/bg_main.jpg) 20px 0 repeat-y;}
.mainWrap{ background:url(../images/index/bg_main_wrapper.jpg) no-repeat; min-height:300px;}
#footer{ margin-left:105px; width:734px; height:28px; background:url(../images/index/bg_footer.png) no-repeat 0 -25px; position:relative; z-index:1;}
#footer .fl,#footer .fr{ width:22px; height:25px; position:absolute; top:-25px; z-index:1; background:url(../images/index/bg_footer.png) no-repeat;}
#footer .fl{ left:0;}
#footer .fr{ right:0; background-position:-712px 0;}

.nav{ height:65px; background:url(../images/index/bg_nav.jpg) no-repeat; padding-left:277px;}
.nav li{ float:left;}
.nav li.home,.nav li.forum{ margin-top:13px; width:108px; height:25px;}
.nav li.home a,.nav li.forum a{ display:block; height:25px; text-indent:-999em; overflow:hidden; background:url(../images/index/nav.png) no-repeat;}
.nav li.home a:hover{ background-position:0 -25px;}
.nav li.forum a{ background-position:-108px 0;}
.nav li.forum a:hover{ background-position:-108px -25px;}
.nav li.btn{ position:relative; z-index:1; width:165px; height:65px;}
.nav li.btn object,.nav li.btn img,.nav li.btn a{ top:-75px; left:-21px; width:205px; height:154px; display:block; z-index:1; font:0/0 Arial; position:absolute;}
.nav li.btn a{ z-index:2; background:url(../images/spacer.gif) repeat;}
.register{ float:left; margin:3px 0 0 38px; width:213px; height:381px; background:url(../images/index/bg_register.png) no-repeat; _display:inline;}
.register h1{ height:45px; text-indent:-999em;}
.registerForm{ margin-left:18px; font-size:12px;}
.registerForm label{ font-weight:bold; padding-left:5px;}
.registerForm .input{ margin:0 0 3px 5px;}
.registerForm .check{ margin:10px 0 0 5px; overflow:auto;}
.registerForm .check span{ float:left;}
.registerForm .btn{ padding:25px 0; width:181px;}
.registerForm .tip{ margin:-19px 5px; line-height:16px;}
.registerForm .tip a{ text-decoration:underline; color:#F71908;}
.inputNormal{ border:1px solid #8D7B5E; background:#A19073; padding:2px; height:14px; font-size:12px; color:#333; line-height:14px; +margin:-1px 0 -2px 0;}
.inputFocus{ border:1px solid #C56F27; background:#AE9F86; padding:2px; height:14px; font-size:12px; color:#333; line-height:14px; +margin:-1px 0 -2px 0;}
.info{ position:absolute; border:1px solid #8D7B5E; padding:3px 5px 3px 2px; width:200px; line-height:18px; display:none; background:#B1A48B; z-index:2;}
.ps{width:120px; height:4px; background:#666; overflow:hidden; margin:8px 0 0 35px; position:absolute;*margin:8px 0 0 2px;}
.ys1{height:4px; background:#448F00;  width:40px;}
.ys2{height:4px; background:#448F00;  width:80px;}
.ys3{height:4px; background:#448F00; width:120px;}
.pwS{ float:left; font-weight:bold; padding-right:5px;}
.pwT{ float:left; clear:right; line-height:19px;}
.slidePlayer{ float:left; width:460px; height:354px; margin:13px 0 0 3px; padding:7px; background:url(../images/index/bg_slideplayer.jpg) no-repeat; _display:inline;}

.sidebar{ float:left; margin:10px 0 0 40px; width:215px; background:url(../images/index/bg_sidebar.png) no-repeat -430px bottom; _display:inline;}
.memberInfo{ width:165px; height:111px; background:url(../images/index/bg_sidebar.png) no-repeat; padding:12px 25px;}
.serverList{ clear:both; background:url(../images/index/bg_sidebar.png) no-repeat -215px 0; padding:10px; min-height:215px; _height:215px;}
.serverList dl{ padding:5px 0;}
.serverList dt{ padding-left:13px; height:26px; background:url(../images/index/bg_sidebar.png) no-repeat 3px bottom; font:12/12 Arial; line-height:10px;}
.serverList dd{ margin:0 15px; padding-bottom:5px; font-weight:bold; line-height:14px; _padding-top:1px;}
.serverList dd img{ margin-left:5px;}
.serverList .lastLog{ display:block; padding-top:2px; font-weight:normal; color:#A22E00;}

.banner{ float:left; margin:10px 0 3px 0; width:460px; height:140px; padding:7px 6px; font:0/0 Arial; background:url(../images/index/bg_banner.png) no-repeat;}

.update{ float:left; width:470px; height:209px; background:url(../images/index/bg_update.jpg) no-repeat left bottom;}
.updateNav{ height:30px; background:url(../images/index/bg_update_nav.png) no-repeat; padding:6px 0 0 55px; color:#2B251A;}
.updateNav li{ float:left;}
.updateNav li a{display:block; height:27px; text-indent:-999em; overflow:hidden;}
.updateNav li.s1 a{ width:58px;}
.updateNav li.s2 a{ width:58px;}
.updateNav li.s3 a{ width:58px;}
.updateNav li.s4 a{ width:58px;}
.updateNav li a:hover,.updateNav li a.current{ background:url(../images/index/bg_update_nav.png) no-repeat;}
.updateNav li.s1 a:hover,.updateNav li.s1 a.current{ background-position:-55px -42px;}
.updateNav li.s2 a:hover,.updateNav li.s2 a.current{ background-position:-113px -42px;}
.updateNav li.s3 a:hover,.updateNav li.s3 a.current{ background-position:-171px -42px;}
.updateNav li.s4 a:hover,.updateNav li.s4 a.current{ background-position:-229px -42px;}
.updateNav li.more{ float:right; padding:6px 8px 0 0;}
.updateNav li.more a{ display:block; width:37px; height:14px; text-indent:-999em; overflow:hidden; background:url(../images/index/bg_update_nav.png) no-repeat -500px 0;}
.updateNav li.more a:hover{  background:url(../images/index/bg_update_nav.png) no-repeat -500px -14px;}
.updateList{ margin:7px;}
.updateList li{ float:left; width:446px; height:20px; background:url(../images/bg_dot_line.png) repeat-x left bottom; padding:2px 5px 0 5px;}
.updateList li a{ color:#2B251A;}
.updateList li a:hover{ color:#900;}
.newsNotices,.newsActivities,.newsOthers{ float:left; padding-left:60px;}
.newsNotices{ background:url(../images/ico_news.png) no-repeat 0 0px;}
.newsActivities{ background:url(../images/ico_news.png) no-repeat 0 -40px;}
.newsOthers{ background:url(../images/ico_news.png) no-repeat 0 -76px;}
.newsNormal{ float:left; padding-left:18px; background:url(../images/ico_arrow.png) no-repeat 5px center;}
.newsTime{ float:right;}
.usetione {width:130px; background-color:#BFAC8C; border:1px solid #352516; height:auto; position:absolute;margin:66px 0 0 225px; display:none;*margin:66px 0 0 -500px;}
.usetmima {width:130px; background-color:#BFAC8C; border:1px solid #352516; height:auto; position:absolute;margin:107px 0 0 225px; display:none;*margin:107px 0 0 -500px;}
.usetconfu {width:130px; background-color:#BFAC8C; border:1px solid #352516; height:auto; position:absolute;margin:149px 0 0 225px; display:none;*margin:149px 0 0 -500px;}
.usetmail {width:130px; background-color:#BFAC8C; border:1px solid #352516; height:auto; position:absolute;margin:209px 0 0 225px; display:none;*margin:209px 0 0 -500px;}
.usetsize {font-size:12px; color:#352516; width:95%; margin-left:5px;}