@media (min-width:768px){
    .special{
      padding-top: 1.5rem !important;
      padding-bottom: 2.5rem !important;
    }
  }

  @media (max-width: 768px) {
      .video-container-wrapper {
          padding: 0 15px; /* 左右保留間距 */
      }


      .video-container {
          position: relative;
          width: 100%;   /* 填滿父容器 */
          padding-bottom: 56.25%; /* 16:9比例 (315 ÷ 560 = 0.5625) */
          height: 0;
          overflow: hidden;
      }


      .video-container iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; /* 填滿容器 */
      }
    }

    /* 調整所有帶有錨點的標題的滾動偏移 */
    h3[id],
    h2[id] {
      scroll-margin-top: 95px;
      /* 根據你的 header 高度調整 */
    }

/* ===== 手機全螢幕選單（ciMes 新增）===== */
#mobile-menu{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:#fff;z-index:2000;overflow-y:auto;
  display:none; /* 先隱藏，按鈕點擊才淡入 */
}
#mobile-menu ul li{
  padding:.25rem 0;
 
}
/* 預設（≥768px）：隱藏漢堡 */
#menu-button{display:none}
html.overflow-hidden,body.overflow-hidden{overflow:hidden;}

@media (max-width:768px){
  .under-menu{display:none!important;}
   #menu-button{display:block}
}

/* 只對 .menu-button.act 生效 ── 桌面漢堡 (#menu-button) 不受影響 */
.menu-button.act{
  margin-top: 30px;
  position:relative;
  width:28px;      /* X 的尺寸，自行調整 */
  height:22px;
  cursor:pointer;
  color:#333;      /* 決定 X 的顏色，可改白 #fff */
}

/* 兩條斜線 */
.menu-button.act::before,
.menu-button.act::after{
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:3px;
  background:currentColor;      /* 同 .menu-button.act 的顏色 */
}

/* 右斜／左斜 */
.menu-button.act::before{transform:rotate(45deg);}
.menu-button.act::after{transform:rotate(-45deg);}

/* @media (max-width: 768px) {
  #menu .col-auto:first-child { 
    display: none; 
  }
} */


/* 只要小於 lg 就隱藏桌機 logo */
@media (max-width: 768px){
    .logo-desktop{
      display:none
    }
}


/* ===== ciMes mobile menu (from HCP) ================================ */
#mobile-menu{
  position:fixed;
  inset:0;
  overflow-y:auto;
  background:#fff;
  padding-bottom:20px;
  height:-webkit-fill-available;      /* iOS */
  box-sizing:border-box;
  z-index:1021;                       /* 高於 menu-button */
}
/* 內層列表樣式 ------------------------------------------------------- */
.mobile-menu-list-area{
  padding:1rem;
  background:#FFF8E4;
}
.mobile-menu-list-area .main-color{color:#666ba9;} /* 主色 */
.mobile-menu-list li{
  position:relative;
  padding-left:1.5rem;
}

/* 隱藏/顯示控制 ----------
   你原本 main.js 已有 $(".menu-button").on('click', …)
   若不是，就把 toggle 程式碼放進去即可 */