@charset "GB2312";
/*=#index: */
#index_side{width:166px; float:left;}
#index_main{width:769px; float:right;}
#index .direct{overflow:hidden;}
#index .direct li{width:166px; height:31px; overflow:hidden; margin-bottom:5px;}
#index .direct a{background:url(../images/index_leftNav.gif) no-repeat; display:block; width:166px; height:31px; overflow:hidden; text-indent:-9999px;}
#index .direct-reg a{background-position:0 0;}
#index .direct-download a{background-position:0 -36px;}
#index .direct-patch a{background-position:0 -72px;}
#index .direct-purchase a{background-position:0 -108px;}
#index .direct-ecard a{background-position:0 -144px;}
#index .direct-list a{background-position:0 -180px;}

#index .hot-nav{overflow:hidden; margin-top:4px;}
#index .hot-nav li{width:166px; height:61px; overflow:hidden; margin-bottom:9px;}
#index .hot-nav a{display:block; width:166px; height:61px; overflow:hidden; text-indent:-9999px; background:url(../images/index_hotNav.jpg) no-repeat;}
#index .hot-nav a.account{background-position:0 -61px;}
#index .hot-nav a.handbook{background-position:0 -183px;}
#index .hot-nav a.guide{background-position:0 -122px;}
#index .hot-nav a.party{background-position:0 0;}

#index .board{background:#dfedda;  margin-bottom:9px;}
#index .board_con{padding:5px;}
#index .service h3{background:url(../images/index_leftNav.gif) no-repeat 0 -240px; width:166px; height:24px; overflow:hidden; text-indent:-9999px;}
#index .calendar h3{background:url(../images/index_leftNav.gif) no-repeat 0 -264px; width:166px; height:24px; overflow:hidden; text-indent:-9999px;}
#index .survey h3{background:url(../images/index_leftNav.gif) no-repeat 0 -216px; width:166px; height:24px; overflow:hidden; text-indent:-9999px;}
#index .service,#index .calendar{font-size:12px;}
#index .bot_line{border-bottom:1px dotted #a2a2a2; display:block; padding-top:3px;}
#index span a,#index span .hot{margin:7px;}
#index .calendar h4{color:#f26521; font-weight:bold;}
#index .calendar ul{border-bottom:1px dotted #a2a2a2; overflow:visible; height:77px; margin-bottom:5px;}
#index .calendar li{width:66px; float:left; display:inline; margin:3px;}
#index .calendar p{text-indent:2em; margin:3px;}
#index .calendar a{text-decoration:underline;}

#index .enter{display:block; text-align:right;}
#index .enter a{background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:12px; color:#f04e22;}
#index .survey p{margin:3px;}
#mag form{display:block;margin:5px;}
#mag span{display:block;margin:2px 10px;}
#parters{text-align:center;}
#parters select{width:130px;margin:5px;}

#index .picture{position:relative; display:block; text-align:center;}
#index .picture-trigon{background:url(../images/trigon.gif) no-repeat; width:17px; height:17px; overflow:hidden; position:absolute; right:0; top:0;}
#index .picture-box{border:1px solid #797c5b; padding:4px; display:block; background:#fff;}
.index-zhidao-search{text-align:center; font-size:12px; padding:5px 0;}

#index .area-left{width:467px; float:left; overflow:hidden;}
#index .area-right{width:296px; float:right; overflow:hidden;}
#index .area{overflow:hidden;}
#index .area-blank{width:auto; height:7px; clear:both; overflow:hidden;}
#index .area-content{padding:5px 10px; overflow:hidden;}
#index .linker{width:770px; height:65px; overflow:hidden; margin:0 auto;}

#information select{width:87px;font-size:12px;}

#index_main h3{background:url(../images/index_h3_bg.jpg) no-repeat 0 0; width:276px; height:27px; overflow:hidden; padding-left:20px;}
#index_main h3 span{background:url(../images/index_h3s.gif) no-repeat; width:110px; height:27px; overflow:hidden; display:block; text-indent:-9999px;}
#index_main h3.long{background-position:-296px 0; width:447px; height:27px; overflow:hidden; padding-left:20px;}
#index_main .index-news h3 span{background-position:-5px -108px;}
#index_main .index-develop h3 span{background-position:-5px -189px;}
#index_main .index-counter h3 span{background-position:-5px -216px;}
#index_main .index-rank h3 span{background-position:-5px -27px;}
#index_main .index-hot h3 span{background-position:-5px -135px;}
#index_main .index-guide h3 span{background-position:-5px -162px;}
#index_main .index-posts h3 span{background-position:-5px -54px;}
#index_main .index-servers h3 span{background-position:-5px 0;}
#index_main .index-zhidao h3 span{background-position:-5px -270px;}
#index_main .index-videos h3 span{background-position:-5px -297px;}
#index_main .index-cartoon h3 span{background-position:-5px -243px;}
#index_main .index-show h3 span{background-position:-5px -324px;}
#index_main .index-games h3 span{background-position:-5px -81px;}

