html {background:#999}
body{margin:0px auto;padding:0;width:1003px; height:100%;background:#FFF}
body,td,input{font:11px Verdana}
img{border:none}
a{color:black;text-decoration:none}
a:hover{color:red;text-decoration:underline}

h2{font:bold 22px Verdana;margin:5px 0px}
h3{font:bold 14px Verdana;margin:5px 0px}

.warn_hover{background:url(/js/pic/class_hover.gif) no-repeat;width:0px;height:14px;overflow:hidden;padding-left:14px}
.warn_error{background:url(/js/pic/class_error.gif) no-repeat;width:0px;height:14px;overflow:hidden;padding-left:14px}

#tback{width:100%;background:url(/pic/top.jpg) black no-repeat; }
#tinner{width:1003px;height:100%; overflow:hidden}
#sign {background:url(/pic/logo.gif) no-repeat;color:white;font:11px Verdana;padding:21px 0px 2px 220px;color:#ddd;margin:16px 0px 0px 20px;height:50px;overflow:hidden;line-height:18px}
#sign h1{font:11px Verdana;display:inline}
#sign b{color:white}
#menu {float:left;width:100%;font-size:93%;line-height:normal;padding-left:22px}
#menu a {display:block;float:left;background:url(/pic/menu_left.gif) no-repeat;border-left:1px solid black}
#menu a h2 {margin:0px;background:url(/pic/menu_right.gif) no-repeat right top;padding:4px 10px 5px 10px;text-decoration:none;font:bold 10px Verdana;color:#fff}
#menu a:hover {background-position:0% -21px;text-decoration:none}
#menu a:hover h2 {background-position:100% -21px;} 

#logo {padding-left:20px}

#login {width:100%;padding:3px 0px;color:#eee;background:black}
#login input{background:#DEDAC5;border:1px solid #ccc;cursor:pointer}
#login .cart{background:url(/pic/cart.gif) no-repeat left 2px;padding-left:20px}
#login .text{background-color:#f4f4f4;background-repeat:no-repeat;background-position:3px 3px;height:14px;cursor:auto}
#login a{color:white;margin-left:8px;font-weight:bold;}
#login a:hover{color:#f60}
#login img {cursor:pointer; margin-left:5px}

#outer {width:987px;padding:8px}
#main {float:left;width:881px;margin-right:10px;padding-right:10px;border-right:1px solid #D3CBBB}
#left {float:left;width:208px;margin-right:8px}
#middle {float:right;width:770px;overflow:hidden}
#mid {float:left;width:450px;margin-right:8px;overflow:hidden}
#content{float:right;width:665px;overflow:hidden}
#right {float:left;width:24px;height:242px;background:url(/pic/domain.gif) no-repeat}

<!-- #gamelist{margin:2px 0px 5px 0px;padding:0px;list-style:none}-->
<!-- #gamelist li{border-bottom:1px solid #ccc;height:20px;line-height:16px;background:url(/pic/arr.gif) no-repeat left 5px;padding:0px 0px 1px 16px;line-height:19px;font-weight:bold} -->
<!-- #gamelist li a{margin-right:15px}-->

#gamelist {margin:0;padding:0}
#gamelist li {list-style:none;height:20px;line-height:20px; background:#F8F8F8;padding:0 0 0 5px; cursor:pointer}
#gamelist li a {background:url(/pic/dot4.gif) no-repeat left 3px;padding-left:10px}
#gamelist li a:hover { text-decoration:none}
#gamelist li.focus {background:#F40;}
#gamelist li.focus a {color:#FFF;background:url(/pic/dot5.gif) no-repeat left 3px}


#offer {margin:0px 6px;padding:0px;list-style:none;clear:both;font:11px Verdana;}
#offer div{background:url(/pic/dot.gif) no-repeat 2px 10px;margin:0px;padding:6px 0px 6px 14px;overflow:hidden}
#offer li{background:url(/pic/dotline.gif) repeat-x bottom;line-height:16px}
#offer li.end{background:none}
#offer span{color:#777;padding-left:5px}

#below{clear:both;margin:0px 2px;line-height:16px;}
#below p{margin:0px;text-indent:0px;}

.game{width:450px;float:left;margin:0px 5px 0px 0px;clear:both}
.game img{display:block;margin-bottom:5px;padding:0px;width:450px;height:65px}
.item{border:1px solid #D6D2D2;text-align:center;height:20px;cursor:pointer}
#focus.item {font-weight:bold;background:#F60;color:white}
#focus.item a{color:white}
#focus.item a:hover{color:yellow}

#order{border:1px solid #D6D0D0;padding:4px;clear:both;background:#f8f8f8;margin-bottom:5px}

.topline{display:block;clear:both;padding:5px 4px}
.info{vertical-align:top;line-height:16px;padding-top:3px}

.suggest{float:left;width:100px;background:url(/pic/sug.gif) no-repeat left 0px;line-height:22px;padding-bottom:5px;padding-left:13px;font-weight:bold;color:#202215;margin:6px 0px}
.suggest2{float:left;width:635px;border:1px solid #A7C518;line-height:20px;padding:1px 0px 3px 20px;font-weight:bold;color:#202215;margin:6px 0px;}

#intro{font:12px Verdana;color:#333;padding:0px 10px;line-height:18px;}
#intro p{margin:10px 0px;text-indent:24px;text-align:justify;}
#link {margin:5px 100px;line-height:16px;text-align:center}
#link a{color:#039;text-decoration:underline;margin:0px 1px}
#link a:hover{color:red;text-decoration:underline}

#level{text-align:left;padding:3px 4px;width:198px;border:1px solid #ddd;border-top:none;clear:both;display:block;overflow:hidden;cursor:pointer}
#level a{float:left;color:#000395;text-decoration:none}
#level a:hover{color:red;text-decoration:underline}
#level span{float:right;margin-right:8px;color:#999}
#level img {float:left; margin:1px 5px 0px 0px;cursor:pointer}
#level h3 {margin:2px 0px 4px 0px;padding:0px;font:11px Verdana}
#level p {clear:both;margin:0 0 0 17px;padding:0px;line-height:14px;font:11px Arial;color:#666}

#board{text-align:left;padding:3px 4px;width:305px;border:1px solid #ddd;border-top:none;clear:both;display:block;overflow:hidden;cursor:pointer}
#board a{color:#000395;text-decoration:none}
#board a:hover{color:red;text-decoration:underline}
#board img {float:left; margin:0px 5px 0px 0px;cursor:pointer}
#board h3 {margin:2px 0px 4px 0px;padding:0px;font:11px Verdana;line-height:15px}
#board p {margin:0px 0px 0px 19px;padding:0px;line-height:14px;font:11px Arial;color:#666}

#topic{text-align:left;padding:0px 4px;clear:both;display:block;overflow:hidden;background:url(/pic/blue.gif) repeat-x;height:25px;overflow:hidden;margin-top:3px;cursor:pointer}
#topic img {float:left; margin:6px 8px 0px 0px}
#topic h2{font:bold 11px Verdana;margin:5px 0px 0px 2px;padding:0px;float:left;color:#666}
#topic h2 a{font-weight:normal}
#topic span{float:right;font-size:9px;margin:5px 5px 0px 0px}

#special{width:311px;height:551px;float:left;padding:1px;border:1px solid #D5C9B3}
#special #topic{height:18px;line-height:20px;padding:0px;padding-top:4px;margin:0px;background:#DDECFF}
#special h3{margin:0; padding:0 0 0 10px;font:10px Verdana;font-weight:bold}

#news{width:767px;border:1px solid #ddd;clear:both;display:block;padding:0px;margin:10px 0px 0px 0px;}
#news ul{margin:0px;padding:0px;list-style:none;clear:both;font:11px Verdana}
#news li{float:left;width:47%;height:36px;padding:0px 0px 10px 0px;margin:3px 8px;background:url(/pic/dotline.gif) repeat-x bottom}
#news li a{width:355px;overflow:hidden;white-space:nowrap;font-weight:bold;display:block;color:#07339C}

#about{margin:10px 14px 15px 14px;padding:0px}
#about img{float:left;margin:10px 15px 5px 0px}
#about p{padding:0px;margin:0px;line-height:14px;margin:5px 0px}
#about #tit{font:14px Verdana;font-weight:bold}
#about #tit span{color:#FB6904}

#note{font:11px Verdana;color:#333;margin:0px 5px 0px 0px;line-height:16px;width:300px;float:right}
#note h1{font:bold 12px Verdana;margin-bottom:10px}
#note p{margin:10px 0px;text-indent:16px;text-align:justify;}

.note{font:11px Verdana;color:#333;margin-right:5px;line-height:15px;margin:5px 0px 0px 5px}
.note h1{font:bold 12px Verdana;margin-bottom:10px}
.note p{margin:5px 0px;text-indent:16px;text-align:justify;}

#tab {width:100%;height:19px;background:url(/pic/tab_bg.gif) repeat-x;overflow:hidden}
#tab div {padding:0px 30px;float:left;font-weight:bold;text-align:center;color:#666;background:url(/pic/edge2.gif) no-repeat right;height:19px;line-height:18px}
#tab div a {color:#999}
#tab div a:hover{color:red}
#tab .focus{padding:0px 10px;width:111px;height:16px;top:-2px;position:relative;float:left;background:url(/pic/focus.gif) no-repeat;color:#609CC0;height:22px; margin-top:0px; line-height:21px}
#tab h2 {font:bold 11px Verdana;margin:0px;padding:3px 0px 0px 6px;color:#666}
#tab span {top:2px;position:relative;color:#aaa}

#map{color:#0C4C8E;}
#map a{color:#0C4C8E}
#map a:hover{color:red}
#map .letter{margin:3px 0;font:bold 12px Verdana;padding:0px;height:8px}
#map .line{color:red;margin-bottom:5px;background:#0C4C8E;height:1px;overflow:hidden}

.cart {float:right;width:310px;height:100%; overflow:hidden}
.cart_right{border:1px solid #D6D2D2;padding:32px 11px 20px 11px;background:url(/pic/shopping.gif) no-repeat 11px 9px;margin:0px}
.cart_mid{float:left;width:746px;border:1px solid #D6D2D2;padding:32px 11px 20px 11px;background:url(/pic/shopping.gif) no-repeat 11px 9px}
.order_mid{float:left;width:746px;border:1px solid #D6D2D2;padding:32px 11px 20px 11px;background:url(/pic/order.gif) no-repeat 11px 9px}
.cart .topic{background:url(/pic/cart2.gif) no-repeat;color:#523722;font-weight:bold;padding-left:20px;height:18px;margin-top:11px}
.cart .inner{margin:5px 0px 10px 0px;color:#ccc}
.cart .inner table{width:100%}
.cart .inner tr{color:black}
.cart .inner tr.focus{color:red}
.cart .inner tr.focus td{font-weight:bold}
.cart .inner tr.total td{font-weight:bold}
.cart td a{color:#00f;font:bold 10px Arial}
.cart #curflag{float:right;position:relative;top:-25px}
.cart #curflag .focus{color:red;font-weight:bold}
.cart .total{font-weight:bold}

.input{border:1px solid #999;height:16px;line-height:14px}
.btn{border:1px solid #666;font-weight:bold;background:url(/pic/btn.gif) repeat-x white;cursor:pointer;width:86px}
.bar{background:url(/pic/bar.gif) repeat-x;line-height:24px;padding-bottom:5px;padding-left:10px;font-weight:bold;color:#666;margin-top:6px}
.dot{background:url(/pic/dotline.gif) repeat-x bottom}
.dotline{display:block;clear:both;background:url(/pic/dotline.gif) repeat-x top;height:1px;overflow:hidden}
.line{background:#999;height:1px;overflow:hidden}
*:lang(en) .line {margin:10px auto !important}
#hotrect{position:absolute;border:1px solid #27a;z-index:100;display:none;filter:Alpha(Opacity=0);MozOpacity:0;left:0px;top:0px}
#popLayer{position:absolute;z-index:1000;left:0px;top:0px;line-height:16px;background-color:white;border:1px #666 solid;font:11px Verdana;padding:4px 8px;filter:Alpha(Opacity=0);MozOpacity:0;display:none}

#mask{z-index:9999;position:absolute;background:#666;height:1000px;width:100%;top:0px;left:0px;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;display:none}
#pop{z-index:10000;position:fixed!important;position:absolute;background:#fff;padding:1px;width:500px;display:none;top:0px;left:0px;overflow:hidden}
#pop #pop_bar{background:#6F90A5;height:24px;width:auto;font-weight:bold;padding-left:10px}
#pop #pop_bar span{color:white;float:left;background:url(/pic/arrow.gif) no-repeat left 7px;padding:5px 0px 0px 18px}
#pop #pop_bar img{float:right;margin:5px;cursor:pointer}

#pop #pop_text {margin:5px;padding:0px;overflow:hidden}
#pop #pop_text .note{float:left;height:26px;line-height:22px;margin-right:5px;background:url(/pic/arrow.gif) no-repeat left 6px;padding-left:18px;white-space:nowrap}
#pop #pop_text .input{margin:0px;border:1px solid #6B8FBB;overflow:hidden;}
.w a:link{ color:#ffffff;text-decoration: none; }
.w a:visited{ color:#ffffff;text-decoration: none;}
.w a:active{ color:#ffffff;text-decoration: none;}
.w a:hover{ color:#ff0000;text-decoration: none;}