.cms-main-content{ padding:50px 0px 100px 0px; background: url("../images/index/bg-line.jpg") no-repeat left top; background-size:120% auto; position: relative; }


.cms-txtcols { -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2;  column-gap: 80px; column-rule: 1px solid #e4e8e7; padding: 10px;	}
.cms-main-contact-tab {width:100%;   display: block; margin: auto;   }
.cms-main-contact {width:100%; max-width:80%; padding: 35px 35px 50px 35px;  margin:30px auto 150px auto;  }
.cms-main-contact input { width: 100%; padding:2px 5px; border-radius:0px;  color:#000;background-color:transparent; border-bottom: solid 1px #666464;  }
.cms-main-contact textarea { width: 100%; padding:2px 0px 2px 5px; border-radius:0px;  color:#000;background-color:transparent;  border: solid 1px #666464;}
.cms-main-contact select{ width: 100%;padding:6px 5px; background:#fff;  border: none;  border-bottom: solid 1px #666464;  border-radius:0px;  }
.cms-main-contact button{ width: 100%;padding:6px 5px;  }
.cms-main-contact input::placeholder,.cms-main-contact textarea::placeholder { color:#acc0c8;}
.cms-main-contact select { color:#000;}
[class^="col-"] { margin:3px 0px; }

@media (max-width: 767.98px) {
.cms-main-contact {width: 100%; padding: 35px 15px;  margin:30px auto 60px auto;}
}
.cms-main-contact {width: 100%;  padding:15px 0px; margin:30px auto auto auto!important; position: relative; }
.cms-main-contact strong{ color:#eb9924}
.cms-main-contact p{ font-size: 0.9rem; line-height: 1.35rem;}
.cms-contact-detail{width:calc(100% - 20px); padding:20px 20px 100px 20px; margin:2% auto 0px auto ;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start}
 .cms-contact-box{width:70%; padding: 0px 10px; margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; background-color: rgba(255,255,255,.9);
    box-shadow: 1px 5px 6px rgb(0 0 0 / 15%), inset 2px 6px 6px rgb(255 255 255 / 15%); }
.cms-contact-box h3{font-size:1.15rem; }
.cms-contact-box-title{width:30%; padding: 50px 0px 0px 20px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-direction: column; }

@media (max-width: 1024px) {
.cms-main-contact { padding:15px; }
.cms-contact-detail{ padding:20px 0px 100px 0px;}
.cms-contact-box-title{ padding: 50px 0px 0px 0px; }    
}

@media (max-width: 767.98px) {
.cms-contact-detail{ padding:20px 0px 100px 0px;}
.cms-contact-box-title{  width: 100%; padding: 0px; }  
.cms-contact-box{width:100%; padding: 0px; box-shadow: none;  }
}
.cms-map-detail{width:calc(100% - 20px); padding:0px 0px 0px 20px; margin:0px auto ;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start}
.cms-map-box{width:70%; padding: 0px 10px; margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.cms-map-title{width:30%; padding: 50px 0px 0px 20px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-direction: column; }
 

.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 h1{ width: 100%; font-size: 2rem; color:#56caf2;  margin-bottom: 25px; font-weight: 700; letter-spacing:4px; position: relative;}
.cms-title-h2-sub h1:after { content: ""; position: absolute; bottom:20px; left: 0; width: 210px; height: 3px; background-image: linear-gradient(60deg, #55a5ce 0%, #00437c 100%); transform: translateY(2.0833vw);}
.cms-title-h2-sub h1:first-letter{ color:#00437c;}
.cms-title-h2-sub strong{color:#eb9924;}

@media print, screen and  (max-width:767.98px){
.cms-title-h2-sub h1{ width: 100%;    }
.cms-title-h2-sub h1: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: flex-start; }
.cms-contact-title{ width: 24%; font-size: 1rem; font-weight: 700; color: #000;  white-space: nowrap;  }
.cms-contact-name{ width: 76%; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #666; }
.cms-contact-name a{color: #666;}
.cms-contact-map{width:100%;margin:0;   }
 @media print, screen and  (max-width:999px){
.cms-main-contact {width: 100%; max-width: 100%;  padding: 35px 15px;  margin:0px auto 60px auto;   }
.cms-contact-title{ width: 100%; }
.cms-contact-name{ width: 100%; }
.cms-contact-detail{width: 100%;}
.cms-contact-map{width: 100%; margin-left: 0}
.cms-main-contact {width: 100%;   padding: 35px 15px;   margin:30px auto;  }
}

 
 
  /*contact*/
.cms-btn-btnbox{ padding-right: 10px;}
@media print, screen and  (max-width:767.98px){
 .cms-btn-btnbox{ padding-right: 0px;}
#cms-main .cms-btn-btnbox .btn {width: 100%;}  
}
.border-none{border: none;}
.red:after{content:"*";color:#eb9924;padding-right: 3px;position: absolute; left:0px; top:3px; }
    
.contact-form {width: 100%; margin: auto; padding: 30px 0px; position: relative;}
.contact-form ul{width: 100%; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; position: relative;}
.contact-form ul li{ width: calc(100%/2); display: flex; flex-wrap: wrap; flex-direction: column; list-style: none;}
.contact-form ul li .formTh{width: 100%;margin-top: 8px; padding-left: 10px; font-weight: 700; display: flex;  position: relative;} 
.contact-form ul li .formTd{width: calc(100% - 15px);  display: flex; flex-wrap: wrap; }  
.contact-form ul li.th-row { width: calc(100%/2 - 18px); display: flex; flex-wrap: wrap; flex-direction: row;  justify-content: space-between; list-style: none;} 
.contact-form ul li.th-row .formTh{width: 100%; display: flex; position: relative;}
.contact-form ul li.th-row .formTd{width: calc(100%/2 - 15px); flex-direction: row; }  

.contact-form ul li.full{width: 100%!important;}
.contact-form ul li .formTd input[type=checkbox]{width:18px; height: 18px; margin-top: 12px!important; display: flex; flex-wrap: wrap;   align-self: center;  }
.contact-form ul li select{  min-height: 38px; width: calc(100% - 15px)!important;}
.contact-form ul li.th-row .formTd select{ height: 30px; }  
.contact-form ul li .form-checkbox{ width:calc(100%/3 - 30px); margin: auto 15px; display: flex; flex-wrap: wrap; align-self: center; align-items: flex-start; }

.contact-form ul li .form-box{ width:calc(100%/4 - 12px); margin: auto 15px auto 0px; display: flex; flex-wrap: wrap; align-self: center; align-items: flex-start; }
.contact-form ul li .form-box:last-child{ margin-right: 0px;}




.checkbox-style{width: 18px;display: flex;  }
#cms-main label.checkbox-style-3-label{width: calc(100% - 28px); line-height: 1.15rem;   display: flex;  }
@media print, screen and  (max-width:999px){
.contact-form {  padding:0px 0px  30px 0px; position: relative;}  
.contact-form ul li{ width: calc(100%); display: flex; flex-wrap: wrap; flex-direction: column; list-style: none;}
.contact-form ul li .formTd{width:100%;    }  
.contact-form ul li .form-checkbox{ width:calc(100%/2 - 30px);   }  
}
   
/*--------form style------------*/
#cms-main label{ font-weight: 700; align-self: center; }
input, option, textarea, input[type="radio"]{ line-height:2rem;  padding-left:15px;  font-size:1rem; color: #000;background-color:#f3faff;border: 1px solid #f7f7f7;border-radius:5px;  }
input[type="radio"]+label, input[type="checkbox"]+label { width:auto; box-sizing: border-box; padding: 5px 5px 0px 5px; }
input:focus,textarea:focus { outline: none; box-shadow: 0px 3px 5px rgba(43,126,199,.5)}
 input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"],input[type="date"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;min-height: 20px; }
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input, input[type=checkbox]::before,textarea{border: none; border-radius:0px; padding:2px 16px;width: 100%;margin-bottom: 18px; }