@charset "UTF-8";

.animation-item {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    transition-timing-function: linear;
}

.animation-item .child {
    background-size: cover;
    display: block;
    position: absolute;
    z-index: 1;
    background-position: 50% 50%;
}

.animation-item.start-change {
    transform: scale(0);
}

.animation-item.duration-4 {
    transition: 0.4s;
}

.animation-item.duration-6 {
    transition: 0.6s;
}

.animation-item.duration-8 {
    transition: 0.8s;
}

.animation-item.duration-10 {
    transition: 1s;
}

.animation-item.duration-12 {
    transition: 1.2s;
}

.animation-item.duration-14 {
    transition: 1.4s;
}

.animation-item.duration-16 {
    transition: 1.6s;
}

.animation-item.duration-18 {
    transition: 1.8s;
}

.animation-item.duration-20 {
    transition: 2s;
}

/* Use default */
#bg-show-wrap-1 .animation-item {
    width: 11.11111%;
    height: 14.28571%;
}

#bg-show-wrap-1 .animation-item .child {
    width: 900%;
    height: 700%;
}

#bg-show-wrap-1 .item-1-1 {
    top: 0%;
    left: 0%;
}

#bg-show-wrap-1 .item-1-1 .child {
    top: 0%;
    left: 0%;
}

#bg-show-wrap-1 .item-1-2 {
    top: 0%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-1-2 .child {
    top: 0%;
    left: -100%;
}

#bg-show-wrap-1 .item-1-3 {
    top: 0%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-1-3 .child {
    top: 0%;
    left: -200%;
}

#bg-show-wrap-1 .item-1-4 {
    top: 0%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-1-4 .child {
    top: 0%;
    left: -300%;
}

#bg-show-wrap-1 .item-1-5 {
    top: 0%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-1-5 .child {
    top: 0%;
    left: -400%;
}

#bg-show-wrap-1 .item-1-6 {
    top: 0%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-1-6 .child {
    top: 0%;
    left: -500%;
}

#bg-show-wrap-1 .item-1-7 {
    top: 0%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-1-7 .child {
    top: 0%;
    left: -600%;
}

#bg-show-wrap-1 .item-1-8 {
    top: 0%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-1-8 .child {
    top: 0%;
    left: -700%;
}

#bg-show-wrap-1 .item-1-9 {
    top: 0%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-1-9 .child {
    top: 0%;
    left: -800%;
}

#bg-show-wrap-1 .item-2-1 {
    top: 14.28571%;
    left: 0%;
}

#bg-show-wrap-1 .item-2-1 .child {
    top: -100%;
    left: 0%;
}

#bg-show-wrap-1 .item-2-2 {
    top: 14.28571%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-2-2 .child {
    top: -100%;
    left: -100%;
}

#bg-show-wrap-1 .item-2-3 {
    top: 14.28571%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-2-3 .child {
    top: -100%;
    left: -200%;
}

#bg-show-wrap-1 .item-2-4 {
    top: 14.28571%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-2-4 .child {
    top: -100%;
    left: -300%;
}

#bg-show-wrap-1 .item-2-5 {
    top: 14.28571%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-2-5 .child {
    top: -100%;
    left: -400%;
}

#bg-show-wrap-1 .item-2-6 {
    top: 14.28571%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-2-6 .child {
    top: -100%;
    left: -500%;
}

#bg-show-wrap-1 .item-2-7 {
    top: 14.28571%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-2-7 .child {
    top: -100%;
    left: -600%;
}

#bg-show-wrap-1 .item-2-8 {
    top: 14.28571%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-2-8 .child {
    top: -100%;
    left: -700%;
}

#bg-show-wrap-1 .item-2-9 {
    top: 14.28571%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-2-9 .child {
    top: -100%;
    left: -800%;
}

#bg-show-wrap-1 .item-3-1 {
    top: 28.57143%;
    left: 0%;
}

#bg-show-wrap-1 .item-3-1 .child {
    top: -200%;
    left: 0%;
}

