/*tem17-contact*/
.tem17-contact-form{width:100%;margin:0 0 30px;padding:20px 0;display:inline-block;}
.tem17-contact-form .title{color:#252a33;font-size:20px;margin:0 0 20px;text-transform:uppercase;display:inline-block;width:100%;padding:0 10px;text-align:center;}
.tem17-contact-form .box{width:100%;margin:0 auto;display:block;}
.tem17-contact-form .form-group{margin-bottom:15px;display:inline-block;width:100%;}
.tem17-contact-form .form-group .form-control{height:45px;border-radius:0;color:#5d5d5d;border:1px solid #e1e1e1;border-radius:2px;padding:8px 15px;box-shadow:none;float:right;width:88%;}
.tem17-contact-form .form-group label{color:#5d5d5d;font-size:14px;display:inline-block;font-weight:500;float:left;height:45px;line-height:45px;}
.tem17-contact-form .form-group label span{color:#f00;}
.tem17-contact-form .form-group textarea.form-control{height:150px;}
.tem17-contact-form .btn{color:#fff;overflow:hidden;border:none;padding:10px 30px;font-weight:500;border-radius:2px;margin-left:12%;}
.tem17-contact-form .btn::before{content:"";background:#252a33;left:0;top:0;bottom:0;right:0;position:absolute;z-index:-1;transition:all 0.4s ease-out 0s;opacity:0;transform:scaleY(0);}
.tem17-contact .yzmbox{position:relative;}
.tem17-contact .yzmbox a{width:50px;height:25px;margin:5px;position:absolute;top:5px;right:3px;}
.tem17-contact .yzmbox a img{width:100%;height:100%;}
.tem17-contact .help-block{right:30px;top:12px;-z-index:2;}
.tem17-contact .has-error .form-control-feedback,
.tem17-contact .has-success .form-control-feedback{top:17px;}
.tem17-contact .yzmbox .help-block{right:85px;}
.tem17-contact .yzmbox.has-error .form-control-feedback,
.tem17-contact .yzmbox.has-success .form-control-feedback{right:55px;}
@media (max-width:1170px){
    .tem17-contact-form .form-group .form-control{width:85%;}
    .tem17-contact-form .btn{margin-left:20%;}
}
@media (max-width:991px){
    .tem17-contact-form{margin:0;padding:10px 0;}
    .tem17-contact-form .form-group .form-control{width:80%;}
    .tem17-contact-form .form-group textarea.form-control{height:100px;}
}
@media (max-width:640px){
    .tem17-contact-form .title{margin-bottom:10px;}
    .tem17-contact-form .form-group{margin-bottom:10px;}
    .tem17-contact-form .form-group label{font-size:13px;height:30px;line-height:30px;}
    .tem17-contact-form .form-group .form-control{width:80%;height:40px;}
    .tem17-contact .yzmbox a{top:3px;}
}
@media (max-width:480px){
    .tem17-contact-form .form-group label{width:100%;clear:both;}
    .tem17-contact-form .form-group .form-control{width:100%;clear:both;}
    .tem17-contact-form .form-group{margin-bottom:5px;}
    .tem17-contact .yzmbox a{top:43px;}
    .tem17-contact-form .btn{margin-left:0;padding:8px 20px;font-size:13px;}
    .tem17-contact .yzmbox.has-error .form-control-feedback,
    .tem17-contact .yzmbox.has-success .form-control-feedback{right:0;}
    .tem17-contact .yzmbox .help-block{right:30px;}
}


.tem17-contact .upload_attach_con{ border: none;  }
.tem17-contact .upload_attach_con .add_file_a{ width: 60px;height: 60px; display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;}
.tem17-contact .upload_attach_con .add_file_a .webuploader-pick{ color: #ccc; background: transparent;}
.tem17-contact .upload_attach_con .add_file_a > div:last-child{ width:100%!important;height: 100%!important; }
.tem17-contact .upload_attach_gray{ overflow: hidden; }
.tem17-contact .checkbox-group label{ height: auto;line-height: 1.5; }