.elementor-5312 .elementor-element.elementor-element-0eff3f6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5312 .elementor-element.elementor-element-0eff3f6:not(.elementor-motion-effects-element-type-background), .elementor-5312 .elementor-element.elementor-element-0eff3f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-2254b925 ) 0%, #F2295B00 95%);}.elementor-5312 .elementor-element.elementor-element-0eff3f6 > .elementor-container{min-height:80px;}.elementor-5312 .elementor-element.elementor-element-0eff3f6 > .elementor-background-overlay{opacity:0.62;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5312 .elementor-element.elementor-element-0eff3f6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-80px;padding:0px 0px 0px 0px;z-index:2;}.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-secondary );}.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu .elementor-item{font-family:"Raleway", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item{color:#CECECE;fill:#CECECE;padding-top:0px;padding-bottom:0px;}.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-dea8c79 );fill:var( --e-global-color-dea8c79 );}.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-dea8c79 );}.elementor-5312 .elementor-element.elementor-element-62707e7{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-5312 .elementor-element.elementor-element-62707e7 div.elementor-menu-toggle{color:var( --e-global-color-9ebccbd );}.elementor-5312 .elementor-element.elementor-element-62707e7 div.elementor-menu-toggle svg{fill:var( --e-global-color-9ebccbd );}.elementor-5312 .elementor-element.elementor-element-9057b7b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5312 .elementor-element.elementor-element-bc77d30{--grid-template-columns:repeat(0, auto);width:auto;max-width:auto;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5312 .elementor-element.elementor-element-bc77d30 .elementor-widget-container{text-align:right;}.elementor-5312 .elementor-element.elementor-element-bc77d30 .elementor-social-icon:hover{background-color:var( --e-global-color-primary );}.elementor-5312 .elementor-element.elementor-element-bc77d30 .elementor-social-icon:hover i{color:var( --e-global-color-dea8c79 );}.elementor-5312 .elementor-element.elementor-element-bc77d30 .elementor-social-icon:hover svg{fill:var( --e-global-color-dea8c79 );}.elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button{background-color:#02010100;font-family:"Raleway", Sans-serif;font-weight:700;text-transform:uppercase;fill:var( --e-global-color-9ebccbd );color:var( --e-global-color-9ebccbd );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-dea8c79 );border-radius:100px 100px 100px 100px;}.elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button:hover, .elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button:focus{background-color:var( --e-global-color-dea8c79 );color:var( --e-global-color-2254b925 );}.elementor-5312 .elementor-element.elementor-element-65d99e2{width:auto;max-width:auto;}.elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button:hover svg, .elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button:focus svg{fill:var( --e-global-color-2254b925 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-5312 .elementor-element.elementor-element-62707e7 .elementor-nav-menu--main .elementor-item{padding-left:14px;padding-right:14px;}.elementor-5312 .elementor-element.elementor-element-9057b7b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5312 .elementor-element.elementor-element-bc77d30{--icon-size:20px;}.elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button{border-radius:50px 50px 50px 50px;padding:7px 15px 8px 15px;}}@media(min-width:813px){.elementor-5312 .elementor-element.elementor-element-1563424{width:12%;}.elementor-5312 .elementor-element.elementor-element-265f093{width:65%;}.elementor-5312 .elementor-element.elementor-element-9057b7b{width:22.332%;}}@media(max-width:1366px) and (min-width:813px){.elementor-5312 .elementor-element.elementor-element-1563424{width:15%;}.elementor-5312 .elementor-element.elementor-element-265f093{width:60%;}.elementor-5312 .elementor-element.elementor-element-9057b7b{width:25%;}}@media(max-width:812px){.elementor-5312 .elementor-element.elementor-element-1563424{width:30%;}.elementor-5312 .elementor-element.elementor-element-50951ca img{width:100%;}.elementor-5312 .elementor-element.elementor-element-265f093{width:20%;}.elementor-5312 .elementor-element.elementor-element-9057b7b{width:50%;}.elementor-5312 .elementor-element.elementor-element-bc77d30{--icon-size:17px;}.elementor-5312 .elementor-element.elementor-element-65d99e2 .elementor-button{font-size:12px;}}/* Start custom CSS for nav-menu, class: .elementor-element-62707e7 */@media (max-width: 767px) {

    /* 1. 頁首區段設定：作為定位基準 */
    #my-header {
        position: relative;
        z-index: 1000; 
    }

    /* 2. 下拉選單容器 (核心設定) */
    .mobile-menu-absolute .elementor-nav-menu--dropdown {
        /* 
         * 關鍵：使用絕對定位，讓選單浮動起來，
         * 不會推開 Header 內容。
         */
        position: absolute;
        
        /* 
         * 定位：從 Header 底部開始 (top: 100%)，
         * 並從螢幕最左邊開始 (left: 0)。
         */
        top: 100%;
        left: 0;
        
        /* 寬度：佔滿整個螢幕寬度 */
        width: 100vw;
        
        /* 確保在內容之上 */
        z-index: 999;
        
        /* 
         * 預設情況下，Elementor 會用 display: none 來隱藏選單。
         * 我們不需要在這裡寫 display: none，因為 Elementor 會處理。
         * 當點擊按鈕時，Elementor 的 JS 會將其改為 display: block。
         */
    }

    /* --- 手機版 Header 佈局微調 (這部分保持不變) --- */
    #mobile-icons-column .elementor-widget-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }
    #mobile-menu-column .elementor-widget-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #mobile-menu-column {
        order: 3;
    }
    #mobile-icons-column {
        order: 2;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9057b7b *//* --- 讓單一欄位內的元素並排 (Flexbox) --- */

