@charset "utf-8";
/* CSS Document */
.content{
	padding:60px 0; 

}
.insidepage_banner{
    width: 100%;
    display: block;
}
        /* --- 側邊導覽列自訂樣式 --- */
        .sidebar-menu {
            width: 100%;
        }

        .sidebar-menu .nav-item {
            margin-bottom: 5px;
        }

        /* 消除子選單 (<ul>) 預設的內縮，避免排版跑掉 */
        .sidebar-menu .nav-item ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }
        .sidebar-menu .nav2_ul{
            padding-top: 15px !important;
        }
        /* 第一層選單連結預設樣式 (灰色文字) */
        .sidebar-menu .nav-link {
            color: #666666;
            font-size: 16px;
            /* 設定統一的左側內距 20px，作為所有文字切齊的基準 */
            padding: 12px 16px 12px 20px;
            letter-spacing: 1px;
            transition: all 0.2s ease-in-out;
        }

        .sidebar-menu .nav-link:hover {
            color: #2b81af;
            background-color: #f8f9fa;
        }

        /* --- 作用中 (Active) 的選單項目 --- */
        .sidebar-menu .nav-link.active-item {
            background-color: #6cb0a6; 
            color: #ffffff;
            position: relative; /* 作為 ::before 絕對定位的基準 */
            
            /* 關鍵數學對齊：往右推 8px 產生白縫，同時將內距縮減為 12px (8+12=20)，確保文字完美對齊 */
            margin-left: 8px; 
            padding-left: 12px; 
            border-radius: 0;
        }

        .sidebar-menu .nav-link.active-item:hover {
            background-color: #5da096;
            color: #ffffff;
        }

        /* 關鍵特效：使用偽元素畫出深藍色直線，固定在最左側 */
        .sidebar-menu .nav-link.active-item::before {
            content: "";
            position: absolute;
            left: -8px; /* 剛好推回最左側 0 的位置 (抵銷 margin-left: 8px) */
            top: 0;
            bottom: 0;
            width: 3px; 
            background-color: #0050a0; 
        }

        /* 子層作用中選單 (例如：HB C2W系列) */
        .sidebar-menu .nav-item.active .nav-link {
            color: #0870bf;
            background-color: transparent;
        }
        /* --- 子選單樣式 --- */
        .sub-menu {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

        .sub-menu .nav-link {
            /* 子選單藍色文字 */
            color: #0870bf; 
            font-size: 15px;
            /* 稍微往內縮排，對齊上方文字 */
            padding: 12px 16px 12px 24px; 
        }

        .sub-menu .nav-link:hover {
            color: #0050a0;
        }
        /* --- 側邊導覽列自訂樣式 end --- */
        /* --- 麵包屑導覽樣式 --- */
        .breadcrumb-text {
            font-size: 15px;
            color: #666666;
        }
        .breadcrumb-text .active-page {
            color: #0078d4;
        }

        /* --- 搜尋框樣式 --- */
        .search-box {
            max-width: 250px;
            width: 100%;
        }
        .search-box .input-group-text {
            background-color: transparent;
            cursor: pointer;
        }
        /* --- 麵包屑導覽樣式 end --- */
        /* 分類標籤顏色 */
        .badge-tech { background-color: rgba(97, 165, 154, 0.95) !important; } /* 科技新知 (湖水綠) */
        .badge-media { background-color: rgba(166, 166, 166, 0.95) !important; } /* 媒體報導 (灰色) */
        .badge-industry { background-color: rgba(0, 112, 192, 0.95) !important; } /* 產業動態 (藍色) */
@media (min-width: 992px) {

}
@media (max-width: 991px) {

}