/*內頁banner*/
.banner_wg_bk {
    width: 75%;
    max-width: 1450px;
}

.banner_wg_bk img.pagett {
    width: 60%;
    left: -5%;
}

.banner_wg_bk img.tv {
    width: 31%;
    right: 4%;

}

/*內頁船的動態*/
@media screen and (max-width: 1920px) {




    /*船3*/
    @keyframes manboat {
        0% {
            -moz-transform: scale(0.9);
            transform: scale(0.9);
            right: 30%;
            opacity: 1;
            bottom: 0px;
        }

        100% {
            -moz-transform: scale(.9);
            transform: scale(.9);
            right: 20%;
            opacity: 1;
            bottom: 0px;
        }
    }

}

@media screen and (max-width: 1700px) {
    .banner_wg {
        height: 690px;
        background-size: contain;
    }



    /*船3*/
    @keyframes manboat {
        0% {
            -moz-transform: scale(0.9);
            transform: scale(0.9);
            left: 50%;
            opacity: 1;
            bottom: 0px;
        }

        100% {
            -moz-transform: scale(.9);
            transform: scale(.9);
            left: 60%;
            opacity: 1;
            bottom: 0px;
        }
    }

}

@media screen and (max-width: 1600px) {
    .banner_wg {
        height: 650px;
    }



    /*船3*/
    @keyframes manboat {
        0% {
            -moz-transform: scale(0.9);
            transform: scale(0.9);
            left: 10%;
            opacity: 1;
            bottom: -90px;
        }

        100% {
            -moz-transform: scale(.9);
            transform: scale(.9);
            left: 20%;
            opacity: 1;
            bottom: -90px;
        }
    }

}

@media screen and (max-width: 1400px) {
    .banner_wg {
        height: 560px;
    }

}

@media screen and (max-width: 1200px) {

    .banner_wg_bk {
        width: 80%;
        top: 50px;
    }

    /*左邊鳥*/
    @keyframes warn {
        0% {
            -moz-transform: scale(0.4);
            transform: scale(0.4);
            left: 5%;
            opacity: 1;
            top: 50px;
        }

        100% {
            -moz-transform: scale(.7);
            transform: scale(.7);
            left: 0;
            opacity: 1;
            top: 10px;
        }

    }

    /*熱氣球*/
    @keyframes warn2 {
        0% {
            -moz-transform: scale(0.5);
            transform: scale(0.5);
            right: 60px;
            opacity: 1;
            top: 60px;
        }

        100% {
            -moz-transform: scale(.7);
            transform: scale(.7);
            right: 0px;
            opacity: 1;
            top: 20px;
        }

    }




    /*划船*/
    @keyframes manboat {
        0% {
            -moz-transform: scale(0.7);
            transform: scale(0.7);
            left: 20%;
            opacity: 1;
            bottom: -50px;
        }

        100% {
            -moz-transform: scale(.7);
            transform: scale(.7);
            left: 30%;
            opacity: 1;
            bottom: -50px;
        }
    }
}

@media screen and (max-width: 992px) {
    .banner_wg {
        height: 400px;
    }

    .man {
        display: none;
    }




}

@media screen and (max-width: 850px) {
    .man {
        display: none !important;
    }

    .banner_wg {
        height: 340px;
    }



    /*左邊鳥*/
    @keyframes warn {
        0% {
            -moz-transform: scale(0.4);
            transform: scale(0.4);
            left: 50px;
            opacity: 1;
            top: 20px;
        }

        100% {
            -moz-transform: scale(.6);
            transform: scale(.6);
            left: 0px;
            opacity: 1;
            top: 10px;
        }

    }


    /*熱氣球*/
    @keyframes warn2 {
        0% {
            -moz-transform: scale(0.4);
            transform: scale(0.4);
            right: 10%;
            opacity: 1;
            top: 10px;
        }

        100% {
            -moz-transform: scale(.5);
            transform: scale(.5);
            right: 5%;
            opacity: 1;
            top: -10px;
        }

    }
}

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

    .banner_wg {
        height: 310px;
    }

    .banner_wg_bk img.pagett {
        width: 70%;
        left: -5%;
        margin-top: -15px;
    }



}

@media screen and (max-width: 650px) {
    .banner_wg {
        height: 260px;
    }

    /*熱氣球*/
    @keyframes warn2 {
        0% {
            -moz-transform: scale(0.4);
            transform: scale(0.4);
            right: 5%;
            opacity: 1;
            top: 10px;
        }

        100% {
            -moz-transform: scale(.5);
            transform: scale(.5);
            right: 0%;
            opacity: 1;
            top: -20px;
        }

    }


}

@media screen and (max-width: 600px) {
    .banner_wg {
        height: 240px;
    }

    .banner_wg_bk {
        top: 35px;
    }

    /*左邊鳥*/
    @keyframes warn {
        0% {
            -moz-transform: scale(0.4);
            transform: scale(0.4);
            left: 50px;
            opacity: 1;
            top: 10px;
        }

        100% {
            -moz-transform: scale(.6);
            transform: scale(.6);
            left: 0px;
            opacity: 1;
            top: 0px;
        }

    }

    /*熱氣球*/
    @keyframes warn2 {
        0% {
            -moz-transform: scale(0.6);
            transform: scale(0.6);
            right: 15%;
            opacity: 1;
            top: 10px;
        }

        100% {
            -moz-transform: scale(.7);
            transform: scale(.7);
            right: 5%;
            opacity: 1;
            top: 0px;
        }

    }


}

@media screen and (max-width: 500px) {
    .banner_wg {
        height: 205px;
    }

}

@media screen and (max-width: 450px) {}

@media screen and (max-width: 420px) {
    .banner_wg {
        height: 170px;
    }

}

@media screen and (max-width: 400px) {
    .banner_wg {
        height: 160px;
    }

}