#bg-show-wrap-1 .item-3-2 {
    top: 28.57143%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-3-2 .child {
    top: -200%;
    left: -100%;
}

#bg-show-wrap-1 .item-3-3 {
    top: 28.57143%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-3-3 .child {
    top: -200%;
    left: -200%;
}

#bg-show-wrap-1 .item-3-4 {
    top: 28.57143%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-3-4 .child {
    top: -200%;
    left: -300%;
}

#bg-show-wrap-1 .item-3-5 {
    top: 28.57143%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-3-5 .child {
    top: -200%;
    left: -400%;
}

#bg-show-wrap-1 .item-3-6 {
    top: 28.57143%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-3-6 .child {
    top: -200%;
    left: -500%;
}

#bg-show-wrap-1 .item-3-7 {
    top: 28.57143%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-3-7 .child {
    top: -200%;
    left: -600%;
}

#bg-show-wrap-1 .item-3-8 {
    top: 28.57143%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-3-8 .child {
    top: -200%;
    left: -700%;
}

#bg-show-wrap-1 .item-3-9 {
    top: 28.57143%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-3-9 .child {
    top: -200%;
    left: -800%;
}

#bg-show-wrap-1 .item-4-1 {
    top: 42.85714%;
    left: 0%;
}

#bg-show-wrap-1 .item-4-1 .child {
    top: -300%;
    left: 0%;
}

#bg-show-wrap-1 .item-4-2 {
    top: 42.85714%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-4-2 .child {
    top: -300%;
    left: -100%;
}

#bg-show-wrap-1 .item-4-3 {
    top: 42.85714%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-4-3 .child {
    top: -300%;
    left: -200%;
}

#bg-show-wrap-1 .item-4-4 {
    top: 42.85714%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-4-4 .child {
    top: -300%;
    left: -300%;
}

#bg-show-wrap-1 .item-4-5 {
    top: 42.85714%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-4-5 .child {
    top: -300%;
    left: -400%;
}

#bg-show-wrap-1 .item-4-6 {
    top: 42.85714%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-4-6 .child {
    top: -300%;
    left: -500%;
}

#bg-show-wrap-1 .item-4-7 {
    top: 42.85714%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-4-7 .child {
    top: -300%;
    left: -600%;
}

#bg-show-wrap-1 .item-4-8 {
    top: 42.85714%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-4-8 .child {
    top: -300%;
    left: -700%;
}

#bg-show-wrap-1 .item-4-9 {
    top: 42.85714%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-4-9 .child {
    top: -300%;
    left: -800%;
}

#bg-show-wrap-1 .item-5-1 {
    top: 57.14286%;
    left: 0%;
}

#bg-show-wrap-1 .item-5-1 .child {
    top: -400%;
    left: 0%;
}

#bg-show-wrap-1 .item-5-2 {
    top: 57.14286%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-5-2 .child {
    top: -400%;
    left: -100%;
}

#bg-show-wrap-1 .item-5-3 {
    top: 57.14286%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-5-3 .child {
    top: -400%;
    left: -200%;
}

#bg-show-wrap-1 .item-5-4 {
    top: 57.14286%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-5-4 .child {
    top: -400%;
    left: -300%;
}

#bg-show-wrap-1 .item-5-5 {
    top: 57.14286%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-5-5 .child {
    top: -400%;
    left: -400%;
}

#bg-show-wrap-1 .item-5-6 {
    top: 57.14286%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-5-6 .child {
    top: -400%;
    left: -500%;
}

#bg-show-wrap-1 .item-5-7 {
    top: 57.14286%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-5-7 .child {
    top: -400%;
    left: -600%;
}

#bg-show-wrap-1 .item-5-8 {
    top: 57.14286%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-5-8 .child {
    top: -400%;
    left: -700%;
}

#bg-show-wrap-1 .item-5-9 {
    top: 57.14286%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-5-9 .child {
    top: -400%;
    left: -800%;
}