.flex-parent-column .elementor-widget-wrap {
    /* 1. 啟用 Flexbox 佈局 */
    display: flex;
    
    /* 2. 設定垂直對齊方式 */
    /* center: 垂直居中 (最常用) */
    /* flex-start: 靠上對齊 */
    /* flex-end: 靠下對齊 */
    align-items: center;
    
    /* 3. 設定水平對齊方式 */
    /* flex-end: 靠右對齊 (符合您的圖片) */
    /* flex-start: 靠左對齊 */
    /* center: 水平居中 */
    /* space-between: 兩端對齊，元素之間留有空間 */
    justify-content: flex-end;
    
    /* 4. 設定元素之間的間距 (可選) */
    gap: 15px; /* 在並排的元素之間增加 15px 的間距 */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0eff3f6 *//* 1. 初始頁首樣式 */
#my-header {
    /* 讓背景顏色變換更平順 */
    transition: background-color 0.4s ease-in-out;
}

/* 2. 捲動後頁首的樣式 */
#my-header.scrolled {
    /* 當頁首擁有 'scrolled' class 時，背景變成純黑色 */
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); 
    background-image: none;
}

/* --- 手機版 Header 佈局微調 --- */
@media (max-width: 767px) {
    /* 選取包含 IG/按鈕的第三欄 */
    #mobile-icons-column .elementor-widget-wrap {
        /* 使用 Flexbox 佈局 */
        display: flex;
        /* 讓裡面的元素垂直居中 */
        align-items: center;
        /* 讓裡面的元素靠右對齊 */
        justify-content: flex-end;
    }

    /* 選取包含漢堡選單的第二欄 */
    #mobile-menu-column .elementor-widget-wrap {
        display: flex;
        align-items: center;
        /* 讓漢堡選單圖示也靠右對齊 */
        justify-content: flex-end;
    }
    
    /* 重新排序，讓漢堡選單在最右邊 */
    #mobile-menu-column {
        /* order 屬性可以改變 flex item 的順序，數字越大越後面 */
        order: 3;
    }
    #mobile-icons-column {
        order: 2;
    }
}/* End custom CSS */