.area{width:960px;margin:0 auto;clear:both;}
.area .sTi{width:936px;height:27px;margin:9px auto 0;background:url(bar.gif) no-repeat;}
.area .sTi h2{color:#FFF;float:left;font-size:14px;font-weight:700;padding:7px 0 0 7px;}
.area .sTop{width:158px;height:151px;padding:15px 0 0 686px;margin:9px auto 0;background:url(banner1.gif) no-repeat;}
.area .sTop li{height:48px;background:url(btn_b.gif) no-repeat 0 37px;}
.area .sNav{width:825px;height:48px;padding-left:19px;margin:0 auto;border-bottom:3px solid #BDB9B8;}
.area .sNav ul{height:48px;position:relative;top:3px;}
.area .sNav ul li{display:inline;float:left;margin-right:8px;}
.area .sNav ul li a{display:block;height:48px;overflow:hidden;text-indent:-9999px;}
.area .sNav ul li a.current{cursor:default;blr:expression(this.onFocus=this.blur())}
.area .sNav ul li.item1 a{width:167px;background:url(nav_i1.gif) no-repeat;}
.area .sNav ul li.item1 a.current{background:url(nav_i1h.gif) no-repeat;}
.area .sNav ul li.item2 a{width:148px;background:url(nav_i2.gif) no-repeat;}
.area .sNav ul li.item2 a.current{background:url(nav_i2h.gif) no-repeat;}
.area .sNav ul li.item3 a{width:205px;background:url(nav_i3.gif) no-repeat;}
.area .sNav ul li.item3 a.current{background:url(nav_i3h.gif) no-repeat;}
.area .sCon{width:844px;margin:0 auto;}
.area .sCon .guide{line-height:18px;color:#333;padding:32px 10px 75px 13px;}
.area .sCon .guide h3 img,.area .sCon .guide h4 img{display:block;margin-bottom:4px;}
.area .sCon .guide p{padding-left:10px;}
.area .sCon .guide p.ti2{text-indent:2em;}
.area .sCon .guide p img{vertical-align:middle;margin-left:5px;}
.area .sCon .guide p a{color:#0087C6;text-decoration:underline;}
.area .sCon .guide p a:hover{text-decoration:none;}
.area .sCon .guide .guidePic{padding:2px 0 20px 156px;position:relative;}
.area .sCon .guide .guidePic .sh_pico{position:absolute;top:-14px;right:366px;}

.area .bangBanner{width:920px;height:232px;margin:0 auto;position:relative;background:url(bd_bnb.gif) no-repeat 0 bottom;}
.area .bangBanner .content{width:920px;height:213px;overflow:hidden;position:relative;z-index:10;}
.area .bangBanner .content img{position:absolute;top:0px;left:0px;}
.area .bangBanner .btns{height:32px;position:absolute;top:169px;padding-left:33px;z-index:100;}
.area .bangBanner .btns li{height:32px;width:32px;float:left;margin-right:7px;}
.area .bangBanner .btns li a{width:32px;height:32px;text-indent:-9999px;overflow:hidden;display:block;background:url(bd_num1.gif) no-repeat;}
.area .bangBanner .btns li a.current{background:url(bd_num1m.gif) no-repeat;blr:expression(this.onFocus=this.blur());}
.area .bangBanner .btns li.btn2 a{background:url(bd_num2.gif) no-repeat;}                     
.area .bangBanner .btns li.btn2 a.current{background:url(bd_num2m.gif) no-repeat;}
.area .bangBanner .btns li.btn3 a{background:url(bd_num3.gif) no-repeat;}
.area .bangBanner .btns li.btn3 a.current{background:url(bd_num3m.gif) no-repeat;}
.area .bangBanner .btns li.btn4 a{background:url(bd_num4.gif) no-repeat;}
.area .bangBanner .btns li.btn4 a.current{background:url(bd_num4m.gif) no-repeat;}
.area .bangBanner .btns li.btn5 a{background:url(bd_num5.gif) no-repeat;}
.area .bangBanner .btns li.btn5 a.current{background:url(bd_num5m.gif) no-repeat;}
.area .bangBanner .btns li.btn6 a{background:url(bd_num6.gif) no-repeat;}
.area .bangBanner .btns li.btn6 a.current{background:url(bd_num6m.gif) no-repeat;}

.area .bangArea{width:912px;padding-top:3px;margin:0 auto;}
.area .bangArea .bangTi{height:30px;}
.area .bangArea .bangList{border:1px solid #C1C1C1;background:#F0F0F0;padding:4px;}
.area .bangArea .bangList .title{padding:18px 13px 4px;height:28px;background:#fff;}
.area .bangArea .bangList .title ul{height:23px;background:url(til.png) repeat-x;}
.area .bangArea .bangList .title li{float:left;}
.area .bangArea .bangList .title li a{width:97px;height:23px;display:block;text-align:center;line-height:23px;}
.area .bangArea .bangList .title .cur {color:#fff;height:28px;background:url(tibg1.png) no-repeat;}
.area .bangArea .bangList .title .cur a{color:#fff;}
.area .bangArea .bangList .list ul{height:505px;padding:5px 7px 0 7px;background:#fff url(num.gif) no-repeat 10px 6px;}
.area .bangArea .bangList .list ul li{height:32px;overflow:hidden;background:url(dot.gif) repeat-x 0 bottom;}
.area .bangArea .bangList .list ul li.nobor{background:none;}
.area .bangArea .c1{width:469px;float:right;}
.area .bangArea .c1 .wordBang .list ul{width:443px;background:#fff url(num.gif) no-repeat 8px 6px;}
.area .bangArea .c1 .wordBang .list li{width:393px;padding:9px 4px 9px 46px;float:left;}
.area .bangArea .c1 .wordBang .list li .pic{border:1px solid #BBBBBB;width:41px;height:30px;display:block;overflow:hidden;float:left;margin-right:12px;}
.area .bangArea .c1 .wordBang .list li .workName{width:245px;height:32px;float:left;line-height:32px;overflow:hidden;}
.area .bangArea .c1 .wordBang .list li .workName a{font-weight:700;color:#00A2E1;}
.area .bangArea .c1 .wordBang .list li .workName a:hover{color:#5CAE00;}
.area .bangArea .c1 .wordBang .list li .gameName{float:right;width:90px;line-height:32px;text-align:right;}
.area .bangArea .c2{float:left;width:424px;}
.area .bangArea .c2 .memberBang .list ul{width:400px;}
.area .bangArea .c2 .memberBang .list li{padding:9px 10px 9px 44px;width:343px;float:left;}
.area .bangArea .c2 .memberBang .list li .avatar{border:1px solid #BBBBBB;float:left;width:30px;height:30px;overflow:hidden;display:block;margin-right:8px;}
.area .bangArea .c2 .memberBang .list li .uname{float:left;width:143px;padding-top:9px;}
.area .bangArea .c2 .memberBang .list li .uname a{font-weight:700;color:#00A2E1;}
.area .bangArea .c2 .memberBang .list li .uname a:hover{color:#5CAE00;}
.area .bangArea .c2 .memberBang .list li .uname img{vertical-align:middle;}
.area .bangArea .c2 .memberBang .list li .level{float:right;width:58px;line-height:32px;text-align:right;}
.area .bangArea .c2 .memberBang .list li .level a:hover{color:#999;}

.dir{ margin:0 auto; width:960px; height:32px; background:url(dir_bg.png) repeat-x #EFEFEF;}