*,
body,
html {
	margin: 0;
	padding: 0
}

#canvas,
#container {
	width: 100%;
	height: 100%
}

#canvas,
#stats {
	position: absolute;
	z-index: 10
}
#cas{
	opacity: 0.3;
	 position: fixed;
	 top: 0;
	 bottom: 0;
	 right: 0;
	 left: 0;
	   /* opacity: 0.9;
	       position: fixed;
	       top: 40%;
	       bottom: 40%;
	       right: 0;
	       height: 120px;
	       left: 0;
	       width: 100%; */
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	font: 16px/1.4 Lato, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased
}

body {
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#container {
	position: fixed;
	top: 0;
	left: 0;
	/* z-index: 20; */
	text-align: center;
	cursor: context-menu;
	background: red;
	background: url(../img/bg0.png);
}
.main{
	width: 100%;
	/* float: left; */
	/* position: relative; */
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-40%);
	position: fixed;
	z-index: 999999;
}

.main>img {
	width: 80%;
	max-width: 606px;
	float: left;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.main>a {
	width: 60%;
	max-width: 344px;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 30%);
	clear: both;
}

.main>a>img {
	width: 100%;
	float: left;
}
#container>p {
	width: 100%;
	/* float: left; */
	/* position: relative; */
	top: 50%;
	/* transform: translateY(-40%); */
	position: fixed;
	z-index: 999999;
}

#container>p>img {
	width: 80%;
	max-width: 606px;
	float: left;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

#container>p>a {
	width: 50%;
	max-width: 344px;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%, 30%);
	clear: both;
}

#container>p>a>img {
	width: 100%;
	float: left;
}

.dh {
	-webkit-animation: myfirst 1s infinite;
	animation: myfirst 1s infinite;
}

@-webkit-keyframes myfirst {
	from {
		transform: scale(1)
	}

	50% {
		transform: scale(.9)
	}

	to {
		transform: scale(1)
	}
}

@keyframes myfirst {
	from {
		transform: scale(1)
	}

	50% {
		transform: scale(.9)
	}

	to {
		transform: scale(1)
	}
}