@charset "UTF-8";
/* ========================================
   Root Colors & Variables
   ======================================== */
.about3-s3 {
  font-family: "Kohinoor Bangla";
  padding-bottom: 3%;
  background: #F5F5F5;
}
.about3-s3 .content-ctn {
  max-width: 1400px;
  margin: 0 auto;
}
.about3-s3 .imd-block {
  width: 1311px;
  height: 275px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about3-s3 .img-block {
  width: 645px;
  height: 663px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about3-s3 .newimg-block {
  width: 645px !important;
  height: 663px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about3-s3 .card-block {
  font-size: 18px;
  position: relative;
  margin: 0;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  text-align: left;
  width: 588px;
  padding-left: 24px;
}
.about3-s3 .card-block .card-artical {
  font-size: 16px;
}
.about3-s3 .card-block .gold-word {
  color: #A58758;
  font-family: "Ador Hairline" !important;
}
.about3-s3 .card-block__title {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 40px 0;
  line-height: 1.2;
}
.about3-s3 .card-block__items {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}
.about3-s3 .card-block__items li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 24px;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #333;
  font-weight: 500;
}
.about3-s3 .card-block__items li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: transparent;
  border: 2.5px solid #b89b7a;
  border-radius: 50%;
  box-sizing: border-box;
}
.about3-s3 .card-block__items li:last-child {
  margin-bottom: 0;
}
.about3-s3 .card-block__desc {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #555;
}
.about3-s3 .space96 {
  height: 96px;
}
.about3-s3 .newcard-block {
  font-size: 18px;
  position: relative;
  margin: 0;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  text-align: left;
  width: 618px;
  padding-left: 30px;
}
.about3-s3 .newcard-block .card-artical {
  font-size: 16px;
}
.about3-s3 .newcard-block .gold-word {
  color: #A58758;
  font-family: "Ador Hairline" !important;
}
.about3-s3 .newcard-block__title {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 40px 0;
  line-height: 1.2;
}
.about3-s3 .newcard-block__items {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}
.about3-s3 .newcard-block__items li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  font-weight: 500;
}
.about3-s3 .newcard-block__items li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: transparent;
  border: 2.5px solid #b89b7a;
  border-radius: 50%;
  box-sizing: border-box;
}
.about3-s3 .newcard-block__items li:last-child {
  margin-bottom: 0;
}
.about3-s3 .newcard-block__desc {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #555;
}
.about3-s3 .article {
  font-size: 20px;
  font-weight: 300;
  color: #303030;
  margin-bottom: 1rem;
}
.about3-s3 .company-grid {
  margin-top: 2rem;
}
.about3-s3 .company-grid .col {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.about3-s3 .company-grid .img-wrapper {
  width: 422px;
  height: 277px;
  margin-bottom: 10px;
  overflow: hidden;
}
.about3-s3 .company-grid .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.about3-s3 .company-grid .caption {
  font-size: 18px;
  line-height: 25px;
  color: #A58758;
  font-weight: 600;
  text-align: left;
  font-family: "ador-hairline";
}

.locations-section {
  background: #F5F5F5;
  padding-bottom: 20px;
}
.locations-section .locations-title {
  font-size: 24px;
  font-weight: 500;
  color: #6F4C39;
  letter-spacing: 2px;
  font-family: "Ador Hairline";
  padding-bottom: 96px;
}
.locations-section .img-fixed {
  width: 422px !important;
  height: 277px !important;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  display: block;
}
.locations-section .text-tags {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 422px;
  max-width: 100%;
  padding: 0 20px;
  pointer-events: none;
}
.locations-section .img-fluid {
  height: 277px;
  width: 422px;
}
.locations-section .word-lef {
  text-align: left;
}
.locations-section .K-word {
  font-family: "Poppins" !important;
  font-size: 14px;
  line-height: 22px;
}
.locations-section .gold-word {
  color: #A58758;
  font-family: "Ador Hairline" !important;
  font-size: 18px;
  line-height: 25px;
}
.locations-section .dashed {
  padding-bottom: 80px;
  border-top: 1.5px dashed #bbb;
}
.locations-section .nav-link {
  color: #303030;
  font-size: 24px;
  padding: 0.75rem 2rem 0px 2rem;
}
.locations-section .nav-link.active {
  color: #6F4C39;
  font-weight: 500;
}
.locations-section .location-card .location-type {
  font-size: 13px;
  color: #999;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.locations-section .location-card .location-name {
  font-size: 16px;
  color: #6b5e56;
  margin: 0;
  font-weight: 500;
}

.locations-section_Property {
  background: #F5F5F5;
  padding-bottom: 20px;
}
.locations-section_Property .locations-title {
  font-size: 36px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 2px;
  font-family: "Ador Hairline";
  padding-bottom: 96px;
}
.locations-section_Property .img-fixed {
  width: 422px !important;
  height: 277px !important;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  display: block;
}
.locations-section_Property .text-tags {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 422px;
  max-width: 100%;
  padding: 0 20px;
  pointer-events: none;
}
.locations-section_Property .img-fluid {
  height: 277px;
  width: 422px;
}
.locations-section_Property .Blog {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 4px 0 20px;
}
.locations-section_Property .K-word {
  font-family: "Poppins";
  display: inline-block;
  padding: 2px 16px;
  background: #FFFFFF;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.3px;
  color: #000000;
  text-transform: uppercase;
}
.locations-section_Property .K-word:only-child {
  padding: 2px 16px;
}
.locations-section_Property .word-lef {
  text-align: left;
}
.locations-section_Property .gold-word {
  color: #A58758;
  font-family: "Ador Hairline" !important;
  font-size: 18px;
  line-height: 25px;
}
.locations-section_Property .dashed {
  padding-bottom: 80px;
  border-top: 1.5px dashed #bbb;
}
.locations-section_Property .nav-link {
  color: #303030;
  font-size: 24px;
  padding: 0.75rem 2rem 0px 2rem;
}
.locations-section_Property .nav-link.active {
  color: #6F4C39;
  font-weight: 500;
}
.locations-section_Property .location-card .location-type {
  font-size: 13px;
  color: #999;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.locations-section_Property .location-card .location-name {
  font-size: 16px;
  color: #6b5e56;
  margin: 0;
  font-weight: 500;
}

.about3-s4 {
  background-color: #F5F5F5;
  padding-top: 64px;
  font-family: "Ador Hairline";
}
.about3-s4 .article {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
  width: 400;
}
.about3-s4 .breadcrumb-item + .breadcrumb-item::before {
  content: ">" !important;
  color: #4E4E4E;
  font-weight: 400;
  font-family: "Kohinoor Bangla";
}
.about3-s4 .Top-Title {
  font-size: 36px;
  position: center;
  margin-bottom: 1rem;
}
.about3-s4 .content-ctn {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.about3-s4 .content-ctn .image-ctn {
  width: 45%;
  position: relative;
  z-index: 1000;
  justify-content: center;
}
.about3-s4 .content-ctn .stamp-card {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  padding-right: 30%;
}
.about3-s4 .content-ctn .stamp-card img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 79px !important;
  width: 445px !important;
}
.about3-s4 .content-ctn .content {
  width: 60%;
  margin-left: -5%;
}
.about3-s4 .content-ctn .content .title {
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: 500;
  margin-bottom: 63px;
  margin-left: 110px;
}
.about3-s4 .content-ctn .content .articleBox {
  width: 814px;
  height: 390px;
  font-size: 16px;
}
.about3-s4 .content-ctn .content .articleBox .article {
  font-size: 16px;
  line-height: 2rem;
  font-weight: 300;
  color: #6f4c39;
  margin-bottom: 40px;
}

/* --- 手機版 SCSS 程式碼 (最大寬度 767px 以下) --- */
@media (max-width: 767px) {
  .ourbusiness-s2 {
    margin-bottom: -30% !important;
  }
  .ourbusiness-s2 .content-ctn {
    display: flex;
    flex-direction: column;
  }
  .ourbusiness-s2 .content-ctn .image-ctn {
    width: 100%;
  }
  .ourbusiness-s2 .content-ctn .content {
    width: 100%;
    margin-left: 0;
  }
  .ourbusiness-s2 .content-ctn .content .title {
    font-size: 1.5rem;
    margin-left: 0;
    text-align: center;
  }
  .ourbusiness-s2 .content-ctn .content .background-ctn {
    padding: 20px 15px;
  }
}
/* --- 手機版 (Mobile Styles) - 適用於最大寬度 767px --- */
@media (max-width: 767px) {
  .about3-s1 {
    /* 調整區塊間距 */
    padding-top: 30px;
    padding-bottom: 30px;
    /* ... 其他維持的樣式 ... */
  }
  .about3-s1 .Top-Title {
    font-size: 28px;
    text-align: center;
    position: static;
  }
  .about3-s1 .content-ctn {
    flex-direction: column; /* 垂直堆疊 */
    flex-wrap: nowrap;
    padding-top: 10px;
    /* 內容區塊 - 移到圖片上方並佔滿寬度 */
  }
  .about3-s1 .content-ctn .content {
    width: 100%;
    margin-left: 0;
    order: -1;
  }
  .about3-s1 .content-ctn .content .title {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
  }
  .about3-s1 .content-ctn .content .articleBox {
    width: 100%;
    height: auto;
    padding: 0 15px;
  }
  .about3-s1 .content-ctn .content .articleBox .article {
    line-height: 1.8rem;
    margin-bottom: 20px;
  }
  .about3-s1 .content-ctn .row.row-cols-1 {
    display: flex; /* 1. 讓 row 成為 Flex 容器 */
    flex-wrap: wrap;
    margin-left: 0; /* 清理 Bootstrap 預設的負邊距 */
    margin-right: 0;
    /* 確保 Gutter 間距重設 */
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .about3-s1 .content-ctn .row.row-cols-1 > .col {
    /* 2. 關鍵：強制每個 col 佔據 50% 寬度 */
    width: 50% !important;
    /* 移除並重新定義 padding，確保間距正確 */
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .about3-s1 .content-ctn {
    /* 確保 stamp-card 內的圖片正確顯示 */
  }
  .about3-s1 .content-ctn .stamp-card {
    /* 確保 stamp-card 內容居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .about3-s1 .content-ctn .stamp-card img {
    /* 根據您的設計調整圖片大小 */
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .about3-s2 {
    /* 1. 調整整體間距 */
    padding: 20px 0; /* 減少上下 padding，移除左右 padding (因為 inner 有處理) */
    padding-top: 30px; /* 稍微調整頂部間距 */
  }
  .about3-s2 .inner {
    /* 保持 max-width，但內層 padding 保持 0 15px */
    padding: 0 15px;
  }
  .about3-s2 {
    /* 2. 調整標題和文章間距 */
  }
  .about3-s2 .title_Property {
    font-size: 18px; /* 標題字體略微縮小 */
    padding-bottom: 12px;
  }
  .about3-s2 .article {
    margin-bottom: 60px; /* 大幅減少文章底部的間距 */
  }
  .about3-s2 {
    /* 3. 調整圖片容器尺寸 */
  }
  .about3-s2 .milestone-photo {
    /* 縮小高度，讓圖片在手機上不會佔據太多可視空間 */
    height: 200px;
    max-width: 100%; /* 確保圖片寬度適應手機 */
  }
  .about3-s2 .milestone-photo img {
    /* 保持 object-fit: cover 確保圖片不失真 */
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about3-s2 {
    /* 4. 調整圖片下方的文字說明 */
  }
  .about3-s2 .milestone-caption {
    font-size: 16px !important; /* 縮小文字大小 */
    line-height: 1.5;
    padding: 0 15px; /* 確保文字在手機邊緣有內邊距 */
    max-width: 100%;
  }
  .about3-s2 {
    /* 5. 調整按鈕間距 */
  }
  .about3-s2 .arrows {
    gap: 20px; /* 縮小按鈕之間的間距 */
    margin-top: 30px; /* 縮小與圖片之間的間距 */
  }
  .about3-s2 {
    /* 按鈕 .arrow-btn 尺寸和樣式可以保持不變，因為 31x31px 已經適合手機點擊 */
    /* 6. 調整進度條 */
  }
  .about3-s2 .progress-wrapper {
    margin: 40px auto 0; /* 縮小進度條頂部間距 */
    padding: 0 15px; /* 確保進度條左右有邊距 */
    max-width: 100%;
  }
  .about3-s2 .container {
    padding-top: 30px;
  }
  .about3-s2 {
    /* 7. 導航列表間距 (如果有用到) */
  }
  .about3-s2 .about-navi {
    row-gap: 16px; /* 縮小行間距 */
  }
  .about3-s2 .about-navi .navi-item {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .about3-s3 {
    padding-bottom: 50px; /* 調整底部間距 */
    padding-top: 30px; /* 增加頂部間距 */
  }
  .about3-s3 .content-ctn {
    padding: 0 15px; /* 添加左右內邊距 */
  }
  .about3-s3 {
    /* 1. 調整所有圖片區塊尺寸為全寬 */
  }
  .about3-s3 .imd-block,
  .about3-s3 .img-block,
  .about3-s3 .newimg-block {
    width: 100%; /* 圖片容器全寬 */
    height: auto; /* 高度自適應，避免內容被裁切 */
    max-height: 250px; /* 限制最大高度，避免佔用太多螢幕空間 */
    /* 移除固定的 width: 1311px, 645px */
  }
  .about3-s3 {
    /* 2. 調整文字/內容卡片區塊 */
  }
  .about3-s3 .card-block,
  .about3-s3 .newcard-block {
    width: 100%; /* 卡片全寬 */
    padding: 20px 0; /* 調整內邊距 */
    padding-left: 0; /* 移除固定的左側 padding，讓內容靠左 */
    margin-bottom: 40px; /* 增加卡片之間的間距 */
  }
  .about3-s3 .card-block__title,
  .about3-s3 .newcard-block__title {
    font-size: 1.5rem; /* 標題字體縮小 */
    margin: 0 0 20px 0; /* 縮小底部間距 */
  }
  .about3-s3 .card-block__items,
  .about3-s3 .newcard-block__items {
    margin: 0 0 20px 0; /* 縮小列表底部間距 */
  }
  .about3-s3 .card-block__items li,
  .about3-s3 .newcard-block__items li {
    font-size: 1rem; /* 列表項字體縮小 */
    padding-left: 30px; /* 縮小左側內邊距 */
    margin-bottom: 15px; /* 縮小列表項間距 */
    line-height: 1.4;
  }
  .about3-s3 .card-block__items li::before,
  .about3-s3 .newcard-block__items li::before {
    left: 0;
    width: 10px; /* 縮小圓點 */
    height: 10px;
    border: 2px solid #b89b7a;
  }
  .about3-s3 .card-block__desc,
  .about3-s3 .newcard-block__desc {
    font-size: 1rem; /* 描述文字縮小 */
    line-height: 1.6;
  }
  .about3-s3 {
    /* 由於 .newcard-block 和 .card-block 結構相似，可以合併調整或確保兩者都適用手機版樣式 */
    /* 3. 調整間距和文章 */
  }
  .about3-s3 .space96 {
    height: 40px; /* 縮小垂直間距 */
  }
  .about3-s3 .article {
    font-size: 16px; /* 文章字體縮小 */
    margin-bottom: 0.8rem;
  }
  .about3-s3 {
    /* 4. 調整 Company Grid (可能原本是多欄佈局) */
  }
  .about3-s3 .company-grid {
    /* 假設 company-grid 容器使用了 Flexbox 或 Grid 進行多欄佈局，
       在手機上需要取消或重設為單欄 */
    display: block; /* 確保內容垂直堆疊 */
    margin-top: 1.5rem;
  }
  .about3-s3 .company-grid .col {
    margin-bottom: 20px; /* 增加欄位之間的間距 */
  }
  .about3-s3 .company-grid .img-wrapper {
    width: 100%; /* 圖片容器全寬 */
    height: auto; /* 高度自適應 */
    max-height: 200px; /* 限制最大高度 */
    margin-bottom: 5px; /* 縮小圖片與標題的間距 */
  }
  .about3-s3 .company-grid .img-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about3-s3 .company-grid .caption {
    font-size: 16px; /* 標題字體縮小 */
    line-height: 22px;
    text-align: center; /* 讓標題置中 */
  }
}
@media (max-width: 767px) {
  .locations-section {
    padding-bottom: 30px;
  }
  .locations-section .locations-title {
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 40px;
    text-align: center;
  }
  .locations-section {
    /* 1. 調整 Tab 導航列，確保在小螢幕下不會太擁擠 */
  }
  .locations-section .nav-link {
    font-size: 14px; /* Tab 文字更小 */
    padding: 0.5rem 0.5rem 0px 0.5rem; /* 縮小左右間距 */
  }
  .locations-section .dashed {
    padding-bottom: 30px; /* 縮小虛線底部的間距 */
    border-top: 1px dashed #bbb;
  }
  .locations-section {
    /* 2. 圖片與內容容器調整 */
  }
  .locations-section .img-fixed,
  .locations-section .img-fluid {
    width: 100% !important;
    height: 180px !important;
    max-width: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .locations-section .text-tags {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    padding: 0 10px;
  }
  .locations-section {
    /* 3. 關鍵調整：確保每個 .col 垂直顯示並有間距 */
    /* 雖然 .col 預設會垂直堆疊，但我們強制設定垂直間距 */
  }
  .locations-section .tab-content .row .col {
    /* 確保每個圖片/內容區塊垂直堆疊時有底部間距 */
    margin-bottom: 30px;
    /* 移除任何可能影響堆疊的最小寬度 */
    flex-basis: 100%;
    max-width: 100%;
  }
  .locations-section .tab-content .row {
    /* 移除最後一個元素的底部間距 */
  }
  .locations-section .tab-content .row .col:last-child {
    margin-bottom: 0;
  }
  .locations-section {
    /* 4. 文字樣式調整 */
  }
  .locations-section .K-word {
    font-size: 13px;
    line-height: 20px;
  }
  .locations-section .gold-word {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .locations-section_Property {
    padding-bottom: 30px;
  }
  .locations-section_Property .locations-title {
    font-size: 24px;
    padding-bottom: 40px;
    text-align: center;
  }
  .locations-section_Property {
    /* 圖片尺寸調整 */
  }
  .locations-section_Property .img-fixed,
  .locations-section_Property .img-fluid {
    width: 100% !important;
    height: 200px !important;
    max-width: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .locations-section_Property .text-tags {
    bottom: 8px;
    width: 90%;
    padding: 0 10px;
  }
  .locations-section_Property {
    /* 3. Blog 標籤區塊調整：移除 justify-content: center */
  }
  .locations-section_Property .Blog {
    gap: 6px;
    margin: 4px 0 15px;
    /* 讓標籤靠左，但仍然保持水平排列 */
    justify-content: flex-start !important;
  }
  .locations-section_Property {
    /* K-word 標籤文字調整 */
  }
  .locations-section_Property .K-word {
    padding: 2px 10px;
    font-size: 12px;
  }
  .locations-section_Property {
    /* 核心對齊邏輯：覆蓋 .text-center，確保所有內容靠左 */
    /* 這會影響所有文字和 inline-block 元素 (如 K-word) */
  }
  .locations-section_Property .tab-content .row .col > div.text-center {
    text-align: left !important; /* 強制所有內容靠左對齊 */
  }
  .locations-section_Property {
    /* 處理 d-flex 容器內的 K-word (即兩個並列的 K-word) */
  }
  .locations-section_Property .tab-content .row .col > div.text-center > .d-flex {
    /* 讓 d-flex 內的元素堆疊並靠左，而不是靠兩側分開 */
    flex-wrap: wrap; /* 允許換行 */
    justify-content: flex-start !important; /* 強制靠左對齊 */
    gap: 6px; /* 增加它們之間的間距 */
  }
  .locations-section_Property {
    /* 其他文字與間距調整 */
  }
  .locations-section_Property .gold-word {
    font-size: 16px;
    line-height: 22px;
    text-align: left; /* 確保金色文字也是靠左的 */
  }
  .locations-section_Property .dashed {
    padding-bottom: 40px;
    border-top: 1px dashed #bbb;
  }
  .locations-section_Property {
    /* Tab 導航列調整 */
  }
  .locations-section_Property .nav-link {
    font-size: 16px;
    padding: 0.5rem 0.8rem 0px 0.8rem;
  }
  .locations-section_Property {
    /* 確保圖片/卡片垂直堆疊並有間距 */
  }
  .locations-section_Property .tab-content .row .col {
    margin-bottom: 30px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .locations-section_Property .tab-content .row .col:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .about3-s4 {
    /* 縮小手機版的頂部內邊距 */
    padding-top: 40px;
  }
  .about3-s4 .article {
    font-size: 14px; /* 縮小文章字體 */
    line-height: 24px;
    margin-bottom: 20px;
    width: auto; /* 移除固定寬度，改為自適應 */
  }
  .about3-s4 .Top-Title {
    font-size: 28px; /* 縮小標題字體 */
    margin-bottom: 1.5rem;
  }
  .about3-s4 {
    /* 內容容器：移除 Flexbox 特性以進行垂直堆疊 */
  }
  .about3-s4 .content-ctn {
    display: block; /* 改為 block 佈局 */
    padding-top: 0;
    /* 1. 圖片區塊調整 */
  }
  .about3-s4 .content-ctn .image-ctn {
    width: 100%; /* 圖片容器佔滿全寬 */
    margin-bottom: 20px; /* 增加與下方內容的間距 */
    justify-content: center;
  }
  .about3-s4 .content-ctn {
    /* 2. 印章圖案容器調整 */
  }
  .about3-s4 .content-ctn .stamp-card {
    padding-right: 0; /* 移除過多的右側內邊距 */
    justify-content: center; /* 確保印章圖案置中 */
  }
  .about3-s4 .content-ctn .stamp-card img {
    /* 讓印章圖案適度縮小，但仍保持清晰 */
    height: auto !important;
    width: 80% !important; /* 限制寬度為容器的 80% */
    max-width: 300px;
  }
  .about3-s4 .content-ctn {
    /* 3. 主要內容區塊調整 */
  }
  .about3-s4 .content-ctn .content {
    width: 100%; /* 內容區塊佔滿全寬 */
    margin-left: 0; /* 移除負邊距 */
  }
  .about3-s4 .content-ctn .content .title {
    font-size: 1.5rem; /* 縮小標題字體 */
    line-height: 2.2rem;
    margin-bottom: 30px; /* 縮小底部間距 */
    margin-left: 0; /* 移除左側邊距 */
    text-align: center; /* 標題置中 */
  }
  .about3-s4 .content-ctn .content .articleBox {
    width: 100%; /* 佔滿全寬 */
    height: auto; /* 移除固定高度 */
    padding: 0 15px; /* 增加左右內邊距以避免內容貼邊 */
  }
  .about3-s4 .content-ctn .content .articleBox .article {
    font-size: 14px; /* 保持一致的文章字體 */
    line-height: 1.8rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .ourbusiness-s22 {
    /* 縮小手機版的頂部外邊距 */
    margin-top: 40px;
  }
  .ourbusiness-s22 .content-ctn {
    /* 移除 Flexbox 特性以實現垂直堆疊 */
    display: block;
    /* 1. 圖片區塊調整 */
  }
  .ourbusiness-s22 .content-ctn .image-ctn {
    width: 100%; /* 圖片容器佔滿全寬 */
    margin-bottom: 20px; /* 增加與下方內容的間距 */
  }
  .ourbusiness-s22 .content-ctn {
    /* 2. 主要內容區塊調整 */
  }
  .ourbusiness-s22 .content-ctn .content {
    width: 100%; /* 內容區塊佔滿全寬 */
    margin-left: 0; /* 移除負邊距，避免偏移 */
  }
  .ourbusiness-s22 .content-ctn .content .title {
    font-size: 28px; /* 縮小標題字體 */
    line-height: 1.4; /* 調整行高 */
    margin-bottom: 20px; /* 縮小底部間距 */
    margin-left: 0; /* 移除左側邊距 */
    text-align: center; /* 標題置中 */
  }
  .ourbusiness-s22 .content-ctn .content .background-ctn {
    /* 調整內邊距，適應手機螢幕 */
    padding: 30px 20px;
  }
  .ourbusiness-s22 .content-ctn .content .background-ctn .icon {
    margin-bottom: 20px; /* 縮小底部間距 */
    text-align: center; /* 圖標組置中 */
  }
  .ourbusiness-s22 .content-ctn .content .background-ctn .icon img {
    margin-right: 15px; /* 縮小圖標間距 */
  }
  .ourbusiness-s22 .content-ctn .content .background-ctn .article {
    font-size: 16px; /* 縮小文章字體 */
    line-height: 1.7;
    margin-bottom: 20px; /* 縮小底部間距 */
  }
}