#loading {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/bg-01.png);
		z-index: 10002;
}

#loading #loadRingWrapp {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 314px;
		height: 285px;
}

#loading #loadRingWrapp div {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 100%;
		height: 100%;
}

#loading #loadRingWrapp #loadTx {
		background: url(../images/load_txt.png) no-repeat center center;
}

#loading #loadRingWrapp .loadRing {
		width: 99px;
		height: 99px;
		-webkit-animation: spin 1.5s linear infinite;
		animation: spin 1.5s linear infinite;
}

#loading #loadRingWrapp .loadRing:nth-child(1) {
		background: url(../images/load_ring_01.png);
		z-index: 5;
		-webkit-transform-origin: 51px 51px;
		transform-origin: 51px 51px;
}

#loading #loadRingWrapp .loadRing:nth-child(2) {
		background: url(../images/load_ring_02.png);
		z-index: 4;
		-webkit-transform-origin: 49px 51px;
		transform-origin: 49px 51px;
		-webkit-animation-direction: reverse;
		animation-direction: reverse;
		-webkit-animation-delay: -0.3s;
		animation-delay: -0.3s;
}

#loading #loadRingWrapp .loadRing:nth-child(3) {
		background: url(../images/load_ring_03.png);
		z-index: 3;
		-webkit-transform-origin: 49px 49px;
		transform-origin: 49px 49px;
		-webkit-animation-delay: -0.5s;
		animation-delay: -0.5s;
}

@-webkit-keyframes spin {
		0% {
				-webkit-transform: rotate(0deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
		}
}

@keyframes spin {
		0% {
				-webkit-transform: rotate(0deg);
				        transform: rotate(0deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
}