.elementor-208 .elementor-element.elementor-element-e94b2ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-208 .elementor-element.elementor-element-e94b2ac:not(.elementor-motion-effects-element-type-background), .elementor-208 .elementor-element.elementor-element-e94b2ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFC;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-208 .elementor-element.elementor-element-3cebfe9{text-align:center;width:var( --container-widget-width, 8.396% );max-width:8.396%;--container-widget-width:8.396%;--container-widget-flex-grow:0;}.elementor-208 .elementor-element.elementor-element-3cebfe9 img{max-width:65%;height:50px;object-fit:scale-down;object-position:center center;}.elementor-208 .elementor-element.elementor-element-3cebfe9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-208 .elementor-element.elementor-element-3cebfe9.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu .elementor-item{font-size:20px;font-weight:600;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main .elementor-item{color:#2C5AA0;fill:#2C5AA0;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main .elementor-item:focus{color:#A63C26;fill:#A63C26;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#A63C26;}.elementor-208 .elementor-element.elementor-element-3bfd416 .e--pointer-framed .elementor-item:before,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .e--pointer-framed .elementor-item:after{border-color:#A63C26;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a, .elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-menu-toggle{color:#2C5AA0;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown{background-color:#C8C8C8E0;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a:hover,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-menu-toggle:hover{color:#A63C26;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a:hover,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown a.highlighted{background-color:#FEFEFE00;}.elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown .elementor-item, .elementor-208 .elementor-element.elementor-element-3bfd416 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;font-weight:500;}.elementor-208 .elementor-element.elementor-element-3bfd416 div.elementor-menu-toggle{color:#2C5AA0;}.elementor-208 .elementor-element.elementor-element-3bfd416 div.elementor-menu-toggle svg{fill:#2C5AA0;}.elementor-208 .elementor-element.elementor-element-3bfd416 > .elementor-widget-container{margin:0px 0px 0px -15px;padding:0px 0px 0px 0px;}.elementor-208 .elementor-element.elementor-element-3bfd416{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-208 .elementor-element.elementor-element-3bfd416.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-208 .elementor-element.elementor-element-8d166ca.elementor-element{--align-self:center;--order:99999 /* order end hack */;}@media(max-width:1024px){.elementor-208 .elementor-element.elementor-element-3cebfe9 img{width:89%;max-width:100%;}}@media(max-width:767px){.elementor-208 .elementor-element.elementor-element-3cebfe9{text-align:left;}.elementor-208 .elementor-element.elementor-element-3cebfe9 img{width:100%;}.elementor-208 .elementor-element.elementor-element-3bfd416{--nav-menu-icon-size:38px;--container-widget-width:30px;--container-widget-flex-grow:0;width:var( --container-widget-width, 30px );max-width:30px;}.elementor-208 .elementor-element.elementor-element-3bfd416.elementor-element{--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-3bfd416 */@media (max-width: 768px) {
  .elementor-nav-menu--dropdown {
    z-index: 9999 !important;
  }
  
  .elementor-widget-nav-menu {
    z-index: 9999 !important;
  }
}
/* ========== 下拉選單背景與母選單文字同寬 ========== */

/* 方案一：讓下拉選單容器與母選單文字同寬 */
.menu-item-has-children {
    position: relative;
}

.menu-item-has-children .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    /* 讓寬度自動適應內容 */
    width: auto;
    min-width: 100%;
    white-space: nowrap;
}

.menu-item-has-children .sub-menu li {
    padding: 0;
}

.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 12px 20px;
    color: #213F78;
    text-decoration: none;
    transition: all 0.3s ease;
}

.menu-item-has-children .sub-menu li a:hover {
    background: #f5f5f5;
    color: #4A68A3;
}


/* ========== 方案二：使用 fit-content 精確控制寬度 ========== */
.menu-item-has-children .sub-menu {
    width: fit-content;
    min-width: 100%;
}


/* ========== 方案三：如果是 Elementor Nav Menu ========== */
/* 針對 Elementor 的導航選單 */
.elementor-nav-menu--dropdown .elementor-item.elementor-item-has-children {
    position: relative;
}

.elementor-nav-menu--dropdown .elementor-sub-item {
    width: auto !important;
    min-width: 100% !important;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-has-children > .elementor-sub-menu {
    width: fit-content !important;
    min-width: 100% !important;
    left: 0 !important;
}


/* ========== 方案四：WordPress 預設選單結構 ========== */
/* 如果您使用的是 WordPress 預設選單 */
.menu > li {
    position: relative;
}

.menu > li > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    width: auto;
    min-width: 100%;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 8px 8px;
}

.menu > li > .sub-menu > li {
    padding: 0;
}

.menu > li > .sub-menu > li > a {
    display: block;
    padding: 12px 20px;
    color: #213F78;
    text-decoration: none;
}


/* ========== 方案五：使用 JavaScript 動態計算（如果需要） ========== */
/* 如果以上 CSS 方案都無法達成效果，可以用以下 JavaScript */
<script>
// 將此腳本放在頁面底部或 footer.php 中
document.addEventListener('DOMContentLoaded', function() {
    // 查找所有有下拉選單的母選單項目
    const menuItems = document.querySelectorAll('.menu-item-has-children');
    
    menuItems.forEach(function(menuItem) {
        const parentLink = menuItem.querySelector('> a');
        const subMenu = menuItem.querySelector('.sub-menu');
        
        if (parentLink && subMenu) {
            // 獲取母選單文字的寬度
            const parentWidth = parentLink.offsetWidth;
            
            // 設定下拉選單的最小寬度為母選單寬度
            subMenu.style.minWidth = parentWidth + 'px';
        }
    });
});
</script>


/* ========== 根據您的截圖，推薦使用這個方案 ========== */
/* 看起來您使用的是 WordPress + 可能是某個主題的選單 */

/* 找到母選單項目 */
#menu-main-menu > li.menu-item-has-children {
    position: relative;
}

/* 下拉選單容器 */
#menu-main-menu > li.menu-item-has-children > ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 8px 8px;
    padding: 8px 0;
    margin: 0;
    width: auto !important;
    min-width: 100% !important;
    white-space: nowrap;
}

/* 下拉選單項目 */
#menu-main-menu > li.menu-item-has-children > ul.sub-menu > li {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 下拉選單連結 */
#menu-main-menu > li.menu-item-has-children > ul.sub-menu > li > a {
    display: block;
    padding: 12px 24px;
    color: #213F78;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

/* Hover 效果 */
#menu-main-menu > li.menu-item-has-children > ul.sub-menu > li > a:hover {
    background: #f5f7fa;
    color: #4A68A3;
    padding-left: 28px;
}


/* ========== 如果您的選單 ID 不同，請替換 ========== */
/* 檢查方法：
   1. 在瀏覽器按 F12 打開開發者工具
   2. 點選元素檢查器（左上角箭頭圖示）
   3. 點擊您的選單項目
   4. 查看 HTML 結構中的 class 和 id
   5. 將上面的 #menu-main-menu 替換成您實際的選單 ID
*/


/* ========== 通用方案（適用大部分情況）========== */
/* 如果不確定選單的 class 名稱，可以使用這個通用方案 */

nav ul li.menu-item-has-children,
nav ul li.dropdown,
nav ul li.has-children {
    position: relative;
}

nav ul li.menu-item-has-children > ul,
nav ul li.dropdown > ul,
nav ul li.has-children > ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 8px 8px;
    width: auto !important;
    min-width: 100% !important;
    white-space: nowrap;
}/* End custom CSS */