@charset "utf-8";
/*************************************默认样式****************************************/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; background:#000 url('../images/bg.jpg') no-repeat scroll center top; color:#38618e;}
a { color:#38618e; text-decoration:none;}   a:hover { color:#00aeff;}
input, select { padding:3px;}
.wrapper { width:960px; margin:0px auto;}

/*************************************头部样式****************************************/
.header { height:320px;}
.header h1 { display:none;}
.header h2 { font-size:0;}

/********************************底部版权信息层样式*************************************/
.footer { width:100%; padding:15px 0; margin-top:20px; text-align:center; color:#334b69; clear:both;}
.footerW { width:980px; margin:0 auto;}
.footerW p { padding:4px 0;}
.footerW a { color:#334b69;}   .footerW a:hover { color:#00aeff; text-decoration:underline;}

/**************************导航菜单样式*****************************/
.nav { height:140px; background:transparent url('../images/bg-nav.jpg') no-repeat;}
.ulNav { padding:44px 0 0 151px;}
.ulNav li { float:left; display:inline; width:80px; height:26px; line-height:26px; position:relative;}
.ulNav li a.main { display:block; width:100%; height:100%; font-size:0; text-indent:-9999em;}
#n1 { width:50px;}
#n1 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -151px -184px;}
#n2 { margin-left:15px;}
#n2 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -216px -184px;}
#n3 { margin-left:19px;}
#n3 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -315px -184px;}
#n4 { margin-left:19px;}
#n4 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -414px -184px;}
#n5 { margin-left:18px;}
#n5 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -512px -184px;}
#n6 { margin-left:18px;}
#n6 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -610px -184px;}
#n7 { margin-left:14px;}
#n7 a.main:hover { background:transparent url('../images/bg-nav.jpg') no-repeat scroll -704px -184px;}

.ulNav li div { visibility:hidden; width:400px; position:absolute; left:6px; color:#768eac; font-size:14px;}
.ulNav li div a { color:#768eac; text-decoration:none;}   .ulNav li div a:hover { color:#00aeff;}
.ulNav li.hover div { visibility:visible;}

/*************************************中部样式****************************************/
.container { clear:both; margin:0 auto;}

/**************************内容A样式*****************************/
.boxA { clear:both; background:transparent url('../images/bg-boxam.gif') repeat-y;}
.boxAb { clear:both; height:120px; line-height:0; font-size:0; background:transparent url('../images/bg-boxab.gif') no-repeat;}
.boxAt { background:transparent url('../images/bg-boxat.gif') no-repeat; *height:1%;}

/**************************内容B样式*****************************/
.boxB { height:275px; padding-top:25px; position:relative;}
.role { width:230px; height:252px; background:transparent url('../images/role.gif') no-repeat; position:absolute; top:48px; left:425px; z-index:2;}

/**************************内容C样式*****************************/
.boxC { width:240px; background:transparent url('../images/bg-boxcm.gif') repeat-y;}
.boxCb { height:22px; line-height:0; font-size:0; background:transparent url('../images/bg-boxcb.gif') no-repeat;}
.boxCt { padding:20px 16px 0 16px; background:transparent url('../images/bg-boxct.gif') no-repeat;}
.boxCt h4 { font-size:14px; color:#0058ba;}
.boxCt p { padding:3px 0;}

/**************************内容D样式*****************************/
.boxD { width:332px;}
.boxDt { height:22px; line-height:0; background:transparent url('../images/bg-boxdt.gif') no-repeat;}
.boxDb { height:22px; line-height:0; background:transparent url('../images/bg-boxdb.gif') no-repeat;}
.boxDm { padding:0 17px 0 20px; background:transparent url('../images/bg-boxdm.gif') repeat-y;}

/**************************内容E样式*****************************/
.boxE { padding:0 20px;}
.boxE1 { padding:0 33px;}
.marquee { width:892px;height:31px;overflow:hidden; margin:10px auto 0;}
.marquee ul { clear:both; padding:0 0 0 15px;}
.marquee li {  float:left; display:inline; width:88px; height:31px; margin:0 25px 0 0; overflow:hidden;}
.marquee li a { width:88px; height:31px; display:block; text-align:center; font-size:0;}
.marquee li img { width:88px; height:31px;}

/**************************新闻样式*****************************/
.news { width:470px; height:260px; margin:0 0 0 460px; background:transparent url('../images/bg-news.gif') no-repeat;
/*---------滚动条样式开始------------*/
	/*OVERFLOW-Y: auto; 垂直滚动条，OVERFLOW-X: auto; 左右滚动条*/
	OVERFLOW-Y: auto;
	SCROLLBAR-FACE-COLOR: #9c9c9c;  
	SCROLLBAR-HIGHLIGHT-COLOR: #38618e;
	SCROLLBAR-SHADOW-COLOR: #38618e;
	SCROLLBAR-3DLIGHT-COLOR:#38618e; 
	SCROLLBAR-ARROW-COLOR: #9c9c9c; 
	SCROLLBAR-TRACK-COLOR: #0d1c31;
	SCROLLBAR-DARKSHADOW-COLOR: #0d1c31;
	/*---------滚动条样式结束------------*/}
.NewsTab { height:38px;}
.NewsTab li { float:left; display:inline; width:76px; height:38px; line-height:38px; text-align:center; font-weight:bold; font-size:14px; color:#5178b1; background:transparent url('../images/bg-line.gif') no-repeat scroll right top;}
.NewsTab li.active { background:transparent url('../images/bg-newstab.gif') no-repeat; color:#0072ff;}
.NewsTab li.active a { color:#0072ff;}   .NewsTab li.active a:hover {color :#00aeff;}
.ulNewsC { padding:4px 8px 0 12px;}
.ulNewsC li {height:25px; line-height:30px; color:#789a7c; overflow:hidden;}
* html .ulNewsC li { height:28px; line-height:28px;}
.ulNewsC li span { float:left; display:inline;}
.ulNewsC li i { float:right; display:inline; font-size:11px; font-style:normal; color:#325073;}

/**************************焦点图样式*****************************/
.focus { width:425px; height:295px; padding:26px 27px 35px 27px; background:transparent url('../images/bg-focus.gif') no-repeat; position:absolute; top:-64px; left:-27px; z-index:2;}

/**************************快捷菜单样式*****************************/
.ulNav2 { height:64px; padding:0 0 0 462px; background:transparent url('../images/bg-nav2.png') no-repeat;}
.ulNav2 li { float:left; display:inline; width:89px; height:44px; margin:9px 7px 0 0;}
.ulNav2 li a { display:block; width:100%; height:100%; text-indent:-9999px;}
a.q1:hover { background:transparent url('../images/bg-nav2.jpg') no-repeat scroll -462px -72px;}
a.q2:hover { background:transparent url('../images/bg-nav2.jpg') no-repeat scroll -568px -73px;}
a.q3:hover { background:transparent url('../images/bg-nav2.jpg') no-repeat scroll -664px -73px;}
a.q4:hover { background:transparent url('../images/bg-nav2.jpg') no-repeat scroll -760px -73px;}
a.q5:hover { background:transparent url('../images/bg-nav2.jpg') no-repeat scroll -856px -73px;}

/**************************道具商城样式*****************************/
.shop { width:919px; height:160px; margin:15px auto 20px auto; background:transparent url('../images/bg-shop.gif') no-repeat;}
.ulShop { padding:36px 0 0 38px;}
.ulShop li { float:left; display:inline; width:93px; height:90px; padding:1px; margin-right:27px; border:1px #000 solid; background-color:#a1a1a1;}

/*************************************左侧样式****************************************/
.boxL { width:664px; float:left; display:inline; margin-left:20px;}

/**************************职业体系样式*****************************/
.job { float:left; display:inline; width:420px;}
.job-c { width:380px; height:180px; padding:20px; background:transparent url('../images/bg-job.jpg') no-repeat;}
.job-c1 { height:151px;}

.uljob { height:30px; background:transparent url('../images/bg-jobtab.gif') no-repeat;}
.uljob li { float:left; display:inline; width:85px; height:30px; line-height:0; font-size:0;}
.uljob li a { display:block; width:100%; height:100%;}

li.active a.gcb { background:transparent url('../images/bg-jobtab.gif') no-repeat scroll 0px -30px;}
li.active a.ylb { background:transparent url('../images/bg-jobtab.gif') no-repeat scroll -85px -30px;}
li.active a.zcb { background:transparent url('../images/bg-jobtab.gif') no-repeat scroll -170px -30px;}
li.active a.tjb { background:transparent url('../images/bg-jobtab.gif') no-repeat scroll -255px -30px;}

/**************************游戏资料样式*****************************/
.info { float:left; display:inline; width:229px;}

/**************************排行榜样式*****************************/
.rank { height:200px; overflow:auto;}

/*************************************右侧样式****************************************/
.boxR { width:240px; float:left; display:inline; margin-left:15px;}

/*************************************列表样式****************************************/
.ulPic { clear:both; padding:0 0 5px 15px;}
.ulPic li { float:left; display:inline; width:142px; margin:10px 15px 0 0; font-size:14px; text-align:center;}
.ulPic li p { padding-top:7px;}

.ultab { height:30px; line-height:30px; font-size:14px; color:#3e7ecc; background:transparent url('../images/bg-bar.gif') repeat-x;}
.ultab li { float:left; display:inline; width:87px; text-align:center;}
.ultab li.active { background:transparent url('../images/bg-tabs.gif') no-repeat; font-weight:bold; color:#badcff;}
.ultab li.active a { color:#badcff;}   .ultab li.active a:hover { color:#00aeff;}

.ulTxt { padding:0 0 5px 0;}
.ulTxt li { float:left; display:inline; width:310px; height:30px; line-height:30px; padding-left:8px; background:transparent url('../images/ico-arrow.gif') no-repeat scroll left center;}


/*************************************表格样式****************************************/
.table1 { text-align:center;}
.table1 th, .table1 td { padding:5px 2px;}
.table1 th { font-size:13px; color:#194d82; border-bottom:2px #0a4786 solid;}
.table1 td { border-bottom:1px #36659d dashed;}

/*************************************按钮样式****************************************/
.btn1 { width:154px; height:39px; line-height:30px; font-size:14px; text-align:center; font-weight:bold; color:#fff; background:transparent url('../images/btn1.gif') no-repeat; cursor:pointer;}
.more { float:right; margin:15px
}