.index-show{position:relative; font-size:12px;}
.index-games{position:relative; font-size:12px;}

#index .playerZone{background:#dde9d8; width:auto; height:30px; line-height:30px; padding:0 15px;}
#index .playerZone a{font-size:12px;}
#index .playerZone .more{float:right;}

.index-news{position:relative; width:auto; height:309px;}
.index-news-tags{position:absolute; top:5px; right:5px;}
.index-news-pic{width:124px; position:absolute; left:6px; top:27px;}
.index-news-pic li{width:120px; float:left; margin-top:7px;}
.index-news-list{ margin-left:132px;}
.index-news-list .first a{color:#0071bc; font-weight:bold;}
.index-news-list .first{margin:3px auto;}

#index .index-more{float:right; display:inline; font-size:12px; color:#0071bc;background:url(../images/more.gif) no-repeat 0 4px !important;  background:url(../images/more.gif) no-repeat 0 3px; padding-left:15px; margin-top:3px; margin-right:5px;}
.index-develop h4{font-weight:bold; color:#f26521;}
.index-rank a{padding-left:20px;line-height:24px;}
#rank_1{background:url(../images/rank_1.gif) no-repeat left;}
#rank_2{background:url(../images/rank_2.gif) no-repeat left;}
#rank_3{background:url(../images/rank_3.gif) no-repeat left;}
#rank_4{background:url(../images/rank_4.gif) no-repeat left;}
#rank_5{background:url(../images/rank_5.gif) no-repeat left;}
#index_rank{background:#dfedda; padding-bottom:5px;}
#index_rank h3{background:url(../images/player_h3.jpg) no-repeat 0 0; width:166px; height:24px; overflow:hidden;}
#index_rank a{padding-left:20px; list-style:30px;}
#index_rank ul{width:156px; margin:auto;}
#index_rank li{background:url(../images/line.gif) no-repeat bottom center; padding-left:16px; height:23px; padding-top:5px; margin:5px auto;}

#index_counter{background:#dfedda; padding-bottom:5px;}
#index_counter h3{background:url(../images/player_h3.jpg) no-repeat 0 -24px; width:166px; height:24px; overflow:hidden;}
#index_counter ul{width:156px; margin:auto;}
#index_counter li{background:url(../images/line.gif) no-repeat bottom center; padding-left:16px; height:23px; padding-top:5px; margin:5px auto;}


.index-hot{position:relative; width:auto; overflow:hidden; height:100%; line-height:1.8;}
.index-hot-pic{position:absolute; top:27px; left:4px; width:200px; margin-left:4px; margin-top:5px;}
.index-hot-list{margin-left:213px;}
.index-hot-pic p a{font-size:12px; color:#f26521; text-decoration:underline;}
.index-hot-pic p a:visited{color:#f26521;}
.index-hot-top{margin-top:7px; font-size:12px;}
.index-hot-top strong{color:#0071bc;}

.newslist .first{font-weight:bold; font-size:14px; height:27px; line-height:30px;}
.newslist li{font-size:12px;}

.index-guide{position:relative; width:auto; overflow:hidden; height:100%; line-height:1.8;}
.index-guide-left{position:absolute; top:27px; left:4px; width:200px; margin-left:4px; margin-top:5px; font-size:12px;}
.index-guide-list{margin-left:213px;}
.index-guide-top{margin-top:10px; font-size:12px;}
.index-guide-left strong{color:#0071bc;}
.index-guide-keywords{padding-bottom:10px; border-bottom:1px dashed #acaeaa; margin-bottom:14px;}
.index-guide-top{background:url(../images/index_guide_bg.gif) no-repeat; width:453px; height:54px; overflow:hidden; margin:10px auto; text-align:center; font-size:14px; font-weight:bold; padding-top:4px;}
.index-guide-top a,.index-guide-top a:visited{color:#47734f; margin:3px;}
.index-guide-bottom{padding:0 10px; clear:both; overflow:hidden;}
.index-guide-bottom li{background:url(../images/aflower.gif) no-repeat left; padding-left:12px; display:block; float:left; width:430px; height:25px;}

.index-posts{position:relative; width:auto; overflow:hidden; height:100%; line-height:1.8;}
.index-posts-pic{position:absolute; top:27px; left:4px; width:200px; margin-left:4px; margin-top:5px; font-size:12px;}
.index-posts-list{margin-left:213px;}
.index-posts-pic{margin-top:10px; font-size:12px;}
.index-posts-pic strong{color:#0071bc;}
.index-posts-pic p a{font-size:12px; color:#f26521; text-decoration:underline;}
.index-posts-pic p a:visited{color:#f26521;}

.index-servers{position:relative; width:auto;}

.index-cartoon{overflow:hidden; height:100%;}
.index-tablelist td{padding:10px; text-align:center; font-size:12px;}
.index-tablelist .picture{margin:auto;}

.index-zhidao{position:relative; width:auto; height:100%; overflow:hidden;}
.index-zhidao-num{position:absolute; right:5px; top:5px;}
#index .tab{background:url(../images/index_tab_bg.gif) no-repeat; width:274px; height:21px; overflow:hidden; margin-top:5px;}
#index .tab li{float:left; width:64px; height:21px; text-align:center; line-height:21px; font-size:12px; cursor:pointer;}
#index .tab li.alt{background:url(../images/index_tab_alt.gif) no-repeat; font-weight:bold; font-size:14px;}

#index .index-videos .tab li{width:49px;}
#index .index-videos .tab li.alt{background:url(../images/index_tab_alt_small.gif) no-repeat center;}
#index .tab-board{font-size:12px; margin:5px;}
.index-zhidao-search{clear:both;}
.index-videos{overflow:hidden; height:100%;}
.index-videos-rank{background:url(../images/index_video_rank.gif) no-repeat; width:295px; padding-top:48px;}
.index-videos-rank ul{font-size:12px;}
.index-videos-line{background:url(../images/index_video_rank_line.gif) no-repeat; width:295px; height:12px; overflow:hidden;}

.state{border:1px solid #c9c9c9;width:26px;height:15px;overflow:hidden;}
.state span{border:1px solid #fff;display:block;width:24px;height:13px;overflow:hidden;}
.state_great{background:#99b31d;}
.state_normal{background:#b3721d;}
.state_busy{background:#b21dad;}
.state_jam{background:#b31d1d;}
.state_rest{background:#686868;}
.state_new{background:#1d75b3;}
.state_box{width:auto;height:126px;overflow:auto;}
.index-servers{}
.index-servers td{text-align:right;font-size:12px; padding:1px 0;}
.index-servers td .state{display:inline;float:right;margin-left:3px;}
.index-servers li{display:inline;float:left;font-size:12px;margin-right:5px;}
.index-servers ul{list-style:none;background:#dde9d8;height:20px;padding-top:2px;padding-left:20px;}

.searchBar{height:25px; overflow:hidden;}
.searchBar .submit{background:url(../images/search_btns.gif) no-repeat left top; width:71px; height:21px; overflow:hidden; border:0;}
.searchBar .button{background:url(../images/search_btns.gif) no-repeat right top; width:70px; height:21px; overflow:hidden;}
.searchBar input{float:left;display:inline;margin-right:4px;_margin-right:3px;}

#index #index_login .tab{background:url(../images/index_login_tab_bg.jpg) no-repeat; width:297px; height:29px; margin-top:0; position:relative;}
#index_login .tab-board{background:url(../images/index_login_bg.jpg) no-repeat; width:297px; height:100px; border-top:1px solid #83ac92; margin:0; margin-top:-1px;}
#index_login .tab li{width:148px; height:29px; overflow:hidden; float:left; display:inline; text-align:center;}
#index_login .tab li.alt{background:url(../images/index_login_tab.jpg) no-repeat; width:148px;}
#index_login .text{width:100px;}
#index_login table{margin:10px auto; width:270px; text-align:center; font-size:14px;}
#index_login td{vertical-align:middle;}
#index_login p{text-align:center;}
#index_login a{font-size:14px; margin:5px;}

#index_player{background:url(../images/player_banner.jpg) no-repeat; width:763px; height:112px;}
#index_player p,#index_player a{font-size:14px; font-weight:bold; color:#1c5138;}
#index_player p{margin-left:40px; margin-top:70px;}

#calendar_box{position:relative; z-index:10;}
#calendar{position:absolute; top:0; left:140px; display:none;}

.index-counter a{float:left; width:130px;}
.index-rank a{ float:left; width:110px;}

#index_ploy li img{cursor:pointer;}
#index .alter-board{position:absolute; left:15px; top:15px; width:300px; background:#dde9d8; z-index:100; border:2px solid #074f30; padding:20px;}