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




#loader-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: #000;
	display: table;
}

#loader-inner {
	display: table-cell;
	vertical-align: middle;
}

#loader {
	width: 320px;
	height: 160px;
	background-image: url(../images/common/loading1.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 320px;
	position: fixed;
	left: 50%;
	margin-left: -160px;
	position: relative;
}

span#loading {
	display: inline-block;
	width: 320px;
	height: 160px;
	animation: 10s linear infinite rotation1;

	background-image: url(../images/common/loading2.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 320px;
}




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




@media screen and (min-width: 500px) {

	#loader,
	span#loading {
		width: 400px;
		height: 200px;
		background-size: 400px;
	}

	#loader {
		margin-left: -200px;
	}

}




@media screen and (min-width: 700px) {

	#loader,
	span#loading {
		width: 500px;
		height: 250px;
		background-size: 500px;
	}

	#loader {
		margin-left: -250px;
	}

}




@media screen and (min-width: 1200px) {

	#loader,
	span#loading {
		width: 520px;
		height: 260px;
		background-size: 520px;
	}

	#loader {
		margin-left: -260px;
	}

}