.elementor-3645 .elementor-element.elementor-element-7311311{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-3645 .elementor-element.elementor-element-7311311:not(.elementor-motion-effects-element-type-background), .elementor-3645 .elementor-element.elementor-element-7311311 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3645 .elementor-element.elementor-element-75db7c8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3645 .elementor-element.elementor-element-75db7c8:not(.elementor-motion-effects-element-type-background), .elementor-3645 .elementor-element.elementor-element-75db7c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3645 .elementor-element.elementor-element-75db7c8 > .elementor-container{min-height:0px;}.elementor-3645 .elementor-element.elementor-element-75db7c8 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3645 .elementor-element.elementor-element-75db7c8{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF1C;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;z-index:2;overflow:visible;}.elementor-3645 .elementor-element.elementor-element-203a530e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 10px 10px;}.elementor-3645 .elementor-element.elementor-element-203a530e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3645 .elementor-element.elementor-element-6faeb685{width:var( --container-widget-width, 38.057% );max-width:38.057%;--container-widget-width:38.057%;--container-widget-flex-grow:0;text-align:start;}.elementor-3645 .elementor-element.elementor-element-6faeb685.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3645 .elementor-element.elementor-element-6faeb685 img{width:100%;max-width:85%;}.elementor-3645 .elementor-element.elementor-element-cdad630{width:var( --container-widget-width, 41.611% );max-width:41.611%;--container-widget-width:41.611%;--container-widget-flex-grow:0;text-align:start;}.elementor-3645 .elementor-element.elementor-element-cdad630.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3645 .elementor-element.elementor-element-cdad630 img{width:20%;}.elementor-3645 .elementor-element.elementor-element-71eb471d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3645 .elementor-element.elementor-element-71eb471d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3645 .elementor-element.elementor-element-ff4bd4e{width:var( --container-widget-width, 11% );max-width:11%;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-3645 .elementor-element.elementor-element-53542c5{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;}.elementor-3645 .elementor-element.elementor-element-53542c5.elementor-element{--order:99999 /* order end hack */;}.elementor-3645 .elementor-element.elementor-element-53542c5 .elementor-menu-toggle{margin-left:auto;}.elementor-3645 .elementor-element.elementor-element-1bf47cf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 10px 10px;}.elementor-3645 .elementor-element.elementor-element-1bf47cf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3645 .elementor-element.elementor-element-71eb471d{width:54%;}.elementor-3645 .elementor-element.elementor-element-1bf47cf{width:12.333%;}}@media(max-width:1024px){.elementor-3645 .elementor-element.elementor-element-75db7c8{margin-top:0px;margin-bottom:-100px;padding:10px 10px 10px 10px;}.elementor-3645 .elementor-element.elementor-element-71eb471d > .elementor-element-populated{padding:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-3645 .elementor-element.elementor-element-7311311{--z-index:0;}.elementor-3645 .elementor-element.elementor-element-75db7c8{z-index:0;}.elementor-3645 .elementor-element.elementor-element-203a530e{width:60%;}.elementor-3645 .elementor-element.elementor-element-203a530e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 10px;}.elementor-3645 .elementor-element.elementor-element-6faeb685{width:var( --container-widget-width, 144.055px );max-width:144.055px;--container-widget-width:144.055px;--container-widget-flex-grow:0;}.elementor-3645 .elementor-element.elementor-element-6faeb685 img{max-width:100%;}.elementor-3645 .elementor-element.elementor-element-cdad630{width:var( --container-widget-width, 57.711px );max-width:57.711px;--container-widget-width:57.711px;--container-widget-flex-grow:0;}.elementor-3645 .elementor-element.elementor-element-cdad630 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-3645 .elementor-element.elementor-element-cdad630 img{width:75%;}.elementor-3645 .elementor-element.elementor-element-71eb471d{width:40%;}.elementor-3645 .elementor-element.elementor-element-71eb471d > .elementor-element-populated{padding:10px 10px 10px 10px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3645 .elementor-element.elementor-element-203a530e{width:25%;}.elementor-3645 .elementor-element.elementor-element-71eb471d{width:75%;}.elementor-3645 .elementor-element.elementor-element-1bf47cf{width:22%;}}/* Start custom CSS for container, class: .elementor-element-7311311 *//* ===== HOMI Sticky White Header ===== */

/* 1) 讓 Header 固定在頂部 */
.elementor-location-header,
header.elementor-location-header,
body .elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

/* 2) Header 背景改白色 + 加一條乾淨分隔線（不灰） */
.elementor-location-header,
header.elementor-location-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(11, 90, 34, 0.12) !important; /* 淡綠線 */
}

/* 3) 確保 Header 內部容器也是白色（有些 Elementor 會在 container 上設背景） */
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-element,
.elementor-location-header .elementor-widget-wrap {
  background: transparent !important;
}

/* 4) 如果你頂部有跑馬燈 bar，避免它被遮住/或一起黏住（可選） */
/* 如果你希望跑馬燈也一起固定，就不用這段 */
.homi-marquee { position: relative; z-index: 10000; }/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-53542c5 *//* =========================
   HOMI MENU - Desktop/Tablet/Mobile (NO GREY)
   ========================= */

:root{
  --homi-green:#0b5a22;
  --homi-ink:#1c2b1f;
  --homi-lite:#e9f6ee;            /* 淡綠 hover（不用灰） */
  --homi-line:rgba(11,90,34,.14); /* 淡綠分隔線 */
  --homi-marquee-h:44px;          /* 沒跑馬燈就改 0px */
  --homi-header-h:72px;           /* 手機/平板 header 高度，依你站微調 */
}

/* ============ A) Desktop (>=1025px) ============ */

