@charset "utf-8";
#header{ height:430px; background:url(../images/header_nav.jpg) no-repeat;}
h1{ width:140px; height:150px; position: absolute; left:440px; z-index:7; top:15px;}
h1 a{width:140px; height:150px; display:block; overflow:hidden; text-indent:-3000px;}
.header{height:122px; background:url(../images/header_play.jpg) no-repeat;}
#play{ height:122px; width:233px; float:left;}

.top_navs{width:100%;  height:430px; position:absolute; top:35px; left:0; z-index:5;width:expression(document.body.clientWidth <= 1000? "1000px": "100%" );min-width:1000px;}
/*新闻*/
#news{width:531px; height:347px; padding:10px 8px 0 8px;float:left;position:relative;background:url(../images/ico_in.jpg) no-repeat 0 0; margin-bottom:30px;}
#news #focus{width:168px; height:190px;position: absolute;top:146px; left:28px}

#news .top{position:absolute; top:60px; left:34px;width:400px; height:70px; line-height:20px;}
#news h2{height:26px; font-size:18px;}
#news h2 a{color: #930}
#news h2 a:hover{color: #930}

#news .tab{ width:400px; height:28px; padding:2px 0 0 20px}
#news .tab li{ float:left}
#news .tab a{height:28px; width:65px; float:left; overflow:hidden; text-indent:-9999px; margin-right:3px; display:inline-block;}
#news .tab a.current{background:url(../images/ico_in.jpg) no-repeat}
#news .tab .tab1 a.current{ background-position:0 -590px}
#news .tab .tab2 a.current{ background-position:-68px -590px}
#news .tab .tab3 a.current{ background-position:-136px -590px}
#news .tab .tab4 a.current{ background-position:-204px -590px}
#news .tab .tab5 a.current{ background-position:-272px -590px}


#news .new{width:328px;position: absolute;top:145px; right:20px;}
#news .new li{ width:326px; float:left; padding:3px 0 2px 0; height:19px; overflow:hidden;}
#news .new a{ padding:0; border:none; height:18px; width:210px; float:left;}
#news .new li em{display:block; width:60px; float:left; text-align:center; font-style: normal;}
#news .new li em a{ float:none; color:#fff;}
#news .new li em a:hover{color: #FF3}
#news .new li span{ float:right; padding-right:6px; color: #4d4d4d; font-size:12px;}

#news .more{top:13px; left:470px; width:60px; height:18px; position:absolute; z-index:8;}
#news .more a{width:40px; height:18px;}
/*快捷通道*/
#fast{ float:right; width:207px; margin-bottom:8px;}
#fast h3{ width:207px; height:44px;background:url(../images/ico_in.jpg) no-repeat -471px -589px; overflow:hidden; text-indent:-9999px}
#fast ul{ border:3px solid #3b3330; overflow:hidden; padding:4px 0 4px 10px; width:191px;}
#fast ul li{ float:left; width:90px;}
#fast_img{float:right; width:191px; height:234px;background:url(../images/ico_in.jpg) no-repeat 0 -840px; padding:0 0 0 16px}
#fast_img a{ display:block; width:178px; height:48px; margin-bottom:10px; overflow:hidden; text-indent:-9999px}
/*推荐服务器*/
#fwq{width:226px; line-height:16px;  float:left;position: absolute; top:200px; left:0px;}
#fwq h3{height:24px; width:226px;background: url(../images/ico_in.jpg) no-repeat -640px 0; line-height:24px; color:#59544b; text-indent:30px; font-size:14px;}
#fwq a{ width:225px; height:32px; background: url(../images/ico_in.jpg) no-repeat 0 -664px; display:block; padding:4px 0; color:#333; margin-top:4px}
#fwq a:hover{background: url(../images/ico_in.jpg) no-repeat 0 -624px}
#fwq .ser_m{ display:block; padding-left:32px; color:#ac893d}
#fwq .ser_du{display:block; color:#858585; padding-left:30px;background:url(../images/server_bg.gif) no-repeat 120px 5px;}
#fwq .ser_du span{ padding-left:55px;} 
#fwq .ser_a{ padding-left:30px; color:#FFF;}
#fwq .ser_a em{ color: #F90; font-style:normal; padding:0 3px; font-weight:bold;}
#fwq .ser_0{ background-position:120px 7px;}
#fwq .ser_1{ background-position:120px -16px;}
#fwq .ser_2{ background-position:120px -36px;}
#fwq .ser_3{ background-position:120px -56px;}
#fwq .ser_4{ background-position:120px -76px;}
#fwq .ser_5{ background-position:120px -96px;}
#fwq .ser_6{ background-position:120px -116px;}
#fwq .ser_7{ background-position:120px -136px;}
#fwq .ser_8{ background-position:120px -156px;}
#fwq .ser_9{ background-position:120px -176px;}
#fwq .ser_10{ background-position:122px -196px;}
#fwq .more{top:2px; left:175px; width:45px; position:absolute; font-size:12px; height:20px}
#fwq .more a{color:#787878;background:none; line-height:20px; width:45px; margin:0; padding:0;height:20px}
#fwq .more a:hover{color:#9f5926;background:none;}

