.w3-table-all a {
    text-decoration: none;
}

.odd-table-container {
    font-family: Arial, Helvetica, sans-serif;
    word-break: break-all;
    -ms-word-break: break-all;
    white-space: normal;
    line-height: 160%;
}
.odd-table-container-color {
    color: var(--odd-darkblue);
    font-weight: 400;
}
.odd-table-container-color:hover, .odd-table-container-color:focus {
    color: var(--odd-sort);
    font-weight: 500;
}

.odd-thead-basic-block, .odd-tbody-basic-block {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fit, minmax(32px 1fr));
}
@media only screen and (max-width:601px) { 
    .odd-hide-small {
        display: none !important;
    }
    /*手機版樣式控制*/
    .odd-block-im {
        display: grid !important;
        grid-template-columns: 1.5fr 3fr;
        gap: 0;
        background-color: rgb(250, 250, 250);
    }
    .odd-block-im::before {
        content: attr(data-table-m-title);
        display:grid;
        /* border-right: 1px solid var(--odd-save); */
        margin-right:0.5em !important;
        color: var(--odd-light);
        font-weight: bold;
        background-color: var(--odd-table-th) !important;
        margin:-8px 0px -8px -8px;
        padding:8px 0px 8px 8px
    }
    .odd-td-basic-4, .odd-td-4col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr;
        column-gap: 6px;
        word-break: break-word;
    }
    .odd-td-8col-selflearning-manage-list, .odd-td-7col-selflearning-manage-list, .odd-th-viewactivity, .odd-td-viewactivity {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr;
        /* gap: 5px; */
        word-break: break-word;
    }
    .w3-table-all td:first-child{
        padding-left:8px !important;
    }
    /*手機版樣式控制*/
    .odd-table-block {
        display:grid !important;
        grid-template-columns: 1fr;
        width:100%;
        padding:6px;
        margin: auto;
       
    }
    .odd-tbody {
        display: grid !important;
        grid-template-columns: 1fr 2fr;
    }
    .odd-booking-td td {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }
    .odd-booking-th th {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }
    
}
@media screen and (max-width:1023px) and (min-width:602px) {
    .odd-hide-small {
        display: none !important;
    }
    .odd-block-im {
        display: grid !important;
        grid-template-columns: 1.5fr 3fr;
        gap: 0;
        background-color: rgb(250, 250, 250);
    }
    .odd-block-im::before {
        content: attr(data-table-m-title);
        display:grid;
        /* border-right: 1px solid var(--odd-save); */
        margin-right:0.5em !important;
        color: var(--odd-light);
        font-weight: bold;
        background-color: var(--odd-table-th) !important;
        margin:-8px 0px -8px -8px;
        padding:8px 0px 8px 8px
    }
}

@media screen and (max-width:1024px) and (min-width:602px) {
    .w3-table-all td:first-child {
        padding-left:0 !important;
    }
    .w3-table-all td {
        padding-left:0 !important;
    }
    .odd-table-basic-block, .odd-table-block {
        display:grid !important;
        grid-template-columns: 1fr;
        width:100%;
        padding:6px;
        margin: auto;
       
    }
    .odd-tbody {
        display: grid !important;
        grid-template-columns: 1fr 3fr;
    }
    .odd-booking-td td {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }
    .odd-booking-th th {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }
    
    
}

