@charset "UTF-8";
* {
  --brand: #EB6796;
  --brand-2: #B8666A;
  --brand-color-1: #FAEEEE;
  --brand-color-2: #F3E4E1;
  --brand-color-3: #F9C7CA;
  --brand-color-4: #A2B0A3;
  --icon-default: #000000;
  --text-primary: #000000;
  --text-secondary: #7A7F84;
  --invert: #FFFFFF;
  --surface-default: #F3F2F0;
  --surface-default-2: #FEF9F3;
}

* {
  --banner-img: url("../images/banner/banner-最新消息.jpg");
  --banner-img-mobile: url("../images/banner/mobile/phone-banner-最新消息.jpg") ;
}

.news-detail-box {
  width: 100%;
  --img-pc-width: 50%;
}
@media (max-width: 1200px) {
  .news-detail-box {
    --img-pc-width: 66.6%;
  }
}
.news-detail-box h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--brand-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 23px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .news-detail-box h3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    font-size: 22px;
  }
}
.news-detail-box h3.mb-3 {
  margin-bottom: 12px;
  width: var(--img-pc-width);
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 768px) {
  .news-detail-box h3.mb-3 {
    width: 100%;
    justify-content: flex-start;
  }
}
.news-detail-box h3 span.date {
  font-size: 18px;
  font-weight: 400;
  color: var(--text-secondary);
}
@media (max-width: 768px) {
  .news-detail-box h3 span.date {
    font-size: 16px;
  }
}
.news-detail-box .text-box {
  width: 100;
  margin-bottom: 52px;
}
@media (max-width: 768px) {
  .news-detail-box .text-box {
    margin-bottom: 28px;
  }
}

.environmental-monitoring-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  --report-card-gap: 40px;
}
@media (max-width: 768px) {
  .environmental-monitoring-box {
    --report-card-gap: 30px;
  }
}
.environmental-monitoring-box .report-item-wrapper {
  width: 50%;
  max-width: 50%;
  margin-bottom: var(--report-card-gap);
}
.environmental-monitoring-box .report-item-wrapper:nth-child(n+1) {
  padding: 0 calc(var(--report-card-gap) / 2) 0 0;
}
@media (max-width: 768px) {
  .environmental-monitoring-box .report-item-wrapper:nth-child(n+1) {
    padding: 0;
  }
}
.environmental-monitoring-box .report-item-wrapper:nth-child(2n) {
  padding: 0 0 0 calc(var(--report-card-gap) / 2);
}
@media (max-width: 768px) {
  .environmental-monitoring-box .report-item-wrapper:nth-child(2n) {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .environmental-monitoring-box .report-item-wrapper {
    width: 100%;
    max-width: 100%;
  }
}
.environmental-monitoring-box .report-item-wrapper a.report-item {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 12px 20px;
  border: 1px solid var(--text-secondary);
  border-radius: 10.8px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.environmental-monitoring-box .report-item-wrapper a.report-item:hover {
  background-color: var(--brand-color-2);
  outline: 2px solid var(--brand-2);
  outline-offset: -1px;
  /* 讓 outline 緊貼邊框 */
}
.environmental-monitoring-box .report-item-wrapper a.report-item .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 768px) {
  .environmental-monitoring-box .report-item-wrapper a.report-item .left {
    gap: 12px;
  }
}
.environmental-monitoring-box .report-item-wrapper a.report-item .left p.title {
  font-size: 18px;
  font-weight: 400;
  color: black;
}
.environmental-monitoring-box .report-item-wrapper a.report-item .left span {
  color: var(--text-secondary);
  font-size: 16px;
  font-weight: 400;
}
.environmental-monitoring-box .report-item-wrapper a.report-item img.right {
  width: 35px;
  min-width: 35px;
}/*# sourceMappingURL=news.css.map */