@charset "utf-8";

/* CSS Document */
input, select { outline: none; }
/*去除 select 背景*/
select::-ms-expand { display: none; }
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }

/* main_3 */
.sel-con{ width: 50%;float: left;}
.sel-con .sel2{ width: 48%;}
.sex-form-label{ font-size: 18px;float: left; text-align: left; padding-top: 52px; display: block; width: 30%;}
.sel-sex {width: 52%;float: left;display: block;}
.sel-sex span{ width: 100%;display: inline-block;text-align: center;margin:0 auto;margin-bottom: 4px;}
.sel-sex span img{ display: block;text-align: center;margin:0 auto;}
.sel-sex-radio{ width: 24px;height: 24px;border-radius: 50%;box-sizing:border-box;margin:0 auto;}
.sel-sex .man{border:3px solid #28bbb2; }
.sel-sex .woman{border:3px solid #f73784; }
.sel-sex .man2{border:3px solid #28bbb2; }
.sel-sex .woman2{border:3px solid #f73784; }
.selected-man{ background-color:#28bbb2; }
.selected-woman{ background-color:#f73784; }
.sel-sex label{ float: left;text-align: center;width: 50%;display: block;cursor: pointer;}
/* End of main_3 */


/* form */
#first_name, #last_name {width: 48%;}
#regForm { width: 100%; margin: 0 auto; border-radius: 4px;font-family:Arial, Helvetica, sans-serif;}
.form-item { margin: 10px 0; padding:20px 160px 0 160px;}
#login .form-item {padding:0;}
.form-label { font-size: 14px; font-size: 1rem; float: left; width: 24%; padding-top: 12px; text-align: left; color: #333; }
.form-con { margin:0 auto; width:88%;font-size: 16px;  font-weight: 400;}
.input-group { width: 100%; line-height: 42px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 4px; height: 100%; font-size: 1rem; background: none; position: relative; overflow: hidden; z-index: 2; background-color: #ffffff;height: 42px; }
.input-group .input_test { font-size: 16px; font-size: 1rem;  height: 100%; height: 40px; width: 100%; background: none; *height: 20px; *margin-top: 10px; }
.input_test { padding-left: 5px; border: 0; position: relative; z-index: 2;}
#passwd1{z-index: 3;position: relative;}
.select-wrapper { width: 70%; margin:15px auto 0 auto; padding:10px; position: relative; overflow: hidden; z-index: 0; height: 100%;box-sizing: border-box; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; line-height: 1; }
.select-wrapper:after { display: block; content: ""; position: absolute; width: 10px; height: 5px; right: 4px; top: 40%; }
.select-wrapper select { font-size: 22px; font-size: 2rem; float: left; width: 32%; margin-top: 0px; text-indent: 4px; height: 40px; line-height: 40px; padding-left: 5px; border: none; background: url(../images/icon_arrow.png) no-repeat 96% center; *background: url(../images/icon_arrow.png) no-repeat 100% center; color:#222;}
.select-wrapper select option { font-size: 13px; }
.input-group .input_test, .input-group .select-wrapper { float: left; border: none; line-height: 42px; }
.input-group .select-wrapper { width: 33%;  height: 100%; }
.input-group .select-wrapper select { width: 100%; }
.input_desc { font-size: 12px; line-height: 1.8em; text-align: right; color: #888; display: none; }
.button_box { padding-top:20px; }
.submit-button { display: block; width: 100%; text-decoration: none; border:solid 1px #00978c;box-sizing:border-box; cursor: pointer; color: #fff; border-radius: 4px; transition: all 0.3s; -webkit-transition: all 0.3s;background-color: #28bcb1!important;}
.button_box #login{ background-color: #28bcb1!important;}
.submit-button:hover { background-color: #f73784!important;border:1px solid #c60761;}
.input_holder{position: relative;} 
.holded{ color: #999;}
.input_holder .holder {position: absolute;font-size: 18px; padding-left: 5px;line-height: 42px;color: #999;}
.password-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 2.8rem; padding-left: 5px; z-index: 1; font-weight: normal; font-size: 1rem; color: #999999; text-align: left; *line-height: 40px;z-index:1 }
.terms_privacy { color: #666;text-align: center;}
.terms_privacy a{ color:#fe318d;}
.term_privacy a:hover{ color:#b91860;}
.input_c_line {float: left;padding: 0px 5px 0px 0px;font-size: 16px;line-height: 40px;height: 100%;color: #999;}
/* intsva */
.intsva { position: fixed; z-index: 98; line-height: 1em; height: auto; font-size: 11px; /*font-size:0.7rem;*/ margin-top: -29px; padding: 4px 6px; padding: 0.25rem 6px; color: #fff; background-color: #f25c5c; border: 1px solid #f25c5c; border-radius: 0.2rem; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);/*white-space: nowrap;*/     text-align: left;}
.intsva .arrow { display: block; content: ""; position: absolute; margin-left: 10px; bottom: -6px; width: 0px; height: 0px; border-color: transparent; border-style: solid; border-width: 6px 6px 0 6px; border-top-color: #f25c5c; left: 0; /* use for arrow bgColor */ }
.intsva .arrow:after { display: block; content: ""; position: absolute; margin-top: -5px; margin-left: -6px; width: 0px; height: 0px; z-index: -1; border-color: transparent; border-style: solid; border-width: 6px 6px 0 6px; border-top-color: #f25c5c;/* use for arrow border */ }
.error-tips { line-height: 2em; color: #CE4844; }
.error-tips.block { margin: 6px 0 10px; padding: 5px 10px; margin: 0.375rem 0 0.625rem; padding: 0.375rem 0.625rem; border: 1px solid #f3c6cc; background: #ffedef; border-radius: 0.2rem; }
.error-tips.block h1 { font-size: 14px; margin-bottom: 0.2em; }
.error-tips.block p { line-height: 1.2em; margin-bottom: 0.4em; }

/*for ie*/
.ie9 .select-wrapper select { margin-top: 10px; height: 1.5rem; width: 98%; }
.ie8 .select-wrapper select { margin-top: 10px; height: 20px; width: 98%; border: none; background: url(../images/icon_arrow.png) no-repeat 100% center; }

/* 如果没有定义这个，有可能在加载时一瞬间显示弹层 */
.popup-container { display: none; }
.signin{color:#fff;display:none;padding:10px 0 0 0;text-align:right;}
.signin a{color:#ffe500;}
.signin a:hover{color:#b91860;}
.form-con .img-code .code{z-index:99;}
.logo{border-radius:4px 4px 0 0;background:#000;position:absolute;top:-40px;left:0;padding:5px 0 0 1px;width:100%;min-height: 40px;}
.logo img{height:25px;}
@media only screen  and (min-height:600px){

}

@media only screen  and (max-width:1040px){
}
@media only (min-width:700px)  and (max-width:780px){
}
 
@media only screen  and (max-width:812px){
	.fs-title{font-size:18px;}
}
@media only screen  and (max-width:600px){
	.container{margin-top:30px;}
	.fs-title{font-size: 16px;letter-spacing: 0px;line-height: 1.3;}
	.btn-default.btn-bordered, .btn-yes.btn-bordered, .btn-no.btn-bordered{font-size:24px;}
	.form-item{padding:10px 20px;}
	.sel-con{width:100%;}
	.sex-form-label, .sel-con .sel2{width:40%;}
	.question-title{letter-spacing:0px;}
	.questions ul li{line-height:36px;width:36px;}
	.questions ul li span{width:36px;height:36px;line-height:36px;}
	.text-first-last, .select-wrapper, .msform input, .msform textarea{width:100%;}
	.check-list input{width:auto;}
	#first_name, #last_name{width:46%;}
	.fs-subtitle input{font-size:1.5rem;padding-left:8px;}
	.select-wrapper select{font-size:1.5rem;padding-left:0px;}
}
@media only screen  and (max-width:500px){
}

@media only screen  and (max-width:400px) {
	.logo img{max-height: 22px;}
}
@media only screen  and (max-width:350px) {
	.logo img{max-height: 20px;}
}