@charset "utf-8";
/* CSS Document */

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10000;
}

#loading.loadEnd {
  animation: fadeOut 0.5s ease forwards;
}

@keyframes fadeOut {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

.load {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 78px;
  height: 78px;
  background: #eee;
  border-radius: 50%;
}

.load:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 75.5px;
  height: 75.5px;
  background: #fff;
  border-radius: 50%;
	
	background-image: url("../images/logo_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px;
	
	
}

.load div {
  width: 78px;
  height: 39px;
  border-radius: 39px 39px 0 0;
	
	
}

.load div:first-child {
  background: #164A95;
  transform-origin: 39px 39px;
  transform: rotate(0deg);
  animation: loading 2.5s linear 0s infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loadText {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}