/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
.nav__layer {
  width: max-content;
  min-width: 200px;
  .nav__item {
    .nav__name {
      &:hover {
        padding-left: 25px;
        font-weight: 400;
      }
    }
  }
}
@media (max-width: 991px) {
  .nav__layer {
    width: 100%;
  }
}
.ind-section.ind-news .title.title--lg{
  color: #333 !important;
}

.ind-section.ind-news .info .title, .ind-section.ind-news .info .date{
  color: #333 !important; 
}

.nav__name:hover,.nav__name.active, .nav__name.active:hover,.nav__btn-icon::after{
  color: #f2f0ef !important;
}

.index-h1__setting {
  font-size: 3.25rem !important;
  font-weight:bold;
}

.nav__layer .nav__name:hover{
  color: #545454 !important;
}

.language .option li a{
  color: #fff !important;
}

.language .option li a:hover{
  color: #f8f8f8!important;
}

.ind-banner .swiper-wrapper .swiper-slide img{
  height: 100vh !important;
}

.ind-category > .title, .ind-product > .title, .ind-news > .title,.map-title{
  font-size: 48px !important;
  font-weight: bold !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.map-group img{
  width: 100% !important;
  max-width: 1000px !important;
}

.ind-banner__text{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.news__item .img,
.product__item .img{
  height: 12vw !important;
  background-color: #FFFFFF;
}
/*.news__item .img{*/
/*  height: 11vw !important;*/
/*}*/

.news__item .img img,
.product__item .img img{
  position: relative;
  height: 100% !important;
  object-fit: contain !important;
}

.index-bg-after-2::after{
  background-color: #f8f8f8 !important;
}

.footer-common-editor1-template1 {
  .footer__info {
    ul {
      li {
        &.other {
          padding-left: 0;
        }
      }
    }
  }
  iframe{
    margin-top: 0 !important;
  }
}

.advbox{
      background-color: #ededed !important;
}

.inner > .title span::before{
  display: none !important;
}

.banner .main-h1 {
  text-shadow: 1px 2px 5px #000000, -0.5px -0.5px 0 rgb(0 0 0 / 60%), 0.5px -0.5px 0 rgb(0 0 0 / 60%), 1.5px -0.5px 0 rgb(0 0 0 / 60%), -0.5px 0.5px 0 rgb(0 0 0 / 60%), 0.5px 0.5px 0 rgb(0 0 0 / 60%), 1.5px 0.5px 0 rgb(0 0 0 / 60%), -0.5px 1.5px 0 rgb(0 0 0 / 60%), 0.5px 1.5px 0 rgb(0 0 0 / 60%), 1.5px 1.5px 0 rgb(0 0 0 / 60%);
}

@media screen and (max-width: 1500px){
  .index-h1-template1{
    padding: 20px 0px !important;
  }
}

@media screen and (max-width: 991px){
  .ind-banner .swiper-wrapper .swiper-slide img{
    height: auto !important;
  }
}

@media screen and (max-width: 768px){
  .ind-category > .title, .ind-product > .title, .ind-news > .title,.map-title{
    font-size: 28px !important;
  }

  .news__item .img,
.product__item .img{
  height: 40vw !important;
}

.footer-common-editor1-template1 .footer__logo, .footer-common-editor1-template1 .footer__info{
  padding-right: 0 !important;
}

.footer-common-editor1-template1 iframe{
  margin-top: 2rem !important;
}


}

@media screen and (max-width: 600px){
  .news__item .img,
.product__item .img{
  height: 50vw !important;
}

.index-editor-template31 .index-editor-template31-items .index-editor-template31-item{
  margin-top: 2px;
}

.sort_自訂順序編號.index-editor-template31 .index-editor-template31-items .index-editor-template31-item .pic img{
    height: 63vw !important; 
}


}
.index-editor-template17 {
  a.link {
    i {
      margin-right: 15px;
    }
  }
}
.index-editor-template16 {
  .index-editor-template16-items {
    .index-editor-template16-item {
      .pic {
        a {
          width: 100%;
          display: block;
        }
      }
    }
  }
}