*{ padding:0px; margin:0px; line-height:1.6em; list-style:none;}





body{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #D2D4DC;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
}




.fotC{ text-align:left;}
.fotB{ color:#000}
.fotW{ color:#fff;}
.fotR{ font-weight:bold; color:#800;}
.fotY{ font-weight:bold; color:#47380A;}
.fotBl{ text-align:left; font-weight:bold; color:#000;}

.important {
	font-weight: bold;
}

.LogFrame {padding:16px 0 0 0;}
.LogFrame a{color:#fff}
.buttonRow1 img{ vertical-align:middle;}
.buttonRow1 a{ color:#fff; text-decoration:none;}
.buttonRow1 a:hover{ color:#fff; text-decoration: underline;}


a:hover{
	color: #000;
}
a:active {
	color: #ffff00;
}
.productTable{ width:98%;}


.btn_back
{
	height:15px;
	width:57px; 
    border:0;
	cursor: pointer;
	background: url('../../templates/imageBtn/button_back.gif' ) no-repeat;
	}
	
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
}
 LABEL.uploadsLabel 
 {
 		width: 12em;
	float: left;
}


.fontRed{ color:Red;}

.LogFrame {
	text-align:left;
	padding:5px 0 0 0;
	}
.LogFrame table tr td a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}
	
.LogFrame table tr td a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #fff;
	text-decoration:underline;
	}
a:link{
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}






  .b1:link{color:#fff;	font-size: 9pt;text-decoration:none;}   
  .b1:visited{font-size: 9pt; color:#fff;}   
  .b1:hover{color:#C30202;	font-size: 9pt; text-decoration:underline;}  
  
.font_faq{ font-weight:bold; font-size:9pt;}
.l{ float:left;}
.r{ float:right;}
.c{ clear:both;}
.c:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.txtL{ text-align:left;}
.txtR{ text-align:right;}
.txtC{ text-align:center;}

img{border:0}
a{
	text-decoration:none;
	color: #000000;
}


#mainWrapper {
	text-align: left;
	width: 1000px;
	vertical-align: top;
    height:auto;
	margin:0 auto;
	padding:0;

}

#contentMainWrapper {
	margin:0;
	padding:0;
	width:1000px;
	border:0;
	background-image: url(../images/main-frame.gif);
	background-repeat: no-repeat;
	background-color:#fff;
}

#mainer1{ padding-top:38px;}


#header{ height:87px; width:1000px; margin:0; padding:0; overflow:hidden;}
#header .sitelogo{ float:left; width:200px; height:87px; margin:0; padding:0; }
#header .sitelogo img{ margin:0 0 0 20px; padding:0;}

#header .headeRight{ float:left; width:800px; height:87px; margin:0; padding:0; overflow:hidden; }




#header .s-lang{
	line-height: 29px;
	height:29px;
	background-image: url(../images/lang-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:460px;
	font-family:"Trebuchet MS"; font-size:11px;
	margin:0 0 0 auto;
	
}
#header select{font-size:11px;}

#main-menu{ height:50px; margin-top:8px;}
#main-menu li{ float:left;}

#main-menu li a span{ display:block; color:#c30202;
	width:84px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-family:Tahoma; font-size:11px;
	background-position: right top;
	background-image: url(../images/menu-bg.gif);}
#main-menu li a:hover span
{
	 background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#c30202;}

#main-menu li a{
	display:block;
	width:84px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-family:Tahoma; font-size:11px;
	background-position: right top;
	background-image: url(../images/menu-bg.gif);
	color:#666;
}
#main-menu li a:hover{
	background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#fff;
}
#main-menu #no-menu{
	display:block;
	width:60px;
	height:50px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/menu-bg1.gif);
}
#main-menu #no-menu1{
	display:block;
	width:20px;
	background-repeat: no-repeat;
	height:50px;
	line-height:50px;
	background-position: right bottom;
	background-image: url(../images/menu-bg2.gif);
}


#mainer{
	background-image: url(../images/main-frame.gif);
	background-repeat: no-repeat;
	 background-color:#fff;
}

#page{ text-align:center; margin:1em;}

#mainer .userLogin{ line-height:39px; height:39px; margin:0em 8px 0em 10px;}
#mainer .userLogin img{ margin:6px 1em 0 0;}
#mainer .user2{
	background-image: url(../images/user1bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left:1.5em;
	padding-top:4px;
}

#mainer .user1{
	background-image: url(../images/user2bg.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	line-height:28px; height:28px;
	padding-right:1em;
	margin:6px 1em 0px 1em;
	width:200px;
}
#mainer .user1 span{ color:#598527}

#mainer1 .col3 
{
	float:right;
	width:243px; 
	margin-right:7px;
	_margin-right:4px;
}

