/*student B*/
@media screen and (min-width: 481px) {

    /* 平板 */


    #Banner {
        height: 556px;
        background: url("images/tablet/Banner.png") no-repeat;
        background-size: auto;
        justify-content: flex-start;
    }

    #Banner .container {
        background-color: transparent;
        width: 60%;
        height: 70%;
        margin: 20px;

    }

    .hero-title {
        font-size: 3rem;
    }

    .btn {
        padding: 20px;
        font-size: 1rem;
    }



    .work li {
        width: 70%;
    }




    .container {
        width: 90%;
    }

    .article_card_sets {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .article_card {
        width: 48%;
    }

    .article_text {
        width: 50%;
        /* margin: auto; */
    }

    .article_img {
        height: 200px;
    }
}


@media screen and (min-width: 700px) {

    /* Header  */
    header {
        position: relative;
        z-index: 1;
        box-shadow: 0 0 15px #d4d4d4;
    }

    header .container {
        margin: auto;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    .menu {
        display: none;
    }

    .navbar {
        width: 70%;
    }


    .navbar ol {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .navbar li {
        border-bottom: 0;
    }

    .navbar a {
        background-color: transparent;

    }

    /* Header End */

    #Work .container {
        width: 90%;
    }

    #Work ol {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .work li {
        width: 32%;
    }

    .work li:nth-child(3) {
        height: 200px;
    }
}