*{ font-family:'微软雅黑'}
html {
  height: 100%;
}
body {
    font: 13px/150% "Microsoft YaHei";
    width:100%;
    position: relative;
    min-height: 700px;
    background: #f7fafc url(../img/bodybg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}
.wrapper{width:960px;margin:0 auto;text-align: left;}
.inputBox .saveinput{font-size:12px;}
.saveinput{_padding:1px auto;_border:1px solid #a6a6a6;_border-width:1px;_border-style:solid;_border-top-color:#a6a6a6;_border-left-color:#a6a6a6;_border-right-color:#d9d9d9;_border-bottom-color:#d9d9d9;_height:22px;_line-height:22px;_cursor:pointer;}
#pagebody label{cursor:pointer;}
.inputBox .saveinput{vertical-align:middle; background-color:#fff; border-radius:5px;}
.inputBox .saveinput[type=radio]{vertical-align:bottom;}
#pagebody textarea{overflow-y:scroll;border:1px solid;border-color:#a5a5a5 #eaeaea #eaeaea;}
.inputBox .saveinput[disabled=true],.inputBox .saveinput[readonly=true]{background:#ffe;border-color:#ccc;}
.inputBox .saveinput[type=file]{height:24px;line-height:20px;}
.inputBox .saveinput[type=text], .inputBox .saveinput[type=password] { height: 32px; border: 1px solid #d9d9d9;  font-size: 14px; line-height: 32px; padding: 8px; width: 420px; }
#pagebody select { height: 52px; border: 1px solid #d9d9d9;  font-size: 14px; line-height: 32px; padding: 8px; width: 440px; }
.inputBox .saveinput[type=button],.inputBox .saveinput[type=submit],#pagebody input[type=reset]{cursor:pointer;height:55px;width:440px; font-size:18px; border:0; border-radius:5px;}
.inputBox .saveinput[type=button]:active,.inputBox .saveinput[type=submit]:active,#pagebody input[type=reset]:active{top:1px;position:static;}
input.snsButton{line-height:22px;height:24px;background:#25A9F4;color:#fff;border:1px solid;border-color:#D8DFEA #00658C #00658C #D8DFEA;padding:0;}
input.snsButton:hover{background:#138fd5;}
input.snsButton{cursor:pointer;height:55px;width:440px; font-size:18px; border:0; border-radius:5px;}
input.snsButton:active{top:1px;position:static;}
input.snsButton2:hover{background:#ccc;}
input.snsButton:active{outline:1px solid #ff0;}
input.snsButton2:active{outline:1px solid #ccc;}
input.snsButton[disabled=disabled]{cursor:default;color:#e9dfba;}
.page_width,.page_inner{clear:both;text-align:left;}
#reg_page a{text-decoration:none;}
#reg_page .title{color:#3a3a3a;font-size:30px;font-family:微软雅黑,"Microsoft YaHei",sans-serif;padding:10px 20px; font-weight:normal; text-align:center}
#reg_page .title .g3_reg_left{ width:100%; text-align:center}
#reg_page .reg_info{margin-bottom:10px;width:97%;margin-left:12px;vertical-align:middle;text-indent:20px;padding:3px; font-size:16px; text-align:center;height:50px; line-height:50px;}
#reg_page .reg_info .reg_form span.item{width:109px;}
#reg_page .reg_form{}
#reg_page .reg_form ul{list-style-type:none;margin:0;padding:0;}
#reg_page .reg_form ul li{padding:0 0 12px; position:relative}
#reg_page .reg_form span.item{display:inline-block;width:125px;text-align:right;line-height:50px; font-size:14px;}
#reg_page .reg_form span.inputBox{display:inline-block;width:440px;line-height:normal;padding-bottom:1px;color:#393939;}
#reg_page .reg_form span.inputBox label{display:inline-block;margin:0;}
#reg_page .reg_form .inputNotice{display:inline-block;width:320px;color:#999;line-height:normal;padding:5px 12px 5px 30px;position:absolute}
#reg_page .reg_form .onShow{background:url(../img/onshow.gif) no-repeat;display:none;width:320px;color:#999;line-height:normal;padding:5px 12px 5px 30px; position:absolute}
#reg_page .reg_form .onFocus{background:#E9F0FF url(../img/onfocus.gif) no-repeat;display:inline-block;width:320px;color:#999;line-height:normal;padding:5px 12px 5px 30px;position:absolute; left:580px; top:15px;}
#reg_page .reg_form .onError{background:#FFF2E9 url(../img/onerror.gif) no-repeat;display:inline-block;width:320px;color:#999;line-height:normal;padding:5px 12px 5px 30px; position:absolute; left:580px; top:15px;}
/*
#reg_page .reg_form .onCorrect{background:#E9FFEB url(../img/oncorrect.gif) no-repeat;display:inline-block;width:320px;color:#999;line-height:normal;padding:5px 12px 5px 30px;}
*/
#reg_page .reg_form .onLoad{background:#E9FFEB url(../img/onload.gif) no-repeat 3px 3px;display:inline-block;width:320px;color:#999;line-height:normal;padding:5px 12px 5px 30px;}
#reg_page .reg_form input.code_input{width:100px;}
#reg_page .reg_form .normal{color:#000;background:#e7e7ff;}
#reg_page .reg_form .show{background:url(../img/snsicon002.gif) -667px -5px no-repeat;}
#reg_page .reg_form .pass{background:url(../img/snsicon002.gif) left -2px no-repeat;text-indent:-999999px;}
.inputBox  input[type=text],.inputBox input[type=password]{width:438px;}
#pagebody #reg_page .no{border:none;width:20px;height:23px;}
#reg_page,#reg_page .reg_form label{padding:0;}
#reg_page .reg_form ul li img,#reg_page .reg_form span{vertical-align:top;}
 @media screen and (max-width : 500px){
.wrap{width:auto; padding-top: 20px;}
.website{display: none;}
.reg_info{display: none;}
#reg_page .reg_form span.item{width: 85px}
.footer{position: relative;}
.page_width, .page_inner{border: 0}
.top_bar{display: none;}
#reg_page #reg_inout_bom{ padding-top: 0}
#reg_page .reg_form .onError{ display: block; position: absolute; top: 0;position: absolute;z-index: -1}
#reg_page .reg_form span.inputBox{ opacity: 0.8}
#reg_page .reg_form ul li{ position: relative;z-index: 1;}
.onError_bot{}
}
.new_header{ position:relative; height:55px; line-height:55px;}
.new_header h1{ position:absolute; left:40px; top:7px;}
.new_header .top_bar{ position:absolute; top:0;}
.imgVerify{ margin-left:25px;height:48px; font-size:16px;width:150px;border:1px solid #2299ee; text-align:center; line-height:48px; border-radius:5px; position: absolute; left:387px; top:0px; cursor:pointer}
.p_yzm_style{ background-color:#fff;margin-left:25px;height:48px; font-size:16px;width:150px;border:1px solid #2299ee;  text-align:center; line-height:48px; border-radius:5px; position: absolute; left:387px; top:0px; cursor:pointer}
#reg_page .reg_form .no{vertical-align:middle; background-color:#fff; border-radius:5px;}
#myModal{visibility: hidden; top: 100px; left: 50%; margin-left: -340px; width: 600px;  background: #fff ;  position: absolute; z-index: 999999999; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
#myModal h1{ font-size:17px;width:100%; border-bottom:1px solid #edeff0; line-height:39px;}
#myModal h1 em{ font-style:normal; border-bottom:3px solid #50aaee;line-height:39px; display:block;width:72px; color:#6a7183}
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.5);; z-index: 100; display: none; top: 0; left: 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -440px; width: 800px;  background: #fff ;  position: absolute; z-index: 999999999; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }
.reveal-modal.small { width: 200px; margin-left: -140px; }
.reveal-modal.medium { width: 400px; margin-left: -240px; }
.reveal-modal.large { width: 600px; margin-left: -340px; }
.reveal-modal.xlarge { width: 800px; margin-left: -440px; }
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; }
.reveal-modal p.modal-title{text-align:center;font-size: 22px;}