@font-face { font-family: "Times Newer Roman"; src: url('TimesNewerRoman-Regular.otf'); }
@font-face { font-family: "Courier Prime"; src: url('CourierPrime-Regular.ttf'); }
/*.pace {*/
/*    -webkit-pointer-events: none;*/
/*    pointer-events: none;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    user-select: none;*/
/*}*/

/*.pace-inactive {*/
/*    display: none;*/
/*}*/

/*.pace .pace-progress {*/
/*    background-color: white;*/
/*    position: fixed;*/
/*    !*z-index: 0;*!*/
/*    top: 0;*/
/*    right: 100%;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*}*/
html,body {
    /*cursor: url(arrow.png), auto;*/
    /*position: fixed;*/
    /*overflow-y: scroll;*/
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    /*display: flex;*/
    /*background: linear-gradient(#86888C 80%, #E9E7EB 100%);*/
    /*background-attachment: fixed;*/
    /*transition: background-color 0s;*/
}
a, p, div {
    text-decoration: none;
    font-family: Helvetica,"Helvetica Neue",Arial,'Noto Sans CJK SC', 'Source Han Sans SC', ‘Source Han Sans’, source-han-sans-sc,"黑体",sans-serif;
    font-weight: bold;
    line-height: 18px;
    /*letter-spacing: 0.1px;*/
    color: #8b8888;
    /*hyphens: auto;*/
    /*-webkit-hyphens: auto;*/
    /*-moz-hyphens: auto;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
}
::selection {
    background: grey;
}
::-moz-selection {
    background: grey;
}
::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}

.theimg{
    width: auto;height: 100%;top: 0;left: 0;
    position: fixed;

    animation-play-state: running;
}
.img1{
    animation: moving 20s infinite linear ;
}
.img2{
    animation: moving1 20s infinite linear;
    /*animation-delay: 20s;*/
}
.theimg:hover{
}
.pauseButton{
    position: fixed;
    left: 3vw;top: 3vw;
    width: 5vw;height: 5vw;
    background-color: #ffffff;
    transition-duration: 0.5s;
    mix-blend-mode: difference;
}
.pauseButton:hover, .info:hover{
    background-color: #de0000;
    border-color:#de0000;
}
.info{
    position: fixed;right: 3vw;top: 3vw;padding-left: 1.25vw;
    width: 4vw;height: 5vw;
    border: #ffffff solid 0.5vw;
    mix-blend-mode: difference;
}
.point{
    /*position: absolute;*/
    width: 0.5vw;height: 0.5vw;margin-right: 0.5vw;margin-top: 2.25vw;
    border-radius: 50%;float: left;
    background-color: #ffffff;
}
.text{
    position: fixed;
    color: white;mix-blend-mode: difference;
    font-size: 3vh;line-height: 4vh;top: 50%;
    transform: translateY(-50%);
    display: none;
}
@media screen and  (min-width: 500px) and (max-width: 1000px) {
}
@media (min-aspect-ratio: 1/1){
    .text {
        font-size: 3.5vw;
        line-height: 5.5vw;
    }
}
@keyframes moving {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes moving1 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}