/* CSS Document */
.PageNext {width:100%; text-align:right; margin-top:10px;}
a:link,a:visited,a:active {font-size:12px;text-decoration: none;color: #07519A;}
.MainNav {height:31px; line-height:31px;  width:100%; background-image:url(../images/center_columnbg.gif);}
.MainNav span {padding-left:10px; color:#fff;;border:1px solid #333;}
body {margin:auto; font-size:12px;font-family: Arial, Helvetica, sans-serif;}
.cls {clear:both;}
.Register{ width:530px; margin:20px auto auto auto; }
.Register div {line-height:25px;font-size:12px;}
.ResSpanLeft { float:left; clear:left; width:125px; text-align:right;}
.ResSpanRight { float:right; clear:right; width:400px; text-align:left;}
.ResButon { float:right; clear:right; width:400px; text-align:left; height:50px}

.UseMes {width:555px; margin:5px auto auto auto; line-height:25px; padding-left:5px; font-weight:bold; border:1px solid #ccc}
.UseMes span { color:#00CCFF;}
.UseControl { text-align:right;width:560px; margin:5px auto auto auto;font-weight:bold;}
.UseTable{empty-cells:show;border-collapse:collapse; border:1px solid #ccc; margin-top:5px;width:560px; margin-left:auto; margin-right:auto;}
.UseTable td{ border:1px solid #ccc; line-height:25px; text-align:center; color:#000 }

.UseMain {width:560px;line-height:25px;border-top:1px solid #b8e4fb; border-left:1px solid #b8e4fb; border-right:1px solid #b8e4fb; margin:5px auto auto auto;}
.UseMenu {border:1px solid #fff; background-color:#b8e4fb; width:558px; line-height:25px}
.UseMenu span {padding-left:20px; color:#333; font-weight:bold;}
.UseBox {width:560px;border:1px solid #b8e4fb;margin:auto;}
.UseLiteBox{width:90%;line-height:25px;margin:5px auto;}
.UseLiteBox div { height:30px; border-bottom:1px dashed #469646}
.UseLeft { line-height:30px; float:left; clear:left; width:110px; text-align:right;}
.UseRight { line-height:30px; float:right; clear:right; width:390px; text-align:left;}

#Orderinfo{ width:500px; margin-top:5px;}
#Orderinfo div{ width:125px; float:left; margin:auto; border:1px solid #993333; text-align:center; line-height:25px;}
.OrderTab {empty-cells:show;border-collapse:collapse; border:1px solid #ccc; margin-top:5px;width:500px; margin-left:auto; margin-right:auto;}
.OrderTab td{ border:1px solid #ccc; line-height:25px; text-align:center; width:125px;}

#UseLogin {border:1px solid #b8e4fb; width:316px; margin:50px auto auto auto;}
#LoginMeu {height:25px; line-height:25px; background-color:#b8e4fb;border:1px solid #FFF; color:#FFF; margin-bottom:10px;}
.LoginInfo {width:90%; margin:5px auto; height:30px}
.LoginLeft {width:70px; float:left; clear:left; text-align:right; line-height:30px;}
.LoginRight { width:200px;float:right; clear:right; text-align:left;line-height:30px;}
.InputTxt { width:155px;}

.BuyGold {width:580px; margin:10px auto auto auto border:1px solid #333;}
.GoldUl {list-style:none; width:90%; margin:auto; padding:0px; line-height:18px;}
.GoldUl li { float:left; padding:0px; margin:5px; line-height:18px;width:20px; font-weight:bold; font-size:14px;}
.GoldTal {empty-cells:show;border-collapse:collapse; border:1px solid #ccc; margin-top:5px;width:500px; margin-left:auto; margin-right:auto;}
.GoldTal td{ border:1px solid #ccc; line-height:30px; }
.GoldTal td span {font-weight:bold; padding-left:5px;}
.BuyGold div {height:30px; line-height:30px}
.BuyGold div span {color:#F00; font-weight:bold;}
.GoldLeft {float:left; clear:left; width:100px; text-align:right; height:30px; line-height:30px;}
.GoldRight {float:right; clear:right; width:285px; text-align:left}
.GoldServer {width:180px; line-height:25px; text-align:center; border:1px solid #ccc; margin-top:5px; margin-left:3px; margin-right:3px; float:left; background-color:#E9F4FE; font-weight:bold}
.ChoseServer { width:590px; height:65px; background-image:url(../images/ServerBg.gif); background-repeat:no-repeat; clear:both }
.ChoseTal {margin:auto; color:#fff;}
.ChoseTal a:link,.ChoseTal a:visited,.ChoseTal a:active {font-size:12px;text-decoration: none;color: #FFF;}

.BuyCdk, .BuyGamePack, .PayOrder, .Power{width:580px; margin:10px auto auto auto;}
.BuyCdkLine, .GamePackLine {line-height:25px; width:100%; margin-top:5px;}
.CdkMain {width:530px; border:1px solid #b8e4fb; padding:10px; margin:10px auto auto auto;}
.CdkImg {width:100px; text-align:center; float:left;}
.CdkDes {width:410px; text-align:left; float:right; line-height:20px;}
.CdkDes span, .GamePackDes span {color:#FF0000; font-weight:bold;}
.BuyCdkButon {clear:both; height:30px; line-height:30px; text-align:center;}

.GamePackLine, .GamePackDes {width:90%; margin:10px auto auto auto;}
.GamePackMenu {width:90%; border:1px solid #F7A926; margin:5px auto auto auto;}
.GamePackMenu div {width:100%; border:1px solid #fff; background-color:#F7A926; color:#FFF; line-height:25px; font-weight:bold;}
.GamePackMain {border:1px solid #a7dff9; width:90%; margin:20px auto auto auto;}
.GamePackName {height:30px; line-height:30px; border-bottom:1px solid #a7dff9; background-color:#F2F2F2; width:100%;}
.GamePackButon {width:100%; line-height:45px; height:45px; text-align:center; border-top:1px solid #ccc;}
.TopImgButon { margin-top:5px;}

.PayMain {line-height:25px;border-top:1px solid #b8e4fb; border-left:1px solid #b8e4fb; border-right:1px solid #b8e4fb; margin:5px auto auto auto;}
.PayMenu {border:1px solid #fff; background-color:#b8e4fb; width:100%; line-height:25px}
.PayMenu span {padding-left:20px; color:#FFF; font-weight:bold;}
.PayLine {width:100%; line-height:25px;height:25px; margin-top:5px; border-bottom:1px dashed #469646;}
.PayRemark {width:100%; line-height:25px;margin:5px auto; height:110px}
.PayBox {border:1px solid #b8e4fb;width:100%;}
.PayLiteBox {margin:5px auto auto auto; width:95%}
.PayLeft {float:left; line-height:25px; clear:left; width:100px; text-align:right;}
.PayRight {float:right; line-height:25px; clear:right; width:440px; text-align:left;}
.Payment {width:100%; line-height:25px;margin-top:5px; border-bottom:1px dashed #469646;}
.PaymentLeftbox {float:left; line-height:25px; clear:left; width:100px; text-align:right;}
.PaymentRightbox {float:right; line-height:25px; clear:right; width:440px; text-align:left;}
.PayChoose { margin-top:5px; width:100%;}
.PayButoon {width:100%; line-height:40px; height:40px; text-align:center;}

.PowerMenu {background-color:#F6F6F6; line-height:30px; font-weight:bold; border-left:1px solid #FFF; }
.PowerMenu span {padding-left:10px}
.PowerBox {width:100%; border:1PX solid #ccc; margin-top:10px; margin-bottom:10px;}
.PowerMain {border-top:1px solid #ccc; margin:auto; width:100%; text-align:center;}
.PowerMain div {line-height:25px; margin:5px auto auto auto; width:90%; text-align:left;}

.NewClass { width:580px; margin:10px auto;}
.NewLine {width:100%; height:25px; line-height:25px; background-color:#F0F0F0; border-bottom:1px solid #E1E1E1; margin-top:5px;}
.NewSpanLeft {float:left; clear:left; line-height:25px; height:25px; padding-left:10px; width:540px; font-size:12px; }
.NewSpanLeft a {font-weight:bold}
.NewSpanRight {cursor:hand; float:right; clear:right; padding-right:10px; height:25px; width:15px;}
.ConLine {width:100%; line-height:25px; margin-top:5px;}
.ArticleLine {width:550px; height:25px; line-height:25px; margin:5px auto auto auto; font-weight:bold; color:#7fae12;}
.ArtTop {width:580px;height:25px; margin:10px auto auto auto; background-color:#f3f6f8; border-left:1px solid #d2dee5; border-right:1px solid #d2dee5; border-top:1px solid #d2dee5; line-height:25px; font-weight:bold;color:#7fae12; font-size:14px}
.ArtBox {width:580px; margin:auto; line-height:20px; border:1px solid #d2dee5;}
.Artlite {width:95%; margin:10px auto}
.ArtContent {margin:5px auto auto auto; padding-top:10px;border-top:1px dashed #d2dee5}
.ArtTitle {width:100%;margin:5px auto auto auto}
.ArtMenu {height:25px;line-height:25px;float:left}
.ArtMenuImg {height:25px; width:24px; background-image:url(../images/nav-dash.gif); background-repeat:no-repeat; float:left}
.ArtMenuBox {height:25px;width:580px;margin:10px auto auto auto; }
.ArtRightImg {float:right; clear:right; margin-left:5px;}

#shadow{position: relative;left: 3px;top: 3px;margin-right: 3px;margin-bottom: 3px;}
#shadow .shadow2,#shadow .shadow3,#shadow .content {position: relative;left: -1px;top: -1px;}
#shadow .shadow1 {background: #F1F0F1;}
#shadow .shadow2 {background: #DBDADB;}
#shadow .shadow3 {background: #B8B6B8;}
#shadow .content {background: #ffffff;border: 1px solid #848284;padding: 12px;line-height:20px;}
.StockQuery{width:500px; margin:20px auto;}
.QueryLine { margin-top:5px; line-height:25px;}

#massage_box{position:absolute;left:expression((body.clientWidth-350)/2); top:300px; width:350px; height:100px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:90; visibility:hidden;}
#mask{position:absolute; top:0; left:0; width:expression(body.clientWidth); height:expression(body.clientHeight); background:#666; filter:ALPHA(opacity=60); z-index:89; visibility:hidden}
.massage{border:1px solid #036; border-width:1px 1px 3px 1px; width:350px; height:100px; background:#fff; color:#036; font-size:12px;}
.massageBig{border:1px solid #036; border-width:1px 1px 3px 1px; width:500px; height:200px; background:#fff; color:#036;}
.mbssage{border:1px solid #036; border-width:1px 1px 3px 1px; width:350px; height:150px; background:#fff; color:#036; font-size:12px;}
.header{background:#036; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff;}
.message{color:#F00; text-align:center; width:100%; height:50px;line-height:25px; margin-top:10px;}
.messagebig{color:#F00; text-align:center; width:500px; height:170px;line-height:25px; background-image:url(../images/Gold.gif); background-repeat:no-repeat;}
.messtitle{display:inline; width:130px; position:absolute; padding-left:10px; line-height:30px}
.messtitlebig {display:inline; width:400px; position:absolute; padding-left:10px; line-height:30px; float:left; font-size:12px}
.header span {height:30px; line-height:30px;}
.LoginMessage {text-align:center; width:100%; height:100px;line-height:25px; margin-top:10px;}
.AjaxLoginLine { width:100%; line-height:25px;}
#AjaxLogin_box{position:absolute;left:expression((body.clientWidth-350)/2); top:100px; width:350px; height:160px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:90; visibility:hidden;}
#AjaxDefault_box{ position:absolute;left:expression((body.clientWidth-350)/2); top:780px; width:500px; height:210px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:90; border:1px solid #ccc; visibility:hidden }
#Querymask {position:absolute; top:0; left:0; width:expression(body.clientWidth); height:expression(body.clientHeight); background:#666; filter:ALPHA(opacity=60); z-index:89; visibility:hidden}
.AjaxLoginLeft {float:left; clear:left; width:80px; text-align:right;}
.AjaxLoginRight {float:right; clear:right; width:260px; text-align:left;}
.DatabaseTop {width:560px;height:25px; margin:10px auto auto auto; background-color:#f3f6f8; border-left:1px solid #d2dee5; border-right:1px solid #d2dee5; border-top:1px solid #d2dee5; line-height:25px; font-weight:bold;color:#7fae12; font-size:14px}
.DatabaseBox {width:560px; margin:auto; line-height:20px; border:1px solid #d2dee5;}

.Plclass { width:100%; padding:0px; margin:0px; list-style-type:none; }
.Plclass li { width:230px; line-height:20px; float:left; padding:0px; margin:0px;}
.PlTbl {empty-cells:show;border-collapse:collapse; border:1px solid #ccc; margin:5px auto 20px auto}
.PlTbl td { border:1px solid #ccc; font-size:12px}
.PlTbl td img { border:3px solid #ccc; width:18px; height:18px; margin:3px 0px 3px 3px;}
/*ΜαΚΎΏς.PlTbl td a {}*/
#dhtmlgoodies_tooltip{background-color:#333333;border:1px solid #000;position:absolute;display:none;z-index:20000;padding:5px;font-size:12px;-moz-border-radius:6px;	/* Rounded edges in Firefox */font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; color:#FFFFFF}
#dhtmlgoodies_tooltipShadow{position:absolute;background-color:#ccc;display:none;z-index:10000;opacity:0.7;filter:alpha(opacity=70);-khtml-opacity: 0.7;-moz-opacity: 0.7;-moz-border-radius:6px;	/* Rounded edges in Firefox */}
/*»¬¶―ΓΕ*/
.PowerLvmain {border-top:1px solid #ccc; margin:auto; width:100%;;}
.selectFont { font:Arial, Helvetica, sans-serif; font-size:12px}
.TabTitle{ clear: both; border:0;height: 28px; overflow: hidden; margin:0; padding:0; width: 100%;} 
.TabTitle ul{ border:0; margin:0; padding:0; }
.TabTitle li{ float: left; width: 150px;height:28px;cursor: pointer;margin-right:0px;padding-right: 0px; padding-left: 0px; list-style-type: none; } 
.TabTitle .active{line-height:28px; color:#FF3300; font-size:14px; text-align:center;} 
.TabTitle .normal{line-height:28px; font-size:12px; color:#712600; text-align:center; } 
.TabContent{ height:40px;font-weight: normal;} 
.none {display:none;}
#showgold {width:400px; height:88px; margin:auto; color:#00FF00; font-size:18px; font-weight:bold}
#showgold a { color:#FF0000; font-size:24px;}

.newol li {line-height:25px; font-size:12px; color:#FF9900;}
.newol li a:link,.newol li a:visited,.newol li a:active {line-height:25px; font-size:14px; color:#FF9900; text-decoration: none;color:#000}

.IndexTable{empty-cells:show;border-collapse:collapse; border:1px solid #ccc; margin-left:auto; margin-right:auto;}
.IndexTable td{ border:1px solid #ccc;}