/* basic */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* rolling */
@keyframes ldio-modou8kxyl {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-modou8kxyl div {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 10px solid #1d0e0b;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-modou8kxyl div {
  animation: ldio-modou8kxyl 1s linear infinite;
  top: 50px;
  left: 50px
}
.loadingio-spinner-rolling-aji9g7ubu3p {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-modou8kxyl {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-modou8kxyl div { box-sizing: content-box; }
/* generated by https://loading.io/ */


/* new loading */
.loading_logo { width: 100%; height: 100%; display: flex; justify-content: center; position: fixed; z-index: 1000; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.3);}
.loadingWrap{position: relative; width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; position: absolute;}
.loading_1, .loading_2, .loading_3, .loading_4 { position: absolute;}
.loading_1 {animation: fadein_ld1 3s linear infinite;}
.loading_2 {animation: fadein_ld2 3s linear infinite;} 
.loading_3 {animation: fadein_ld3 3s linear infinite;} 
.loading_4 {animation: fadein_ld4 3s linear infinite;} 
@keyframes fadein_ld1{0%{opacity: 50%;} 25%{opacity: 100%;} 50%{opacity: 100%;} 75%{opacity: 100%;} 100%{opacity: 100%;}}
@keyframes fadein_ld2{0%{opacity: 0%;} 25%{opacity: 0%;} 50%{opacity: 100%;} 75%{opacity: 100%;} 100%{opacity: 100%;}}
@keyframes fadein_ld3{0%{opacity: 0%;} 25%{opacity: 0%;} 50%{opacity: 0%;} 75%{opacity: 100%;} 100%{opacity: 100%;}}
@keyframes fadein_ld4{0%{opacity: 0%;} 25%{opacity: 0%;} 50%{opacity: 0%;} 75%{opacity: 0%;} 100%{opacity: 100%}}