.cms-wrapper-full:before{ content:"";  position: absolute; z-index:0; top:5%; right:15px; width:40%; height: 200px;background: url("../images/index/w-t6.png") no-repeat right top; background-size: 100% auto; opacity: .1;}   
@media (max-width: 767.98px) {
.cms-wrapper-full:before{  top:1%; right:-1%;  width:70%; height: 200px; }  
.cms-main-content{padding:0px;}
}
.cms-main-contact {width: 100%; max-width:80%; padding:80px 0px 100px 0px; margin:30px auto auto auto!important; position: relative; z-index: 1; }
.g-recaptcha{margin-left: 10px;}
.cms-contact-detail{width:100%; padding:20px 0px 100px 0px; margin:2% auto 0px auto ;  display: flex; flex-wrap: wrap;  align-content: flex-start; align-items: flex-start}
.cms-contact-box{width:60%; padding: 0px 10px; margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.cms-contact-box h3{font-size:1.15rem; }
.cms-contact-box-title{width:40%; padding: 50px 20px 0px 0px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-direction: column; }
.cms-contact-map{width: 60%;margin-top: 2%;   }

@media (max-width: 1180px) {
.cms-main-contact { width: 100%; max-width:100%; }
}
@media (max-width: 1024px) {
.cms-main-contact { width: 100%; max-width:1000px; }
.cms-contact-detail{ padding:0px 20px 100px 20px;}
.cms-contact-box-title{ padding:0px; }    
}
@media (max-width: 840px) {
.cms-contact-box-title{ width: 100%;padding: 0px 0px 30px 0px; }    
.cms-contact-map{width: 100%; margin:0px auto;}
}

@media (max-width: 767.98px) {
.cms-main-contact {width: 100%; padding:15px 15px 35px 15px;  margin:0px auto 60px auto;}   
.cms-contact-detail{ padding:20px 0px;}
.cms-contact-box-title{  width: 100%; padding: 0px; }  
.cms-contact-box{width:100%; padding: 0px;  }
}
 
.cms-title-h2-sub{ width: 100%; margin-bottom: 25px; font-weight: 700;  position: relative;display: flex; flex-wrap: wrap;  flex-direction: column; }
.cms-title-h2-sub h2{ width: 100%; font-size: 2rem; color:#2a424c;  letter-spacing:4px; margin-bottom: 25px; font-weight: 700;  position: relative;}
.cms-title-h2-sub h2:after { content: ""; position: absolute; bottom:20px; left: 0; width: 210px; height: 3px; background-image: linear-gradient(to left, #adc93b 0%, #107279 30%, #adc93b 100%);  transform: translateY(2.0833vw);}
.cms-title-h2-sub strong{color:#eb9924;}

@media print, screen and  (max-width:767.98px){
.cms-title-h2-sub h2{ width: 100%;    }
.cms-title-h2-sub h2:after { bottom:0px;}  
}
.cms-contact-line{ width: 100%; display: flex; flex-wrap: wrap; margin:0; padding:5px 10px;font-size: 0.875rem; /* border-bottom: solid 1px #ccc; */align-content: center; align-items: center; }
.cms-contact-title{ width: 20%; font-size: 1rem; font-weight: 700; color: #000;  }
 
.circle-box{ width: 60px; height: 60px;  display: flex; flex-wrap: wrap; justify-content: center; align-items:center;position: relative; }
.circle-box:after{  content: ""; position: absolute; right:0px; bottom:10px;  width: 2px; height: 60%; background: #0fa2b1;}
.circle-box i{ width: 36px; height: 36px; display: block; background-size: 100% auto;  }

.cms-contact-name{ width: 80%; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #0fa2b1; }
.cms-contact-name strong{ font-weight: 700; display: block; position: relative; }
.cms-contact-name strong:after{  content: ""; position: absolute; left:0px; bottom:0px;  width: 10%; height: 2px; background: #0fa2b1;}
.cms-contact-name a{color: #0fa2b1;}
.contact-left{width: 30%;margin:0; padding:0px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.contact-form{width: 70%;margin: auto; padding:0px; background:linear-gradient(to top, #b7cc19 0%, #13a3b1 100%)  padding-box, linear-gradient(to top, #b7cc19 0%, #13a3b1 100%) border-box;  border: 2px solid transparent;overflow: hidden;border-radius:0px 0px 80px 0px;  transition: all 0.3s linear 0s;   }

@media (max-width: 820px) {
.contact-left,.contact-form{width: 100%;}   
}
.contact-form form{width: 100%; margin: 0px; padding: 0px;  background: #fff;}
.contact-form ul{width: 100%; margin: 0px auto; padding: 50px 60px 0px 60px; display: flex; flex-wrap: wrap; }
.contact-form ul li{ width: 100%; margin-bottom: 25px; display: flex; flex-wrap: wrap;list-style: none; font-size:1.125rem; font-weight: 500; color: #2a424c;  background: #fff;  }
.contact-form ul li .formTh{width:80px;padding-left:15px; display: flex;  position: relative;}
.contact-form ul li .formTd{width: calc(100% - 80px);  position: relative; }  
.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;}
.contact-form ul li .formTh{width:120px;padding-left:15px; display: flex;  position: relative;}
.contact-form ul li .formTd{width: calc(100% - 120px);  position: relative;  display: flex; flex-wrap: wrap;}  
.contact-form ul li.full{width:100%; }
.contact-form ul li .formTd input[type=radio]{width:18px;  height: 18px;  align-self: center; border: 1px solid  #19a6b4!important; color:#19a6b4!important;  }
.formTd label{ width: auto; margin-left:8px;margin-bottom: 0px; font-size:1.125rem!important; color: #2a424c;} 
@media (max-width: 767.98px) {
.contact-form ul{  padding: 10px 20px; }
.contact-form ul li .formTh{width:100%; padding-left:15px;margin-bottom: 5px;}
.contact-form ul li .formTd{width: 100%;  }  
}
 a.btn{color: #fff!important;  }
.btn { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; text-transform: uppercase;  margin-top: 1.5%;}
.btn button{border: none;}
.contact-form input[type="text"],.contact-form input[type="password"],.contact-form input[type="tel"],.contact-form input[type="number"],.contact-form input[type="email"],.contact-form input[type="password"]	{background-repeat: no-repeat;background-position: 14px center;}
.contact-form input[type="submit"],.contact-form input[type="reset"],.contact-form input[type="button"]	{-webkit-appearance: none;}
.contact-form input,.contact-form  input[type=radio]::before,.contact-form textarea{border: 1px solid  #19a6b4; border-radius:30px; padding:8px 15px;width: 100%;background: rgba(255, 255, 255, .9);}
input.max80{max-width: 80px;margin-right: 8px;}
input.name{max-width: 150px;margin-right: 8px;}
.max100 { width: 100%;max-width: 150px;}
.radio { margin:0px 10px 10px 0px;}
.radio input[type=radio] {position: absolute;  opacity: 0;}
.radio input[type=radio] + .radio-label:before { content: ""; background: #f4f4f4;  border-radius: 100%; border: 1px solid #b4b4b4;  display: inline-block; width:20px; height:20px; position: relative; top: 0;  margin-right: 1em;  vertical-align: middle;  cursor: pointer; text-align: center; transition: all 250ms ease;}
.radio input[type=radio]:checked + .radio-label:before {  background-color: #19a6b4;  box-shadow: inset 0 0 0 4px #f4f4f4;}
.radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #19a6b4;}
.radio input[type=radio]:disabled + .radio-label:before {  box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4;}
.radio input[type=radio] + .radio-label:empty:before { margin-right: 0;} 
  /*contact*/
 .red{position: relative}
.red:after{content:"*";color:#a01f35;padding-right: 3px;position: absolute; left:3px; top:3px; }