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

#wrapper { width:864px; margin:0 auto; }
/*头部*/
#header { height:310px; }
#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; }

#topBannerHome
{
	width: 301px;
	height: 260px;
	background: url(http://photo.us.changyou.com/newSite/home/home_06.jpg) no-repeat;
	position: relative;
	float: left;
}

#topBannerHomeLogo
{
	width: 223px;
	height: 158px;
	position: absolute;
	top: 43px;
	left:0px;
}

#topBannerHomeFeature
{
	width: 153px;
	height: 25px;
	position: absolute;
	top: 205px;
	left: 38px;
}

#leftBar { width:530px; float:left; }

/*左边栏导航条*/
#leftNav { width:175px; float:left; }
#leftNav ul { width:150px; }
#leftNav ul li { font-size:0; line-height:0; }
#leftNav ul li img {  }
#leftNav ul a { display:block; width:150px; height:41px; }
#leftNav ul .gameInfo { background:url(http://photo.us.changyou.com/newSite/home/leftNavGameInfo.jpg) no-repeat; } 
#leftNav ul .gameInfo:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavGameInfoHover.jpg); } 
#leftNav ul .news { background:url(http://photo.us.changyou.com/newSite/home/leftNavNews.jpg) no-repeat; } 
#leftNav ul .news:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavNewsHover.jpg); } 
#leftNav ul .guide { background:url(http://photo.us.changyou.com/newSite/home/leftNavGuide.jpg) no-repeat; } 
#leftNav ul .guide:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavGuideHover.jpg); } 
#leftNav ul .gameGuide { background:url(http://photo.us.changyou.com/newSite/home/leftNavGameGuide.jpg) no-repeat; } 
#leftNav ul .gameGuide:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavGameGuideHover.jpg); } 
#leftNav ul .media { background:url(http://photo.us.changyou.com/newSite/home/leftNavMedia.jpg) no-repeat; } 
#leftNav ul .media:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavMediaHover.jpg); } 
#leftNav ul .wiki { background:url(http://photo.us.changyou.com/newSite/home/leftNavWiki.jpg) no-repeat; } 
#leftNav ul .wiki:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavWikiHover.jpg); } 
#leftNav ul .fanSite { background:url(http://photo.us.changyou.com/newSite/home/leftNavFanSite.jpg) no-repeat; } 
#leftNav ul .fanSite:hover { background-image:url(http://photo.us.changyou.com/newSite/home/leftNavFanSiteHover.jpg); } 

/*首页视频*/
#video { width:355px; float:left; }

/*商城物品*/
#items { width:355px; float:right; background:#090909; color:#fff; }
#items .jmarquee { position:relative; width:329px; height:61px; overflow:hidden; }
#items .jmarquee ul { position:absolute; }
#items .jmarquee li { display:block; width:164px; height:61px; float:left; background:url(http://photo.us.changyou.com/newSite/home/itemBg.jpg) no-repeat; }
#items .jmarquee li td { padding:2px 6px; vertical-align:top; }
#items .jmarquee li td.more { text-align:right; vertical-align:bottom; } 
#items .jmarquee li td a { color:#fff; }
#items .jmarquee li td a:hover { color:#fff800;  }
#items .jmarquee li td .title { font-weight:bold; }

/*日常新闻*/
#news { color:#d9d9d9;  }
#news .panel { width:487px; height:70px; padding:8px 0 9px 0; clear:both; }
*html #news .panel { padding:6px 0; }
/*#news .panel:hover { background:url(http://photo.us.changyou.com/newSite/home/panelHover.jpg); }*/ 
#news .pic { width:46px; padding-left:6px; float:left; }
#news .pic img { opacity:0.9; filter:alpha(opacity = 90); }
#news .panel:hover .pic img { opacity:1.0; filter:alpha(opacity = 100); }
#news .content { width:420px; float:left; }
#news .content .caption { font-weight:bold; text-align:right; width:58px; padding-right:5px; }
#news .content .date { color:#999999; }
#news .content .title a { font-weight:bold; color:#ffffff; }
#news .content .title a:hover { color:#fff800; text-decoration:underline;  }
#news .content .more { color:#eeb38e; }
#news .content .more:hover { color:#fff800; }

/*右边栏*/

#rightBar { width:334px; float:left; }

#regAndDown a { display:block; width:268px; height:33px; }
#regAndDown a.regBtn { background:url(http://photo.us.changyou.com/newSite/home/regBtn.jpg) no-repeat; }
#regAndDown a.regBtn:hover { background-image:url(http://photo.us.changyou.com/newSite/home/regBtnHover.jpg); }
#regAndDown a.downBtn { background:url(http://photo.us.changyou.com/newSite/home/downBtn.jpg) no-repeat; }
#regAndDown a.downBtn:hover { background-image:url(http://photo.us.changyou.com/newSite/home/downBtnHover.jpg); }

#userLogin { color:#ee9d00; }
#userLogin .myAccount { padding-left:6px; }
#userLogin .myAccount a { display:block; float:left; width:267px; height:32px; background:url(http://photo.us.changyou.com/newSite/home/myAccountBtn.jpg) no-repeat; }
#userLogin .myAccount a:hover { background-image:url(http://photo.us.changyou.com/newSite/home/myAccountBtnHover.jpg); }
#userLogin .moreToken a{ display:block; float:left; width:125px; height:21px; background:url(http://photo.us.changyou.com/newSite/home/moreTokenBtn.jpg) no-repeat; }
#userLogin .moreToken a:hover { background-image:url(http://photo.us.changyou.com/newSite/home/moreTokenBtnHover.jpg); }

#userLogin .signInBtn { padding-left:77px; }
#userLogin .signInBtn a{ display:block; float:left; width:125px; height:21px; background:url(http://photo.us.changyou.com/newSite/home/signInBtn.jpg) no-repeat; }
#userLogin .signInBtn a:hover { background-image:url(http://photo.us.changyou.com/newSite/home/signInBtnHover.jpg); }
#userLogin .reCheck { }
#userLogin .txt { position:relative; width:125px; height:20px; color:#ffa800; }
#userLogin .txt input { border:none; background:none; position:absolute; top:0; left:0; padding-left:2px; width:122px; height:18px; color:#fff; font:Arial, Helvetica, sans-serif; }

#serverTime .time { height:39px; background:url(http://photo.us.changyou.com/newSite/home/serverTime.jpg) no-repeat; color:#cc8600; }
#serverTime .timeShow { padding:13px 0 0 186px;}

#ranking 
{
	height: 72px;
	width: 334px;
	background: url(http://photo.us.changyou.com/newSite/home/serverTimeBottom.jpg) no-repeat;
	position: relative; 
}

#rankingImg
{
	width: 267px;
	height: 34px;
	position: absolute;
	top: 9px;
	left: 32px;
	background: url(http://photo.us.changyou.com/newSite/home/ranking_17.jpg) no-repeat;
}

#rankingImg:hover
{
	background: url(http://photo.us.changyou.com/newSite/home/ranking_09.jpg) no-repeat;
	cursor: pointer;
	background-position: bottom;
}

#fanArt { color:#d9d9d9; }
#fanArt .jmarquee { width:284px; }
#fanArt .jmarquee ul {  }
#fanArt .jmarquee ul li { float:left; width:142px; text-align:center; }
#fanArt .jmarquee ul li img { border:2px solid #591e0b; }
#fanArt .jmarquee ul li a:hover img { border-color:#c85e18; }
#fanArt .jmarquee ul li p { text-align:left; padding:2px 0 0 8px; }

#screenshot .jmarquee { width:284px; position:relative; overflow:hidden; }
#screenshot .jmarquee ul { position:absolute; }
#screenshot .jmarquee ul li { float:left; width:142px; text-align:center; }
#screenshot .jmarquee ul li img { border:2px solid #591e0b; }
#screenshot .jmarquee ul li a:hover img { border-color:#c85e18; }

/*活动日程*/

#eventCalendar { clear:both; color:#fff; }
#eventCalendar .caption { color:#d9d9d9; font-weight:bold; text-align:right; padding-right:5px; }
#eventCalendar a { color:#eeb38e; }
#eventCalendar a:hover { color:#fff800; }
#eventCalendar .event { display:block; width:12px; height:12px; float:left; background:#00c0ff; position:relative; top:2px; }
#eventCalendar .today { display:block; width:12px; height:12px; float:left; background:#cc0000; position:relative; top:2px; }
#eventCalendar .txt { float:left; padding:0 10px; }
/*#eventCalendar .share { width:136px; height:24px; background:url(http://photo.us.changyou.com/newSite/home/shareBg.jpg) no-repeat; line-height:24px; text-align:center; color:#d9d9d9; }*/
/* #eventCalendar .share {width: 128px; height: 18px; background:url(http://photo.us.changyou.com/newSite/home/share_03.jpg) no-repeat;}*/
#eventCalendar .share {width: 128px; height: 18px;}
#eventCalendar .share img { position:relative; top:0px; top:2px; }
*+html #eventCalendar .share img { top:0px;  }

#footer { text-align:center; color:#999999; clear:both; }
/*#footer p { padding:10px 0; }*/
#footer p {padding: 0px;}
#footer a { color:#999; padding:0 15px; }
#footer a:hover { color:#f9b039; }