#bg-show-wrap-1 .item-6-1 {
    top: 71.42857%;
    left: 0%;
}

#bg-show-wrap-1 .item-6-1 .child {
    top: -500%;
    left: 0%;
}

#bg-show-wrap-1 .item-6-2 {
    top: 71.42857%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-6-2 .child {
    top: -500%;
    left: -100%;
}

#bg-show-wrap-1 .item-6-3 {
    top: 71.42857%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-6-3 .child {
    top: -500%;
    left: -200%;
}

#bg-show-wrap-1 .item-6-4 {
    top: 71.42857%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-6-4 .child {
    top: -500%;
    left: -300%;
}

#bg-show-wrap-1 .item-6-5 {
    top: 71.42857%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-6-5 .child {
    top: -500%;
    left: -400%;
}

#bg-show-wrap-1 .item-6-6 {
    top: 71.42857%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-6-6 .child {
    top: -500%;
    left: -500%;
}

#bg-show-wrap-1 .item-6-7 {
    top: 71.42857%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-6-7 .child {
    top: -500%;
    left: -600%;
}

#bg-show-wrap-1 .item-6-8 {
    top: 71.42857%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-6-8 .child {
    top: -500%;
    left: -700%;
}

#bg-show-wrap-1 .item-6-9 {
    top: 71.42857%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-6-9 .child {
    top: -500%;
    left: -800%;
}

#bg-show-wrap-1 .item-7-1 {
    top: 85.71429%;
    left: 0%;
}

#bg-show-wrap-1 .item-7-1 .child {
    top: -600%;
    left: 0%;
}

#bg-show-wrap-1 .item-7-2 {
    top: 85.71429%;
    left: 11.11111%;
}

#bg-show-wrap-1 .item-7-2 .child {
    top: -600%;
    left: -100%;
}

#bg-show-wrap-1 .item-7-3 {
    top: 85.71429%;
    left: 22.22222%;
}

#bg-show-wrap-1 .item-7-3 .child {
    top: -600%;
    left: -200%;
}

#bg-show-wrap-1 .item-7-4 {
    top: 85.71429%;
    left: 33.33333%;
}

#bg-show-wrap-1 .item-7-4 .child {
    top: -600%;
    left: -300%;
}

#bg-show-wrap-1 .item-7-5 {
    top: 85.71429%;
    left: 44.44444%;
}

#bg-show-wrap-1 .item-7-5 .child {
    top: -600%;
    left: -400%;
}

#bg-show-wrap-1 .item-7-6 {
    top: 85.71429%;
    left: 55.55556%;
}

#bg-show-wrap-1 .item-7-6 .child {
    top: -600%;
    left: -500%;
}

#bg-show-wrap-1 .item-7-7 {
    top: 85.71429%;
    left: 66.66667%;
}

#bg-show-wrap-1 .item-7-7 .child {
    top: -600%;
    left: -600%;
}

#bg-show-wrap-1 .item-7-8 {
    top: 85.71429%;
    left: 77.77778%;
}

#bg-show-wrap-1 .item-7-8 .child {
    top: -600%;
    left: -700%;
}

#bg-show-wrap-1 .item-7-9 {
    top: 85.71429%;
    left: 88.88889%;
}

#bg-show-wrap-1 .item-7-9 .child {
    top: -600%;
    left: -800%;
}

/* Manually set ranks */
#bg-show-wrap-2 .animation-item {
    width: 20%;
    height: 12.5%;
}

#bg-show-wrap-2 .animation-item .child {
    width: 500%;
    height: 800%;
}

#bg-show-wrap-2 .item-1-1 {
    top: 0%;
    left: 0%;
}

#bg-show-wrap-2 .item-1-1 .child {
    top: 0%;
    left: 0%;
}

#bg-show-wrap-2 .item-1-2 {
    top: 0%;
    left: 20%;
}

