.homework,
.homework-selection {
    background-color: #fff;
}

.homework,
.homework-selection {
    background-color: #fff;
}

.homework-selection .header {
    color: #369;
    font-size: 22px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 30%;
}

.homework-selection #back {
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    padding-right: 50px;
}

.homework-selection #back a {
    color: #C90;
    text-decoration: none;
}

.homework-selection .date-homework {
    position: absolute;
    top: 180px;
    left: 250px;
    color: #369;
    font-size: 22px;
    font-weight: bold;
}

.homework-selection .nav-pills .nav-link {
    width: 112px;
    height: 110px;
    color: white;
}

.homework-selection .nav-pills .nav-link.mon {
    background-color: #ec1c24;
}

.homework-selection .nav-pills .nav-link.tue {
    background-color: #1ca7ec;
}

.homework-selection .nav-pills .nav-link.wed {
    background-color: #ec1ce2;
}

.homework-selection .nav-pills .nav-link.thu {
    background-color: #4e955d;
}

.homework-selection .nav-pills .nav-link.fri {
    background-color: #ffc000;
}

.homework-selection .nav-pills .nav-link.active {
    color: yellow !important;
}

.homework-selection .tab-pane {
    height: 640px;
    overflow-y: auto;
}

.homework-selection img {
    width: 480px;
}

.homework-selection .date-homework {
    position: absolute;
    top: 180px;
    left: 250px;
    color: #369;
    font-size: 22px;
    font-weight: bold;
}

/*開學日子時*/

/* .homework-selection p.normal {
    display: block;
}

.homework-selection p.holiday {
    display: none;
} */



/*手機版*/

@media (max-width: 767px) {

    /*開學日子時*/

    /* .homework .mobile p.normal {
        display: block;
    }

    .homework .mobile p.holiday {
        display: none;
    } */

    /*學校假期時*/

    /*    .homework .mobile p.normal {
        display: none;
    }

    .homework .mobile p.holiday {
        display: block;
    }*/

}

@media (min-width: 992px) {

    .tab .mobile,
    .homework .mobile {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .tab .mobile,
    .homework .mobile {
        display: none;
    }
}

@media (max-width: 767px) {

    .tab .desktop,
    .homework .desktop {
        display: none;
    }


    .tab .mobile,
    .homework .mobile {
        display: block;
    }

    .homework .mobile .green {
        background-color: darkgreen;
        color: white;
    }

    .homework .mobile .green h3 {
        color: white;
    }

    .homework .mobile img {
        width: 100%;
    }

    .homework .mobile .nav-link {
        width: 20%;
        height: 50px;
        font-size: 3.2vw;
        line-height: normal;
        padding: 0;
        background-color: cornsilk;
    }

    .homework .mobile .nav-link.active {
        color: #fff;
        background-color: dodgerblue;
    }



}