.elementor-3499 .elementor-element.elementor-element-0c45aab{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3499 .elementor-element.elementor-element-b86bdef{--display:flex;--min-height:15vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:2.7s;--overlay-opacity:1;}.elementor-3499 .elementor-element.elementor-element-b86bdef::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .e-con-inner > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .elementor-background-slideshow::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .e-con-inner > .elementor-background-slideshow::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3499 .elementor-element.elementor-element-b86bdef:hover::before, .elementor-3499 .elementor-element.elementor-element-b86bdef:hover > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-b86bdef:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .elementor-background-slideshow:hover::before, .elementor-3499 .elementor-element.elementor-element-b86bdef > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-3499 .elementor-element.elementor-element-b86bdef:hover{--overlay-opacity:1;}.elementor-3499 .elementor-element.elementor-element-94bbdc5{--display:flex;--min-height:10vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-3499 .elementor-element.elementor-element-94bbdc5:not(.elementor-motion-effects-element-type-background), .elementor-3499 .elementor-element.elementor-element-94bbdc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7DFCE;}.elementor-3499 .elementor-element.elementor-element-94bbdc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3499 .elementor-element.elementor-element-0365d25 img{filter:brightness( 0% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3499 .elementor-element.elementor-element-0365d25{width:var( --container-widget-width, 3.784% );max-width:3.784%;--container-widget-width:3.784%;--container-widget-flex-grow:0;}.elementor-3499 .elementor-element.elementor-element-0365d25.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3499 .elementor-element.elementor-element-9d4a0e1 .elementor-nav-menu .elementor-item{font-family:"ct_font_x-主題字", Sans-serif;font-size:22px;}.elementor-3499 .elementor-element.elementor-element-9d4a0e1 .elementor-nav-menu--main .elementor-item{color:#444444;fill:#444444;}.elementor-3499 .elementor-element.elementor-element-9d4a0e1 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3499 .elementor-element.elementor-element-9d4a0e1 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3499 .elementor-element.elementor-element-9d4a0e1 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3499 .elementor-element.elementor-element-9d4a0e1 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-9d4a0e1{padding:0px 0px 0px 0px;width:var( --container-widget-width, 55.875% );max-width:55.875%;--container-widget-width:55.875%;--container-widget-flex-grow:0;}.elementor-3499 .elementor-element.elementor-element-3beac14{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:28px;--grid-column-gap:25px;}.elementor-3499 .elementor-element.elementor-element-3beac14 .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0.4em;}.elementor-3499 .elementor-element.elementor-element-3beac14 .elementor-social-icon i{color:#000000D4;}.elementor-3499 .elementor-element.elementor-element-3beac14 .elementor-social-icon svg{fill:#000000D4;}.elementor-3499 .elementor-element.elementor-element-3beac14 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-3beac14 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-74db8e8{--display:flex;--min-height:15vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:2.7s;--overlay-opacity:1;}.elementor-3499 .elementor-element.elementor-element-74db8e8::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .elementor-background-slideshow::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3499 .elementor-element.elementor-element-74db8e8:hover::before, .elementor-3499 .elementor-element.elementor-element-74db8e8:hover > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-74db8e8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .elementor-background-slideshow:hover::before, .elementor-3499 .elementor-element.elementor-element-74db8e8 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-3499 .elementor-element.elementor-element-74db8e8:hover{--overlay-opacity:1;}.elementor-3499 .elementor-element.elementor-element-2955194{--display:flex;--min-height:10vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-3499 .elementor-element.elementor-element-2955194:not(.elementor-motion-effects-element-type-background), .elementor-3499 .elementor-element.elementor-element-2955194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7DFCE00;}.elementor-3499 .elementor-element.elementor-element-2955194.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3499 .elementor-element.elementor-element-b5e086c{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 2%;padding:0% 0% 0% 0%;width:var( --container-widget-width, 3.784% );max-width:3.784%;--container-widget-width:3.784%;--container-widget-flex-grow:0;}.elementor-3499 .elementor-element.elementor-element-b5e086c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3499 .elementor-element.elementor-element-ef3d5ae .elementor-nav-menu .elementor-item{font-family:"ct_font_x-主題字", Sans-serif;font-size:22px;}.elementor-3499 .elementor-element.elementor-element-ef3d5ae .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-ef3d5ae .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3499 .elementor-element.elementor-element-ef3d5ae .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3499 .elementor-element.elementor-element-ef3d5ae .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3499 .elementor-element.elementor-element-ef3d5ae .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-ef3d5ae{padding:0px 0px 0px 0px;width:var( --container-widget-width, 55.875% );max-width:55.875%;--container-widget-width:55.875%;--container-widget-flex-grow:0;}.elementor-3499 .elementor-element.elementor-element-d1ba1f1{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:28px;--grid-column-gap:25px;margin:0% 2% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-3499 .elementor-element.elementor-element-d1ba1f1 .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0.4em;}.elementor-3499 .elementor-element.elementor-element-d1ba1f1 .elementor-social-icon i{color:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-d1ba1f1 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-d1ba1f1 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-d1ba1f1 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-3499 .elementor-element.elementor-element-70f71ad{--display:flex;}.elementor-3499{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.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-3499 .elementor-element.elementor-element-b86bdef{--content-width:90%;}.elementor-3499 .elementor-element.elementor-element-94bbdc5{--width:100%;}.elementor-3499 .elementor-element.elementor-element-74db8e8{--content-width:85%;}.elementor-3499 .elementor-element.elementor-element-2955194{--width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-9d4a0e1 *//* 統一針對所有 cs 系列選單項目 */
.elementor-3499 .elementor-element.elementor-element-9d4a0e1 li[class^="cs"] a {
  position: relative;
  display: inline-block;
  transition: all 0.5s ease;
}

/* 滑鼠懸停時的中文字型與大小 */
.elementor-3499 .elementor-element.elementor-element-9d4a0e1 li[class^="cs"] a:hover {
  font-family: "NOTO HK", Arial, sans-serif !important;
  font-size: 14px !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-ef3d5ae *//* 統一針對所有 cs 系列選單項目 */
.elementor-3499 .elementor-element.elementor-element-ef3d5ae li[class^="cs"] a {
  position: relative;
  display: inline-block;
  transition: all 0.5s ease;
}

/* 滑鼠懸停時的中文字型與大小 */
.elementor-3499 .elementor-element.elementor-element-ef3d5ae li[class^="cs"] a:hover {
  font-family: "NOTO HK", Arial, sans-serif !important;
  font-size: 14px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c45aab *//* ===== Base：固定在最上層，控制整條 header 收起/出現 ===== */
#customHeader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translate3d(0,0,0);      /* 防 1px 次像素縫 */
  backface-visibility: hidden;
  transition: transform .35s ease, opacity .25s ease;
  will-change: transform, opacity;
  pointer-events: auto;
}

/* 往下滾動時整條 header 收起 */
#customHeader.is-hidden{
  transform: translate3d(0,-110%,0);
  opacity: 0;
  pointer-events: none;
}

/* 後台管理列修正（有用到後台工具列就留著） */
body.admin-bar #customHeader{ top: 32px; }
@media (max-width: 782px){
  body.admin-bar #customHeader{ top: 46px; }
}

/* ===== 只有「黃底」狀態才補 1px 止縫線 ===== */
/* 預設關閉 ::after，避免透明 header 狀態出現一條白線 */
#customHeader::after{
  content: none;
}

/* JS 會在黃底開始出現時加上 .has-solid，這時才補 1px 線 */
#customHeader.has-solid::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0px;
  background-color: #f5d3a5;   /* 你的黃底色，可依實際調整 */
  pointer-events: none;
}

/* ===== 兩條 header 疊在同一個水平，用透明度切換 ===== */
#headerTransparent,
#headerSolid{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: opacity .35s ease;
}

/* 初始：只顯示透明白字版本（B），黃底版本（A）隱藏且不吃滑鼠 */
#headerTransparent{
  opacity: 1;
}
#headerSolid{
  opacity: 0;
  pointer-events: none;
}

