@charset "utf-8";

/* CSS Document global */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th{margin:0px;padding:0px;line-height:150%;}
div,body{text-align:center;}
table,td,tr,th{margin:0px;padding:0px;}
table{margin:0 auto;}
input{margin:0;padding:0;line-height:150%;text-align:left;}
div, span, th, td, dt, dd, h1, h2, h3, h4, h5, h6, em, strong, i, a, b, a, p, ul, li {word-wrap:break-word;}
*{font-size:12px; font-family:Arial, Helvetica,verdana, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
h2{text-align:left;}
select, input, select {vertical-align:middle;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style-type:none;}
li{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a,a:link {text-decoration:none;color:#000;}
a:visited {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;color:#900;}
a:active {text-decoration:none;color:#000;}

.clear{	height: 1px;background-color: transparent;overflow: hidden;clear: both;}
.height5{height:5px; overflow: hidden;}
/*picture border decorate*/
.imgBorder img{
	text-align:center;
	margin:2px;
	padding:2pX;
	border:#cccccc 1px solid;
}
.height_3{
	height:2px !important;
	_height:2px;
	overflow:hidden;
}
body{
	background-image:url(../images/newIndex/top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
}
#bottom{
	width:100%;
	min-width:1000px;
	height:163px;
	margin:0 auto;
	background-image:url(../images/newIndex/bottom.jpg);
	background-position:center top;
}
#wapper{
	width:1000px;
	height:auto !important;
	height:1000px;
	min-height:1000px;
	margin:0 auto;	
}
#top{
	width:1000px;
	height:477px;
	margin:0 auto;
	position:relative;
}
#level1{
	width:1000px;
	height:252px;
	position:relative;
}
#adScroll{
	width:724px;
	height:224px;
	position:absolute;
	left:17px;
	top:9px;
	overflow:hidden;
}
#registerArea{
	width:233px;
	height:227px;
	background-image:url(../images/newIndex/regBt.jpg);
	background-position:0px 0px;
	position:absolute;
	left:751px;
	top:8px;
	overflow:hidden;
}
#registerBtn a:link,#registerBtn a:visited{
	width:233px;
	height:110px;
	position:absolute;
	left:0px;
	top:0px;
	display:block;
}
#DownloadBtn a:link,#DownloadBtn a:visited{
	width:233px;
	height:110px;
	position:absolute;
	left:0px;
	top:117px;
	display:block;
}

#DownloadBtn a:hover,#DownloadBtn a:active{
	width:233px;
	height:110px;
	position:absolute;
	left:0px;
	top:117px;
	display:block;
	background-image:url(../images/newIndex/regBt.jpg); 
	background-position:left  top;
	background-repeat:no-repeat;
	background-position:-233px -117px;
}
#registerBtn a:hover,#registerBtn a:active{
	width:233px;
	height:110px;
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	background-image:url(../images/newIndex/regBt.jpg); 
	background-position:left  top;
	background-repeat:no-repeat;
	background-position:-233px 0px;
}
#level2{
	width:1000px;
	height:auto !important;
	height:1000px;
	min-height:1000px;
	background-image:url(../images/newIndex/conBg1.jpg);
	background-repeat:repeat-y;
}
#levBottom{
	width:1000px;
	height:22px;
	background-image:url(../images/newIndex/bott1.jpg);
	overflow:hidden;
}
#leftmargin{
	width:12px;
	height:auto !important;
	height:1000px;
	min-height:1000px;
	overflow:hidden;
	float:left;
}
#left{
	width:732px;
	height:auto !important;
	height:1000px;
	min-height:1000px;
	float:left;
	position:relative;
}
#right{
	width:250px;
	height:auto !important;
	height:1000px;
	min-height:1000px;
	float:left;
	position:relative;
}
#rightArea{
	width:235px;
	height:auto !important;
	height:1000px;
	min-height:1000px;
	position:relative;
	margin:0 auto;
}
#left .ad ul li{
	width:243px;
	text-align:center;
	float:left;
	height:109px;
	vertical-align:top;
}
#left .ad ul{
	width:730px;
	height:109px;
	}
