@charset "utf-8";
/*2010-06-11 zhenghuiyang  添加砸蛋活动内页 event/bombing/index.tpl */
.bombContent{ width:650px; position:relative; min-height:1000px;_height:1000px;}
.topServer{position:absolute;left: 20px;top:2px;*top:18px;width:450px;font-weight:bold;line-height:24px;}
.topServer select{ width:130px; height:20px; }
.bombRules{ width:231px; height:415px; background:url(img/bg_rules.jpg) no-repeat; float:left; margin:5px 0 5px 15px;  font-weight:normal; font-size:9px;display:inline; position:relative}
.bombContent .flash{ width:388px; height:415px; float:left; margin:5px 0 5px 5px; display:inline; background:url(img/flash.jpg) no-repeat;}
.rewards{ width:624px; height:440px; margin-left:15px;background:url(img/bg_rewards.png) no-repeat; position:relative; overflow:hidden;}
.ulRules{ position:absolute; left:13px; top:41px;width:210px; line-height:140%; }
.ulRules li{ margin-top:7px;}
.bombContent .award{position:absolute;left:5px;top: 300px;width:230px;}
.bombContent .award td{ height:20px; font-size:10px;}
.reTab{ margin:40px 0 0 15px;;}
.reTab th{ font-weight:bold; height:30px;}