#mainer .loc{
	background-image: url(../images/loc-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin:1em; padding-left:1em;

}

.loc a{ color:#000; font-family:Tahoma; font-size:11px;}

#sgame select{ width:130px; }

.s-game{
	background-image: url(../images/cgamebg.gif);
	background-repeat: repeat-x;
	color:#fff;
	background-color: #6EA6E0;
	margin-bottom:8px;
	width:243px;
	overflow:hidden;
}
#sgame span{ float:right;}
#sgame{ margin:0em 2em;}
.s-game h2{ padding:.5em 1.5em 0 1.5em;color:#fff; border-bottom: 1px solid #7390BD;}
#sgame li{ margin:1em 0em;}
#sgame .btnbuy{
	background-image: url(../images/buy-btn.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 96px;
	border:0px;
}

.comments h2{
	background-image: url(../images/titlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:36px; height:36px;
	padding-left:1em; color:#fff;
	margin-top:1px;
}
.comm-frame{
	background-image: url(../images/commbg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height:400px;
}
.topraison{ margin-top:12px; font-size:12px; }
.topraison td {
	padding:0 10px 0 10px;
	color:#666;
}

.comm-frame ul{ padding:2em 3em 1em 3em; height:375px; overflow:hidden;}
.comm-frame ul li{
	border-bottom:1px dotted #BCB8F4;
	line-height:2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; padding-left:2em;
	background-image: url(../images/arr1.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.comm-frame ul li a{ color:#000;}

.col2{ width:492px; margin-right:9px;}

.buywowgol{ border:1px solid #E6E6E6;}
.buywowgol td{ text-align:center; width:20%; padding:6px 0.2em;}
.buywowgol td a{ color:#000;}
.buywowgol td a:hover{ color:#203369;}

.col2 h2{
	font-size:14px;
	color:#8DC63F;
	line-height: 36px;
	background-image: url(../images/col-title-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #4D629E;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	padding-left:1.5em;
}

.col2 h2 span{ font-size:16px; color:#203369;}
.col2 .b-banner{ margin:2px 0px 5px 0px;}
.col2 .newsframe{border:1px solid #E6E6E6; margin-bottom:3px;}
.col2 .nlist{ margin:1em 3em;}
.col2 .nlist li{border-bottom:1px dotted #BCB8F4; line-height:2em; padding-left:1em; list-style-type:circle}
.col2 .nlist li a{color:#000}
.col2 .w-frame{border:1px solid #E6E6E6; padding:10px; color:#666; font-size:12px;}


.col1{
	width:230px;
	background-image: url(../images/left-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left:10px;
	_margin-left:5px;
}

.col1 h2{
	background-image: url(../images/titlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:36px; height:36px;
	padding-left:1em; color:#fff;
	margin-top:1px;
}

.col1 h2.cg{
	background-image: url(../images/j2.gif);
	height:45px; 
	line-height:40px;
	margin-top:0px;
}

#l-menu{
	background-image: url(../images/ll2.gif);
	background-repeat: repeat-y;
}
#l-menu li{
	background-image: url(../images/ll1.gif);
	background-repeat: repeat-y;
	margin:1px;
	
}

#l-menu .level2{background-image: url(../images/ll2.gif);}

#l-menu li a{
	background-image: url(../images/a2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left:1em;
	line-height:2em;
	padding:0.5em 0em 0.5em 1.5em;
	word-spacing: -1px;
	margin:0.5em;
	color:#666;
}

#l-menu li a:hover{
	background-image: url(../images/a1.gif); color:#000;
}
#l-menu .level2{ padding:0.5em 1em;}
#l-menu .level2 a{
	background-image:none;
	font-size:10px;
	color:#4D629E;
	margin:5px 0px;
}
#l-menu .level2 a:hover{
	background-image:none;
	font-size:10px;
	color:#000;
}

.left-live{
	background-image: url(../images/livebg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 107px;
}
.left-live img{ margin-top:5px;}
.payment-p img{ margin:15px;}

.ex-c{ margin:1em 2.5em; font-size:12px;}
.ex-c li a{ color:#000; font-size:12px;}


.ex-c li.e1{
	background-image: url(../images/e1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}
.ex-c li.e2{
	background-image: url(../images/e2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}
.ex-c li.e3{
	background-image: url(../images/e3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}

/*bottom开始*/

#footer{
	text-align:center;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:99px;
	width:985px;
	margin:0 0 0 8px;
	padding:0;

}

.footl {
	background-image: url(../images/footer-bg.gif);
	background-position:left;
	background-repeat:repeat-x;
	height:99px;
	width:985px;
	color:White;
}

.footlink {
	text-align:center; padding-top:30px;
}
.footlink a:link, .foodlink a:visited,.footlink a:hover {
	color:#fff;
}

/*bottom结束*/


#footer a{ color:#fff; font-size:10px; }
#footer p{ color:#fff; font-size:10px; }
/**/

table{ width:100%}

.tab{ border:solid 1px #dddddd; padding:8px 4px 4px 4px;  margin-bottom:1em;}

.tab table tr td
{
	text-align:left;
	}
.hei1{ height:300px;}
.hei2{ height:20px; padding:5px 0 0 0; margin-bottom:1em;}
.hei3{ height:160px; margin-bottom:1em;}
.hei4{ height:50px; margin-bottom:1em;}

.hei5{ height:120px; margin-bottom:1em;}
.hei6{ height:80px; margin-bottom:1em;}

.tdL{ text-align:right; width:30%; padding-right:1em; color:#666666;}
.tdL1{ text-align:right; width:40%; padding-right:1em; color:#666666;}



.fotB{ font-weight:bold; color:#000;}
.fontR{ color:#C30202;}
.fotR{ color:#ff0000;}

.fotLog{ color:#666666;}
.bdL{ border:solid 1px #4D629E; padding:18px 8px 8px 8px; width:195px; height:225px; background-image: url(../images/bg_01.gif);	background-repeat: repeat-x;}
.bdR{ border:solid 1px #4D629E; padding:18px 8px 8px 8px; width:195px; height:225px; background-image: url(../images/bg_02.gif);	background-repeat: repeat-x;}
.bd{  border:solid 1px #FFAD2C; background:#FFF1CE; margin-bottom:18px; padding:6px 8px 0;  font-size:9pt; color:#666  }

.bg1{ font-size:11pt; text-align:center; color:#000000; padding-bottom:10px;}

 h2{ font-size:14px;}
 h3{font-size:12px;}
 h4{ font-size:12px;}

.p1{padding:10px;}
.p10{ padding:10px; border:1px solid #E6E6E6; min-height:500px;}
.p-guest{padding:15px 15px 15px 15px; margin-bottom:3px;}
.p{ padding:5px 15px 15px 15px;
	border:1px solid #E6E6E6; margin-bottom:3px;}
.p ul{ padding-left:20px;}	
.p li{ list-style-type:circle;  padding-top:10px;}
.pt{ padding-top:8px;}


.leafText{}
.leafText a
{
	font-weight: bold;font-size: 8.0pt;	color: #7D7D7D;	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	float: left;	text-align: center;	padding-top: 2px;	padding-bottom: 2px;	padding-left: 5px;
	display: block;	width: 200px;	text-decoration: none;	background-color: #FFFFFF;	border: solid 1px #D6DEF3;
    margin:0.2em;
}

.leafText a:hover
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #C30202;
	font-weight:bold;
	background: #FFE4AA url(../images/bg_game2.gif) no-repeat;
	text-decoration:underline;

}
.btn_alliance_horde{ padding:8px 0 8px 0;  height:60px;  text-align:center; }
.btn_alliance_horde ul{ margin:0; padding:0;width:100%; }
.btn_alliance_horde li{ float:left; width:220px;  list-style-type:none;}
#currencyFrame{ padding:8px 0 8px 0;}
.button_position{ text-align:center; word-spacing:30px; padding:8px; }

.ServerListPart_CharSelect{height:50px; clear:both;}
.ServerListPart_CharSelect a{color:#000; font-size:14px;  text-decoration:underline; margin-left:6px;}
.ServerListPart_CharSelect a:hover{color:#000; font-weight:bold; text-decoration:underline; color:#c30202;}

.CountryStr{ height:10px;}
.CountryStr a{ color:#000; font-weight:bold; }
.CountryStr a:hover{ color:#000; font-weight:bold; color:#c30202;}

.ServerListPart_LeadingChar{font-size: 11.0pt;font-weight: bold;}
.ServerListPart_LeadingChar a{font-size: 8.0pt;	font-weight: bold;	text-decoration: none;}

.ServerListPart_HR{ border-bottom:1px dotted #BCB8F4;width:100%;color:#E6E6E6;}

.Button
{    font-size:11px;
	background-image: url(..//images/bgbtn.gif);
	height: 27px;
	width: 69px;
	border:0px;
	margin:8px 0 8px 0;
	cursor:hand;
	cursor:pointer;
	background-color:transparent;
	 color:#333333;
	 border:solid 1px #FFAF1C;
 font-weight:bold;


	}
.btnLogOut
{
	font-size:11px;
	background-image: url(../images/log-out.gif);
	height: 28px;
	width: 69px;
	border:0px;
	margin-top:3px;
	cursor:hand;
	cursor:pointer;
	background-color:transparent;
	font-weight:bold;
}	
.btnLogIn{
	background-image: url(../images/log-out.gif);
	font-size:11px;
	height: 28px;
	width: 69px;
	border:0px;
	margin-top:3px;
	cursor:hand;
	cursor:pointer;
	background-color:transparent;
	padding-left:10px;
	font-weight:bold;
}
.e-frame{ margin-top:2em; margin-left:2em;padding-bottom:10px;font-size:12px}
.e-frame td{padding:7px 0}
.logout{ padding-top:4px;}

#Errorframe
{  
	position:relative;
	padding:8px; 
	height:400px; 
	border:solid 1px #D6DEF3; 
	background:#fff; 
	font-size:8pt;
	 background:url(../images/bgMid1.gif) repeat-x;

	}
#Errorframe h1{ font-size:36px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding-top:30px; padding-bottom:20px;}
#Errorframe h2{ font-size:14px; background-image:none; border:0; margin:0; padding:8px; }

.boxa ,.boxb{  border:solid 1px #ccc; width:130px; height:120px; padding-left:60px; text-align:center;  padding-top:20px; margin-top:15px; float:left; padding-right:20px}
.boxa{background:#fff url(webui/images/404/4041.gif) no-repeat 5px 5px;}
.boxb{ margin-left:15px;}
.game-g ul li{ text-align:center;}

.game-g .content{ width:452px; margin:10px 0 10px 20px; font-size:12px; color:#666; }

/*Ylj*/
#tabPl
{
	float:left;
	text-align:left;
	padding:0 0 0 60px;
	line-height:29px;
	}
#flags
{
	float:left;
	}
	
#flags ul
{ 
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#flags ul li
{
	float:left;
	width:30px;
	text-align:center;
	height:29px;
	line-height:29px;
	}
	
#flags ul li img
{
	border:0;
	_padding:5px 0 0 0;
	}
	
.leftBar
{
	padding:0;
	}
	
.leftBar ul
{
	list-style-type:none;
	*margin:-13px 0 0 0;
	padding:0;
	}
	
.leftBar ul li
{
	padding:0 0 0 20px;
	border-bottom:1px solid #d5ddf1;
	}
	
#l-menu li .leftBar ul li a
{
	background-image:none;
	font-size:10px;
	}
#l-menu li{ border-bottom:1px solid #d5ddf1;}
	
#l-menu li .leftBar ul li a:hover
{
	background-image:none;
	}
	
.our
{
	width:243px;
	height:201px;
	background:url(../images/login_back.gif);
	background-repeat:no-repeat;
	}
	
.l_pad
{
	padding:7px 0 0 23px;
	color:#fff;
	}
	
.l_title
{
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	}
	
.l_content
{
	text-align:left;
	padding:5px 0 0 0;
	}
	
.l_tab
{
	font-size:11px;
	}
/*--------------------------------*/
	

.link a{ color:#666666; text-decoration:none;}
.link a:hover{ color:#000;}
.link a:visited{ color:#666666; text-decoration:none;}
.tr2{ font-size:13px; font-family:Arial;}
.buyFrameTitle{ width:492px; height:auto; font-size:14px; color:Black; text-align:center; font-weight:bold;}
.checkoutFrame_home{ width:180px; margin:0; padding:12px 0 0 0; }
.Pl_btn{ background:url(../imageBtn/btn_bg2.gif) no-repeat; width:75px; height:21px; border:0;}




.wrap{clear:both; overflow:auto; zoom:0;}

.abcde{ vertical-align:middle;}

/*20100617 add payment*/

.methods
{	

	
	padding:8px 0 8px 8px;
	color:#274054;
	font-size:11px;
    width:95%
  
	}
.methods_p
{
	width: 78%;
	height: 32px;
	line-height: 32px;
	border-bottom: 2px #d0d0d0 solid;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 6px 0 0 0;
	padding: 0;
}	

.payMent_p02
{
	width: 90%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 6px 0 0 0;
	padding: 0;
}

.methods a:visited, .methods a:link, .methods a:active
{
	color: Black;
	font-weight: bold;
	text-decoration: underline;
}
.methods a:hover
{
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

.bottom1
{
	line-height: 20px;
	background: url(../images/bgBottom.gif) #fff repeat-x;
	border-top: solid 2px #000;
	text-align: center;
	width: 100%;
	color: #666;
	margin: 40px 0 0 0;
	padding: 20px 0 0 0;
}
.more
{
	text-align: right;
	width: 98%;
	color: #f00;
}
.more a
{
	color: #f00;
}

.back_pay
{
	width: 95%;
	height: 32px;
	margin: 12px 0;
	padding: 0;
	text-align: right;
}

.back_pay a
{
	margin-right: 15px;
	width: 100px;
	height: 32px;
}

.back_pay a img
{
	border: 0;
}

.pay h2{
	font-size:14px;
	color:#8DC63F;
	line-height: 36px;
	background-image: url(../images/col-title-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #4D629E;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	padding-left:1.5em;
}