@charset "utf-8";
/* CSS Document,2008.12.09 */
/* reset */
body, table, tr, td, div, span, a, img, ul, li, h1, h2, h3, h4, p, form { padding:0; margin:0; border:0; }
body { text-align:center; font:12px arial, helvetica, sans-serif; background:url(../images/background.jpg) #e3e3e3 center top no-repeat fixed; }
.c { text-align:center; }
a { color:#41466c; ; text-decoration:none; }
a:hover { color:#723204; }
li { list-style-type:none; }
.divremark { border:1px solid #ff0000; background-color:#ffffed; width:95%; display:none; font-weight:bold; color:#ff0000; }
fb { font-weight:bold; }
.cfffaa2, .cfffaa2 a, .cfffaa2 a:visited { color:#fffaa2; }
.c848484, .c848484 a, .c848484 a:visited { color:#848484 }
.red { color:#f00; }
.blue { color:#256990 }
.b { font:bold 11px Verdana; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.bottom { border-bottom:1px dashed #DDDDDD; }
.tdinput { border:1px solid #AC8A4D; width:220px; height:18px; }
.topbar, .header, .main, .footer { width:904px; margin:0 auto; text-align:left; }
/* topbar */
.topbar { position:relative; height:100px; background:url(../images/top_01.jpg ) no-repeat bottom right; }
.topbar h1 { position:absolute; left:0; top:25px; width:250px; height:72px; overflow:hidden; background:url(../images/logo.gif); text-indent:-999px; }
.topbar h1 a:link, .topbar h1 a:visited, .topbar h1 a:hover { display:block; width:250px; height:72px; overflow:hidden; background-color:transparent; }
.topbanner { position:absolute; right:15px; top:30px; display:none }
/* country */
.country { position:absolute; top:0px; padding:4px 10px 10px; background:url(../images/header_p.gif) no-repeat; height:22px; width:100% }
.country ul li { float:left; padding-left:19px; margin-right:8px; background:url(../images/country.gif) no-repeat; line-height:12px; height:13px }
.country .c { background-image:none }
.country .c1 { background-position:0 0; }
.country .c2 { background-position:0 -13px; }
.country .c3 { background-position:0 -26px; }
.country .c4 { background-position:0 -39px; }
.country .c5 { background-position:0 -78px; }
.country .c6 { background-position:0 -91px; }
.country .c7 { background-position:0 -104px; }
.country .c8 { background-position:0 -117px; }
.country .c9 { background-position:0 -130px; }
.country .c10 { background-position:0 -143px; }
/* header */
.header { position:relative; background:url(../images/bg.gif) repeat-y; }
.header .searchbar { height:31px; background:url(../images/headerbg.gif) repeat-x; }
.search { width:470px; padding-left:50px; padding-top:20px; padding-bottom:10px; }
.search form { margin:4px 0; }
.search select { width:192px; margin-right:10px; }
.search p { border-top:1px solid #eb6c00; margin-top:5px; }
.help { float:left; }
.header .menu{background-color:#f4f5f9; padding-top:5px}
.header .menu ul {margin:0 auto;  height:29px; white-space:nowrap;padding-left:60px; }
.menu ul li { float:left; margin:0 1px;  }
.menu ul li a {display:block; float:left; line-height:29px; color:#5582a1; text-decoration:none; padding:0 0 0 15px; background:url(../images/background.gif); }
.menu ul li a b { display:block; padding:0 14px 0 0; background:url(../images/background.gif) no-repeat right top; }
.menu ul li a:hover { color:#f00; background: url(../images/background.gif) left center; }
.menu ul li a:hover b { color:#f00; background: url(../images/background.gif) no-repeat right center; }
.menu ul li.current a { color:#f00; background: url(../images/background.gif) no-repeat left bottom; }
.menu ul li.current a b { background: url(../images/background.gif) no-repeat right bottom; }
.menu ul li.current a:hover { background: url(../images/background.gif) no-repeat left bottom; cursor:default; }
.menu ul li.current a:hover b { background: url(../images/background.gif) no-repeat right bottom; cursor:default; }
/* main */
.main { background-color:#fff; overflow:auto;height:1% }
.main h2 { font-size:12px; line-height:25px; color:#5582a1; background:url(../images/h2bg.gif)   0 0; padding-left:13px }
.col1, .col2, .col3,.col4 { float:left; display:inline; }
/*main col1 */
.col1 { width:174px; margin:0 11px 0 5px }
.Power,.gamelist, .wowsale,.Shopping,.advantage,.HelpCenter{margin-bottom:10px;background:url(../images/h2bg.gif) #fff  no-repeat  0 bottom; border-bottom:1px solid #fff}
input#se_o_loginemail, input#se_o_loginpwd, input#find_email { width:160px; height:18px; background-color:#fbfeff; border:1px solid #ac8a4d; margin-left:7px }
input#se_o_loginac, input#find_code { width:50px; height:18px; background-color:#fbfeff; border:1px solid #ac8a4d; margin-left:7px }
input#log { margin:3px 0 0 8px }
#logincontent { padding:5px; }
.login form { padding:3px }
.login p { height:27px }
.wowsale h3 { font-size:13px; padding-left:10px; line-height:18px; color:#323334 }
.wowsale ul { padding:5px 10px; }
.gamelist ul, .Power ul { padding:10px; }
.gamelist li, .Power li, .wowsale li { padding:5px 0 5px 10px; background:url(../images/trangle.GIF) no-repeat left center; border-bottom:1px dashed #ccc }
.gamelist li a, .Power li a, .wowsale li a { color:#5b5b5b }
.gamelist li a:hover, .Power li a:hover, .wowsale li a:hover { background-color:#509ad8; color:#fff }
/*main  col2 */
.col2 { width:521px; margin-right:11px; }
.col2 p { padding:5px; text-align:justify; margin-right:10px; }
.col4{width:700px;margin:0;}
.login,.WOWGOLD2,.WoWgold  { border:1px solid #dde6ed }
.login h2,.WOWGOLD2 h2,.WoWgold  h2{ border-bottom:1px solid #dde6ed; background:none; margin:0 10px }
.login{margin-bottom:10px}
.WoWgold ul.wg { height:100px; margin-top:9px; margin-left:15px}
.WoWgold ul.wg li { float:left; margin:0 10px 5px 0; display:inline; }
.WoWgold ul.wg li a { display:block; width:88px; height:85px;text-decoration:none; text-align:center; overflow:hidden; padding-bottom:5px; border:1px solid #fff}
.WoWgold ul.wg li a img { width:67px; height:72px;  }
.WoWgold ul.wg li a strong { display:block; width:89px; line-height:17px; color:#f00; overflow:hidden;  font-size:12px; text-align:center; }
.WoWgold ul.wg li a span { display:block; font-size:11px }
.WoWgold ul.wg li a:hover span { color:#256990 }
.WoWgold ul.wg li a:hover {border:1px dashed #9fc1e7; background:#fffae7 }
.WOWGOLD2 ul { margin:14px 0 14px 8px!important; margin:14px 0 14px 4px; }
.WOWGOLD2 ul li { float:left; width:120px; margin-left:5px; }
.WOWGOLD2 ul li a { width:119px; text-align:center; text-decoration:none; display:block; margin-bottom:3px; }
.WOWGOLD2 ul li a strong { display:block; height:18px; line-height:15px; font-weight:100; color:#333; overflow:hidden; }
.WOWGOLD2 ul li a:hover { background-color:#f1f1f1 }
.WOWGOLD2 ul li a:hover strong { color:#f00; }
/*顶部选择游戏*/
.gamediv { margin:5px; display:none; }
.lia { float:left; width:160px; height:20px; background:url(../images/trangle.GIF) no-repeat left center; padding-left:10px }
/*main  col3*/
.col3 { width:174px; margin-right:5px }
.Shopping { overflow:hidden }
.Shopping ul, .HelpCenter ul { padding:5px; }
.Shopping a, .login a { text-decoration:none; }
.Shopping span a, .login span a { background:url(../images/trangle.GIF) no-repeat left center; padding-left:8px; }
.complain {height:85px}
.advantage { height:200px;}
.advantage ul li { float:left; width:85px; height:85px; text-align:center; }
.advantage ul li strong { display:block; line-height:11px; font-weight:100; color:#333; overflow:hidden; font-size:11px; }
/*footer*/
.footer { clear:left; text-align:center; background-color:#fff; margin-bottom:50px; padding-bottom:15px }
.footer li { line-height:40px; height:35px; margin:0 15px }
.footer li a { color:#256990; text-decoration:none; }
.footer li a:hover { color:#256990; text-decoration:underline; }
.footer .bottomline { border-bottom:1px solid #dde6ed; }
.footer p { padding:5px; text-align:center }
/*table*/
table { empty-cells: show; }
table.list { width:100%; padding: 2px; }
table.list htr { height: 25px; }
table.list tr.hd { color:#000000; background:#ebf0f2 url(/lib/ext/resources/images/default/grid/grid3-hrow.gif) repeat-x left bottom; padding:3px 3px 3px 5px; white-space:nowrap; }
table.list tr.hd td { text-align: center; }
table.list ts { text-align: right; }
table.list tr.hd td.nd .nt { font-weight: normal; }
table.list tr.hd td.sh, img.hand { cursor: pointer; }
table.list tr.hd td.al { text-align: left; }
table.list tr.hc { height: 22px; color: #ffffff; background-color: #003366; }
table.list tr.hl { background-color: #f1f5fa; }
table.list tr.hs { background-color: #fffef0; padding-top: 2px; padding-bottom: 2px; height: 30px; }
table.list td { padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 3px; }
table.list td.bd { text-align: left; border-left: 1px solid #e8eef7; padding-left: 5px; padding-right: 2px; }
table.list td.ac, div.ac, input.ac { text-align: center; }
table.list td.ar { text-align: right; }
table.list td.br { border-right: 1px solid #e8eef7; }
table.list td.bt { border-top: 1px solid #e8eef7; }
table.list td.nbt { border-top: 0px; }
table.list td.nbb { border-bottom: 0px; }
table.list td.nbl { border-left: 0px; }
table.list td.nbr { border-right: 0px; }
table.list td.b, span.b, div.b, .fsb, textarea.b { font-weight: bold; }
table.list td.big { font-size: 14px; padding-top: 2px; padding-bottom: 2px; height: 30px; }
table.phead { padding: 3px; margin: .5em 0em .5em .5em; background-color : #f0f4f7; }
table.phead td { border-bottom: 3px solid #c8d7ec; padding: 6px 5px 5px 5px; }
table td.bb { border-bottom: 1px solid #e8eef7; }
input.bd { color:#004b91; border: 1px solid #cccccc; height:24px; background:url(../images/btn_bg.gif) repeat-x; }
.gray { color:gray }
/*登陆链接*/
.searchbar span { color:#000000; }
.searchbar a { color:#723204; }
.searchbar a:hover { color:#723204; }
.searchbar b { color:#256990 }
/*金币信息填写*/
.gold { position:absolute; width:450px; height:350px; background-color:#ffffff; display:none; border:1px solid #000000; }
.goldcontent { background-color:#E0E9EE; height:95%; width:95%; }
/*服务器样式*/
.alphabetSeletor { width:100%; height:35px }
.serverSeletor { width:100%; }
.alphabetSeletor a { font-weight:normal; border:1px solid #ccc; display:block; float:left; margin:3px 3px 0 0; cursor:pointer; color:#135e93; font-weight:bold; width:19px; line-height:20px; text-align:center; background-color:#fff; }
.alphabetSeletor a:hover { color:#c00; border:1px solid #c00; }
.serverSeletor a { color:#004b91 }
.serverdiv { float:left; width:210px; height:20px; color:#000000; }
.Adiv { width:100%; text-align:left; color:#000; font-size:12px; padding:10px 5px 10px 5px; }
.Adiv b { font-size:14px; }
.tdiv { width:100%; text-align:left; padding:5px; border-bottom:1px dashed #aaa; border-top:1px dashed #aaa; clear:left; }
/*数据分隔背景和线条*/
.bg { background:#eeeeee; }
.bottom { border-bottom:1px dashed #dddddd; }
.top { border-top:1px dashed #dddddd; }
/*订单祥细*/
.tabOrder { border-top:1px solid #FFEABF; border-bottom:1px solid #FFEABF; }
#payment a:hover { background:#f7f7f7; }
.pay { display:block; }
/*等级代练列表*/
.remark { text-align:left; display:none; word-break:keep-all; }
.Powertable { margin:5px; }
.Powertable img { padding:1px; border:1px solid #ff8f27; background:#fff; }
.Powertable td { vertical-align:top; text-align:left; }
/*登陆按钮*/
.bd2 { border:0; background:url(/images/hang.gif) no-repeat; height:24px; width:124px }
/*订单查询*/
#ordersearch { }
#ordersearch input { width:120px; height:16px; border:1px solid #aaccee; margin-bottom:5px;}
#ordersearch img { height:18px; position:relative; top:-2px }
/*底部DIV*/
.divbottom { line-height:20px; width:900px; }
.bottomline { border-bottom:1px solid #1368a6; }
/*注册成功*/
.reg_ok { text-align:left; padding:20px;background:#ffffff;width:864px;}
/*wowtab*/
.wowtab{ width:96%; margin:10px; border-collapse:collapse; border-spacing:0}
.wowtab tr{height:26px}
.wowtab  td{padding-left:10px; border:1px solid #a4b1bf}
.wowtab  td.red{font-weight:bold}
.wowtab thead td{font-weight:bold; font-size:14px;background:#ffffcc; }
.odd{background:#ecf4fd;}
.even{background:#fff;}
.hover{background:#ffffcc; cursor:pointer}
.Powerset li{width:220px; float:left; padding-left:10px;overflow:hidden}
#seo_power li a{ line-height:22px;  display:block; font-weight:700; float:left;  }
.Powerset  .pl li a{line-height:25px; display:block;font-weight:700; font-size:13px;padding-left:20px;background:url(/images/circle.gif) no-repeat left center; float:left;} 
.Powerset a:hover{ text-decoration:underline}
/*banner*/
.banner { width:520px; height:188px; overflow:hidden; float:left; position:relative; display:inline;margin:10px auto 10px auto}
.slider li { display:inline; }
.slider img { width:520px; height:188px; }
.num { position:absolute; right:8px; bottom:8px; }
.num li { float:left;  text-align: center; line-height: 16px; width:16px; height: 16px; font-family: Arial; cursor: pointer; overflow: hidden; margin: 3px 6px; border: 1px solid #a00100; background-color: #fff; }
.num li.on { color: #fff; line-height: 18px; width: 18px; height: 18px; font-size: 16px; background-color: #c00100; font-weight: bold; border:1px solid #a00100; margin-top:2px }
/*warning*/
.warning{ font-size:14px; margin:20px; border:1px solid #ccc; padding:15px; background:#f5f5f5}
.warning p{line-height:23px} 
.warning p strong{background:url(../images/Warning.gif) left center no-repeat; padding-left:45px; display:block; height:25px; line-height:25px; font-size:17px}