/* -- Contact ------ */
.cms-main-area{ background-image: linear-gradient(to top, #fff 0%, rgba(255,246,219,.35) 70% , rgba(255,246,219,.1) 100% );}
 .cms-txtcols {  -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2;  column-gap: 80px; column-rule: 1px solid #e4e8e7; padding: 10px;	}
.g-recaptcha-response{margin-left: 10px;}
[class^="col-"] { margin:3px auto; }
@media (max-width: 991.98px) {
.cms-txtcols {  -webkit-column-count: 1;   -moz-column-count: 1;  column-count: 1; column-gap: 80px;}
 }

.cms-main-contact-tab {width: 80%; display: flex; padding:15px; margin:60px auto 150px auto;   }
.cms-contact-wrap{width: 100%; padding: 0px 10px; display: flex; flex-wrap: wrap; justify-content: center;  align-content: center; align-items: center; }
.cms-contact-detail{width: 45%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.cms-contact-line{ width: 100%; display: flex; flex-wrap: wrap; margin: 1% 0; padding:5px 10px 10px 10px; border-bottom: solid 1px #ccc; align-content: center; align-items: center; }
.cms-contact-title{ width:30%; font-size: 1rem; font-weight: 700; color: #7cbc6d;  }
.cms-contact-title i.icon-line{display: inline-block; margin-right:5px; }
.cms-contact-name{ width: 70%; font-size: 0.95rem; font-weight: 400; line-height: 1.75rem; color: #666; }
.cms-contact-map{width: 45%; margin-left: 5%}
.cms-main-contact-tab .resp-tabs-container { }
 
@media (max-width: 768px) {
.cms-main-contact {width: 100%; padding: 35px 15px;  margin:0px auto 60px auto;   }
.cms-contact-detail{width: 100%;   }
.cms-contact-map{width: 100%; margin-left: 0}
.cms-main-contact-tab {width: 100%; padding: 0px; margin:30px auto;  }
.cms-contact-title{ width:40%;  }
.cms-contact-name{ width: 60%;   }
    
}
.cms-tab-wrap .resp-tabs-list {border-bottom: solid 1px #d8d8d8; position: relative;  }
.cms-tab-wrap .resp-tabs-list li{  font-weight:700;}
#cms-main .cms-tab-wrap .resp-tab-active{color: #fcb810;    }
#cms-main .resp-tab-active:after { width: 100%; height: 3px; bottom: 0; content: ""; left: 0; position: absolute; background-color: #fcb810; opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s;} 
/*contact*/
.red:after{content:"*";color: red;padding-left: 3px;}
.contact-form > .content-Box{position: relative;}
.contact-form ul li{list-style: none;}
/*.contact-form ul li .formTh,.contact-form ul li .formTd{padding:8px 18px;margin-bottom: -8px;}*/
.contact-form ul li div span{margin: 0 18px 0 0;display:inline-block;}
.contact-form ul li div span:last-child{margin-right:0;}
.btn .btn-submit,.btn .btn-reset{width: 50%;  max-width:300px; padding: 10px 0px; font-weight: 700;  cursor: pointer;color: #FFF;}
.btn .btn-submit{background: #fcb810;box-shadow: 0 3px 5px rgba(0,0,0, .3);border:0;}
.btn .btn-reset{background: #666;box-shadow: 0 3px 5px rgba(0,0,0, .3);border:0;}

.address2{width:100%; margin: auto;}
@media print, screen and  (max-width:999px){
.address2{width:100%;margin: 0px auto; padding: 0px 10px; }
.strong{font-size: 16px;font-weight: bold;}
 #cms-main .contact-form .btn {  padding: 0.375rem 0px;font-size: .875rem;}

}
@media print, screen and  (min-width:640px) and  (max-width:999px){
.contact-data ul{display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -18px;}
.contact-data ul li{width: calc(100% / 2 - 18px);margin-left: 18px;}
}
@media print, screen and  (min-width:999px){
.contact{display: flex;flex-direction: row;}
.contact-form ul li{display: flex;flex-direction: row; list-style: none;}
.contact-form ul li .formTh{width: 158px;margin-top: 8px;}
.contact-form ul li .formTd{width: calc(100% - 158px);}  
.btn { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; text-transform: uppercase;  margin-top: 1.5%;}
.backlist_out{margin-top:-3px;}
}
input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"]	{background-repeat: no-repeat;background-position: 14px center;}
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input, input[type=checkbox]::before,textarea{border: 1px solid rgba(252,184,16,.35);padding:8px 16px;width: calc(100% - 32px);margin-bottom: 18px;background: rgba(255, 255, 255, .9);}
.formSelect{position:relative; display: inline-block; width: calc(100% - 32px); border: 1px solid rgba(252,184,16,.35);margin-bottom: 18px;}
input.max80{max-width: 80px;margin-right: 8px;}
input.name{max-width: 150px;margin-right: 8px;}
.max100 { width: 100%;max-width: 150px;}
.formSelect select { border: 0; padding: 10px 29px 10px 12px; min-width: 100px; width: 100%; cursor: pointer;}


@media (max-width: 768px) {
  .formSelect{ width:100%; }
  
}