body {
    background-color: #000;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

video {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: auto !important;
    background: url("./bg.jpg") center center no-repeat;
}

#wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

#container {
    cursor: pointer;
}

.widgetLogin {
    position: absolute;
    width: 352px;
    height: 200px;
    top: 594px;
    left: 453px;
    z-index: 1
}

.logo {
    position: absolute;
    width: 185px;
    height: 127px;
    top: 43px;
    left: 547px;
    z-index: 1
}

.effect-dl {
    display: none;
    position: fixed;
    z-index: 1002;
    left: 56px;
    bottom: 0;
    animation: fadeInDown;
    animation-duration: 1.2s;
    animation-iteration-count:infinite;
}

/*animate effect*/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}