@charset "GB2312";
/* 
reset: Resets default browser CSS.
Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:1px;}
caption,th,td{font-weight:400;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}a img{border:none;}
html{width:100%;min-height:100%;height:auto;}
/*-------------------------------------------------------------------------------------
  Style for Basic Elements & Classses :
 */
	body{
	 font-size:14px;
	 font-family:"ËÎÌå";
	 line-height:170%;
	 background: #000 url(../images/index_footer.jpg) no-repeat left bottom;
	}	
	ul{list-style:none;}
	/*anchor: */
	a{color:#86b0ff;}
	a:link{color:#86b0ff;}
	a:active{}
	a:visited{color:#86b0ff;}
	a:hover{color:#b4d6ff;}
	/*text img align: */
	.text-hot{}
	.text-alt{}
	
	.align-right{text-align:right;}
	.align-center{text-align:center;}
	.align-left{text-align:left;}

	.img-left{float:left;margin:4px 10px 4px 0;}
	.img-right{float:right;margin:4px 0 4px 10px;}	

	/*general elements: */
	.float-left{display:inline; float:left;}
	.float-right{display:inline; float:right;}
	.float-clear{clear:both;}
	
	.hide{display:none;}
	
/*---------------------------------------------------------------------------------------
  Style for Pages :
 */
 	.page{min-width:998px;}
	*html .page{width:expression((document.body.clientWidth>998)?"100%":"998px");}
 	.topper{position:absolute; left:0; top:0; z-index:10; width:998px; height:230px;background:none;}
	.header{}
	.content{}
	.footer{
	 background:url(../images/index_footer_logo.gif) no-repeat center top;
	 width:998px;
	 padding-top:70px;
	 padding-bottom:50px;
	 margin-top:50px;
	}
	.copyright,.flit{
	 color:#23334f;
	 text-align:center;
	 font-size:12px;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	.flit a{color:#23334f;}

	
	/*=.nav: */
	.nav{
	 background:url(../images/nav_bg.gif) no-repeat;
	 width:628px;
	 height:67px;
	 position:absolute;
	 left:39px;
	 top:27px;
	 z-index:10;
	}
	.nav ul.root{
	 position:absolute;
	 left:30px;
	 top:17px;
	 background:url(../images/nav_icon_1.jpg) no-repeat;
	 height:27px;
	 padding-left:39px;
	}
	.nav li{
	 height:27px;
	 background:url(../images/nav_icon_2.gif) no-repeat;
	 float:left;
	 display:inline;
	 padding-left:1px;
	}
	.nav li a{
	 display:block;
	 height:27px;
	 width:96px;
	 background:url(../images/nav_words.gif) no-repeat;
	 text-indent:-9999px;
	}
	.nav li a.home{background-position:0 0;width:60px;}
	.nav li a.role{background-position:-60px 0;}
	.nav li a.skill{background-position:-157px 0;}
	.nav li a.equip{background-position:-254px 0;}
	.nav li a.tribe{background-position:-351px 0;}
	.nav li a.other{background-position:-448px 0;}

	.nav li a.home:hover,.nav li.alt a.home{background-position:0 -27px;}
	.nav li a.role:hover,.nav li.alt a.role{background-position:-60px -27px;}
	.nav li a.skill:hover,.nav li.alt a.skill{background-position:-157px -27px;}
	.nav li a.equip:hover,.nav li.alt a.equip{background-position:-254px -27px;}
	.nav li a.tribe:hover,.nav li.alt a.tribe{background-position:-351px -27px;}
	.nav li a.other:hover,.nav li.alt a.other{background-position:-448px -27px;}
	
	.nav-sub{position:absolute; top:76px; z-index:9; background:url(../images/nav_sub_btm.gif) no-repeat bottom; padding-bottom:28px;}
	.nav-sub ul{width:125px; padding-top:10px; background:url(../images/nav_sub_bg.gif) repeat-y; overflow:hidden;}
	.nav-sub li{width:125px; float:left;}
	.nav-sub li a{display:block; text-align:center; color:#5073b3; text-decoration:none; font-size:12px;}
	.nav-sub li a:hover{color:#a4bde9;}
		#role_child{left:150px;}
		#skill_child{left:250px;}
		#equip_child{left:345px;}
		#tribe_child{left:440px;}
		#other_child{left:540px;}
	#global_fire{position:absolute; top:100px; left:0; width:998px; height:430px; overflow:hidden; z-index:2}
	
	.news-list{list-style:square; margin:0 60px;}
	.news-time{float:right;}
		
	/*=#index: */
	#index .header{background:url(../images/index_header.jpg) no-repeat left top; height:410px; width:auto;}
	#index .content{background:url(../images/index_content.jpg) no-repeat left top; height:440px; width:auto;position:relative;}
	#index .news{position:absolute; left:650px; top:35px; width:290px; z-index:11;}
	#index .news h3{display:none;}
	#index .news a.more{font-size:12px; float:right; display:inline; margin-bottom:10px;}
	#index .news ul{clear:both;}
	#index .news a{color:#735c49;}
	#index .news a:hover{color:#b29c89; text-decoration:underline;}
	#index .news-time{float:right; color:#735c49; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
	#index_links{width:998px; height:200px; overflow:hidden; position:absolute; top:170px;}
	
	/*=#content: */
	#content .header{background:url(../images/content_header.jpg) no-repeat left top; height:128px; width:auto;}
	#content .content{background:url(../images/content_btm.jpg) no-repeat left bottom; width:auto; position:relative;}
	#content .content-in{background:url(../images/content_top.jpg) no-repeat left top; width:auto; height:auto !important; height:1000px; min-height:1000px;}
	#content .wrap{width:717px; margin-left:32px; padding-bottom:110px;}
	#content .position{margin-left:10px; padding-top:20px; display:block; color:#4f78aa; width:300px; font-size:12px;}
	#content .position a{font-size:12px;}
	#content .arti{width:auto; margin:10px;color:#8697ac;}
	#content .pic{text-align:center; border:1px solid #00143b; padding:3px; background:#002467; overflow:hidden;}
	#content .arti p{margin:3px;}
	#content .arti a{text-decoration:underline;}
	#content .arti-title{text-align:center; padding:10px; font-weight:bold; color:#d3e7ff; font-size:16px;}
	#content .arti-content{height:auto !important; height:700px; min-height:700px; margin:0 50px;}
	#content .arti-top{background:url(../images/content_top.gif) no-repeat; float:right; width:63px; padding-top:75px; font-size:12px; color:#285d81; padding-left:15px;}
	#content .arti-top:visited{color:#285d81;}
	#content .newslist{margin:20px;}
	#content .newslist li{margin:3px;}
	#content .newslist .news-time{float:right;}
	#content .pagelist{text-align:center; margin-bottom:50px; color:#c1c9d4;}
	#content .pagelist a{border:1px solid #1a386f; color:#8596aa; font-weight:normal; font-size:12px; margin:5px; padding:3px 5px; background:#001c3f; text-decoration:none;}
	#content .pagelist .count{display:block; text-align:center; font-size:12px; color:#3d597d; margin-top:10px;} 
	#content .sidebar{
	 background:url(../images/sideBar.jpg) no-repeat;
	 width:294px;
	 height:371px;
	 overflow:hidden;
	 position:absolute;
	 left:689px;
	 top:0;
	}
	#content .sidebar h4{
	 font-size:14px;
	 color:#dbcdbe;
	 text-align:center;
	 font-weight:bold;
	 margin-top:70px;
	}
	#content .sidebar ul{
	 width:107px;
	 margin:auto;
	 margin-top:20px;
	}
	#content .sidebar li{
	 height:25px;
	 line-height:25px;
	 background:url(../images/icon.gif) no-repeat left;
	 padding-left:25px;
	}
	#content .sidebar a{
	 color:#735c49;
	}
	#content .sidebar a.alt{
	 color:#b29984;
	 font-weight:bold;
	}
	#content .sidebar h4 a{
	 font-size:14px;
	 color:#dbcdbe;
	 text-decoration:none;
	}	
	
	/*=#wyz: */
	#wyz .header{background:url(../images/wyz_header.jpg) no-repeat left top; height:110px; width:auto;}
	#wyz .content .role{background:url(../images/wyz_role.jpg) no-repeat left top; height:530px; width:auto; position:relative;}
	#wyz .content .role-detail{position:absolute; left:620px; top:300px;}
	.content .picture{background:url(../images/picture_bg.jpg) no-repeat center; display:block; width:387px; text-align:center; margin:10px auto;}
	.content .picture img{border:1px solid #051940;}
	.content .steed{width:378px; float:left; display:inline; margin-left:140px;}
	.content .steed h3{width:312px; height:38px; display:block; overflow:hidden; margin:0 auto;}
	.content .weapon{width:378px; float:left;}
	.content .weapon h3{width:312px; height:38px;display:block; overflow:hidden; margin:0 auto;}
	.content .steed-name,.content .weapon-name{width:290px; margin:auto; color:#54698e; font-size:12px;}
	.content .steed a,.content .weapon a{font-size:12px; color:#54698e;}
	.content .steed a.alt,.content .weapon a.alt{color:#b7cffb;}
	.content .role-detail{color:#735c49; width:300px;}
	.content .role-detail strong{color:#4e3927;}
	
	/*=#yxl: */
	#yxl .header{background:url(../images/yxl_header.jpg) no-repeat left top; height:110px; width:auto;}
	#yxl .content .role{background:url(../images/yxl_role.jpg) no-repeat left top; height:578px; width:auto; position:relative;}
	#yxl .content .role-detail{position:absolute; left:620px; top:300px;}
	
	/*=#myx: */
	#myx .header{background:url(../images/myx_header.jpg) no-repeat left top; height:110px; width:auto;}
	#myx .content .role{background:url(../images/myx_role.jpg) no-repeat left top; height:576px; width:auto; position:relative;}
	#myx .content .role-detail{position:absolute; left:620px; top:300px;}

	/*=#jjh: */
	#jjh .header{background:url(../images/jjh_header.jpg) no-repeat left top; height:110px; width:auto;}
	#jjh .content .role{background:url(../images/jjh_role.jpg) no-repeat left top; height:576px; width:auto; position:relative;}
	#jjh .content .role-detail{position:absolute; left:620px; top:300px;}

	/*=#lhy: */
	#lhy .header{background:url(../images/lhy_header.jpg) no-repeat left top; height:110px; width:auto;}
	#lhy .content .role{background:url(../images/lhy_role.jpg) no-repeat left top; height:576px; width:auto; position:relative;}
	#lhy .content .role-detail{position:absolute; left:620px; top:300px;}
	
	/*=#ymy: */
	#ymy .header{background:url(../images/ymy_header.jpg) no-repeat left top; height:110px; width:auto;}
	#ymy .content .role{background:url(../images/ymy_role.jpg) no-repeat left top; height:576px; width:auto; position:relative;}
	#ymy .content .role-detail{position:absolute; left:620px; top:300px;}
	
	.tablepad{
	 margin:auto;
	}
	.tablepad td,th{
	 padding:5px;
	 font-size:12px;
	}
	.tablepad td{
	 background:#001a49;
	}
	.tablepad th{
	 background:#0d295c;
	 text-align:center;
	}
	
	/*×ÖÌåÉèÖà */
	.t12 {font-size: 12px;line-height: 16px;color: #000000;}
	.t14 {font-size: 14px;line-height: 19px;color: #1F3A87;}
	.green {font-size: 12px;color: #0a3600;}
	.title {font-size: 18px;color:#05006c;font-weight: bold;}
	.redb{color: #943c15;font-weight: bold;}
	.red{color: #943c15;}
	.red14 {font-size: 14px;color: #943c15;}
	.blue{color: blue;}
	.purple{color: #FF00CC;}
	.fuchsia{color: fuchsia;}
	.else{font-size: 12px; color: #CC6633;}
	.orange{font-size: 12px; color: #ff6600;}
	.blacksmall{font-size: 12px; color: black;line-height:150%}
	.redsmall{font-size: 12px; color: #0a3600;}
	.interrelated{font-size: 14px; color:#1F3A87;line-height:130%}
/*---------------------------------------------------------------------------------------
  Style for Modules :
 */