/*
auther:wq
date:09.09.30
*/

body{ font-family:SimSun, Arial,sans-serif; margin:0; padding:0; background:#990000; font-size:12px;}

div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
ul,ol,li{list-style:none;}
input,area{ color:#292929;}
.clear{clear:both; font-size:0; height:0; }
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a {blr:expression(this.onFocus=this.blur())}

/* main */
#main{ width:950px; margin:0 auto; overflow:hidden; background:#fff;}


/* top */
.top {width:950px; overflow:hidden; height:43px !important; height /**/:44px; background:url(../images/bg_topnav.jpg) 0 0 repeat-x; text-align:center; border-bottom:1px solid #fff;}
.top a {color:#4B4B4B; text-decoration:none; font-size:12px;}
.top a:hover {color:#FF0000; text-decoration:none; font-size:12px;}
.toplogo{ float:left; padding-left:40px; text-align:left;} 
.top01{ padding-left:38px; float:left; text-align:right; padding-top:14px;}
.top01 a{ display:block; text-align:center; font-size:12px; color:#000; width:86px; line-height:20px; height:20px; background:url(../images/ico.gif) 0 0 no-repeat;}
.top02{ width:185px; float:left; text-align:right; padding-top:14px;}
.top03{ width:387px; float:right; text-align:left; padding-top:14px;}
.top03 a{ display:block; float:left; margin-right:6px; display:inline; text-align:center; font-size:12px; color:#000; width:86px; line-height:20px; height:20px; background:url(../images/ico.gif) 0 0 no-repeat;}

/* banner */
.banner{ width:950px;}

/* main01 */
.main01{ width:944px !important; width /**/:950px; padding:0 3px; margin-top:5px; overflow:hidden; background:#fff; border-top:1px solid #D2D2D2;}
.main01 .left{ width:200px; background:#EFEFEF; float:left;}
.main01 .right{ width:744px; float:right;}

/* user */
.user{ width:200px; height:156px !important; height /**/:205px; padding-top:49px; background:url(../images/bg_user.jpg) 0 0 no-repeat;}
.user span{  float:left; display:block;}
.user .span01{ padding-top:1px; padding-left:4px;}
.user .input01{ border:none; width:109px !important; width /**/:115px; text-align:left; height:17px !important; height /**/:20px; padding:3px 3px 0; background:#EBEBEB; font-size:12px; color:#000;}
.user .input02{ border:none; width:46px !important; width /**/:52px; text-align:left; height:17px !important; height /**/:20px; padding:3px 3px 0; background:#EBEBEB; font-size:12px; color:#000;}
.user .btn_yz{ width:63px; height:21px; cursor:pointer; border:none; font-size:12px; font-weight:700; color:#B23B00; background:url(../images/ico.gif) 0 -40px no-repeat;}
.user .btn_reg{ width:63px; height:21px; cursor:pointer; border:none; font-size:12px; font-weight:700; color:#B23B00; background:url(../images/ico.gif) 0 -40px no-repeat;}
.user .fred{ color:#FF0000;}
.user .fred a{ color:#FF0000;}

.user{ width:188px !important; width /**/:200px; height:156px !important; height /**/:205px; padding-top:49px; background:url(../images/bg_user.jpg) 0 0 no-repeat; padding-left:12px;}
.tdREG{ height:30px; vertical-align:bottom;}
.td02{ height:26px; vertical-align:top; text-align:left;}
.td04{ height:26px; vertical-align:top; text-align:left;}
.td04 img{ margin-left:5px; margin-top:0px;}
.td04 span{ display:block; float:left;}
.tdpsw{ height:22px; vertical-align:center; padding-left:50px; text-align:left;}
.tdpsw a{ color:#FB0000;}
.td01{ width:48px; color:#000;}
.userinput01{ border:none; width:100px !important; width /**/:106px; text-align:left; height:17px !important; height /**/:20px; padding:3px 3px 0; background:#EBEBEB; font-size:12px; color:#000;}
.userinput02{  border:none; width:100px !important; width /**/:106px; text-align:left; height:17px !important; height /**/:20px; padding:3px 3px 0; background:#EBEBEB; font-size:12px; color:#000;}
.userinput022{ width:150px; height:19px; border:none; background:#EBEBEB; font-size:12px; color:#000;}
.userinput03{ border:none; width:36px !important; width /**/:42px; text-align:left; height:17px !important; height /**/:20px; padding:3px 3px 0; background:#EBEBEB; font-size:12px; color:#000;}
.userinput033{ width:85px; height:19px; background:#EBEBEB; font-size:12px; color:#000;}
.signInOut{ margin:0 auto; width:439px !important; width /**/:719px; padding-left:290px; padding-top:86px; text-align:left; }


.td05{ color:#FFFFFF; background:url(../images/bg_userin.gif) 0 0 no-repeat;}
.td05 img{ vertical-align:middle;}
.BgLoadIn{ background:url(../images/bg_user3.gif) center bottom no-repeat;}
.BgLoadIn li{ height:26px;}

/* contact */
.contact{ width:184px; height:225px; margin:6px auto 0; background:url(../images/bg_contact.gif) -188px 0 repeat-y;}
.contactTOP{width:184px; height:6px; font-size:0; overflow:hidden; background:url(../images/bg_contact.gif) 0 0 no-repeat;}
.contactBOT{width:184px; height:6px; font-size:0; overflow:hidden; background:url(../images/bg_contact.gif) 0 -13px no-repeat;}
.contact h1{ padding-left:8px; line-height:28px; overflow:hidden; margin:0 auto; text-align:left; font-size:12px; color:#000; }
.contact h1 a{ color:#2000FE; font-weight:normal;}
.contact p{ width:165px; overflow:hidden; line-height:16px; margin:0 auto; text-align:left; font-size:12px; color:#000; }

/* LeftPay */
.LeftPay{ width:184px; padding-bottom:12px; padding-top:12px; margin:0 auto;}


/* LeftAdv */
.Left02{ width:200px; overflow:hidden; background:#fff;}
.LeftAdv{ width:191px !important; width /**/:200px; padding-left:9px; height:117px !important; height /**/:126px; padding-top:9px; margin:6px auto 0; background:url(../images/bg_adv.jpg) 0 0 no-repeat;}
.LeftAdv img{ margin:0 auto; width:180px; height:105px; }
#demo { width:180px !important; width /**/:182px; height:105px !important; height /**/:107px;border:1px solid #000000; overflow:hidden; text-align:left; }
#demo ul{ width:1780px; text-align:left;}
#demo1, #demo2 { display:inline; float:left; width:720px;}


/* infor */
.infor{ width:200px; margin:0px auto 0; background:url(../images/bg_infor.gif) -200px 0 repeat-y;}
.infor h1{width:200px; height:32px; line-height:32px; font-size:14px; font-weight:700; color:#000; padding-left:42px; text-align:left; overflow:hidden; background:url(../images/bg_infor.gif) 0 0 no-repeat;}
.infor h1 a{ color:#000;}
.infor p{ width:180px; margin:10px auto 0; height:142px; font-size:12px; line-height:24px; text-align:left; color:#000;}
.inforBOT{width:200px; height:7px; font-size:0; overflow:hidden; background:url(../images/bg_infor.gif) 0 -41px no-repeat;}

.infor .focusTopic {width:180px; margin:10px auto 0; height:142px; font-size:12px; line-height:24px; text-align:left; color:#000;}
.infor .focusTopic .focusTopic_tit { display:none;}
.infor .focusTopic .focusTopic_tit a { font-size:14px; font-weight:bold; color:#000;}
.infor .focusTopic .focusTopic_cont { padding:5px 5px 0; text-align:left; line-height:19px;}
.infor .focusTopic .focusTopic_pic { display:none;}
.infor .focusTopic .focusTopic_pic img { border:1px solid #000; margin-right:5px; width:150px; height:160px;}
.infor .focusTopic .focusTopic_txt {}
.infor .focusTopic .focusTopic_txt a { color:#000;}
.infor .focusTopic .focusTopic_txt .moreLnk { color:#000; font-weight:700;}

/* right01 */
.right01 { width:100%; height:243px; overflow:hidden;}

/* HotImg */
#HotImg{ float:left; width:448px !important; width /**/:465px; height:228px !important; height /**/:243px; padding-left:17px; padding-top:15px; background:url(../images/bg_hotimg.jpg) 0 0 no-repeat;}
#HotImg .pic{ float:left; }
#HotImg .pic img{ width:350px !important; width /**/:352px; height:202px !important; height /**/:204px; border:1px solid #303030; display:block;}
#HotImg .pic h1{width:460px; height:30px; line-height:30px; text-align:center; left:8px; bottom:8px; font-size:14px; color:#fff;}
#HotImg .pic h1 a{ color:#fff;}
#HotImg .smallpic{ width:88px; height:42px; float:right; margin-bottom:8px; }
#HotImg .smallpic ul{ }
#HotImg .smallpic li{ width:70px; margin-bottom:12px;  height:40px; cursor:pointer;}
#HotImg .smallpic li img{ width:70px; height:40px; display:block;}
.topNewsClip_ON{border:none;}
.topNewsClip_OFF{border:1px solid #000000;}

/* GameNews */
.GameNews{ width:275px; float:right;}
.GameNews h1{ width:275px; overflow:hidden; height:34px; margin-bottom:12px;  background:url(../images/ico.gif) 0 -95px repeat-x;}
.GameNews h1 .title{ float:left; width:180px !important; width /**/:205px; padding-left:25px; text-align:left; height:34px; line-height:34px; font-size:14px; color:#000; background:url(../images/ico.gif) 0 -71px no-repeat;}
.GameNews h1 .more{ float:right; width:40px; padding-top:10px;}
.GameNews h1 .more a{ display:block; width:35px; height:12px; background:url(../images/btn_more.gif) 0 0 no-repeat;}
.GameNews li{ padding-right:5px; height:20px; text-align:right; padding-left:16px; font-size:12px; color:#B2B2B2; background:url(../images/ico.gif) 8px -146px no-repeat;}
.GameNews li a{ font-size:12px; color:#000000; float:left;}
.GameNews li a:hover{ color:#FF0000;}

/* right02 */
.right02{ width:730 !important; width /**/:738px; padding-left:8px;}
.right02 img{ width:730px; height:90px;}

/* right03 */
.right03{  width:730 !important; width /**/:738px; padding-left:8px; overflow:hidden; padding-top:6px; }

/* GameIntro */
.GameIntro{ margin-left:8px; width:730px; height:225px; background:url(../images/bg_intro.jpg) 0 0 repeat-x; margin-top:8px;}
.GameIntro h1{ width:720px; margin:0 auto; height:34px; margin-bottom:12px; background:url(../images/ico.gif) 0 -95px repeat-x;}
.GameIntro h1 .title{ float:left; width:530px !important; width /**/:560px; padding-left:30px; text-align:left; height:34px; line-height:34px; font-size:14px; color:#000; background:url(../images/ico.gif) 5px -71px no-repeat;}
.GameIntro h1 .more{ float:right; width:40px; padding-top:10px;}
.GameIntro h1 .more a{ display:block; width:35px; height:12px; background:url(../images/btn_more.gif) 0 0 no-repeat;}
.GameIntro p{ width:650px; margin:0 auto; text-align:left; font-size:12px;  color:#000; line-height:24px;}
.GameIntro p a{ font-size:12px; font-weight:700; color:#000;}

/* ModelEach */
.ModelEach{ width:363px; float:left;}
.ModelEach h1{ height:30px; margin-bottom:6px; background:url(../images/title01.gif) 0 0 no-repeat;}
.ModelEach h1 .title{ float:left; width:180px !important; width /**/:205px; padding-left:25px; text-align:left; height:34px; line-height:30px; font-size:14px; color:#000; }
.ModelEach h1 .more{ float:right; width:50px; padding-top:10px;}
.ModelEach h1 .more a{ display:block; width:35px; height:11px; background:url(../images/more.gif) 0 0 no-repeat;}
.ModelEach ul{ width:100%; overflow:hidden;}
.ModelEach li{ padding-right:5px; height:25px; line-height:25px; border-bottom:1px solid #ededed; text-align:right; padding-left:20px; font-size:14px; color:#B2B2B2; background:url(../images/ico.gif) 10px -142px no-repeat;}
.ModelEach li a{ color:#000000; float:left;}
.ModelEach li a:hover{ color:#F90017;}
.modelmar{ margin-left:8px;}

/* ==================================== pay page =================================== */
.MainPay{ width:950px; overflow:hidden;}
.MainPay h1{ padding-left:36px; text-align:left; font-size:14px; color:#000; padding-top:14px; height:27px !important; height /**/:41px; background:url(../images/title02.gif) 5px 0 no-repeat;}

.MainPayCont{ width:100%; overflow:hidden; margin-top:25px; background:url(../images/bg_pay.gif) left bottom repeat-x;}
.MainPayCont .left{ width:355px; height:270px; margin-top:10px; float:left; background:url(../images/bg_pay02.gif) right top no-repeat;}
.MainPayCont .right{ width:556px; float:right;}
.ServerMail{ padding-left:55px; padding-top:23px; height:110px !important; height /**/:133px; text-align:left; font-size:16px; line-height:40px; font-weight:700; color:#000;}
.ServerMail a{ color:#0800AF;}

.servers{ padding-left:55px; padding-top:20px; text-align:left; font-size:16px; line-height:30px; font-weight:700; color:#000;}
.servers select{ width:166px; text-align:center; margin-top:15px;}



.pay_right{ text-align:left; width:511px; overflow:hidden; background:url(../images/bg_pay032.gif) left top repeat-y;}
.pay_right01{ text-align:left; width:511px; height:14px; overflow:hidden; background:url(../images/bg_pay031.gif) left top no-repeat;}
.pay_right02{ text-align:left; width:511px; overflow:hidden; height:305px; background:url(../images/bg_pay033.gif) left bottom no-repeat;}
.PayBtn{ text-align:center; clear:both; padding-right:40px;}
.PayBtn input{ width:101px; height:42px; cursor:pointer; background:url(../images/btn_change.gif) left top no-repeat; text-align:left; border:none; clear:both;}

.PayServer0814{ text-align:left;}
.PayServer0814 select{ width:150px; text-align:center;}

.PayWay2{ float:left; text-align:left; padding-top:25px;}
.PayWay2 h2{ padding-left:12px; font-size:16px; color:#000; clear:both; height:32px;}
.PayWay2 dl{ padding-left:70px; width:165px !important; width /**/:235px; height:28px; float:left;}
.PayWay2 dt{ width:25px; padding-top:2px; float:left;}
.PayWay2 dd{ width:90px; padding-top:4px; font-size:14px; float:left;}
.PayWay2 dd label{ height:22px; cursor:pointer;}

.PaySize{ width:100%; padding-top:20px; float:right;}
.PaySize h2{ padding-left:12px; font-size:16px; color:#000; clear:both; height:32px;}
.PaySize dl{ height:28px; }
.PaySize dt{  padding-left:70px; text-align:left;float:left;}
[xmlns] .PaySize dt{ padding-left:70px; text-align:left; padding-top:5px; float:left;}
.PaySize dd{ width:140px; line-height:24px; float:left;}
[xmlns] .PaySize dd{ width:140px; line-height:24px;  padding-top:4px; float:left;}
.PaySize dd label{ height:24px; cursor:pointer; color:#000; font-size:12px;font-size:14px; }
.PaySize .clear{ clear:right;}
.PaySize .clear2{ float:none; clear:left;}
.PayBtn{ width:100%; padding-bottom:18px; padding-top:30px; text-align:center; overflow:hidden; clear:both;}
.PayBtn input{ width:184px; height:34px; cursor:pointer; background:url(../images/btn_pay.gif) 0 0 no-repeat;}
.PayBtn span{ width:184px; margin:0 auto; line-height:34px; font-size:14px; font-weight:700; color:#fff; height:34px; display:block; background:url(../images/bg_later.gif) 0 0 no-repeat;}
.PayBtn span a{ color:#F8E363; font-size:14px;}



/* footer */
.footer{width:950px; height:84px !important; font-size:12px; color:#000; line-height:30px; text-align:center; height /**/:104px; padding-top:12px;background:url(../images/bg_footer.gif) center top no-repeat; padding-top:20px; margin-top:5px;}
.footer a{ color:#000;}