@charset "utf-8";
/*
    Author Gail
	Time 2009/06/20
    CSS cascading CSS 2.0
*/
@import url(font.css);
body, html {
	min-height:101%;
}
body{
	margin:0;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif, "Berlin Sans FB ...";
	font-size:11px;
	color: #333333;

	background:#000 url(../images/bg.gif)  center 0px no-repeat fixed;
	

}
img{ border:0;}
a:active, a:focus {
    outline:none;
}
ul,li,dl,dt,dd,p,span{ margin:0; padding:0;}
li{ list-style:none;}
.spacer{ clear:both; font-size:0; line-height:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:12px; float:left;}
a{color:#333333; text-decoration:none;}
a:hover{ color: #FF3300; text-decoration: underline;}
/*header*/
#headerOut{ width:1000px;margin:0 auto; height:195px; background:url(../images/top_bg.gif) repeat-x 0 0;}
#header{
	width:1000px;
	margin:0 auto;
	height:195px;
	background-image: url(../images/logo_beijing.gif);
	background-repeat: no-repeat;
	background-position: 0 33px;
}
.topLeft{
	width:280px;
	height:23px;
	background:url(../images/top_left.gif) no-repeat 0 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 250px;
	float: left;
}
#header .wenshou {
	height: 13px;
	width: 300px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-image: url(../images/header_top.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
}

.topLeft span.Website{background:url(../images/header_top.gif) no-repeat 0 2px; padding:0 0 0 20px;}
.topRight{float:left; width:690px; height:33px;line-height:33px; padding-right:10px; text-align:right;color: #333333;background:url(../images/top_right.gif) no-repeat 692px 0;}
.topRight a{ color:#333333;}
.midLeft{
	float:left;
	width:415px;
	height:100px;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 17px;
	margin-bottom: 20px;
}
.midRight{ float:left;width:240px; padding:20px 20px 0 320px ; color:#cccc00; }
.midRight a{ color: #FFFF00; }
.midRight a:hover{ color: #CCFF66; text-decoration:none;}
.nav{float:left; width:1000px; height:34px; background:#191921 url(../images/nav_bg.gif) repeat-x 0 0; }
.navLeft{float:left; width:15px; height:34px; background:url(../images/nav_left.gif) no-repeat 0 0; }
.navUL{float:left; width:985px; height:34px;line-height:34px;background:url(../images/nav_right.gif) no-repeat 979px 0;}
.navUL li{float:left; padding:0 26px; background:url(../images/nav_line.gif) no-repeat 0 0px;}
#home{ background-image: none; margin-left:20px; display:inline;}
.navUL li a{ color:#FFFFFF; font-size:14px; font-weight:bold;}
.navUL li a:hover{ color: #ffe8e8; text-decoration:none;}
#pointOut{ margin:0 auto;width:1000px; background:#fff;height:26px; color: #333; padding:0 0 6px 0;}
.point{float:left;width:960px; height:26px;background: #eae8e8 url(../images/point.gif) no-repeat 15px 8px; line-height:26px; padding-left:40px;}
.point a{ color:#FF3300;}
/*main*/

#main{width:1000px;margin:0 auto; background:#FFFFFF; padding:0 0 6px 0;}
#left{float:left; width:190px;}
.sub{float:right; width:180px;line-height:35px; padding-bottom:10px; border-bottom:#CCCCCC dashed 1px;}
.sub li{float:left; width:160px; height:25px; line-height:25px; background: url(../images/icon_lt.gif) no-repeat 0 8px; padding-left:20px;}
.sub li.how{background: url(../images/icon_lt.gif) no-repeat 0 8px; }
.tesTitle{float:right; width:145px; background: url(../images/ico_title.gif) no-repeat 6px 10px; height:35px; line-height:35px; font-weight:bold; padding-left:40px; color:#993300; font-size:14px;}
.tesArticle{float:right; width:165px; line-height:18px;padding:0 10px 10px 10px;text-align:justify;}
#mainRight{ float:right; width:800px;}
#Mid{float:left; width:600px;}
.Description{float:left; width:600px; line-height:30px; font-size:16px;}
.aocPic{ float:left; width:140px; padding:5px 12px 5px 0;}
.aocPicTop{float:left;width:140px;}
.aocPicTop img{ border:#CCCCCC 1px solid; padding:10px;}
.aocPicEnd{float:left;width:140px; text-align:center; line-height:16px; padding:5px 0;}
#aocPicRB{ padding:5px 0;}
.aocPic a{ color: #993300; font-weight:bold;}

.aocGold{float:left; width:600px;margin-bottom:10px;}
.aocGoldPic{float:left; width:150px;}
.aocGoldPic img{ border:#CCCCCC 1px dashed; padding:8px;}
.aocGoldTitle{float:left; width:450px; line-height:20px;}
.aocGoldAticle{float:left; width:450px;  text-align:justify; line-height:18px;}


.aocPL{float:left; width:600px; background:#eaeff4; margin-bottom:6px;}
.aocPL div.aocTop{float:left;width:600px;background: url(../images/pic_top.gif) no-repeat 0 0; height:10px;}
.aocPL div.aocEnd{float:left;width:600px; background: url(../images/pic_end.gif) no-repeat 0 6px;height:10px;}
.aocPL div.aocMid{float:left; width:600px;}
.aocPL div.aocMid h1.aocMidLT,h2.aocMidLT,h3.aocMidLT{float:left; width:580px; text-align:left; color: #333333; font-weight:bold; padding:4px 10px; font-size:16px;}
#Mid div.aocPL div.aocMid p.aocMidRE{float:left; width:580px; text-align:left;padding:10px 0  10px 10px; line-height:16px;text-align:justify;}
.news{float:left; width:600px; background:#edeff0;}
.newsL{float:left; width:200px; background:url(../images/pic_hr.gif) no-repeat 0 0; height:27px;}
.newsL h3{  padding-left:20px; line-height:24px;}
.newsR{float:left; width:380px; background: url(../images/pic_hl.gif) no-repeat right;height:17px; text-align: right; padding:10px 20px 0 0;}
.newsList{float:left; width:600px; }
.newsList li{ float:left;
width:600px;
	border-bottom:1px #CCCCCC solid;
}
.newsList li span{ float:left; display:block; line-height:28px;}
.newsList li a{
	display:block;
	padding-left:30px;
	width:500px;
	height:28px;
	float:left;
	line-height:28px;
	background: #FFFFFF url(../images/ico_jt.gif) no-repeat 10px 10px;
	color:#333333;
	text-decoration:none;
}
.newsList li a:hover{
	background:#e3faff url(../images/ico_jt_on.gif) no-repeat 10px 10px;
	color:#0066ff;
}
.FAQ{float:left;width:580px; padding:10px;text-align:justify;}
.FAQ li{ float:left;background:url(../images/faq.gif) no-repeat 0 12px; padding:5px 0 5px 25px;line-height:30px; border-bottom:#CCCCCC 1px dashed; width:540px; font-weight:bold; color: #993300; font-size:14px; }
.FAQ li span{ float:left;display: block;width:540px; font-weight:normal; color:#333333; font-size:12px;}
.title{float:left;width:580px; padding:5px 10px;}
.bannerAion{float:left;width:580px; padding:0 5px 5px 5px;}
#Mid div.title h1.titleText,h2.titleText,h3.titleText{font-size:18px; color:#333333;}
#Mid p.orderGuide{float:left;width:580px; padding:5px 10px; line-height:20px;text-align:justify;}

#Mid ul.sale{float:left;width:568px; padding:20px 0; display:block; color:#333333;}
#Mid ul.sale li{float:left;display:block; height:20px; line-height:20px; margin-bottom:8px;}
.sale1{float:left;width:60px; text-align:right; padding-right:10px; font-weight:bold; }
.sale2{float:left;width:250px; text-align:left;}
.sale2 input{float:left;width:140px; margin-right:5px; }
.sale3{float:left;width:80px; text-align:right; padding-right:10px; font-weight:bold;}
.sale4{float:left;width:130px; text-align:left;}
.sale4 input{float:left;width:60px;margin-right:5px;}
.sale5{float:left;width:530px; text-align: right;}
.status1{float:left;width:200px; text-align:right; padding-right:10px; font-weight:bold; }
.status2{float:left;width:250px; text-align:left;}
.status2 input{float:left;width:140px; margin-right:5px; }
#Mid div.saleDiv{float:left;width:578px; padding:5px; line-height:20px; border:#CCCCCC solid 1px; margin:0 0 0 5px;}
.NotWar{float:left;width:205px; background:#edecec; margin:0 1px 1px 0; text-align:left; padding:3px 0 3px 10px;}
.StartTime{float:left;width:100px; background:#edecec;  margin:0 1px 1px 0;text-align:left; padding:3px 10px;}
.Status{float:left;width:80px; background:#edecec;  margin:0 1px 1px 0;text-align:left;padding:3px 10px; text-align:center;}
.UpdateTime{float:left;width:110px; background:#edecec; margin:0 1px 1px 0;text-align:left;padding:3px 10px; text-align:center;}
#bgNotWar{ color:#FFFFFF; background:#333333; text-align:center;font-weight:bold;}
.productAion{float:left;width:255px; background:#edecec; font-weight:bold; margin:0 1px 1px 0; text-align:left; padding:3px 0 3px 10px;}
.priceAion{float:left;width:160px; background:#edecec;  font-weight:bold; margin:0 1px 1px 0;text-align:left; padding:3px 10px; color:#FF6600;}
.SelectAion{float:left;width:110px; background:#edecec; font-weight:bold; margin:0 1px 1px 0;text-align:left;padding:3px 10px; text-align:center;}
#bgproductAion{ color:#FFFFFF; background:#333333; text-align:center;}
#buyNowAion{float:left;width:550px; text-align: right; padding:10px 0;}
#salePic{ background:#edecec url(../images/sale.gif) 120px 5px no-repeat; height:40px; color:#FF0000;}
#salePic span.textSC{ text-decoration: line-through; color:#333333;}
#saleTop{height:40px; line-height:40px;}
#saleTop img.inputTop{ margin-top:10px;}
#Mid p.newsTitle{float:left;width:580px; padding:5px 10px; line-height:24px;font-weight:bold; color: #993300; font-size:14px;}
#Mid dl.aion-cd-key{float:left;width:280px; padding:5px 10px; display:block; text-align:center;}
#Mid dl.aion-cd-key dt{ border:#CCCCCC 1px solid; padding:10px; }
#Mid dl.aion-cd-key dd{ line-height:24px;color:#0064af;}
#Mid dl.aion-cd-key dd img{ margin:5px;}
#Mid p.cdKey{float:left;width:568px; padding:10px; line-height:20px; border:#CCCCCC dashed 1px; margin:0 0 0 5px;text-align:justify;}


#Mid div.basicDiv{float:left;width:568px; padding:10px; line-height:20px; border:#CCCCCC solid 1px; margin:0 0 0 5px;}
.basic01{float:left;width:80px; padding:0 3px; line-height:20px; height:20px;margin:0; text-align: right; font-weight:bold; margin:5px 0;}
.basic02{float:left;width:180px; padding:0 3px; line-height:20px; height:20px;margin:0;text-align:left;margin:5px 0;}
.basic03{float:left;width:80px; padding:0 3px; line-height:20px; height:20px;margin:0;text-align: right; font-weight:bold;margin:5px 0;}
.basic04{float:left;width:190px; padding:0 3px; line-height:20px; height:20px;margin:0;text-align:left;margin:5px 0;}
.basic06{float:left;width:160px; padding:0 3px; line-height:20px; height:25px;margin:0;text-align:left;margin:5px 0;}
.basic06 input{ margin:0 5px 0 5px;}
.basic07{float:left;width:50px; padding:0 3px;  height:25px;margin:0;text-align: right;margin:5px 0;}
.basic08{float:left;width:230px; padding:0 3px;  height:25px;margin:0;text-align:left;margin:5px 0;}
.basic08 input{ width:60px;}
.basic05{float:left;width:565px;text-align:right;padding:5px 0;}

.pl01,.pl02,.pl03,.pl04{float:left;line-height:20px; height:20px;margin:5px 0;padding:0 3px; }
.pl01{width:80px; text-align: right; font-weight:bold;}
.pl02{float:left;width:180px;text-align:left;}
.pl03{float:left;width:160px;text-align: right; font-weight:bold;}
.pl04{float:left;width:120px; text-align:left;}

#Mid div.Pack{float:left;width:560px; padding:0px 10px 10px 10px; border-bottom:#CCCCCC 1px dashed;}
#Mid p.PackTitle{float:left;width:570px; padding:0 10px; background:#e9e7e7 url(../images/hot-left.gif) no-repeat 0 2px; height:24px; line-height:24px;font-weight:bold; margin:5px 0 5px 5px;}
#Mid p.PackTitle span.start{ float:left;width:90px; height:20px;display: block; background:#e9e7e7 url(../images/start.gif)  repeat-x 0 5px;  margin:0px 5px 0 5px;}
.PackPro{ float:left ; width:400px; }
.PackPro dt{ color:#FF6600;  font-weight: bold; padding-top:5px;}
.PackPro dl{line-height:24px; height:24px;}
.PackPro dd{line-height:18px;}
#Mid div.Pack ul{float:left ; width:150px; margin-top:30px;}
#Mid div.Pack li{float:left;}
#Mid div.Pack li.PriceLeft{width:50px; line-height:20px;font-weight:bold;}
#Mid div.Pack li.PriceRight{width:100px; line-height:20px; color:#FF3300; font-weight:bold;}
#Mid div.Pack p{ float:left; width:530px;text-align: right; }
#Mid div.Pack p input{width:62px; height:20px; background:url(../images/bay.gif) no-repeat 0 0; border:0; cursor:pointer;}

#Mid div.accountDiv div#accTop{background: #666666; color:#FFFFFF; font-weight:bold; }

#Mid div#accountDivBox{border:#CCCCCC 1px solid; padding:2px 5px;margin:0 0 0 5px;}
#Mid div.accountDiv{float:left;width:578px; padding:5px 5px 3px 5px; line-height:20px;margin:0;text-align:center; margin:0 0 0 5px; border-bottom:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid;}
#Mid div.accountDiv div{float:left; height:24px;background:#e9e7e8; border-right:#FFFFFF 1px solid;}
.acc01{ width:50px; }
.acc02{ width:60px;}
.acc03{ width:80px; }
.acc04{width:130px;}
.acc05{ width:70px;}
.acc06{ width:80px; color:#FF3300;}
.acc07{ width:100px;border-right:0;}
.acc07 input.top2px{ margin-top:2px;}
.acc08{float:left; width:568px;background:#fff; margin:5px 0 2px 0; text-align:left; padding:0 5px;}

#Mid div#aocTime{float:left;width:588px;border:#ede7e7 1px solid; background:#fefed7; padding:10px 0; margin:0 0 0 5px;}
#aocTime ul{float:left; width:570px; line-height:24px;}
#aocTime li{ float:left; margin:4px 0;}
#aocTime li.RaceL{width:280px;}
#aocTime li.RaceL input{width:60px;}
#aocTime li.RaceR{width:280px;}
#aocTime li.RaceR input{width:30px;}
#aocTime li.RaceT{width:580px;}
#aocTime li.RaceSL{width:180px;}
#aocTime li.RaceSR{width:380px;}
.tectRc{ float:left;display:block; width:90px; text-align:right; font-weight:bold; padding-right:6px;}
.tectRcDh{text-align:left;padding-left:5px; display:inline;}
#Mid div#aocTime P{ float:left; width:80px; padding-top:10px; padding-left:450px;}
.timePro{float:left;width:570px;padding-top:10px; padding-left:10px;}

#aboutUS{ width:965px; margin:10px auto; font-size:14px; line-height:20px;}
.aboutTop{ float:left; width:100%; text-align:center;}
.aboutTopText{ float:left;width:965px; text-align:center; padding-bottom:10px;}
.aboutBoxTop{float:left; width:100%; background:url(../images/topBox_top.gif) no-repeat 0 0; height:20px; }
.aboutBoxMid{float:left; width:865px; background:url(../images/topBox_bg.gif) repeat-y 0 0; padding:10px 50px; text-align:left;text-align:justify;}
.aboutBoxBottom{float:left; width:100%; background:url(../images/topBox_bottom.gif) no-repeat 0 0; height:10px; margin-bottom:15px;}

.aboutBoxLeft{float:left; width:520px;}
.aboutBoxLeftTop{float:left;width:520px; background:url(../images/leftBox_top.gif) no-repeat 0 0; height:20px;}
.aboutBoxLeftMid{float:left;width:480px; background: #ededed; padding:20px 20px; text-align:left;text-align:justify;}
.aboutBoxLeftBottom{float:left;width:420px; background:url(../images/leftBox_bottom.gif) no-repeat 0 0; height:60px; padding:20px 0 0 100px;}
.text99930{ color:#999; font-size:40px; width:50px; height:20px; float:left; font-family: "Times New Roman", Times, serif; padding-top:10px;}
.text99930R{ color:#999; font-size:40px; width:50px; height:20px; float: right; font-family: "Times New Roman", Times, serif; text-align:right;padding-top:20px;}

.aboutBoxRight{float:left; width:377px; margin-left:20px; display:inline;}
.aboutBoxRightTop{float:left; width:377px; background:url(../images/rightBox_top.gif) no-repeat 0 0; height:20px;}
.aboutBoxRightMid{float:left; width:337px; background: #ededed; padding:20px 20px; text-align:left;text-align:justify;}
.aboutBoxRightBottom{float:left; width:307px; background:url(../images/rightBox_bottom.gif) no-repeat 0 0; height:33px; padding:20px 0 0 70px;}
.text99930{  color:#999; font-size:40px; width:50px; height:20px; float:left; font-family: "Times New Roman", Times, serif; padding-top:10px;}
.text99930R{  color:#999; font-size:40px; width:50px; height:20px; float: right; font-family: "Times New Roman", Times, serif; text-align:right;padding-top:20px;}
.aboutUsAll{ float:left; width:925px; text-align:left; padding:20px 20px; text-align:justify;}


#right{float:right;width:190px;}
#right p#contactUs{float:left;width:184px;background: url(../images/contact.gif) no-repeat 0 0; height:62px;}
#contactInfo{float:left;width:178px; border:#CCCCCC 1px dashed; padding:10px 0; }
#contactInfo li{  padding-left:50px; height:40px; line-height:18px; margin:5px 0;}
#contactInfo li#aim{
	background-image: url(../images/aim.gif);
	background-repeat: no-repeat;
	background-position: 10px -2px;
}
#contactInfo li#msn{
	background-image: url(../images/msn.gif);
	background-repeat: no-repeat;
	background-position: 10px -2px;
	padding-bottom: 10px;
}
#contactInfo li#skyper{
	background-image: url(../images/skyper.gif);
	background-repeat: no-repeat;
	background-position: 10px -2px;
}
#contactInfo li#icq{
	background-image: url(../images/icq.gif);
	background-repeat: no-repeat;
	background-position: 10px -2px;
}
#contactInfo li#gtalk{
	background-image: url(../images/G-Talk.gif);
	background-repeat: no-repeat;
	background-position: 10px -2px;
}
#contactInfo strong{ color: #333333;}
.Help{float:left;width:184px;color:#cc3333; padding:5px 0;}
.Help img{ border:#cedf9a 1px dashed;}
#order{float:left;width:161px; background:#f8f8f8; padding:10px; margin:5px 0;}
#order h6.orderTitle{float:left; display:block;width:134px; background: url(../images/ico_login.gif) no-repeat 0 7px; line-height:30px; font-weight:bold; font-size:12px; padding-left:30px; color:#333333;}
.orderL{float:left;width:40px; height:30px;line-height:30px; text-align:right; padding:0 5px 0 0px;}
.orderR{float:left;width:90px;height:30px;line-height:30px; text-align:right; padding:0;}
.orderR input{width:90px;}
.orderCHECK{float:left;width:140px;height:30px;line-height:30px; text-align:right; padding-top:10px;}
#right h5.payTitle{float:left; width:145px; background: url(../images/ico_title.gif) no-repeat 0px 10px; height:35px; line-height:35px; font-weight:bold; padding-left:30px; color:#930; font-size:13px;}
#right p.payPic{float:left; width:165px; line-height:18px;padding:0 0px 10px 0px; text-align:justify;}
/*footer*/
#footer{
	width:1000px;
	margin:0 auto;
	background: #858585;
	height:160px;
	border-top:#CCCCCC 1px dashed;
	color:#CCCCCC;
}
.nav_footer{float: left; display:block;width:850px; text-align:center; border-top:#fff 1px solid; padding-left:150px; font-weight:bold;}
.nav_footer li{float: left; line-height:24px; margin:0 7px; display: inline;}
.nav_footer li a{
	color:#FFFFFF;
}
.Copyright{float: left;width:700px; padding-left:150px; text-align: center;}
.pay_footer{
	float: left;
	width:1000px;
	text-align: center;
	color:#000000;
}
.pay_footer a{
	color:#FFFFFF;
}
.key_footer{
	float: left;
	width:800px;
	text-align: center;
	color:#FFFFFF;
	padding:0 100px;
}
.key_footer a{
	color:#FFFFFF;
}

#days,#hours{ width:40px;}
#price{ width:60px; margin-right:5px;}

.width_r{ width:780px;}

.aoc_accounts{float:left;width:770px; padding:5px; line-height:20px; border:#CCCCCC dashed 1px; margin:0 0 0 5px; display:inline;}
.aoc_accounts a{ color:#FF6633;}

.pro_tr{ margin:auto; width:100%; height:57px;}
.pro_th{ height:38px;}
.pro_table01,.pro_table02,.pro_table03,.pro_table04,.pro_table05,.pro_table06{float:left; text-align:center;padding:3px; margin:0 1px 1px 0;background:#e1eef7; height:50px; line-height:50px;}
.pro_table01{width:50px;}
.pro_table02{width:60px;}
.pro_table03{width:30px;}
.pro_table04{width:349px;}
.pro_table05{width:45px;}
.pro_table06{width:80px;}
.line14{ line-height:14px; text-align:justify;}
.line30{ line-height:30px;}
.line20{ line-height:20px;}
.line50{ line-height:50px;}
.height30{height:30px; font-weight:bold;}
.bg_title_blue{ background:#afcde2;}
.pad_t_50{ line-height:20px; text-align:center; display:inline;}
.font_b{ font-weight:bold;}
.line12{ font-size:11px; line-height:12px; text-align:justify;}
.textf30{color:#FF3300;}

.search_r{width:80px; float:left; padding:3px 0 0 10px;}
.search_l{width:670px;float:left;}
.basic01_50{ width:50px;}
.search01{float:left;width:50px; padding:0 3px; line-height:20px; height:20px;margin:0; text-align: right; font-weight:bold; margin:5px 0;}
.search02{float:left;width:100px; padding:0 3px; line-height:20px; height:20px;margin:0;text-align:left;margin:5px 0;}


#Mid div.BuyDiv{float:left;width:578px; padding:5px; line-height:20px; border:#CCCCCC dashed 1px; margin:0 0 0 5px; background:#fffbe7; display:inline;}
#Mid div.saleDiv{float:left;width:578px; padding:5px; line-height:20px; border:#CCCCCC dashed 1px; margin:0 0 0 5px; display:inline;}
.mesos1{float:left;width:120px; text-align:right; padding-right:10px; font-weight:bold; }
.mesos2{float:left;width:400px; text-align:left; }
.mesos4{float:left;width:80px; text-align: right; }
.mesos3{float:left;width:150px; text-align:right; padding-right:10px; font-weight:bold; }
.mesos5{float:left;width:50px; text-align:right; padding-right:10px; font-weight:bold; }
a,area { blr:expression(this.onFocus=this.blur());}