/* CSS Document */
* { margin:0px; padding:0px; }
img { border:0px;}
body { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
li { list-style:none;}
a { text-decoration:none; color:#000;}
a:hover { text-decoration:underline;}
p{margin:0; padding:0;}
.wrap { clear:both; width:968px; margin:0px auto; height:auto;}

#top { clear:both; height:101px; background:url(top_bg.jpg) left top repeat-x;}

.hdpos { position:relative;}
.shop_cart { position:absolute; background:url(shoppingcart.gif) left top no-repeat; padding-left:20px; right:0px; top:70px; padding-right:5px;}
.shop_cart a { color:#FF0000;}

#top .logo { float:left; padding-top:1px;}

#top .login { float:right; padding:10px;}
#top .login p { padding:2px;}
#top .login .login_input { clear:both; height:30px;}
#top .login .login_input li { float:left; width:126px; padding:0px 2px; height:18px; background:url(login_input_bg.jpg) no-repeat;}
#top .login .login_input li input { border:0px; color:#aaa; background:none; height:18px;}
#top .login .login_submit { clear:both;}
#top .login .login_submit li { float:left; padding-left:15px;}
#top .login .login_submit li a { color:#656464;}
#top .login .login_submit .form-submit { display:inline; width:49px; height:20px; border:0px; background:url(login_submit.jpg) no-repeat}
#top .login .account-reg { padding-top:5px;}
#top .login .account-reg a { color:#666666; padding-left:15px; font-weight:bold;}
#top .login .account-login { padding-top:10px; text-align:right;}

#menu { clear:both; height:37px; background:url(menu_bg.jpg) left top repeat-x;}
#menu .menu { clear:both; background:url(menu_left.jpg) left top no-repeat;}
#menu .menu .menu_con { clear:both; height:37px; background:url(menu_right.jpg) right top no-repeat;}
#menu .menu .menu_con p { float:right; padding-right:35px; padding-top:6px;}
#menu .menu .menu_con ul { float:left; padding-left:30px; font-weight:bold; font-size:14px;}
#menu .menu .menu_con ul li { float:left; height:35px; padding:4px 20px; background:url(menu_li_icon.jpg) right top no-repeat;}
#menu .menu .menu_con ul li a { float:left; height:28px; line-height:28px; color:#000000;}
#menu .menu .menu_con ul li a span { float:left; height:28px; padding:0px 10px;}
#menu .menu .menu_con ul li a:hover { float:left; color:#FFFFFF; height:28px; text-decoration:none; line-height:28px; background:url(menu_li_left.jpg) left top no-repeat;}
#menu .menu .menu_con ul li a:hover span { float:left; height:28px; background:url(menu_li_right.jpg) right top no-repeat; padding:0px 10px;}
#menu .menu .menu_con ul li.on a { float:left; color:#FFFFFF; height:28px; line-height:28px; background:url(menu_li_left.jpg) left top no-repeat;}
#menu .menu .menu_con ul li.on a span { float:left; height:28px; background:url(menu_li_right.jpg) right top no-repeat; padding:0px 10px;}

#footer { clear:both; width:971px; height:53px; line-height:25px; background:url(foot_bg.jpg) left top no-repeat;}
#footer a { color:#FFFFFF;}
#footer .footer_copy { float:left; line-height:30px; padding-left:10px; color:#FFFFFF;}
#footer .footer_copy span { color:#ea3175;}
#footer .footer_menu { float:right; line-height:53px; padding-right:10px;}
#footer .footer_menu li { float:left; color:#78797e;}
#footer .footer_menu li a { color:#78797e;}

#content { clear:both; margin-top:10px;}
#content .cleft { float:left; width:216px;}
#content .cright { float:right; width:724px;}
#content .cright .rec_mid{ font-size:16px; font-weight:bold;}
#content .cright .gsel {text-align: center; padding:0 0 8px 0; }
#content .cright .gsel  select{width: 200px; margin:3px 0;}

.gamelist { clear:both; background:url(gamelist_bg.jpg) left top repeat-y;}
.gamelist h3 { clear:both; font-size:12px; color:#fed754; line-height:25px; padding-left:15px; margin-top:10px; height:30px; background:url(gamelist_top.jpg) left top no-repeat;}
.gamelist .gamecon { clear:both; position:relative; height:850px; background:url(gamelist_bot.jpg) left bottom no-repeat;} 

/**/
.Container { z-index:9; position:absolute; top:0px; left:0px; width:192px; height:830px;}
#gundongneirong { z-index:9; position: absolute; overflow:hidden; width:192px; height:840px;}
.Scroller-Container { position: absolute; top:0px; left:0px;}
.Scroller-Container ul { padding:10px; width:192px;}
.Scroller-Container ul li { clear:both; height:25px; line-height:24px; background:url(li_bg.gif) left bottom repeat-x;}
.Scroller-Container ul li a { background:url(li_a_icon.jpg) 10px 5px no-repeat; padding-left:22px; color:#515151;}

#gundongtu { z-index:10; position: absolute; top:0px; right:30px;}
.Scrollbar-Up { cursor: pointer; position:absolute; left:9px;}
.Scrollbar-Track { width:22px;height:822px; position:absolute; top:15px; left:4px; background:transparent url(scrollbar_track.png) repeat-y;}
.Scrollbar-Handle { position:absolute; cursor:pointer; width:22px; height:22px;}
.Scrollbar-Down { cursor:pointer; position:absolute; top:836px; left:9px;}


.left_payment { clear:both; padding:50px 0px; text-align:center;}


.hot_pic { width:726px; height:328px; background:url(hot_pic_bg.jpg) no-repeat;}
.hot_pic img { margin-left:22px; margin-top:22px;}
.quick_shop { clear:both; margin-bottom:8px;}
.quick_shop li { float:left; padding-right:5px;}
.quick_shop .inputcss1 { width:50px; border:1px solid #cecece; height:18px;}
.quick_shop .inputcss2 { width:90px; border:1px solid #cecece; height:18px;}

.box_title { clear:both; height:29px; line-height:29px; background:url(box_bg.jpg) left top repeat-x;}
.box_title .box_bg { clear:both; height:29px; background:url(box_right.jpg) right top no-repeat;}
.box_title .box_bg h2 { float:left; font-size:14px; color:#fed754; padding-left:15px; height:29px; background:url(box_left.jpg) left top no-repeat; width:500px;}
.box_title .box_bg h2 a {font-size:14px; color:#fed754;}

#user-inline{display:none;}
#user-login{margin:0;}
.itext{width:150px;}

.aboutus { clear:both; margin-top:10px;}
.aboutuscon { padding:10px; line-height:22px;}
.aboutuscon p { padding-bottom:10px;}


.newslist { clear:both; margin-bottom:20px; width:724px; height:auto; background:url(news_bg.jpg) left top repeat-y; overflow:hidden;}
.newslist .newslistcon { clear:both; width:704px; background:url(news_bot.jpg) left bottom no-repeat; padding:10px;}
.newslist .newslistcon li { height:30px; line-height:30px; background: url(news_li_bg.jpg) left bottom repeat-x;}
.newslist .newslistcon li span { float:right; color:#8f8f8f;}
.newslist .newslistcon li a { float:left; padding-left:20px; color:#515151; background:url(news_li_icon.jpg) 10px 13px no-repeat;}
.newslist .newslisttitle { clear:both; width:724px; height:36px; background:url(news_top.jpg) left top no-repeat;}
.newslisttitle li { float:left; width:70px; line-height:36px; text-align:center; font-weight:bold; color:#999999; }
.newslisttitle li.one { color:#FFFFFF;}
.newslisttitle li.two { color:#7f8082;}


/**/
.noabclist { clear:both; margin:10px; height:auto; overflow:hidden; background:#f1f1f1; border:1px solid #CCCCCC;}
.noabclist li { float:left; width:168px;}
.noabclist li a { float:left; width:140px; padding-left:10px; margin:10px 0px; margin-left:10px; color:#333333; height:24px; line-height:24px; border:#999999 1px solid; background:#CCCCCC;}

/**/
.cserverchoose { clear:both; height:30px; padding-top:15px;}
.cgoldtitle { clear:both; font-weight:bold; height:24px; padding:0px 10px; line-height:24px; background-color:#CCCCCC;}
.cgoldtitle span { float:left;}
.cgoldlist { clear:both; padding:10px;}
.cgoldlist li { height:24px; padding:5px 0px; line-height:24px; border-bottom:1px dashed #CCCCCC;}
.cgoldlist li span { float:left;}
.one { width:450px;}
.two { width:150px;}
.three { width:100px;}
.addcart { display:block; width:66px; height:23px; background:url(buy_now.jpg) no-repeat; border:0px;}

.shopcartlist { clear:both; padding-top:20px;}
.shoplisttitle { clear:both; height:20px; border-bottom:1px solid #CCCCCC;}
.shoplist { clear:both; padding:15px; border-bottom:1px dashed #CCCCCC; height:30px;}
.listitems, .quant, .unitprice, .totleprice { float:left;}
.listitems { width:350px;}
.quant { width:180px;}
.unitprice, .totleprice { width:80px;}
.total { clear:both; height:30px; padding:10px; text-align:right;}
.listbut { clear:both; text-align:right;}
.listbut a { padding:0px 10px;}
h2.s_h3 { clear:both; height:25px; line-height:25px; border-top:1px solid #dbdbdb; font-size:12px; background:#f5f5f5;}
h2.s_h3 .rbn { float:right; padding-right:10px; padding-top:3px;}
.con_inpa { clear:both;}
.con_inpa p { clear:both; padding-top:10px;}
.con_inpa p label { float:left; width:150px;}
h1.qf_h2 { clear:both; font-size:12px; height:30px;}

.abclist { clear:both; height:30px; padding-top:20px;}
.abclist li { float:left; padding:3px;}
.abclist li a { float:left; padding:4px 5px; border:1px solid #CCCCCC; background-color:#f1f1f1; color:#666666;}
.abclist li a:hover,.abclist li.on a { color:#333333; background-color:#CCCCCC; border:1px solid #666666;}
.cclasslist { clear:both; height:auto; overflow:hidden;}
.cclasslist li { float:left; width:180px;}
.cclasslist li a { float:left; width:160px; padding-left:10px; margin:10px 0px; margin-left:10px; color:#333333; height:24px; line-height:24px; border:#999999 1px solid; background:#CCCCCC;}

#produk {width:100%;margin:5px 0 10px 0px;}
#produk th { font-size:12px;  font-weight:bold; height:25px; }
#produk th.tleft {text-align:left;text-indent:4em;}
#produk tr{ }
#produk td {padding:5px; margin-bottom:10px; text-align:center;font-size:12px;}
#produk td.taig { text-align:left; text-indent:1em;}
input.charname { border-top:#666666 1px solid;border-left:#666666 1px solid;border-right:#999999 1px solid;border-bottom:#999999 1px solid; width:80px; height:20px;}
input.buyit { font-size: 12px; border: #7b9ebd 1px solid; background:url(btn.png) repeat-x;}
#tbl_fstorder input.charname { border: #7b9ebd 1px solid; height:18px; width:110px;}

table.tbl { width:100%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px;}
table.tbl td, table.tbl th {padding:2px;}
table.tbl th {text-align:center; border: 1px solid silver;}
table.tbl tbody th {border: 1px solid silver;}
table.tbl tbody tr td { border: 1px solid silver;text-align:left;}

.util {border:2px solid silver; text-align:center; margin:5px 0 10px 0;}
.util p { padding:10px 0;}
.util p select { width:200px; margin-left:10px;}

@charset "utf-8";
/* CSS Document */
/* jiandan game */
/* time:2011-1-11 */
/* author:chenyuzou */
/* bolg:chmanman.com */
#lang {position:absolute;top:5px;right:18%;}
#lang li {display:inline;}
#lang li a {display:block;float:left;border:1px solid #eee;border-right-color:#666;border-bottom-color:#666;margin:0 6px;width:30px;height:20px;text-indent:-2000em;background:url(flags.gif) no-repeat;}
#lang li a:hover {border:1px solid #666;border-right-color:#ccc;border-bottom-color:#ccc;}
#lang li #fr {background-position:0 -20px;}
#lang li #de {background-position:0 -40px;}

.fail { padding:5px; border:1px solid #999;  font-weight:bold; color:#F00; background:#FCF; }
.succ { padding:5px; border:1px solid #999;  font-weight:bold; color:#FFF; background:#090; }



.ordersn { font-weight:bold; color:#36F; font-size:11px;}
.sum { font-weight:bold; color:#F03;}
.osum { font-weight:bold; text-decoration:line-through; color:#933;}
.fred { color:#933; font-weight:bold; text-decoration:underline;}

table.cart { width:100%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px;}
table.cart td, table.cart th {padding:3px;}
table.cart th {text-align:center; border: 1px solid #BBB;}
table.cart tbody th {border: 1px solid #BBB;}
table.cart tbody tr td { border: 1px solid #BBB;text-align:center;}
.remove { width:60px; border:1px solid #666;}

.emptycart { padding:5px;}

.gd { color:#999900; text-indent:.5em; font-weight:bold;}
.fblue { color:#0066FF; text-indent:.5em; font-weight:bold;}

h5.gamenews {font-size:14px;margin:5px;}
div.gameintro{border:1px solid #DDDDDD; padding:5px; margin:10px 0 0 0;}

.itext { height:18px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

.input_area { height:50px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

.news { overflow:hidden;zoom:1;}
.news li { text-indent:1em; background:url(doc.gif) left center no-repeat; border-bottom:1px #999 dotted;}
.news .more { text-align:right; background:none;}


.aztitle { letter-spacing:5px;}
.aztitle a {font-size:16px;font-weight:bold;}
div.line { width:98%;display:block; clear:left; background:#EFEFEF;padding:2px;position:relative;}
div.line a {font-size:14px;font-weight:bold;}
span.top { color:#06F;cursor:pointer;position:absolute;right:10px;}

.game_m {height:150px;width:150px;float:left;padding:10px 5px;}

.imgpm { display:block;}

table.power select { width:220px;}
.ts .tsHead{height:27px;background:url(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(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(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}


/* gamelist style */
.hglist { padding:0 10px;}
.hglist dt { text-indent:1.5em; padding:2px 0; border-bottom:1px dotted #CCB29B; cursor:pointer;}
.hglist dt a{width:100%;}
.hglist dt:hover{}
.hglist dt.focus {}
.hglist dt.focus a { font-weight:bold; color:#F00}
.hglist dd { background:url(doc.gif) 15px center no-repeat;text-indent:2.5em; padding:5px 0; display:none;}
.hglist dd.gold {background:url(doc.gif) 15px center no-repeat; _text-indent:3.5em;padding:5px 0;}
.hglist dd.power {background:url(doc.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.account {background:url(doc.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.cdkey {background:url(doc.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.show { display:block;}

/* news style */
dl.news{}
dl.news dt{ background:url(new_bj.gif) left center no-repeat; text-indent:2em;}
dl.news dt a { color:#4B830F; font-weight:bold;}
dl.news dd{ padding:0 5px 15px 5px;}
dl.news dd a { color:#4B830F;}
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 { background:url(new_bj.gif) 8px center no-repeat; text-indent:2.5em;}
dl.navnews dd a { color:#4B830F;}

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


/* currency style */
.currency { color: #000000; font-size:11px; cursor: pointer; font-family: Tahoma,Geneva,sans-serif; font-weight: bold;  text-decoration: underline;}
.current { color: #000000; font-size:11px; cursor: pointer;  font-family: Tahoma,Geneva,sans-serif; font-weight: bold; text-decoration: none;}

/* region style */
dl.region {overflow: hidden;}
dl.region dt {text-indent:1.5em; height:30px; line-height:30px; border-bottom: 1px dotted #ccc;clear: left;font-size: 12px;font-weight: bold;cursor:pointer; font-family:"Comic Sans MS",cursive;}
dl.region dt.current { color:#F00;}
dl.region dt a {color: #4589F9;}
dl.region dd {background:url(doc.gif) left center no-repeat; float: left;font-size: 12px;height: 25px;line-height: 25px;text-indent: 1em;width:50%;}
dl.region dd a {color: #000;}
.hide { display:none;}

/* product style*/
.util{margin: 0 5px 10px 0; text-align: center; border: 1px solid #81817F; padding:10px 20px;}
.util p { margin:5px 0;}
.gtext { border:#CCCCCC 1px solid; background:#EEEEEE; padding:5px;}
.pro_price { width:25%; color:#ee7d21;}
a.cart { background:url(cart.gif) left center no-repeat; padding:0 0 0 20px;font-weight: bold;}
.progold .tbl {width:99%; margin:0 0 5px 0;border:1px solid #9a9a9a;border-collapse: collapse;}
.progold .tbl tr { background:#FFF;}
.progold .tbl tr:hover { background:#EEE;}
.progold .tbl td, .progold .tbl th {padding: 5px 0 5px 5px;}
.progold .tbl th {text-align: center;background: #DADAD6;letter-spacing:1px;}
.progold .tbl tbody th {color:#000;font-weight:bold;background:#f7f7f7;text-align:center;height:32px;}
.progold .tbl tbody tr td {border-top: 1px solid #9a9a9a;padding:.6em .5em;text-align:center;}
#pro_gold tr td{text-align:center;}

#fr_game,#fr_server,#fr_product{width:200px;}
#player_des {
    position: relative;
}
.playerimg {
    border: 2px solid #000;
    display: none;
    left: 30px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 60px;
    z-index: 999;
}