@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;
}
.c {
	text-align:center;
}
a {
	color:#004b91;;
	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:#ff0;
}
.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:960px;
	margin:0 auto;
	text-align:left;
}

/* topbar */
.topbar {
	position:relative;
	height:100px;
	left:-10px;
}
.topbar h1 {
	position:absolute;
	left:0;
	top:25px;
	width:205px;
	height:78px;
	overflow:hidden;
	background:url(../images/logo.gif);
	text-indent:-999px;
	z-index:-999
}
.topbar h1 a:link, .topbar h1 a:visited, .topbar h1 a:hover {
	display:block;
	width:205px;
	height:78px;
	overflow:hidden;
	background-color:transparent;
}
.topbanner {
	position:absolute;
	right:0px;
	top:28px;
}
.country{ position:absolute;
	left:5px;
	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;
	margin-top:8px;
}
.header .searchbar {
	height:25px;
	background:url(../images/headerbg.gif) repeat-x;
	border:1px solid #0053a1;
}
.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 ul {
	padding-left:130px;
	margin:0 auto;
	list-style:none;
	height:26px;
	white-space:nowrap;
}
.menu ul li {
	float:left;
	margin:0 1px;
}
.menu ul li a {
	display:block;
	float:left;
	line-height:26px;
	color:#123172;
	text-decoration:none;
	padding:0 0 0 14px;
	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:#fff;
	background: url(../images/background.gif) left center;
}
.menu ul li a:hover b {
	color:#fff;
	background: url(../images/background.gif) no-repeat right center;
}
.menu ul li.current a {
	color:#fff;
	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 {
	margin-top:10px;
}
.main h2 {
	font-size:13px;
	line-height:27px;
	background:url(../images/boxbg.gif) repeat-x;
	padding-left:10px;
	color:#0a317e;
}
.col1, .col2, .col3,.col4 {
	float:left;
	display:inline; 
	overflow:hidden;
	_display:inline;
}
/*main col1 */
.col1 {
	width:178px;
	margin-right:11px
}
.login, .gamelist, .wowsale, .Power, .WoWgold, .WOWGOLD2, .Shopping, .advantage, .HelpCenter {
	margin-bottom:10px;
	border:1px #c7d0d5 solid;
}
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:20px;
	color:#333333
}
.wowsale ul {
	padding-left: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;
}
.gamelist li a:hover, .Power li a:hover,.wowsale li a:hover {
	background-color:#509ad8;
	color:#fff
}
/*main  col2 */
.col2 {
	width:580px;
	margin-right:11px;
}
.col2 p {
	padding:5px;
	text-align:justify;
}
.col4{width:770px;margin:0;}
.WoWgold ul {
	height:286px;
	margin:0 auto;
	padding:12px 0 0 18px;
}
.WoWgold ul li {
	float:left;
	margin:0 12px 12px 0;
	display:inline;
}
.WoWgold ul li a {
	display:block;
	width:99px;
	height:131px;
	cursor:hand;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
	padding-bottom:6px;
}
.WoWgold ul li a img {
	width:97px;
	height:110px;
	border:1px solid #cccccc;
}
.WoWgold ul li a strong {
	display:block;
	width:99px;
	line-height:18px;
	font-weight:bold;
	color:#723204;
	overflow:hidden;
	position:relative;
	top:-16px;
	font-size:12px;
	text-align:center;
}
.WoWgold ul li a span {
	display:block;
	position:relative;
	top:-15px;
	font-weight:800;
}
.WoWgold ul li a:hover img {
	border-color:#163264;
}
.WoWgold ul li a:hover strong {
   	color:#b70c80;
}
.WoWgold ul li a:hover span {
	color:#b70c80;
}
.WoWgold ul li a:hover {
	background-color:#f6f6f6;
}
.WOWGOLD2 ul {
	margin:14px 0 14px 20px!important;margin:14px 0 14px 16px;
}
.WOWGOLD2 ul li {
	float:left;
	width:135px;
	margin-left:3px;
}
.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:178px;
}
.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;
}
.advantage {
	height:200px;
}
.advantage ul li {
	float:left;
	width:88px;
	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:both;
	text-align:center;
	padding:10px;
}
.footer li {
	line-height:20px;
}
.footer li a {
	color:#666666;
	text-decoration:none;
}
.footer li a:hover {
	color:#666666;
	text-decoration:underline;
}
/*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:#0062de;
	border: 1px solid #cccccc;
	height:24px;
	background:url(../images/btn_bg.gif) repeat-x;
}
.gray {
	color:gray
}

/*登陆链接*/
.searchbar span{
	color:#ffffff;
}
.searchbar a{
	color:#ffffff;
}
.searchbar a:hover{
	color:#ffff00;
}
.searchbar b{
	color:#ffff00;
}
/*金币信息填写*/
.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:740px;
	height:35px
}
.serverSeletor{
	width:740px;
}

