/*@charset "utf-8";*/
/*------------------------------------- 
written by battleboy(wwm) battleboy@126.com
copyright (c) windu technology 2008-6-21
----------------------------------------*/
/* base */
*{ font: normal 11px/160% "Verdana","Arial","Helvetica",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:underline; color:#03874D;}
button {cursor:pointer;}
div,p {display:block;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}
.clear{ clear:both; overflow:hidden; height:0; font-size:1px;}
strong {font-weight:bold;}
hr {height:1px;}
body{ background:#eee url(bg.gif) repeat-x;}
#wrapper {
	width:1000px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}
h1 {
	height:167px;
	background:#000 url(b.gif) no-repeat;
	text-indent:-2000em;
}
#welcome {
	height:20px;
	line-height:20px;
	background:#efefef;
}
#page-side {/*----------------pg side---------------------*/
	width:228px;
	background:url(page_side.gif) bottom no-repeat;
	padding-bottom:14px;
	padding-left:10px;
	padding-top:10px;
	float:left;
}

#side-main {
	background:url(side_main.gif) repeat-y;
}

.side-box {
	margin-bottom:10px;
	background:url(side_box.gif) left bottom no-repeat;
	padding-bottom:17px;
}

.side-lastbox {
	margin-bottom:0;
}

.side-box h3 {
	height:22px;
	padding-top:18px;
	background:url(h3.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	padding-left:40px;
}

.side-inbox {
	background:url(side_inbox.gif) repeat-y;
	padding:2px 20px;
}

#server-list {
	padding:0 10px;
	padding-bottom:10px;
}

#server-list li {
	padding:2px 0;
	background:url(li.gif) left center no-repeat;
	text-indent:12px;
}

#server-list li a {
	font-weight:normal;
	color:#555;
	font-weight:bold;
	font-size:12px;
	color:#998877;
	padding:0 10px;
	text-decoration:underline;
}

#server-list li a:hover {
	color:#990000;
}

.side-box strong {
	font-weight:bold;
	display:block;
	color:#888;
}


#news-list li {
	background:url(li2.gif) 0 8px no-repeat;
	text-indent:8px;
}


#notes {
	padding-bottom:10px;
}

#page-main {/*----------------pg main--------------------*/
	padding-top:10px;
	float:left; 
	width:740px;
	padding-left:20px;
}
.mainbox {
	padding-bottom:10px;
	padding-right:10px;
	margin-bottom:12px;
}

.mainbox h3 {
	background:#eee url(mh.gif) left top no-repeat;
	padding-left:10px;
	border-bottom:2px solid #333;
	font-size:14px;
	font-weight:bold;
	height:28px;
	line-height:28px;
	position:relative;
}
.mainbox h3 a{font-weight:bold; font-size:14px;}
.mainbox h3 img{position:absolute;
right:10px;
top:20px;
}

#product-introduction{color:#ff0000;
text-align:center;
margin:10px 0;
}
#product-introduction em{font-weight:bold;
font-size:12px;
color:#ff0000;
}
#tbl_product{margin:10px auto;
width:96%;
}
#tbl_product td{padding: 2px 5px;}
#tbl_product th{color:#fff;
font-weight:bold;
background-color:#888;
height:30px;
text-align:center;
}
#tbl_product tr td{color:#223;
background-color:#F0F0F0; text-align:center;
}
#tbl_product td b{color:#999900;
font-size:9px;
}

#tbl_product .price1{color:#EE7D21;}
table.tbl tbody tr td.ccnn{padding-left:18px;}
.main-content {
	padding:10px;
}

#articlelist,#newscontent {
	width:647px;
	padding:10px 20px;
	border:1px solid #ccc;
}

#articlelist li {
	background:url(li.gif) left bottom no-repeat;
	padding-top:4px;
	text-indent:1.5em;
}

.content-box h3 {
	font-size:14px;
	font-weight:bold;
	color:#000099;
}

.content-box p {
	padding:.5em;
}

.input-char {
	width:8em;
	margin:4px 0;
}

.formbox p {
	display:block;
	padding:6px 16px;
}

#buyit {
	border:0;
	line-height:100px;
	font-size:1px;
	width:58px;
	height:22px;
	background:url(buy.gif) no-repeat;
	cursor:pointer;
}

#postform {
	padding:10px 20px;
	border:1px solid #ccc;
}

#postform label {
	display:block;
	color:#000099;
	font-size:12px;
	padding-top:12px;
	padding-bottom:6px;
}

#links {
	clear:both;
	border:4px solid #ccc;
	padding:10px;
	overflow:auto;
}

#links ul {
	height:100%;
}

#links h3 {
	font-weight:bold;
	font-size:14px;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #eee;
}

#links li {
	float:left;
	width:24%;
}

#footer {/*----------------fter---------------------*/
	clear:both;
	padding-bottom:12px;
	margin-bottom:10px;
	text-align:center;
	margin-top:20px;
}

#footer a {
	color:#fff;
	text-decoration:underline;
}

#payment-methods{
	padding:20px;
}
#payment-methods li {
	display:inline;
	padding:10px;
}

#copyright {
	background:url(copy.gif) left top repeat-x;
	height:60px;
	text-align:center;
	color:#fff;
	padding-top:6px;
}


.alignr {
	text-align:left; padding-left:20px;
}

.priceout {
	color:#520;
	font-size:13px;
}

.required {
	color:red;
}

.charname {width:100px;}
#pagenav {text-align:right}
.mainboxin{padding:10px;}
.introduction{padding:10px;}

/*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;}
/*-------*/

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%; border-collapse:collapse; margin:0 0 10px 0;}
.tbl th { font-size:12px; height:30px; border:1px solid #999; background:#EEE; text-align:center; }
.datalist tr:hover { background:#EEE;}
.tbl td { padding:5px; border:1px solid #999;}
.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; }

.itext { border-color: #999999 #CCCCCC #CCCCCC #999999; border-style: solid; border-width: 1px; height: 18px; width:160px;}
.itext:focus { background:#F0F7FD;}
.nametxt { width:72px;}

#pl_game,#pl_server,#pl_class{width:180px;}
#util{padding:10px 0;}

.news {}
.news li { padding:2px; background:url(li.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;}



.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;}