@charset "utf-8";
/*written by battleboy(wwm) battleboy@126.com 2009-5-23*/
/* reset */
*{font: normal 12px/160% "Tahoma","Verdana","Arial",sans-serif;color:#000;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend,dt,dd,dl,body{margin:0;padding:0;}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;color:#786630;text-decoration:underline;}
button{cursor:pointer;}
div,p{display:block;}
.clear{ clear:both;overflow:hidden;height:0;font-size:1px;}
hr{height:1px;}
strong{font-weight:bold;}
/*global*/
body{background:#CCCBCB;}
h1,#nav,#welcome,#pgbody,#footer{width:1000px;margin:0 auto;}
h1{background:url(banner.gif) no-repeat;text-indent:-2000em;width:1000px;height:162px;}
#nav{background:url(nav.gif) repeat-x;height:39px;}
#nav li{background:url(navli.gif) no-repeat right;height:39px;padding:0 45px;float:left;}
#nav a{color:white;font-size:13px;font-weight:bold;line-height:39px;}

#welcome{background:url(welcome.gif) repeat-x;clear:both;}
#welcome marquee {color:#666;height:32px;line-height:32px;}
#buyit{width:80px;height:24px;color:#666;}

#pgbody{background:#fff;}
#pgside{float:left;width:265px;margin-left:5px;}
#pgmain{float:right;width:697px;margin-right:5px;}
#footer{background:url(footer.gif) repeat-x;height:61px;line-height:76px;margin:0 auto;text-align:center;font-size:12px;color:#fff;clear:both;}
#footer strong{color:#04477c;}

/*layout*/
#slogan {font-size:12px;font-weight:bold;color:#000;text-align:center;margin-bottom:20px;}
#util {text-align:left;padding-top:12px;padding-bottom:12px;padding-left:20px;}
#util a {font-weight:bold;color:#060;font-weight:bold;text-decoration:underline;}
#util option {color:#000;}

.mainbox{margin:8px 0;}
.mainbox h3{background:url(mh3.gif) no-repeat bottom;width:697px;height:58px;line-height:30px;font-size:12px;font-weight:bold;text-indent:10px;text-align:left;color:#666;position:relative;}
.mainbox h3 a{font-size:12px;font-weight:bold;color:#666;}
.mainbox h3 img{position:absolute;right:10px;top:20px;}
.intblpro{}
.intblpro select{font-size:12px;}
.intblpro select option{color:#999;} 
.introduction{width:620px;text-align:left;margin:0 auto;}

.regionTag{background:url(regionTag.gif) no-repeat;width:566px;height:42px;font-size:13px;font-weight:bold;color:#6F5612;text-align:center;}

#regions{overflow:hidden; zoom:1; padding-left:100px;}
/*#selRegion,#selServer,#selProduct{width:180px;}*/

#regions{text-indent:15px;}
#regions {margin:0 auto; overflow:hidden;}
#regions  li{float:left;width:33%;text-align:left;}
#regions  li a{height:30px;line-height:30px;color:#0A81CD;}
#regions  li a:hover{text-decoration:underline;color:#B6292B;}

.rTop{background:url(rTop.gif) no-repeat center;width:690px;height:22px;}
.rMid{background:url(rMid.gif) repeat-y center;width:690px;}
.rBot{background:url(rBot.gif) no-repeat center;width:690px;height:23px;margin-bottom:16px;}

#tbl{border-collapse:collapse;border:none;width:95%;margin:0 auto;}
#tbl th{border:solid #fff 2px;color:#666;font-weight:bold;text-align:center;width:25%;background-color:#EDFFED;height:30px;}
#tbl td{border:solid #fff 2px;text-align:center;padding:2px 5px;background-color:#F2F2F2;}
#tbl .taig{}
.charname{width:100px;}
#tbl .price1{color:#EE7D21;}
table.tbl tbody tr td.ccnn{padding-left:18px;}
.buyit{cursor: pointer;}

.news{width:620px;margin:0 auto;}
.news li{background:url(dot.gif) left bottom repeat-x;}
.news li a{display:block;text-indent:20px;height:26px;line-height:30px;}
.titletxt{height:50px;line-height:50px;}
.newtxt{margin:0 auto;text-align:left;width:90%;}
.alignr{text-align:right;margin-right:35px;}

#pagenav {text-align:right;padding-right:20px;}
#cmt {margin:10px 0;width:90%;text-align:left;margin:0 auto;}
#cmt li {padding:10px 0;font-size:12px;}
#cmt li b {font-size:10px;color:#00f;text-decoration:underline;}
#cmt li span {display:block;font-size:10px;color:#ccc;}
#cmt li em {display:block;}
#cmt li em i {color:#090;}

.sidebox{margin:0 auto;text-align:center;}
.sidebox h3{background:url(sh3.gif) no-repeat;width:265px;height:52px;text-align:left;text-indent:20px;font-size:13px;font-weight:bold;color:#666;margin-top:20px;}
.boxMid{background:url(boxMid.gif) repeat-y;width:245px;text-align:left;padding:5px 10px 10px 10px;margin:0 auto;}
.boxBot{background:url(boxBot.gif) no-repeat;width:265px;height:13px;margin-bottom:20px;}

#links {clear:both;}
#links ul{list-style:none;text-indent:30px;}
#links h3 {height:32px;width:95%;font-size:13px;font-weight:bold;color:#666;border-bottom:solid 2px #E0E0E0;margin:0 auto;text-align:left;}
#links li {padding-left:10px;float:left;width:22%;}
#links li a {padding:0 1em;height:25px;line-height:25px;}

#servers {width:646px;margin:0 auto;text-align:left;}
#servers dl { overflow:hidden; zoom:1;}
#servers dl dt { border-bottom:2px solid #83A3AE; padding:5px 0 0 0;clear:left;}
#servers dl dt a { color:#4589F9;font-size:14px;font-weight:bold;text-align:left;text-indent:10px;text-decoration:none;}
#servers dl dd { float:left; width:33%;font-size:12px; text-indent:1em;background:url(arr.gif) left center no-repeat;}
#servers dl dd a { color:#DC8C2B;font-size:12px;font-weight:normal;color:#06515E;height:30px;line-height:30px;}


/*cart*/
table.cart {width:99%; margin:0 0 5px 0;}
.cart tbody{display: table-row-group;vertical-align: middle;border-color: inherit;}
table.cart,.cart th,.cart td {border: 1px solid #9a9a9a;border-collapse: collapse;padding: .4em .5em;}
.cart tbody tr th{border: 1px solid #9A9A9A;border-collapse: collapse;padding: .4em .5em;}
.cart tbody tr td{border: 1px solid #9A9A9A;border-collapse: collapse;padding: .4em .5em;}
.cart tbody .ibtn1,.cart tbody .ibtn{padding:3px; cursor:pointer;}
/*-------*/

/*cdk power account*/
table.tbl {width:99%; margin:0 0 5px 0;}
table.tbl,.tbl th,.tbl td {border: 1px solid #9a9a9a;border-collapse: collapse;padding: .4em .5em;}
.tbl th {color:#000;font-weight:bold;background:#f7f7f7;text-align:left;height:22px;}
.tbl tfoot {text-align:right;}
.tbl tfoot td {background:#efefef;}
.imgpm {display:block;}

table.power select { width:220px;}
.ts .tsHead{height:27px;background:url(/images/titLine.gif) repeat-x left bottom; border-left:1px solid #88AAD6; border-right:1px solid #88AAD6; border-top:1px solid #88AAD6; overflow:hidden;}
.ts .titLeft{float:left; height:27px;font-size:1px; width:12px;;background:url(/images/titLeft.gif) no-repeat}
.ts .titOp{float:left; height:21px; padding:5px 0 0}
#titOp ul { padding:0;}
.ts .titOp li{ float:left; height:15px; padding:5px 6px 0; margin:0 0 0 3px;border:1px solid #88AAD6; border-bottom:1px solid #fff;background:#eeeeff; color:#f00;text-align:center;  cursor:pointer; text-indent:0; line-height:12px;}
.ts .titOp li.current{ background:#fff;color:#290052; font-weight:bold;}
.ts .titRight{float:right; height:26px;font-size:1px; width:32px;;background:url(/images/titRight.gif) no-repeat}
.ts .line{border-left:1px solid #88AAD6;border-right:1px solid #88AAD6;clear:both; height:13px; line-height:13px; padding:5px; background:#E9F9FE}
.ts .tsMb{border:1px solid #88AAD6; border-top:none; padding:10px; font-weight:bold}

table.power {width:99%; margin:0 0 5px 0;}
table.power,table.power th,table.power td {border: 1px solid #9a9a9a;border-collapse: collapse;padding: .4em .5em;}
table.power th {color:#000;font-weight:bold;background:#f7f7f7;text-align:left;height:22px;}
table.power tfoot {text-align:right;}
table.power tfoot td {background:#efefef;}
/*------*/
.tbl {width:99%; margin:0 0 5px 0; cellspacing:1; background: #BCD2E6;}
.tbl th { font-size:12px; height:30px; font-weight:bold; background:#EDFFED; color: #666; border:1px solid white; text-align:center; }
.datalist tbody tr:hover{background:#fff;}
.tbl tr{color: #333; background: #F7FBFF;}
.tbl td { padding:3px 5px; color:#223; border:1px solid #fff; background:#F2F2F2;}
.tbl .proname,.tbl .proserver,.tbl .proprice { text-align:center;}
.currency {font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:11px; color:#000000; text-decoration:underline; cursor:pointer;}
.current { font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:11px; color:#000000; text-decoration:none; cursor:pointer; }

.datalist {width:99%; margin:0 0 5px 0; cellspacing:1; background: #BCD2E6;}
.datalist th { font-size:12px; height:30px; font-weight:bold; background:#EDFFED; color: #666; border:1px solid white; text-align:center; }
.datalist tbody tr:hover{background:#fff;}
.datalist tr{color: #333; background: #F7FBFF;}
.datalist td { padding:3px 5px; color:#223; border:1px solid #fff; background:#F2F2F2;}
#pl_game,#pl_server,#pl_class{width:180px;}
.itext { border-color: #999999 #CCCCCC #CCCCCC #999999; border-style: solid; border-width: 1px; height: 18px;width:160px;}
.itext:focus { background:#F0F7FD;}
.nametxt { width:72px;}

.news {}
.news li { padding:2px; background:url(doc.gif) left center no-repeat; text-indent:1em; border-bottom:1px dotted #999;position:relative;}
.news .addtime { color:#666; float:right;position:absolute;right:5px; top:5px;}

#newsindex li { border-bottom:1px dotted #666666; position:relative; }
#newsindex li span.newsaddtime { float:right; position:absolute; right:0; font-size:10px; color:#999999;}

dl.navnews { padding:10px;}
dl.navnews dt.prevnews { font-weight:bold; color:#FF0000;}
dl.navnews dt.nextnews { font-weight:bold; color:#0000FF;}
dl.navnews dt.recentnews { font-weight:bold; color:#0066FF;}
dl.navnews dd { text-indent:2em;}

a.cart {background: url("cart.gif") no-repeat scroll left center transparent;font-weight: bold;padding: 0 0 0 20px;}
/*°×ɫϵģ°åCSS*/
.roundedd {border:1px solid #648ae3;padding:5px 10px; margin:0 0 10px 0;background:#FFF;color:#333;}
.roundedd h5 { color:#292fab; height:25px; line-height:25px; font-size:14px; font-weight:bold; 

margin:5px 0 10px 0;background:#FFF;text-indent:0;}
.roundedd h5 .step{ color:#292fab; background:url(/libs/images/tit.png) center center no-repeat; 

width:32px; height:25px; float:left; text-align:center; font-weight:bold; font-size:14px; color:#FFF; 

cursor:pointer; line-height:22px; margin:0 10px 0 0;}
.roundedd table { width:100%;color:#333;}
.roundedd table td { padding:3px;}
.sliver { border:2px solid #4d54bc;}
.itext { width:160px;}
.nametxt { width:72px;}
fieldset {border:#999 1px solid; margin:0 0 5px 0; padding:0 5px 5px 10px;}
fieldset:hover { border:#F60 1px solid;}
fieldset legend { color:#2988a7; font-weight:bold; font-size:12px;}
.ibtn1 { background:url(/libs/images/btn.png) no-repeat; width:74px; height:28px; line-height:28px; 

color:#FFF; font-weight:bold; border:0; cursor:pointer;}