@charset 'utf-8';
#contact_from label { margin: 0;}
#contact_from .required, textarea.required { position: relative; top: 3px; background: #fff !important; border: 1px solid transparent;}
#contact_from .form-group{  margin: 0; width: 100%;}


#contact_from {}
#contact_from .wrap { padding: 0 0 30px;}
#contact_from .wrap label {padding: 0 0 0 40px;  font-size: 16px; color: #999; background: no-repeat left center; }

#contact_from .wrap1 { display: flex; justify-content: space-between; gap:20px}
#contact_from .wrap1 .form-group { display: flex; align-items: flex-end; padding: 15px 20px; border-bottom: 1px solid #ccc;}
#contact_from .wrap1 .form-group label {  }
#contact_from .wrap1 .form-group label[for='con_name'] { background-image: url('/img/arpl/ico_name.png')}
#contact_from .wrap1 .form-group label[for='con_email'] { background-image: url('/img/arpl/ico_email.png')}
#contact_from .wrap1 .form-group label[for='con_phone'] { background-image: url('/img/arpl/ico_phone.png')}
#contact_from .wrap1 .form-group label + div { flex:1; padding: 0 0 0 20px;}

#contact_from .wrap2 .form-group { padding: 0 20px; border-bottom: 1px solid #ccc;  }
#contact_from .wrap2 .form-group label { background-image: url('/img/arpl/ico_content.png') }
#contact_from .wrap2 .form-group label + div { padding: 20px 0; }

#contact_from .wrap3 {  }
#contact_from .wrap3 .agree-info { display: none; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; bottom: 0; right: 0; padding: 20px; background: rgba(0,0,0,.1);  }
#contact_from .wrap3 .agree-info .inner { padding: 20px; background: #fff; font-size: 15px; }
#contact_from .wrap3 .form-footer {}
#contact_from .wrap3 .form-footer label { padding: 0; font-size: 16px; color: #777;  }
#contact_from .wrap3 .form-footer label b { font-weight: 500; color: #014099;}
#contact_from .wrap3 .form-footer .box a.view-agree-info {  display: inline-block; margin: 0 0 0 10px; font-size: 15px; font-weight: 500; color: #333;}
#contact_from .wrap3 .form-footer #mail_submit { display: block; width: 180px; height: 45px; font-size: 16px; color: #fff; text-align: center; line-height: 45px; border-radius: 3px; background: #014099; }


@media(max-width:991px){
    /* #contact_from .wrap1 .form-group { padding: 15px 10px;}
    #contact_from .wrap2 .form-group { padding: 0 10px;} */
    #contact_from .wrap1 { flex-wrap: wrap; gap: 0;}
    #contact_from .wrap1 .form-group:first-of-type { width: 100%;}
    #contact_from .wrap1 .form-group { width: 48%;}
}
@media(max-width:768px){
    #contact_from .wrap1 .form-group { width: 100%;}    
}
@media(max-width:576px){
    #contact_from .wrap label { font-size: 14px;}
    #contact_from .wrap1 .form-group { padding: 10px 10px;}
    #contact_from .wrap2 .form-group { padding: 0 10px;}
    #contact_from .wrap3 .form-footer { flex-direction: column; align-items: center;}
    #contact_from .wrap3 .form-footer .box { padding: 0 0 20px;}
    #contact_from .wrap3 .form-footer #mail_submit { width: 160px; height: 42px; font-size: 15px; line-height: 42px;} 

}