*{margin:0 auto;padding:0;font-family:Arial, Helvetica, Gotham, "Helvetica Neue", "sans-serif"}
body{background-color:#E2E2E3;}
.wrap{width:100%;max-width:1080px;background-color:#fff;border:solid 1px #ccc;box-shadow:0px 0px 20px 0px #afafaf;position:relative;}
.wrap a.lang{display:block;color:#406c26;font-size:16px;text-decoration:none;font-weight:bold;position:absolute;top:20px;right:20px;border:solid 1px #406c26;padding:5px 10px;border-radius:10px;background-color:#fff;z-index:1;}
.wrap .top_banner{width:100%;height:783px;background:url("../img/banner.jpg") center no-repeat;position:relative;}
.wrap .top_banner .logo{width:460px;height:86px;background:url("../img/JD-logo.png") center no-repeat;position:absolute;top:65px;right:78px;background-size:contain;}
.wrap .top_banner .slogan{width:100%;line-height:50px;font-size:44px;text-transform:uppercase;text-align:center;position:absolute;top:190px;}
.wrap .top_banner .stamp{width:358px;height:350px;background:url("../img/stamp.png") center no-repeat;position:absolute;bottom:-125px;left:78px;}
.wrap .top_banner .stamp .first{font-size:60px;font-weight:bold;color:#406C26;line-height:55px;text-align:center;width:72%;margin:39px auto 0;text-transform:uppercase;}
.wrap .top_banner .stamp .second{font-size:20px;line-height:25px;color:#707070;text-align:center;width:70%;margin:0px auto 0;text-transform:uppercase;}
.wrap .top_banner .roll{width:693px;height:102px;position:absolute;bottom:-108px;right:29px;background:url("../img/JD-4500.png") center no-repeat;}
.wrap .the_form{background-color:#E2E2E3;width:calc(100% - 200px);clear:both;margin-top:160px;padding:33px 100px 0 100px;display:block;}
.wrap .the_form .user{width:100%;display:inline-block;}
.wrap .the_form .user .title{font-size:20px;font-weight:700;text-transform:uppercase;line-height:26px;margin-bottom:12px;}
.wrap .the_form .user line{width:439px;height:65px;display:block;position:relative;margin:0 0 15px 0;}
.wrap .the_form .user line label{position:absolute;top:41px;bottom:6px;left:12px;z-index:1;color:#707070;cursor:pointer;transition:0.4s;font-size:16px;}
.wrap .the_form .user line.focus label,.wrap .the_form .user line.full label{top:-8px;background-color:#ffffff;height:auto;line-height:15px;bottom:auto;padding:0 10px;border-radius:5px 5px 0 0;font-size:14px}
.wrap .the_form .user line input{border:solid 1px #707070;position:absolute;top:0px;left:0px;width:calc(100% - 24px);height:100%;font-size:22px;padding:0 12px;}
.wrap .the_form .user line input[type=file]{background:url("../img/upload.jpg") 97% center no-repeat #fff;padding-top:15px;height:calc(100% - 15px);opacity:0;}
.wrap .the_form .user line span.file{background:url("../img/upload.jpg") 97% center no-repeat #fff;height:calc(100% - 15px);border:solid 1px #707070;position:absolute;display:block;top:0px;left:0px;width:calc(100% - 103px);font-size:20px;padding:15px 80px 0 24px;}

.wrap .the_form .user line .file_feedback,.wrap .the_form .user line .date_feedback{position:absolute;width:96%;height:calc(100% - 15px);margin:2%;top:0px;font-size:18px;line-height:22px;background-color:#fff;display:none;z-index:1;color:#e92326;cursor:pointer;}
.wrap .the_form .user line .date_feedback{height:auto;margin:0 2% 2px;top:auto;bottom:0px;}

.wrap .the_form .user line.l_100{width:100%;clear:both;}
.wrap .the_form .user line.l_25{width:23%;margin-right:2%;float:left;}
.wrap .the_form .user line.l_75{width:75%;float:left;}
.wrap .the_form .user line.l_50,.wrap .the_form .user div.l_50{width:49%;float:left;margin-right:2%;}
.wrap .the_form .user line.l_50_1,.wrap .the_form .user div.l_50_1{width:49%;float:left;}
.wrap .the_form .user div.l_50_1 .to_terms{text-align:center;color:#406C26;font-size:16px;line-height:18px;margin-bottom:15px;display:block;}
.wrap .the_form .user div.l_50_1 .to_terms a{color:#406C26;}
.wrap .the_form .deler{}
.wrap .the_form .user line.error #purchase_date,
.wrap .the_form .user line #purchase_date{padding:0px 12px 15px;height:75%;transition:0.4s;}
.wrap .the_form .user line.focus #purchase_date,
.wrap .the_form .user line.full #purchase_date{padding:0px 12px;height:100%;}
.wrap .the_form .user div.block label{display:inline-block;position:unset;color:#707070;cursor:pointer;margin-bottom:5px;}
.wrap .the_form .user div.block input{display:inline-block;position:unset;width:24px;height:24px;margin:0 8px 13px 0;}
.wrap .the_form .user div.block .checkbox_area label{margin-left:20px}
.wrap .the_form .user div.block label span{display:inline-block;width:85%;vertical-align:middle;}

input[type="checkbox"].error{box-shadow:inset 0px 0px 0px 1px #e92326}
input[type="date"]{-webkit-appearance:none;-moz-appearance:none;background:#fff;}
/* input.require.ok{box-shadow: inset 0px 0px 0px 2px red;} */
.btn{text-align:center;padding:10px 0 30px;}
.btn button.submitBtn{max-width:100%;width:344px;height:61px;background-color:#406C26;border:none;color:#fff;font-size:36px;font-weight:bold;text-transform:uppercase;cursor:pointer;}
.btn button.submitBtn:disabled{background-color:#707070;color:#BCBCBC;cursor:not-allowed;}
.checkbox_area{padding:10px 0 10px 13px;display:none;}
.footerForm{text-align:center;padding:24px 40px;color:#707070;font-size:24px;}
.footerForm .first_line{font-weight:bold;margin-bottom:20px;}
.footerForm .second_line{width:80%;}
.footerForm .second_line a{text-decoration:none;color:#707070;}
line.error label{color:#e92326 !important;}
.wrap .the_form .user line.error input{border:#e92326 solid 1px;color:#e92326;}
.statusMsg{text-align:center;padding:20px 50px;font-size:20px;display:none;}
.for_more_info{background-color:#E2E2E3;padding:20px 0 40px;}
.for_more_info .title{font-size:22px;line-height:26px;font-weight:bold;color:#707070;display:block;text-align:center;margin-bottom:20px;}
.for_more_info .boxs{display:flex;flex-wrap:wrap;flex-direction:row;max-width:100%;width:570px;}
.for_more_info .boxs div{width:166px;}
.for_more_info a{text-decoration:none;}
.for_more_info a .title{font-weight:normal;}
.for_more_info .boxs{display:flex;}
.for_more_info .boxs .b_1{}
.for_more_info .boxs .b_2{margin:0 36px;}
.for_more_info .boxs .b_3{}
p.ok{font-size:25px;color:#406C26;font-weight:bold;background-color:#f5f5dc;padding:10px 0;}
p.error{font-size:25px;color:#e92326;font-weight:bold;background-color:#f5e7dc;padding:10px 0;}
@media(max-width:1080px){
    .wrap .top_banner .stamp{bottom:-60px;}
}
@media(max-width:900px){
    .wrap .top_banner{background-size:cover;height:680px;}
    .wrap .top_banner .logo{left:50%;margin-left:-230px;}
    .wrap .top_banner .slogan{font-size:30px;}
    .wrap .top_banner .stamp{bottom:20px;left:50%;margin-left:-179px;}
    .wrap .top_banner .roll{left:50%;margin-left:-346px;}

    .wrap .the_form .user div.block .checkbox_area label{margin-left:9px;}
    .wrap .the_form .user div.block .checkbox_area input{margin:0 3px 20px 0;}
}
@media(max-width:800px){
    .wrap .the_form{width:calc(100% - 60px);margin-top:130px;padding:33px 30px 0;}
    .wrap .the_form .user div.block .checkbox_area label{margin-left:12px;}
    .wrap .footerForm{font-size:17px;}
    .for_more_info .title{font-size:20px;margin-bottom:10px;}
    .for_more_info .boxs .title{font-size:18px;}
}
@media(max-width:700px){
    .wrap .top_banner{height:530px;}
    .wrap .top_banner .logo{top:30px;width:340px;height:64px;margin-left:-170px;right:auto;}
    .wrap .top_banner .slogan{line-height:normal;font-size:22px;top:120px;}
    .wrap .top_banner .roll{max-width:96%;background-size:contain;margin-left:0;left:2%;}
    .wrap .the_form{margin-top:124px;}
    .btn button.submitBtn{font-size:32px;}
    .wrap .the_form .user div.block .checkbox_area label{font-size:15px;margin:0 0px 0 2px;}
    .wrap .the_form .user line label{font-size:14px;}
}
@media(max-width:600px){
    .wrap .top_banner{height:350px;background:none;}
    .wrap .top_banner .logo{top:20px;}
    .wrap .top_banner .slogan{width:90%;margin:0;top:95px;left:5%;font-size:20px;}
    .wrap .top_banner .stamp{width:100%;height:auto;margin:0;left:0;background:none;top:142px;bottom:auto;}
    .wrap .top_banner .stamp .first{font-size:40px;width:385px;margin:0 auto;}
    .wrap .top_banner .stamp .first br,.wrap .top_banner .stamp .second br{display:none !important;}
    .wrap .top_banner .stamp .second{font-size:14px;line-height:21px;width:98%;color:#2B2E34;}
    .wrap .top_banner .roll{bottom:0;}
    .wrap .the_form{margin-top:0px;}
    .wrap .the_form .user line .file_feedback, .wrap .the_form .user line .date_feedback{font-size:16px;}
    .wrap .the_form .user line span.file{font-size:14px;}
    .wrap .the_form .user line label{font-size:12px;}
    .wrap .the_form .user .title{font-size:19px;}
    .wrap .the_form .user div.block input{width:20px;height:20px;margin:0 5px 10px 0;}
    .wrap .the_form .user div.block .checkbox_area label{margin-left:0px;font-size:12px;}
    .wrap .the_form .user div.block .checkbox_area input{margin:0 3px 13px 0;}
    .footerForm{font-size:18px;padding:20px;}
    .footerForm .first_line{}
    .footerForm .second_line{width:100%;font-size:17px;}
    .btn button.submitBtn{width:295px;}
    .btn button.submitBtn{font-size:26px;}
    .for_more_info .boxs{display:flex;flex-wrap:wrap;align-content:space-around;justify-content:center;align-items:stretch;}

    .for_more_info .boxs .b_1{margin:0 0 20px;}
    .for_more_info .boxs .b_2{margin:0 36px 20px;}
    .for_more_info .boxs .b_3{margin:0 0 20px;}                
    .wrap .the_form .user line.l_25{width:26%;}
    .wrap .the_form .user line.l_75{width:72%;}
}
@media(max-width:500px){
    .wrap .top_banner .slogan{font-size:16px;}
    .wrap .top_banner .stamp{top:124px;}
    .wrap .top_banner .stamp .first{font-size:38px;}
    .wrap .the_form .user line.l_50, .wrap .the_form .user div.l_50{width:100%;clear:both;}
    .wrap .the_form .user line.l_50_1, .wrap .the_form .user div.l_50_1{width:100%;clear:both;float:left;}
    .wrap .the_form .user div.block .checkbox_area label{font-size:15px;}
}
@media(max-width:400px){
    .wrap .top_banner{height:320px;}
    .wrap .top_banner .slogan{font-size:16px;width:340px;left:50%;margin-left:-170px;}
    .wrap .top_banner .stamp .first{font-size:35px;width:340px;}
    .wrap .top_banner .stamp .second{width:340px;font-size:15px;}
    label[for=country_code]{top:auto !important;bottom:6px;}
    .wrap .the_form{width:calc(100% - 40px);padding:33px 20px 0;}
    .wrap .the_form .user .title{font-size:20px;}
    .wrap .the_form .user line label{font-size:16px;}
    .wrap .the_form .user line.l_25{margin-right:15px;width:calc(28% - 15px);}
}