#left .ad ul li img{border:2px solid #000;}
#newsArea{
	width:730px;
	height:290px;	
}
#newsBar{
	width:730px;
	height:46px;
	background-image:url(../images/newIndex/news.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:relative;	
}
#newsCon{
	width:730px;
	height:233px;
	background-image:url(../images/newIndex/leftBg.jpg);
	background-repeat:repeat-y;	
	overflow:hidden;
}
.div11,.div12,.div13{
	width:718px;
	height:233px;
	background-image:url(../images/newIndex/newsBg.jpg);
	margin:0 auto;
	position:relative;	
}
.divAre{
	width:460px;
	height:100px;
	position:absolute;
	top:7px;
	left:254px;
}
.pic1_1{
	width:235px;
	height:100px;
	position:absolute;
	top:9px;
	left:13px;
}
.pic1_2{
	width:235px;
	height:100px;
	position:absolute;
	top:126px;
	left:13px;
}
#newsBar1{
	width:115px;
	height:38px;
	background-image:url(../images/newIndex/news.jpg);
	background-position:-38px -54px;
	position:absolute;
	left:38px;
	top:8px;
	display:block;
}
#newsBar2{
	width:115px;
	height:38px;
	background-image:url(../images/newIndex/news.jpg);
	background-position:-156px -8px;
	position:absolute;
	left:156px;
	top:8px;	
	display:block;
}
#newsBar3{
	width:115px;
	height:38px;
	background-image:url(../images/newIndex/news.jpg);
	background-position:-274px -8px;
	position:absolute;
	left:274px;
	top:8px;
	display:block;
}

#newsBarMore1 a,#newsBarMore2 a,#newsBarMore3 a{
	width:71px;
	height:29px;
	position:absolute;
	left:644px;
	top:15px;
	display:block;
	color:#ff0;
}
#newsBottom{
	width:730px;
	height:6px;
	background-image:url(../images/newIndex/leftBg1.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

#peopleArea{
	width:730px;
	height:373px;	
}
#peopleBar{
	width:730px;
	height:46px;
	background-image:url(../images/newIndex/peopleT.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:relative;	
}
#peopleCon{
	width:730px;
	height:315px;
	background-image:url(../images/newIndex/leftBg.jpg);
	background-repeat:repeat-y;	
	overflow:hidden;
	position:relative;
	overflow:hidden;
}
#peopleBottom{
	width:730px;
	height:6px;
	background-image:url(../images/newIndex/leftBg1.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#Wizard{
	width:89px;
	height:29px;
	background-image:url(../images/newIndex/peopleBtn.jpg);
	background-position:0px -29px;
	position:absolute;
	left:252px;
	top:17px;
	display:block;
	vertical-align:middle;
	line-height:29px;
}
#Monk{
	width:89px;
	height:29px;
	background-image:url(../images/newIndex/peopleBtn.jpg);
	background-position:0px 0px;
	position:absolute;
	left:346px;
	top:17px;
	display:block;
	vertical-align:middle;
	line-height:29px;
}
#Assassin{
	width:89px;
	height:29px;
	background-image:url(../images/newIndex/peopleBtn.jpg);
	background-position:0px 0px;
	position:absolute;
	left:440px;
	top:17px;
	display:block;
	vertical-align:middle;
	line-height:29px;
}
#Fairy{
	width:89px;
	height:29px;
	background-image:url(../images/newIndex/peopleBtn.jpg);
	background-position:0px 0px;
	position:absolute;
	left:535px;
	top:17px;
	display:block;
	vertical-align:middle;
	line-height:29px;
}
#Tamer{
	width:89px;
	height:29px;
	background-image:url(../images/newIndex/peopleBtn.jpg);
	background-position:0px 0px;
	position:absolute;
	left:629px;
	top:17px;
	display:block;
	vertical-align:middle;
	line-height:29px;
}
.div1{
	width:718px;
	height:315px;
	background-image:url(../images/newIndex/people1.jpg);
	margin:0 auto;
	position:relative;	
}
.div2{
	width:718px;
	height:315px;
	background-image:url(../images/newIndex/people2.jpg);
	margin:0 auto;
	position:relative;	
}
.div3{
	width:718px;
	height:315px;
	background-image:url(../images/newIndex/people3.jpg);
	margin:0 auto;
	position:relative;	
}
.div4{
	width:718px;
	height:315px;
	background-image:url(../images/newIndex/people4.jpg);
	margin:0 auto;
	position:relative;	
}
.div5{
	width:718px;
	height:315px;
	background-image:url(../images/newIndex/people5.jpg);
	margin:0 auto;
	position:relative;	
}
.txtPeople{
	width:349px;
	height:206px;
	text-align:left;
	position:absolute;
	left:347px;
	top:72px;
}
.txtDetail a:link,.txtDetail a:visited{
	width:41px;
	height:23px;
	text-align:left;
	position:absolute;
	left:644px;
	top:280px;
	text-decoration:underline;
	color:#900;
}

