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

html { width: 100%; height: 100%;}
body { color: #000; font-weight: 400; font-size: 1.4rem; font-family: sans-serif; margin: 0; padding: 0; background: #FFF; overflow: hidden; width: 100%; height: 100%;}

*
{
	-webkit-tap-highlight-color:transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;
}

#notsupported-img {
	display: none;
	margin: 0 auto 0 auto;
	width: 90%;
}

#notsupported-text {
	display: none;
	text-align: center;
	position: relative;
	text-shadow: 1px 1px 1px #FFF;
	color: #000;
	font-family: "Arial", sans-serif;
	margin: 25% auto 0 auto;
}

#gameArea {
  position: absolute;
  top: 0; left: 0;
  background-size:   cover;
  z-index: 100 !important;
}

#gameCanvas {
	position: absolute;
	width: 100%;  height: 100%;
	margin: 0;  padding: 0;  
}

#htmlViewSystem, #viewsContainer, #viewLoader
{
	position: absolute;
	top: 0; left: 0;	
}

#htmlViewSystem
{
	z-index: 1000;
}

#viewLoader
{
	background-color: rgba(0,0,0,0.6);
	width: 853px;  height: 480px;
}

#viewLoader #loaderAnim
{
	background-image: url(../assets/html/loader/loader.png);
	width: 16px; height: 16px;
	margin: calc(240px - 8px) auto 0 auto;
}