@media screen and (max-width:1180px) and (min-width:1025px) { 

    .odd-table-basic-block, .odd-table-block {
        display:grid !important;
        grid-template-columns: 1fr;
        width:100%;
        padding:6px;
        margin: auto;
    }
    .odd-th-8col-selflearning-manage-list, .odd-td-8col-selflearning-manage-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-viewactivity, .odd-td-viewactivity {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:.5fr 1fr 2fr 2fr 2fr 1fr 1fr;
        gap: .5em;
        word-break: break-word;
    }
    .odd-tbody {
        display: grid !important;
        grid-template-columns: 1fr 5fr;
    }
    .odd-booking-td td {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }
    .odd-booking-th th {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }
    .odd-block-im {
        display: grid !important;
        grid-template-columns: 1.5fr 3fr;
        gap: 0;
        background-color: rgb(250, 250, 250);
    }
    .odd-block-im::before {
        content: attr(data-table-m-title);
        display:grid;
        /* border-right: 1px solid var(--odd-save); */
        margin-right:0.5em !important;
        color: var(--odd-light);
        font-weight: bold;
        background-color: var(--odd-table-th) !important;
        margin:-8px 0px -8px -8px;
        padding:8px 0px 8px 8px
    }
    
}
@media screen and (max-width:1920px) and (min-width:1181px) { 
    /* 首頁新聞 4 col*/
    .odd-table-basic-block, .odd-table-block-4col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns: repeat(1, minmax(550px, 1fr));
        gap: 0px;
        /* margin-top: 16px; */
    }
    .odd-tbody-4col {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fit, minmax(32px 1fr));
    }
    .odd-th-4col, .odd-td-4col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1.15fr 2fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-4col {
        color: var(--odd-login);
        font-weight: bold;
    }
    .odd-tbody-8col-selflearning-manage-list {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fit, minmax(32px 1fr));
    }
    .odd-th-8col-selflearning-manage-list, .odd-td-8col-selflearning-manage-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:.8fr .8fr .8fr 1fr 1fr 1fr .8fr 1.25fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-8col-selflearning-manage-list {
        color: var(--odd-login);
        font-weight: bold;
    }
    .odd-th-7col-selflearning-manage-list, .odd-td-7col-selflearning-manage-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:.5fr 1fr 2fr 2fr 2fr 1fr 1fr;
        gap: .5em;
        word-break: break-word;
    }
    .odd-th-viewactivity, .odd-td-viewactivity {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1.5fr 1.5fr 2fr 2fr .8fr .8fr .8fr;
        gap: .5em;
        word-break: break-word;
    }
    .odd-th-7col-selflearning-setting-list, .odd-td-7col-selflearning-setting-list {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr 1fr 2fr 2fr 1fr .5fr 1fr;
        gap: .5em;
        word-break: break-word;
    }
    .odd-th-7col-selflearning-manage-list {
        color: var(--odd-login);
        font-weight: bold;
    }
    
    .odd-th-lijia-green-4col, .odd-td-lijia-green-4col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1.15fr 2fr 2fr 2fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-lijia-green-process-7col, .odd-td-lijia-green-process-7col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:2fr 1.5fr 1.5fr 2fr 2fr 2fr 2fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-th-lijia-green-process-1col {
        display: grid !important;
        margin: auto;
        width: 100%;
        grid-template-columns:1fr 1fr ;
        gap: 5px;
        word-break: break-word;
    }
    /**/
    .odd-table-block {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns: repeat(1, minmax(1000px, 1fr));
        gap: 0px;
        margin-top: 16px;
    }
    .odd-tbody {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fit, minmax(32px 1fr));
    }
    .odd-th, .odd-td {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns:0.8fr 1fr 1fr 1fr 2fr 1fr 3fr 1.2fr 1.5fr 1.5fr 1.5fr 1.5fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-booking-th, .odd-booking-td {
        display: grid ;
        margin: auto;
        width: 100%;
        grid-template-columns: 0.6fr 3fr 1.5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1.2fr 1.5fr;
        gap: 0px;
        word-break: break-word;
    }
    .odd-booking-manage-th, .odd-booking-manage-td {
        display: grid ;
        margin: auto;
        width: 100%;
        grid-template-columns: 0.6fr 4fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 1px;
        word-break: break-word;
    }
    /*.odd-table-block td {
        display: flex !important;
        margin: auto;
        width:100%;
        grid-template-columns: 1fr;
        gap: 6px;
        word-break: break-all;
    }*/
    .odd-table-block-ui-namelist {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns: repeat(1, minmax(400px, 1fr));
        gap: 5px;
        margin-top: 16px;
    }
    .odd-table-block-ui-namelist-tr {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns:0.5fr 1fr 1fr 1fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-table-block-ui {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns: repeat(1, minmax(400px, 1fr));
        gap: 5px;
        margin-top: 16px;
        
    }
    .odd-table-block-ui tr {
        display: grid;
        margin: auto;
        width: 100%;
        grid-template-columns:0.5fr 2fr 4fr 0.8fr;
        gap: 5px;
        word-break: break-word;
    }
    .odd-table-block-ui tr:first-child{
        justify-items: flex-start;
    }
    .odd-table-block-ui a{
        text-decoration: none;
        cursor: pointer;
        color:var(--odd-text-dark)
    }
    .odd-table-block-ui a:hover{
        text-decoration: none;
        cursor: pointer;
        color:var(--odd-red)
    }
}
@media only screen and (min-width:1921px) { }