/* iPad large*/

@media only screen and (min-width: 612px) and (max-width: 768px) {

    /*透明方塊*/
    .container{
        width: 170px;
        font-size: 24px;
        letter-spacing: 1px;

    }

    .container a{
        width: 170px;
        padding: 70px 0px;

    }

    .article_menu{

        width: 100%;
        text-align: center;
        display: block;

    }

    .hover{
        font-size: 22px;
        line-height: 26px;

    }

}


/* iPad small*/

@media only screen and (min-width: 480px) and (max-width: 611px) {


    .logo_menu {
        width: 100px;
        height: 116px;
        background-size: 100px 116px;
        text-align: center;
        margin-right:20px;
        margin-top: 25px;
    }

    .logo_menu a {
        width: 100px;
        height: 116px;
        display: block;
        outline: none;
        text-align: center;
        margin-right:20px;
        margin-top: 25px;
    }


    .menu_icon_menu{
        width: 30px;
        height: 25px;
        background-image: url("../images/menu_icon.png");
        background-repeat:no-repeat;
        background-size: 30px 25px;
        display: inline-block;
        cursor: pointer;
        margin: 100px 80px auto auto;

        vertical-align: top;
        float: right;
        opacity: 1;
    }





    /*透明方塊*/
    .container{
        width: 120px;
        font-size: 16px;
        margin: 15px;

    }

    .container a{
        width: 120px;
        padding: 51px 0px;

    }

    .article_menu{

        width: 100%;
        margin: 5vh auto 0px auto;
        text-align: center;
        display: block;

    }

    .hover{
        font-size: 14px;
        line-height: 18px;

    }

}






/* Smart Phone*/
@media only screen and (max-width: 480px) {

    .header_menu{
        text-align: center;

    }

    .logo_menu {
        width: 130px;
        height: 151px;
        background-size: 130px 151px;
        text-align: center;
        margin-right:20px;
        margin-top: 25px;
        float: none;
    }

    .logo_menu a {
        width: 130px;
        height: 151px;
        display: block;
        outline: none;
        text-align: center;
        margin-right:20px;
        margin-top: 25px;
    }


    .menu_icon_menu{
        width: 40px;
        height: 33px;
        background-image: url("../images/menu_icon.png");
        background-repeat:no-repeat;
        background-size: 40px 33px;
        display: inline-block;
        cursor: pointer;
        margin-right:0px;
        margin-top: 110px;

        vertical-align: top;
        float: none;
        opacity: 1;
    }



    /*透明方塊*/
    .container{
        width: 120px;
        font-size: 16px;
        margin: 15px;

    }

    .container a{
        width: 120px;
        padding: 51px 0px;

    }

    .article_menu{

        width: 100%;
        margin: 5vh auto 0px auto;
        text-align: center;
        display: block;

    }

    .hover{
        font-size: 14px;
        line-height: 18px;

    }

}