@charset "utf-8";
/* CSS Document */

body,form,input,p,h1,h2,h3,h4,h5,h6,ul,li,table,td,img{padding:0;margin:0;}
ul,li{list-style:none;}
body{font-size:12px;font-family:Verdana;background:#343434;}
img{border:0;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.fB{ font-weight:bold;}
/* head */
.head_bar{width:auto; height:29px; background:url(../images/bg_head.gif) repeat-x; clear:both; color:#fff; line-height:29px; font-weight:bold;}
.head_bar .hb_left{width:400px; float:left;}
.head_bar .hb_left span{ float:left; padding:8px 5px 0 2px;}
.head_bar .hb_right{width:400px; float:right; text-align:right;padding-right:20px;}
.hb_right span{color:#666;}
.hb_right a.logOut{color:#666;text-decoration:none;}
.hb_right a.logOut:hover{color:#08f;text-decoration:none;}
.head_bar a{color:#fff;text-decoration:none;}
.head_bar a:hover{color:#fff; text-decoration:underline;}
.head_bar a.userNameLink{color:#f90;text-decoration:none;}
.head_bar a.userNameLink;hover{text-decoration:underline;}
.head_bar .login_bar{width:600px;float:left;}
.head_bar .login_bar{}
.head_bar .login_bar span{display:block;float:left;}
.head_bar .login_bar span.weboofTitle{background:url(../images/LOGO_s.png) no-repeat 10px center;padding:0 10px 0 80px;color:#CCC;font-size:11px;}
.head_bar .login_bar span.accountbarTitle{background:url(../images/ico_accountbar.gif) no-repeat 10px center;padding:0 10px 0 35px;color:#CCC;font-size:11px;}
.main_area{width:992px; height:auto; background:url(../images/bg_main.gif) repeat-y; margin:15px auto 0;}

.head{width:auto; height:104px; clear:both; background:url(../images/bg_head_bd.gif) no-repeat 0 0;}
.head div{ display:inline;}
.head .logo{width:265px;padding:18px 0 0 37px;float:left;display:inline;}
.head .logo_r{width:305px;  height:84px; float:right; display:block; padding:20px 10px 0 0;background:url(../images/logo_03.jpg) no-repeat 0px 20px;}
/*.head .logo_r img{}*/
.head .logg_m{width:294px; float:left; padding:30px 0 0 63px;display:inline; }

.main_body{width:972px; height:auto; margin:0 auto; clear:both; }
.shadow_main{height:48px;width:972px;background:url(../images/bg_main_area.gif) repeat-x top;clear:both;}

.userCententMainWarp{width:915px;background:url(../images/robordertop02.gif) no-repeat;padding-top:13px;margin:0 auto 10px auto;}
.userCententWarp{width:913px;border:#b8b6b7 solid 1px;border-top:0;border-bottom:0;}
.mainNavWarp{background:url(../images/navBg.gif) no-repeat;width:966px;height:30px;margin:5px auto 0 auto;}
.mainNav{width:916px;margin:0 auto;}
.mainNavWarp a{display:block;height:30px;float:left;padding:0 20px;color:#f96;line-height:30px;text-decoration:none;font-weight:bold;background:none;}
.mainNavWarp a:hover{color:#ff0;}
.mainNavWarp a.active{color:#fff;}
.mainNavWarp a.active:hover{color:#fff;}
.mainNavWarp a.special{display:block;margin:0;float:right;height:30px;line-height:28px;background:url(../images/navbtn.jpg) no-repeat center center;width:162px;color:#FFF;text-align:center;font-size:11px;padding:0;}
.mainNavWarp a.special:hover{color:#000;}
/* site map index */
.siteMapIndex{padding:10px 30px;color:#666;}
.siteMapIndex a{color:#2A62AF;font-weight:bold;}
.siteMapIndex a:hover{color:#333;font-weight:bold;}
.siteMapIndex span{color:#f60;font-weight:bold;}
/* foot area */
.foot{width:974px; height:150px; background:#DFDFDF; color:#666; margin:20px auto 0; padding-top:20px;}
.foot a:link,.foot a:visited{ color:#666; text-decoration:none;padding:0 6px;}
.foot a:hover{ color:red; text-decoration:underline;}
.foot p{font-size:10px;text-align:center; line-height:20px;}
.foot_menu{width:850px;margin:0 auto 15px;text-align:center;}
.international{width:850px;margin:10px auto 0 auto;text-align:center;height:45px;line-height:15px;}
span.systemVersion{color:#2A62AF;font-weight:bold;}

/* account part */
.accountMainWarp{width:863px;margin:0 auto;}
h1.accountTitle{color:#F60;font-size:24px;}
.accountSearchWarp{background:url(../images/accountPart/accountSearchBg.jpg) no-repeat;width:863px;height:106px;margin:5px auto;padding-top:38px;position:relative;}
.accountSearchWarp_rs{background:url(../images/accountPart/accountSearchBg2.jpg) no-repeat;width:863px;height:73px;margin:5px auto;padding-top:38px;position:relative;}
table.accountSearchTable{margin:0 auto;}
table.accountSearchTable2{margin:15px auto 0 auto;}
table.accountSearchTable2 tr td{text-align:center;}
table.accountSearchTable2 tr td span.redTxt{color:#F00;font-weight:bold;}
table.accountSearchTable tr td div{margin:0 auto;}
.serverTypeWarp{background:url(../images/accountPart/serverTypeBg.jpg) no-repeat;width:171px;height:40px;cursor:pointer;padding:5px 10px;line-height:18px;}
span.accountSearchedTitle{color:#f90;font-weight:bold;}
span.accountSearchedCountent{color:#fff;}
.classTypeWarp{background:url(../images/accountPart/classBg.jpg) no-repeat;width:115px;height:50px;cursor:pointer;}
.raceTypeWarp{background:url(../images/accountPart/raceBg.jpg) no-repeat;width:78px;height:40px;cursor:pointer;padding:5px 10px;line-height:18px;}
.levelTypeWarp{background:url(../images/accountPart/levelBg.jpg) no-repeat;width:84px;height:40px;cursor:pointer;padding:5px 10px;line-height:18px;}
.priceTypeWarp{background:url(../images/accountPart/priceBg.jpg) no-repeat;width:114px;height:40px;cursor:pointer;padding:5px 10px;line-height:18px;}
.roleTypeWarp{background:url(../images/accountPart/roleBg.jpg) no-repeat;width:150px;height:40px;cursor:pointer;padding:5px 10px;line-height:18px;}
input.accountSearchBtn{background:url(../images/rbtn.jpg) no-repeat;width:91px;height:22px;cursor:pointer;border:0;color:#FFF;font-weight:bold;}
.gearScoreTypeContent{position:absolute;background:url(../images/accountPart/serverTypeBg2.jpg) no-repeat;width:451px;height:88px;top:85px;left:370px;z-index:200;}
.classTypeContent{position:absolute;background:url(../images/accountPart/classBg2.jpg) center bottom no-repeat;width:441px;top:88px;left:244px;z-index:200;}
.raceTypeContent{position:absolute;background:url(../images/accountPart/raceBg2.jpg) no-repeat;width:339px;height:123px;top:88px;left:137px;z-index:200;}
.levelTypeContent{position:absolute;background:url(../images/accountPart/levelBg3.jpg) no-repeat;width:235px;height:103px;top:88px;left:25px;z-index:200;}
.priceTypeContent{position:absolute;background:url(../images/accountPart/priceBg2.jpg) no-repeat;width:234px;height:123px;top:88px;left:602px;z-index:200;}
.roleTypeContent{position:absolute;background:url(../images/accountPart/roleBg2.jpg) no-repeat;width:234px;height:122px;top:88px;left:517px;z-index:200;}
.accountSearchSubWarp{padding:10px 15px;}
.accountSearchRaceSubWarp{padding:10px}
.accountLvSearchSubWarp{padding:10px}
.accountPriceSearchSubWarp{padding:10px}
.accountSearchTitle span.orange{color:#F60;font-weight:bold;}
.accountSearchTitle span.white{color:#fff;}
.accountSearchedClassImage{width:40px;height:40px;margin:5px;background:url(../images/accountPart/allClassNormal.jpg) no-repeat; background-position:-410px 0;}
table.accountSearchedClassTable tr td{vertical-align:middle;color:#FFF;}
ul.accountlist{display:block;margin-top:8px;}
ul.accountlist li{display:block;background:url(../images/accountPart/rolloverbg.jpg) no-repeat center center;width:104px;height:20px;float:left;}
ul.accountlist li.accountLongList{display:block;background:url(../images/accountPart/long_rolloverbg.jpg) no-repeat center center;width:145px;height:20px;float:left;}
ul.accountlist li a{display:block;background:#0d1734;width:95px;height:20px;line-height:20px;text-decoration:none;color:#FFF;padding-left:12px;font-weight:bold;}
ul.accountlist li.accountLongList a{display:block;background:#0d1734;width:133px;height:20px;line-height:20px;text-decoration:none;color:#FFF;padding-left:12px;font-weight:bold;}
ul.accountlist li a:hover{background:none;color:#fff;}
ul.accountlist1{display:block;margin-top:3px;}
ul.accountlist1 li{display:block;background:url(../images/accountPart/rolloverbg1.jpg) no-repeat center center;width:70px;height:21px;float:left;}
ul.accountlist1 li a{display:block;background:#0d1734;width:70px;height:21px;line-height:21px;text-decoration:none;color:#FFF;text-align:center;}
ul.accountlist1 li a:hover{background:none;color:#fff;}
ul.accountClassList{display:block;width:411px;height:40px;margin-top:3px;background:url(../images/accountPart/allClassRollOver.jpg) no-repeat;}
ul.accountClassList li{display:block;width:40px;height:40px;float:left;margin-right:1px;}
ul.accountClassList li a{display:block;width:40px;height:40px;background-repeat:no-repeat;background-image:url(../images/accountPart/allClassNormal.jpg);}
ul.accountClassList li a:hover{background:none;}
ul.accountClassList li a.class_DK{background-position:0px top;}
ul.accountClassList li a.class_Dr{background-position:-41px top;}
ul.accountClassList li a.class_Ht{background-position:-82px top;}
ul.accountClassList li a.class_Mg{background-position:-123px top;}
ul.accountClassList li a.class_PL{background-position:-164px top;}
ul.accountClassList li a.class_Pr{background-position:-205px top;}
ul.accountClassList li a.class_RG{background-position:-246px top;}
ul.accountClassList li a.class_SM{background-position:-287px top;}
ul.accountClassList li a.class_WL{background-position:-328px top;}
ul.accountClassList li a.class_Wa{background-position:-369px top;}
ul.accountClassList li a.class_All{background-position:-410px top;}
/* account main list */
.accountListWarp{border:#CCC solid 1px;padding:10px 15px;}
.changePageWarp{width:99%;margin:0 auto;}
.changePageTitle{width:55%;float:left;color:#666;height:22px;line-height:22px;}
.changePage{width:35%;float:right;}
.changePage table tr td{height:16px;line-height:16px;vertical-align:middle;padding:3px;}
.changePage table tr td a{height:16px;width:23px;display:block;}
.changePage table tr td a.toFirstPage{background:url(../images/toFirstPage.jpg) no-repeat;}
.changePage table tr td a.toPrevPage{background:url(../images/toPrevPage.jpg) no-repeat;}
.changePage table tr td a.toNextPage{background:url(../images/toNextPage.jpg) no-repeat;}
.changePage table tr td a.toLastPage{background:url(../images/toLastPage.jpg) no-repeat;}
.changePage table tr td span{color:#26589D;font-weight:bold;}
.changePage table tr td input.changePageTxt{background:#FFF;border:#999 solid 1px;text-align:center;width:40px;height:16px;color:#26589D;}
.changePage table tr td input.changePageSubmit{background:url(../images/gotoPage.jpg) no-repeat;border:0;width:30px;height:16px;}

table.accountListTitle tr th{height:32px;line-height:32px;color:#26589D;border-top:#ccc dotted 1px;border-bottom:#ccc dotted 1px;}
table.accountListTitle tr th a{color:#26589D;text-decoration:none;}
table.accountListTitle tr th a:hover{color:#F90;}
table.accountListTitle tr th a.sort{display:block;height:32px;line-height:32px;color:#26589D;padding-left:10px;text-decoration:none;cursor:pointer;}
table.accountListTitle tr th a.sort:hover{color:#F90;}
table.accountListTitle tr th a.sort_up{background:url(../images/accountPart/sort_Up.jpg) no-repeat 8px 13px;}
table.accountListTitle tr th a.sort_down{background:url(../images/accountPart/sort_Down.jpg) no-repeat 8px 13px;}
table.accountListTitle tr td{text-align:center;vertical-align:middle;padding:5px 3px;}
table.accountListTitle tr td.highlights{border-bottom:#CCC dotted 1px;}
table.accountListTitle tr td img{margin:3px;}
table.accountListTitle tr td span.accountListLvTxt{color:#c00;font-size:36px;font-weight:bold;font-family:Arial;}
table.accountListTitle tr td span{color:#666;font-size:11px;}
table.accountListTitle tr td a{color:#26589D;text-decoration:none;font-weight:bold;}
table.accountListTitle tr td a:hover{text-decoration:underline;}
table.accountListTitle tr td div.HP-bar{background:url(../images/accountPart/hp_bg.jpg) repeat-x;height:10px; font-size:9px;line-height:10px;font-family:Arial;color:#FFF;}
table.accountListTitle tr td div.MP-Warrior{background:url(../images/accountPart/bg-red.gif) repeat-x;height:10px; font-size:9px;line-height:10px;font-family:Arial;color:#FFF;}
table.accountListTitle tr td div.MP-Rogue{background:url(../images/accountPart/power_bg.jpg) repeat-x;height:10px; font-size:9px;line-height:10px;font-family:Arial;color:#FFF;}
table.accountListTitle tr td div.MP-DeathKnight{background:url(../images/accountPart/lightblue.gif) repeat-x;height:10px; font-size:9px;line-height:10px;font-family:Arial;color:#FFF;}
table.accountListTitle tr td div.MP-other{background:url(../images/accountPart/bg-blue.gif) repeat-x;height:10px; font-size:9px;line-height:10px;font-family:Arial;color:#FFF;}
table.accountListTitle tr td span.accounmtListNewPrice{color:#090;font-weight:bold;font-size:18px;}
table.accountListTitle tr td span.accounmtListOldPrice{color:#090;font-weight:bold;font-size:12px;text-decoration:line-through;}
table.accountListTitle tr td span.accounmtListMenberPrice{color:#f60;font-weight:bold;font-size:22px;}
table.accountListTitle tr td input.accounmtListBuyBtn{background:url(../images/buyNowBtn.jpg) no-repeat;border:0;width:91px;height:22px;}
table.accountListTitle tr td input.contactusBtn{background:url(../images/contactusBtn.jpg) no-repeat;border:0;width:91px;height:22px;}
table.accountListTitle tr td p{margin-bottom:5px;}
table.accountListTitle tr td div.highlights{border:#eee solid 1px;padding:10px;background:#f8f8f8;text-align:left;}
table.accountListTitle tr td div.highlights h5{color:#26589D;font-weight:bold;font-size:12px;margin:0 0 5px 0;}
table.accountListTitle tr td div.highlights p{color:#666;}
table.accountListTitle tr td div.highlights a{margin-left:10px;font-size:11px;}

/* sign in AND info Float Block */
.signInWarp{width:500px;background:#FFF;border:#2A62AF solid 3px;}
h3.goldOrder{font-size:20px;color:#96a838;line-height:50px;padding:0 20px;}
.goldOrderP{font-size:11px;color:#2A62AF;line-height:18px;}
table.col_shoppingcart{margin:10px auto;border-bottom:1px dashed #96a838;}
table.col_shoppingcart tr td{font-size:11px;padding:2px;line-height:18px;}
.clossBtnWarp{padding:3px 5px;text-align:right;}
.clossBtnWarp a{color:#CCC;font-size:11px;font-weight:bold;text-decoration:none;}
.clossBtnWarp a:hover{color:#08f;text-decoration:none;}
table.signInTable{margin:0 auto;}
table.signInTable tr td{height:22px;vertical-align:middle;color:#999;}
input.signInTxtField{width:199px;height:20px;line-height:20px;color:#333;font-weight:bold;padding:0px 5px;border:0;background:none;margin:0;}
input.signInBtn{background:url(../images/SignInBtn_normal.gif) no-repeat;height:49px;width:139px;display:block;border:0;}
input.signInTxtIndetifyField{width:61px;height:18px;line-height:18px;color:#333;font-weight:bold;padding:0px 5px;border:0;background:none;margin:0;}
div.signInTxtFeildWarp{width:209px;height:20px;line-height:20px;background:url(../images/txtfieldActive.gif) no-repeat;}
div.signInTxtFeildIndetifyWarp{width:81px;height:20px;line-height:20px;background:url(../images/txtIndetifyCode.gif) no-repeat;text-align:center;}
div.signInIndetifyCodeWarp{padding:5px 0;}
div.signInIndetifyCodeWarp img{border:#CCC solid 1px;}
div.signInIndetifyCodeWarp a{color:#09F;text-decoration:none;}
div.signInIndetifyCodeWarp a:hover{color:#f80;text-decoration:underline;}
div.signInTxtFeildWarp_big{width:246px;height:29px;line-height:29px;background:url(../images/txtfieldActive1.gif) no-repeat;}
input.signInTxtField_big{width:244px;height:27px;line-height:25px;color:#3399ff;font-weight:bold;padding:0px 5px;border:0;background:none;margin:0;font-size:18px;}
p.signInTitle{padding:20px 40px 10px 40px;}
a.forgetPwd{color:#EA6200;font-weight:bold;text-decoration:underline;}
a.forgetPwd:hover{color:#09f;}
.errorWarp{background:#fcc;border:#F00 solid 2px;padding:15px 25px;margin:20px 15px 10px 15px;color:#f00;font-weight:bold;line-height:18px;}
.siformWarp{width:400px;margin:0 auto;background:#e8e8e8;padding:10px;}
.siformWarp1{width:600px;margin:0 auto;background:#e8e8e8;padding:10px;}
.siformWarpP{width:600px;margin:0 auto;padding:10px;color:#f80;line-height:16px;font-size:11px}
.siformWarpP span{color:#999;font-size:11px;font-weight:bold;}
p.registorWords{padding:15px 15px 5px 35px;color:#666;margin-bottom:30px;}
p.registorWords a{color:#08f;}
p.registorWords a:hover{color:#f80;}
p.signInTitle1{padding:20px 40px 10px 40px;}
table.table_account_in{ font-family:Arial;width:450px;margin:0 auto;}
table.table_account_in tr td{padding:5px;}
.div_box{ border:1px solid #ddd;}
.red{color:red;}s
.selectCurrenciesStyle{background:url(../images/accountPart/selectBg1.jpg) no-repeat;height:22px;line-height:22px;width:59px;padding:0 10px;color:#FFF;text-align:left; cursor:pointer;}
ul.selectCurrenciesList{position:absolute;background:url(../images/accountPart/selectBg2.jpg) no-repeat;width:75px;height:45px;top:207px;left:650px;padding:5px 2px 0 2px;}
ul.selectCurrenciesList li{display:block; background:url(../images/accountPart/rolloverbg1.jpg) no-repeat center center;height:19px;}
ul.selectCurrenciesList li a{display:block;background:#0d1734;height:19px;width:60px;padding:0 0 0 15px;color:#FFF; text-decoration:none; line-height:19px;}
ul.selectCurrenciesList li a:hover{background:none;color:#000;font-weight:bold;}
ul.selectCurrenciesList1{
	position:absolute;
	background:url(../images/accountPart/selectBg2.jpg) no-repeat;
	width:75px;
	height:45px;
	top:183px;
	left:632px;
	padding:5px 2px 0 2px;
}
ul.selectCurrenciesList1 li{display:block; background:url(../images/accountPart/rolloverbg1.jpg) no-repeat center center;height:19px;}
ul.selectCurrenciesList1 li a{display:block;background:#0d1734;height:19px;width:60px;padding:0 0 0 15px;color:#FFF; text-decoration:none; line-height:19px;}
ul.selectCurrenciesList1 li a:hover{background:none;color:#000;font-weight:bold;}
/* select Normal Style */
.selectNormalStyle{background:url(../images/accountPart/selectNormalBg1.jpg) no-repeat;height:22px;line-height:22px;width:107px;padding:0 10px;color:#FFF;text-align:left;cursor:pointer;}
ul.selectNormalList{position:absolute;background:url(../images/accountPart/selectNormalBg2.jpg) no-repeat center bottom;width:123px;padding:5px 2px}
ul.selectNormalList li{display:block;background:url(../images/accountPart/rolloverbg.jpg) no-repeat center center;height:19px;}
ul.selectNormalList li a{display:block;background:#0d1734;height:19px;padding:0 0 0 20px;color:#FFF; text-decoration:none; line-height:19px;}
ul.selectNormalList li a:hover{background:none;color:#000;font-weight:bold;}
ul.selectNormalList1{top:61px;left:25px;}
ul.selectNormalList2{top:61px;left:161px;}
ul.selectNormalList3{top:61px;left:298px;}
ul.selectNormalList4{top:61px;left:435px;}
ul.selectNormalList5{top:61px;left:572px;}
ul.selectNormalList6{top:61px;left:709px;}
ul.selectNormalList7{top:93px;left:25px;}
ul.selectNormalList8{top:93px;left:161px;}
ul.selectNormalList9{top:21px;left:0px;}
.PriceTableTitle{height:22px;width:80px;float:left;padding:5px 0;line-height:22px;}
.PriceTableSelect{height:22px;width:80px;float:left;padding:5px 0;}
table.accountListTitle tr th a.selectNormalListLink{color:#fff;text-decoration:none;}
table.accountListTitle tr th a.selectNormalListLink:hover{color:#000;}
.selectNormalWarp{width:127px;height:22px;position:relative;margin:5px auto 0 auto;}
.btn-OK{border:none ;background:url(../images/accountPart/checkout.gif) no-repeat top left;height: 29px; width: 84px; cursor: pointer;}
.btn-RE{border:none ;background:url(../images/accountPart/reset.gif) no-repeat top left;height: 29px; width: 84px; cursor: pointer;}
.wordHbP{margin:0 30px;line-height:18px;font-size:11px;padding:10px 0;}
h3.wordHbTitle{font-size:20px;color:#96a838;line-height:50px;margin:0 30px; border-bottom:1px dotted #96a838;}

/*******20100129 增加内容*********/
.accountSearchWord{width:822px;text-align:center;font-size:22px;font-family:Arial;font-weight:bold;color:#f80; line-height:50px;}
.accountLoading{width:822px;text-align:center;padding:10px 0;}