#background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(15,35,45);
	background: radial-gradient(circle, rgba(15,35,45,1) 0%, rgba(4,7,11,1) 100%);
	z-index: -3;
}

#logo {
	position: absolute;
	left: 0;
	top: 30px;
	bottom: 30px;
	right: 0;
	background-color: transparent;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../image/logo.png);
	opacity: .7;
	z-index: -2;
}

#dark_screen {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: 100;
	opacity: .7;
}

#load {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -30px -30px 0 0;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../image/logo.png);
	z-index: 101;
	opacity: .8;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

@keyframes spin_back {
    from {transform:rotate(360deg);}
    to {transform:rotate(0deg);}
}

#load_big_ball {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -50px -50px 0 0;
	width: 100px;
	height: 106px;
	z-index: 101;
	transform: rotate(90deg);
	animation: spin 2s linear 0s infinite;
}

#load_big_ball > div {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 100px;
}

#load_middle_ball {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -48px -48px 0 0;
	width: 96px;
	height: 96px;
	z-index: 101;
	transform: rotate(180deg);
	animation: spin_back 1.7s linear 0s infinite;
}

#load_middle_ball > div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 100px;
}

#load_middle_ball2 {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -44px -44px 0 0;
	width: 88px;
	height: 88px;
	z-index: 101;
	transform: rotate(270deg);
	animation: spin_back 1.5s linear 0s infinite;
}

#load_middle_ball2 > div {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 100px;
}

#load_small_ball {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -42px -42px 0 0;
	width: 84px;
	height: 90px;
	z-index: 101;
	animation: spin_small_ball 1.2s linear 0s infinite;
}

#load_small_ball > div {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 100px;
}

@keyframes spin_small_ball {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}