@charset "utf-8";

@font-face{
	font-family:HDharB;
	src:url("../font/HDharmonyB.eot");
	src:local("¡Ø"), url("../font/HDharmonyB.woff") format("woff"), url("../font/HDharmonyB.ttf") format("truetype");
}
@font-face{
	font-family:HDharM;
	src:url("../font/HDharmonyM.eot");
	src:local("¡Ø"), url("../font/HDharmonyM.woff") format("woff"), url("../font/HDharmonyM.ttf") format("truetype");
}
@font-face{
	font-family:HDharL;
	src:url("../font/HDharmonyL.eot");
	src:local("¡Ø"), url("../font/HDharmonyL.woff") format("woff"), url("../font/HDharmonyL.ttf") format("truetype");
}


	/* ---- reset ---- */ 
	canvas{ display: block; vertical-align: bottom; } 
	/* ---- particles.js container ---- */ 
	#particles-js{ position:absolute; width: 100%; height: 300px; background-color: #002c5f; background-image: url("/images/login_bg3.png"); background-repeat: no-repeat;  background-position: 0% 0%; }  /*-- background-size: cover; Á¦°Å --*/ 
	#header-title{ position:absolute; width: 100%; height: 300px; vertical-align:center; font-family:"HDharM";text-align:center; padding-top:100px;color:#fff; text-shadow:5px 5px 5px rgba(0, 0, 0, .3);font-size:50px; line-height:110%;}
	#header-title span {font-family:"HDharM";}
	
	/* ---- stats.js ---- */