/**wallpaper**/
wallpaperArea{
	width:730px;
	height:248px;	
}
#wallBar{
	width:730px;
	height:46px;
	background-image:url(../images/newIndex/wallpaper.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:relative;	
}
#wallpaperCon{
	width:730px;
	height:191px;
	background-image:url(../images/newIndex/leftBg.jpg);
	background-repeat:repeat-y;	
	overflow:hidden;
	position:relative;
	overflow:hidden;
}
#wallpaperBottom{
	width:730px;
	height:6px;
	background-image:url(../images/newIndex/leftBg1.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#wallBar1{
	width:115px;
	height:36px;
	background-image:url(../images/newIndex/wallpaper.jpg);
	background-position:-39px -9px;
	position:absolute;
	left:39px;
	top:9px;
	display:block;
}
#wallBar2{
	width:115px;
	height:36px;
	background-image:url(../images/newIndex/wallpaper.jpg);
	background-position:-157px -55px;
	position:absolute;
	left:157px;
	top:9px;
	display:block;
}
#wallBar3{
	width:115px;
	height:36px;
	background-image:url(../images/newIndex/wallpaper.jpg);
	background-position:-275px -9px;
	position:absolute;
	left:275px;
	top:9px;
	display:block;
}
#wallBar4{
	width:115px;
	height:36px;
	background-image:url(../images/newIndex/wallpaper.jpg);
	background-position:-393px -9px;
	position:absolute;
	left:393px;
	top:9px;
	display:block;
}
#wallMore1 a,#wallMore2 a,#wallMore3 a,#wallMore4 a{
	width:63px;
	height:27px;
	position:absolute;
	left:649px;
	top:16px;
	display:block;
	color:#FF0;
}
.div6,.div7,.div8{
	width:718px;
	height:191px;
	background-image:url(../images/newIndex/picBg.jpg);
	margin:0 auto;
	position:relative;	
}
.picList{
	width:698px;
	height:145px;
	position:absolute;
	left:21px;
	top:22px;
}
.picList li{
	width:232px;
	height:145px;
	float:left;
}
/**coop**/
#coopArea{
	width:730px;
	height:128px;	
}
#coopBar{
	width:730px;
	height:46px;
	background-image:url(../images/newIndex/media.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:relative;	
}
#coopCon{
	width:730px;
	height:71px;
	background-image:url(../images/newIndex/leftBg.jpg);
	background-repeat:repeat-y;	
	overflow:hidden;
}
.div15{
	width:718px;
	height:71px;
	background-image:url(../images/newIndex/coopBg.jpg);
	margin:0 auto;
	position:relative;	
}
#coopBottom{
	width:730px;
	height:6px;
	background-image:url(../images/newIndex/leftBg1.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#medialist{width:710px;margin:0 auto; overflow:hidden;height:50px;}
#medialist ul li{
	width:100px;
	height:60px;
	float:left;
	text-align:center;
}
#medialist ul li img{
	border:2px solid #999;
}

/**right**/
#linkMore{
	width:234px;
	height:274px;
	margin:0 auto;
	background-image:url(../images/newIndex/link.jpg);
	overflow:hidden;
	position:relative;
}
.purchaseBt a:link,.purchaseBt a:visited{
	width:115px;
	height:69px;
	position:absolute;
	left:0px;
	top:0px;
}

