@charset "UTF-8";
.home_news:after, .home_news:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 1px);
  padding-bottom: 14.5%;
  pointer-events: none;
}

.home_news {
  position: relative;
  padding: calc(var(--section-padding-y) * 0.8) 0 var(--section-padding-y);
  background-color: var(--colorMain);
  background-image: url(../../../../Images/Templates/NewsTemplates/TH004/news-bg.jpg);
  background-size: 100vw;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 20%;
  z-index: 4;
}
@media (max-width: 1199px) {
  .home_news {
    background-position-y: bottom;
  }
}
.home_news:before {
  z-index: 3;
  -webkit-mask-image: url(../../../../Images/Templates/NewsTemplates/TH004/wave-02-mask.svg);
  mask-image: url(../../../../Images/Templates/NewsTemplates/TH004/wave-02-mask.svg);
  mask-repeat: no-repeat;
  mask-size: 100vw;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.9) 38%, rgba(255, 255, 255, 0) 40%);
  background-repeat: repeat-y;
  mix-blend-mode: hard-light;
  animation-name: infinityShine;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.home_news:after {
  background-image: url(../../../../Images/Templates/NewsTemplates/TH004/wave-02.svg);
  background-size: 100vw;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: no-repeat;
  z-index: 2;
}
.home_news .h2 {
  text-align: center;
  color: Var(--bs-white);
}
.home_news .article-grid {
  --padding-gap: 40px;
}
@media (max-width: 1320px) {
  .home_news .article-grid {
    --padding-gap: 30px;
  }
}
@media (max-width: 1199px) {
  .home_news .article-grid {
    --padding-gap: 25px;
  }
}
@media (max-width: 991px) {
  .home_news .article-grid {
    --padding-gap: 20px;
  }
}
@media (max-width: 767px) {
  .home_news .article-grid {
    --padding-gap: 15px;
  }
}
.home_news .article-grid .swiper-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}
.home_news .article-grid:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
  flex-shrink: 0;
  width: calc(33.3% - 26px); /* 對應您原本的 33.3% */
  margin-right: 40px; /* 對應您原本的 gap: 40px */
}
@media (max-width: 1399px) {
  .home_news .article-grid:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .home_news .article-grid:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
    width: calc(50% - 26px);
  }
}
@media (max-width: 575px) {
  .home_news .article-grid:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide {
    width: calc(100% - 26px);
  }
}
.home_news .article-grid .item {
  padding: var(--padding-gap);
  margin-bottom: 0;
  border-radius: calc(var(--padding-gap) + 10px);
  overflow: hidden;
  background: linear-gradient(to bottom, var(--colorFifth), rgba(255, 255, 255, 0.9));
  border: 0;
}
.home_news .article-grid .item:before {
  bottom: auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 7px;
}
.home_news .article-grid .item:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  transform: scale(1.03);
}
.home_news .article-grid .item:hover .pic img {
  opacity: 0.7;
}
.home_news .article-grid .item .info {
  padding: 0;
  margin-top: 15px;
  height: auto;
}
@media (max-width: 1199px) {
  .home_news .article-grid .item .info {
    margin-top: 10px;
  }
}
.home_news .article-grid .item .date {
  position: static;
}
.home_news .article-grid .item .title {
  -webkit-line-clamp: 2;
  height: 2.8em;
  margin: 0;
}
.home_news .more-btn-area {
  text-align: center;
  margin-top: 65px;
}
@media (max-width: 1399px) {
  .home_news .more-btn-area {
    margin-top: 55px;
  }
}
@media (max-width: 991px) {
  .home_news .more-btn-area {
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .home_news .more-btn-area {
    margin-top: 35px;
  }
}
@media (max-width: 540px) {
  .home_news .more-btn-area {
    margin-top: 25px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Rabbit/1.%25E5%25B0%2588%25E6%25A1%2588/115015_%25E6%2596%25B0%25E7%25AB%258B%25E8%25B3%2587%25E8%25A8%258A%25E8%2582%25A1%25E4%25BB%25BD%25E6%259C%2589%25E9%2599%2590%25E5%2585%25AC%25E5%258F%25B8/git/osys015-core/EZWeb/wwwroot/css/Templates/NewsTemplates/TH004/TH004.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAAC;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAZJ;IAaQ;;;AAIJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AASJ;EACI;;AAEA;EAHJ;IAIQ;;;AAGJ;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;;AAKI;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAGJ;EAbJ;IAcQ;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGI;EACI;;AAKZ;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAGJ;EAhBJ;IAiBQ%22%7D */