@charset "utf-8";
/** 
   Author: Gaoxiuhua
   Time: 2009-12-09
   CSS cascading CSS 2.0
**/
@import url(base.css);
body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,form{ margin:0; padding:0; font-size:11px;}
img{ border:0;}
body{ line-height:1.5; background:#0d5293 url(../images/bg.jpg) no-repeat center 0px;font-family:Tahoma,Geneva, Arial, Helvetica, sans-serif, "Berlin Sans FB ..."; font-size:11px;}
ul,li,dl,dt,dd{list-style:none;}
a{ text-decoration:none;}
.spacer{ clear:both; line-height:0; overflow:hidden;}
/**header**/
#header-out{width:100%;background: url(../images/top-bg.gif) repeat-x 0 0; height:250px;}
#header{width:1000px; margin:auto;position:relative; height:224px; }
#top{position:absolute; left:600px; top:0; width:380px; color: #333; cursor:pointer;}
#top li{ float:right; padding:0 10px; line-height:30px;}
#top li a{ color: #666; text-decoration:none;}
#top li#font-yellow a{ color: #FC0;}
#logo{ position:absolute; left:0; top:0; display:block; width:480px; height:170px;}
#nav{ position:absolute; left:0; top:180px; width:1000px; height:71px; background:url(../images/nav-bg.gif) 0 0;}
#navLeft,#navRight{ float:left;display:block; width:20px; height:71px; background:url(../images/nav-left.gif) no-repeat 0 0;}
#navRight{background:url(../images/nav-right.gif) no-repeat right top;}
#navCen{float:left;display:block;width:960px; height:71px; color: #333;line-height:26px;}
#navCen p{float:left;display:block;width:60px; text-align:right; padding:0 5px;}
#navCen h1{float:left;display:block;width:180px; text-align:left;word-spacing:0.3em;}
#navCen div{float:left;display:block;width:400px; text-align:left;}
#navCen div a{ color:#009;}
#navCen div a:hover{ color: #F30;text-decoration:underline;}
#navMain{float:left;display:block;width:960px; height:44px; font-weight:bold; line-height:44px;}
#navMain li{ float:left; }
#navMain li a{ color:#FFF; text-decoration:none;padding:0 38px; display:block;}
#navMain li a:hover{ color: #FF6; background:url(../images/nav-on.gif) no-repeat center 0;}
#navMain li#home{ background:url(../images/home.gif) no-repeat center center;}
#navMain li#home a{ background:url(../images/home.gif) no-repeat center center; color:#330000;}
#navMain li#subNow{ float:left; background:url(../images/sub-now-bg.gif) repeat-x 0 0;}
#navMain li#subNow a{background:url(../images/sub-now-dd.gif) no-repeat  center bottom; color: #FF6;}
/**login**/
.login-out{ display:block;width:210px; padding:10px 0 5px 0px; float:left;}
.login-out li{ display:block;width:200px; padding:3px 0 3px 10px; clear:both;}
.login-in{ float:left;display:block; width:70px;}
.login-ind-label{ float:left;display:block; width:70px; height:16px;line-height:16px; text-align:left; padding:4px 5px 4px 0px; color:#033; font-weight:bold; text-align:right;}
.login-ind-input{display:block; float:left;width:110px; height:16px;}
.login-ind-img{ width:74px; height:21px;margin-right:10px; margin-left:10px;}
.login-password{height:12px; line-height:12px; text-decoration:underline; padding-left:40px;}
.cart-out{ display:block;width:200px; padding:10px 0 5px 10px; float:left;}
.r-items{ display:block; float:left; color:#333; width:80px; height:20px; padding:0 10px;}
.r-cost{ display:block; float:left; color:#333; width:100px;height:20px;}
.r-cart-text{ display:block; float:left; color:#333; width:170px; padding:3px 10px; line-height:16px; background: #FFC ; border:1px solid #FC9; margin:5px 0;}
.r-go-cheekout{ display:block; float:left; color:#333; width:160px;height:30px; padding:10px 20px 10px 10px;}
.text-bule{ color:#09F; font-weight:bold;}
.text-red{ color: #F30; font-weight:bold;}
.check-out-img{ margin-left:50px;}
/**main**/
#main{width:986px; margin:6px auto 0; display:block;padding:7px 7px 10px 7px;background:#fff no-repeat url(../images/main-top.gif) 0 0;}
#error{ width:400px; padding:100px 0 20px 300px; height:300px; font-size:14px; background:url(../images/sweat.gif) no-repeat 150px 70px;}
#left-out{width:768px; float:left;}
/**left**/
#left{width:202px; float:left; display:block; }

.left-nav{width:190px; display:block; float:left; margin:0; padding:4px 0 4px 4px;}
.left-nav li{ margin:5px 0;}
.left-nav li span{background:url(../images/hot1.gif) no-repeat 90px 8px; width:120px; display:block;}
.left-nav li a{ width:190px; display:block; height:22px; line-height:22px;color:#046299;  padding:0;background:url(../images/sub-bg.gif)  repeat-x 0 0; border:#d6e8f7 1px solid;}
.left-nav li a:hover{ color: #C30;background:url(../images/sub-bg-on.gif) repeat-x 0 0;}
.left-nav li strong{  background:url(../images/sub-left.gif) no-repeat 0 0; display:block;  padding:0 0 0 10px; }
.box-game{ float:left;width:200px; padding:0; display:block; background:#ebf6ff; border:#8fbed2 1px solid; margin:0 0 6px 0;}
.title-l-01{ float:left; background:url(../images/title-cen-main.gif) repeat-x 0 -1px; height:30px; line-height:30px; display:block; padding:0 0 0 20px; width:180px; color:#FFF;}
.title-l-01-a{ color:#FFF;}
.title-l-01 a{ color:#FFF;}
.left-sub{ float:left; display:block; width:180px; padding:5px 10px;}
.left-sub dt{ float:left;width:150px; padding: 0 5px 0 25px; display:block; background:#bddff2 url(../images/ioc-02.gif) no-repeat 10px 10px;border:#a6d0e8 1px solid; color:#996600; font-weight:bold; line-height:24px; margin-top:5px;}
.left-sub dd{ line-height:20px; height:20px; padding:2px 0 2px 10px;width:75px; display:block;  float:left;}

.box-mrgame{ float:left; display:block; width:190px; padding:5px;}
.box-new{ float:left; width:200px; padding:0; display:block; background:#ebf6ff; border-left:#8fbed2 1px solid; border-bottom:#8fbed2 1px solid; border-right:#8fbed2 1px solid; margin:0 0 6px 0;}
#news{ width:550px; padding:5px 2px; display:block; float:left;}
#news li{ float:left; border-bottom:#c6deec 1px dashed;display:block; line-height:30px; height:30px;width:550px;}
#news li a{ color:#333;display:block; background: url(../images/ioc-01.gif) no-repeat 5px 13px;width:524px;  cursor:pointer; line-height:30px; height:30px;padding:0 5px 0 25px; }
#news li a:hover{background:#edf7fc url(../images/ioc-01.gif) no-repeat 10px 13px; color: #036; }
#news li a span.NewsTitle{ width:440px; display:block; float:left;}
#news li a span.NewsTime{ width:80px; display:block; float:left;}
.left-more{  display:block; width:520px; text-align:right; color:#F60; font-weight:bold; height:30px; line-height:30px; float:left;}
.text-l-03{ width:226px; text-align:justify; color:#999; padding:10px;}
/**center**/
#center{width:558px; float:right; text-align:justify;}
#hd{ float:left; display:block; width:550px;height:180px; padding:0; }
#hdPL{ float:left; display:block; width:558px; padding: 6px 0 4px 0;}
.text-cenH2{  width:548px; background:#cceaf2; display:block; color: #333; line-height:16px; padding:8px 5px 5px 5px; font-size:14px; color:#069;}
.text-cen{text-align:justify; width:548px; background:#e5f6fa; display:block; color: #333; line-height:16px; padding:5px 5px 10px 5px; float:left;}
.text-cenE{text-align:justify; width:548px;   display:block; color: #333; line-height:16px; padding:15px 5px 10px 5px; float:left;}
.text-cen a{ color: #069;}
.text-cen a:hover{ text-decoration:underline;}
.text-cen span{ color: #6C6; font-weight:bold;}
.bgFFF{ background:#FFF;}
.ind-pack-box,.gold-pack-box{ display:block; width:558px;  margin-top:6px; float:left; margin-bottom:6px;}
.gold-pack-box{ width:925px;}
.box-1{ border:#000 1px solid;}
.title-cen-main{ background:url(../images/bg-title-01-sale.gif) no-repeat 0 0; display:block; width:462px; padding-left:28px; height:28px; line-height:28px; color:#FFF; border-left:#87bdfb 1px solid;border-right:#87bdfb 1px solid;}
.w-900{ width:860px;}
.hdm-bg{ background:url(../images/hdm.gif) no-repeat 0 0; display:block; width:244px; height:33px; text-align:center; color:#C30; line-height:33px;float:left;}
.hdm-off{ display:block; width:244px; height:33px; text-align:center; color:#fff; line-height:33px; float:left;}
.hdm-off a{ color:#FFF;}
.title-sen-cen{ display:block; padding:5px 15px; width:508px;color:#c60; height:30px; line-height:30px; float:left;}
.title-sen-cen span{ display:block; width:258px;color:#c60; height:20px; line-height:20px;float:left; font-weight:bold;}
.title-sen-cen label{ display:block; width:80px;color: #036; height:20px; line-height:20px; float:right; padding:5px; text-align:right;}
.title-sen-cen select{ display:block; width:60px; height:20px;float:right; margin-top:5px;}
.ind-choose,.gold-choose{ display:block; width:450px; height:22px; padding:0 0 8px 0; float:left;}
.gold-tong{float:left; display:block; width:545px; height:30px; text-align:right; margin:10px 0;}
.ind-choose input.add-to-cart,.gold-choose input.add-to-cart{ margin-left:225px; width:74px; height:20px; border:0; background:none; display:inline;}
.ind-choose input,.gold-choose input{ width:200px;background:#ffffdf; height:20px;  border:#bdcfda 1px solid; color:#333;}
.ind-choose img{ margin:0 0 0 225px;}
.mar-b10{ margin-bottom:10px;}
.gold-choose{ float:left;}
.par-t10{ padding-top:10px; padding-bottom:4px;}
.mar-t20{ margin-top:20px; display:block; float: left; width:920px;}
.ind-l-lable,.pl-label{width:120px; font-weight:bold; text-align:right; padding:0 20px; display:block; float:left; height:20px; color: #333;}
.pl-label{ width:120px; padding:0 5px;}
.pl-zw{width:540px; height:38px; display:block; float:left;}
.pl-bottom{display:block; width:200px; float:left; padding:10px 0 0 230px; }

.ind-r-input,.gold-r-input{ width:200px; background:#ffffdf; height:20px;  border:#bdcfda 1px solid; float:left;display:block;}
.gold-r-input{ width:120px;}
.w-60{ width:60px;}
.gold-bat{width:105px; height:22px; border:0; background:url(../images/buy-now.gif) no-repeat 0 0; margin-left:20px;}
.font-red{ color:#C00; font-weight:bold; display:block;}
#cenSecurityBox{ float:left; display:block;  width:555px; background:url(../images/serBG.gif) repeat-x 0 0; border-bottom:#e2effb 1px solid; margin-bottom:6px;}
#cenSecurity{ float:left; display:block;line-height:20px; font-weight: bold; width:535px; padding:6px 10px 15px 10px;  background:url(../images/security.jpg) no-repeat  right bottom;}
#cenSecurity li{ float:left;  width:200px; padding:10px 10px 0 30px; background:url(../images/dh.gif) no-repeat 5px 10px;color:#003366; }
#AddGilBox{ float:left; display:block;  width:455px; padding:10px 90px 10px 10px; background:url(../images/gilBG.gif) no-repeat right bottom; border:#e2effb 1px solid;margin-bottom:6px;}
.titleMain{ background:url(../images/title-cen-main.gif) repeat-x 0 -1px ; width:536px; height:26px;  line-height:26px; border-bottom:4px #FFF solid; border:#87bdfb 1px solid;  color:#FFF; float:left;padding:0 0 0 20px; font-weight:bold;}
.AddCenTxt{ float:left; display:block;  width:535px; padding:10px;   border:#e2effb 1px solid;margin-bottom:6px;}
.titleBuyGil{ float:left;   height:28px;  display:block;  width:550px; color:#FFF;}
.titleBuyGil span{ float:left; background:url(../images/title-cen-main.gif) repeat-x 0 -1px; height:28px; line-height:28px; display:block; padding:0 30px; color:#FFF; font-weight: bold;}
.LeftAdvantages{ float:left; width:185px; display: block; padding:10px 0 10px 10px;}
.LeftAdvantages img{ float:left; padding:10px; display:block; width:70px; height:50px;}
.LeftMethod{ float:left; width:175px; display: block; padding:10px 0 10px 25px;}
.LeftMethod img{ float:left; padding:10px 0; display:block;}
  /**table index**/
#fitPackStore{ float:left; display:block; width:556px;}
.ind-tr{float:left;width:555px; display:block;   line-height:30px;border-bottom:#fff 1px solid; text-align:center; font-weight:bold;  background:#d0e4f6; }
.ind-td-01{float:left; display:block;   line-height:22px; padding:4px 0; background:#d0e4f6; width:307px; color: #333;}
.ind-td-02{float:left; display:block;   line-height:22px; padding:4px 0; background:#d0e4f6; width:140px; border-right:#fff 1px solid; border-left:#fff 1px solid; color:#F00;}
.ind-td-03{ float:left;display:block;   line-height:22px; padding:4px 0; background:#d0e4f6; width:106px; }
.ind-th{ color:#ff9; background:#76ace3; }
.bor-0{ border-right:0;}
.GoldOffPrice{ float: left;width:140px; color:#333333;}
.GoldNowPrice{ float: left;width:140px;}
.GoldOldPrice{ float: left;width:140px;color:#333333;}
/**gold table**/
.gole-tr{ width:924px;}
.gole-td-01{ width:522px;}
.gole-td-02{ width:200px;}
.gole-td-03{ width:200px;}
/**powerleveling table**/
.pl-tr{ width:924px; }
.pl-td-01{ width:341px;}
.pl-td-02{ width:280px;}
.pl-td-03{ width:150px;}
.pl-td-04{ width:150px; color: #6699cc;}
.pl-td-04-color{ color:#FFC;}

/**pack table**/
.pack-tr{ width:558px; display:block;line-height:30px;border-bottom:#fff 1px solid; text-align:center;  float:left; background:#d1e4f6 ;}

.bor-0{ border-right:0;}
.pack-td-01{float:left; display:block;line-height:22px; color:#99ccff;  width:274px; text-align:left; padding:4px 10px; color:#333;}
.pack-title-pl{display:block;width:274px; float:left; color: #C30;font-weight:bold;}
.pack-td-02{float:left;display:block; line-height:22px; padding:4px 0; width:120px; color: #036;font-weight:bold;}
.pack-td-03{float:left; display:block; line-height:22px; padding:4px 0; width:80px; color:#F00; font-weight:bold;}
.pack-td-04{float:left; display:block;line-height:22px;  width:60px; color: #6699cc;padding:4px 0;font-weight:bold; }
.pack-th{ color:#ffff99; background:#76ace3; border-right:#fff 1px solid; text-align:center;font-weight:bold;}
.price-off{ color: #960; margin:5px 0; display:block;}
.price-old{ color: #666; text-decoration:line-through;margin:5px 0; display:block;}



.title-about{color:#F90; font-weight:bold; margin-top:10px;}
.textf3c{ color:#FC3;}
.title-faq{ color: #393; font-weight:bold;}
.font-title-an{ color:#69C;}
.text-gold{ padding-bottom:20px;}
.text-gold a{ color: #FC0; font-weight:bold;}

.pl-select{ display:block; width:540px; padding:10px 0; float:left;}
.pl-select select{ width:120px; background:#ffffdf; height:20px; border:#bdcfda 1px solid; float:left;display:block; padding:0;}
.days-w{display:block; float:left; width:30px; height:20px; padding:0 3px;}
.hours-w{display:block; float:left; width:40px; height:20px; padding:0 3px;}

/**right**/
#right{width:210px; float:right; border-left:#9ad0ef 1px solid;border-right:#9ad0ef 1px solid; border-bottom:#9ad0ef 1px solid;}
#right-checkout{width:210px; float:right; border-left:#808080 7px solid;border:#808080 7px solid;background:#636979;}
.help{ display:block; border:#FFF 7px solid;}
.title-r-01{display:block; width:190px; height:28px; float:left; background:url(../images/title-cen-main.gif) repeat-x 0 0; padding-left:20px; line-height:28px; color:#fff; font-weight:bold; }
.msn-online{display:block; width:195px; padding:2px 0 5px 10px; color:#054676; float:left;}
.msn-online a{ color:#054676; font-weight:normal;float:left;}
.msn-online a:hover{ color: #F90; text-decoration:underline;}
.msn-line{ border-bottom:#d0d9f1 1px solid;}
#contactOut{ display:block; width:205px; float:left; padding:10px 0 0 0;}
.contact{ display:block; width:200px;padding:0 0 10px 5px;font-weight:normal; float:left;}
.contact li{ display:block; width:165px; padding:5px 0 0 35px; color: #036; font-weight:bold; line-height:16px; float:left;}
.contact li span{color: #054676;font-weight:normal;}
.contact li a{color:#054676; font-weight:normal;}
.contact li a:hover{color: #930;}
#icq-ico{background:url(../images/icq.gif) no-repeat 0 3px;font-weight:normal; line-height:30px;}
#email-ico{background:url(../images/email.gif) no-repeat 0 5px;font-weight:normal;line-height:30px;}
#feedback-ico{background:url(../images/feedback.gif) no-repeat 0 5px;font-weight:normal;}
.text-r-end{text-align:justify; padding:5px 10px 5px 10px; display:block; color: #333; float:left; width:185px;}
.feedback-out{display:block; width:200px; padding:5px; color:#900; text-align:left;}
.feedback-IP,.feedback-name{color:#ffcc66; line-height:22px;}
.feedback-img{ border:#CCC 1px solid;  float:left; margin-right:5px;}
/**footer**/
#footer{ margin:6px auto 6px; display:block; width:1000px;background:url(../images/footer-bg.gif) repeat-x 0 0; }
#footer-left{ float:left; width:15px; height:165px; background:url(../images/footer-left.gif) no-repeat 0 0;}
#footer-cen{ float:left; width:960px;}
.footer-link{ float:left; width:240px; height:105px; display:block; padding:10px 0px 0 20px;}
.footer-link a{ color: #333}
.footer-link a:hover{ color: #036; text-decoration:underline;}
.footer-link dt{ height:20px;display:block; color:#039; font-weight:bold;}
.footer-link dd{ height:16px; line-height:16px;display:block; color:#333; background:url(../images/fd.gif) no-repeat 0 8px; padding-left:15px;}
.f-w120{ width:120px;}
#footer-cen img{ float:left; display:block; margin:10px 15px 0 0;}
#flash-time{ float:left; width:780px; height:30px; display:block; padding:9px 90px 0;}
#Registered{ float:left; width:780px; display:block; padding:0px 90px 8px; text-align:center; color:#B9F8FB;}
#Registered a{color:#B9F8FB;}
#footer-right{ float:right; width:15px; height:165px; background:url(../images/footer-right.gif) no-repeat 0 0;}

#gold{ float:left;}
.footerLink{ float:left; display:block; width:960px; text-align:center; line-height:20px; color: #CCC;}
.footerLink a{ color: #CCC;}



