@charset "utf-8";
/* 
   Author: Gaoxiuhua
   Time: 2009-12-09
   CSS cascading CSS 2.0
*/

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:#000 url(../images/bg.gif) 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/bg-top.gif) repeat-x; height:150px;}
#header{width:1000px; margin:auto;position:relative; height:150px;}
#header h1{position:absolute; left:0px; top:0; width:380px; color:#FC0; color:#CCC; padding:5px 0 0 0;}
#top{position:absolute; left:600px; top:0; width:380px; color:#FC0; cursor:pointer;}
#top li{ float:right; padding:0 10px; line-height:30px;}
#top li a{ color:#ccffff; text-decoration:none;}
#top li#font-yellow a{ color: #FC0;}
#logo{ position:absolute; left:0; top:28px;}
#nav{ position:absolute; left:0; top:110px; width:1000px; height:40px; background:url(../images/nav-bg.gif) 0 0;}
#navLeft,#navRight{ float:left;display:block; width:20px; height:40px; background:url(../images/nav-left.gif) no-repeat 0 0;}
#navRight{background:url(../images/nav-right.gif) no-repeat right top;}
#navMain{float:left;display:block;width:960px; height:40px; color:#FFF; font-weight:bold; line-height:40px; }
#navMain li{ float:left; }
#navMain li a{ color:#FFF; text-decoration:none;padding:0 10px; 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;padding:0 20px;}
#navMain li#home a{ background:url(../images/home.gif) no-repeat center center; color:#330000;}
/**login**/
#login-out{margin:auto;width:1000px;  height:40px; background:url(../images/nav-bg.gif) repeat-x 0 -40px;}
#login-out-left{ float:left; display:block;width:20px; height:40px; background:url(../images/nav-left.gif) no-repeat 0 -40px;}
.login-ind-box-l{ float:left; display:block;width:780px; height:40px; line-height:40px;}
.point-box{ float:left; display:block;width:760px; height:40px; line-height:40px; background:url(../images/here.gif) no-repeat 0 12px; padding-left:20px;}
.login-ind-box-r{ float:left; display:block;width:160px; height:40px;}
#login-ioc{float:left; display:block;width:40px; height:40px; background:url(../images/login-body.gif) no-repeat 0px 5px;}
.login-ind-label{ float:left; display:block;width:70px; height:40px; line-height:40px; text-align:right; padding:0 5px; color:#033; font-weight:bold;}
.login-ind-input{float:left; display:block;width:120px; height:16px; margin-top:10px; margin-right:5px;}
.login-ind-img{float:left; display:block;width:55px; height:19px; margin-top:10px; margin-right:10px;}
.login-password{float:left; display:block;width:150px; height:19px; margin-top:10px; margin-right:10px; line-height:19px; text-decoration:underline;}
.login-sel{float:left; display:block;width:60px; height:19px;margin-top:10px; }
#login-out-right{ float:right; display:block;width:20px; height:40px; background:url(../images/nav-right.gif) no-repeat 11px -40px;}
.hello{ float:left; padding:0 20px; color:#F00; font-weight:bold;}
.login-in{ float:left; padding:0 20px; width:400px; display:block;}
.login-in li{ float:left; padding:0 30px; background:url(../images/ddd.gif) no-repeat 0 15px;}
.login-in li a{ color: #630;}

/**main**/
#main{width:986px; margin:auto; display:block;padding:0 6px 0 6px; border-left:#000 1px solid;border-right:#000 1px solid; background:#333 url(../images/main-bg.gif) repeat-y 6px 0;}
#main-site{ float:left; width:930px; padding:10px 0 10px 25px; color:#CCC;}
#main-one{ float:left; width:730px; padding:10px 10px; color:#CCC; border:#525252 2px solid;  text-align:justify; line-height:22px; font-size:14px;}

#main-one h1{ font-size:14px; color: #0CF; line-height:30px;}
#main-one ul{ float:left; width:720px; display:block;}
#main-one ul li{ float:left; width:700px;display:block; border-bottom:#999 dashed 1px; padding:5px 0 5px 20px; background:url(../images/ioc-01.gif) no-repeat left center;}
#main-one li a{ font-weight:bold; color:#CCC; float:left; display:block; width:600px; text-align:left;}
#main-one li a:hover{  color: #F90; text-decoration:underline;}
#main-one li span{ color: #993; float:left; display:block; width:100px; text-align: right;}
#main-one div.style{ color: #F90; float:left; display:block; width:720px; text-align: center; padding:15px 0 0 0;}
#main-one div.style a{ color: #F90;}
#main-one div.style a:hover{ text-decoration:underline;}
#main-info{width:986px; margin:auto; display:block;padding:0 6px 0 6px; border-left:#000 1px solid;border-right:#000 1px solid; background:#333;}
#main-top{width:986px; margin:auto; display:block; height:7px; background:#333; overflow:hidden; line-height:0;}
#main-end{width:986px;clear:both; background: url(../images/main-bg-end.gif) no-repeat -7px 12px; height:20px;}
#left-out{width:762px; float:left;}
/**center**/
#center{width:494px; float:left;}
#hd{ display:block; width:492px; border:#000 1px solid;background:#333;}
.text-cen{text-align:justify; width:484px; background:#333; display:block; color:#FFF; line-height:16px; padding:5px 5px 10px 5px;}
.text-cen a{ color:#F60; font-weight:bold;}
.text-cen span{ color: #FC0; font-weight:bold;}
.ind-pack-box,.gold-pack-box{ background:#222 url(../images/title-cen-main.gif) repeat-x 0 0; display:block; width:492px; border-left:#000 1px solid;border-top:#000 1px solid;border-right:#000 1px solid; float:left;}
.gold-pack-box{ width:725px;}
.box-1{ border:#000 1px solid;}
.title-cen-main{ background:url(../images/bg-title-01-sale.gif) no-repeat 0 0; display:block; width:444px; padding-left:48px;  height:30px; line-height:30px; color:#FFF;}
.w-900{ width:700px; padding-left:8px;}
.hdm-bg{ background:url(../images/hdm.gif) no-repeat 0 0; display:block; width:244px; height:33px;  text-align:center; color: #F00; line-height:33px;float:left;}
.hdm-off{ display:block; width:225px; height:33px;  text-align:center;  line-height:33px; float:left;background:url(../images/bg-sub-r.gif) no-repeat right 0;}
.hdm-off a{ color: #fff;}
.bgNone{ background:none;}
.title-sen-cen{ display:block; padding:5px 15px; width:458px; height:30px; line-height:30px; font-weight:bold;}
.title-sen-cen select{width:60px; height:18px;}
.title-sen-cen-title{ display:block;  width:258px;  height:30px; float:left;color:#ccc;}
.title-sen-cen-currencies{ display:block;  width:88px;  height:30px;float:left; color:#CCC; text-align:right; padding:0 5px; line-height:35px;}
.title-sen-cen-select{ display:block;  width:98px;  height:30px;float:left;}
.title-sen-cen-select select{width:60px; height:18px;}
#fit-cuy{width:90px; float:left; }
.w600{ width:650px;}
.w400{ width:450px;}
.ind-choose,.gold-choose{ display:block; width:480px; height:22px; padding:4px 0; color: #CCC; 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:134px; height:22px; border:0; background:none; display:inline; float:left;}

.ind-tong{ display:block; width:140px; height:22px; padding:4px 0 10px 240px; color: #CCC; float:left;}
.ind-tong input.add-to-cart,.gold-tong input.add-to-cart{ width:134px; height:22px; border:0; background:none; display:inline; float:left;}
.ind-tong input.calulate{ width:103px; height:22px; border:0; background:none; display:inline; float:left; margin-right:20px; background:url(../images/but-estimate.gif) no-repeat 0 0; border:0; cursor:pointer;}

.ind-choose input,.gold-choose input,.ind-choose select,.gold-choose select{ width:180px; height:18px; border:#666; background:#CCC;  color:#000; border:#999 1px solid;}
#raceId,#metierId,#serverId,#role,#reKey,#key,#account{ width:180px; height:20px; border:#333 1px solid; background:#CCC;}
.gold-choose{ float:left;}
.par-t10{ padding-top:10px; padding-bottom:4px;}
.mar-t20{ margin-top:20px; display:block; float: left; width:720px;}
.ind-l-lable,.pl-label{width:220px; color:#FFF; font-weight:bold; text-align:right; padding:0 5px; display:block; float:left; height:18px;}
.pl-label{ width:120px; padding:0 5px;}
.pl-zw{width:715px;   padding:4px 0; display:block; float:left;}
.pl-bottom{display:block; width:320px; float:left; padding:15px 0 15px 300px; }

.ind-r-input,.gold-r-input{ width:200px; background:#CCC; height:18px; border:#CCC 1px solid; float:left;display:block;}
.gold-r-input{ width:120px;}
.w-60{ width:60px;}
.w-100{ width:100px;}
.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;}
  /**table index**/
.ind-tr{width:492px; display:block;border-bottom:#000 1px solid; text-align:center; font-weight:bold; background:url(../images/ind-tr-bg.gif) repeat-y 0 0; float:left;}
.ind-td-01{float:left; display:block;  line-height:22px; padding:4px 0;  width:284px; color: #FFF;}
.ind-td-02{float:left; display:block; line-height:22px; padding:4px 0;width:120px; color:#F00;}
.ind-td-03{ float:left;display:block; line-height:22px; padding:4px 0; width:86px; }
.ind-th{ color:#FFC; background:#000; border-right:#333 1px solid; }
.bor-0{ border-right:0;}
/**gold table**/
.gole-tr{ width:724px;background:url(../images/gold-tr-bg.gif) repeat-y 0 0;background:url(../images/gold-tr-bg.gif) repeat-y 0 0; float:left;border-left:#000 1px solid; border-right:#000 1px solid;}
.gole-td-01{ width:422px;}
.gole-td-02{ width:150px;}
.gole-td-03{ width:150px;}
/**powerleveling table**/
.pl-tr{ width:724px; }
.pl-td-01{ width:300px;}
.pl-td-02{ width:180px;}
.pl-td-03{ width:100px;}
.pl-td-04{ width:140px; color: #6699cc;}
.pl-td-04-color{ color:#FFC;}

/**pack table**/
.pack-tr{ width:724px; display:block;line-height:30px;border-bottom:#000 1px solid; text-align:center; font-weight:bold; float:left; background:url(../images/pack-bg.gif) repeat-y 0 0;}
.bor-0{ border-right:0;}
.pack-td-01{float:left; display:block;line-height:22px; background:#3b3b3b; border-right:#000 1px solid; color: #CCC;  width:284px; text-align:left; padding:4px 10px; }
.pack-title-pl{display:block;width:284px; line-height:20px;  float:left; color: #F90;}
.pack-td-02{float:left;display:block; line-height:22px; padding:4px 0; width:136px;border-right:#000 1px solid; color: #CCC;background:#323232;}
.pack-td-03{float:left; display:block; line-height:22px; padding:4px 0; background:#323232; border-right:#000 1px solid; color:#F00; width:180px;}
.pack-td-04{float:left; display:block;line-height:22px;  width:100px; color: #6699cc;padding:4px 0; }
.pack-th{ color:#FFC; background:#000; border-right:#333 1px solid; text-align:center;}
.price-style{ font-size:12px; color:#F00;}
.price-off{  color: #CCC; margin:5px 0; display:block;}
.price-old{  color: #CCC; text-decoration:line-through;margin:5px 0; display:block;}



.title-about{ font-size:12px; color:#F90; font-weight:bold;}
.textf3c{ color:#FC3;}
.title-faq{  color: #393; font-weight:bold;}
.font-title-an{  color:#69C; }
.text-gold{ padding-bottom:20px;}
.text-gold a{color: #FC6; font-weight:bold;}
#tex-f60 a{color: #0CF;}
#tex-f60 span a:hover{ color: #F30; text-decoration:underline;}

.gole-h1{ font-size:14px; color:#FFF;}
.pl-select{ display:block; width:720px; padding:10px 0 20px 0;}
.pl-select select{ background:#CCC; height:18px; border:#CCC 1px solid; float:left;display:block; padding:0;}
.days-w,.hours-w{display:block; float:left; width:30px; height:20px; padding:0 3px; color: #CCC;}
/**left**/
#left{width:246px; float:right;border-left:#525252 7px solid;border-right:#525252 7px solid;border-top:#525252 7px solid; }
.title-l-01{ background:url(../images/bg-title-02.gif) repeat-x 0 0; height:30px; line-height:30px; display:block;  padding:0 0 0 20px; width:226px; font-weight:bold;}
.left-sub-h2{ width:184px; padding: 0 5px 0 25px; display:block; background:#3b3b3b url(../images/ioc-02.gif) no-repeat 10px 7px;border:#999 1px solid; color:#FFF; font-weight:bold; line-height:24px; margin-bottom:5px; margin-left:15px; margin-top:10px; }
.left-sub-h3{ line-height:20px; padding:2px 0 5px 0;width:194px; display:block; background:url(../images/ioc001.gif) no-repeat 0 12px; padding-left:13px;  margin-left:15px;}
.left-sub-h3 a{ color:#cccc99; text-decoration:none;}
.left-sub-h3 a:hover{ color:#F90;font-weight:bold;}

#left-sub{ width:214px; padding:10px 15px; display:block;}
#left-sub dt{ width:184px; padding: 0 5px 0 25px; display:block; background:#3b3b3b url(../images/ioc-02.gif) no-repeat 10px 7px;border:#999 1px solid; color:#FFF; font-weight:bold; line-height:24px; margin-bottom:5px;}
#left-sub dd{ line-height:20px; padding:2px 0 5px 0;width:194px; display:block; background:url(../images/ioc001.gif) no-repeat 0 12px; padding-left:13px;}
#left-sub dd a{ color:#cccc99; text-decoration:none;}
#left-sub dd a:hover{ color:#F90;font-weight:bold;}

#news{ width:240px; padding:5px 2px; display:block;}
#news li{  border-bottom:#434343 1px solid;}
#news li a{ color:#CCC;display:block; background:#232323 url(../images/ioc-01.gif) no-repeat 5px 10px;width:210px; padding:5px 5px 5px 25px;}
#news li a:hover{background:#232323 url(../images/ioc-01.gif) no-repeat 10px 10px; color:#F90;}
.left-more{  display:block; width:220px; text-align:right; color: #F00; font-weight:bold; height:30px; line-height:30px;}
.text-l-03{ width:226px; text-align:justify; color:#999; padding:10px;}
/**right**/
#right{width:210px; float:right; padding:0 7px 0 7px;border-top:#808080 7px 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:40px; background:url(../images/bg-title-04.gif) repeat-x 0 5px; padding-left:20px; line-height:34px; color:#6c3; font-weight:bold;  float:right;}
.bannerAPB{display:block; width:209px;  padding:10px 0 0 0;  float:right;}
.msn-online{display:block; width:200px; padding:2px 0 5px 10px;color:#cff;}
.msn-online a{ color:#cff;}
.msn-online a:hover{ color: #F90; text-decoration:underline;}
.msn-line{ border-bottom:#999 1px solid;}
.contact{ display:block; width:205px;padding:0 0 0 5px;font-weight:normal;}
.contact li{ display:block; width:165px; padding:5px 0 0 35px; color:#fc6; font-weight:bold; line-height:16px;}
.contact li span{color:#fff;}
.contact li a{color:#fff;}
.contact li a:hover{color:#F90;}
#icq-ico{background:url(../images/icq.gif) no-repeat 0 3px; font-weight:normal;}
#email-ico{background:url(../images/email.gif) no-repeat 0 5px;font-weight:normal;}
#feedback-ico{background:url(../images/feedback.gif) no-repeat 0 5px;font-weight:normal;}
.text-r-end{text-align:justify; padding:5px 10px; display:block; color:#FFF;}
.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;}
.cart-out{ display:block;width:203px; padding:10px 0 5px 10px; float:left;}
.r-items{ display:block; float:left; color:#ccffff; width:60px; height:20px; padding:0 10px 0 18px; background:url(../images/plugin.png) no-repeat 0 0;}
.r-cost{ display:block; float:left; color: #FF6; width:80px;height:20px; background:url(../images/medal_bronze_1.png) no-repeat 0 0; padding-left:20px;}
.r-cart-text{ display:block; float:left; color: #ffff66; width:170px; padding:3px 10px; line-height:16px; margin:5px 0;}
.r-go-cheekout{ display:block; float:left; color:#333; width:160px;height:30px; padding:5px 20px 20px 10px;}
.text-bule{ color: #F00; font-weight:bold;}
.text-red{ color: #F00; font-weight:bold;}
.check-out-img{ margin-left:50px; margin-top:10px;}
/**footer**/
#footer{width:998px; margin:auto; background:url(../images/footer-bg.gif) repeat-x 0 0; height:170px;}
#footer-left{width:15px; height:150px; display:block; float:left;background:url(../images/footer-left.gif) no-repeat 0 0;}
#footer-center{width:983px; height:170px; display:block; float:left;background:url(../images/footer-right.gif) no-repeat 970px 0;}
#footer-nav{ float:left; width:820px; height:30px; line-height:30px; display:block; }
#footer-nav li{float:left;}
#footer-nav li a{color: #CCC; padding:0 7px;}
#footer-nav li a:hover{color:#FC0;}
#copyright{float:left; width:240px; height:30px; line-height:30px; display:block; color: #CCC; text-align:right;}
.footer-img{ float:left;  width:960px;text-align:center; padding:10px 0 4px 0; display:block;}
.footer-img img{ margin:0 10px;}
.Sitemap{ float:left;  width:940px;text-align:center;  font-weight:bold; height:18px; line-height:18px; margin-left:20px;}
.Sitemap a{ color: #900;  margin:0 20px ;}
.Registered{float:left;  width:970px;text-align:center; color:#999; line-height:16px;}
.Registered a{color: #F90;}
.Friendlinks{float:left;  width:940px;text-align:center;color: #ABA414; line-height:16px; font-weight:bold;}
.Friendlinks a{color:#ABA414; font-weight:normal; text-decoration:underline;}
.Friendlinks a:hover{color: #FF6;}
#footer-right{width:15px; height:150px; display:block; float:right;background:url(../images/footer-right.gif) no-repeat 2px 0;}

#error{ font-size:14px; width:600px; padding:200px 20px 200px 300px; height:70px;color: #F30; font-weight:bold; text-align:left;background:url(../images/sweat.png) no-repeat 50px  150px; line-height:30px; display:block;}
#error a{ color:#FF0; text-decoration:underline;}
#error a:hover{ color: #6FF;}

.old-price{ color: #FFC; text-decoration:line-through;}
.off-price{ color: #D3EEFA;}
#sitemap{ width:940px; float:left; padding:20px 0;}
#sitemap li{ color:#CCC; float:left; padding:5px; display:block; width:300px; height:24px; text-align:center; border: #666 1px solid;}
#sitemap li a{ color: #F90; font-weight:bold;}
#desired,#start{ width:60px;}

#days,#hours,#price{ width:60px; height:18px; float:left; background:#CCC; border:#333 1px solid;}

.w600{float:left; width:650px; color:#FFC;}
.w600 span{ color: #F00;}

.w300-par{float:left; width:300px; color:#FFC; padding:10px 0 10px 200px;}
.textffc{color:#FFC;}
.par-b10{ padding-bottom:10px;}
.mar-t10{ margin-top:10px;}

.text17ccff{ color:#17ccff;}
.textccc{ color:#CCC;}

.payment{ float:left; width:740px; text-align:left; color: #6CF; padding:0 0 8px 0;}
.payment span{ float:left; width:450px;}
.payment img{ float:right; margin:0 0 0 8px;}
.payment a{  color: #6CF;}
.payment a:hover{ text-decoration:underline;}

#levelList-box{ float:left; width:725px; margin:5px 0 0 0;}
.levelList-box-title{ float:left; width:700px; font-weight:bold; float:left; padding:10px 0 0 20px;}
.levelList-tr{ float:left; width:725px; background:#313131 url(../images/leve-list-bg.gif) repeat-y 0 0; border-bottom:#000 1px solid; color:#CCC; text-align:center;}
.levelList-th{ background:#000; color:#FF0; font-weight:bold;}
.levelList-td01,.levelList-td02,.levelList-td03{ float:left;  height:20px; line-height:20px;}
.levelList-td01{ width:250px;}
.levelList-td02{ width:251px;}
.levelList-td03{ width:223px; float:right;}
.levelList-height09{ height:188px;}
.levelList-LH09{line-height:188px;}
.levelList-height10{ height:209px;}
.levelList-LH10{line-height:209px;}
.levelList-height04{ height:84px;}
.levelList-LH04{line-height:84px;}
.box-border-b1{ border-bottom:1px #000 solid;}
.levelList-bg2f{ background: #515151 url(../images/leve-list-bg.gif) repeat-y 0 0;}
.addSafe{display:block; padding:0px 15px; width:600px; height:30px; line-height:30px; font-size:14px; color:#F90;}