/*
    .siteBackTable 
    for table
    未避免table受到main-2.css的container樣式影響table,使table寬度被強制產生scroll bar

*/

.siteBackTable table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed; /* 讓欄寬可預先分配，避免被內容撐爆 */
    border-collapse: collapse; /* 避免額外邊距造成 1px 溢出 */
    box-sizing: border-box; /* 讓 padding/border 計入寬度，更穩定 */
}

/* 2) 儲存格：允許斷行 */
.siteBackTable th,
.siteBackTable td {
    word-break: break-word; /* 或 overflow-wrap:anywhere; 任選其一即可 */
    overflow-wrap: anywhere;
    min-width: 0; /* 保險：避免某些元件把格子撐寬 */
}

    /* 3) 格子內的常見撐寬元件：限制最大寬度 */
    .siteBackTable td > * {
        max-width: 100%;
        box-sizing: border-box;
    }

.siteBackTable img,
.siteBackTable svg,
.siteBackTable input,
.siteBackTable select,
.siteBackTable textarea {
    max-width: 100%;
}

/* 4) 若你的父層（或 grid 容器）有設定 overflow:auto，先關掉水平捲軸 */
.siteBackTable {
    overflow-x: hidden; /* 視需要；若你要保留橫向捲軸就拿掉 */
}




.siteBackDropdown1 {
    padding: 10px 16px !important;
    box-sizing: border-box;
    border: 1px solid #dae2ec;
    color: #838383;
    font-size: 16px;
    min-width: 0;
    max-width: 100%;
}

.siteBackDropdown1 option {
    cursor: pointer;
    padding: 8px 12px;
    box-sizing: border-box;
    color: #222;
}

.siteBackDropdown2 {
    border: 1px solid #dae2ec;
    padding: 7px 16px !important;
    color: #838383;
    position: relative;
    border-radius: 6px;
}
.siteBackDropdown2 option {
    cursor: pointer;
    padding: 8px 12px !important;
    box-sizing: border-box;
    color: #222;
}

/*客製a標籤disabled*/
.disabled-link {
    pointer-events: none !important; /* 無法點擊 */
    opacity: 0.5 !important; /* 變淡呈現 disabled */
    cursor: not-allowed !important; /* 游標變回預設 */
}