/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 09 2026 | 14:47:37 */
/* =======================================================
   下拉式選單 UI/UX 優化 - 桌機版 (垂直下拉風格 - 完整美化版)
   包含：產品巨型選單 (.custom-mega-menu) + 一般選單 (News/FAQ)
======================================================= */

@media (min-width: 1025px) {

    /* ---------------------------------------------------
       A. 產品目錄 (巨型選單) 設定區
    --------------------------------------------------- */
    /* 1. 緩衝保留與封鎖隱形感應區 */
    html body .wd-nav .menu-item.wd-event-hover > .wd-dropdown {
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
        transition-delay: 0.2s !important; 
        pointer-events: none !important;
    }
    html body .wd-nav .menu-item.wd-event-hover:hover > .wd-dropdown {
        transition-delay: 0s !important;
        pointer-events: auto !important;
    }

    /* 2. 垂直下拉框寬度與內距微調 */
    .custom-mega-menu > .wd-dropdown {
        width: 280px !important; 
        padding: 15px !important; 
    }

    /* 3. 取消網格，改為垂直單行排列，並縮小大分類間距 */
    .custom-mega-menu .wd-sub-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important; 
    }

    /* 4. 強制展開所有第三層子選單 */
    .wd-dropdown-menu .wd-sub-menu .sub-sub-menu.wd-dropdown {
        position: static !important; 
        opacity: 1 !important;
        visibility: inherit !important; 
        display: block !important;
        transform: none !important;
        box-shadow: none !important; 
        background: transparent !important;
        padding: 4px 0 0 0 !important; 
        margin: 0 !important;
    }

    /* 移除原本的箭頭圖示 */
    html body .wd-nav .item-level-1 > a::after {
        display: none !important;
    }

    /* 5. 子項目 (Level 2) 樣式與滑鼠移入效果 */
    .sub-sub-menu > li > a {
        display: block !important; 
        padding: 6px 10px !important; 
        border-radius: 4px; 
    }
    
    .sub-sub-menu > li:hover > a {
        opacity: 1 !important;
        color: #8cc63f !important;
        background-color: rgba(140, 198, 63, 0.08) !important; 
        padding-left: 16px !important; 
    }

    /* ---------------------------------------------------
       B. 一般下拉選單 (News, FAQ 等) 設定區
    --------------------------------------------------- */
    /* 1. 讓 News 等一般下拉框稍微加寬，閱讀更舒適 */
    html body .wd-nav .menu-simple-dropdown > .wd-dropdown {
        width: 260px !important; 
        padding: 15px !important; /* 配合美化版的內距 */
    }

    /* 2. 選項的基礎樣式 (統一字體大小與顏色) */
    html body .wd-nav .menu-simple-dropdown .wd-sub-menu > li > a {
        display: block !important; 
        padding: 6px 10px !important; /* 配合美化版的間距 */
        font-size: 13.5px !important; /* 配合美化版的大小 */
        color: #555555 !important; /* 配合美化版的深灰色 */
        font-weight: normal !important; 
        border: none !important; 
        border-radius: 4px;
        transition: all 0.25s ease !important;
    }
    
    /* 3. 滑鼠移入的互動回饋 (美化版的清透綠色位移效果) */
    html body .wd-nav .menu-simple-dropdown .wd-sub-menu > li:hover > a {
        color: #8cc63f !important;
        background-color: rgba(140, 198, 63, 0.08) !important;
        padding-left: 16px !important; 
    }
}

/* =======================================================
   C. 視覺樣式優化區分階層 (全裝置共用)
======================================================= */

/* 大分類 (Level 1) 樣式與取消反白效果合併宣告 */
html body .wd-nav .wd-dropdown-menu .wd-sub-menu > li.item-level-1,
html body .wd-nav .wd-dropdown-menu .wd-sub-menu > li.item-level-1:hover {
    background-color: transparent !important;
}

html body .wd-nav .wd-dropdown-menu .wd-sub-menu > li.item-level-1 > a,
html body .wd-nav .wd-dropdown-menu .wd-sub-menu > li.item-level-1 > a:hover {
    font-weight: bold !important;
    font-size: 15px !important; 
    padding-bottom: 6px !important; 
    border-bottom: 2px solid rgba(140, 198, 63, 0.2) !important; 
    margin-bottom: 2px !important; 
    background-color: transparent !important; 
    box-shadow: none !important;
}

html body .wd-nav .wd-dropdown-menu .wd-sub-menu > li.item-level-1 > a {
    color: rgb(0,102,3) !important; 
}

html body .wd-nav .wd-dropdown-menu .wd-sub-menu > li.item-level-1 > a:hover {
    color: #8cc63f !important; 
}

/* 子項目字體基礎設定 */
.sub-sub-menu > li > a {
    opacity: 1 !important; 
    color: #555555 !important; 
    transition: all 0.25s ease !important;
    font-size: 13.5px !important; 
}