body {
    background-image: url(../images/index/index-bg-2.svg), linear-gradient(180deg, #d5eafa 40%, #fff 100%);
    background-position: right -10%,left top;
    background-size: 100% auto ,100% 30%;
    background-repeat: no-repeat;
}

.cms-main-content:before { content: ""; width: 100%; height: 100px; position: absolute; left: 0; top: -50px; display: block; background-color: #fff; -webkit-transform: skewY( -3.6deg); transform: skewY(-3.6deg); pointer-events: none;}
.cms-main-content { width: 100%; max-width: 100%; padding:20px; margin-top: 10px;  background-image: linear-gradient(to bottom, rgba(255,255,255,.85) 0%, white 100%); box-shadow: 5px -35px 5px rgb(149 188 222 / 50%);}
.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:#184598;}

.cms-main-contact select { color:#184598;}

[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;}
}
@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;font-family: 'Poppins', "sans-serif"  }
.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: 90%; margin:15px;  }
#cms-main .cms-con-wrap p{ font-size:.9rem; color:#404040;  }
#cms-main .cms-con-wrap p strong{ font-size:.9rem; color:#184598;  }
#cms-main .cms-con-wrap p a{  color:#404040;  }

.cms-con { width: 100%; padding-top:155px; padding-bottom: 105px; height: auto; position: relative; display: block;}
.cms-con-bg, .cms-con-lines { width: 100%; position: absolute; left: 0; display: block;}
.cms-con-bg {height: 100%; bottom: 0; overflow: hidden; -webkit-transform-origin: top left;  transform-origin: top left; -webkit-transform: skewY( 4.5deg); transform: skewY(4.5deg); background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(40%,#d5eafa),to(#f5f5f5));
background: linear-gradient(90deg,#fff,#d5eafa 40%,#f5f5f5); }
#cms-main .cms-con-title { font-size:1.75rem; font-weight: 600; line-height: 3rem; letter-spacing: .5px; color:#184598;  margin: 15px auto; border-right:  solid 1px #184598;}
.cms-con-links { position: relative; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; margin-top: 25px;}
.cms-con-wrap { position: relative; margin-right: auto; margin-left: auto; width: 100%; padding-right: 20px; padding-left: 20px; max-width: calc((100% - 40px)/12*10 + 70px);}   

@media (min-width: 1002px){ 
.cms-con-lines-bar.first {  -webkit-transform: rotate(9.5deg);transform: rotate(9.5deg);}
.cms-con-lines-bar.second {-webkit-transform: rotate(139deg);transform: rotate(139deg);}
.cms-con-lines-bar.last {  -webkit-transform: rotate(-133deg);transform: rotate(-133deg);}
    
}

 
@media (min-width: 1300px){ 
.cms-con-wrap { max-width: 1080px;}
#cms-main .cms-con-title { font-size: 2rem; }
.cms-con-lines-bar { width: 100vw; height:20px; position: absolute; top: 0; left: 260px; display: block; background-color:rgba(24,69 ,152,1); -webkit-transform-origin: center left; transform-origin: center left;}
.cms-con-lines { height: 100%; top: 260px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: skewY(12deg);transform: skewY(12deg);}
.cms-con-lines-bar { width: 100vw; height:20px; position: absolute; top: 0; left: 260px; display: block; background-color:rgba(24,69 ,152,1); -webkit-transform-origin: center left; transform-origin: center left;}
.cms-con-lines { height: 100%; top: 280px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: skewY(25deg);transform: skewY(25deg);}
.cms-con-lines-bar.first {  -webkit-transform: rotate(7.5deg);transform: rotate(7.5deg);}
.cms-con-lines-bar.second {-webkit-transform: rotate(139deg);transform: rotate(139deg);}
.cms-con-lines-bar.last {  -webkit-transform: rotate(-133deg);transform: rotate(-133deg);}

}
@media (min-width: 768px){ 
.cms-con-wrap { padding-right: 40px; padding-left: 40px; }
}

.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;  }