/*主体上部*/
.content{ background:url(../images/content_bg.png) repeat-y right 0; overflow:hidden;}
#left{ width:300px; height:746px; float: left; background:url(../images/ico_in.jpg) no-repeat right -641px;}
/*商城道具*/
#prop{ width:692px; height:144px; float:right; background:url(../images/content_topbg.png) no-repeat;}
#prop .current{ width:260px; height:116px;background:url(../images/ico_in.jpg) no-repeat 0 -719px; margin:20px 0 0 8px; float:left;display:inline}
#prop .current .ico{ float:left; width:52px; padding:6px 10px 0 16px; text-align:center;}
#prop .current .ico img{ margin-bottom:6px;}
#prop .current .ico a{ color:#161a27; line-height:28px;}
#prop .current .ico a:hover{ color: #630;}
#prop .current strong{ float:left; height:28px; padding:32px 0 0 8px; color:#ddb615}
#prop .current p{ float: left; width:160px; padding:2px 0 0 8px}
#prop .current em{ float:right;padding:32px 45px 0 0; height:20px; font-size:12px;}
#prop ul{ float:left; width:400px; padding:15px 0 0 20px }
#prop ul li{float:left; width:31px; height:31px; padding:3px;background:url(../images/ico_in.jpg) no-repeat -270px -742px; margin:0 11px 10px 0; overflow:hidden; display:inline}
#prop ul li a img{width:31px; height:31px;}
#prop ul li a:hover img {filter:alpha(opacity=50);}
#prop .more{ float:right; padding:10px 12px 0 0}
#prop .more a{ margin-right:10px; font-size:12px;}

/*游戏资料*/
#data{ width:685px; height:228px; float:right; background:url(../images/ico_in.jpg) no-repeat 0 -359px; margin-bottom:8px; position:relative;}
#data h3{ height:36px; width:685px; overflow:hidden; text-indent:-9999px}
#data ul{ width:220px; height:70px; padding:20px 0 0 120px; float:left;}
#data ul li{ display:inline;}
#data ul li a{ width:60px; display: inline-block; height:22px;line-height:22px;overflow:hidden;text-align:center;}
#data ul li a.space{ width:10px;}
#data  a.more{top:8px; right:10px; width:100px; position:absolute;}

