.kv,
.kv-inner {
    margin-top: 65px;
    /* 解決fixed-top遮蓋問題 */
}

.kv {
    position: relative;
    z-index: 1;
}

.kv-slogan {
    position: absolute;
    z-index: 2;
    width: 34vw;
    top: 30%;
    left: 5%;
    /* animation: move 4s infinite; */
}

/* @keyframes move {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
} */
@media screen and (max-width:1800px) {

    .kv-slogan {
        width: 30vw;
        top: 27%;
        left: 5%;
    }

    /* @keyframes move {
        0% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(10px);
        }
    
        100% {
            transform: translateY(0);
        }
    } */
}

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

    .kv-slogan {
        width: 37vw;
    }
}

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

    .kv-slogan {
        width: 34vw;
    }

    .kv {
        margin-top: 100px;
        /* 解決fixed-top遮蓋問題 */
    }
}

@media screen and (max-width:991px) {
    .kv {
        margin-top: 70px;
        /* 解決fixed-top遮蓋問題 */
    }
}

@media screen and (max-width:800px) {
    .kv-slogan {
        top: 32%;
    }

    /* @keyframes move {
        0% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(8px);
        }
    
        100% {
            transform: translateY(0);
        }
    } */
}


@media screen and (max-width:767px) {
    .kv-slogan {
        background-image: none;
    }
}