.cmp-title__text {
  text-align: center;
  font-weight: 700;
}

/* ===== Hero Banner ===== */
.hero_banner {
  position: relative;          /* 作為定位基準 */
  width: 100%;
  min-height: 480px;           /* 高度，可調整 */
  overflow: hidden;
  display: flex;
  align-items: center;         /* 文字垂直居中 */
  justify-content: center;     /* 文字水平居中 */
}

/* 背景圖層 */
.hero_banner__bg {
  position: absolute;
  inset: 0;                    /* top/right/bottom/left = 0 */
  z-index: 0;
}

.hero_banner__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;           /* 鋪滿、唔變形 */
  object-position: center;
  display: block;
}

/* 文字層 */
.hero_banner__content {
  position: relative;
  z-index: 1;
  width: 100%;
  color: #ffffff;
  text-align: center;
  padding: 40px 20px;
}

.hero_banner__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 16px 0;
  color: #ffffff;
}

.hero_banner__text {
  font-size: 18px;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 800px;
  color: #ffffff;
}

/* RWD */
@media (max-width: 768px) {
  .hero_banner {
    min-height: 360px;
  }
  .hero_banner__title {
    font-size: 26px;
  }
  .hero_banner__text {
    font-size: 16px;
  }
}

/* 功能編號樣式 */
.num-badge {
  display: inline-block;
  background-color: #E87722;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.85em;
  line-height: 1;
  padding: 8px 10px;
  margin-right: 14px;
  vertical-align: middle;
  letter-spacing: 0.5px;
}

/* 讓 dt 圖文垂直居中 */
.function_icon_detail dt {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

/* 四欄均等排列 */
.grid_column_4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: start;
}

.grid_column_4col > li {
  display: flex;
  flex-direction: column;
}

.grid_column_4col .c_heading_quinary_box {
  min-height: 3.2em;
  display: flex;
  align-items: flex-start;
}

.grid_column_4col .feature-img-border {
  width: 100% !important;
  max-width: 160px !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
}

.grid_column_4col h3 {
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  margin: 0 0 12px 0 !important;
}

.grid_column_4col p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* 藍色按鈕 — 完整狀態 */
.btn_blue,
.btn_blue:link,
.btn_blue:visited {
  display: inline-block;
  background-color: #0099CC;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 16px 32px;
  margin-top: 24px;
  border: none;
  border-radius: 0;
  transition: background-color 0.25s ease;
}

.btn_blue:hover,
.btn_blue:focus,
.btn_blue:active {
  background-color: #007BA3;
  color: #ffffff;
  text-decoration: none;
}

/* 縮細 MyQ 卡片圖片 */
#anchor_04 .grid_column_2col .imgBox img {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  margin: 0 auto 16px;
}

/* 移除 anchor_04 灰色底 */
#anchor_04,
#anchor_04.reversedBg {
  background-color: transparent !important;
  background: none !important;
}