/* 電燈泡動態 */
/* 
.bulb {
    width: 100px;
    height: 100px;
    background-image: url(../images/bulb.png);
    animation: bulb 1s steps(2) infinite;
    position: absolute;
    right:555px;
    top:111px;
}

@keyframes bulb {
    from { background-position:   0px; }
     to { background-position: -200px; }
} */











/*主視覺gopage按鈕*/

/* .gopage_btn{    width: 50px; height: 50px; text-align: center; display: block; position: absolute; right:90px; top:38%;}
.gopage_btn img{width: 100%;}
.gopage_btn::before{content: "";width: 50px;height: 50px;border-radius: 50px;text-align: center;display: block;position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 0;transition: all  1s linear;animation: cir1 2s infinite 0.5s;}
.gopage_btn::after{content: "";border-radius: 80px;text-align: center;display: block;position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 0;transition: all  1s linear;animation: cir2 2s infinite 0.5s;} */

/* 
@keyframes cir1 {
    0% {
        opacity: 0;
        border: 3px #db5b72 solid;
    }
    80% {
        opacity: 1;
        border: 3px #db5b72 solid;
    }
    100% {
        opacity: 0;
        border: 4px #db5b72 solid;
    }
} */

/* @keyframes cir2 {
    0% {
        opacity: 0;
        width: 50px;height: 50px;
        border: 2px #db5b72 solid;
    }
    80% {
        opacity: 1;
        width: 80px;height: 80px;
        border: 4px #db5b72 solid;
    }
    100% {
        opacity: 0;
    }
} */

/* 地球 */

/* .earth > img{
    transform-origin: center center;animation: earth 100s infinite linear ;
} 

 @keyframes earth {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}  */

.title_btn {
    text-align: center;
    margin: 40px auto 0;
    width: 70%;
    animation: down 1.5s infinite;
    transition: 1s all;
}

@keyframes down {
    0% {
        transform: translate3d(0, -20px, 0);
    }
    20% {
        transform: translate3d(0, 20px, 0);
    }
    40% {
        transform: translate3d(0, -20px, 0);
    }
    100% {
        transform: translate3d(0, -20px, 0);
    }
}