#bg-show-wrap-2 .item-1-2 .child {
    top: 0%;
    left: -100%;
}

#bg-show-wrap-2 .item-1-3 {
    top: 0%;
    left: 40%;
}

#bg-show-wrap-2 .item-1-3 .child {
    top: 0%;
    left: -200%;
}

#bg-show-wrap-2 .item-1-4 {
    top: 0%;
    left: 60%;
}

#bg-show-wrap-2 .item-1-4 .child {
    top: 0%;
    left: -300%;
}

#bg-show-wrap-2 .item-1-5 {
    top: 0%;
    left: 80%;
}

#bg-show-wrap-2 .item-1-5 .child {
    top: 0%;
    left: -400%;
}

#bg-show-wrap-2 .item-2-1 {
    top: 12.5%;
    left: 0%;
}

#bg-show-wrap-2 .item-2-1 .child {
    top: -100%;
    left: 0%;
}

#bg-show-wrap-2 .item-2-2 {
    top: 12.5%;
    left: 20%;
}

#bg-show-wrap-2 .item-2-2 .child {
    top: -100%;
    left: -100%;
}

#bg-show-wrap-2 .item-2-3 {
    top: 12.5%;
    left: 40%;
}

#bg-show-wrap-2 .item-2-3 .child {
    top: -100%;
    left: -200%;
}

#bg-show-wrap-2 .item-2-4 {
    top: 12.5%;
    left: 60%;
}

#bg-show-wrap-2 .item-2-4 .child {
    top: -100%;
    left: -300%;
}

#bg-show-wrap-2 .item-2-5 {
    top: 12.5%;
    left: 80%;
}

#bg-show-wrap-2 .item-2-5 .child {
    top: -100%;
    left: -400%;
}

#bg-show-wrap-2 .item-3-1 {
    top: 25%;
    left: 0%;
}

#bg-show-wrap-2 .item-3-1 .child {
    top: -200%;
    left: 0%;
}

#bg-show-wrap-2 .item-3-2 {
    top: 25%;
    left: 20%;
}

#bg-show-wrap-2 .item-3-2 .child {
    top: -200%;
    left: -100%;
}

#bg-show-wrap-2 .item-3-3 {
    top: 25%;
    left: 40%;
}

#bg-show-wrap-2 .item-3-3 .child {
    top: -200%;
    left: -200%;
}

#bg-show-wrap-2 .item-3-4 {
    top: 25%;
    left: 60%;
}

#bg-show-wrap-2 .item-3-4 .child {
    top: -200%;
    left: -300%;
}

#bg-show-wrap-2 .item-3-5 {
    top: 25%;
    left: 80%;
}

#bg-show-wrap-2 .item-3-5 .child {
    top: -200%;
    left: -400%;
}

#bg-show-wrap-2 .item-4-1 {
    top: 37.5%;
    left: 0%;
}

#bg-show-wrap-2 .item-4-1 .child {
    top: -300%;
    left: 0%;
}

#bg-show-wrap-2 .item-4-2 {
    top: 37.5%;
    left: 20%;
}

#bg-show-wrap-2 .item-4-2 .child {
    top: -300%;
    left: -100%;
}

#bg-show-wrap-2 .item-4-3 {
    top: 37.5%;
    left: 40%;
}

#bg-show-wrap-2 .item-4-3 .child {
    top: -300%;
    left: -200%;
}

#bg-show-wrap-2 .item-4-4 {
    top: 37.5%;
    left: 60%;
}

#bg-show-wrap-2 .item-4-4 .child {
    top: -300%;
    left: -300%;
}

#bg-show-wrap-2 .item-4-5 {
    top: 37.5%;
    left: 80%;
}

#bg-show-wrap-2 .item-4-5 .child {
    top: -300%;
    left: -400%;
}

#bg-show-wrap-2 .item-5-1 {
    top: 50%;
    left: 0%;
}

#bg-show-wrap-2 .item-5-1 .child {
    top: -400%;
    left: 0%;
}

