body{background-color: transparent;}
.cms-main-area{ background: url("../images/index/bg-box.svg") repeat left top; background-size: 30% auto;}


.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 {width:100%; max-width:80%; padding: 35px 35px 50px 35px;  margin:30px auto 150px auto;  }
.cms-main-contact input,.cms-main-contact textarea { width: 100%; padding:2px 5px;  background-color: #fff;  border:solid 1px #fff; border-bottom-color:#7dacc3; border-radius:0px;  }
.cms-main-contact select{ width: 100%;padding:6px 5px;  background-color: #fff;  border:solid 1px #fff; border-bottom-color:#7dacc3; border-radius:0px;  }
.cms-main-contact button{ width: 100%;padding:6px 5px;  }
.g-recaptcha{margin-left: 10px;}
.cms-main-contact input::placeholder,.cms-main-contact textarea::placeholder { color:#016f89;}
.cms-main-contact select { color:#016f89;}
-c
.cms-contact-box .cms-social-icons{}
.cms-contact-box .cms-social-icons li{ background: #000; margin:0px 15px; border-radius:99rem;   }

[class^="col-"] { margin:3px 0px; }
@media (max-width: 991.98px) {
.cms-txtcols {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; column-gap: 80px;}
}
@media (max-width: 767.98px) {
.cms-main-contact {width: 100%; padding: 35px 15px;  margin:30px auto 60px auto;}
}

.cms-main-contact-tab .resp-tabs-container{ width: 100%; margin: auto; padding: 30px 0px; }
.cms-main-contact-tab {width: 100%; max-width:1200px; padding:15px; margin:30px auto auto auto!important;  }
.cms-contact-wrap{width: 100%; display: flex; flex-wrap: wrap;   justify-content: center; align-content: center; align-items: center; }
.cms-contact-detail{width:calc(100% - 20px); padding: 0px 10px; margin:8% auto 15% auto; display: flex; flex-wrap: wrap; justify-content: flex-start; 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-title{width:calc(40% - 20px); padding: 0px 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; }
@media (max-width:820px) {
.cms-contact-box{width:100%;  padding: 0px;  }
.cms-contact-box-title{width:100%; padding: 0px;}    
}


.cms-contact-box-title strong{ color:#db0632}

.cms-title-h2-sub{ font-size: 2rem; color:#1f2487;  margin-bottom: 15px; font-weight: 700;  position: relative; }
 .cms-title-h2-sub:after { content: ""; position: absolute; bottom:30px; left: 0; width: 210px; height: 6px; background-image: linear-gradient(60deg, #1f2387 0%, #1fbaee 100%); transform: translateY(2.0833vw);}
@media (max-width:1180px) {
 .cms-title-h2-sub:after {  bottom:20px;}
}
@media (max-width:767.98px) {
 .cms-title-h2-sub:after {  bottom:0px;}
}


.cms-contact-line{ width: 100%; display: flex; flex-wrap: wrap; margin: 1% 0; padding:5px 10px 10px 10px;font-size: 0.875rem;  border-bottom: solid 1px #ccc; align-content: center; align-items: center; }
.cms-contact-title{ width: 20%; font-size: 1.15rem; font-weight: 700; color: #000;  }
.cms-contact-name{ width: 80%; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #666; }
.cms-contact-name a{color: #666;}
.cms-contact-map{width:calc(100% - 20px); margin-left: 5%}

  @media (max-width: 991.98px) {
.cms-txtcols {  -webkit-column-count: 1;   -moz-column-count: 1;  column-count: 1; column-gap: 80px;}
}
@media (max-width: 767.98px) {
.cms-main-contact {width: 100%; max-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:0px auto;  }
}

/*----------------------------------------/
  title樣式5
----------------------------------------*/
.cms-title-h2-sub h2{ font-family: 'cwTeXMing', serif; font-size: 1.5rem; line-height: 130%; text-align: right;}
.cms-title-block { width: 80%; padding-top: 40px; justify-content: flex-start;}
#cms-main .cms-title-block h2{ margin:0px 15px;   font-weight: 700;color: #000;  }
#cms-main .cms-title-block p {width: 100%; margin:15px;  }
#cms-main .cms-con p{ font-size:0.9rem; color:#404040;  }
#cms-main .cms-con p strong{ font-size:1.125rem; color:#016f89;  }  
#cms-main .cms-con p a{  color:#404040;  }
.cms-con { width: 100%; height: auto;  padding:30px 0px 155px 0px;  position: relative; display: flex; flex-wrap: wrap;}
.cms-con-wrap { position: relative; padding: 25px 40px; width: calc(100%/3 - 20px); margin:10px;  display: flex; flex-wrap: wrap; justify-content: center;  align-content: flex-start; align-items: flex-start; } 
.cms-con-location { position: relative; padding: 25px 40px; width: calc(100% - 20px); margin:30px 10px;  display: flex; flex-wrap: wrap; align-content: center; align-items: center; }   
.cms-con-location-img{ width: 30%;  display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.cms-con-location-img figure{ display: flex; }
.cms-con-location-detail{ width: 70%; display: flex; flex-wrap: wrap;  padding:10px 50px; }
@media (max-width: 768px) {
.cms-con-wrap { position: relative; padding: 25px 40px; width: calc(100% - 20px); margin:10px;  } 
.cms-con-location {  padding: 0px 0px 10px 0px; width:100%; margin:30px auto;  }      
.cms-con-location-img{ width: 100%; justify-content: center; }  
.cms-con-location-img figure img{ width: 100%; margin: auto; border-radius:10px 10px 0px 0px;  }
.cms-con-location-detail{ width: 100%; padding:0px 15px;  }
}

#cms-main .cms-con-title { width: 100%;margin: 15px auto; padding-bottom: 15px;font-size:1.313rem; font-weight:400; letter-spacing: .5px; color:#016f89; border-bottom:  solid 1px #016f89;}
#cms-main .cms-con-title strong{ display: block;  }
#cms-main .cms-con-title span{ display: block; font-size:1rem; font-weight:400;  }
.cms-con-style { border-radius: 15px; box-shadow: 5px 15px 15px rgb(0 0 0 / 12%); background-image:linear-gradient(-45deg,#d6e7ec 0%, #fff 70%); position: relative; }
.cms-con-style:before{ content: ""; display: block;position: absolute; left:20px; top:15px; bottom: 20px; width: 90%; height: 90%; border: solid 1px rgba(1,111,137,.5); border-radius: 5px; }
.cms-con-location.cms-con-style:before{ content: ""; display: block;position: absolute; left:20px; top:20px; width: 97%; height: 90%; border: solid 2px rgba(1,111,137,.2); border-radius: 5px; }
@media (max-width: 768px) {
#cms-main .cms-con-title {  font-size:1.063rem; }
.cms-con-location.cms-con-style:before,.cms-con-style:before{  display: none;  }   
}
.cms-map{ width: 100%; min-height:400px;  display: block; margin: auto;}
.cms-map iframe{width: 100%; min-height:400px;  display: block; margin: auto;}
a.btn{color: #fff!important;  }

 /*contact*/
.border-none{border: none;}
.red:after{content:"*";color:#a01f35;padding-right: 3px;position: absolute; left:3px; top:3px; }
.contact-form > .content-Box{position: relative;  }
.contact-form ul li{list-style: none; font-size: .875rem; color: #666;  background-color: transparent;}
/*.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:calc(50% - 10px); max-width:200px; padding: 10px 0px;  margin: 0 5px; border: solid 1px #264ba2;;  font-weight: 700;  cursor: pointer;}
.btn .btn-submit{background:#264ba2;;color: #fff;  }
.btn .btn-reset{  color: #000;; }
 .contact-form ul li .formTd{width: calc(100% - 15px);  display: flex; flex-wrap: wrap;  }  
.contact-form ul li .formTd .form-option{ width: calc(25% - 15px); display: flex; flex-wrap: wrap; align-content: center; align-self: center; align-items: center; }
.contact-form ul li.full{width: calc(100% - 25px); }
.contact-form ul li .formTd input[type=checkbox]{width:18px;  height: 18px; margin-top: 12px!important; display: flex; flex-wrap: wrap;   align-self: center;  }
@media print, screen and  (max-width:999px){
 .strong{font-size: 16px;font-weight: bold;}
}
@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;}
}
 
 
.contact-form ul{width: 100%; margin:20px auto; padding: 0px; display: flex; flex-wrap: wrap; }
.contact-form ul li{ width: calc(100% - 25px); margin-bottom: 25px; padding:2px 10px; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items: center; list-style: none;background-color:#eff3fc;  border: solid 1px #264ba2;}
 
.contact-form ul li.full-end { width: calc(100% - 25px);margin-left:0px!important;}   
.contact-form ul li.full-end { align-items: flex-start;}   
.contact-form ul li .formTh{width:130px;padding-left:15px; display: flex; color:#000;font-weight: 700; position: relative;}
.contact-form ul li .formTd{width: calc(100% - 130px);  position: relative; border-left:solid 1px #999; }  
.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(255, 255, 255, 0); border-radius:0px; padding:2px 16px;width: 100%;background: rgba(255, 255, 255, 0);}

.formSelect{position:relative; display: inline-block; width: calc(100% - 32px); margin-left: 15px; }
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: 8px 29px 8px 15px; min-width: 100px; width: 100%; cursor: pointer; background-color:transparent;}
 
.graphy3{  width: auto; height: 100vh; position: fixed; z-index: 9; left: auto; right: -30%; top:0px; bottom: auto; opacity: 1;    
 animation: slideInUp 6s ease-in-out;  animation-duration: 6s;  animation-direction:alternate;}
 .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
 @-webkit-keyframes slideInUp {
  0% {  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible }
  to { -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes slideInUp {
  0% { -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); visibility: visible }
  to { -webkit-transform: translateZ(0); transform: translateZ(0)  }
}
.animate__slideInUp {  -webkit-animation-name: slideInUp; animation-name: slideInUp}