/* BASIC css start */
/* µî±Þ ÇýÅà */
.grade {
    margin: 50px 0;
    padding-bottom:100px;
}

.grade table {
    width: 100%;
}

.grade table th,
.grade table td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px;
    border: 1px solid #eaeaea;
    word-break: keep-all;
}

.grade table thead th {
    background-color: #4e4e4e;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    border: 1px solid #fff;
}

.grade table tbody th {
    background-color: #eaeaea;
    font-weight: bold;
    color: #000;
}

.grade table tbody tr.on td {
    background-color: #faf7f5;
}

.grade table tbody tr td:nth-child(2).on {
    background-color: #fafafa;
}

.grade table tbody tr td:nth-child(3).on {
    background-color: #f7f6fc;
}

.grade table tbody tr td:nth-child(4).on {
    background-color: #fef9f5;
}

.grade table tbody tr td:nth-child(5).on {
    background-color: #f7f9f4;
}

.grade table:last-child tbody tr td:nth-child(2).on {
    background-color: #f5f5ff;
}

.grade table:last-child tbody tr td:nth-child(3).on {
    background-color: #f6f0f8;
}

.grade table:last-child tbody tr td:nth-child(4).on {
    background-color: #fbefef;
}

.grade table:last-child tbody tr td:nth-child(5).on {
    background-color: #eee;
}


/* BASIC css end */