﻿/* 主選單容器 */
.Main_Btn {
    position: relative;
    top: 175px;
    width: 100%;
    z-index: 1000;
}

    .Main_Btn ul {
        padding: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        list-style-type: none;
    }

    /* 主選單列 */
    .Main_Btn ul:first-child {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        overflow: visible;
        width: 1103px;
    }

        /* 主選單項目 */
        .Main_Btn ul:first-child > li {
            float: left;
            width: calc(100% / 7 - 1px);
            border-left: 1px solid rgba(3, 134, 194, 1);
            position: relative;
        }

            .Main_Btn ul:first-child > li > a {
                display: block;
                line-height: 47px;
                text-align: center;
                color: #fff;
                text-decoration: none;
                background-color: #0386C2;
            }

                .Main_Btn ul:first-child > li > a:hover {
                    background: #005f8a;
                }

    /* 第一層子選單 */
    .Main_Btn ul li ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #0099cc;
        min-width: 150px;
        z-index: 999;
    }

        .Main_Btn ul li ul li {
            float: none;
            position: relative;
        }

            .Main_Btn ul li ul li a {
                display: block;
                padding: 10px 15px;
                background: #0099cc;
                color: #fff;
                text-decoration: none;
                white-space: nowrap;
            }

                /* 第二層 hover */
                .Main_Btn ul li ul li a:hover {
                    background: #007bbf;
                }

            /* 第二層選單項目：有第三層的 li 顯示箭頭 */
            .Main_Btn ul li ul li:has(ul)::after {
                content: "▶";
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 12px;
                color: #fff;
                pointer-events: none;
            }

            /* 第三層選單（向右展開） */
            .Main_Btn ul li ul li ul {
                display: none;
                position: absolute;
                top: 0;
                left: 100%;
                background: #00aadd;
                min-width: 150px;
                z-index: 9999;
            }

    /* 滑鼠移入顯示第一層子選單 */
    .Main_Btn ul li:hover > ul {
        display: block;
    }

    /* 滑鼠移入顯示第三層子選單 */
    .Main_Btn ul li ul li:hover > ul {
        display: block;
    }

    /* 向左展開的第三層選單 (浮動式選單，最右邊項目若有第三層，因螢幕影響截斷內容)*/
    .Main_Btn ul li ul li ul.left-align {
        left: auto;
        right: 100%;
    }

/* 修正 ASP.NET form 影響 */
form#form1 {
    position: static !important;
    overflow: visible !important;
}
