/*-----------滑鼠圖示動畫----------*/
.house {
    animation-name: house;
    -webkit-animation-name: house;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

@keyframes house {
    0% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(0deg);
    }
    10% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(20deg);
    }
    20% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(10deg);
    }
    20% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(20deg);
    }
    40% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(40deg);
    }
    40% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(40deg);
    }
    60% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(0deg);
    }
    70% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(-40deg);
    }
    80% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(10deg);
    }
    90% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(-20deg);
    }
    100% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes house {
    0% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(0deg);
    }
    10% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(20deg);
    }
    20% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(10deg);
    }
    20% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(20deg);
    }
    40% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(40deg);
    }
    40% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(40deg);
    }
    60% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(0deg);
    }
    70% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(-40deg);
    }
    80% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(10deg);
    }
    90% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(-20deg);
    }
    100% {
        transform: scale(1);
        opacity: 1;
        transform: rotateX(0deg);
    }
}

.view {
    animation-name: view;
    -webkit-animation-name: view;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes view {
    0% {
        transform: scale(0.90);
        opacity: 0.7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 0.7;
    }
}

@-webkit-keyframes view {
    0% {
        transform: scale(0.90);
        opacity: 0.7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 0.7;
    }
}

/*.scrollToTop {
    animation-name: scrollToTop;
    -webkit-animation-name: scrollToTop;
    animation-duration: 1.4s;
    -webkit-animation-duration: 1.4s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes scrollToTop {
    0% {
        transform: scale(0.90);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 1;
    }
}

@-webkit-keyframes scrollToTop {
    0% {
        transform: scale(0.90);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 1;
    }
}*/

.viwe_watch {
    animation-name: viwe_watch;
    -webkit-animation-name: viwe_watch;
    animation-duration: 1.4s;
    -webkit-animation-duration: 1.4s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes viwe_watch {
    0% {
        transform: scale(0.90);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 1;
    }
}

@-webkit-keyframes viwe_watch {
    0% {
        transform: scale(0.90);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 1;
    }
}