/***
显示效果查看sqm
 */
.form__{padding: 56px 0px;}
.form__ .bg{background: #e4dfc9;}
.form__ .title{font-size: 3.2em;color: #bb9624;text-align: center;margin-bottom: 30px;}
.form__ .small_title{text-align: center;font-size: 1.3em;}
.form_box__{margin-top: 40px;}
.form_box__ ul li{
	float: left;
	width: 49%;
	list-style: none;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.form_box__ ul li:nth-of-type(even){
	float: right;;
}
.form_box__ .label__{
	display: inline-block;
	width: 110px;
	float: left;
	font-size: 1.3em;
}
.label__ span{
	display: table-cell;
	vertical-align: middle;
	height: 38px;
}
.ul input.error , .ul select.error , .ul textarea.error{border: 1px solid darkred;}
.label__ , .form_field__{height: 38px;}
.form_box__ .form_field__{width: calc( 100% ~'-'125px);float: right;position: relative;}
.form_field__ input , .form_field__ select{height: 38px;text-indent: 20px;width: 100%;border: 0px;font-size: 1.2em;box-sizing: border-box;}
.form_field__ textarea{width: 100%;height: 100px;border: 0px;font-size: 1.2em;box-sizing: border-box;display: block;padding: 20px;float: left}
.form_field__ select{width: 100%;font-size: 1.2em;background: url('img/arrow-pull-down-333.svg') no-repeat calc( 100% ~'-' 17px) center ;}
.form_field__ .line{height: 20px;width: 1px;background: gray;position: absolute;top: 8px;left: 50%;}
.form_field__ .line_phoe{top: 8px;left: 60%;}
.white_background{background: white;}
.white_background input{background: transparent;}
.form_field__ .given_name{float: left;width: 50%}
.form_field__ .family_name{float: left;width: calc(50% ~'+' 1px);margin-left: -1px}
.form_field__ .phone_prev{float: left;width: 60%}
.form_field__ .phone_number{float: right;width: 40%;}

.error ~ .line
{
	display: none;
}

.error__{
	color: darkred;
    font-size: 14px;
    display: none;
	    clear: both;
    text-align: right;
}
.error__show{
	display:block;
}

.radio_box{width: 33.3333333%;float: left;box-sizing: border-box;padding-right: 5px;height: 100%;}
.form_field__ .radio_box:last-child{padding-right: 0px;}
.radio_box__{
	background: #c2b298;
	position: relative;
	height: 100%;
	text-align: center;
	line-height: 38px;
	color: white;
	font-size: 1.2em;
	cursor: pointer;
}
.radio_box__.active{
	background: #744c29;
}
.radio_box input{
	display: block;position: absolute;
	top: 0px;left: 0px;width: 100%;height: 100%;
	opacity: 0;
	cursor: pointer;
}

.discla{margin-top: 30px}
.discla_checkbox{float: left;width: 25px;height: 25px;background: url('img/check-box-1.png') no-repeat center;display: inline-block;position: relative;background-size: contain;margin-top: 5px;}
.discla_checkbox input{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;opacity: 0;cursor: pointer;}

.discla_checkbox_checked{background: url('img/check-box-2.png') no-repeat center;background-size: contain;}
.discla_checkbox_error{background: url('img/check-box-3.png') no-repeat center;background-size: contain;}

.buttons_{margin-top: 50px;text-align: center;}
.buttons_ a{display: inline-block;width: 180px;height: 40px;text-align: center;color: white;line-height: 40px;font-size: 1.2em;cursor: pointer}
.buttons_ .submit{background: #bb9624;margin-right: 20px;}
.buttons_ .reet{background: #7a7466;}

.submit_slider{
	-o-user-select: none;
	-moz-user-select: none; /*火狐 firefox*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10+*/
	-khtml-user-select :none; /*早期的浏览器*/
	user-select: none;
}


.buttons_left{width: 60%;float: left;}
.buttons_right{width: 40% ; float: left;}
.buttons_right .reet{float: left;margin-left: 30px;}
.submit_slider{height: 40px;position: relative;background: #cfc9a7;width: 50%;float: right;}
.submit_reet{width: 30%;float: left;margin-left: 30px;}
.submit_button{width: 50%;background: #bb9624;color: white;text-align: center;line-height: 40px;font-size: 1.2em;cursor: pointer;    position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;}
.submit_slider span{display: block;width: 47%;height: 40px;line-height: 40px;font-size: 1.2em;color: #998d66;position: absolute;
	top: 0px;right: 0px;text-align: left;
	text-indent: 10px;
}


.discla_content{float: right;width: calc( 100% ~'-' 45px);font-size: 1.2em;line-height: 2;}
.discla_content a{text-decoration-line: underline;margin-left: 10px;}

@media all and (max-width: 850px) {
	.form_box__{padding: 0px 10%;}
	.form_box__ ul li{width: 100%; margin-right: 0px;}
	.submit_slider{width: 100%}
	.buttons_right .reet{width: 80%;float: right;margin-left: 0px;}
}
@media all and (max-width: 768px) {
	.form_box__{padding: 0px 0%;}
}

@media all and (max-width: 700px){

}

@media all and (max-width: 600px){

}

@media all and (max-width: 500px){
	.form_box__ ul li:after{content: '';display: block;float: none;clear: both;}
	.form_field__{height: auto !important;background: transparent;}
	.form_field__ select, .form_field__ input{width: 100% !important;margin-right: 0px;margin-bottom: 20px; float: none !important;background: white;}
	.form_field__ input , .form_field__ select{margin-bottom: 10px !important;}
	.form_field__ .line{display: none !important;}
	.form_buttons{width: 100%;}
	.form_buttons a{float: none;width: 40%;}
	.form_box__ ul li{margin-bottom: 0px;}

	.buttons_left{width: 70%;}
	.buttons_right{width: 30%;}
	.submit_button{width: 45%;}
	.submit_slider span{width: 55%;}
	.radio_box{margin-bottom: 10px;}
}


 @media all and (max-width: 430px){
        .buttons_left{width: auto;}
		.submit_button{text-indent: -20px;}
        .submit_slider{min-width: 230px;float: left;}
        .submit_slider span{width: 56%;}
        .buttons_right{width: 20%;float: right;}
 }