.cms-main-content { width: 100%; max-width: 100%; padding:20px; margin-top: 10px;  }
.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;}

[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 {width: 80%; display: flex; padding:15px 35px; margin:60px auto 150px auto;  background: #fff; }
.cms-contact-wrap{width: 100%; display: flex; flex-wrap: wrap;   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: 25%; font-size: 1rem; font-weight: 700; color: #000;  }
.cms-contact-name{ width: 75%; font-size: 0.95rem; font-weight: 400; line-height: 1.75rem; color: #666; }
.cms-contact-map{width: 45%; 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: 35px 15px;   margin:30px auto;  }
}
  /*----------------------------------------/
  title樣式5
----------------------------------------*/
.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;  }