body

{
	margin: 0px;
	padding: 0xp;
	color: #663300;
	text-align: center;
	font: 12px/120% ËÎÌå Arial;
	background: #000200 url("../images/bg_background.jpg") no-repeat center top;
}

img
{
	behavior:url("pngbehavior.htc");
	border:0px;	
}

#headerImg
{
	width: 1023px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url("../images/top_bg.jpg") no-repeat center top;
}

#header 
{
	marigin-left: 0px;
	marigin-right: 0px;
}

#mainContainer
{
	width: 1040px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#main
{
	width: 1010px;
	height: 100%;
	min-height: 849px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: transparent url("../images/mainBg.jpg") repeat-y center top;
}

#pageSet
{
	margin-left: 10px;
    margin-right: 10px;
}

fieldset 
{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#leftSideBar 
{
	float:left;
	width: 217px;
	margin-right: 10px;
}

#mainContentArea
{
	float: right;
	width: 775px;
	clear: right;
	overflow: hidden;
}

#footer
{
	width: 100%;
	height: 92px;
	clear:left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: transparent url("../images/footerBg.jpg");
}

#navBarControl 
{
	width: 1023px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 55px;
	background: transparent url("../images/navBarBg.jpg") no-repeat;
}

#navBarControl ul
{
	padding: 0px;
	margin: 0px;
	margin-left: 100px;
	list-style-type: none;
	list-style-image: none;
}

#navBarControl ul li 
{
	float: left;
	width: 120px;
	display: block;
}

#gameDownload 
{
	margin-top: 6px;
	margin-left: 10px;
}

#getCard
{
	margin-top: 25px;
	margin-left: 10px;
}

#gameItem
{
	margin-top: 27px;
	margin-left: 10px;
}

#juniorCenter
{
	margin-top: 20px;
	margin-left: 10px;
}

#serviceCenter
{
	margin-top: 9px;
	margin-left: 10px;
}

#contactUS
{
	margin-top: 9px;
	margin-left: 10px;
}

#gameInform
{
	margin-top: 20px;
	margin-left: 4px;
}

#leftSideBar div
{
	margin-bottom: 10px;
}

#loginControl 
{
	width: 201px;
	height: 134px;
	margin-left: 10px;
	border: solid 1px #F0D58C;
	background: transparent url("../images/loginBg.jpg") no-repeat;
}

#loginTitle
{
	color: #996600;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 15px;
	left: 15px;
}

#loginInputBox 
{ 
	position: relative;
	top: 30px;
	left: 15px;
	line-height: 23px;
}

#loginInputBox td.loginCaption
{
	width: 50px;
	margin-right: 5px;
	color: #A6945F;
	font-weight: bold;
	font-size: 12px;
}

#loginButton 
{
	position: relative;
	color: #C35600;
	font-size: 14px;
	text-align: center;
	padding-left: 20px;
	padding-top: 5px;
	
}

#newsCenterControl 
{
	width: 404px;
	height: 369px;
	margin-top: 6px;
	margin-left: 16px;
	background: transparent url("../images/newsCenterBg.jpg") no-repeat;
}

.loginInput 
{
	line-height: 16px;
	border: 0px;
	background-color: #CCB775;
}

#newsImageTitle
{
	width: 348px;
	height: 20px;
	margin-top: 14px;
	margin-left: 20px;
	text-align: right;
	background: transparent url("../images/newsTitleBg.jpg") no-repeat;
}

#informImageTitle
{
	width: 348px;
	height: 20px;
	margin-left: 20px;
	text-align: right;
	background: transparent url("../images/informTitleBg.jpg") no-repeat;
}

#newsImageTitle img 
{
	margin-top: 7px;
}

#informImageTitle img
{
	margin-top: 7px;
}

#newsCenterControl table
{
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	list-style-type: none;
	list-style-image: none;
}

#newsCenterControl  td 
{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	display: block;
	line-height: 22px;
	height: 22px;
}

#newsCenterControl .newsTitle
{
	font-size: 12px;
	width: 320px;
}

#newsCenterControl  .inform
{
	width: 320px;
}

#newsCenterControl  .newsDate
{
	font-size: 12px;
	color: White;
	width: 40px;
}

.newsCenterList ul
{
	position: relative;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	margin-top: 45px;
	list-style-type: none;
	list-style-image: none;
}

.newsCenterList ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	line-height: 27px;
	height: 27px;
	border-bottom: dashed 1px #867E75;
}

.newsCenterList .newsTitle
{
	float: left;
	width: 600px;
}

.newsCenterList .gameInfo
{
	width: 210px;
}

.newsCenterList .newsDate
{
	width: 115px;
}

.newsListMidBg .roleName
{
	width: 142px;
	color: White;
	line-height: 28px;
	height: 28px;
}

.newsListMidBg .stage
{
	width: 142px;
	text-align: center;
	color: White;
	line-height: 28px;
	height: 28px;
}

.newsListMidBg .experience
{
	width: 142px;
	text-align: center;
	color: White;
	line-height: 28px;
	height: 28px;
}

.newsListMidBg table 
{
	margin-left: 10px;
	margin-top: 32px;
}

.newsListMidBg td
{
	height: 22px;
}

.newsListMidBg .newsImageTitle 
{
	margin-top: 5px;
}


#flashADControl
{
	width: 320px;
	height: 363px;
	margin-left: 20px;
	margin-top: 12px;
	padding-top: 10px;
	text-align: center;
	background: transparent url("../images/newActivity.jpg") no-repeat;
}

#flashADControl #flashAdContainer
{
	width: 252px;
	border: solid 1px black;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#adImage 
{
	width: 204px;
	height: 202px;
	margin-top: 12px;
	background: transparent url("../images/AdImage.jpg") no-repeat;
}

#imageADControl
{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#rankListControl
{
	float: left;
	width: 444px;
	height: 194px;
	margin-top: 15px;
	margin-left: 40px;
	background: transparent url("../images/rankBg.jpg") no-repeat;
}

.newsListMidBg ul.rankTitle 
{
	line-height: 40px;
	font-weight: bold;
	border-bottom-width: 0px;
}

#sysInformControl 
{
	
	width: 290px;
	margin-left: 10px;
}

#imageListControl
{
	float: left;
	margin-top: 17px;
	margin-left: 18px;
	width: 734px;
	height: 216px;
	background: transparent url("../images/hotShowBg.jpg") no-repeat;

}

#imageListImageTitle 
{
	margin-top: 15px;
	margin-left: 31px;
	width: 686px;
	height: 23px;
	background: transparent url("../images/hotActivityTitle.jpg") no-repeat;
}

#imageListLeft
{
	float:left;
	width: 23px;
	height: 142px;
	background: transparent url("../images/leftbj2.gif") no-repeat;
}

#imageListContent
{
	
}

#imageListContent ul 
{
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-left: 40px;
	list-style-type: none;
	list-style-image: none;
}

#imageListContent ul li
{
	border: 1px;
	float: left;
	width: 210px;
	margin-right: 10px;
	text-align: center;
	display: inline;
}

#imageListContent img 
{
	border: solid 2px #7E4514;
}

#imageListRight
{
	float: left;
	width: 23px;
	height: 142px;
	background: transparent url("../images/rightbj2.gif") no-repeat;
}

#footerControl 
{
	color: White;
	font-weight: bold;
	font-size: 14px;
	padding-top: 20px;
	margin-bottom: 10px;
}

#mainContentControl 
{
	width: 770px;
	margin-top: 11px;
	background: #DFCEB2 url("../images/viewbj.png") no-repeat;
}

#siteMapPathControl
{
	position: relative;
	top: 20px;
	left: 20px;
}

#mainContentBottomBg 
{
	width: 770px;
	height: 31px;
	background: #DFCEB2 url("../images/viewbj2.png") no-repeat;
}

#newsDetail 
{
	margin-top: 40px;
	margin-left: 20px;
	line-height: 21px;
	font-size: 12px;
	text-indent: 2em;
	margin-right: 20px;
}

.siteMapPath 
{
	color: #DFCEB2;
}

#newsCenterControl A
{
	color: white;
	text-decoration: none;
}

#newsCenterControl A:hover
{
	color: #F50000;
	text-decoration: underline;
}

A
{
	color: #663300;
	text-decoration: none;
}

A:hover
{
	color: #F50000;
	text-decoration: underline;
}

A.navBarLink 
{
	color: White;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

A.navBarLink:hover 
{
	color: #F50000;
	font: bold 14px;
	text-decoration: none;
}

A.loginLink 
{
	float: left;
	display: block;
	color: #E2D5B5;
	width: 60px;
	height: 20px;
	background: #DFCEB2 url("../images/loginButton.gif") no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	overflow: hidden;
}

A.loginLink:hover 
{
	float: left;
	display: block;
	color: #E2D5B5;
	width: 60px;
	height: 20px;
	background: #DFCEB2 url("../images/loginButton.gif") no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-right: 10px;
	text-decoration: none;
}

A.siteMapPathLink 
{
	color: #DFCEB2;
	font-size: 12px;
	text-decoration: none;
}

A.siteMapPathLink:hover
{
	color: #F50000;
	font-size: 12px;
	text-decoration: underline;
}