/*@charset "utf-8";*/
/*@charset "gb2312";*/
/*-------------------------------------
	copyright (c) nan jing windu technology 
	design by battleboy(wwm)
	page build by battleboy(at)126.com
	date 2007-11-08
----------------------------------------*/

/* base */
*{ font: normal 11px/160% "Arial","ËÎÌå","Tahoma",sans-serif;color:#eee;}
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:#a5d9ee;}
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;}
input,select {border:1px solid #b9d6e8;background:#5c6164;}
/*layout*/
body{ background:url(bg.gif) repeat-x #000;padding-bottom:20px;}
#container {width:999px;text-align:left;margin:0 auto;padding:13px 3px 3px 3px;background:url(container.gif) no-repeat #fff;}
h3 {color:#5482a6;;}
/*
#page-body,#header,#navbar,#footer {width:980px; text-align:left; margin:0 auto;}
*/
/*header----------------------------------------------------------------------*/
#header-image {
	height:183px;
	background:url(banner.jpg);
}
#navigator {
	height:26px;
	padding-top:10px;
	padding-left:30px;
	background:url(btnbg.gif) repeat-x;
}
#navigator li {
	padding:0 1em;
	display:inline;
}
#navigator a {
	font-family:"Tahoma";
	font-weight:bold;
	font-size:12px;
	color:#1181A1;
}

#page-body { /*--------------------- page - body ---------------------*/
	background:url(light.gif) left top no-repeat #000;
	padding:10px;
	float:left;
}

#page-left { /*--------------------- page - left ---------------------*/
	width:212px;
	float:left;
}

#LoginForm,#LoginedForm  {
	background:url(login.gif) no-repeat;
	padding-top:54px;
	padding-left:32px;
	height:134px;
}
#LoginForm label {
	color:#64cbf6;
	width:6em;
	display:block;
	padding-right:8px;
	float:left;
	text-align:right;
}

#LoginForm .text {
	border:1px solid #b9d6e8;
	background:#5c6164;
	height:12px;
	width:80px;
	padding:0 2px;
}

#LoginForm p {
	height:38px;
}

#LoginForm a {
	color:#64cbf6;
}

#LoginForm .logined p {
	height:14px;
}

.form-submit {
	width:58px;
	height:18px;
	border:0;
	background:url(login_btn.gif) no-repeat;
}


#cate-wrapper {
	padding-bottom:8px;
	background:url(glist_c1.gif) left bottom no-repeat #161f28;
}

#cate-list {
	background:url(glist_c2.gif) left top no-repeat;
	padding:0 12px;
}

#cate-wrapper h3 {
	height:30px;
	font-size:12px;
	line-height:30px;
	background:url(red_arrow.gif) left center no-repeat;
	padding-left:16px;
}

#cate-list li {
	background:url(glist_bg.gif) repeat-x;
	height:20px;
	margin-bottom:2px;
	padding-left:10px;
}

#cate-list ul {
	color:#304D6B;
}

#cate-list li a {
	display:block;
	padding-left:10px;
	line-height:20px;
	background:url(arrow_blue.gif) left center no-repeat;
}

#plist {
	display:none;
}

.switchfocus {
	
}

#page-main { /*--------------------- page - main ---------------------*/
	margin-left:212px;
	padding-left:10px;

}

#page-ad {
	height:172px;
}


#game-news {
	float:left;
	width:358px;
	background:url(news_bg.gif) no-repeat;
	height:172px;
	position:relative;
}
#game-news h3 {
	padding-top:3px;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
	color:#53afd8;
}
#game-news ul {
	padding:4px 20px;
}
#game-news li {
	background:url(news_line.gif) left bottom repeat-x;
	height:22px;
	line-height:22px;
}

#game-news .linesp {
	background:url(news_line_sp.gif) left bottom repeat-x;
}

#game-news a {
	color:#ccc;
}

#gamenews-more {
	position:absolute;
	left:36px;
	bottom:5px;
}

