@charset "utf-8";
body { font:12px Arial, Helvetica, sans-serif; background:#000 url(http://photo.us.changyou.com/newSite/sub/subBodyBg.jpg) no-repeat center top; }

#wrapper { width:864px; margin:0 auto; padding-bottom: 0px; }
/*头部*/
#header { height:297px; }
#topNav { height:50px; }
#topNav li { float:left; }
#topNav a { display:block; float:left; height:50px; }
#topNav a img { display:none; }
#topNav .home { width:229px; background:url(http://photo.us.changyou.com/newSite/home/header-home.jpg) no-repeat; }
#topNav .forum { width:208px; background:url(http://photo.us.changyou.com/newSite/home/header-forum.jpg) no-repeat; }
#topNav .shop { width:211px; background:url(http://photo.us.changyou.com/newSite/home/header-shop.jpg) no-repeat; }
#topNav .support { width:216px; background:url(http://photo.us.changyou.com/newSite/home/header-support.jpg) no-repeat; }


#topBanner
{
	width: 864px;
	height: 260px;
	background: url(http://photo.us.changyou.com/newSite/sub/subHeaderPic2.jpg) no-repeat;
	position: relative;	
}

#topBannerLogo
{
	width: 223px;
	height: 158px;
	position: absolute;
	top: 20px;
	left: 0px;
}

#topBannerFeature
{
	width: 153px;
	height: 25px;
	position: absolute;
	top: 190px;
	left: 35px;
}


#contentBg { background:url(http://photo.us.changyou.com/newSite/sub/contentBg.jpg) repeat-y; }
#contentBtBg { background:url(http://photo.us.changyou.com/newSite/sub/contetBtBg.jpg) no-repeat left bottom; min-height:1200px; height:auto !important; height:1200px; overflow:visible; }

#leftBar { width:180px; background:url(http://photo.us.changyou.com/newSite/sub/leftBarBg.jpg) no-repeat; float:left; }

#loginBar { width:150px; margin-left:20px; color:#ffa800; }
#loginBar .account { padding-left:5px; }
#loginBar .account a{ display:block; float:left; width:140px; height:31px; background:url(http://photo.us.changyou.com/newSite/sub/accountBtn.jpg) no-repeat; }
#loginBar .account a:hover { background-image:url(http://photo.us.changyou.com/newSite/sub/accountBtnHover.jpg); }
#loginBar .token { padding-left:19px; }
#loginBar .token a{ display:block; float:left; width:112px; height:25px; background:url(http://photo.us.changyou.com/newSite/sub/tokenBtn.jpg) no-repeat; }
#loginBar .token a:hover { background-image:url(http://photo.us.changyou.com/newSite/sub/tokenBtnHover.jpg); }

#menuBar { width:150px; margin-left:20px; }
#menuBar ul { border:1px solid #3e3628; }
#menuBar ul li { display:inline; }
#menuBar li a { display:block; border:1px solid #3e3628; background:#000; color:#ffff6e; text-align:center; padding:3px 0; }
#menuBar li a:hover { color:#f4622a; }
#menuBar .panel .listMenu { display:none; }
#menuBar .title a{ display:block; width:150px; height:41px; }
#menuBar .gameInfo { background:url(http://photo.us.changyou.com/newSite/sub/mGameInfo.jpg) no-repeat; }
#menuBar .gameInfo:hover, #menuBar .gameInfo.hover{ background:url(http://photo.us.changyou.com/newSite/sub/mGameInfoHover.jpg) no-repeat; } 
#menuBar .news { background:url(http://photo.us.changyou.com/newSite/sub/mNews.jpg) no-repeat; }
#menuBar .news:hover,#menuBar .news.hover { background:url(http://photo.us.changyou.com/newSite/sub/mNewsHover.jpg) no-repeat; }
#menuBar .guide { background:url(http://photo.us.changyou.com/newSite/sub/mGuide.jpg) no-repeat; }
#menuBar .guide:hover, #menuBar .guide.hover{ background:url(http://photo.us.changyou.com/newSite/sub/mGuideHover.jpg) no-repeat; }
#menuBar .gameGuide { background:url(http://photo.us.changyou.com/newSite/sub/mGameGuide.jpg) no-repeat; }
#menuBar .gameGuide:hover, #menuBar .gameGuide.hover{ background:url(http://photo.us.changyou.com/newSite/sub/mGameGuideHover.jpg) no-repeat; }
#menuBar .media { background:url(http://photo.us.changyou.com/newSite/sub/mMedia.jpg) no-repeat; }
#menuBar .media:hover, #menuBar .media.hover{ background:url(http://photo.us.changyou.com/newSite/sub/mMediaHover.jpg) no-repeat; }
#menuBar .wiki { background:url(http://photo.us.changyou.com/newSite/sub/mWiki.jpg) no-repeat; }
#menuBar .wiki:hover, #menuBar .wiki.hover{ background:url(http://photo.us.changyou.com/newSite/sub/mWikiHover.jpg) no-repeat; }
#menuBar .fanSite { background:url(http://photo.us.changyou.com/newSite/sub/mFanSite.jpg) no-repeat; }
#menuBar .fanSite:hover, #menuBar .fanSite.hover{ background:url(http://photo.us.changyou.com/newSite/sub/mFanSiteHover.jpg) no-repeat; }

#community { width:150px; height:145px; margin-left:20px;background:url(http://photo.us.changyou.com/newSite/sub/commBg.jpg) no-repeat left bottom; }
#community ul { width:100px; margin:0 auto; padding-top:2px; }
#community li { width:50px; padding:2px 0; text-align:center; float:left; }

#rightBar { width:684px; float:left; }
#pageTitle { width:370px; height:65px; float:left; }
#webGuide { width:314px; height:65px; float:left; background:url(http://photo.us.changyou.com/newSite/sub/webGuide.jpg) no-repeat; line-height:65px; color:#fff; text-align:center; font-family: arial; font-size: 8pt;}
#webGuide a { color:#fff;}
#webGuide a:hover { color:#ff0;}

#conTopBg { background:url(http://photo.us.changyou.com/newSite/sub/subContentTopBg.jpg) no-repeat; clear:both; padding-left: 15px; }

#conBox { width:600px; margin:0 auto; color:#fff;}
#conBox p { line-height:16px; padding-bottom:15px; }
#conBox h3 { color:#ffe2a3; font-size:16px; font-weight:bold; padding-bottom:15px; }
#conBox h4 { color:#ffe2a3; font-size:14px; font-weight:bold; padding-bottom:15px; }
#conBox h5 { color:#ffe2a3; font-size:12px; font-weight:bold; padding-bottom:15px; }
#conBox  a { color:#f87b36; }
#conBox  a:hover { text-decoration:underline; }

#conBox .imgBorder { border:2px solid #ccc; }
#conBox .imgBorderFeature { border:2px solid #ccc; width: 600px; }
#conBox .imgBorder:hover { border-color:#ff0; }

#linkGuide { border-bottom:1px solid #ff0; margin-bottom:10px; padding-bottom:5px; }
#linkGuide li { float:left; }
#linkGuide li a { display:block; float:left; color:#ffcc00; font-weight:bold; height:26px; line-height:26px; padding-right:8px; background:url(http://photo.us.changyou.com/newSite/sub/conBtnBg.jpg) no-repeat right top; }
#linkGuide a:hover { color:#fff; }
#linkGuide li a b { display:block; width:8px; height:26px; background:url(http://photo.us.changyou.com/newSite/sub/conBtnLeft.jpg) no-repeat left top; float:left; }
#linkGuide p { clear:both; padding:10px 0 5px 0; font-weight:bold;  color:#ffcc00;}
#linkGuide p a { color:#ffcc00; }
#linkGuide p span { color:#fff; }

.dataTable { margin:10px auto; }
.dataTable th { background:#000; color:#ccc; font-weight:bold; border:1px solid #333; padding:2px; }
.dataTable td { background:#222; color:#ccc; border:1px solid #333; padding:2px; }
.centerTable td { text-align:center; }

.clear { clear:both; }

/*#footer { position:relative; width:864px; margin:0 auto; text-align:center; color:#999999;}*/
#footer { position:relative; width:864px; margin:0 auto; padding: 0px; margin-top: -20px; text-align:center; color:#999999; clear: both;}
#footer p {  }
#footer a { color:#999; padding:0 15px; }
#footer a:hover { color:#f9b039; }
#footer .logo { padding:10px 0; }
#footer .footLeft { position:absolute; left:-25px; top:170px; }
#footer .footRight { position:absolute; right:-25px; top:68px; }
#footer img { margin-top: 0px; padding-top: 0px}
#footerfirst { top: 0px }