#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 9999;
	overflow: hidden;
	background-color: #000000;
	opacity: 0;
}
#loading .lLogo {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url("../img/loading.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 45%;
}
#loading .lbg {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000000;
}
#loading .l01 {
	position: absolute;
	top:0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 51vh solid #210000;
	border-right: 51vw solid transparent;
	border-left: 51vw solid transparent;
}
#loading .l02 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 51vh solid #210000;
	border-right: 51vw solid transparent;
	border-left: 51vw solid transparent;
}
#loading .l03 {
	position: absolute;
	top:0;
	left: 0;
	width: 0;
	height: 0;
	border-left: 52vw solid #210000;
	border-top: 51vh solid transparent;
	border-bottom: 51vh solid transparent;
}
#loading .l04 {
	position: absolute;
	top:0;
	right: 0;
	width: 0;
	height: 0;
	border-right: 51vw solid #210000;
	border-top: 51vh solid transparent;
	border-bottom: 51vh solid transparent;
}


#loading .l05, #loading .l06 {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
}
#loading .l05 div {
	position: absolute;
	top:35%;
	left: -90vw;
	width: 200vw;
	height: 50vh;
	border-top:solid 1px #FF0004;
	transform: rotate(65deg) ;
	-webkit-transform: rotate(65deg) ;
}
#loading .l06 div {
	position: absolute;
	top:35%;
	left: -10vw;
	width: 200vw;
	height: 50vh;
	border-top:solid 1px #FF0004;
	transform: rotate(-65deg) ;
	-webkit-transform: rotate(-65deg) ;
}

/* bound */
@keyframes Ranimation{
	0% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-150%,150%);
		-moz-transform: translate(-150%,150%);
		-o-transform: translate(-150%,150%);
		-ms-transform: translate(-150%,150%);
		transform: translate(-150%,150%);
		opacity: 1;
	}
}
@keyframes Lanimation{
	0% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(150%,150%);
		-moz-transform: translate(150%,150%);
		-o-transform: translate(150%,150%);
		-ms-transform: translate(150%,150%);
		transform: translate(150%,150%);
		opacity: 1;
	}
}
@keyframes D01animation{

	100% {
		-webkit-transform: translate(0,-100%) rotate(-65deg);
		-moz-transform: translate(0,-100%) rotate(-65deg);
		-o-transform: translate(0,-100%) rotate(-65deg);
		-ms-transform: translate(0,-100%) rotate(-65deg);
		transform: translate(0,-100%) rotate(-65deg);
		opacity: 0;
	}
}
@keyframes D02animation{
	100% {
		-webkit-transform: translate(120%,80%) rotate(85deg);
		-moz-transform: translate(120%,80%) rotate(85deg);
		-o-transform: translate(120%,80%) rotate(85deg);
		-ms-transform: translate(120%,80%) rotate(85deg);
		transform: translate(120%,80%) rotate(85deg);
		opacity: 0;
	}
}
@keyframes D03animation{

	100% {
		-webkit-transform: translate(-50%,50%) rotate(45deg);
		-moz-transform: translate(-50%,50%) rotate(45deg);
		-o-transform: translate(-50%,50%) rotate(45deg);
		-ms-transform: translate(-50%,50%) rotate(45deg);
		transform: translate(-50%,50%) rotate(45deg);
		opacity: 0;
	}
}
@keyframes D04animation{

	100% {
		-webkit-transform: translate(50%,-50%) rotate(-25deg);
		-moz-transform: translate(50%,-50%) rotate(-25deg);
		-o-transform: translate(50%,-50%) rotate(-25deg);
		-ms-transform: translate(50%,-50%) rotate(-25deg);
		transform: translate(50%,-50%) rotate(-25deg);
		opacity: 0;
	}
}

@keyframes Danimation{
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
	100%{
		opacity: 1;
	}
}
@keyframes DanimationTxt{
	0% {
		opacity: 1;
	}
	50% {
		opacity: .7;
	}
	100%{
		opacity: 1;
	}
}


@media screen and (min-width: 641px) {
	
	#loading .lLogo {background-size: 98px auto;}
	#loading .lbg{background-size: cover;}
	#loading .l05 div {
		top:50%;
		left: -20vw;
		width: 150vw;
		transform: rotate(30deg) ;
		-webkit-transform: rotate(30deg) ;
	}
	#loading .l06 div {
		top:50%;
		left: -20vw;
		width: 150vw;
		transform: rotate(-30deg) ;
		-webkit-transform: rotate(-30deg) ;
	}

}