:root {
    --main: #28618c;
}

.bg-main {
    background-color: var(--main);
}

.main {
    color: var(--main);
}

.rotate-icon {
    transition: transform 0.25s ease;
}

.rotate-icon.rotated {
    transform: rotate(180deg);
}

.rotate-90-ccw {
    transform: rotate(-90deg);
    transform-origin: center center;
    transition: transform 0.3s ease;
}

table.table-index {
    border-collapse: separate;
    /* sticky 必須 */
    border-spacing: 0;
    /* min-width: 1000px; */
    /* 視欄位數調整 */
}

.sticky-col {
    position: sticky;
    left: 0;
    z-index: 2;
    /* 蓋住其他欄位 */
    background: #fff;
    /* 避免底下文字透出 */
}

/* 表頭要比 td 高一層 */
thead .sticky-col {
    z-index: 3;
}