/* ===== 內容貼頂：把 header 後第一個 wrapper 的頂距歸零 ===== */
.elementor-location-header + *,
.elementor-location-header + * .site-content,
.elementor-location-header + * .content-area,
.elementor-location-header + * main,
.elementor-location-header + * .ct-container,
.elementor-location-header + * .elementor-section:first-of-type,
.elementor-location-header + * .elementor-container:first-of-type,
.elementor-location-header + * .e-con:first-of-type{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* 防萬一：html/body 不留預設外距 */
html, body{
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS *//* 讓 header 可被隱藏/顯示與換底色 */
#customHeader {
  position: fixed; top: 0; left: 0; right: 0;
  transform: translateY(0); opacity: 1;
  background: transparent; color: #fff;
  transition: transform .35s ease, opacity .25s ease, background-color .25s ease, color .25s ease;
  z-index: 9999;
}

/* 捲動向下時隱藏 */
#customHeader.is-hidden { transform: translateY(-100%); opacity: 0; }

/* 滑鼠靠近頂端或向上捲動時顯示 */
#customHeader.peek, #customHeader.is-visible { transform: translateY(0); opacity: 1; }

/* 透明/白底兩種模式 */
#customHeader.transparent { background: transparent; color: #fff; }
#customHeader.solid       { background: #fff; color: #111; }

/* 導覽列可按你設計微調 */
#customHeader .nav { display:flex; gap:24px; align-items:center; padding:18px 28px; font-weight:600; }

/* 手機：別隱藏，固定展開（可按需調整） */
@media (max-width: 992px){
  #customHeader { transform: none !important; opacity: 1 !important; }
}/* End custom CSS */