#pc_logo_div {
    display: block;
}

#pc_logo {
    display: inline-block;
}

#phone_logo_div {
    display: none;
}

#phone_logo {
    display: inline-block;
}


/*整個nav*/
.nav_box {
    color: black;
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: white;
}

/* 頂部紅色 */
.nav_top {
    width: 100%;
    background-color: #e50010;
}

    /* 頂部紅色的內容範圍 */
    .nav_top .member_row {
        margin: auto;
    }

    /* 頂部紅色的內容範圍的文字區塊 */
    .nav_top div {
        padding: 0 5px 0 5px;
        line-height: 40px;
        font-size: 14px;
    }


.navbar-toggle {
    display: none;
    float: right;
}


/*第一層 選單------------------------------------------------------------------------------------start*/
/* LOGO 圖 */
.nav_content .logo img {
    width: 216px;
    margin-top: -10px;
}

/* LOGO 區塊 */
.nav_content .logo {
    margin-right: 115px;
    height: 1px;
    margin-top: 3px;
}


.nav_content {
    margin: auto;
    background-color: white;
}

    /*第一層 選單內的文字方塊 */
    .nav_content div {
        float: left;
        cursor: pointer;
        height: 64px;
        padding-top: 31px;
        width: 9.5%;
        padding-left: 12px;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
    }


#nav_movie {
    width: 8.5%;
}



#nav_news {
    width: 11.5%;
}

#nav_aboutus {
    width: 8.5%;
}

#nav_special {
    width: 11%;
}



/*第一層 選單------------------------------------------------------------------------------------end*/



/*第二層選單整 row------------------------------------------------------------------------------------start*/
.sub_nav_row {
    display: none;
}


/*第二層選單*/
.sub_nav {
    background-color: #cccccc;
    color: black;
    height: 68px;
    margin-top: 0px;
}


    /*第二層 選單內的所有 div */
    .sub_nav div {
        padding-top: 7px;
        padding-bottom: 5px;
        height: 43px;
    }



/*第二層 選單內的文字方塊 */
.sub_nav_col {
    text-align: center;
    width: 140px;
    padding-top: 4px;
}


#booking {
    margin-left: 22%;
    width: 77%;
}

#member {
    margin-left: 18%;
    width: 87%;
}

#movie {
    margin-left: 32%;
    width: 70%;
}

#news {
    margin-left: 40%;
    width: 70%;
}

#aboutus {
    margin-left: 40%;
    width: 66%;
}

#special {
    margin-left: 32%;
    width: 72%;
}


/*第二層選單整 row------------------------------------------------------------------------------------end*/




@media only screen and (max-width: 1030px) {
    /*ipad */
    #pc_logo_div {
        display: none;
    }

    #pc_logo {
        display: none;
    }

    .sub_nav {
        display: none;
    }

    #phone_logo_div {
        display: inline-block;
    }

    #phone_logo {
        display: inline-block;
    }


    .navbar-toggle {
        display: initial;
        float: right;
        background-color: white;
        border: none;
        font-size: 27px;
        color: black;
        margin-top: -5px;
        margin-right: 12px;
    }

    .nav_top div {
        padding: 0 5px 0 5px;
        line-height: 11px;
        font-size: 14px;
    }

    .nav_content .logo {
        margin-right: 115px;
        height: 34px;
        margin-top: 16px;
    }

    .nav_content div {
        float: none;
        cursor: pointer;
        height: 48px;
        padding-top: 11px;
        width: 97.5%;
        padding-left: 12px;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
    }

    #nav_movie {
        width: 95.5%;
    }


    #nav_news {
        width: 95.5%;
    }

    #nav_aboutus {
        width: 95.5%;
    }

    #nav_special {
        width: 95.5%;
    }



    .sub_nav div {
        padding: 5px;
        height: 46px;
        float: none;
        width: 100%;
    }

    .nav_content {
        margin: auto;
        background-color: white;
        width: 100%;
        float: left;
    }

    .sub_nav {
        background-color: #cccccc;
        color: black;
        height: 411px !important;
        width: 50%;
        position: absolute;
        right: 0;
        top: 99px;
        margin-top: unset;
    }

    #booking {
        margin-left: unset;
        width: 100%;
    }

    #member {
        margin-left: unset;
        width: 100%;
    }

    #movie {
        margin-left: unset;
        width: 100%;
    }

    .sub_nav_col {
        text-align: left;
        width: 140px;
        padding-top: 4px;
    }

    #news {
        margin-left: unset;
        width: 100%;
    }

    #aboutus {
        margin-left: unset;
        width: 100%;
    }

    #special {
        margin-left: unset;
        width: 100%;
    }

    #rwd_red_row .col {
        margin-top: 8px;
    }

        #rwd_red_row .col img {
            margin-top: 8px;
            padding-top: unset !important;
            margin-top: -4px !important;
        }

    #rwd_red_row {
        margin-bottom: 6px;
    }
}


@media only screen and (max-width: 420px) {
    /*iphone8+*/
    #pc_logo_div {
        display: none;
    }

    #pc_logo {
        display: none;
    }

    .sub_nav {
        display: none;
    }
    #phone_logo_div {
        display: inline-block;
    }

    #phone_logo {
        display: inline-block;
    }


    .navbar-toggle {
        display: initial;
        float: right;
        background-color: white;
        border: none;
        font-size: 27px;
        color: black;
        margin-top: -5px;
        margin-right: 12px;
    }

    .nav_top div {
        padding: 0 5px 0 5px;
        line-height: 11px;
        font-size: 14px;
    }

    .nav_content .logo {
        margin-right: 115px;
        height: 34px;
        margin-top: 16px;
    }

    .nav_content div {
        float: none;
        cursor: pointer;
        height: 48px;
        padding-top: 11px;
        width: 97.5%;
        padding-left: 12px;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
    }

    #nav_movie {
        width: 95.5%;
    }


    #nav_news {
        width: 95.5%;
    }

    #nav_aboutus {
        width: 95.5%;
    }

    #nav_special {
        width: 95.5%;
    }



    .sub_nav div {
        padding: 5px;
        height: 46px;
        float: none;
        width: 100%;
    }

    .nav_content {
        margin: auto;
        background-color: white;
        width: 100%;
        float: left;
    }

    .sub_nav {
        background-color: #cccccc;
        color: black;
        height: 411px !important;
        width: 50%;
        position: absolute;
        right: 0;
        top: 99px;
        margin-top: unset;
    }

    #booking {
        margin-left: unset; 
        width: 100%;
    }

    #member {
        margin-left: unset;
        width: 100%;
    }

    #movie {
        margin-left: unset;
        width: 100%;
    }

    .sub_nav_col {
        text-align: left;
        width: 140px;
        padding-top: 4px;
    }

    #news {
        margin-left: unset;
        width: 100%;
    }

    #aboutus {
        margin-left: unset;
        width: 100%;
    }
    #special {
        margin-left: unset;
        width: 100%;
    }

    #rwd_red_row .col {
        margin-top: 8px;
    }

        #rwd_red_row .col img {
            margin-top: 8px;
            padding-top: unset !important;
            margin-top: -4px !important;
        }

    #rwd_red_row {
        margin-bottom: 6px;
    }
}