@charset "utf-8";
/*
    Author Gail
	Time 2009/06/20
    CSS cascading CSS 2.0
*/
@import url(font.css);
@import url(table.css);
body{ margin:0; padding:0; background: #694956 url(../images/bg.jpg) top  center no-repeat fixed; font-family:Tahoma,Geneva, Arial, Helvetica, sans-serif, "Berlin Sans FB ...";  color: #333333;font-size:11px;}
img{ border:0;}
ul,li,dl,dt,dd,p,span,form{ 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;  float:left;font-size:11px; }
a{color:#333333; text-decoration:none;}
a:hover{ color: #FF3300; text-decoration: underline;}
#hint{position:absolute; z-index:10000; width:200px; height:30px; border:2px solid #dfdfdf; color:#3f3f3f; font-weight:bold;  line-height:30px; background:#efefef;}
.waiting{float:left; margin:7px 5px 0px;}
/*header*/
#headerOut{ width:100%;margin:0 auto; background: url(../images/header_bg.gif) repeat-x 0 -34px; height:114px;}
#header{ width:1000px;margin:0 auto; background:#FFFFFF url(../images/header_tbg.gif) repeat-x 0 0; height:114px;}
#headerOut{ width:100%;margin:0 auto;  height:114px;background:none;}/**圣诞专用**/
.topRss{float:left; width:30px; text-align:left; padding-top:30px;}
.topbook{float:left; width:100px; text-align:left; padding-top:30px; padding-left:80px;}
.hLeft{ float:left; width:700px; padding:5px 0 0 10px; background:url(../images/header_lbg.gif) no-repeat right;}
.hRight{float:left; width:796px; height:87px;}
#header ul.nav{float:left; width:1000px; height:37px; background:#191921 url(../images/nav_bg.gif) repeat-x 0 0; line-height:37px;}
#header ul.nav li{float:left; padding:0 35px; background:url(../images/nav_line.gif) no-repeat left;}
#header ul.nav li#home{margin-left:40px; display:inline; background: none;}
#header ul.nav li a{ color:#FFFFFF;  font-weight:bold; text-decoration:none;}
#pointOut{width:100%;background: url(../images/point_bg.gif) repeat-x;height:24px;margin:0 auto;}
#pointOut{width:100%;height:24px;margin:0 auto;background:none;}/**圣诞专用**/
#pointOut div.point{ margin:0 auto; width:1000px; height:24px; background:#f2f2f2 url(../images/point.gif) repeat-x 0px 0px; line-height:24px; padding-left:0px;}
#pointOut div.point div.point_ioc{float:left;background:url(../images/point_ioc.gif) no-repeat 20px 7px; display:block; width: 40px; height:20px;}
/*main*/
#main{width:1000px;margin:0 auto; background:#FFFFFF ; padding:6px 0 10px 0; }
#left{float:left; width:194px; display:block;}

#left div.divsub{float:right; width:184px; background: url(../images/box_bg.gif) repeat-y 0 0; margin:0 0 0px 0; background:#ececec; padding:0 0 10px 0;}
#login-title{background: url(../images/title_login.gif) no-repeat0 0; }
#left div.divsub label{ float:left;display:block; padding:0px 0 0 17px; line-height:18px;}
.password{ width:160px;}
.password a{ color:#03C; text-decoration:underline; text-align:center;}
.password a:hover{ color:#F30;}

#left div.divsub input{ float:left; font-size:11px;}
#left div.divsub .input-index{ width:140px; height:14px; border:#D0D0D0 1px  solid;float:left;display:inline; padding:2px 5px; margin-left:17px;}

#left div.divsub .input-login-img{margin-left:10px; margin-top:6px;display:inline;}
#left div.divsub .sign-up-bot{display:block; width:72x; height:22px; float:left; padding:6px 0 0 13px;}

.subTitle{float:left; width:185px;height:30px; line-height:30px; font-weight:bold; text-align:center; background: url(../images/box_top.gif)  no-repeat 0 0; color:#FFF;}
.login-title{float:left; width:185px;height:30px; line-height:30px; font-weight:bold; text-align:center; background: url(../images/title_login.gif)  no-repeat 0 0; color: #FFF;}
.hello{ float:left; width:160px; padding:5px; margin-left:5px; color:#F00; font-weight:bold; background: #fffdd8; border: 1px #FC6 dashed; display:inline; margin-bottom:10px;}
.login-in{float:left; width:160px; padding:0 0 5px 0; margin-left:5px;}
.login-in li{float:left; width:140px; padding:0 0 0 20px; background:url(../images/ioc.gif) no-repeat 0 5px; line-height:20px; font-weight:bold;}
.login-in li a{ color:#993300;}
#left ul.sub{float:right; width:160px;line-height:25px; padding:5px 10px 0 0;}
#left ul.sub li a{float:left; width:130px; height:25px; line-height:25px; background:#f7f4f4 url(../images/sub-bg.gif) no-repeat 10px 6px; padding-left:30px; border:#CCC 1px solid; margin:2px 0; text-decoration:none;}
#left ul.sub li a:hover{background:#e8e8e8 url(../images/sub-bg-on.gif) no-repeat 10px 6px;  border:#CCC 1px solid; color:#9a0005;}
.hot{ float:left;  display: block; width:130px;background:url(../images/hot.gif) no-repeat 98px 8px; cursor:pointer;}
.boxL{float:right; width:185px; background:#ececec url(../images/title_guide.gif) no-repeat 0 0; }
.boxLTitle{float:left; width:170px;height:30px; line-height:30px; font-weight:bold; text-align:center; color:#FFF;}
.boxLul{float:right; width:170px;line-height:35px; padding-bottom:10px;}
.boxLul li{float:left; width:145px; height:25px; line-height:25px; background: url(../images/sub2_bg.gif) no-repeat 0 10px; padding-left:10px;}


#left h4.tesTitle{float:right; width:145px; background: url(../images/ico_black.gif) no-repeat 10px 10px; height:35px; line-height:35px; font-weight:bold; padding-left:40px; color:#FF9900; }
#left p.tesArticle{float:right; width:165px; line-height:18px;padding:0 10px 10px 10px; text-align:justify;}
#left p.tesArticle_name{float:right; width:165px; line-height:24px;padding:0 10px 5px 10px; text-align:justify; border-bottom:#999999 1px  dashed;}
#left p.tesArticle_name img{float:left; margin:5px 5px 0 0; border:#666666 1px solid;}
.line14{ line-height:14px;}
#mainRight{ float:right; width:800px;}
#Mid{float:left; width:600px;}
#hd{ float: left; width:592px; height:167px; margin-bottom:6px; background:url(../images/0001.jpg) no-repeat 0 0; padding:4px;}

#Mid div.news{float:left; width:598px; background:url(../images/title_01.gif) repeat-x 0 0; border:#dbe6e4 1px solid; margin-top:6px;}
.boxr1{border-left:#CCCCCC 1px solid}
#Mid div.news div.newsL{float:left; width:200px; height:32px;}
#Mid div.news div.newsL h6{  padding-left:20px; line-height:32px;}
#Mid div.news div.newsR{float:left; width:380px; height:17px; text-align: right; padding:10px 10px 0 0;}
#Mid ul.newsList{float:left; width:598px; }
#Mid ul.newsList li{line-height:28px; border-bottom:1px #CCCCCC dashed; color:#6699cc;}
#Mid ul.newsList li span{ float:left; display:block; width:450px; height:28px;}
#Mid ul.newsList li a{ display:block; padding-left:30px; height:28px;width:568px; line-height:28px; background: #FFFFFF url(../images/ico_jt.gif) no-repeat 10px 12px; color:#333333; text-decoration:none;}
#Mid ul.newsList li a:hover{ display:block; padding-left:30px; height:28px;width:568px; line-height:28px; background:#e3faff url(../images/ico_jt_on.gif) no-repeat 10px 12px;color:#0066ff;}

#Mid ul.FAQ{float:left;width:580px; padding:10px; text-align:justify;}
#Mid ul.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;  }
#Mid ul.FAQ li span{ float:left;display: block;width:540px; font-weight:normal; color:#333333; }
#Mid div.title{float:left;width:580px; padding:5px 10px;}
#Mid div.title300{float:left;width:300px; padding:5px 10px;}
#Mid div.title260{float:left;width:260px; padding:5px 0; text-align:right;}
#Mid div.title450{float:left;width:450px; padding:5px 10px;}
#Mid div.bannerAion{float:left;width:580px; padding:0 5px 5px 5px;}
.titleText{font-size:11px; color:#333333;}
#Mid p.orderGuide{float:left;width:580px; padding:5px 10px; line-height:20px; }
#Mid p.orderGuide a{ color: #333; }
#Mid p.orderGuide a:hover{ color: #333; }

#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;}
#Mid ul.sale li.sale1{float:left;width:60px; text-align:right; padding-right:10px; font-weight:bold; }
#Mid ul.sale li.sale130{float:left;width:130px; text-align:right; padding-right:10px; font-weight:bold; }
#Mid ul.sale li.sale420{float:left;width:420px; text-align:left;}
#Mid ul.sale li.sale2{float:left;width:250px; text-align:left;}
#Mid ul.sale li.sale2 input{float:left;width:140px; margin-right:5px; }
#Mid ul.sale li.sale3{float:left;width:80px; text-align:right; padding-right:10px; font-weight:bold;}
#Mid ul.sale li.sale4{float:left;width:130px; text-align:left;}
#Mid ul.sale li.sale4 input{float:left;width:60px;margin-right:5px;}
#Mid ul.sale li.sale5{float:left;width:530px; text-align: right;}
#Mid div.saleDiv{float:left;width:578px; padding:5px; line-height:20px; border:#CCCCCC solid 1px; margin:0 0 0 5px;}
#Mid div.saleDiv div.product{float:left;width:578px;}
#Mid div.saleDiv div.product_tr{float:left;width:578px; }
.line30{ line-height:40px;}
#Mid div.saleDiv p.productAion{float:left;width:255px; background:#edecec; font-weight:bold; margin:0 1px 1px 0; text-align:left; padding:3px 0 3px 10px;}
#Mid div.saleDiv p.priceAion{float:left;width:160px; background:#edecec;  font-weight:bold; margin:0 1px 1px 0;text-align:left; padding:3px 10px; color:#FF6600;}
#Mid div.saleDiv p.SelectAion{float:left;width:110px; background:#edecec; font-weight:bold; margin:0 1px 1px 0;text-align:left;padding:3px 10px; text-align:center;}
#Mid div.saleDiv p#bgproductAion{ color:#FFFFFF; background:#333333; text-align:center;}
#Mid div.saleDiv p#buyNowAion{float:left;width:550px; text-align: right; padding:10px 0;}
#Mid div.saleDiv p#salePic{ background:#edecec url(../images/sale.gif) 120px 5px no-repeat; height:40px; color:#FF0000;}
#Mid div.saleDiv p#salePic span.textSC{ text-decoration: line-through; color:#333333;}
#Mid div.saleDiv p#saleTop{height:40px; line-height:40px;}
#Mid div.saleDiv p#saleTop img.inputTop{ margin-top:10px;}
#Mid p.newsTitle{float:left;width:580px; padding:5px 10px; line-height:24px;font-weight:bold; color: #993300; }
#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 .cdKey{float:left;width:568px; padding:10px; line-height:20px; border:#CCCCCC dashed 1px; margin:0 0 0 5px;}
#Mid .cdKey a{ color: #039;}
.LevelText{float:left;width:540px; padding:0px 0 5px 0; line-height:20px;  display:block;}
.LevelText a{color: #039;}
.Level99{float:left;width:80px; padding:0 10px 0 0; line-height:20px;  display:block; color:#036;}
.LevelM{float:left;width:400px; padding:0 10px; line-height:20px;  display:block; color: #360;}

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

.mid-part01 a{display:block; height:92px;width:180px; padding:20px 20px 0 100px;background:url(../images/pic-01.gif) no-repeat 0 0; color:#FFF; text-decoration:none;}
.mid-part01 a:hover{background:url(../images/pic-01-on.gif) no-repeat 0 0;text-decoration:none; }

.mid-part02 a{display:block; height:92px;width:177px; padding:20px 20px 0 100px;background:url(../images/pic-02.gif) no-repeat 0 0; color:#333; text-decoration:none;}
.mid-part02 a:hover{background:url(../images/pic-02-on.gif) no-repeat 0 0; color:#FFF;text-decoration:none;}

.mid-part03 a{display:block; height:92px;width:180px; padding:20px 20px 0 100px;background:url(../images/pic-03.gif) no-repeat 0 0; color:#333; text-decoration:none;}
.mid-part03 a:hover{background:url(../images/pic-03-on.gif) no-repeat 0 0;color:#FFF;text-decoration:none;}

.mid-part04 a{display:block; height:92px;width:177px; padding:20px 20px 0 100px;background:url(../images/pic-04.gif) no-repeat 0 0; color:#333; text-decoration:none;}
.mid-part04 a:hover{background:url(../images/pic-04-on.gif) no-repeat 0 0; color:#FFF;text-decoration:none;}


.mid-part05 a{display:block; height:92px;width:180px; padding:20px 20px 0 100px;background:url(../images/pic-05.gif) no-repeat 0 0; color:#333; text-decoration:none;}
.mid-part05 a:hover{background:url(../images/pic-05-on.gif) no-repeat 0 0;color:#FFF;text-decoration:none;}

.mid-part06 a{display:block; height:92px;width:177px; padding:20px 20px 0 100px;background:url(../images/pic-06.gif) no-repeat 0 0; color:#333; text-decoration:none;}
.mid-part06 a:hover{background:url(../images/pic-06-on.gif) no-repeat 0 0; color:#FFF;text-decoration:none;}

.mid-part-title{display:block; width:180px; height:20px; line-height:20px; color:#F30; font-weight:bold;}



.Pack{float:left;width:560px; padding:0px 10px 10px 10px; border-bottom:#CCCCCC 1px dashed; margin-bottom:4px;}
.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;}
.PackTitle img{ margin:4px 0 0 10px;}
.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;}
.Pack ul{float:left ; width:150px; margin-top:10px;}
.Pack li{float:left;}
.PriceLeft{width:50px; line-height:20px;font-weight:bold;}
.PriceRight{width:100px; line-height:20px; color:#FF3300; font-weight:bold;}
.Pack p{ float:left; width:530px;text-align: right; }
.Pack p input{width:62px; height:20px; background:url(../images/bay.gif) no-repeat 0 0; border:0; cursor:pointer;}


#aboutUS{ width:965px; margin:10px auto;  line-height:20px;}
#aboutUS div.aboutBoxTop{float:left; width:100%; background:url(../images/topBox_top.gif) no-repeat 0 0; height:20px; }
#aboutUS div.aboutBoxMid{float:left; width:905px; background:url(../images/topBox_bg.gif) repeat-y 0 0; padding:0px 30px 10px 30px; text-align: justify;}
#aboutUS div.aboutBoxBottom{float:left; width:100%; background:url(../images/topBox_bottom.gif) no-repeat 0 0; height:10px; margin-bottom:15px;}
.text000{ color:#000000; font-weight:bold;}
.text900{ color: #990000; font-weight:bold;}
.text90018{color: #990000; font-weight:bold; font-size:11px; line-height:20px;}
.text30{ font-size:11px; color:#000000; font-weight:bold; }
#aboutUS div.aboutUsAll{ float:left; width:925px; padding:20px 20px; text-align:justify;}

#right{float:right;width:194px;}
#right p#contactUs{float:left;width:194px;background: url(../images/contact.gif) no-repeat 0 0; height:30px; display:block; text-align:center; color:#FFF; line-height:24px; font-weight:bold;}
#right ul#contactInfo{float:left;width:194px;}
#right ul#contactInfo li{  padding-left:40px; height:35px; line-height:14px; margin:3px 0;}
#right ul#contactInfo li a{ color:#003399; font-weight: normal; text-decoration: none;}
#right ul#contactInfo li a:hover{ color: #FF0000; text-decoration:underline;}
#right ul#contactInfo li#aim,#right ul#contactInfo li#msn,#right ul#contactInfo li#skyper{padding-left:0; line-height:18px; color:#CC0000; font-weight:bold;}
#right ul#contactInfo li#msn{ padding-left:0; line-height:18px;}
#right ul#contactInfo li#msn img,#right ul#contactInfo li#aim img,#right ul#contactInfo li#skyper img{ display:block;}
#right ul#contactInfo li#icq{ background:url(../images/icq.gif) no-repeat 0 5px; }
#right ul#contactInfo li#email{ background:url(../images/email.gif) no-repeat 0 5px; }
#right ul#contactInfo li#f_email{ background:url(../images/f_email.gif) no-repeat 0 5px; }
#right ul#contactInfo strong{ color:#cc3333;}
#right p.Help{float:left;width:194px;color:#cc3333; padding:3px 0;}
#right div#order{float:left;width:187px; background:#f8f8f8; padding:10px 0;}
#right div#order .orderTitle{float:left; display:block;width:187px; background: url(../images/ico_login.gif) no-repeat 0 0; height:42px;  line-height:28px;  font-weight:bold;  color:#fff; text-align:center;}
#right div#order p.orderL{float:left;width:50px; height:24px;line-height:24px; text-align:right; padding:0 5px 0 0px;}
#right div#order p.orderR{float:left;width:120px;height:24px;line-height:24px; text-align:left; padding:0;}
#right div#order p.orderR input{width:90px; height:12px; font-size:11px;}
#right div#order p.orderCHECK{float:left;width:140px;height:26px;line-height:26px; text-align:right; padding-top:5px;}
#right .payTitle{float:left; width:187px; background: url(../images/ico_login.gif) no-repeat 0px 0px; height:35px; line-height:28px; font-weight:bold; color:#fff; text-align:center;}
#right p.payPic{float:left; width:165px; line-height:18px;padding:0 10px 10px 10px;}
/*footer*/
#footer{width:1000px;margin:0 auto; background: #efefef; border-top:#CCCCCC 1px dashed; }
.footer_img{ float:left;width:800px; background:#FFFFFF; padding:10px 100px; line-height:100px;}
.footer_img01{ float:left;width:200px; float:left; text-align:center;}
.par_top20{ padding:20px 0 0 0;}
.par_top10{ padding:10px 0 0 0;}
#footer ul{float: left;width:820px; text-align:center; border-top:#fff 1px solid; padding-left:180px; font-weight:bold;}
#footer ul li{float: left; line-height:24px; margin:0 10px; display: inline;}
#footer ul li a{ color:#b06540;}
.footer_end{float: left;width:700px; padding-left:150px; text-align: center;}


#days,#hours{ width:40px;}
#price{ width:60px;}

#aion_pl{ float: left ;float:left;width:590px; padding:0 0 5px 5px;}
#aion_pl li{ float: left; text-align: center;background: url(../images/pl_bg.gif) repeat-x 0 0; display:block; width:118px; height:31px;line-height:13px; font-weight:bold; padding-top:3px;}
#aion_pl li#r_0{ margin-right:0;}
#aion_pl li a{  color:#fff; text-decoration:none;}
#aion_pl li a:hover{ color: #FFFF99;}
#aion_pl li#aion_now{ background: url(../images/pl_now.gif) repeat-x 0 0; }
#aion_pl li#aion_now a{ color:#036;text-decoration:none;}
.currencyDiv{ float: right; text-align:right; width:120px;}
#aion_pl li#r_0{ margin-right:0; width:165px;}
#aion_pl li#aion_now_r{ background: url(../images/aion_bg.gif) repeat-x 0 0;  border: #CC6600 1px  dashed; margin-right:0; width:165px;}
#aion_pl li#aion_now_r a{ color: #663300;}


.text_a{ color:#996600; font-weight:bold;}
#faq { float:left; width:100%; padding:0 0 20px 0;}
#faq  li{ border-bottom:#FFFFFF 1px solid;border-top:#FFFFFF 1px solid;}
#faq  li.titleFAQ{ font-size:11px; line-height:30px; text-align:left; font-weight:bold; border-bottom:#996666 1px solid;}
#faq dt{font-weight:bold;cursor:pointer;  color:#993300; line-height:20px; background: #f6f4f4 url(../images/q.gif) no-repeat 3px 2px; padding:0 0 0 30px;}
#faq dd{display:none; text-align:justify; background:#fbfbe6; padding:8px; line-height:150%; border-top:#fff 1px solid; color:#333300; }
.text066{ color:#066;}
.textc30{ color: #CC3300;}

.text16-c60{ font-size:11px; color:#CC6600;}

/** Index pack**/
.ind-pack-box{float:left; width:598px; background:url(../images/title_00.gif) repeat-x 0 0; border:#dbe6e4 1px solid; margin-bottom:5px;}
.ind-pack-box-title{float:left; width:598px; background:url(../images/title_01.gif) repeat-x 0 0;}
.w-420{ width:420px;}
.Declaration-text{ float: left; padding:5px 60px 5px 60px;  width:470px; line-height:16px; text-align: justify;}
.Declaration-text a{ color: #333; }
.Declaration-pic{background:url(../images/declaration-pic.gif) no-repeat 5px 7px; }
.Declaration-title{background:url(../images/titlt-talk.gif) no-repeat 10px 0;}
#imgADPlayer{ width:592px;}

#fitPrice,#price-red{ color:#F00;  font-weight:bold; margin-right:20px;}
#text960{ color:#960;}


#abyss-r-sub{ float:left; width:564px; height:28px; display:block; position:relative;margin-top:6px; margin-bottom:-1px; }
#abyss-r-sub li{ float:left; width:200px; height:28px;background:url(../images/r-sub-off.gif) no-repeat 0 0; display:block; font-size:11px; line-height:28px; text-align:center; color:#C00; }
#abyss-r-sub li a{ color:#333; text-decoration:none;}
#abyss-r-sub li.sub-r-now{ background:url(../images/r-sub-on.gif) no-repeat 0 0;font-weight:bold;}
#abyss-r-sub li.sub-r-now a{ color:#C00;}

.abyss-box{ float:left; border:#CCC 1px solid; width:582px; display: block;background:#FFF; padding:5px; display:none;}
.abyss-box-tr{ float:left; border-bottom:#CCC 1px solid; width:572px; display: block; padding:5px; line-height:18px;}
.abyss-box-left{ float:left;  width:200px; display: block; text-align:right;}
.abyss-box-right{ float:left;  width:332px; display: block; padding:0 15px; text-align:left;}
.w200{ width:220px; height:18px; font-size:11px;}
.w60{ width:60px; height:18px;font-size:11px; padding:0; margin:0 5px 0 0;}

.box0{ border:0;}


.bag-type-category{height:26px; float:left; display: block; padding:0 0 2px 6px;}
.bag-type-category li{float:left; line-height:22px; border:1px solid #ebd5c1; padding:0px 4px; margin:0px 2px 0px 0px; text-align:center;background:url(../images/sub-off.gif)  repeat-x 0 0 ; color:#930;}
.bag-type-category .li-hover{float:left; line-height:22px;background:url(../images/sub-on.gif)  repeat-x 0 0 ;border:1px solid #ebd5c1; padding:0px 4px; margin:0px 2px 0px 0px; text-align:center;}


.div-type-categoryT{height:26px; float:left; display: block; padding:0 0 2px 6px; width:590px; border-bottom:#930 1px solid;}
.div-type-categoryT a{float:left; line-height:22px; border:1px solid #ebd5c1; padding:0px 4px; margin:0px 2px 0px 0px; text-align:center;background:url(../images/sub-off.gif)  repeat-x 0 0 ; color:#930;}
.div-type-categoryT-now{float:left; line-height:22px;background:url(../images/sub-on.gif)  repeat-x 0 0 ;border:1px solid #ebd5c1; padding:0px 4px; margin:0px 2px 0px 0px; text-align:center;}


#SubPlPack{float:left; width:580px;  display:block; position:relative; margin-bottom:-1px; margin-left:6px;}
#SubPlPack a{float:left; display:block; padding:5px 15px; border:#dfc3aa 1px solid;margin-right:3px; background:url(../images/sub-plpack.gif) repeat-x 0 0; font-weight:bold; }
#SubPlPack a#SubPlPackNow { color:#900; background:#ffffdf url(../images/sub-plpacknow.gif) repeat-x 0 0;border-top:#dfc3aa 1px solid;border-left:#dfc3aa 1px solid;border-right:#dfc3aa 1px solid; border-bottom:#ffffdf 1px solid;}

.div-type-category{height:26px; float:left; display: block; padding:6px 0 2px 6px; width:580px;border:#dfc3aa 1px solid; background:#fcfbe5;margin:0 0 8px 6px;}
.div-type-category a{float:left; line-height:22px; border:1px solid #ebd5c1; padding:0px 4px; margin:0px 2px 0px 0px; text-align:center;background:url(../images/sub-off.gif)  repeat-x 0 0 ; color:#930;}
.div-type-category a#div-type-category-now{float:left; line-height:22px;background:url(../images/sub-on.gif)  repeat-x 0 0 ;border:1px solid #ebd5c1; padding:0px 4px; margin:0px 2px 0px 0px; text-align:center;}
.Friendlinks{ float:left; width:980px; text-align:center; padding:5px 0;}