/*common style*/
body{ background:url(img/bg_body.jpg) no-repeat center 33px #010101; font:normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color:#2B251A;}
a{ text-decoration:none; color:#2B251A;}
a:hover{ text-decoration:none; color:#A22E00;}
.u{ text-decoration:underline;}
.b{ font-weight:bold;}
input,select{ font-size:11px; color:#2B251A;}

/* Site Structure */
#container{ background:url(img/bg_container.jpg) no-repeat center bottom;}
#header{ width:980px; height:275px; margin:0 auto; background:url(img/bg_header.jpg) no-repeat left bottom;}
#wrapper{ width:980px; margin:0 auto; background:url(img/bg_wrapper.jpg) no-repeat center bottom; padding-bottom:120px;}
#sideBar{ float:left; width:245px; background:url(img/bg_sidebar.jpg) no-repeat; padding-left:10px; color:#C1B18B;}
#main{ float:left; width:725px; background:url(img/bg_main.jpg) repeat-y 1px 0;}
#content{ border:1px solid #A39C79; background:#D5CFBD; width:650px; margin:0 32px; min-height:750px; _height:750px;}

/*Header*/
.logo{ padding:20px 0 0 325px; width:330px; height:120px;}
.nav{ clear:both; height:55px; background:url(img/bg_nav.jpg) no-repeat; padding-left:72px;}
.nav li{ float:left; padding:18px 21px 0 17px; height:27px; background:url(img/bg_nav_line.png) no-repeat right top;}
.nav li.last{ background:none;}
.nav li a{ height:20px; display:block; text-indent:-9999em; overflow:hidden; background:url(img/nav.png) no-repeat;}
.nav li.nav1 a{ width:42px; background-position:0 0;}
.nav li.nav1 a:hover{ background-position:-42px 0;}
.nav li.nav2 a{ width:64px; background-position:0 -20px;}
.nav li.nav2 a:hover,.nav li.nav2 a.selected{ background-position:-64px -20px;}
.nav li.nav3 a{ width:67px; background-position:0 -40px;}
.nav li.nav3 a:hover,.nav li.nav3 a.selected{ background-position:-67px -40px;}
.nav li.nav4 a{ width:101px; background-position:0 -60px;}
.nav li.nav4 a:hover,.nav li.nav4 a.selected{ background-position:-101px -60px;}
.nav li.nav5 a{ width:76px; background-position:0 -80px;}
.nav li.nav5 a:hover,.nav li.nav5 a.selected{ background-position:-76px -80px;}
.nav li.nav6 a{ width:66px; background-position:0 -100px;}
.nav li.nav6 a:hover,.nav li.nav6 a.selected{ background-position:-66px -100px;}
.nav li.nav7 a{ width:82px; background-position:0 -120px;}
.nav li.nav7 a:hover,.nav li.nav7 a.selected{ background-position:-82px -120px;}
.nav li.nav8 a{ width:48px; background-position:0 -140px;}
.nav li.nav8 a:hover,.nav li.nav8 a.selected{ background-position:-48px -140px;}
.nav li.nav9 a{ width:90px; background-position:0 -160px;}
.nav li.nav9 a:hover,.nav li.nav9 a.selected{ background-position:-90px -160px;}
.subNav{ width:125px; visibility:hidden; position:absolute; top:0; z-index:999; padding-top:12px; background:url(img/bg_subnav.png) no-repeat;}
.subNav ul{ background:url(img/bg_subnav.png) no-repeat -125px bottom; min-height:30px; padding:4px 0 9px 0;}
.subNav li{ padding:3px 5px 5px 5px; background:url(img/bg_subnav_line.png) no-repeat center bottom; line-height:16px; text-align:center; font-size:12px;}
.subNav li a{ color:#C1B18B;}
.subNav li a:hover{ text-decoration:none; color:#D09814;}
#subNav1{ margin-left:-13px;}
#subNav2{ margin-left:-25px;}
#subNav3{ margin-left:-22px;}
.btnActivate{ margin-left:810px; width:110px; height:80px; position:relative; z-index:2;}
.btnActivate a{ display:block; position:absolute; z-index:3; left:0; bottom:-29px; width:110px; height:80px; text-indent:-999em; overflow:hidden;}

/*sidebar*/
#sideBar a{ color:#C1B18B;}
#sideBar a:hover{ color:#A22E00;}
.playBtn{ padding:42px 0 0 50px; width:145px; height:130px; position:relative; z-index:1; font:0/0 Arial;}
.playBtn a{ display:block; width:145px; height:130px; position:absolute; z-index:2; top:42px; left:50px; text-indent:-999em; overflow:hidden; background:url(img/spacer.gif) repeat;}
.memberInfo{ width:245px; background:url(img/bg_side_info.jpg) repeat-y -490px 0;}
.memberInfo ul{ background:url(img/bg_side_info.jpg) no-repeat -245px bottom; padding-bottom:38px;}
.memberInfo li.top{ height:30px; background:url(img/bg_side_info.jpg) no-repeat 0 -22px;}
.memberInfo li.s1{ padding:0 30px 4px 30px; text-align:center;}
.memberInfo li.s2{ padding:0 35px 4px 35px; overflow:hidden;}
.memberInfo span.account{ color:#FF4905;}
#sideBar .memberInfo li.s2 a{ color:#D2961A;}
#sideBar .memberInfo li.s2 a:hover{ color:#A22E00;}
.memberInfo li.noDownload{ font:0px/0px Arial;}
#sideBar a.forget{ font-weight:bold; font-size:12px; color:#61C967;}
#sideBar a.forget:hover{ text-decoration:underline;}
.sideQuick{ background:url(img/bg_side_quick.jpg) no-repeat; padding-top:10px; margin-left:8px; width:228px;}
.sideQuick ul{ background:url(img/bg_side_quick.jpg) no-repeat -228px bottom; padding-bottom:12px;}
.sideQuick ul.btn li{ text-align:center; font:0px/0px Arial; margin-left:12px;}
.sideQuick ul.btn li.registerlink a{ background:url(img/bg_register.png) no-repeat 0 0; width:205px; height:43px; display:block; text-indent:-999em; overflow:hidden;}
.sideQuick ul.btn li.registerlink a:hover{ background:url(img/bg_register.png) no-repeat -205px 0;}
.sideQuick ul.btn li.forumlink a{ background:url(img/bg_forum.png) no-repeat 0 0; width:205px; height:42px; display:block; text-indent:-999em; overflow:hidden;}
.sideQuick ul.btn li.forumlink a:hover{ background:url(img/bg_forum.png) no-repeat -205px 0;}

.sideQuick ul.serverList li{ padding:0 25px 4px 25px; overflow:hidden;}
#sideBar .sideQuick ul.serverList li a{ color:#D2961A;}
#sideBar .sideQuick ul.serverList li a:hover{ color:#A22E00;}
.sideQuick ul.serverList span.ip{ float:right; margin-top:3px; width:75px;}
.sideNewbie{ width:245px; background:url(img/bg_side_newbie.png) no-repeat -245px bottom; padding-bottom:35px;}
.sideNewbie dl{ background:url(img/bg_side_newbie.png) repeat-y;}
.sideNewbie dt{ height:70px; text-indent:-999em; background:url(img/bg_side_newbie_title.jpg) no-repeat;}
.sideNewbie dd{ margin-left:13px; padding-left:38px; width:180px; height:25px; font-weight:bold; font-size:12px; line-height:25px; background:url(img/bg_side_newbie.png) no-repeat -490px bottom;}

/*page common*/
.mainHeader{ width:724px; height:60px; background:url(img/bg_main_header.jpg) no-repeat; position:relative; z-index:1;}
.mainL,.mainR{ position:absolute; height:120px; background:url(img/bg_main_hack.jpg) no-repeat; top:60px; overflow:hidden; z-index:1;}
.mainL{ left:0; width:19px;}
.mainR{ right:-1px; width:29px; background-position:-684px 0;}
.mainFooter{ clear:both; background:url(img/bg_main_hack.jpg) no-repeat 1px -120px; height:35px;}
.search{ padding:10px 0 0 280px; background:url(img/bg_main_header.jpg) no-repeat; height:50px;}
.search .inputSch{ border:1px solid #565149; background:#000; height:14px; width:188px; color:#484233; line-height:14px; padding:0 1px; font-size:11px; margin:1px 7px 0 0;}
.search input{ float:left;}
#content p{ line-height:1.5; margin-bottom:16px;}
.btnBack{ margin:10px 15px; height:16px; border-top:1px dashed #1A1814; padding:8px 5px;}
.btnBack a{ float:right; display:block; width:35px; height:16px; line-height:17px; padding:0 0 0 13px; font-size:11px; color:#C1B18B; background:url(img/bg_subpages.png) 0 -320px;}
.btnBack a:hover{ color:#FC0;}

/*main content*/
.mainContent{ clear:both; padding:0 32px;}
.mainCol{ float:left; background:url(img/bg_main_content_col.jpg) no-repeat; _display:inline;}
.mainColT{ background:url(img/bg_main_content_title.png) no-repeat;}
.mainColT .more a{ display:block; width:37px; height:14px; text-indent:-999em; overflow:hidden; background:url(img/bg_main_content_title.png) no-repeat -460px 0;}
.mainColT .more a:hover{  background:url(img/bg_main_content_title.png) no-repeat -460px -14px;}
.slidePlayer{ width:430px; height:150px; padding:3px; background-position:0 0;}
.quickLink{ float:left; padding-left:8px; width:207px; _display:inline; background:url(img/bg_main_content_col.jpg) no-repeat -649px 0;}
.quickLink li{ margin-bottom:4px; font:0/0 Arial;}
.update{ width:435px; height:221px; margin-top:4px; background-position:0 -166px;}
.updateNav{ height:30px; background-position:0 0; padding:6px 0 0 55px;}
.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:65px;}
.updateNav li.s3 a{ width:73px;}
.updateNav li.s4 a{ width:66px;}
.updateNav li a:hover,.updateNav li a.current{ background:url(img/bg_main_content_title.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:-178px -42px;}
.updateNav li.s4 a:hover,.updateNav li.s4 a.current{ background-position:-251px -42px;}
.updateNav li.more{ float:right; padding:6px 9px 0 0;}
.updateList{ margin:8px 7px;}
.updateList li{ float:left; width:411px; height:21px; background:url(img/bg_dot_line.png) repeat-x left bottom; padding:0 5px;}
.newsNotices,.newsActivities,.newsOthers{ float:left; padding-left:60px;}
.newsNotices{ background:url(img/ico_news.png) no-repeat 0 3px;}
.newsActivities{ background:url(img/ico_news.png) no-repeat 0 -37px;}
.newsOthers{ background:url(img/ico_news.png) no-repeat 0 -77px;}
.newsNormal{ float:left; padding-left:18px; background:url(img/ico_arrow.png) no-repeat 5px center;}
.newsTime{ float:right;}
.loSns{ float:left; width:205px; height:219px; margin:6px 0 0 8px; background-position:-450px -168px; overflow:hidden;}
.loSns ul{ margin:42px 0 0 25px; width:153px; height:142px; background:#000; border:1px solid #886F58;}
.loSns li{ float:left; margin:2px 0 0 5px; _display:inline; width:51px; height:50px; padding:9px; font:0/0 Arial; background:url(img/bg_main_content_col.jpg) no-repeat -450px -85px;}
.mainGg{ width:640px; height:88px; background-position:0 -430px; margin-top:6px; padding:8px 0 0 10px;}
.mainGg li{ float:left; margin:0 5px; _display:inline;}
.lastStrategies{ width:435px; height:183px; background-position:0 -542px; margin-top:4px;}
.lastStrategies dt{ height:47px; background-position:0 -110px;text-indent:-999em;}
.lastStrategies dt span{ float:left; text-indent:-999em;}
.lastStrategies dt .more{ float:right; padding:16px 9px 0 0;}
.lastStrategies dd{ float:left; width:411px; height:21px; margin:0 7px; _display:inline; background:url(img/bg_dot_line.png) repeat-x left bottom; padding:0 5px;}
.lastStrategies dd .title{ float:left; background:url(img/ico_dot.png) no-repeat left center; padding-left:16px;}
.lastStrategies dd .time{ float:right;}
.blog{ width:207px; height:183px; background-position:-450px -542px; margin:4px 0 0 8px;}
.blogHead{ height:42px; background-position:-460px -110px;}
.blogHead span{ float:left; text-indent:-999em;}
.blogHead .more{ float:right; padding:16px 9px 0 0;}
.blog dl{ height:62px; padding:3px 7px;}
.blog dt{ float:left; width:60px; height:60px; font:0/0 Arial; border:1px solid #A18296;}
.blog dd.s1{ float:right; width:110px; height:16px; line-height:16px; background:url(img/ico_dot.png) no-repeat left center; font-size:12px; font-weight:bold; color:#A22E00; padding-left:13px;}
.blog dd.s1 a{color:#A22E00;}
.blog dd.s2{ float:right; width:123px; margin-top:2px; padding-top:2px; background:url(img/bg_dot_line.png) repeat-x left top; line-height:14px;}
.lastVideo{ width:207px; height:183px; background-position:-450px -542px; margin:4px 0 0 8px;}
.lastVideoHead{ height:42px; background-position:-460px -240px;}
.lastVideoHead span{ float:left; text-indent:-999em;}
.lastVideoHead .more{ float:right; padding:16px 9px 0 0;}
.lastVideoMain { width:176px; margin:1px auto;}
.lastVideoMain a{ display:block; width:170px; height:128px; background:#969082; border:3px double #342C1F; font:0/0 Arial;}
.lastVideoMain a:hover{ border:3px double #6C5A44;}
.lastPhoto{ width:435px; height:161px; background-position:0 -756px; margin-top:6px;}
.lastPhotoNav{ height:28px; padding:0 3px; background-position:0 -190px;}
.lastPhotoNav li{ float:left; margin:0 2px; _display:inline;}
.lastPhotoNav li a{ display:block; width:100px; height:28px; text-indent:-999em; overflow:hidden; background:url(img/bg_main_content_title.png) no-repeat;}
.lastPhotoNav li.s1 a{ background-position:0 -218px;}
.lastPhotoNav li.s1 a:hover,.lastPhotoNav li.s1 a.current{ background-position:-100px -218px;}
.lastPhotoNav li.s2 a{ background-position:-200px -218px;}
.lastPhotoNav li.s2 a:hover,.lastPhotoNav li.s2 a.current{ background-position:-300px -218px;}
.lastPhotoList{ position:relative; z-index:1; padding:0 4px; width:427px;}
.lastPhotoList li{ float:left; margin:11px 2px; _display:inline;}
.lastPhotoList li a{ display:block; width:132px; height:99px; background:#969082; border:3px double #342C1F; font:0/0 Arial;}
.lastPhotoList li a:hover{ border:3px double #6C5A44;}
.lastPhotoList .btn{ position:absolute; z-index:1px; top:-24px; right:5px;}
.lastPhotoList .btn a{ float:left; margin:0 1px;}
.btnMore a{ display:block; width:45px; height:17px; text-indent:11px; color:#BFB59D; line-height:16px; background:url(img/bg_main_content_title.png) no-repeat -460px -55px; font-size:9px; letter-spacing:-1px;}
.btnMore a:hover{ color:#FC0;}
.lastWallpaper{ margin:6px 0 0 8px; width:207px; height:161px; background-position:-450px -756px;}
.lastWallpaper dt{ height:28px; background-position:-460px -190px;}
.lastWallpaper dt .title{ float:left; text-indent:-999em;}

.lastWallpaper dt .btnMore{ float:right; padding:4px 6px 0 0;}
.lastWallpaper dd{ margin:6px 26px;}
.lastWallpaper dd a{ display:block; width:148px; height:111px; background:#969082; border:3px double #342C1F; font:0/0 Arial;}
.lastWallpaper dd a:hover{ border:3px double #6C5A44;}

/*subpages breadcrumb*/
.breadcrumb{ width:650px; height:27px; margin:0 0 2px 33px; background:url(img/bg_subpages.png) no-repeat 0 -900px; font-size:12px;}
.breadcrumb ul{ background:url(img/ico_breadcrumb.png) no-repeat 0 7px; margin-left:9px; padding:6px 0 0 16px;}
.breadcrumb li{ float:left; margin:0 4px; _display:inline; line-height:14px; color:#C1B18B; background:url(img/ico_breadcrumb.png) no-repeat right -85px; padding-right:15px;}
.breadcrumb li a{ color:#C1B18B;}
.breadcrumb li a:hover,.breadcrumb li.current{ color:#FF4800;}
.breadcrumb li.current{ font-weight:bold;}
.breadcrumb li.bcNav{ background:url(img/ico_breadcrumb.png) no-repeat right -187px; padding-right:10px;}
.breadcrumb li.last{ background:none;}

/*news*/
.artList{ margin:15px;}
.artList li{ height:20px; background:url(img/bg_dot_line.png) repeat-x left bottom; padding:3px; vertical-align:top;}
.artTitle{ margin:5px 0; text-align:center;}
.artTitle h1{ font-size:14px; font-weight:bold; color:#A22E00; padding-top:10px;}
.artTitle h2{ font-size:11px; padding-top:5px;}
.artContent{ margin:5px 15px; line-height:18px; border-top:1px dashed #1A1814; padding:15px 5px;}
.moreList{ margin:5px 15px; border-top:1px dashed #1A1814; padding:10px 5px;}
.moreList li{ height:20px; line-height:18px;}
.moreList li div{ float:left; width:70px; color:#7E5929; font-weight:bold;}

/*page info*/
.pageInfo{ clear:both; margin:25px; text-align:center; line-height:14px;}
.pageInfo li{ display:inline; padding:0 4px; vertical-align:middle;}
.pageInfo .current{ font-weight:bold; color:#FF4800;}

/*screenshots and player photos*/
.photoList{ margin:10px auto; width:625px;}
.photoList .btn{ padding:5px 20px; height:30px; text-align:right;}
.photoList dl{ width:172px; float:left; margin:8px 18px; _display:inline;}
.photoList dt{ width:164px; height:123px; padding:4px; font:0/0 Arial; margin-bottom:2px; background:url(img/bg_subpages.png) no-repeat 0 -80px;}
.photoList dd{ border:1px solid #7E7756; border-bottom:none; padding:2px 5px; line-height:16px; height:16px;}
.photoList dd.last{ border-bottom:1px solid #7E7756;}
.upload{ margin:15px;}
.upload table{ border-collapse:collapse;}
.upload td{ border:1px solid #A39C79; padding:5px; background:#EBE6D7; color:#615933; font-size:12px;}
.upload td.tdL{ text-align:right; font-weight:bold;}
.inputText{ border-top:1px solid #404040; border-left:1px solid #404040; border-right:1px solid #D4D0C8; border-bottom:1px solid #D4D0C8; background:#FFF; line-height:15px; padding:2px;}
.desTextArea{line-height:18px; width:350px; height:120px;}

/*wallpaper*/
.wallpaper{ margin:10px auto; width:580px;}
.wallpaper dl{ float:left; width:266px; padding:12px; _display:inline;}
.wallpaper dt{ width:250px; height:188px; background:url(img/bg_subpages.png) no-repeat 0 -460px; padding:8px; font:0/0 Arial;}
.wallpaper dd{ float:left; height:20px; margin:5px 5px 0 5px; width:78px; _display:inline; font-weight:bold; white-space:nowrap; border-bottom:1px dashed #666;}

/*video*/
html,body{ _height:100%;}
.video{ padding:12px;}
.video dl{ width:196px; height:200px; float:left; margin:6px; _display:inline;}
.video dt{ width:188px; height:140px; padding:3px; background:#FFF; border:1px solid #2B251A; font:0/0 Arial;}
.video dd.title{ clear:both; height:18px; padding:3px 0; text-align:center;}
.video dd.btn{ float:left; margin:0 7px; _display:inline; height:23px; background:url(img/bg_subpages.png) no-repeat right -750px;}
.video dd.btn a{ float:left; display:block; padding:0 15px; height:23px; font:bold 12px/22px Verdana; color:#C1B18B; background:url(img/bg_subpages.png) no-repeat -831px -773px;}
.video dd.btn a:hover{ color:#FF0;}
.videoWatchBg{ position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:99; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.videoWatch{position:fixed; _position:absolute; left:50%; top:50%; z-index:100; margin-left:-310px; margin-top:-253px; _margin-top:0; width:621px; height:506px; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.videoWatchHead{ height:46px; overflow:hidden; background:url(img/bg_video.gif) no-repeat;}
.videoWatchHead .close{ margin:24px 0 0 533px; width:55px; height:18px; display:block; text-indent:-999em; overflow:hidden;}
.videoWatchBox{ width:600px; height:450px; overflow:hidden; padding:0 11px 10px 10px; background:url(img/bg_video.gif) no-repeat 0 -46px;}

/*newbie guide*/
.newbie{ margin:12px auto; width:632px; height:433px; background:url(img/bg_newbie.jpg) no-repeat; overflow:hidden;}
.newbieLead1{ position:relative; z-index:1; margin:27px 0 0 10px; width:435px; height:263px; background:url(img/btn_newbie.jpg) no-repeat 0 -88px;}
.newbieLead1 a{ position:absolute; z-index:1; display:block; width:98px; height:98px; text-indent:-999em; overflow:hidden; background:url(img/btn_newbie.jpg) no-repeat;}
.newbieLead1 a.s1{ background-position:-29px -119px; top:31px; left:29px;}
.newbieLead1 a.s1:hover{ background-position:-29px -381px;}
.newbieLead1 a.s2{ background-position:-120px -223px; top:135px; left:120px;}
.newbieLead1 a.s2:hover{ background-position:-120px -485px;}
.newbieLead1 a.s3{ background-position:-210px -119px; top:31px; left:210px;}
.newbieLead1 a.s3:hover{ background-position:-210px -381px;}
.newbieLead1 a.s4{ background-position:-301px -224px; top:136px; left:301px;}
.newbieLead1 a.s4:hover{ background-position:-301px -486px;}
.newbieLead2{ margin:27px 0 0 100px;}
.newbieLead2 li{ float:left; margin:0 14px; _display:inline;}
.newbieLead2 a{ display:block; height:44px; text-indent:-999em; overflow:hidden; background:url(img/btn_newbie.jpg) no-repeat;}
.newbieLead2 a.s1{ width:191px; background-position:0 0;}
.newbieLead2 a.s1:hover{ background-position:0 -44px;}
.newbieLead2 a.s2{ width:191px; background-position:-191px 0;}
.newbieLead2 a.s2:hover{ background-position:-191px -44px;}
.newbieLead2 a.s3{ width:301px; background-position:-382px 0; margin:10px 0 0 60px;}
.newbieLead2 a.s3:hover{ background-position:-382px -44px;}
.newbieNav{ width:608px; margin:15px auto 0 auto; padding:0 6px 10px 6px; border-bottom:1px dashed #6A5842;}
.newbieNav li{ float:left; height:27px; margin:4px; _display:inline; background:url(img/bg_subpages.png) no-repeat right -450px; font-size:12px;}
.newbieNav li a{ float:left; display:block; height:27px; padding:0 15px; line-height:26px; background:url(img/bg_subpages.png) no-repeat -820px -477px; color:#C1B18B; white-space:nowrap;}
.newbieNav li a:hover{ color:#FC0;}
.newbieNav li.current{ background-position:right -504px;}
.newbieNav li.current a{ background-position:-820px -531px; color:#FC0;}
.newbieContent{ margin:15px 25px 25px 25px;}

/*FAQ*/
.faq{ margin:15px auto; width:620px;}
.faq dl{ margin-bottom:6px;}
.faq dt{ height:29px; background:url(img/bg_subpages.png) no-repeat; font:bold 11px/29px Verdana;}
.faq dt.opened{ background-position:0 -29px;}
.faq dt a{ display:block; color:#E8DDC3; padding:0 30px; height:29px;}
.faq dt a:hover{ color:#FC0;}
.faq dd{ clear:both; padding:10px; line-height:18px;}

/*game info*/
.gameInfo{ margin:15px auto; width:620px;}
.gameInfo dl{ width:620px; padding-bottom:12px;}
.gameInfo dt{ width:620px; height:35px; background:url(img/bg_subpages.png) no-repeat 0 -700px; font:bold 12px/26px Verdana; text-indent:30px; color:#E8DDC3;}
.gameInfo dt a{ color:#E8DDC3;}
.gameInfo dt a:hover{ color:#FC0;}
.gameInfo dd{ float:left; width:185px; height:22px; background:url(img/ico_arrow.png) no-repeat left 6px; padding-left:10px; margin-left:11px; font-weight:bold; _display:inline;}
.gameInfo h1{ width:620px; height:35px; background:url(img/bg_subpages.png) no-repeat 0 -700px; font:bold 12px/26px Verdana; text-indent:30px; color:#E8DDC3;}
.gameInfoView{ padding:5px; line-height:18px; width:610px; overflow:hidden;}

/*item mall*/
.itemNav{ width:628px; margin:10px 1px 0 1px; background:#B1AC8C; padding:0 10px 5px 10px; font-weight:bold; overflow:hidden;}
.itemNav li{ float:left; margin-top:5px; line-height:14px; border-right:1px solid #2B251A; padding:0 10px; white-space:nowrap;}
.itemNav li a.current{ color:#A42900;}
.itemMain{ width:620px; margin:15px auto;}
.itemSort{ height:31px; background:url(img/bg_subpages.png) no-repeat right -810px; margin:10px 0 2px 0;}
.itemSort span{ display:block; height:31px; padding-left:26px; font:bold 12px/31px Verdana; color:#C1B18B; background:url(img/bg_subpages.png) no-repeat -820px -841px;}
.itemMain .step{ margin-left:5px; height:60px; background:url(img/bg_subpages.png) no-repeat 0 -960px; text-indent:-999em; overflow:hidden;}
.itemUpdate{ margin:10px 0 0 5px; width:609px; height:201px; background:url(img/bg_item_news.jpg) no-repeat;}
.itemSlide{ float:left; width:280px; height:180px; margin:10px; _display:inline;}
.itemUpdate .title{ float:left; width:290px; height:24px; background:url(img/bg_subpages.png) no-repeat 0 -820px; margin-top:10px; text-align:right; line-height:24px; padding-right:6px;}
.itemUpdate .list{ float:left; margin-top:5px; width:296px;}
.itemUpdate .list li{ clear:both; width:292px; height:20px; background:url(img/bg_dot_line.png) repeat-x left bottom; vertical-align:top; padding:2px;}
.itemMain .tip{ margin:10px 0 0 5px; line-height:20px;}
.itemBlock{ float:left; width:300px; margin:0 5px; _display:inline;}
.itemList{ clear:both; width:300px; background:url(img/bg_item_mall.png) no-repeat -450px 0;}
.itemList .table{ width:280px; background:url(img/bg_item_mall.png) no-repeat -750px bottom; padding:10px;}
.itemList table{ background:#FFF; border-collapse:collapse;}
.itemList td{ border:1px solid #795A3B; padding:5px; line-height:16px;}

/*share tools*/
.shareTool{ margin:5px 15px; height:24px; background:#200F0C; text-align:center; line-height:24px; font-weight:bold; color:#715D3A;}
.shareTool a{ color:#715D3A;}
.shareTool a:hover{ color:#FF0;}