﻿body.home section.home_news {
  position: relative;
  padding: 80px 8%;
}
body.home section.home_news .more_x {
  display: table;
  margin: -30px auto 0;
}
body.home section.home_news .container {
  position: relative;
}
body.home section.home_news .h1 {
  margin-bottom: 10px;
}
body.home section.home_news h2.title {
  transform: translateY(50px);
}
body.home section.home_news .more-btn-area {
  --line-color: var(--colorSecond);
  position: absolute;
  margin: 2.5rem 0 0;
  top: 0;
  right: calc(var(--bs-gutter-x) * 0.5);
}
@media (max-width: 1399px) {
  body.home section.home_news .more-btn-area {
    margin-top: 2rem;
  }
}
@media (max-width: 1199px) {
  body.home section.home_news .more-btn-area {
    margin-top: 1.5rem;
  }
}
@media (max-width: 991px) {
  body.home section.home_news .more-btn-area {
    margin-top: 1rem;
  }
}
@media (max-width: 786px) {
  body.home section.home_news .more-btn-area {
    margin-top: 0.5rem;
  }
}
body.home section.home_news .news_list .slick-dots {
  bottom: 11%;
  text-align: right;
  right: 6%;
}
body.home section.home_news .news_list .slick-dots li button {
  width: 14px;
  height: 14px;
  padding: 0;
}
body.home section.home_news .news_list .slick-dots li button:before {
  font-size: 15px;
  opacity: 1;
  color: #c5c5c5;
}
body.home section.home_news .news_list .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ed721f;
}
body.home section.home_news .news_list .slick-track {
  padding: 0 0px 130px;
}
body.home section.home_news .news_list .item {
  transition: all 0.5s;
}
body.home section.home_news .news_list .item .item-wrapper {
  transition: transform 0.6s ease;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}
body.home section.home_news .news_list .item a {
  position: relative;
  transition: 0.3s;
}
body.home section.home_news .news_list .item a:hover {
  color: var(--colorSecond);
}
body.home section.home_news .news_list .item a:hover .pic::before {
  opacity: 1;
}
body.home section.home_news .news_list .item a:hover .pic img {
  opacity: 0.7;
}
body.home section.home_news .news_list .item .pic {
  position: relative;
  background-color: #fff;
}
body.home section.home_news .news_list .item .pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
body.home section.home_news .news_list .item .info {
  padding: 20px;
  background-color: #fff;
}
body.home section.home_news .news_list .item .info .d-flex {
  align-items: center;
}
body.home section.home_news .news_list .item .info .d-flex .kind {
  color: #ed721f;
}
body.home section.home_news .news_list .item .info .desc {
  color: #1f1f1f;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
}
body.home section.home_news .news_list .item .time {
  padding-right: 1em;
  margin-right: 1em;
  position: relative;
  display: flex;
  align-items: center;
}
body.home section.home_news .news_list .item .time span {
  font-weight: 200;
}
body.home section.home_news .news_list .item .time:after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #717171;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%);
}
body.home section.home_news .news_list .item .title {
  font-size: 20px;
  margin: 5px 0;
  font-family: "Arial", "Noto Serif TC", serif;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.home section.home_news .news_list.slick {
  --slick-gap-x: 2rem;
  --slick-arrow-gap: 15px;
  margin: 0 calc(var(--slick-gap-x, 0) * -1);
}
@media (max-width: 1399px) {
  body.home section.home_news .news_list.slick {
    --slick-gap-x: 1.875rem;
  }
}
@media (max-width: 1199px) {
  body.home section.home_news .news_list.slick {
    --slick-gap-x: 1.75rem;
  }
}
@media (max-width: 991px) {
  body.home section.home_news .news_list.slick {
    --slick-gap-x: 1.5rem;
  }
}
@media (max-width: 767px) {
  body.home section.home_news .news_list.slick {
    --slick-gap-x: 1.25rem;
  }
}
@media (max-width: 575px) {
  body.home section.home_news .news_list.slick {
    --slick-gap-x: 0px;
    --slick-arrow-gap: 10px;
  }
}
body.home section.home_news .news_list.slick .item {
  padding: 0 var(--slick-gap-x, 0);
}
body.home section.home_news .news_list.slick .slick-prev,
body.home section.home_news .news_list.slick .slick-next {
  z-index: 1;
}
body.home section.home_news .news_list.slick .slick-prev {
  left: calc(var(--slick-gap-x, 0) * -1 - var(--slick-arrow-gap, 0));
}
body.home section.home_news .news_list.slick .slick-prev:hover {
  color: var(--colorSecond);
}
body.home section.home_news .news_list.slick .slick-next {
  right: calc(var(--slick-gap-x, 0) * -1 - var(--slick-arrow-gap, 0));
}
body.home section.home_news .news_list.slick .slick-next:hover {
  color: var(--colorSecond);
}

.home_news .slick-btn .slick-prev2:before,
.home_news .slick-btn .slick-next2:before {
  display: none;
}

.home_news .slick-btn .slick-next2:hover {
  background: url(../../../../images/all/arrow_right.svg) no-repeat #ed721f center;
}

.home_news .slick-btn .slick-next2 {
  background: url(../../../../images/all/arrow_right.svg) no-repeat #fff center;
  right: 3%;
}

.home_news .slick-btn .slick-prev2:hover {
  background: url(../../../../images/all/arrow_left.svg) no-repeat #ed721f center;
}

.home_news .slick-btn .slick-prev2 {
  background: url(../../../../images/all/arrow_left.svg) no-repeat #fff center;
  left: 3%;
}

.home_news .slick-btn .slick-prev2,
.home_news .slick-btn .slick-next2 {
  width: 60px;
  height: 60px;
  transition: all 0.5s;
  border-radius: 50%;
  transform: unset;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #1b1a1a;
  position: absolute;
}

@media (max-width: 1800px) {
  body.home section.home_news {
    padding: 40px 8% 70px;
  }
  body.home section.home_news h2.title {
    transform: unset;
  }
}
@media (max-width: 767px) {
  body.home section.home_news .news_list .slick-dots {
    display: none;
  }
  body.home section.home_news .more_x {
    margin: 20px auto 0;
  }
  body.home section.home_news .news_list .slick-dots {
    position: static;
    text-align: center;
    margin-top: 10px;
  }
  body.home section.home_news .news_list.slick .item {
    padding: 10px;
  }
  body.home section.home_news h2.title {
    text-align: center;
  }
  .home_news .slick-btn .slick-prev2, .home_news .slick-btn .slick-next2 {
    width: 40px;
    height: 40px;
  }
  body.home section.home_news .news_list .item .title {
    font-size: 18px;
  }
  body.home section.home_news {
    padding: 30px 15px 40px;
    background-color: #f1f1f1;
    margin-bottom: 40px;
  }
}
@media (min-width: 767px) {
  .home_news .wrap {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }
  .home_news .newsBox {
    -webkit-transform: rotate(-8deg) translateZ(0);
    transform: rotate(-8deg) translateZ(0);
    padding: 0 15px;
  }
  .home_news .slick-list {
    overflow: visible;
  }
  .home_news .item {
    -webkit-transform: rotate(8deg) translateZ(0);
    transform: rotate(8deg) translateZ(0);
  }
  .home_news .slick-arrow,
  .home_news .slick-dots {
    -webkit-transform: rotate(8deg) translateZ(0);
    transform: rotate(8deg) translateZ(0);
  }
}