.purchaseBt a:hover,.purchaseBt a:active{
	width:115px;
	height:69px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-234px 0px;
	position:absolute;
	left:0px;
	top:0px;
}
.creditBt a:link,.creditBt a:visited{
	width:115px;
	height:69px;
	position:absolute;
	left:120px;
	top:0px;
}
.creditBt a:hover,.creditBt a:active{
	width:115px;
	height:69px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-354px -0px;
	position:absolute;
	left:120px;
	top:0px;
}

.facebook a:link,.facebook a:visited{
	width:115px;
	height:63px;
	position:absolute;
	left:0px;
	top:71px;
}

.facebook a:hover,.facebook a:active{
	width:115px;
	height:63px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-234px -71px;
	position:absolute;
	left:0px;
	top:71px;
}
.forum a:link,.forum a:visited{
	width:115px;
	height:63px;
	position:absolute;
	left:120px;
	top:71px;
}
.forum a:hover,.forum a:active{
	width:115px;
	height:63px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-354px -71px;
	position:absolute;
	left:120px;
	top:71px;
}
/****/
.sendCard a:link,.sendCard a:visited{
	width:115px;
	height:63px;
	position:absolute;
	left:0px;
	top:140px;
}

.sendCard a:hover,.sendCard a:active{
	width:115px;
	height:63px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-234px -140px;
	position:absolute;
	left:0px;
	top:140px;
}
.guild a:link,.guild a:visited{
	width:115px;
	height:63px;
	position:absolute;
	left:120px;
	top:140px;
}
.guild a:hover,.guild a:active{
	width:115px;
	height:63px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-354px -140px;
	position:absolute;
	left:120px;
	top:140px;
}

.giftCode a:link,.giftCode a:visited{
	width:115px;
	height:63px;
	position:absolute;
	left:0px;
	top:207px;
}

.giftCode a:hover,.giftCode a:active{
	width:115px;
	height:63px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-234px -207px;
	position:absolute;
	left:0px;
	top:207px;
}
.comics a:link,.comics a:visited{
	width:115px;
	height:63px;
	position:absolute;
	left:120px;
	top:207px;
}
.comics a:hover,.comics a:active{
	width:115px;
	height:63px;
	background-image:url(../images/newIndex/link.jpg);
	background-position:-354px -207px;
	position:absolute;
	left:120px;
	top:207px;
}


#systemEvent,#cityWar,#guildwebsite{
	width:235px;
	height:auto !important;
	height:33px;
	min-height:33px;
}
.rightbar{
	width:235px;
	height:45px;
}
.rightcon{
	width:235px;
	height:auto !important;
	height:33px;
	min-height:33px;
	background-image:url(../images/newIndex/rightBg.jpg);
	background-repeat:repeat-y;
}
.rightbottom{
	width:235px;
	height:4px;
	background-image:url(../images/newIndex/rightBg1.jpg);
	overflow:hidden;
}
.guildMediaList,#guildWeb{
	width:180px;
	margin:0 auto;
	height:130px;
	overflow:hidden;
}

.guildMediaList li{
	width:89px;
	height:45px;
	float:left;
	text-align:center;
}
#emaillist{
	width:235px;
	height:127px;
	background-image:url(../images/newIndex/email.jpg);
}


/**systemEvent**/
#tabs{
	width:220px;
	text-align:center;
	margin:0 auto;
	height:222px;
	font-family:Arial;
	font-size:12px;
}
#tabs span{

}
#tabs-1{
text-align:center;
}

#tabs-1 img,#tabs-2 img{width:15px;height:15px; vertical-align:middle;}
#tabs-1 li{
height:18px;
line-height:18px;
vertical-align:middle;
}
#tabs-2{
text-align:center;
}

#tabs-2 li{
height:18px;
line-height:18px;
vertical-align:middle;
}
.showdiv{
background-color:#ebe5d9;
color:#000;
font-family:Arial;
font-size:12px;
border:4px solid #9f8f5c;
padding:2px;
text-align:left;
}
.cawid li{width:102px; text-align:center;}

