.table-filter, .table-option {
    margin-bottom: 15px;
}

/*----------------------------table-normal----------------------------*/
.table-normal {
    font-size: 12px;
    width: 100%;
    border: 1px solid rgb(195, 206, 213);
    background-color: rgb(255, 255, 255);
}

    .table-normal th {
        text-align: left;
        background-color: rgb(244, 244, 244);
        padding: 12px 5px 12px 10px;
        color: rgb(77, 77, 77);
        background: linear-gradient(#fbfbfb, #f0f0f0);
        border-bottom: 2px solid rgb(208, 208, 208);
        border-right: 1px solid rgb(221, 221, 221);
    }

    .table-normal tr td {
        text-align: left;
        color: rgb(99, 99, 99);
        border-left: 1px solid rgb(221, 221, 221);
        border-top: 1px solid rgb(221, 221, 221);
        border-right: 1px solid rgb(221, 221, 221);
        padding: 10px 5px 10px 10px;
        min-width: 40px;
        max-width: 1000px;
    }

/*.table-normal tr:nth-child(2n) {
    background-color: rgb(255, 255, 255);
}

.table-normal tr:nth-child(2n+1) {
    background-color: rgb(249, 249, 249);
}

.table-normal tr:hover {
    background-color: rgb(236, 241, 245);
}*/

.table-normal-td-no {
    width: 40px;
}

/*----------------------------table-noborder----------------------------*/
.table-noborder {
    font-size: 12px;
    width: 100%;
}

    .table-noborder th {
        text-align: left;
        padding: 12px 5px 12px 10px;
        color: rgb(77, 77, 77);
        border-bottom: 2px solid rgb(208, 208, 208);
    }

    .table-noborder tr td {
        text-align: left;
        color: rgb(99, 99, 99);
        border-bottom: 1px solid rgb(221, 221, 221);
        padding: 10px 5px 10px 10px;
        min-width: 40px;
        max-width: 1000px;
    }

/*----------------------------table-normal----------------------------*/
.table-order {
    font-size: 12px;
    width: 100%;
    border: 1px solid rgb(195, 206, 213);
    background-color: rgb(255, 255, 255);
}

    .table-order tr td {
        text-align: left;
        color: rgb(99, 99, 99);
        border-left: 1px solid rgb(221, 221, 221);
        border-top: 1px solid rgb(221, 221, 221);
        border-right: 1px solid rgb(221, 221, 221);
        min-width: 40px;
        max-width: 1000px;
        vertical-align: top;
    }

/*----------------------------table-hskp----------------------------*/
.table-hskp {
    font-size: 12px;
    width: 100%;
    border: 1px solid rgb(195, 206, 213);
    background-color: rgb(255, 255, 255);
}

    .table-hskp th {
        text-align: center;
        background-color: #00bfff;
        padding: 12px 5px 12px 10px;
        color: #fff;
        border-bottom: 1px solid rgb(208, 208, 208);
        border-right: 1px solid rgb(221, 221, 221);
    }

    .table-hskp tr td {
        text-align: center;
        border-left: 1px solid rgb(221, 221, 221);
        border-top: 1px solid rgb(221, 221, 221);
        border-right: 1px solid rgb(221, 221, 221);
        padding: 10px 5px 10px 10px;
        min-width: 40px;
        max-width: 1000px;
    }

.table-hskp-td-no {
    width: 40px;
}

.table-hskp-td-focus {
    background-color: #fafad2;
}

.table-hskp-td-date {
    color: #fff;
    background-color: #6a5acd;
}

.table-hskp-td-period-1 {
    color: #fff;
    background-color: #00adf2;
}

.table-hskp-td-period-2 {
    color: #fff;
    background-color: #ff7f50;
}

.table-hskp-td-period-3 {
    color: #fff;
    background-color: #eb008b;
}