/*.main-area p,.block p,.block-txt p  { width: 100%; font-size:1.125rem;  line-height:1.75rem; font-weight: 400;  padding:5px; margin-bottom: 20px;  color:#404040; }*/

.main-banner::before{content: "" ; width: 100%; height: 100%; display: block; position: absolute; z-index: 9; left:0; top:0;  background-image: linear-gradient(to top, rgba(0,0,0,.3) 10%,rgba(0,0,0,.1) 50%,rgba(17,117,75,.5) 100%); }
.main-slider {  width: 100%;  min-height:100vh;   }
@media (max-width:1280px) {
.main-slider {  width: 100%;  min-height:80vh; max-height:80vh;   }
}
@media (max-width: 1024px) {
.main-banner-txt {top:25%;}
 }

@media (max-width: 992px) {
.main-banner-txt {top:40%;}
}
@media (max-width:767.98px) {
.main-banner-txt {top:auto; height: auto; }
     
}

.tv { width: 100%; height: 100%; max-width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;overflow: hidden; pointer-events: none;}
.tv iframe {width: 100% !important; height: 100% !important}
@media(min-width: 992px) {
 .tv .yt {  opacity:1; visibility: visible;  width: 160vw;  height: 160vh;  max-width: 160vw;  margin-left: -30vw; margin-top: -30vh }
 }

@media(min-width: 1200px) {
.tv .yt { width:130vw; max-width: 130vw; height: 130vh; margin-left: -15vw; margin-top: -15vh }
}
 
.yt { width: 100%;   }
@media(min-width: 992px) {
.yt { margin-left:30px; flex-direction: row  }
}

@media(max-width: 420px) {
.yt { width: 100%;  max-width: 460px; height: 290px}

}

  /* ==== 底圖 === */
 @media(max-width:1400px) {
 .bg-background {   background-size: 150% auto;  }   
}
  @media(max-width:992px) {
 .bg-background {   background-size: 200% auto;  }   
}
  @media(max-width:768px) {
 .bg-background {   background-size:cover;  }   
}
.block p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #404040; }
.block-txt p strong{  display: block;  width: 100%; font-size: 1.5rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:700;  padding:5px; margin-bottom: 10px; color: #eb9924;  }
@media (max-width:1024px) {
.main-area p,.block p,.block-txt p  {  font-size:1rem;}
}
 
/*about us----*/
.main-wrap{ width: 100%; padding-right: 10px; padding-left: 10px; max-width: calc((100% - 40px)/12*12 + 40px); margin: auto; height: auto;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; background-color: transparent;}
@media (min-width:1200px) {
.main-wrap{  padding-right:0px; padding-left: 0px;max-width: 100%; }
}
@media (max-width: 1024px) {
.main-wrap{padding: 0px;}    
}

.about-team.animated {  -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
.block {width:80%; height: auto;margin: 0 auto; padding:100px 20px;  position: relative;z-index: 1 }
.block figure{ width:100%; margin: 0px; padding: 0px; display: block; }
.block figure img{ width:100%; height: auto; display: block;  }
.block-txt{width:100%; margin:60px auto; padding:0px 20px ;  position: relative; z-index: 1;}
.block-txt p { width: 100%;margin:20px 0px; font-size:1.25rem; font-size: min(max(3.5vw, 1rem), 1.25rem); font-weight:400; line-height: 1.875rem;   }
.block p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px;   }

@media (min-width:1400px) {
.block-txt{ padding:0px 40px ; } 
}
@media (min-width:1600px) {
.block-txt{ padding:0px 40px ; } 
}

@media (max-width: 1280px) {
.block {  padding: 20px;  }   
.block-txt{width:100%;  align-self: flex-start; }
}
@media (max-width: 768px) {
.block {width:100%;margin: 0px; padding: 0px; }  
}
@media (max-width:767.98px) {
.main-about{ padding:40px 0px;background-size: 100% auto; background-position:0px top;}
.main-about  .block-txt{  padding: 0px 20px;}   
.block-txt{ margin:20px 0px; padding: 0px;}   
.block-txt p {  margin:10px 0px;  line-height: 1.5rem;   }
}


.about-team { position: relative;  display: block;  padding:40px 0px;    margin-bottom: 55px;}
.about-team-container {  display: -webkit-box; display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 140px;}
.about-team-container >.about-team-column:nth-child(odd) { width: calc(41.66667% - 11.66667px); max-width: calc(41.66667% - 11.66667px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(41.66667% - 11.66667px); flex: 0 0 calc(41.66667% - 11.66667px);}
.about-team-container >.about-team-column:nth-child(2n) {  width: calc(58.33333% - 8.33333px); max-width: calc(58.33333% - 8.33333px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(58.33333% - 8.33333px); flex: 0 0 calc(58.33333% - 8.33333px); margin-left: 20px;}
.about-team-main-name { font-size: 26px; font-weight: 500; line-height: 1.5; letter-spacing: normal; color: #237f5f;margin-bottom: 30px;  }
.about-team-main-name:after { width: 155px; height: 2px; content: ""; display: inline-block;  margin-left: 8px; background-color: #7fbda8;  }
.about-team-main-row { position: relative; margin-bottom: 33px;  }
.about-team-main-summary {  font-size:1.25rem; font-size: min(max(3.5vw, 1rem), 1.25rem); font-weight:400; line-height: 1.875rem;margin-top: 11px;  color:#4c4f54;}  
.about-team-image{position: relative;}
.background{position: relative; width: 100%; height: 40vh; overflow: hidden;   }
.background-bg img{ width: 100%; max-width: 100%; height: auto; display: block; margin: auto; -o-object-fit: cover;  object-fit: cover; -webkit-backface-visibility: hidden;  backface-visibility: hidden; transition: all 0.3s; position: relative; z-index: 0;}
.over-mt{margin-bottom: 150px;}
@media (max-width: 1280px) {
.about-team { margin-bottom: 0px;}   
.over-mt{margin-bottom: 50px;}   
}

@media (max-width:992px) {
.about-team-container {  padding: 0px 40px;}
.bg-background-fix{background-position: center; background-size: cover;}
}

@media (max-width:768px) {
.about-team-container { padding: 0px 20px 30px 20px;}   
.about-team-container .wrapper{padding: 0px;}    
.background{ height: 400px; }    
}
@media (max-width:767.98px) {
 .about-team-main-summary {  line-height: 1.5rem; }  
.about-team { padding:40px 0px 20px 0px; margin-bottom: 0px;}     
.about-team-main-name { font-size: 150%; }    
.about-team-container >.about-team-column:nth-child(odd) { width: 100%; max-width: 100%;   -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px; }
.about-team-container >.about-team-column:nth-child(2n) {  width: 100%; max-width: 100%;   -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px;  }
.background{ height: 200px;margin-top: -5%; }  
 .bg-background-fix {  background-attachment: scroll;  }   
}