.center-ball-box {
    height: 390px;
    width: 600px;
    position: absolute;
    left: 50%;
    top: 250px;
    margin-left: -300px;
}

.ball-bg {
    height: 390px;
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    background: url("../LocalImages/index_ball_bg.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 1000;
}

.center-ball {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -200px;
    -webkit-perspective-origin: center center;
    -moz-perspective-origin: center center;
    -ms-perspective-origin: center center;
    -o-perspective-origin: center center;
    perspective-origin: center center;
    -webkit-perspective: 3000px;
    -moz-perspective: 3000px;
    -ms-perspective: 3000px;
    -o-perspective: 3000px;
    perspective: 3000px;
    z-index: 100;
}

.ball-op-bg {
    border-radius: 50%;
    width: 406px;
    height: 406px;
    background: url("../LocalImages/ball_bg.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: -3px;
    left: -3px;
}

.ball-triangle-bg {
    width: 100%;
    height: 100px;
    background: url("../LocalImages/ball_triangle_bg.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: -70px;
}

.center-item01 {
    top: 350px;
    width: 770px;
    height: 770px;
    margin: -385px 0 0 -385px;
    z-index: 80;
}

.center-item02 {
    top: 450px;
    width: 640px;
    height: 640px;
    margin: -320px 0 0 -320px;
    z-index: 80;
}

.center-item03 {
    top: 550px;
    width: 770px;
    height: 770px;
    margin: -385px 0 0 -385px;
    z-index: 60;
}

.center-item04 {
    top: 400px;
    width: 750px;
    height: 750px;
    margin: -375px 0 0 -375px;
    z-index: 90;
}

.center-item05 {
    top: 500px;
    width: 700px;
    height: 700px;
    margin: -350px 0 0 -350px;
    z-index: 70;
}

    .center-item04 .ball-x,
    .center-item05 .ball-x {
        animation: none;
    }

        .center-item04 .ball-x .item-01,
        .center-item05 .ball-x .item-01 {
            background: url("../LocalImages/ball_ball_x_bg.png") no-repeat center;
            background-size: 100% 100%;
            border: none;
            /*opacity: 0.8;*/
        }

.center-item02 .ball-x div {
    background: url("../LocalImages/ball_doted_yellow_bg.png") no-repeat center;
    background-size: cover;
}

.ball {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(75deg);
}

.center-item01 .ball-x {
    -webkit-animation: rotate3dZ 20s linear infinite;
    -moz-animation: rotate3dZ 20s linear infinite;
    -ms-animation: rotate3dZ 20s linear infinite;
    -o-animation: rotate3dZ 20s linear infinite;
    animation: rotate3dZ 20s linear infinite;
}

.center-item03 .ball-x {
    -webkit-animation: rotate3dZ 40s linear infinite;
    -moz-animation: rotate3dZ 40s linear infinite;
    -ms-animation: rotate3dZ 40s linear infinite;
    -o-animation: rotate3dZ 40s linear infinite;
    animation: rotate3dZ 40s linear infinite;
}

.ball-x {
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: rotate3dZ 30s linear infinite;
    -moz-animation: rotate3dZ 30s linear infinite;
    -ms-animation: rotate3dZ 30s linear infinite;
    -o-animation: rotate3dZ 30s linear infinite;
    animation: rotate3dZ 30s linear infinite;
    transform: rotateX(75deg);
}

    .ball-x div {
        /*border: 6px #0497ff dashed;*/
        background: url("../LocalImages/ball_doted_blue_bg.png") no-repeat center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border-top: none;
        border-bottom: none;
    }

.ball > div {
    border: 1px #ffffff dashed;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-top: none;
    border-bottom: none;
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-moz-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-ms-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-o-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes rotate3dZ {
    0% {
        -webkit-transform: rotateX(75deg) rotateZ(0deg);
        -moz-transform: rotateX(75deg) rotateZ(0deg);
        -ms-transform: rotateX(75deg) rotateZ(0deg);
        -o-transform: rotateX(75deg) rotateZ(0deg);
        transform: rotateX(75deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(75deg) rotateZ(-360deg);
        -moz-transform: rotateX(75deg) rotateZ(-360deg);
        -ms-transform: rotateX(75deg) rotateZ(-360deg);
        -o-transform: rotateX(75deg) rotateZ(-360deg);
        transform: rotateX(75deg) rotateZ(-360deg);
    }
}

@-moz-keyframes rotate3dZ {
    0% {
        -webkit-transform: rotateX(75deg) rotateZ(0deg);
        -moz-transform: rotateX(75deg) rotateZ(0deg);
        -ms-transform: rotateX(75deg) rotateZ(0deg);
        -o-transform: rotateX(75deg) rotateZ(0deg);
        transform: rotateX(75deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(75deg) rotateZ(-360deg);
        -moz-transform: rotateX(75deg) rotateZ(-360deg);
        -ms-transform: rotateX(75deg) rotateZ(-360deg);
        -o-transform: rotateX(75deg) rotateZ(-360deg);
        transform: rotateX(75deg) rotateZ(-360deg);
    }
}

@-ms-keyframes rotate3dZ {
    0% {
        -webkit-transform: rotateX(75deg) rotateZ(0deg);
        -moz-transform: rotateX(75deg) rotateZ(0deg);
        -ms-transform: rotateX(75deg) rotateZ(0deg);
        -o-transform: rotateX(75deg) rotateZ(0deg);
        transform: rotateX(75deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(75deg) rotateZ(-360deg);
        -moz-transform: rotateX(75deg) rotateZ(-360deg);
        -ms-transform: rotateX(75deg) rotateZ(-360deg);
        -o-transform: rotateX(75deg) rotateZ(-360deg);
        transform: rotateX(75deg) rotateZ(-360deg);
    }
}

@-o-keyframes rotate3dZ {
    0% {
        -webkit-transform: rotateX(75deg) rotateZ(0deg);
        -moz-transform: rotateX(75deg) rotateZ(0deg);
        -ms-transform: rotateX(75deg) rotateZ(0deg);
        -o-transform: rotateX(75deg) rotateZ(0deg);
        transform: rotateX(75deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(75deg) rotateZ(-360deg);
        -moz-transform: rotateX(75deg) rotateZ(-360deg);
        -ms-transform: rotateX(75deg) rotateZ(-360deg);
        -o-transform: rotateX(75deg) rotateZ(-360deg);
        transform: rotateX(75deg) rotateZ(-360deg);
    }
}

@keyframes rotate3dZ {
    0% {
        -webkit-transform: rotateX(75deg) rotateZ(0deg);
        -moz-transform: rotateX(75deg) rotateZ(0deg);
        -ms-transform: rotateX(75deg) rotateZ(0deg);
        -o-transform: rotateX(75deg) rotateZ(0deg);
        transform: rotateX(75deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(75deg) rotateZ(-360deg);
        -moz-transform: rotateX(75deg) rotateZ(-360deg);
        -ms-transform: rotateX(75deg) rotateZ(-360deg);
        -o-transform: rotateX(75deg) rotateZ(-360deg);
        transform: rotateX(75deg) rotateZ(-360deg);
    }
}

#light-01 {
    -webkit-animation: doted01Move 1.8s ease-in-out infinite;
    -moz-animation: doted01Move 1.8s ease-in-out infinite;
    -ms-animation: doted01Move 1.8s ease-in-out infinite;
    -o-animation: doted01Move 1.8s ease-in-out infinite;
    animation: doted01Move 1.8s ease-in-out infinite;
}

@keyframes doted01Move {
    0% {
        bottom: 48px;
        left: 205px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        bottom: 42px;
        left: 195px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        bottom: 23px;
        left: 157px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        bottom: 12px;
        left: 128px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        bottom: 4px;
        left: 101px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        bottom: 1px;
        left: 87px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        bottom: 0px;
        left: 75px;
        transform: scale(1);
        opacity: 1;
    }

    31% {
        bottom: 0;
        left: 73px;
        transform: scale(1);
        opacity: 1;
    }

    32% {
        bottom: 0;
        left: 71px;
        transform: scale(1);
        opacity: 1;
    }

    33% {
        bottom: 1px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    34% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        bottom: 3px;
        left: 61px;
        transform: scale(1);
        opacity: 1;
    }

    42% {
        bottom: 23px;
        left: 58px;
        transform: scale(1);
        opacity: 1;
    }

    44% {
        bottom: 26px;
        left: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        bottom: 30px;
        left: 62px;
        transform: scale(1);
        opacity: 1;
    }

    47% {
        bottom: 33px;
        left: 64px;
        transform: scale(1);
        opacity: 1;
    }

    49% {
        bottom: 36px;
        left: 66px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        bottom: 39px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    52% {
        bottom: 42px;
        left: 70px;
        transform: scale(1);
        opacity: 1;
    }

    54% {
        bottom: 44px;
        left: 72px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        bottom: 46px;
        left: 74px;
        transform: scale(1);
        opacity: 1;
    }

    56% {
        bottom: 49px;
        left: 76px;
        transform: scale(1);
        opacity: 1;
    }

    58% {
        bottom: 51px;
        left: 78px;
        transform: scale(1);
        opacity: 1;
    }

    59% {
        bottom: 53px;
        left: 80px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        bottom: 63px;
        left: 90px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        bottom: 72px;
        left: 100px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        bottom: 81px;
        left: 110px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        bottom: 89px;
        left: 120px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        bottom: 100px;
        left: 134px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        bottom: 117px;
        left: 158px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        bottom: 135px;
        left: 185px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        bottom: 155px;
        left: 220px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        bottom: 174px;
        left: 255px;
        transform: scale(0);
        opacity: 0;
    }
}

@-ms-keyframes doted01Move {
    0% {
        bottom: 48px;
        left: 205px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        bottom: 42px;
        left: 195px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        bottom: 23px;
        left: 157px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        bottom: 12px;
        left: 128px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        bottom: 4px;
        left: 101px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        bottom: 1px;
        left: 87px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        bottom: 0px;
        left: 75px;
        transform: scale(1);
        opacity: 1;
    }

    31% {
        bottom: 0;
        left: 73px;
        transform: scale(1);
        opacity: 1;
    }

    32% {
        bottom: 0;
        left: 71px;
        transform: scale(1);
        opacity: 1;
    }

    33% {
        bottom: 1px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    34% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        bottom: 3px;
        left: 61px;
        transform: scale(1);
        opacity: 1;
    }

    42% {
        bottom: 23px;
        left: 58px;
        transform: scale(1);
        opacity: 1;
    }

    44% {
        bottom: 26px;
        left: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        bottom: 30px;
        left: 62px;
        transform: scale(1);
        opacity: 1;
    }

    47% {
        bottom: 33px;
        left: 64px;
        transform: scale(1);
        opacity: 1;
    }

    49% {
        bottom: 36px;
        left: 66px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        bottom: 39px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    52% {
        bottom: 42px;
        left: 70px;
        transform: scale(1);
        opacity: 1;
    }

    54% {
        bottom: 44px;
        left: 72px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        bottom: 46px;
        left: 74px;
        transform: scale(1);
        opacity: 1;
    }

    56% {
        bottom: 49px;
        left: 76px;
        transform: scale(1);
        opacity: 1;
    }

    58% {
        bottom: 51px;
        left: 78px;
        transform: scale(1);
        opacity: 1;
    }

    59% {
        bottom: 53px;
        left: 80px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        bottom: 63px;
        left: 90px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        bottom: 72px;
        left: 100px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        bottom: 81px;
        left: 110px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        bottom: 89px;
        left: 120px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        bottom: 100px;
        left: 134px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        bottom: 117px;
        left: 158px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        bottom: 135px;
        left: 185px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        bottom: 155px;
        left: 220px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        bottom: 174px;
        left: 255px;
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes doted01Move {
    0% {
        bottom: 48px;
        left: 205px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        bottom: 42px;
        left: 195px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        bottom: 23px;
        left: 157px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        bottom: 12px;
        left: 128px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        bottom: 4px;
        left: 101px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        bottom: 1px;
        left: 87px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        bottom: 0px;
        left: 75px;
        transform: scale(1);
        opacity: 1;
    }

    31% {
        bottom: 0;
        left: 73px;
        transform: scale(1);
        opacity: 1;
    }

    32% {
        bottom: 0;
        left: 71px;
        transform: scale(1);
        opacity: 1;
    }

    33% {
        bottom: 1px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    34% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        bottom: 3px;
        left: 61px;
        transform: scale(1);
        opacity: 1;
    }

    42% {
        bottom: 23px;
        left: 58px;
        transform: scale(1);
        opacity: 1;
    }

    44% {
        bottom: 26px;
        left: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        bottom: 30px;
        left: 62px;
        transform: scale(1);
        opacity: 1;
    }

    47% {
        bottom: 33px;
        left: 64px;
        transform: scale(1);
        opacity: 1;
    }

    49% {
        bottom: 36px;
        left: 66px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        bottom: 39px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    52% {
        bottom: 42px;
        left: 70px;
        transform: scale(1);
        opacity: 1;
    }

    54% {
        bottom: 44px;
        left: 72px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        bottom: 46px;
        left: 74px;
        transform: scale(1);
        opacity: 1;
    }

    56% {
        bottom: 49px;
        left: 76px;
        transform: scale(1);
        opacity: 1;
    }

    58% {
        bottom: 51px;
        left: 78px;
        transform: scale(1);
        opacity: 1;
    }

    59% {
        bottom: 53px;
        left: 80px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        bottom: 63px;
        left: 90px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        bottom: 72px;
        left: 100px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        bottom: 81px;
        left: 110px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        bottom: 89px;
        left: 120px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        bottom: 100px;
        left: 134px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        bottom: 117px;
        left: 158px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        bottom: 135px;
        left: 185px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        bottom: 155px;
        left: 220px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        bottom: 174px;
        left: 255px;
        transform: scale(0);
        opacity: 0;
    }
}

@-o-keyframes doted01Move {
    0% {
        bottom: 48px;
        left: 205px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        bottom: 42px;
        left: 195px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        bottom: 23px;
        left: 157px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        bottom: 12px;
        left: 128px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        bottom: 4px;
        left: 101px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        bottom: 1px;
        left: 87px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        bottom: 0px;
        left: 75px;
        transform: scale(1);
        opacity: 1;
    }

    31% {
        bottom: 0;
        left: 73px;
        transform: scale(1);
        opacity: 1;
    }

    32% {
        bottom: 0;
        left: 71px;
        transform: scale(1);
        opacity: 1;
    }

    33% {
        bottom: 1px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    34% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        bottom: 3px;
        left: 61px;
        transform: scale(1);
        opacity: 1;
    }

    42% {
        bottom: 23px;
        left: 58px;
        transform: scale(1);
        opacity: 1;
    }

    44% {
        bottom: 26px;
        left: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        bottom: 30px;
        left: 62px;
        transform: scale(1);
        opacity: 1;
    }

    47% {
        bottom: 33px;
        left: 64px;
        transform: scale(1);
        opacity: 1;
    }

    49% {
        bottom: 36px;
        left: 66px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        bottom: 39px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    52% {
        bottom: 42px;
        left: 70px;
        transform: scale(1);
        opacity: 1;
    }

    54% {
        bottom: 44px;
        left: 72px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        bottom: 46px;
        left: 74px;
        transform: scale(1);
        opacity: 1;
    }

    56% {
        bottom: 49px;
        left: 76px;
        transform: scale(1);
        opacity: 1;
    }

    58% {
        bottom: 51px;
        left: 78px;
        transform: scale(1);
        opacity: 1;
    }

    59% {
        bottom: 53px;
        left: 80px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        bottom: 63px;
        left: 90px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        bottom: 72px;
        left: 100px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        bottom: 81px;
        left: 110px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        bottom: 89px;
        left: 120px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        bottom: 100px;
        left: 134px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        bottom: 117px;
        left: 158px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        bottom: 135px;
        left: 185px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        bottom: 155px;
        left: 220px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        bottom: 174px;
        left: 255px;
        transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes doted01Move {
    0% {
        bottom: 48px;
        left: 205px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        bottom: 42px;
        left: 195px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        bottom: 23px;
        left: 157px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        bottom: 12px;
        left: 128px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        bottom: 4px;
        left: 101px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        bottom: 1px;
        left: 87px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        bottom: 0px;
        left: 75px;
        transform: scale(1);
        opacity: 1;
    }

    31% {
        bottom: 0;
        left: 73px;
        transform: scale(1);
        opacity: 1;
    }

    32% {
        bottom: 0;
        left: 71px;
        transform: scale(1);
        opacity: 1;
    }

    33% {
        bottom: 1px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    34% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        bottom: 1px;
        left: 67px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        bottom: 3px;
        left: 61px;
        transform: scale(1);
        opacity: 1;
    }

    42% {
        bottom: 23px;
        left: 58px;
        transform: scale(1);
        opacity: 1;
    }

    44% {
        bottom: 26px;
        left: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        bottom: 30px;
        left: 62px;
        transform: scale(1);
        opacity: 1;
    }

    47% {
        bottom: 33px;
        left: 64px;
        transform: scale(1);
        opacity: 1;
    }

    49% {
        bottom: 36px;
        left: 66px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        bottom: 39px;
        left: 68px;
        transform: scale(1);
        opacity: 1;
    }

    52% {
        bottom: 42px;
        left: 70px;
        transform: scale(1);
        opacity: 1;
    }

    54% {
        bottom: 44px;
        left: 72px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        bottom: 46px;
        left: 74px;
        transform: scale(1);
        opacity: 1;
    }

    56% {
        bottom: 49px;
        left: 76px;
        transform: scale(1);
        opacity: 1;
    }

    58% {
        bottom: 51px;
        left: 78px;
        transform: scale(1);
        opacity: 1;
    }

    59% {
        bottom: 53px;
        left: 80px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        bottom: 63px;
        left: 90px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        bottom: 72px;
        left: 100px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        bottom: 81px;
        left: 110px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        bottom: 89px;
        left: 120px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        bottom: 100px;
        left: 134px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        bottom: 117px;
        left: 158px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        bottom: 135px;
        left: 185px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        bottom: 155px;
        left: 220px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        bottom: 174px;
        left: 255px;
        transform: scale(0);
        opacity: 0;
    }
}

#light-02 {
    -webkit-animation: doted02Move 2s linear 3s infinite;
    -moz-animation: doted02Move 2s linear 3s infinite;
    -ms-animation: doted02Move 2s linear 3s infinite;
    -o-animation: doted02Move 2s linear 3s infinite;
    animation: doted02Move 2s linear 3s infinite;
}

@keyframes doted02Move {
    0% {
        top: 75px;
        left: 161px;
        transform: scale(0);
        opacity: 0;
    }

    10% {
        top: 40px;
        left: 150px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    20% {
        top: 13px;
        left: 148px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 0;
        left: 155px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: -1px;
        left: 163px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 0px;
        left: 170px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 4px;
        left: 178px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 38px;
        left: 217px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 57px;
        left: 233px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 76px;
        left: 248px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 100px;
        left: 265px;
        transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes doted02Move {
    0% {
        top: 75px;
        left: 161px;
        transform: scale(0);
        opacity: 0;
    }

    10% {
        top: 40px;
        left: 150px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    20% {
        top: 13px;
        left: 148px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 0;
        left: 155px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: -1px;
        left: 163px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 0px;
        left: 170px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 4px;
        left: 178px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 38px;
        left: 217px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 57px;
        left: 233px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 76px;
        left: 248px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 100px;
        left: 265px;
        transform: scale(0);
        opacity: 0;
    }
}

@-ms-keyframes doted02Move {
    0% {
        top: 75px;
        left: 161px;
        transform: scale(0);
        opacity: 0;
    }

    10% {
        top: 40px;
        left: 150px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    20% {
        top: 13px;
        left: 148px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 0;
        left: 155px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: -1px;
        left: 163px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 0px;
        left: 170px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 4px;
        left: 178px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 38px;
        left: 217px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 57px;
        left: 233px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 76px;
        left: 248px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 100px;
        left: 265px;
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes doted02Move {
    0% {
        top: 75px;
        left: 161px;
        transform: scale(0);
        opacity: 0;
    }

    10% {
        top: 40px;
        left: 150px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    20% {
        top: 13px;
        left: 148px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 0;
        left: 155px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: -1px;
        left: 163px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 0px;
        left: 170px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 4px;
        left: 178px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 38px;
        left: 217px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 57px;
        left: 233px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 76px;
        left: 248px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 100px;
        left: 265px;
        transform: scale(0);
        opacity: 0;
    }
}

@-o-keyframes doted02Move {
    0% {
        top: 75px;
        left: 161px;
        transform: scale(0);
        opacity: 0;
    }

    10% {
        top: 40px;
        left: 150px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    20% {
        top: 13px;
        left: 148px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 0;
        left: 155px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: -1px;
        left: 163px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 0px;
        left: 170px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 4px;
        left: 178px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 38px;
        left: 217px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 57px;
        left: 233px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 76px;
        left: 248px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 100px;
        left: 265px;
        transform: scale(0);
        opacity: 0;
    }
}

#light-03 {
    -webkit-animation: doted03Move 3s linear 1s infinite;
    -moz-animation: doted03Move 3s linear 1s infinite;
    -ms-animation: doted03Move 3s linear 1s infinite;
    -o-animation: doted03Move 3s linear 1s infinite;
    animation: doted03Move 3s linear 1s infinite;
}

@keyframes doted03Move {
    0% {
        top: 245px;
        right: 140px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 223px;
        right: 85px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 206px;
        right: 53px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 183px;
        right: 20px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 160px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 158px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 153px;
        right: 12px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 146px;
        right: 40px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 146px;
        right: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 147px;
        right: 75px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 149px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 151px;
        right: 105px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 152px;
        right: 120px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 158px;
        right: 140px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 163px;
        right: 160px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 168px;
        right: 180px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 174px;
        right: 200px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 177px;
        right: 210px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 180px;
        right: 220px;
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes doted03Move {
    0% {
        top: 245px;
        right: 140px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 223px;
        right: 85px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 206px;
        right: 53px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 183px;
        right: 20px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 160px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 158px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 153px;
        right: 12px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 146px;
        right: 40px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 146px;
        right: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 147px;
        right: 75px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 149px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 151px;
        right: 105px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 152px;
        right: 120px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 158px;
        right: 140px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 163px;
        right: 160px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 168px;
        right: 180px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 174px;
        right: 200px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 177px;
        right: 210px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 180px;
        right: 220px;
        transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes doted03Move {
    0% {
        top: 245px;
        right: 140px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 223px;
        right: 85px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 206px;
        right: 53px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 183px;
        right: 20px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 160px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 158px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 153px;
        right: 12px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 146px;
        right: 40px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 146px;
        right: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 147px;
        right: 75px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 149px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 151px;
        right: 105px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 152px;
        right: 120px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 158px;
        right: 140px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 163px;
        right: 160px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 168px;
        right: 180px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 174px;
        right: 200px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 177px;
        right: 210px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 180px;
        right: 220px;
        transform: scale(0);
        opacity: 0;
    }
}

@-ms-keyframes doted03Move {
    0% {
        top: 245px;
        right: 140px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 223px;
        right: 85px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 206px;
        right: 53px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 183px;
        right: 20px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 160px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 158px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 153px;
        right: 12px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 146px;
        right: 40px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 146px;
        right: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 147px;
        right: 75px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 149px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 151px;
        right: 105px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 152px;
        right: 120px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 158px;
        right: 140px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 163px;
        right: 160px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 168px;
        right: 180px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 174px;
        right: 200px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 177px;
        right: 210px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 180px;
        right: 220px;
        transform: scale(0);
        opacity: 0;
    }
}

@-o-keyframes doted03Move {
    0% {
        top: 245px;
        right: 140px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 223px;
        right: 85px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 206px;
        right: 53px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 183px;
        right: 20px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 160px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 158px;
        right: 7px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 153px;
        right: 12px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 146px;
        right: 40px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 146px;
        right: 60px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 147px;
        right: 75px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 149px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 151px;
        right: 105px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 152px;
        right: 120px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 158px;
        right: 140px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 163px;
        right: 160px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 168px;
        right: 180px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 174px;
        right: 200px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 177px;
        right: 210px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 180px;
        right: 220px;
        transform: scale(0);
        opacity: 0;
    }
}

#light-04 {
    -webkit-animation: doted04Move 3s linear 2s infinite;
    -moz-animation: doted04Move 3s linear 2s infinite;
    -ms-animation: doted04Move 3s linear 2s infinite;
    -o-animation: doted04Move 3s linear 2s infinite;
    animation: doted04Move 3s linear 2s infinite;
}

.index-center .ball-bg .ball-line-light {
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
    position: absolute;
    opacity: 0;
}

@keyframes doted04Move {
    0% {
        top: 130px;
        right: 115px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 110px;
        right: 100px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 90px;
        right: 84px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 70px;
        right: 70px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 50px;
        right: 58px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 30px;
        right: 52px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 16px;
        right: 57px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 13px;
        right: 66px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 15px;
        right: 77px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 19px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 28px;
        right: 110px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 37px;
        right: 126px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 47px;
        right: 142px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 56px;
        right: 156px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 66px;
        right: 170px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        top: 75px;
        right: 182px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 85px;
        right: 195px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        top: 94px;
        right: 206px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 105px;
        right: 218px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 113px;
        right: 228px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 122px;
        right: 238px;
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes doted04Move {
    0% {
        top: 130px;
        right: 115px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 110px;
        right: 100px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 90px;
        right: 84px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 70px;
        right: 70px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 50px;
        right: 58px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 30px;
        right: 52px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 16px;
        right: 57px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 13px;
        right: 66px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 15px;
        right: 77px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 19px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 28px;
        right: 110px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 37px;
        right: 126px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 47px;
        right: 142px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 56px;
        right: 156px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 66px;
        right: 170px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        top: 75px;
        right: 182px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 85px;
        right: 195px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        top: 94px;
        right: 206px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 105px;
        right: 218px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 113px;
        right: 228px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 122px;
        right: 238px;
        transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes doted04Move {
    0% {
        top: 130px;
        right: 115px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 110px;
        right: 100px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 90px;
        right: 84px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 70px;
        right: 70px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 50px;
        right: 58px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 30px;
        right: 52px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 16px;
        right: 57px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 13px;
        right: 66px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 15px;
        right: 77px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 19px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 28px;
        right: 110px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 37px;
        right: 126px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 47px;
        right: 142px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 56px;
        right: 156px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 66px;
        right: 170px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        top: 75px;
        right: 182px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 85px;
        right: 195px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        top: 94px;
        right: 206px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 105px;
        right: 218px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 113px;
        right: 228px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 122px;
        right: 238px;
        transform: scale(0);
        opacity: 0;
    }
}

@-ms-keyframes doted04Move {
    0% {
        top: 130px;
        right: 115px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 110px;
        right: 100px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 90px;
        right: 84px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 70px;
        right: 70px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 50px;
        right: 58px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 30px;
        right: 52px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 16px;
        right: 57px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 13px;
        right: 66px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 15px;
        right: 77px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 19px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 28px;
        right: 110px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 37px;
        right: 126px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 47px;
        right: 142px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 56px;
        right: 156px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 66px;
        right: 170px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        top: 75px;
        right: 182px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 85px;
        right: 195px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        top: 94px;
        right: 206px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 105px;
        right: 218px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 113px;
        right: 228px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 122px;
        right: 238px;
        transform: scale(0);
        opacity: 0;
    }
}

@-o-keyframes doted04Move {
    0% {
        top: 130px;
        right: 115px;
        transform: scale(0);
        opacity: 0;
    }

    5% {
        top: 110px;
        right: 100px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    10% {
        top: 90px;
        right: 84px;
        transform: scale(1);
        opacity: 1;
    }

    15% {
        top: 70px;
        right: 70px;
        transform: scale(1);
        opacity: 1;
    }

    20% {
        top: 50px;
        right: 58px;
        transform: scale(1);
        opacity: 1;
    }

    25% {
        top: 30px;
        right: 52px;
        transform: scale(1);
        opacity: 1;
    }

    30% {
        top: 16px;
        right: 57px;
        transform: scale(1);
        opacity: 1;
    }

    35% {
        top: 13px;
        right: 66px;
        transform: scale(1);
        opacity: 1;
    }

    40% {
        top: 15px;
        right: 77px;
        transform: scale(1);
        opacity: 1;
    }

    45% {
        top: 19px;
        right: 90px;
        transform: scale(1);
        opacity: 1;
    }

    50% {
        top: 28px;
        right: 110px;
        transform: scale(1);
        opacity: 1;
    }

    55% {
        top: 37px;
        right: 126px;
        transform: scale(1);
        opacity: 1;
    }

    60% {
        top: 47px;
        right: 142px;
        transform: scale(1);
        opacity: 1;
    }

    65% {
        top: 56px;
        right: 156px;
        transform: scale(1);
        opacity: 1;
    }

    70% {
        top: 66px;
        right: 170px;
        transform: scale(1);
        opacity: 1;
    }

    75% {
        top: 75px;
        right: 182px;
        transform: scale(1);
        opacity: 1;
    }

    80% {
        top: 85px;
        right: 195px;
        transform: scale(1);
        opacity: 1;
    }

    85% {
        top: 94px;
        right: 206px;
        transform: scale(1);
        opacity: 1;
    }

    90% {
        top: 105px;
        right: 218px;
        transform: scale(1);
        opacity: 1;
    }

    95% {
        top: 113px;
        right: 228px;
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        top: 122px;
        right: 238px;
        transform: scale(0);
        opacity: 0;
    }
}