#bg-show-wrap-2 .item-5-2 {
    top: 50%;
    left: 20%;
}

#bg-show-wrap-2 .item-5-2 .child {
    top: -400%;
    left: -100%;
}

#bg-show-wrap-2 .item-5-3 {
    top: 50%;
    left: 40%;
}

#bg-show-wrap-2 .item-5-3 .child {
    top: -400%;
    left: -200%;
}

#bg-show-wrap-2 .item-5-4 {
    top: 50%;
    left: 60%;
}

#bg-show-wrap-2 .item-5-4 .child {
    top: -400%;
    left: -300%;
}

#bg-show-wrap-2 .item-5-5 {
    top: 50%;
    left: 80%;
}

#bg-show-wrap-2 .item-5-5 .child {
    top: -400%;
    left: -400%;
}

#bg-show-wrap-2 .item-6-1 {
    top: 62.5%;
    left: 0%;
}

#bg-show-wrap-2 .item-6-1 .child {
    top: -500%;
    left: 0%;
}

#bg-show-wrap-2 .item-6-2 {
    top: 62.5%;
    left: 20%;
}

#bg-show-wrap-2 .item-6-2 .child {
    top: -500%;
    left: -100%;
}

#bg-show-wrap-2 .item-6-3 {
    top: 62.5%;
    left: 40%;
}

#bg-show-wrap-2 .item-6-3 .child {
    top: -500%;
    left: -200%;
}

#bg-show-wrap-2 .item-6-4 {
    top: 62.5%;
    left: 60%;
}

#bg-show-wrap-2 .item-6-4 .child {
    top: -500%;
    left: -300%;
}

#bg-show-wrap-2 .item-6-5 {
    top: 62.5%;
    left: 80%;
}

#bg-show-wrap-2 .item-6-5 .child {
    top: -500%;
    left: -400%;
}

#bg-show-wrap-2 .item-7-1 {
    top: 75%;
    left: 0%;
}

#bg-show-wrap-2 .item-7-1 .child {
    top: -600%;
    left: 0%;
}

#bg-show-wrap-2 .item-7-2 {
    top: 75%;
    left: 20%;
}

#bg-show-wrap-2 .item-7-2 .child {
    top: -600%;
    left: -100%;
}

#bg-show-wrap-2 .item-7-3 {
    top: 75%;
    left: 40%;
}

#bg-show-wrap-2 .item-7-3 .child {
    top: -600%;
    left: -200%;
}

#bg-show-wrap-2 .item-7-4 {
    top: 75%;
    left: 60%;
}

#bg-show-wrap-2 .item-7-4 .child {
    top: -600%;
    left: -300%;
}

#bg-show-wrap-2 .item-7-5 {
    top: 75%;
    left: 80%;
}

#bg-show-wrap-2 .item-7-5 .child {
    top: -600%;
    left: -400%;
}

#bg-show-wrap-2 .item-8-1 {
    top: 87.5%;
    left: 0%;
}

#bg-show-wrap-2 .item-8-1 .child {
    top: -700%;
    left: 0%;
}

#bg-show-wrap-2 .item-8-2 {
    top: 87.5%;
    left: 20%;
}

#bg-show-wrap-2 .item-8-2 .child {
    top: -700%;
    left: -100%;
}

#bg-show-wrap-2 .item-8-3 {
    top: 87.5%;
    left: 40%;
}

#bg-show-wrap-2 .item-8-3 .child {
    top: -700%;
    left: -200%;
}

#bg-show-wrap-2 .item-8-4 {
    top: 87.5%;
    left: 60%;
}

#bg-show-wrap-2 .item-8-4 .child {
    top: -700%;
    left: -300%;
}

#bg-show-wrap-2 .item-8-5 {
    top: 87.5%;
    left: 80%;
}

#bg-show-wrap-2 .item-8-5 .child {
    top: -700%;
    left: -400%;
}

/*# sourceMappingURL=index.css.map */