.alphabetSeletor a{
	font-weight:normal;
	border:1px solid #ccc;
	display:block;
	float:left;
	margin:3px 4px 0 0;
	cursor:pointer;
	color:#135e93;
	font-weight:bold;
	width:20px;
	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:240px;
	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{
	background:#ffffff;
}
#ordersearch input{
	width:110px;
	height:16px;
	border:1px solid #C7D0D5;
}
#ordersearch img{
	height:18px;
}
/*底部DIV*/
.divbottom{
	line-height:20px;
	width:900px;
}
.bottomline{
	border-bottom:1px solid #0774DD;
}
/*注册成功*/
.reg_ok{
	text-align:left;
	padding:20px;
}

#payment{
	margin-left:40px;
}
#payment tr{
	cursor:pointer;
}



/*新闻*/
#newsnav { border-bottom:1px solid #dedede; margin-top:10px;height:24px; }
#newsnav ul { list-style:none; margin:0 10px; padding:0; position:absolute; }
#newsnav ul li { margin-right:10px; float:left; }
#newsnav ul li a { border:1px solid #dedede; padding:4px 5px !important; padding:5px 5px 3px; display:block; text-decoration:none; background:#f5f5f5; color:#007ba4; }
#newsnav ul li a:hover { background:#fff; border-bottom:1px solid #fff; text-decoration:none; }
#newsnav ul li.on a { background:#fff; border-bottom:1px solid #fff; }
.newslist li { line-height:28px; padding-left:20px; background:url(/images/ico.gif) no-repeat 0 -27px; margin-left:10px }
.newslist li a { color:#4d4d4d }
.newslist .description { color:#999; }
.main_newslist { margin-top:15px;word-break:keep-all;width:98%;}
.main_newslist h1 { text-align:center; color:#000; font-size:22px; background:none }
.main_newslist .n_related { margin:0px 12px; border-bottom:1px solid #b6b6b6; color:#7e7e7e; padding:8px 0 5px }
.n_related .n_time { margin-right:12px }
.n_related .n_home { float:right }
.main_newslist p { margin:10px 12px 0; font-size:14px; text-indent:2em; line-height:25px }
.main_newslist p.no_indent { text-indent:0 }
.news li,.col3 .news2 li{padding-left:12px; background:url(/images/ico.gif) no-repeat  0 10px; margin-left:-5px; line-height:20px; }
.news #sel_o_Marquee{height:250px;overflow:hidden;}
.news #sel_o_Marquee ul{height:235px;}
.newslist li{background:url(/images/tr2.gif) 0 10px no-repeat} 
/*
Page navigate,Date: 2008-10-02
*/
.ppdv { font-size:11px; padding-left:50px}
.pp,.pz,.pc  { border: 1px solid #ccc;  margin-right:4px; color:#007ba4; cursor:pointer}
a.pp:hover,a.pz:hover{ border-color:#c00}
.pc{border-color:#c00; color:#c00}
.pb a { float: left; padding:3px 6px; text-decoration: none; }
/*
link
*/
.links {font-size:11px; overflow:auto; zoom:1;width:960px;margin:0px auto;}
.links li{float:left; margin:0 5px; line-height:20px;height:20px; font-weight:bold }

.links li a{white-space:nowrap; font-weight:normal}


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