#game-ad {
	width:390px;
	height:158px;
	float:right;
	border:1px solid #24343e;
}

#page-content,#fast-order,#mmonews,#page-subcontent {
	width:714px;
	padding:10px 20px;
	padding-bottom:8px;
	background:url(glist_c1.gif) left bottom no-repeat #161f28;
	margin-bottom:20px;
	overflow:auto;
}


#site-news {
	position:relative;
	margin:10px 0;
}

#site-news ul {
	padding:10px;
	margin-bottom:20px;
}
#site-news li , #articlelist li {
	background:url(newsline.gif) left bottom repeat-x;
	padding-bottom:1px;
	height:20px;
}

#site-news li a span , #articlelist li a span {
	font-weight:bold;
	color:#ff0;
	font-size:9px;
}

#site-news li a , #articlelist li a {
	display:block;
	font-size:10px;
	line-height:2em;
}

#site-news li a:hover , #articlelist li a:hover {
	background:#333;
	text-decoration:none;
	color:#0ff;
}


#news-more {
	position:absolute;
	bottom:15px;
	right:25px;
}

#fast-order p {
	float:right;
	width:400px;
}



#fst-form label {
	display:block;
	float:left;
	width:80px;
}

#fst-form p {
	float : none;
	height: 1%;
	width: 300px;
	margin: 0;
	padding: 5px 0 8px 0;
}

#fst-form select {
	width:200px;
}

#fsthidn {
	display:none;
}

#page-content h3,#fast-order h3,#mmonews h3,#page-subcontent h3 {
	height:30px;
	font-size:14px;
	line-height:30px;
	background:url(red_arrow.gif) left center no-repeat;
	padding-left:16px;
}

#page-content h4 {
	font-weight:bold;
	text-decoration:underline;
}

#page-subcontent p{
	margin:2em 0;
	line-height:2em;
}

#page-subcontent p strong {
	color:#c2c084;
	font-size:14px;
}


#mmonews li {
	background:url(blkdot.gif) left bottom repeat-x;
	padding-top:6px;
	padding-bottom:2px;
}



/*--------special style for index.html---------*/
#game-icons dd {
	width:50%;
	float:left;
}

#game-icons p {
	display:block;
	float:left;
	width:153px;
	height:100px;
	background:url(imgbox.gif) no-repeat;
	padding:7px;
}

#game-icons em {
	display:block;
	float:left;
	background:url(white_arrow.gif) left center no-repeat;
	padding-left:10px;
	color:#95dbd9;
}



#tools-pannel { /*--------------------- tools - box ---------------------*/
	padding:16px 0;
	background:#000; 
	height:auto;
	overflow:auto;
}

#tools-pannel h3 {
	background:url(red_arrow.gif) left 60% no-repeat;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	padding-left:16px;
	line-height:20px;
	text-align:left;
}

.toolbox {
	float:left;
	height:130px;
	margin-right:18px;
	background:url(toolbox_corner.gif) left bottom no-repeat #19222b;
	position:relative;
}

.toolbox p,.toolbox ul{
	display:block;
	padding:10px;
}

.tooltitle {
	height:24px;
	background:url(tooltitle_corner.gif) left top no-repeat #283b49;
}

.tool-cart,.tool-contact {
	width:227px;
}
.tool-livechat {
	width:263px;
}

.tool-contact {
	margin-right:0;
}

.tool-contact ul {
	margin-top:-10px;
}


.tool-contact li,.tool-livechat p {
	color:#a6daef;
	text-align:center;
}

.tool-contact li {
	padding:1px 0;
	text-align:left;
	line-height:12px;
}


.tool-link {
	position:absolute;
	bottom:12px;
	right:10px;
	text-align:right;
}

#game-tags{clear:both;background:#000;padding:0 10px;text-align:center;line-height:9px;word-break:break-all}
#game-tags a{font-size:10px;padding-right:.5em;color:#aaa}


