@charset "UTF-8";
.article-grid {
  position: relative;
}
.article-grid .item {
  --item-gap: 55px;
  /*display: flex;
  flex-direction: column;*/
  transition: all 0.5s ease;
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: var(--item-gap);
  margin-bottom: var(--item-gap);
}
@media (max-width: 1199px) {
  .article-grid .item {
    --item-gap: 45px;
  }
}
@media (max-width: 991px) {
  .article-grid .item {
    --item-gap: 35px;
  }
}
@media (max-width: 767px) {
  .article-grid .item {
    --item-gap: 25px;
  }
}
.article-grid .item:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0%;
  width: calc(25% - 2.125rem);
  height: 2px;
  background: linear-gradient(to left, var(--colorSeventh), var(--colorEighth));
}
@media (max-width: 1199px) {
  .article-grid .item:before {
    width: calc(33.3333% - 1rem);
  }
}
.article-grid .item:last-child {
  margin-bottom: 0;
}
.article-grid .item.elated-item {
  /*margin: .7rem;*/
  padding-top: var(--item-gap);
  margin-bottom: 0;
  box-shadow: none;
}
.article-grid .item.elated-item:hover {
  /*box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;*/
}
.article-grid .item:hover .pic img {
  /*transform: scale(1.05);*/
}
.article-grid .item .pic {
  display: block;
  overflow: hidden;
}
.article-grid .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
}
.article-grid .item .info {
  display: block;
  position: relative;
  height: 100%;
}
@media (max-width: 991px) {
  .article-grid .item .info {
    padding: 1rem 0 0;
  }
}
.article-grid .item .info-bar {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .article-grid .item .info-bar {
    margin-bottom: 15px;
  }
}
.article-grid .item .date {
  color: var(--colorSeventh);
  font-size: 1rem;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .article-grid .item .date {
    font-size: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .article-grid .item .date {
    position: static;
    margin-top: 1em;
  }
}
.article-grid .item .date a {
  color: var(--colorSeventh);
}
.article-grid .item .kind {
  display: inline-block;
}
.article-grid .item .kind a {
  display: inline-block;
  border-radius: 4em;
  padding: 0.5em 1.25em;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--bs-dark);
  background: linear-gradient(to right, var(--colorFourth), var(--colorSixth));
  /*border: 1px solid var(--colorSecond);*/
}
.article-grid .item .title {
  /*margin-top: 8px;*/
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  height: 1.4em;
  margin-top: 1rem;
  margin-bottom: 0;
  /*padding-left: 0;*/
  /*width: auto;*/
  /*display: block;*/
  /* 省略 */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991px) {
  .article-grid .item .title {
    font-size: 1rem;
  }
}
.article-grid .item .title a {
  color: inherit;
  text-decoration: none;
}
.article-grid .item .desc {
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 1.8;
  height: 3.6em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-grid.swiper {
  padding: 0 calc((var(--swiper-arrow-size-w) + var(--arrow-shadow-size)) / 2);
  margin-left: calc((var(--swiper-arrow-size-w) + var(--arrow-shadow-size)) / -2);
  margin-right: calc((var(--swiper-arrow-size-w) + var(--arrow-shadow-size)) / -2);
}
.article-grid.swiper .swiper-button-prev .swiper-navigation-icon, .article-grid.swiper .swiper-button-next .swiper-navigation-icon {
  display: none;
}
.article-grid.swiper .swiper-button-prev {
  left: var(--arrow-shadow-size);
}
.article-grid.swiper .swiper-button-next {
  right: var(--arrow-shadow-size);
}
.article-grid.swiper-container-initialized {
  overflow: hidden;
}
.article-grid:not(.swiper-container-initialized) .swiper-wrapper {
  display: flex;
  /*overflow-x: hidden;*/ /* 讓未初始化前可以橫向滾動，代替 grid 排版 */
}

@media (max-width: 991px) {
  body.news .side1 {
    padding: 0 1rem 0 0.5rem;
    margin-bottom: 0.5rem;
  }
}
body.news .page-box {
  border-top: none;
}
body.news .rel-title {
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  color: #2f2f2f;
  margin-bottom: 15px;
}

/*# 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/Default/Default.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAAC;EACG;;AAEA;EACI;AACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;;;AAGJ;EAdJ;IAeQ;;;AAGJ;EAlBJ;IAmBQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;;;AAIR;EACI;;AAGJ;AACI;EACA;EACA;EACA;;AAEA;AACI;;AAMA;AACI;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;IACA;;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;AAIR;AACI;EACA;EACA;EACA;EACA;EACA;EACA;AACA;AACA;AACA;AACA;EACA;EACA;EACA;EACA;;AAEA;EAjBJ;IAkBQ;;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAGI;EACI;;AAIR;EACI;;AAGJ;EACI;;AAIR;EACI;;AAIA;EACI;AACA;;;AAOJ;EADJ;IAEQ;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA%22%7D */