@charset "utf-8";
/* CSS Document */
/*device*/
        /* --- 產品卡片樣式 --- */
        .product-card {
            padding: 15px;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .product-img-box {
            background-color: #ffffff;
            padding: 20px;
            text-align: center;
            margin-bottom: 15px;
            min-height: 250px; 
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .product-img-box img {
            max-width: 100%;
            height: auto;
        }
        .product-title {
            color: #555555;
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 12px;
            letter-spacing: 0.5px;
        }

        /* --- More 連結樣式 --- */
        .more-link {
            color: #6cb0a6;
            text-decoration: none;
            font-size: 15px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            margin-top: auto; /* 讓連結永遠貼齊卡片底部 */
        }
        .more-link i {
            margin-left: 4px;
            font-size: 16px;
        }
        .more-link:hover {
            color: #538e85;
        }
/*device end*/
/*device_content*/
        /* 
         * 麵包屑容器 
         * 底部有一條灰色的分隔線
         */
        .custom-breadcrumb-container {
            border-bottom: 1px solid #c0c0c0; /* 底部灰色實線 */
            padding-bottom: 15px; /* 與底線的距離 */
            margin-bottom: 20px;
            width: 100%;
        }

        /* 
         * 修改 Bootstrap 預設的麵包屑分隔符號 
         * 使用單引號包覆 Unicode 或直接輸入字元
         */
        .breadcrumb {
            /* 使用 '＞' 作為分隔符號，並設定一點間距 */
            --bs-breadcrumb-divider: '>'; 
            margin-bottom: 0; /* 移除預設的底部外距，由容器控制 */
            font-size: 18px; /* 設定字體大小 */
            letter-spacing: 1px; /* 增加字元間距，讓排版更寬鬆 */
        }

        /* 
         * 分隔符號的顏色與樣式 
         */
        .breadcrumb-item + .breadcrumb-item::before {
            color: #888888; /* 分隔符號顏色 (灰色) */
            font-size: 16px; /* 分隔符號稍微小一點 */
            font-weight: 300; /* 較細的字體 */
            padding-left: 10px; /* 調整分隔符號左右間距 */
            padding-right: 10px;
        }

        /* 
         * 麵包屑連結項目 (非最後一個項目) 
         */
        .breadcrumb-item a {
            color: #666666; /* 預設文字顏色 (灰色) */
            text-decoration: none; /* 移除底線 */
            transition: color 0.2s ease-in-out;
        }

        .breadcrumb-item a:hover {
            color: #0870bf; /* 滑鼠懸停時變成藍色 */
        }

        /* 
         * 目前所在頁面 (最後一個項目) 
         */
        .breadcrumb-item.active {
            color: #0870bf; /* 作用中文字顏色 (藍色) */
            font-weight: 400;
        }
        /*breadcrumb end*/
        /* --- 頂部圖文區塊 --- */
        .device-img-box {
            background-color: #ffffff;
            padding: 20px;
            text-align: center;
            border: 1px solid #eeeeee;
        }
        .device-img-box img {
            max-width: 100%;
            height: auto;
        }
        .device-title {
            font-size: 22px;
            font-weight: bold;
            color: #555555;
            margin-bottom: 10px;
        }
        .title-divider {
            height: 2px;
            background-color: #71a6c8; /* 淺藍色分隔線 */
            width: 100%;
            margin-bottom: 20px;
        }
        .device-desc {
            font-size: 15px;
            line-height: 1.8;
            color: #666666;
        }

        /* --- 表格共用湖水綠顏色 --- */
        .theme-bg {
            background-color: #61a59a !important; 
            color: #ffffff !important;
        }
        .theme-bgcolor-even .theme-bg:nth-child(even) {
            background-color: #b3b3b3 !important; 
        }
        .theme-text {
            color: #61a59a !important;
        }
        .table_bottom td{
            text-align: left;
            vertical-align: top !important;
            color:#666666;
        }
        /* --- 橫向數據表格 (Table 1) --- */
        .custom-table-1 {
            border-collapse: separate;
            border-spacing: 1px; /* 創造儲存格之間的空隙 */
            background-color: #eeeeee; /* 儲存格空隙的顏色 (邊框感) */
        }
        .custom-table-1 thead th {
            font-weight: 500;
            padding: 12px;
            border: none;
        }
        .custom-table-1 tbody td {
            background-color: #ffffff;
            padding: 12px;
            vertical-align: middle;
            border: none;
        }

        /* --- 設備特點區塊 --- */
        .feature-section-title {
            font-size: 16px;
            color: #666666;
            margin-bottom: 15px;
        }
        .feature-item {
            margin-bottom: 15px;
            font-size: 15px;
        }
        .feature-title {
            color: #666666;
            margin-bottom: 4px;
        }
        .feature-desc {
            color: #666666;
        }

        /* --- 垂直規格參數表 (Table 2) --- */
        .custom-table-2 {
            border: none;
        }
        .custom-table-2 thead th {
            font-weight: 500;
            padding: 12px 20px;
            border: none;
        }
        /* 斑馬紋底色設定 */
        .custom-table-2 tbody tr:nth-child(odd) td {
            background-color: #ffffff;
        }
        .custom-table-2 tbody tr:nth-child(even) td {
            background-color: #e6e6e6;
        }
        .custom-table-2 tbody td {
            padding: 12px 20px;
            border: none;
            vertical-align: middle;
        }
        /* 第一欄 (項目) 靠左，灰色字 */
        .custom-table-2 tbody td:first-child {
            color: #555555;
            width: 25%;
        }
        /* 第二欄 (指標) 置中，湖水綠字 */
        .custom-table-2 tbody td:last-child {
            text-align: center;
        }

        /* --- 聯絡我們按鈕 --- */
        .btn-contact {
            color: #61a59a;
            background-color: transparent;
            border: 1px solid #61a59a;
            padding: 8px 30px;
            font-size: 15px;
            border-radius: 0; /* 直角邊框 */
            transition: all 0.3s;
        }
        .btn-contact:hover {
            background-color: #61a59a;
            color: #ffffff;
        }
/*device_content end*/
        .section-title {
            font-size: 18px;
            font-weight: 600;
            color: #666666;
            margin-bottom: 15px;
            letter-spacing: 1px;
        }
        .img-card {
            background-color: #ffffff;
            padding: 10px;
            margin-bottom: 15px;
            /* Remove box-shadow if a perfectly flat look is preferred */
            /* box-shadow: 0 2px 5px rgba(0,0,0,0.05); */
        }
        
        .img-card img {
            width: 100%;
            height: auto;
            display: block;
        }
        .note-text {
            color: #61a59a; /* Teal color for the note */
            font-size: 15px;
            margin-top: 10px;
            margin-bottom: 20px;
            font-weight: 500;
        }
@media (max-width: 768px) {
    .section-title { font-size: 16px; }
}
@media (min-width: 992px) {

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

}