#footer { /*--------------------- footer ---------------------*/
	clear:both;
	background:#000;
	padding:10px;
}

#footer-copyright {
	height:200px;
	background:url(footer.gif);
	text-align:center;
	border:1px solid #24343e;
}

#footer li {
	display:inline;
	padding:6px;
}

#footer ul {
	margin:20px;
}

#footer a {
	text-decoration:underline;
}

.cpinfo {
	color:#999;
}

.cpinfo a {
	color:#999;
}








/* classes library -------------------*/
.checkbox {
	border:0;
	background:;
}
.alignr {
	text-align:right;
}

.alignc {
	text-align:center;
}

.regform td {
	border-bottom:1px solid #cfcfcf;
	padding:.5em;
}
.tdunderline {
	border-bottom:1px solid #cfcfcf;
}
.regtable {
	border:1px solid #CBDBE2;
}
input:focus,input.focus,textarea:focus,textarea.focus {
	background: #f0f7fd;
	color: #ff0;
}

.fred {
	color:#f00;
}

.note {
	font-size:10px;
	color:#89A5D5;
}

#articlelist li {
	line-height:2.5em;
	background:url(listdot.gif) bottom repeat-x;
}

.titletxt {
	color:#6699ff;
	font-size:13px;
}

.tableline,.tableline td {
	border-collapse:   collapse;
	padding:.5em;
	border:1px solid #9A9A9A;
}

.iItem {
	background:url(yellow_arrow.gif) left no-repeat;
	width:25%;
	padding-left:16px;
}

.iLine {
	background:url(yellowline.gif) repeat-x;
	height:1px;
}





label {
	display:block;
	width:16em;
	float:left;
}

.fred {
	color:red;
}

#regform legend {
	font-size:12px;
	font-weight:bold;
	margin-left:-8px;
	border-bottom:1px dotted #ffff99;
}

#regform fieldset {
	margin-bottom:10px;
}

#regform div {
	margin-bottom:4px;
}






#selector {
	height:40px;
}

#selector li {
	float:left;
	padding-right:10px;
	font-weight:bold;
}

#loading_2 {
	float:left;
}

table {
	width:100%;
}

#tbl_product {
	margin-top:2px;
	border:1px solid #ccc;
}

td {
	padding: .2em 1em;
}

th {
	color:#eee;
	font-weight:bold;
	background-color:#527EA1;
	text-align:left;
	padding: .2em 1em;
}

tr td {
	color:#bdb784;
	/*background-color:#f2f2f2;*/
	background:url(hline.gif) left bottom repeat-x;
}

td b{
	color:#999900;
	font-size:12px;
}

tfoot {
	text-align:right;
}

#plform {
	padding:10px;
}

#plform div {
	height:30px;
	text-align:left;
}

#plform label {
	width:12em;
	display:block;
	float:left;
	background:#23303E;
	margin:4px;
}

#plform h4 {
	background:#23303E;
	padding:4px 10px;
	color:#990;
	margin:4px 0;
}

#pldetail {
	display:none;
	margin-top:10px;
}

#pldetail legend {
	display:none;
}

#plform p {
	padding:6px;
}
#msgnav{margin:10px 0}
#msgnav li{float:left}
#msgnav a{display:block;text-decoration:none;color:#009;float:left;padding:2px 4px;margin-right:1em;border:1px solid #9cf;background:#eff}
#msgnav a:hover{background:#ccf;color:#fff}
#msgnav .mfocus{background:#ffe}
#msglist{clear:both}
#msglist p{display:block;border:1px solid #ccc;background:#123;padding:.5em;margin-bottom:10px;}
#msglist a{font-weight:bold;padding-right:1em}
.date{font-size:9px;color:#999}
.subtotal {color:#ff0000;}
.osubtotal {text-decoration:line-through;}
.descimg {
	float:left;
	padding:1px;
	margin:6px;
	border:2px solid #ccc;
}