@charset "UTF-8";
/* ------- 標頭設計(字級,字距,顏色) ------- */
.bg-img {
  width: 100%;
  position: relative;
  background: url() 50% 50% no-repeat;
  background-size: 100% 100%;
  background-clip: content-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transform: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.news-slide-wrap {
  background-color: #F8F8F8;
  margin-top: 65px;
  padding: 6.5rem 0;
  overflow: hidden;
}
.news-slide-wrap h2 {
  font-size: clamp(38px, 1.639vw + 21.74px, 46px);
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .news-slide-wrap {
    margin-top: 55px;
    padding: 5rem 0;
  }
}

.tab-news {
  padding: 2rem 0 5.5rem;
}

.news-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: 1.5rem;
}
.news-info > span {
  position: relative;
  display: inline-block;
  font-size: clamp(12px, 0.82vw + 0.387rem, 16px);
  line-height: 1;
}
.news-info > span + span {
  border-left: 1px solid #777;
  padding-left: 1rem;
  margin-left: 1rem;
}
.news-info .date {
  color: #777;
}
.news-info .category {
  color: #EC1E24;
}
.news-info .author {
  color: #777;
}

.news-release {
  position: relative;
}
.news-release-row {
  position: relative;
}
.news-release-row .slide-control {
  pointer-events: none;
  position: absolute;
  width: 50%;
  bottom: 0;
  right: 0;
  padding: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -o-flex-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.news-release-row .slide-control > * {
  pointer-events: auto;
}
.news-release-row .slide-control > * + * {
  margin-left: 1rem;
}
.news-release .card-news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transform: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.news-release .card-news.slick-active {
  opacity: 1;
}
.news-release .card-news.slick-active .card-img img {
  -moz-transform: scale(1.1) translate(-50%, -50%);
  -webkit-transform: scale(1.1) translate(-50%, -50%);
  -o-transform: scale(1.1) translate(-50%, -50%);
  -ms-transform: scale(1.1) translate(-50%, -50%);
  transform: scale(1.1) translate(-50%, -50%);
}
.news-release .card-news.slick-active:hover .card-img img {
  -moz-transform: scale(1) translate(-50%, -50%);
  -webkit-transform: scale(1) translate(-50%, -50%);
  -o-transform: scale(1) translate(-50%, -50%);
  -ms-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
}
.news-release .card-news .card-img,
.news-release .card-news .card-body {
  width: 50%;
}
.news-release .card-news .card-body {
  padding: 5%;
}
.news-release .card-news .card-body h5,
.news-release .card-news .card-body p {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news-release .card-news .card-body h5 {
  font-size: clamp(22px, 0.82vw + 13.87px, 26px);
}
@media (max-width: 1280px) {
  .news-release .card-news .card-body {
    padding: 2.5rem 5%;
  }
  .news-release-row .slide-control {
    padding: 2.5rem 5%;
  }
}
@media (max-width: 992px) {
  .news-release .card-news .card-body {
    padding: 1.5rem 2.5rem;
  }
  .news-release .card-news .card-body h5 {
    margin-bottom: 1rem;
  }
  .news-release-row .slide-control {
    padding: 1.5rem 2.5rem;
  }
}
@media (max-width: 767px) {
  .news-release-row .slide-control {
    display: none;
  }
  .news-release .card-news {
    display: block;
  }
  .news-release .card-news .card-img,
  .news-release .card-news .card-body {
    width: 100%;
  }
  .news-release .card-news .card-body {
    padding: 5%;
  }
}

.news-inpage {
  margin-top: 65px;
  margin-bottom: 6.5rem;
  padding: 2.5rem 0;
}
.news-inpage .inpage-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 6rem;
}
.news-inpage .inpage-header h3 {
  font-size: clamp(18px, 0.82vw + 9.87px, 22px);
  white-space: nowrap;
  text-transform: uppercase;
  margin-bottom: 0;
}
.news-inpage .inpage-header .category-row {
  position: relative;
  width: auto;
  max-width: 70%;
}
.news-inpage .inpage-header .category-row:after, .news-inpage .inpage-header .category-row:before {
  content: "";
  position: absolute;
  height: 100%;
  display: block;
  pointer-events: none;
}
.news-inpage .inpage-header .category-row:after {
  top: 0;
  right: -2px;
  width: 3rem;
  background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.news-inpage .inpage-header .category-row:before {
  top: 0;
  left: -2px;
  width: 3rem;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.news-inpage .inpage-header .category-row ul {
  list-style: none;
  margin: 0;
  padding: 0 3rem;
  overflow-x: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.news-inpage .inpage-header .category-row ul::-webkit-scrollbar {
  display: none;
}
.news-inpage .inpage-header .category-row ul li + li {
  margin-left: 4.5rem;
}
.news-inpage .inpage-header .category-row ul .nav-link {
  font-size: clamp(12px, 0.82vw + 0.387rem, 16px);
  line-height: 1.375;
  white-space: nowrap;
  padding: 0;
  color: #777;
}
.news-inpage .inpage-header .category-row ul .nav-link:hover {
  color: #EC1E24;
}
.news-inpage .inpage-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4rem;
  margin-right: -4rem;
}
.news-inpage .inpage-body > * {
  padding: 0 4rem;
}
.news-inpage .inpage-body .content {
  width: calc(100% - 350px);
}
.news-inpage .inpage-body .content .head-top .news-info > span {
  font-size: clamp(1.6rem, 0.41vw + 1.193rem, 1.8rem);
}
.news-inpage .inpage-body .content .head-top h2 {
  font-size: clamp(38px, 1.639vw + 21.74px, 46px);
  line-height: 1.125;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.news-inpage .inpage-body .content .social-media-row {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-flex-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  margin-bottom: 2rem;
}
.news-inpage .inpage-body aside {
  width: 350px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.news-inpage .inpage-body aside h4 {
  font-size: clamp(18px, 0.82vw + 9.87px, 22px);
  line-height: 1.363636;
  margin-bottom: 2rem;
}
.news-inpage .inpage-body aside .news-info {
  margin-bottom: 1rem;
}
.news-inpage .inpage-body aside .news-info > span {
  font-size: clamp(12px, 0.41vw + 7.93px, 14px);
}
.news-inpage .inpage-body aside .card-news .card-body h5 {
  font-size: clamp(12px, 0.82vw + 0.387rem, 16px);
  line-height: 1.375;
}
@media (max-width: 1280px) {
  .news-inpage .inpage-body {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .news-inpage .inpage-body > * {
    padding: 0 2.5rem;
  }
}
@media (max-width: 992px) {
  .news-inpage {
    margin-top: 55px;
  }
  .news-inpage .inpage-header {
    margin-bottom: 4rem;
  }
  .news-inpage .inpage-body {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .news-inpage .inpage-body > * {
    padding: 0;
  }
  .news-inpage .inpage-body .content {
    width: 100%;
  }
  .news-inpage .inpage-body aside {
    width: 100%;
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 2.5rem;
    margin-top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .news-inpage .inpage-header {
    display: block;
  }
  .news-inpage .inpage-header .category-row {
    width: 100%;
  }
  .news-inpage .inpage-header .category-row:before {
    display: none;
  }
  .news-inpage .inpage-header .category-row ul {
    padding-left: 0;
  }
  .news-inpage .inpage-header .category-row ul li + li {
    margin-left: 3rem;
  }
  .news-inpage .inpage-header h3 {
    margin-bottom: 2rem;
  }
  .news-inpage .inpage-header ul li + li {
    margin-left: 2rem;
  }
  .news-inpage .inpage-body .content .head-top h2 {
    font-size: clamp(26px, 1.23vw + 13.8px, 32px);
    line-height: 1.34375;
  }
}

/*# sourceMappingURL=news.css.map */