@charset "utf-8";

@media (min-width: 1025px) {
	.customer_zone{clear:both; overflow:hidden; margin-top:80px;} /* 20190702s */
	.customer_zone .customer_top{position:relative; border-top:1px solid #ddd; overflow:hidden; height:45px; padding:0 15px; line-height:44px; background:#f5f5f5;}
	.customer_zone .customer_top .addr{float:left}
	.customer_zone .customer_top .addr:after{display:block;clear:both;content:""}
	.customer_zone .customer_top .addr li{float:left;position:relative;padding-left:30px;margin-left:35px;font-size:14px;color:#7f7f7f;}
	.customer_zone .customer_top .addr li:first-child{margin-left:0}
	.customer_zone .customer_top .addr li:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;content:""}
	.customer_zone .customer_top .addr .icon_part:before{background:url("/villagecenter/images/icon_customerzone1.png") no-repeat 50% 50%}
	.customer_zone .customer_top .addr .icon_person:before{background:url("/villagecenter/images/icon_customerzone2.png") no-repeat 50% 50%}
	.customer_zone .customer_top .addr .icon_number:before{background:url("/villagecenter/images/icon_customerzone3.png") no-repeat 50% 50%}
	.customer_zone .customer_top .date{float:right;font-size:14px;color:#7f7f7f;position:relative;padding-left:30px}
	.customer_zone .customer_top .date:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;background:url("/villagecenter/images/icon_customerzone4.png") no-repeat 50% 50%;content:""}
	.customer_zone .customer_bottom{background:#fff; padding-top:14px;}
	.customer_zone .customer_bottom .agreebox{padding:0 13px}
	.customer_zone .customer_bottom .agreebox:after{display:block;clear:both;content:""}
	.customer_zone .customer_bottom .agreebox .txt{float:left; font-size:14px; color:#1c1c1c; position:relative; padding-left:17px; line-height:27px; font-weight:500;}
	.customer_zone .customer_bottom .agreebox .radio_lst{float:left;margin-left:28px;margin-top:5px;}
	.customer_zone .customer_bottom .agreebox .radio_lst:after{display:block;clear:both;content:""}
	.customer_zone .customer_bottom .agreebox .radio_lst li{float:left;margin-left:20px;position:relative}
	.customer_zone .customer_bottom .agreebox .radio_lst li:first-child{margin-left:0}
	.customer_zone .customer_bottom .agreebox .radio_lst input{width:1px;height:1px;position:absolute;left:2px;top:50%}
	.customer_zone .customer_bottom .agreebox .radio_lst label{display:inline-block;font-size:14px;color:#7f7f7f;padding-left:17px;position:relative;vertical-align:top}
	.customer_zone .customer_bottom .agreebox .radio_lst label:before{display:block;position:absolute;left:0;top:3px;width:14px;height:14px;content:"";background:url("/villagecenter/images/form_radio2_off.png") no-repeat 50% 50%}
	.customer_zone .customer_bottom .agreebox .radio_lst input:checked+label:before{background:url("/villagecenter/images/form_radio2_on.png") no-repeat 50% 50%}
	.customer_zone .customer_bottom .form{padding:15px 30px 20px}
	.customer_zone .customer_bottom .form:after{display:block;clear:both;content:""}
	.customer_zone .customer_bottom .form input{float:left;width:calc(100% - 135px);padding:0 10px;height:30px;font-size:13px;background:#fff; border:1px solid #CCC;}
	.customer_zone .customer_bottom .form button{float:left;width:100px;height:32px;color:#fff;font-size:13px;background:#777777;}
  }
  
@media (max-width: 1024px) {
	.customer_zone .customer_top{clear:both; position:relative; border-top:1px solid #ddd; overflow:hidden; height:45px; padding:0 15px; line-height:44px; background:#f5f5f5;}
	.customer_zone .customer_top .addr{float:left}
	.customer_zone .customer_top .addr:after{display:block;clear:both;content:""}
	.customer_zone .customer_top .addr li{float:left;position:relative;padding-left:30px;margin-left:35px;font-size:14px;color:#7f7f7f;}
	.customer_zone .customer_top .addr li:first-child{margin-left:0}
	.customer_zone .customer_top .addr li:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;content:""}
	.customer_zone .customer_top .addr .icon_part:before{background:url("/villagecenter/images/icon_customerzone1.png") no-repeat 50% 50%}
	.customer_zone .customer_top .addr .icon_person:before{background:url("/villagecenter/images/icon_customerzone2.png") no-repeat 50% 50%}
	.customer_zone .customer_top .addr .icon_number:before{background:url("/villagecenter/images/icon_customerzone3.png") no-repeat 50% 50%}
	.customer_zone .customer_top .date{float:right;font-size:14px;color:#7f7f7f;position:relative;padding-left:30px}
	.customer_zone .customer_top .date:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;background:url("/villagecenter/images/icon_customerzone4.png") no-repeat 50% 50%;content:""}
}

@media(max-width : 425px){
	.customer_zone .customer_bottom .form button{width: 80px!important;font-size: 10px!important;}
	.customer_zone .customer_bottom .form input{width: calc(100% - 120px)!important;}
	.customer_zone .customer_bottom .form{padding: 15px 10px 20px!important;}
}

.customer_zone{clear:both; border:1px solid #ddd; overflow:hidden; text-align: left;} /* 20190702s */
.customer_zone .customer_top{position:relative;overflow:hidden;height:45px;padding:0 15px;line-height:44px}
.customer_zone .customer_top .addr{float:left}
.customer_zone .customer_top .addr:after{display:block;clear:both;content:""}
.customer_zone .customer_top .addr li{float:left;position:relative;padding-left:30px;margin-left:35px;font-size:14px;color:#7f7f7f}
.customer_zone .customer_top .addr li:first-child{margin-left:0}
.customer_zone .customer_top .addr li:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;content:""}
.customer_zone .customer_top .addr .icon_part:before{background:url("/villagecenter/images/icon_customerzone1.png") no-repeat 50% 50%}
.customer_zone .customer_top .addr .icon_person:before{background:url("/villagecenter/images/icon_customerzone2.png") no-repeat 50% 50%}
.customer_zone .customer_top .addr .icon_number:before{background:url("/villagecenter/images/icon_customerzone3.png") no-repeat 50% 50%}
.customer_zone .customer_top .date{float:right;font-size:14px;color:#7f7f7f;position:relative;padding-left:30px}
.customer_zone .customer_top .date:before{display:inline-block; position:absolute; left:0; top:50%; margin-top:-10px; width:22px; height:22px; background:url("/villagecenter/images/icon_customerzone4.png") no-repeat 50% 50%; content:""}
.customer_zone .customer_bottom{background:#fff; padding-top:14px;}
.customer_zone .customer_bottom .agreebox{padding:0 13px;}
.customer_zone .customer_bottom .agreebox:after{display:block; clear:both; content:""}
.customer_zone .customer_bottom .agreebox .txt{ width:100%; display:block; font-size:14px; color:#1c1c1c; position:relative; padding-left:17px; line-height:27px}
.customer_zone .customer_bottom .agreebox .radio_lst{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-left:18px; margin-top:7px;}
.customer_zone .customer_bottom .agreebox .radio_lst:after{display:block; clear:both; content:""}
.customer_zone .customer_bottom .agreebox .radio_lst li{margin-left:20px; position:relative; vertical-align:middle;}
.customer_zone .customer_bottom .agreebox .radio_lst li:first-child{margin-left:0}
.customer_zone .customer_bottom .agreebox .radio_lst input{width:1px ;height:1px; position:absolute;left:2px; top:50%;}
.customer_zone .customer_bottom .agreebox .radio_lst label{display:inline-block;font-size:14px;color:#7f7f7f;padding-left:17px;position:relative;vertical-align:top}
.customer_zone .customer_bottom .agreebox .radio_lst label:before{display:block;position:absolute;left:0;top:5px;width:14px;height:14px;content:"";background:url("/villagecenter/images/form_radio2_off.png") no-repeat 50% 50%}
.customer_zone .customer_bottom .agreebox .radio_lst input:checked+label:before{background:url("/villagecenter/images/form_radio2_on.png") no-repeat 50% 50%}
.customer_zone .customer_bottom .form{padding:15px 30px 20px}
.customer_zone .customer_bottom .form:after{display:block;clear:both;content:""}
.customer_zone .customer_bottom .form input{float:left;width:calc(100% - 130px);padding:0 10px;height:30px;font-size:13px;background:#fff; border:1px solid #CCC;}
.customer_zone .customer_bottom .form button{float:left; width:100px;height:32px;color:#fff;font-size:13px;background:#777777;}

@media(max-width:1024px) {
	.customer_zone {margin-top:30px;}	
	.layer_popup {width:350px !important; left:50% !important; top:100px !important; margin-left:-175px !important; padding:0 !important;}
    .layer_popup .layer_popup_cont {width:100% !important; height: auto !important; padding-bottom:38px !important;}
    .layer_popup .layer_popup_cont img {width:100%;}
    .sm_depth.mo {display: block;}
}
@media (max-width: 550px){
	.customer_zone .customer_bottom .agreebox .radio_lst{margin-top:5px; margin-left:7px;}
	.customer_zone .customer_bottom .agreebox .txt{font-size:1.0rem; padding-left:7px;}
	.customer_zone .customer_bottom .agreebox .radio_lst li{margin-left:10px;}
	.customer_zone .customer_bottom .agreebox .radio_lst label{font-size:1.0rem;}
}
.sm_depth.mo {display: none;}