@charset "utf-8";
/* CSS Document */
/*-------------reset------------*/
html{ overflow-y:auto;}
body,h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,input,textarea,form,th,td{margin:0;padding:0;}
body{ font-size:12px;}
/*-------------end reset------------*/
body { font-family: "\5b8b\4f53", Arial, Lucida, Verdana, Helvetica, sans-serif; font-size:12px; color:#222222; line-height:1.5; background: #f9ffff ;}
a:link { color:#4a9ce6; text-decoration:none;}
a:visited { color:#4a9ce6; text-decoration:none;}
a:hover { text-decoration:underline;}
a span { cursor: pointer;}
.hide { display:none}
li{list-style-type:none}
/*全局样式*/
.r { float:right}
.l { float:left}
.clear { clear: both; height:0px; font:0px/0px Arial; overflow:hidden;}



/*页面布局*/
.layout { width: 100%; padding-top: 50px;}
.wrap { width: 800px; margin: 0 auto; background: #ffffff; border: 1px solid #EEE;}
.boxt { height: 50px;font-family: "Microsoft Yahei",Arial }
.boxt span {  font-size: 14px; color: #333;  margin-right: 50px;float: right;padding-top: 15px;}
.boxt span a{ text-decoration: none;color: #FF8000;margin-left: 5px;}


/*logo*/
.logo { width: 800px; height: auto !important;min-height: 120px;  height: 120px; margin:0 auto; margin-top: -80px; margin-bottom: 10px;position:relative;}
.logo div{ position:absolute; bottom: 0px;}
.logo img{ float: left;width: 160px;margin-right:50px; }
.logo span {color: #FF8000;float: left;font-size: 30px;margin-top:32px;}
/*底部背景*/
.bottom{ position:relative;}
.bottomPo{ position:absolute; top:-50px; left:50px; width:910px; height:50px;}

/*页脚*/
.footer{ width:880px; height: 28px; overflow: hidden; margin:0 auto; padding:10px 0; _background: none; text-align:center; line-height:2; color: #666}




.btn {
  outline:none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.validate-btn {
   width: 112px;
   max-width: 112px;
}

.validate-btn:focus {
   color: #ffffff
}

.form-btn {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.form-btn-disable{
  color: #ffffff;
  cursor: default;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.form-btn-disable:focus{
  color: #ffffff;
}


.form-btn-disable:hover{
  color: #ffffff;
}

.form-btn:hover,
.form-btn:focus,
.form-btn:active,
.form-btn.active {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.form-btn:active,
.form-btn.active {
  background-image: none;
}


.disable{ background-color: gray;color:#ffffff}

.form-btn.disabled,
.form-btn[disabled],
fieldset[disabled] .form-btn,
.form-btn.disabled:hover,
.form-btn[disabled]:hover,
fieldset[disabled] .form-btn:hover,
.form-btn.disabled:focus,
.form-btn[disabled]:focus,
fieldset[disabled] .form-btn:focus,
.form-btn.disabled:active,
.form-btn[disabled]:active,
fieldset[disabled] .form-btn:active,
.form-btn.disabled.active,
.form-btn[disabled].active,
fieldset[disabled] .form-btn.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}



/* mod_regist */
.mod_regist { position: relative; float: left; width: 800px; padding-top: 1px;}
.mod_regist_nav {  z-index: 2000;}
.mod_regist_nav ul { width: 560px; height: 30px; border: 1px solid #DDEEF6; border-left: none;margin-left: 7%}
.mod_regist_nav li { position: relative; float: left; width: 139px; height: 30px; border-left: 1px solid #DDEEF6; background-color: #F5FCFF; text-align: center;}
.mod_regist_nav .btn_phone .icon { background-position: 0 -366px;}
.mod_regist_nav .btn_mail .icon { background-position: -22px -365px;}
.mod_regist_nav .btn_custom .icon { background-position: -44px -366px;}
.mod_regist_nav .cur .btn_phone .icon { background-position: 0 -388px;}
.mod_regist_nav .cur .btn_mail .icon { background-position: -22px -388px;}
.mod_regist_nav .cur .btn_custom .icon { background-position: -44px -388px;}
.mod_regist_nav a { position: relative; display: block; width: 139px; height: 30px; font-size: 14px; line-height: 30px; color: #646464; text-decoration: none;}
.mod_regist_nav a:hover { background-position: -263px -6px; text-decoration: none;}
.mod_regist_nav a:focus { outline: none;}
.mod_regist_nav a:visited { color: #222222;}
.mod_regist_nav .cur { left: 0; top: -1px; width: 140px; height: 31px; margin: 0 -1px -1px 0; background-color: #58CAFE; border-left: 1px solid #58CAFE;}
.mod_regist_nav .cur .icon { left: 22px; cursor: default;}
.mod_regist_nav .cur a { top: 1px; left: 0; *left: -1px; width: 137px; height: 29px; border: 1px solid; border-color: #a6e2fc #79d4fe #DDEEF6 #a6e2fc; font-size: 16px; color: #ffffff; cursor: default; overflow: hidden;}
.mod_regist_nav .cur a:visited { color: #ffffff;}
.mod_regist_nav .tipsArrow { top: 29px; z-index: 1991; right: 63px;}
.mod_regist_nav .tipsExtendedInfo { z-index: 1990; width: 270px; top: 36px; right: 0; color: #999999}
.mod_regist_nav .cur .tipsArrow { top: 24px; right: 64px;}
.mod_regist_nav .cur .tipsExtendedInfo { top: 31px; right: 1px;}
.mod_regist_nav .arrow { display: none; position: absolute; bottom: -10px; _bottom: -13px; left: 50%; width: 20px; height: 10px; margin-left: -10px; background-position: -20px -20px;}
.mod_regist_nav .cur .arrow { display: block;}


.mode_aimate_wrap{ float:left;}

#mod_regist_form{ width: 750px;margin-top: 40px;min-height: 550px;margin-left: 120px;margin-right: 25px;}






@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style:none;font-family:"Microsoft Yahei",Arial;color:#333;font-size:12px;}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;color:#DE5425;}
.hide { display:none}

.or{color:#DE5425;}
.bl{color:#333;}
.gr{color:#666;}
.auto{height:auto;overflow:hidden;}

.hide { display:none}


/*茶艺师注册*/
.qybot{margin:0 auto;}
.star{color: #f00;font-family: "宋体";font-weight: normal;margin-right: 5px;}
.qybottit{width:740px;line-height:18px;height:18px;background:url(../images/qyline.jpg);}
.qybottit span{font-size:14px;font-weight:bold;background:#fff;padding-right:5px;}
.qybotcon{width:740px;padding:15px 0;}
.qybotcon table tr td{font-size:14px;color:#666;width: 80px;height: 50px;line-height: 50px;}
.qybotcon table tr td input.qytext1{width:248px;height:35px;border:1px solid #E0E0E0;line-height:35px;text-indent:5px;color:#000;}
.qybotcon table tr td div{width:253px;height:35px;line-height:35px;border:1px solid #e0e0e0;text-indent:5px;}
.qybotcon table tr td input.qytext2{border:1px solid #003a19;}
.qybotcon table tr td input.qytext3{border:1px solid #FE0000;}
.qybotcon table tr td div.qywro{border:1px solid #FFBCBF;background:#FFEBEC;color:#fe0000;}
.qybotcon table tr td img.qyyzm{float:left;margin-left:5px;margin-top: 12px;}
.qybotcon table tr td input.qytext4{width:121px;}
.qybotcon table tr td select.qysel1{min-width:117px;border:1px solid #e0e0e0;height:35px;margin-right:10px;text-indent:5px;}
.qybotcon table tr td select.qysel2{width:250px;margin:0;}
.qybotcon table tr td input.qytext5{width:119px;}
.qybotcon table tr td img.qyyzm1{float:left;margin-left:10px;}
.qybotcon table tr td span.qyhyz{margin-left:10px;}
.qybotcon table tr td span.qyhyz a{color:#dd5233;}
.qybotcon table .validate_code{ margin-left: 15px;}

.qybotcon table tr td p a{color:#dd5233;}
.qybotcon table tr td input.qysub{width:322px;height:35px;border:none;background:url(../images/qysub.jpg); cursor:pointer;margin-left:170px;}







/*用户注册*/
.userContent{float:left;width:740px;height:auto;margin-top: 1px;padding-bottom: 30px;}
.userContent table{margin-top:10px;}
.userContent .star{color: #f00;font-family: "宋体";font-weight: normal;margin-right: 5px;}
.userContent table tr td{position:relative;}
.userContent table tr td b{font-weight:normal;font-size:14px;float:right;}
.userContent table tr td input.zctext1{width:248px;height:35px;line-height:35px;text-indent:5px;border: 1px solid #e0e0e0;}
.userContent table tr td div{width:230px;height:37px;border:1px solid #e0e0e0;float:left;margin-left: 10px;line-height:37px;text-indent:5px;}
.userContent table tr td div.wo{background:#FFEBEC;color:#FF0100;border:1px solid #FFBDBF;}
.userContent table tr td label img{float:right;}
.userContent table tr td span{margin-left:5px;}
.userContent table tr td span.qr{float:right;}
.userContent table tr td input.zctext2{width:125px;}
.userContent table tr td input.zcsub{width:250px;height:35px;background:#DD5525;border:none;border-radius:3px;color:#fff;font-size:14px; cursor:pointer;}
.userContent table tr td label .icon{position:absolute;right:10px;top:18px;}
.userContent table tr td input.blue{border:1px solid #125B30;}
.userContent table tr td input.red{border:1px solid #FE0000;}
.userContent table .validate_code{ margin-top: 7px;margin-left: 10px;}
.userContent table .validate_code_change{ margin-left: 10px;}

/*jquery validate 自定义错误*/
 input.error {
    border: 1px solid red;
}

label.error {
    padding-left: 16px;
    padding-bottom: 2px;
    font-weight: bold;
    color: red;
}
label.success {
    padding-left: 16px;
    padding-bottom: 2px;
    font-weight: bold;
    color: gray;
}