@charset "utf-8";
img { padding: 0; margin: 0; border: none }
h1 { font-size: 24px; font-weight: normal }
h2 { font-size: 16px; font-weight: normal }
.wrap { width: 900px; margin: 0 auto }
.header { width: 100%; margin-top: 15px }
.openLogo { width: 100%; margin: 30px 0 10px 0 }
.logoTitle { font-size: 24px; margin-left: 5px; padding-left: 5px }
.steps { overflow: hidden }
.steps ul { margin: 0; padding: 0; list-style-type: none }
.steps li { width: 200px; height: 33px; padding: 0 25px 0 0; line-height: 33px; float: left; font-size: 18px; color: #3F322C; text-align: center; background: url(../images/stepsBg.gif) no-repeat right 0 transparent; background-color: #F4EBCD }
.steps li span { display: block }
.steps li span.first { background: url(../images/stepsBg.gif) no-repeat -18px -152px #F4EBCD }
.steps li.done { background: url(../images/stepsBg.gif) no-repeat 100% -38px #F4EBCD }
.steps li.current { background-color: #E7AF06; color: #fff }
.steps li.current span.first { background-position: -18px -76px; background-color: #E7AF06 }
.steps li.last { background-position: right -190px }
.steps li.lastCurrent { color: #FFF; background-color: #E7AF06; background-position: right -114px }
.main { overflow: hidden; margin-top: 20px }
.mainTop { height: 29px; overflow: hidden }
.topLeft { width: 5px; height: 29px; float: left; background-image: url(../images/left.jpg); background-repeat: no-repeat }
.topRight { width: 895px; float: left; height: 29px; background: url(../images/right.jpg) no-repeat right 0; background-color: #322F1F }
.title { height: 29px; line-height: 29px; padding-left: 20px; color: #E1E096; background: url(../images/btnBg.gif) no-repeat scroll 3px 2px transparent }
.Content { overflow: hidden;  }
.facebooIcon { width: 32px; height: 32px; float: left; margin-right: 15px }
#facebookReg { overflow: hidden; background-color: #eef2f8 }
#facebookText { height: 100%; overflow: hidden; padding: 15px 25px }
.text01 { width: 280px; overflow: hidden; line-height: 30px }
.textLeft { width: 50%; font-size: 24px; color: #30528b; float: left }
.textRight { width: 300px; padding-left: 35px; float: left; line-height: 21px; color: #30528b }
.reg { width: 161px; height: 26px; color: #FFF; border: none; margin-top: 10px; background: url(../images/regBg.jpg) no-repeat transparent; cursor: pointer }
.style01 { text-align: center; margin: 10px auto }
.style02 { text-align: center; margin: 55px auto 35px; line-height: 21px; color: #666c76 }
.styleA{ font-size: 14px; text-align: left; margin-bottom: 10px; margin-left: 80px }
.styleB { font-size: 14px; text-align: left; margin-left: 10px }
.styleA { margin-top: 10px; color: #A79968 }
.styleC { font-size: 14px; color: #9A9A9A; text-align: center; margin-top: 30px }
.styleC span a { color: #e1e096; font-weight: bold }
.style02 a { color: #cd1d06 }
.style03 { text-align: center; line-height:200%; line-height: 21px; color: #a79968; font-size: 16px; font-weight: bold }
.style04 { text-align: center; line-height: 21px; color: #cd1d06; font-size: 16px; font-weight: bold; margin: 10px auto 30px }
.regContent { margin-bottom: 20px }
.step01 { height: 100%; border-bottom:5px solid #3c3c3c; overflow: hidden }
.regContentTitle { height: 40px; display: block; float:left; font-size:16px; color:#e7af06; text-align:center; font-weight:bold; line-height: 40px; }
.arrow { width: 13px; height: 7px; position: relative; left: 46px; background: url(../images/arrow.gif) scroll no-repeat 0 0 transparent }
.regMain { margin: 35px auto; overflow: hidden }
.formRow { height: 100%; clear: both; overflow: hidden; margin-bottom:20px }
.formLable { width: 180px; text-align: right; line-height: 30px; font-size: 14px; float: left }
.formLable span.b{ color:#FF0000}
.webSite { width: 435px; height: 100%; float: left; overflow: hidden }
.formLable01 { text-align: left; line-height: 30px; font-size: 24px; float: left; margin-right: 5px; margin-left:5px;}
.formField { text-align: left; float: left; overflow: hidden }
.formFieldB { text-align: left; float: left; overflow: hidden }
.formClew { text-align: left; float: left; margin-left: 15px }
.error { width: 300px; height: 30px; color: #8D4646; line-height: 30px; padding-left: 5px; border: 1px solid #dd5555; background-color: #FFC6C6 }
.webError { width: 230px; color: #8D4646; line-height: 21px; margin-left: 73px; margin-top: 15px; padding-left: 5px; float: left; display: inline; border: 1px solid #dd5555; background-color: #FFC6C6 }
.attention { width:443px; line-height:30px; font-size:14px; padding-left: 5px; }
.attention a { color: #741616 }
.websiteAttention {  line-height: 21px; margin-left:0px; margin-top:15px;  float:left; display:inline }
.type01 { float: left; width: 245px; height: 30px; padding:0 5px; font-size:14px; line-height: 30px;  background-color:#e0e0e0; border: 1px solid #f2f2f2}
.type02 { width: 245px; height: 30px; float: left; line-height: 30px; background-color:#e0e0e0; border: 1px solid #f2f2f2 }
.type03 { margin-right: 35px }
.type04 { width: 100px; height: 30px; line-height: 30px; margin-right: 7px }
.type05 { width: 60px; height: 30px; line-height: 30px; margin-right: 7px }
.type06 { width: 100px; height: 30px; line-height: 30px; float: left; background-color:#e0e0e0; border: 1px solid #f2f2f2 }
.type07 { width: 130px; height: 30px; font-size:16px; font-weight:bold; padding:0 5px; float: left; line-height: 30px; background-color:#e0e0e0; border: 1px solid #f2f2f2 }
.type08 { width: 72px; height: 28px; float: left; line-height: 30px; background-color: #fff; margin-right: 10px; border: 1px solid #b8b8b8 }
.type10 { width: 320px; overflow: hidden; margin-bottom: 10px }
.type11 { width: 50px; float: left; height: 30px; line-height: 30px;  background-color:#e0e0e0; border: 1px solid #f2f2f2 }
.type12 { width: 120px; float: left; height: 30px; line-height: 30px; background-color: #fff7cf; border: 1px solid #b8b8b8 }
.type13 { width: 120px; float: left; height: 30px; line-height: 30px; background-color: #A4A089; border: 1px solid #BDB89E }
.type20{ width: 115px; float: left; height: 30px; line-height: 30px; background-color: #A4A089; border: 1px solid #BDB89E; color: #757575 }
.type19 { width: 115px; float: left; height: 30px; line-height: 30px; background-color: #A4A089; border: 1px solid #BDB89E; margin-left: 10px; color: #757575 }
.type14 { width: 70px; float: left; padding: 3px; line-height: 30px; margin-right: 7px; margin-top: 5px }
.type15 { float: left; width: 360px; height: 30px; line-height: 30px; background-color: #A4A089; border: 1px solid #BDB89E }
.type16 { width: 65px; float: left; height: 30px; line-height: 30px; margin-left: 10px; text-align: center; background-color: #A4A089; border: 1px solid #BDB89E }
.type17 { float: left; width: 310px; height: 30px; line-height: 30px; background-color: #A4A089; border: 1px solid #BDB89E }
.type18 { width: 320px; overflow: hidden; text-align: right; margin-bottom: 10px }
.passPic { width: 100px; height: 30px; margin: 0 10px; border: 1px solid #b8b8b8; float: left; overflow: hidden; cursor: pointer }
.formFieldB a, .formFieldB a:link, .formFieldB a:visited { color: #a2381f }
.pic { color: #a2381f }
.formChoose { padding-top: 5px }
.agreement { padding-left: 175px }
.agreementBtn { margin-left: 58px }
.agreement a, .agreement a:link, .agreement a:visited { color: #a2381f }
.submit { width: 174px; height: 39px; border: 0; margin: 10px 0 0 120px; background: url(../images/agreeBtn.gif) no-repeat transparent; cursor: pointer }
.b { color: #CC0000; font-family: Verdana; margin: 0 5px }
.back { width: 83px; height: 28px; border: 0; margin-bottom: 70px; margin-right: 15px; color: #fff; background: url(../images/btnBg02.gif) no-repeat transparent; cursor: pointer; zoom: 1 }
.check { width: 83px; height: 28px; border: 0; margin-bottom: 70px; margin-right: 15px; color: #333; background: url(../images/btnBg01.gif) no-repeat transparent; cursor: pointer; zoom: 1 }
.ok { width: 109px; height: 28px; border: 0; color: #fff; margin-bottom: 70px; margin-right: 15px; margin-top: 35px; background: url(../images/btnBg03.jpg) no-repeat transparent; cursor: pointer }
.setting { width: 83px; height: 28px; border: 0; margin-bottom: 30px; color: #FFF; background: url(../images/btnBg02.gif) no-repeat transparent; cursor: pointer }
.stepsSet { overflow: hidden }
.stepsSet ul { margin: 0; padding: 0; list-style-type: none }
.stepsSet li { width: 275px; height: 33px; padding: 0 25px 0 0; line-height: 33px; float: left; font-size: 18px; color: #3F322C; text-align: center; background: url(../images/stepsBg.gif) no-repeat right 0 transparent; background-color: #F4EBCD }
.stepsSet li span { display: block }
.stepsSet li span.first { background: url(../images/stepsBg.gif) no-repeat -18px -152px #F4EBCD }
.stepsSet li.done { background: url(../images/stepsBg.gif) no-repeat 100% -38px #F4EBCD }
.stepsSet li.current { background-color: #E7AF06; color: #fff }
.stepsSet li.current span.first { background-position: -18px -76px; background-color: #E7AF06 }
.stepsSet li.last { background-position: right -190px }
.stepsSet li.lastCurrent { color: #FFF; background-color: #E7AF06; background-position: right -114px }
.btnType { width: 83px; height: 28px; margin-left: 3px; float: left; display: inline; overflow: hidden }
.btnType01 { text-align: center; margin-top: 50px }
.line { width: 20px; float: left; font-weight: bold; text-align: center; line-height: 30px; font-size: 18px; color: #b8b8b8 }
.lineB { width: 20px; float: left; font-weight: bold; text-align: center; line-height: 30px; font-size: 18px; color: #b8b8b8; margin-left: 10px; overflow: hidden }
.add { width: 17px; height: 17px; border: none; margin-right: 15px; background: url(../images/addBtn.gif) no-repeat transparent; cursor: pointer }
.footer { margin: 25px 0 70px 0; text-align: center }
.websiteAttention ol { margin: 0; padding: 0; text-align: left }
.websiteAttention ol li { display: block }