@charset "UTF-8";
p {
  margin: 0px;
}

.BlueGreen {
  color: #005052;
}

.BrightGreen {
  color: #669E73;
}

.DarkGreen {
  color: #4D706B;
}

.GrayGreen {
  color: #4B5654;
}

.Green01 {
  color: #5E7369;
}

.Green02 {
  color: #70877B;
}

.Green03 {
  color: #8DA097;
}

.Green04 {
  color: #A8C1B5;
}

.GrayPink {
  color: #C1B0A8;
}

.White {
  color: #fff;
}

.Gray {
  background-color: #F7F7F7;
}

.title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.word {
  font-size: 18px;
  line-height: 1.5;
  text-align: justify;
}

.sub_word {
  font-size: 16px;
  line-height: 1.5;
}

.fontWeight {
  font-weight: bold;
}

.fontNormal {
  font-weight: normal;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.margin-24 {
  margin: 24px;
}

.a-link {
  display: inline;
  margin: 0;
}

hr {
  border: 0.5px solid #4D706B;
  width: 100%;
}

.btn {
  background: #005052;
  color: #fff;
  border: 1px #005052;
  border-radius: 4px;
  padding: 12px;
  font-size: 18px;
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
  cursor: pointer;
  width: 160px;
}
@media (max-width: 1024px) {
  .btn {
    width: 140px;
  }
}

.lastBtn {
  display: block;
  margin: 40px auto;
}
@media (max-width: 1024px) {
  .lastBtn {
    margin: 20px auto;
  }
}

@media (max-width: 1024px) {
  .title {
    font-size: 18px;
  }
  .word {
    font-size: 16px;
  }
  .sub_word {
    font-size: 14px;
  }
  .margin-24 {
    margin: 12px;
  }
}
@media (max-width: 390px) {
  .title {
    font-size: 16px;
  }
  .word {
    font-size: 14px;
  }
  .sub_word {
    font-size: 12px;
  }
}
.kv {
  background-color: #DADFDB;
  padding: 40px 0px;
  margin-top: 70px;
}
.kv_word {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.kv_word .word_box {
  background-color: rgba(255, 255, 255, 0.8156862745);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 740px;
}
.kv_word .word_box .kv_sub {
  font-size: 22px;
  line-height: 1.5;
}
.kv_word .word_box .kv_title {
  line-height: 1.5;
}
.kv_word .word_box .kv_title img {
  max-width: 220px;
}
.kv .kv_dec_pc {
  position: absolute;
  width: 100vw;
  top: 110px;
  right: 0px;
  z-index: 0;
  display: block;
}
.kv .kv_dec_m {
  display: none;
}
@media (max-width: 1024px) {
  .kv {
    padding: 0px;
    margin-top: 66px;
  }
  .kv_word {
    padding: 20px 16px;
  }
  .kv_word .word_box {
    padding: 16px;
    gap: 4px;
    width: 100%;
  }
  .kv_word .word_box .kv_sub {
    font-size: 18px;
  }
  .kv .kv_dec_pc {
    display: none;
  }
  .kv .kv_dec_m {
    position: relative;
    width: 100%;
    display: block;
  }
}

.section {
  position: relative;
  display: block;
  margin: 80px auto;
  padding: 0px;
  width: 100%;
}
.section .line-word {
  display: flex;
  gap: 16px;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.section .line_box {
  border-left: 3px solid #669E73;
  padding-left: 16px;
}
.section .numberTitle {
  font-variant-numeric: tabular-nums; /* 讓數字寬度一致，避免跳動時文字抖動 */
  display: flex;
  align-items: baseline;
}
.section .count-up {
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .section {
    margin: 40px auto;
    padding: 0px 16px;
  }
  .section .line-word {
    gap: 12px;
    max-width: 500px;
  }
}

/* 彈窗背景遮罩 */
.modal-overlay {
  display: none; /* 預設隱藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 28, 28, 0.7);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

/* 彈窗主體容器 */
.modal-container {
  background: #fff;
  width: 80%;
  max-width: 1000px;
  border-radius: 8px;
  position: relative;
  overflow: hidden; /* 確保圓角裁切 */
  animation: fadeIn 0.3s ease;
  padding: 32px;
}
.modal-container .modal-content {
  margin-top: 0px;
}
.modal-container .OnlyPC {
  display: block;
}
.modal-container .OnlyM {
  display: none;
}
@media (max-width: 800px) {
  .modal-container .OnlyPC {
    display: none;
  }
  .modal-container .OnlyM {
    display: block;
  }
  .modal-container .OnlyM .swiper_box {
    height: auto;
  }
  .modal-container .OnlyM .custom-tabs {
    width: 100%;
  }
  .modal-container .OnlyM .custom-tabs .tab-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto 20px;
    border-bottom: 4px solid #E1EFEF;
    position: relative;
  }
  .modal-container .OnlyM .custom-tabs .tab-menu .tab-link {
    width: 25%;
    text-align: center;
    padding: 12px 0;
    color: #666;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
  }
  .modal-container .OnlyM .custom-tabs .tab-menu .tab-link.active {
    color: #00a19b;
    font-weight: bold;
  }
  .modal-container .OnlyM .custom-tabs .tab-menu .tab-link.active::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #00a19b;
    border-radius: 10px;
  }
  .modal-container .OnlyM .custom-tabs .tab-content-wrapper {
    border-radius: 10px;
    padding: 24px 16px;
  }
  .modal-container .OnlyM .custom-tabs .tab-content-wrapper .tab-item {
    display: none;
  }
  .modal-container .OnlyM .custom-tabs .tab-content-wrapper .tab-item.active {
    display: block;
    animation: fadeIn 0.4s ease;
  }
  .modal-container .OnlyM .custom-tabs .tab-content-wrapper .m-slide-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .modal-container .OnlyM .custom-tabs .tab-content-wrapper .m-slide-flex .m-icon {
    width: 155px;
    height: 155px;
    margin-bottom: 16px;
    object-fit: contain;
  }
  .modal-container .OnlyM .custom-tabs .tab-content-wrapper .m-slide-flex .m-text p {
    text-align: left;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}

/* 關閉按鈕 */
.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;
  color: #333;
}

/* Flexbox 排版 */
.modal-flex-layout {
  display: flex;
  flex-direction: row; /* 橫向排列 */
  gap: 24px;
}

.modal-image {
  flex: 1;
}
.modal-image img {
  width: 100%;
  object-fit: cover; /* 確保圖片填滿且不變形 */
  display: block;
}

.modal-text {
  flex: 1;
}

/* 手機版 RWD (1024px 以下) */
@media (max-width: 1024px) {
  .modal-flex-layout {
    flex-direction: column; /* 變為上下排列 */
    gap: 12px;
  }
  .modal-container {
    max-height: 90vh;
    overflow-y: auto; /* 手機版內容過長時可滾動 */
    padding: 8px;
  }
  .modal-container .modal-content {
    margin-top: 24px;
  }
  .modal-text {
    padding: 8px;
  }
}
.p1-s1 {
  text-align: center;
}
.p1-s1_box {
  text-align: left;
  display: inline;
  max-width: 960px;
}
.p1-s1_box .p1-s1_left {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.p1-s1_box .p1-s1_left img {
  max-width: 500px;
  width: 100%;
}
.p1-s1_box .p1-s1_right {
  display: inline-block;
  max-width: 500px;
  left: -40px;
  vertical-align: middle;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2705882353);
  padding: 20px;
}
@media (max-width: 1024px) {
  .p1-s1_box {
    text-align: left;
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }
  .p1-s1_box .p1-s1_left {
    display: block;
  }
  .p1-s1_box .p1-s1_left img {
    width: 100%;
    max-width: none;
  }
  .p1-s1_box .p1-s1_right {
    display: block;
    max-width: none;
    left: 0px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2705882353);
    padding: 16px;
  }
}

.p1-s2_box {
  display: flex;
  max-width: 960px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p1-s2_box .p1-s2_left {
  flex: 1;
  display: grid;
  gap: 16px;
}
.p1-s2_box .p1-s2_left .line_box .p1-s2_link {
  display: grid;
  gap: 16px;
}
.p1-s2_box .p1-s2_left .line_box .p1-s2_link a p {
  color: #4B5654;
}
.p1-s2_box .p1-s2_left .line_box .p1-s2_link a:hover p {
  color: #669E73;
  border-left: 3px solid #A8C1B5;
  margin-left: -19px;
  padding-left: 16px;
}
.p1-s2_box .p1-s2_right {
  flex: 1;
}
.p1-s2_box .p1-s2_right img {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 800px) {
  .p1-s2_box {
    flex-direction: column;
  }
  .p1-s2_box .p1-s2_left {
    width: 100%;
  }
  .p1-s2_box .p1-s2_left .line_box .p1-s2_link a {
    border-bottom: 1px solid #005052;
  }
}

.p1-s3_box {
  display: flex;
  max-width: 960px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p1-s3_box .p1-s3_left {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  max-width: 500px;
  gap: 16px;
}
.p1-s3_box .p1-s3_left .line_box {
  display: block;
}
.p1-s3_box .p1-s3_left .line_box .numberTitle {
  font-size: 48px;
}
.p1-s3_box .p1-s3_right {
  flex: 1;
}
@media (max-width: 800px) {
  .p1-s3_box {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .p1-s3 .p1-s3_left {
    gap: 4px;
  }
  .p1-s3 .p1-s3_left .line_box {
    display: block;
    padding-left: 4px;
  }
  .p1-s3 .p1-s3_left .line_box .numberTitle {
    font-size: 36px;
  }
}
@media (max-width: 350px) {
  .p1-s3 .p1-s3_left {
    flex-direction: column;
    gap: 12px;
  }
  .p1-s3 .p1-s3_left .line_box {
    display: block;
    padding-left: 8px;
  }
  .p1-s3 .p1-s3_left .line_box .numberTitle {
    font-size: 40px;
  }
}

.p1-s4 .p1-s4_contentwrap {
  border: 2px solid #669E73;
  max-width: 960px;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  display: block; /* 移除 grid */
  position: relative;
  margin: 0 auto;
}
.p1-s4 .p1-s4_contentwrap .light {
  display: block; /* 移除 grid */
  margin-bottom: 44px; /* 代替 gap */
}
.p1-s4 .p1-s4_contentwrap .light:last-child {
  margin-bottom: 0;
}
.p1-s4 .p1-s4_contentwrap .light .light_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 16px; /* 標題與內容的間距 */
}
.p1-s4 .p1-s4_contentwrap .light .light_title_box .light_title {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.p1-s4 .p1-s4_contentwrap .light .light_title_box .light_title .light_list {
  background-color: #669E73;
  border-radius: 50px;
  padding: 8px 16px;
}
.p1-s4 .p1-s4_contentwrap .light .light_content_wrap {
  display: none;
}
.p1-s4 .p1-s4_contentwrap .light .light_content_wrap .p1-s4_box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p1-s4 .p1-s4_contentwrap .light .light_content_wrap .p1-s4_box .p1-s4_left {
  flex: 1;
  width: 100%;
}
.p1-s4 .p1-s4_contentwrap .light .light_content_wrap .p1-s4_box .p1-s4_left .chart_box {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: visible !important;
}
.p1-s4 .p1-s4_contentwrap .light .light_content_wrap .p1-s4_box .p1-s4_right {
  flex: 1;
  width: 100%;
}
.p1-s4 .p1-s4_contentwrap .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 14px solid #4D706B;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.p1-s4 .p1-s4_contentwrap .light.active .triangle {
  transform: rotate(180deg);
}
.p1-s4 .p1-s4_contentwrap .bar_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebf3f2;
  border-radius: 16px;
  max-width: 450px;
  padding: 20px;
  margin: 0 auto;
}
.p1-s4 .p1-s4_contentwrap .bar_box .icon {
  width: 100%;
  max-width: 120px;
  height: 120px;
  margin-bottom: 15px;
}
.p1-s4 .p1-s4_contentwrap .bar_box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p1-s4 .p1-s4_contentwrap .bar_box .bar_title {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.p1-s4 .p1-s4_contentwrap {
  /* 進度條外框 */
}
.p1-s4 .p1-s4_contentwrap .bar {
  width: 100%;
  height: 12px;
  background-color: #ffffff; /* 未填滿時的底色 */
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 12px;
}
.p1-s4 .p1-s4_contentwrap {
  /* 左側：71% 是 */
}
.p1-s4 .p1-s4_contentwrap .bar_fill_left {
  width: 0%; /* 由 JS 控制 */
  height: 100%;
  background-color: #5E7369;
  transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.p1-s4 .p1-s4_contentwrap {
  /* 右側：29% 否 */
}
.p1-s4 .p1-s4_contentwrap .bar_fill_right {
  flex: 1;
  height: 100%;
  background-color: #A8C1B5;
  opacity: 0; /* 由 JS 控制 */
  transition: opacity 0.6s ease-out 0.8s; /* 延遲出現 */
}
@media (max-width: 800px) {
  .p1-s4 .p1-s4_contentwrap {
    padding: 16px;
  }
  .p1-s4 .p1-s4_contentwrap .light {
    margin-bottom: 32px;
  }
  .p1-s4 .p1-s4_contentwrap .light .light_title_box .light_title {
    gap: 8px;
  }
  .p1-s4 .p1-s4_contentwrap .light .light_title_box .light_title .light_list {
    padding: 4px 12px;
    font-size: 16px;
  }
  .p1-s4 .p1-s4_contentwrap .p1-s4_box {
    flex-direction: column-reverse;
  }
  .p1-s4 .p1-s4_contentwrap .p1-s4_box .chart_box {
    height: 250px;
  }
}
@media (max-width: 414px) {
  .p1-s4 .p1-s4_contentwrap {
    padding: 16px;
  }
  .p1-s4 .p1-s4_contentwrap .light {
    margin-bottom: 32px;
  }
  .p1-s4 .p1-s4_contentwrap .light .light_title_box {
    margin-bottom: 12px; /* 標題與內容的間距 */
  }
  .p1-s4 .p1-s4_contentwrap .light .light_title_box .light_title {
    gap: 4px;
  }
  .p1-s4 .p1-s4_contentwrap .light .light_title_box .light_title .light_list {
    padding: 2px 8px;
    font-size: 14px;
  }
  .p1-s4 .p1-s4_contentwrap .p1-s4_box .chart_box {
    height: 250px;
  }
}

.p2-s1 .p2-s1_box {
  background-color: #F7F7F7;
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  padding: 20px;
}
.p2-s1 .p2-s1_box .GrayWordArea {
  display: flex;
  gap: 16px;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .p2-s1 .p2-s1_box {
    padding: 16px;
  }
  .p2-s1 .p2-s1_box .GrayWordArea {
    gap: 12px;
  }
}

.p2-s2_box {
  display: flex;
  max-width: 960px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p2-s2_box .p2-s2_left {
  flex: 1;
}
.p2-s2_box .p2-s2_right {
  flex: 1;
  width: 100%;
}
.p2-s2_box .p2-s2_right img {
  width: 100%;
  display: block;
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .p2-s2_box {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .p2-s2 .p2-s2_right .numberTitle {
    font-size: 120px;
  }
}
@media (max-width: 350px) {
  .p2-s2 .p2-s2_right .numberTitle {
    font-size: 100px;
  }
}

.p2-s3_box {
  display: flex;
  max-width: 960px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p2-s3_box .p2-s3_left {
  flex: 1;
}
.p2-s3_box .p2-s3_right {
  flex: 1;
  width: 100%;
  /* --- Chart05 視覺樣式修改 (不更動 Class) --- */
}
.p2-s3_box .p2-s3_right .chart05-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 5px;
}
.p2-s3_box .p2-s3_right .chart05-right-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.p2-s3_box .p2-s3_right .chart05-box {
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
}
.p2-s3_box .p2-s3_right .chart05-box:hover {
  transform: scale(1.05);
}
.p2-s3_box .p2-s3_right .chart05-box:hover .chart05-title {
  display: none;
}
.p2-s3_box .p2-s3_right .chart05-box:hover .chart05-percent {
  display: block;
}
.p2-s3_box .p2-s3_right {
  /* 控制圓圈的物理大小 */
}
.p2-s3_box .p2-s3_right .chart05-large {
  width: 240px;
  height: 240px;
}
.p2-s3_box .p2-s3_right .chart05-small {
  width: 150px;
  height: 150px;
}
.p2-s3_box .p2-s3_right {
  /* 文字疊加層：讓文字出現在圓餅圖置中 */
}
.p2-s3_box .p2-s3_right .chart05-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
  width: 100%;
  color: #FFFFFF;
  font-weight: normal;
}
.p2-s3_box .p2-s3_right .chart05-title {
  font-size: 20px;
  display: block;
}
.p2-s3_box .p2-s3_right .chart05-percent {
  font-size: 40px;
  font-weight: bold;
  display: none;
}
.p2-s3_box .p2-s3_right {
  /* 手機版：等比例縮小 */
}
@media (max-width: 1024px) {
  .p2-s3_box .p2-s3_right .chart05-container {
    gap: 0px;
  }
  .p2-s3_box .p2-s3_right .chart05-large {
    width: 180px;
    height: 180px;
  }
  .p2-s3_box .p2-s3_right .chart05-small {
    width: 120px;
    height: 120px;
  }
  .p2-s3_box .p2-s3_right .chart05-title {
    font-size: 16px;
  }
  .p2-s3_box .p2-s3_right .chart05-percent {
    font-size: 30px;
  }
}
@media (max-width: 300px) {
  .p2-s3_box .p2-s3_right {
    /* 手機版維持原本的垂直/水平排列邏輯，但維持等比例縮小的圓圈 */
  }
  .p2-s3_box .p2-s3_right .chart05-container {
    flex-direction: column;
  }
  .p2-s3_box .p2-s3_right .chart05-right-group {
    flex-direction: row;
  }
}
@media (max-width: 800px) {
  .p2-s3_box {
    flex-direction: column;
  }
}

.p2-s4 {
  width: 100%;
  position: relative;
  display: block;
}
.p2-s4 .p2-s4_box {
  background: url("../img/p2-s4-img01_pc.png") no-repeat bottom/cover;
  padding: 80px 0px;
}
.p2-s4 .p2-s4_box .p2-s4-content {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  display: block;
}
.p2-s4 .p2-s4_box .p2-s4-content .fullTitle {
  font-size: 28px;
  line-height: 1.5;
}
.p2-s4 .p2-s4_box .p2-s4-content .fullWord {
  font-size: 22px;
  line-height: 1.5;
}
.p2-s4 .p2-s4_box .p2-s4-content .fullBtn {
  border: 1px solid #fff;
  color: #fff;
  background-color: #5E7369;
  padding: 8px 16px;
  border-radius: 50px;
  margin: 16px 0px 0px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
}
@media (max-width: 1024px) {
  .p2-s4 .p2-s4_box {
    padding: 80px 16px;
  }
}
@media (max-width: 640px) {
  .p2-s4 .p2-s4_box {
    background: url("../img/p2-s4-img01_m.png") no-repeat bottom/cover;
    padding: 20px 16px;
    min-height: 262px;
  }
  .p2-s4 .p2-s4_box .p2-s4-content .fullTitle {
    font-size: 24px;
  }
  .p2-s4 .p2-s4_box .p2-s4-content .fullTitle {
    font-size: 18px;
  }
  .p2-s4 .p2-s4_box .p2-s4-content .fullBtn {
    font-size: 16px;
  }
}
@media (max-width: 350px) {
  .p2-s4 .p2-s4_box .p2-s4-content .fullTitle {
    font-size: 20px;
  }
}

.p2-s5_box {
  display: flex;
  max-width: 960px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p2-s5_box .p2-s5_left {
  flex: 1;
}
.p2-s5_box .p2-s5_right {
  flex: 1;
  width: 100%;
}
.p2-s5_box .p2-s5_right .chart_box {
  width: 100%;
  height: 100%;
  min-height: 250px;
}
@media (max-width: 800px) {
  .p2-s5_box {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .p2-s5 .p2-s5_left {
    gap: 4px;
  }
  .p2-s5 .p2-s5_left .line_box {
    display: block;
    padding-left: 4px;
  }
}
@media (max-width: 350px) {
  .p2-s5 .p2-s5_left {
    flex-direction: column;
    gap: 12px;
  }
  .p2-s5 .p2-s5_left .line_box {
    display: block;
    padding-left: 8px;
  }
}

.p3-s2_box {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
  display: grid;
  gap: 16px;
}
.p3-s2_box .wild_box {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
}
.p3-s2_box .wild_box .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
}
.p3-s2_box .wild_box .box .icon {
  width: 100%;
  max-width: 125px;
  height: 95px;
  margin-bottom: 15px;
}
.p3-s2_box .wild_box .box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p3-s2_box .wild_box .box .word {
  white-space: nowrap;
}
@media (max-width: 800px) {
  .p3-s2_box .wild_box {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .p3-s2_box .wild_box .box {
    flex-direction: row;
    align-items: center;
    text-align: left;
    width: 100%;
    max-width: 400px;
    justify-content: center;
  }
  .p3-s2_box .wild_box .box .icon {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
    margin-right: 20px;
  }
  .p3-s2_box .wild_box .box .icon .numberTitle {
    font-size: 60px;
  }
  .p3-s2_box .wild_box .box .info {
    min-width: 150px;
  }
}
@media (max-width: 450px) {
  .p3-s2_box .wild_box .box {
    flex-direction: column;
    align-items: center;
    text-align: left;
    width: 100%;
    max-width: 320px;
  }
  .p3-s2_box .wild_box .box .icon {
    margin-right: 0px;
    margin-bottom: 5px;
  }
  .p3-s2_box .wild_box .box .info {
    min-width: auto;
  }
}

.p3-s4_box {
  display: flex;
  max-width: 960px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  gap: 16px;
}
.p3-s4_box .p3-s4_left {
  flex: 1;
}
.p3-s4_box .p3-s4_right {
  flex: 1;
  width: 100%;
}
.p3-s4_box .p3-s4_right img {
  width: 100%;
  max-width: 500px;
  margin: 0px auto 16px;
  display: block;
}
@media (max-width: 800px) {
  .p3-s4_box {
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  .p3-s4 .p3-s4_right {
    flex: 1;
  }
  .p3-s4 .p3-s4_right .OnlyPC {
    display: none;
  }
  .p3-s4 .p3-s4_right .OnlyM {
    display: block;
    text-align: center;
  }
  .p3-s4 .p3-s4_right .OnlyM img {
    width: 100%;
    max-width: 500px;
  }
}

.p3-s5_box {
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
.p3-s5_box .wild_box {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
}
.p3-s5_box .wild_box .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
}
.p3-s5_box .wild_box .box .icon {
  width: 100%;
  margin-bottom: 15px;
}
.p3-s5_box .wild_box .box .icon .numberTitle {
  font-size: 80px;
  justify-content: center;
}
.p3-s5_box .wild_box .box .word {
  white-space: nowrap;
}
.p3-s5_box .wild_box .box .OnlyPC {
  display: block;
  text-align: center;
}
.p3-s5_box .wild_box .box .OnlyM {
  display: none;
}
@media (max-width: 800px) {
  .p3-s5_box {
    max-width: 500px;
  }
  .p3-s5_box .wild_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .p3-s5_box .wild_box .box {
    flex-direction: row;
    align-items: center;
    text-align: left;
    width: 100%;
    max-width: 320px;
  }
  .p3-s5_box .wild_box .box .icon {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .p3-s5_box .wild_box .box .icon .numberTitle {
    font-size: 60px;
  }
  .p3-s5_box .wild_box .box .OnlyPC {
    display: none;
  }
  .p3-s5_box .wild_box .box .OnlyM {
    display: block;
  }
  .p3-s5_box .wild_box .box .info {
    min-width: 150px;
  }
}
@media (max-width: 450px) {
  .p3-s5_box .wild_box .box {
    flex-direction: column;
    align-items: center;
    text-align: left;
    width: 100%;
    max-width: 320px;
  }
  .p3-s5_box .wild_box .box .icon {
    margin-bottom: 15px;
    margin-right: 0px;
  }
  .p3-s5_box .wild_box .box .info {
    min-width: auto;
  }
}

.p3-s6 .p3-s6_box {
  max-width: 960px;
  margin: 0 auto;
}
.p3-s6 .p3-s6_box .p3-s6-content {
  background-color: #ECF4ED;
  padding: 40px 10px;
  margin: 20px auto;
}
@media (max-width: 720px) {
  .p3-s6 .p3-s6_box .p3-s6-content {
    padding: 10px 0px;
  }
}
.p3-s6 .p3-s6_box .OnlyPC {
  display: block;
}
.p3-s6 .p3-s6_box .OnlyM {
  display: none;
}
@media (max-width: 720px) {
  .p3-s6 .p3-s6_box .OnlyPC {
    display: none;
  }
  .p3-s6 .p3-s6_box .OnlyM {
    display: block;
  }
  .p3-s6 .p3-s6_box .OnlyM .swiper_box {
    height: auto;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs {
    width: 100%;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto 20px;
    border-bottom: 4px solid #ffffff;
    position: relative;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-menu .tab-link {
    width: 25%;
    text-align: center;
    padding: 12px 0;
    color: #666;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-menu .tab-link.active {
    color: #4D706B;
    font-weight: bold;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-menu .tab-link.active::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4D706B;
    border-radius: 10px;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-content-wrapper {
    border-radius: 10px;
    padding: 24px 16px;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-content-wrapper .tab-item {
    display: none;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-content-wrapper .tab-item.active {
    display: block;
    animation: fadeIn 0.4s ease;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-content-wrapper .m-slide-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-content-wrapper .m-slide-flex .m-icon {
    width: 155px;
    height: 155px;
    margin-bottom: 16px;
    object-fit: contain;
  }
  .p3-s6 .p3-s6_box .OnlyM .custom-tabs .tab-content-wrapper .m-slide-flex .m-text p {
    text-align: left;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p3-s6 .swiper_box {
  width: 100%;
  max-width: 960px;
  height: 160px;
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.p3-s6 .swiper_box .slide-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p3-s6 .swiper_box .slide-title .title {
  transition: color 0.3s ease, font-weight 0.3s ease;
  cursor: pointer; /* 讓使用者知道可以點 */
}
.p3-s6 .swiper_box .vertical-mousewheel {
  height: 100%;
}
.p3-s6 .swiper_box .vertical-mousewheel .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.3;
  transition: opacity 0.4s ease;
}
.p3-s6 .swiper_box .vertical-mousewheel .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.p3-s6 .swiper_box .vertical-mousewheel .swiper-slide .slide-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.p3-s6 .swiper_box .vertical-mousewheel .swiper-slide .slide-flex .slide-icon-box {
  width: 155px;
  height: 155px;
  flex-shrink: 0;
  margin-right: 32px;
}
.p3-s6 .swiper_box .vertical-mousewheel .swiper-slide .slide-flex .slide-icon-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p3-s6 .swiper_box .vertical-mousewheel .swiper-slide .slide-flex .slide-text-box {
  width: 285px;
  flex-shrink: 0;
  text-align: left;
}

.p3-s7 {
  width: 100%;
  position: relative;
  display: block;
}
.p3-s7 .p3-s7_box {
  background: url("../img/p3-s7-img01_pc.png") no-repeat bottom/cover;
  padding: 40px 0px;
}
.p3-s7 .p3-s7_box .p3-s7_content_box {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.p3-s7 .p3-s7_box .p3-s7_content_box .p3-s7_content {
  max-width: 480px;
  margin: 0px;
  width: 100%;
  display: block;
}
@media (max-width: 1024px) {
  .p3-s7 .p3-s7_box {
    padding: 40px 16px;
  }
}
@media (max-width: 720px) {
  .p3-s7 .p3-s7_box {
    background: url("../img/p3-s7-img01_m.png") no-repeat bottom/cover;
    padding: 20px 16px;
    min-height: 362px;
  }
  .p3-s7 .p3-s7_box .p3-s7-content .fullTitle {
    font-size: 24px;
  }
  .p3-s7 .p3-s7_box .p3-s7-content .fullBtn {
    font-size: 16px;
  }
}
@media (max-width: 350px) {
  .p3-s7 .p3-s7_box .p3-s7-content .fullTitle {
    font-size: 20px;
  }
}

.p4-s2 {
  background-color: #ECF4ED;
  padding: 80px 20px;
}
.p4-s2 .p4-s2_content {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.p4-s2 .p4-s2_content .p4-s2_box {
  display: flex;
  align-items: center;
  gap: 16px;
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel {
  width: 100%;
  overflow: hidden;
  max-width: 888px;
  vertical-align: middle;
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .swiper-slide {
  background-color: #5E7369;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  /* --- 狀態 A：最外側或未出現的 (最灰、最小) --- */
  transform: scale(0.8);
  filter: brightness(0.6);
  z-index: 1;
  transition: transform 0.4s ease, filter 0.4s ease, z-index 0.4s ease;
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel {
  /* --- 狀態 B：選中項目的「左右兩側」 (次灰、次小) --- */
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .swiper-slide-prev,
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .swiper-slide-next {
  transform: scale(0.9);
  filter: brightness(0.7);
  z-index: 5; /* 層級介於中間與最外側之間 */
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel {
  /* --- 狀態 C：正中間選中的 (原色、原大) --- */
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .swiper-slide-active {
  transform: scale(1);
  filter: brightness(1);
  z-index: 10; /* 層級最高，確保壓在所有人上面 */
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel {
  /* 圖文樣式保留 */
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .slide-content {
  padding: 20px 15px;
  text-align: center;
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .slide-icon {
  width: 130px;
  height: 135px;
  object-fit: contain;
  margin-bottom: 12px;
  display: block;
}
.p4-s2 .p4-s2_content .p4-s2_box .custom-carousel .slide-text {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
}
.p4-s2 .p4-s2_content .p4-s2_box {
  /* 箭頭樣式 */
  /* 僅針對箭頭方向修正，其餘位置與樣式保持不動 */
}
.p4-s2 .p4-s2_content .p4-s2_box .swiper-button-prev,
.p4-s2 .p4-s2_content .p4-s2_box .swiper-button-next {
  color: #323634;
  z-index: 9;
  cursor: pointer;
}
.p4-s2 .p4-s2_content .p4-s2_box .swiper-button-prev:focus,
.p4-s2 .p4-s2_content .p4-s2_box .swiper-button-next:focus {
  outline: none;
}
.p4-s2 .p4-s2_content .p4-s2_box {
  /* 強制將左邊箭頭水平翻轉 (對稱) */
}
.p4-s2 .p4-s2_content .p4-s2_box .swiper-button-prev {
  transform: scaleX(-1);
}
.p4-s2 .p4-s2_content .p4-s2_box {
  /* 右邊箭頭保持原樣 (指向右) */
}
.p4-s2 .p4-s2_content .p4-s2_box .swiper-button-next {
  transform: scaleX(1);
}

.swiper-slide {
  backface-visibility: hidden; /* 防止閃爍 */
  -webkit-backface-visibility: hidden;
}

.p4-s3 {
  width: 100%;
  position: relative;
  display: block;
}
.p4-s3 .p4-s3_box {
  background: url("../img/p4-s3-img01_pc.png") no-repeat bottom/cover;
  padding: 80px 0px;
}
.p4-s3 .p4-s3_box .p4-s3-content {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  display: block;
}
.p4-s3 .p4-s3_box .p4-s3-content .fullTitle {
  font-size: 28px;
  line-height: 1.5;
}
.p4-s3 .p4-s3_box .p4-s3-content .fullWord {
  font-size: 22px;
  line-height: 1.5;
  margin: 24px 0px 0px;
}
.p4-s3 .p4-s3_box .p4-s3-content .fullBtn {
  border: 1px solid #fff;
  color: #fff;
  background-color: #5E7369;
  padding: 8px 16px;
  border-radius: 50px;
  margin: 12px 0px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
}
@media (max-width: 1024px) {
  .p4-s3 .p4-s3_box {
    padding: 80px 16px;
  }
}
@media (max-width: 640px) {
  .p4-s3 .p4-s3_box {
    background: url("../img/p4-s3-img01_m.png") no-repeat center/cover;
    padding: 20px 16px;
    min-height: 262px;
  }
  .p4-s3 .p4-s3_box .p4-s3-content .fullTitle {
    font-size: 24px;
  }
  .p4-s3 .p4-s3_box .p4-s3-content .fullWord {
    font-size: 18px;
    margin: 16px 0px 0px;
  }
  .p4-s3 .p4-s3_box .p4-s3-content .fullBtn {
    font-size: 16px;
    margin: 8px 0px;
  }
}
@media (max-width: 350px) {
  .p4-s3 .p4-s3_box .p4-s3-content .fullTitle {
    font-size: 20px;
  }
  .p4-s3 .p4-s3_box .p4-s3-content .fullBtn {
    font-size: 16px;
  }
}

.p4-s4 {
  width: 100%;
  position: relative;
  display: block;
}
.p4-s4 .p4-s4_box {
  background: url("../img/p4-s4-img01_pc.png") no-repeat bottom/cover;
  padding: 40px 0px;
}
.p4-s4 .p4-s4_box .p4-s4-content {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  display: block;
}
.p4-s4 .p4-s4_box .p4-s4-content .fullTitle {
  font-size: 28px;
  line-height: 1.5;
}
.p4-s4 .p4-s4_box .p4-s4-content .fullBtn {
  border: 1px solid #fff;
  color: #fff;
  background-color: #5E7369;
  padding: 8px 16px;
  border-radius: 50px;
  margin: 16px 0px 0px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
}
.p4-s4 .p4-s4_box .p4-s4-content .p4-s4_content {
  margin: 16px 0px 0px;
}
@media (max-width: 1024px) {
  .p4-s4 .p4-s4_box {
    padding: 40px 16px;
  }
}
@media (max-width: 640px) {
  .p4-s4 .p4-s4_box {
    background: url("../img/p4-s4-img01_m.png") no-repeat bottom/cover;
    padding: 20px 16px;
    min-height: 262px;
  }
  .p4-s4 .p4-s4_box .p4-s4-content .fullTitle {
    font-size: 24px;
  }
  .p4-s4 .p4-s4_box .p4-s4-content .fullBtn {
    font-size: 16px;
  }
}
@media (max-width: 350px) {
  .p4-s4 .p4-s4_box .p4-s4-content .fullTitle {
    font-size: 20px;
  }
}/*# sourceMappingURL=style.css.map */