
@media screen and (max-width: 1920px) {
    /*banner*/
    .banner_pcBox {
        display: block;
        width: 100%;
    }

    .banner_img_m img {
        display: none;
    } 
    
}

@media screen and (max-width: 1600px) {
    /*banner*/
    .w-title img, .w-rabbit img {
        width: 50%;
    }
     
}


@media screen and (max-width: 1440px) {
    /*banner*/
    .w-title img, .w-rabbit img {
        width: 100%%;
    }  
     
     
}



@media screen and (max-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    
    
}




@media screen and (max-width: 1024px) {
    /*banner*/
    .banner_pcBox {
        display: block;
    }

    .banner_img_m img {
        display: none;
        width: 100%;
    }  

    /*menu*/
    ul.navBar li a {
        font-size: 1.3em;
        line-height: 55px;
        height: 55px;
    }

    .title h3 {
        font-size: 2.2em; 
        margin-top:30px;  
    }
    






}


@media screen and (max-width: 768px) {
    .banner_img_pc img {
        display: none ;
        width: 100%
    }

    .firework.wow {
        display: none;    
    }

    .banner_img_m img {
        display: block;
    }   

    /*
    ul.navBar {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    */

    ul.navBar, .navigationArea {
        /*
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        */

        white-space: nowrap;
        overflow: auto;
    }

    /*
    .setop.navbar-default{
        width: 100%;
        position: fixed;
        z-index: 21;
        top: 0;
    }
    .banner-layout{
        margin-top: 39px; 
    }*/


    .default{
        display: none;
    }

    .title h3 {
        font-size: 2.2em; 
        margin-top:20px;  
    }


/*標左右icon*/
/*
.title::before{
    display: none;
}

.title::after{
    display: none;
}
*/


}

@media screen and (max-width: 480px) {
    .content {
        margin-top: 1.5em;
    }

/*標左右icon*/
/*
.title::before{
    display: none;
}

.title::after{
    display: none;
}

*/



}
