body,
div,
img,
a,
canvas,
video {
    margin: 0;
    padding: 0;
}

.container {
    position: relative;
    overflow: hidden;
    opacity: 0;
}

.container div,
.container img {
    -webkit-transform: translate3d(0, 0, 0);
}

.container div,
.container img,
.container video,
.container a {
    position: absolute;
}

.container,
.exit-btn,
.video-container,
.border {
    width: 300px;
    height: 600px;
    box-sizing: border-box;
}

.border {
    box-sizing: border-box;
    border: 1px solid #bbbbbb;
}

.exit-btn {
    background-color: white;
    opacity: 0;
    cursor: pointer;
}

.endframe {
    width: 300px;
    height: 600px;
    opacity: 0;
}

.unmute-btn,
.mute-btn,
.stop-btn,
.replay-btn {
    font-family: Arial;
    font-size: 10px;
    color: rgb(255, 255, 255);
    width: auto;
    height: auto;
}

.replay-btn {
    display: none;
    opacity: 0;
}

.stop-btn {
    bottom: 10px;
    left: 10px;
    color: #ffffff;
    cursor: pointer;
}

.replay-btn {
    top: 340px;
    left: 137px;
    color: #ffffff;
    cursor: pointer;
}

.mute-btn {
    right: 10px;
    bottom: 10px;
    color: #ffffff;
    display: none;
    cursor: pointer;
}

.unmute-btn {
    right: 10px;
    bottom: 10px;
    color: #ffffff;
    cursor: pointer;
}

.video-container {
    overflow: hidden;
    visibility: visible !important;
}

.video-container .video {
    width: 100%;
    height: auto;
}

.endframe {
    opacity: 0;
}

#logo,
#logo-2 {
    position: absolute;
    left: 0;
    top: 0;
}

#ysl {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}