/* 主選單：不使用灰底 */
@media (min-width: 1025px){
  .elementor-location-header .elementor-nav-menu--main .elementor-item{
    background: transparent !important;
    color: var(--homi-ink) !important;
    font-weight: 800 !important;
  }
  .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
  .elementor-location-header .elementor-nav-menu--main .elementor-item:focus,
  .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active{
    background: transparent !important;
    color: var(--homi-green) !important;
  }

  /* 桌機 dropdown 容器：強制白底，移除灰/深灰 */
  .elementor-location-header .elementor-nav-menu--dropdown{
    background-color:#fff !important;
    background-image:none !important;
    border:1px solid var(--homi-line) !important;
    border-radius:14px !important;
    box-shadow:0 18px 45px rgba(11,90,34,.18) !important;
    padding:8px 0 !important;
  }

  /* 桌機 dropdown 每一項：白底 + 淡綠分隔線（不灰） */
  .elementor-location-header .elementor-nav-menu--dropdown a,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item{
    background-color:#fff !important;
    color:var(--homi-ink) !important;
    font-weight:800 !important;
    border-bottom:1px solid var(--homi-line) !important;
  }

  /* 桌機 dropdown hover/active：只用淡綠，不要灰色 */
  .elementor-location-header .elementor-nav-menu--dropdown a:hover,
  .elementor-location-header .elementor-nav-menu--dropdown a:focus,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item:hover,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item:focus{
    background-color:var(--homi-lite) !important;
    color:var(--homi-green) !important;
  }

  .elementor-location-header .elementor-nav-menu--dropdown li:last-child > a{
    border-bottom:0 !important;
  }

  /* 桌機二級/三級子選單也強制白底（避免某些層級仍灰色） */
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu{
    background-color:#fff !important;
  }
}

/* ============ B) Tablet + Mobile (<=1024px) ============ */
@media (max-width: 1024px){

  /* 漢堡按鈕：綠色（你要的“按鈕綠色”） */
  .elementor-location-header .elementor-menu-toggle,
  .elementor-location-header .elementor-menu-toggle i,
  .elementor-location-header .elementor-menu-toggle svg{
    color: var(--homi-green) !important;
    fill: var(--homi-green) !important;
  }

  /* Mobile dropdown 面板：全寬全高、白底、可滾動 */
  .elementor-location-header .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(var(--homi-marquee-h) + var(--homi-header-h)) !important;

    width: 100vw !important;
    height: calc(100vh - var(--homi-marquee-h) - var(--homi-header-h)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    background:#fff !important;
    border:0 !important;
    box-shadow:0 18px 45px rgba(11,90,34,.18) !important;
    padding:10px 0 !important;
    z-index:999999 !important;
  }

  /* Mobile 主選單項目：白底 + 淡綠線 */
  .elementor-location-header .elementor-nav-menu--dropdown a,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-item{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:14px 18px !important;
    font-size:16px !important;
    font-weight:800 !important;

    color:var(--homi-ink) !important;
    background:#fff !important;
    border-bottom:1px solid var(--homi-line) !important;
  }

  .elementor-location-header .elementor-nav-menu--dropdown a:hover,
  .elementor-location-header .elementor-nav-menu--dropdown a:focus,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
    background:var(--homi-lite) !important; /* 不用灰 */
    color:var(--homi-green) !important;
  }

  /* -------- Mobile 子選單：強制「在同一欄」清楚展開 --------
     核心：把 sub-menu 改成 position: static，並用 aria-expanded 控制顯示
  */
  .elementor-location-header .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu{
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background:#fff !important;
    display: none; /* 預設收起 */
  }

  /* Elementor 展開子選單時，通常會把父層 <a> 設 aria-expanded="true" */
  .elementor-location-header .elementor-nav-menu--dropdown
  .menu-item-has-children > a[aria-expanded="true"] + .sub-menu{
    display: block !important;
  }

  /* 子選單項目：縮排 + 左側淡綠提示線（更清楚） */
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu a{
    justify-content:flex-start !important;
    gap: 10px !important;
    padding-left: 34px !important;
    font-weight: 800 !important;
    background:#fff !important;
    border-bottom:1px solid var(--homi-line) !important;
    position: relative !important;
  }
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu a::before{
    content:"";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(11,90,34,.22);
    display:inline-block;
    flex: 0 0 10px;
  }

  /* 避免被 header 任何容器 overflow 切掉（常導致「展不出來/看不到」） */
  .elementor-location-header,
  .elementor-location-header .elementor-section,
  .elementor-location-header .elementor-container,
  .elementor-location-header .e-con{
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-75db7c8 *//* ===== Force White Header (Desktop + Mobile) ===== */

/* 1) Header 固定 */
.elementor-location-header,
header.elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: #fff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(11, 90, 34, 0.12) !important;
}

/* 2) Elementor 常見：真正可見背景在內層容器/section（手機更常） */
.elementor-location-header > .elementor,
.elementor-location-header .elementor-section.elementor-top-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .elementor-widget-wrap {
  background-color: #fff !important;
  background-image: none !important;
}

/* 3) 如果 Header 有 Background Overlay / Motion Effects Layer，會蓋掉白底或讓它透明 */
.elementor-location-header .elementor-background-overlay,
.elementor-location-header .elementor-motion-effects-layer,
.elementor-location-header .elementor-motion-effects-container {
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* 4) Sticky 狀態也鎖死白底（Elementor 滾動後會加 class） */
.elementor-location-header .elementor-sticky--effects,
.elementor-location-header .elementor-sticky--active,
.elementor-location-header .elementor-section.elementor-sticky--effects,
.elementor-location-header .e-con.elementor-sticky--effects {
  background-color: #fff !important;
  background-image: none !important;
}/* End custom CSS */