@font-face { font-family: "Times Newer Roman"; src: url('TimesNewerRoman-Regular.otf'); }
html,body {
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    -webkit-overflow-scrolling: touch;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}
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;
}

.view{
    position: fixed;
    width: auto;
    height: 90%;
    left: 50%;top: 55%;
    transform: translate(-50%,-35%);
}
#player{
    filter: blur(0.5vw);
}
#player1{
    width: 100%;
}
.window{
    border: white solid 10000px;
    position: fixed;
    width: 100%;
    height: 96%;
    left: 50%;top: 52%;
    transform: translate(-50%,-50%);
}
.frame{
    position: absolute;
    width: 100%;height: 100%;
}
.doors{
    position: absolute;
    left: 5%;top: 5%;width: 90%;height: 91%;
    /*transform-style: preserve-3d;*/
    perspective: 1000px;
}
.ld{
    position: absolute;left: 0;
    width: 56%;height: 100%;
    transform: rotateY(0deg);
    transform-origin: 0 0
}
.divLD{
    cursor: grab;
    position: absolute;left: -59%;
    width: 112%;height: 100%;
}
.divLD:active, .divRD:active{
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.divRD{
    cursor: grab;
    position: absolute;right: -53%;
    width: 100%;height: 100%;
}
.rd{
    position: absolute;right: 0;
    width: 47%;height: 100%;
    transform: rotateY(0deg);
    transform-origin: 100% 0
}
.blinds{
    z-index: 9999999;
    position: fixed;
    height: 4.5%;
    width: 100%;
    top: 0;cursor:n-resize;
}
.blindFrame{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
}
.blind{
    z-index: 9999999;
    position: fixed;
    height: 93%;
    width: 100%;
    top: 4.5%;cursor:n-resize;
}
.movingblind{
    position: absolute;
    width: 90%;
    left: 5%;
    height: 100%;cursor:n-resize;
}
.partButton{
    position: absolute;
    top: 87%;
    left: 50%;
    /*max-width: 80%;*/
    transform: translate(-50%,0);
    z-index: 9999999999;
    color: black;
}
.buttonState0{
    background-color: white;
}
.buttonState1{
    background-color: grey;
}
.button:active{
    background-color: grey;
}
@keyframes blindsUp {
    from {
        height: 93%;
    }
    to {
        height: 3%;
    }
}
@keyframes blindsDown {
    from {
        height: 3%;
    }
    to {
        height: 93%;
    }
}