/**topmenu**/
#menuBGG{
	width:960px;
	height:46px;
	display:block;
	position:absolute;
	top:417px;
	left:28px;
}
#menu{
	width:946px;
	height:179px;
	background-image:url(../images/newIndex/submenuBg.png);
	position:absolute;
	left:30px;
	top:245px;
	display:none;
}
#menu1 a,#menu2 a,#menu3 a,#menu4 a,#menu5 a,#menu6 a,#menu7 a,#menu8 a{
	text-decoration:none;
	display:block;
	cursor:pointer;
}

.textMenu a:link,.textMenu a:visited{
	color:#a4a4a4;
}
.textMenu a:hover,.textMenu a:active{
	color:#fff;
	text-decoration:underline;
}
#menu1 a{
	width:93px;
	height:31px;
	display:block;
	position:absolute;
	top:430px;
	left:39px;
}
#menu2 a{
	width:88px;
	height:30px;
	display:block;
	position:absolute;
	top:429px;
	left:150px;
}
#menu3 a{
	width:109px;
	height:32px;
	display:block;
	position:absolute;
	top:431px;
	left:258px;
}
#menu4 a{
	width:70px;
	height:30px;
	display:block;
	position:absolute;
	top:431px;
	left:380px;
}
#menu5 a{
	width:110px;
	height:31px;
	display:block;
	position:absolute;
	top:430px;
	left:465px;
}

#menu6 a{
	width:103px;
	height:29px;
	display:block;
	position:absolute;
	top:431px;
	left:590px;
}
#menu7 a{
	width:121px;
	height:30px;
	display:block;
	position:absolute;
	top:431px;
	left:705px;
}
#menu8 a{
	width:132px;
	height:27px;
	display:block;
	position:absolute;
	top:432px;
	left:837px;
}
#menuCon1{
	width:69px;
	height:75px;
	display:block;
	position:absolute;
	top:95px;
	left:28px;
	
	color:#a4a4a4
}

#menuCon2{
	width:103px;
	height:75px;
	display:block;
	position:absolute;
	top:95px;
	left:110px;
	
	color:#a4a4a4
}
#menuCon3{
	width:110px;
	height:100px;
	display:block;
	position:absolute;
	top:71px;
	left:227px;
	
	color:#a4a4a4
}
#menuCon4{
	width:72px;
	height:125px;
	display:block;
	position:absolute;
	top:45px;
	left:350px;
	
	color:#a4a4a4
}
#menuCon5{
	width:109px;
	height:149px;
	display:block;
	position:absolute;
	top:22px;
	left:435px;
	
	color:#a4a4a4
}
#menuCon6{
	width:107px;
	height:101px;
	display:block;
	position:absolute;
	top:73px;
	left:560px;
	
	color:#a4a4a4
}
#menuCon7{
	width:105px;
	height:151px;
	display:block;
	position:absolute;
	top:23px;
	left:685px;
	
	color:#a4a4a4
}
#menuCon8{
	width:135px;
	height:129px;
	display:block;
	position:absolute;
	top:24px;
	left:801px;
	
	color:#a4a4a4
}
#menuCon1 li,#menuCon4 li,#menuCon5 li,#menuCon6 li,#menuCon7 li,#menuCon8 li{height:25px; line-height:25px; vertical-align:middle; text-indent:5px;}
#menuCon2 li,#menuCon3 li{height:25px; line-height:25px; vertical-align:middle; text-indent:10px;}


#homeBtn a:link,#homeBtn a:visited{
	width:385px;
	height:32px;
	background-image:url(../images/newIndex/link2.jpg);
	background-position: 0px 0px;
	cursor:pointer;
	display:block;
	position:absolute;
	top:1980px;
	left:533px;
}

#homeBtn a:hover,#homeBtn a:active{
	width:385px;
	height:32px;
	background-image:url(../images/newIndex/link2.jpg);
	background-position: 0px 0px;
	cursor:pointer;
	display:block;
	position:absolute;
	top:1980px;
	left:533px;
}