#activity{ width:685px; float:right; margin-bottom:8px;}
/*游戏攻略+bbs*/
.list{float:right; width:335px; height:266px;background:url(../images/ico_in.jpg) no-repeat 0 -1118px;position:relative;}
.list h3{height:36px; width:335px; overflow:hidden; text-indent:-9999px}
.list ul{ padding:10px 0 0 0;float:left}
.list ul li{ width:300px; height:26px; padding:0 0 0 25px; overflow:hidden; float:left}
.list ul li a{ float:left; width:255px; height:26px; white-space:nowrap; overflow:hidden;}
.list ul li span{ float: right; font-size:12px; color:#666; width:40px; text-align:right}
.list a.more{top:8px; right:10px; width:60px; position:absolute;}

#raiders{margin-right:8px;}
#bbs{margin-right:7px;}
#bbs h3{background:url(../images/ico_in.jpg) no-repeat 0 -1075px;}

#acts{ width:282px; height:200px; margin:0 auto}
#acts h3{height:42px;width:282px; text-indent:-9999px; overflow:hidden;}
#acts .actsimg{ width:265px; height:64px; padding:15px 0 22px 9px}
#acts a:hover img {filter:alpha(opacity=90);}
#acts ul{ padding:0 0 0 14px;line-height:18px;}
#acts ul li{ width:130px; float:left; padding:0 4px 8px 0;color:#fac801}
#acts ul li a{ width:80px; display: inline-block; background: #fac801; color:#1a1d26; height:18px;  text-align:center;}
#acts ul li a:hover{ background:#FC3; color:#630}

#album{ width:282px; height:164px; margin:0 auto}
#album h3{ height:46px;width:282px; text-indent:-9999px; overflow:hidden;}
#album a{ display:block; width:270px; height:96px;text-indent:-9999px; overflow:hidden;}

#ranking{ width:282px; height:346px; margin:0 auto;position:relative;}
#ranking select {position:absolute;right:10px;top:10px;}
#ranking td.ranks_col_id,#ranking td.ranks_col_0{text-indent:-100px;}
#ranking .ranks_col_id,#ranking .ranks_col_0{width:15%;}
#ranking .ranks_col_role,#ranking .ranks_col_1{width:32%;}
#ranking .ranks_col_career,#ranking .ranks_col_2{width:20%;}
#ranking .ranks_col_rank,#ranking .ranks_col_beast,#ranking .ranks_col_3{width:33%;}
#ranking h3{height:33px;width:282px; text-indent:-9999px; overflow:hidden;}
#ranking .tab{ width:25px; width:274px; float:left; padding:0 4px 6px 4px}
#ranking a{ width:62px; height:25px; line-height:25px; float:left; margin-right:2px; text-align:center;overflow: hidden;}
#ranking a.current{background:url(../images/ico_in.jpg) no-repeat -240px -1020px; padding-left:10px; color:#FC0}
#ranking table{ float:left; text-align:center;}
#ranking table tr th{ height:32px;}
#ranking table tr td{ height:24px;}

#corpers{ width:282px; height:28px; margin:0 auto;}
#corpers a{ display:block; text-indent:20px; line-height:28px;width:282px; height:28px;}

#medias{width:284px; background: #000; position:absolute; left:8px; top:0;z-index:10; border:1px solid #24282f; padding:4px 0}
#medias ul li{ padding:1px 4px}
#medias a{display:block; line-height:20px; height:20px; font-size:12px; padding-left:8px; background:#141415}
#medias a:hover{ background:#070808;}

.bottom_bg{background:url(../images/index_footer.jpg) center top; height:594px; padding-top:366px; margin-top:-366px;}
#service{ width:678px; float:right; background:#000; overflow:hidden; position:relative;color:#666; margin-right:7px; padding:10px 0; margin-left:300px;}
#service h3{background:url(../images/ico_in.jpg) 0 -1405px; width:678px; height:30px; overflow:hidden; text-indent:-2000px;}
#service .content{ padding:12px 0 0 20px;float:left; width:190px;background:#000;}
#service .content a{ background:url(../images/ico_in.jpg) -240px -1050px; display:inline-block; width:92px; height:22px; text-align:center;overflow:hidden;}
#service .more{top:10px; right:30px; text-align:right; width:400px; height:16px; position:absolute; font-size:12px;}
#service .group{ width:240px; float:left; font-size:12px; line-height:20px;}
#service .group ul li{ width:120px; float:left}

#jobs{ position:absolute; width:100%; top:366px; left:0; height:590px; z-index:3;}

/*底相*/
.bgb{background:url(../images/index_bg.jpg) no-repeat center top; height:933px;}