html,body {
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    -webkit-overflow-scrolling: touch;
}
a, p, div {
    text-decoration: none;
    font-family: "Times New Roman","Times","Times Newer Roman","Songti SC","宋体",STSong, Simsun,'Noto Serif CJK SC', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc,TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-weight: 400;
    line-height: 18px;
    color: #ffffff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
}
::selection {
    background: none;
}
::-moz-selection {
    background: none;
}
::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}

/*.dollframe{*/
/*    position: fixed;*/
/*    height: 100vh;*/
/*    width: 48.2vh;*/
/*    left: 50%;top: 0;*/
/*    transform: translate(-50%,0);*/
/*}*/

.top{
    position: fixed;
    width: 100%;height: 50%;top: 0;
}
.bttm{
    position: fixed;
    width: 100%;height: 50%;bottom: 0;
}

.topHalf{
    width: 48.2vh;
    left: 50%;
    transform: translate(-50%,0);
    position: absolute;
    top: 0;
    height: 50vh;
}
.bttmHalf{
    width: 48.2vh;
    left: 50%;
    transform: translate(-50%,0);
    position: absolute;
    bottom: 0;
    height: 50vh;
}

.text{
    position: absolute;
    width: 20vw;left: 50%;top: 50%;
    transform: translate(-50%,-50%);
}

.frame{
    position: absolute;
    width: 50%;height: 50%;
    top: 25%;
    left: 25%;
    display: none;

}
.iframe{
    position: fixed;
    width: 70%;height: 70%;
    top: 15%;
    left: 15%;
    /*display: none;*/
}

@keyframes up {
    from {
        top: 0;
    }
    to {
        top: -30%;
    }
}
@keyframes down {
    from {
        bottom: 0;
    }
    to {
        bottom: -30%;
    }
}

@media (max-aspect-ratio: 1/1) {
    .text{
        width: 50vw;
    }
}