@charset "utf-8";
@import url(Choko.ttf);
			html {
				min-height: 100%;
				overflow-x: hidden;
				}
			body {
				padding: 0;
				margin: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				min-height: 100%;
				background: url('img/bg/bg.jpg') no-repeat;
				background-size: 100% 100%;
				z-index: 0;
				cursor: none;
			}
			
			#pig {
				position: absolute;
				width: 200px;
				height: 155px;
				background: url('img/pigs/1/1/pig_m.png') no-repeat;
				background-size: 100% 100%;
				bottom: 0;
				left: 400px;
				border: 0;
				visibility: hidden;
			}
			
			#time {
				font-family: 'Choko';
				position: absolute;
				font-size: 36px;
				color: #613608;
				left: 48%;
				top: 5px;
				visibility: hidden;
			}
			
			#cookie_img{
				position: absolute;
				top: 0px;
				background-image: url('img/c/c1.png');
				background-size: 100% 100%;
				width: 50px;
				height: 50px;
				right: 255px;
				visibility: hidden;
			}
			#shit_img{
				position: absolute;
				top: 0px;
				background-image: url('img/j/j2.png');
				background-size: 100% 100%;
				width: 50px;
				height: 50px;
				right: 135px;
				visibility: hidden;
			}
			#cookie{
				position: absolute;
				font-size: 36px;
				font-family: 'Choko';
				color: #613608;
				top: 0px;
				right: 220px;
				border: 0;
				visibility: hidden;
			}
			#shit{
				position: absolute;
				font-size: 36px;
				font-family: 'Choko';
				color: #613608;
				top: 0px;
				right: 100px;
				border: 0;
				visibility: hidden;
			}
			
			a:link {
				text-decoration: none;
			}
			
			#h1,#h2,#h3,#h4,#h5,#h6,#h7,#h8,#h9{
				position: absolute;
				top: 0;
				background-image: url('img/h/h1.png');
				background-size: 100% 100%;
				width: 40px;
				height: 40px;
				visibility: hidden;
			}
			#h1{left: 10px;}
			#h2{left: 60px;}
			#h3{left: 110px;}
			#h4{left: 160px;}
			#h5{left: 210px;}
			#h6{left: 260px;}
			#h7{left: 310px;}
			#h8{left: 360px;}
			#h9{left: 410px;}
			
			#ios {
			    visibility: hidden;
			}
			#up,#down,#left,#right,#stop {
				position: fixed;
				width: 100px;
				height: 100px;
				z-index: 3;
			}
			#right {
				background: url(img/right.png) no-repeat;
				bottom: 150px;
				right: 50px;
			}
			#left {
				background: url(img/left.png) no-repeat;
				bottom: 150px;
				right: 250px;
			}
			#stop {
				background: url(img/stop.png) no-repeat;
				bottom: 150px;
				right: 150px;
			}
			
			#start {
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 4;
				visibility: hidden;
				cursor: default;
			}
			#name {
				position: absolute;
				width: 768px;
				height: 82px;
				background: url('img/name.png');
				background-size: 100% 100%;
				top: 55px;
				left: calc(50% - 384px);
				z-index: 5;
				visibility: hidden;
			}
			#s_name {
				position: absolute;
				width: 550px;
				height: 58px;
				background: url('img/name.png');
				background-size: 100% 100%;
				top: 35px;
				left: calc(50% - 275px);
				z-index: 5;
				visibility: hidden;
			}
			#go_button {
				position: absolute;
				width: 220px;
				height: 220px;
				background: url('img/start.png');
				bottom: 100px;
				left: calc(50% - 110px);
				opacity: 0.90;
				z-index: 5;
				visibility: hidden;
			}
			#go_button:hover {
				opacity: 1;
			}
			#go_button:active {
				background: url('img/startact.png');
				background-size: 100% 100%;
			}
			
			#oncemore {
				position: absolute;
				width: 160px;
				height: 160px;
				background: url('img/start.png');
				background-size: 100% 100%;
				bottom: 50px;
				left: calc(50% - 80px);
				opacity: 0.85;
				z-index: 6;
				visibility: hidden;
			}
			#oncemore:hover {
				opacity: 1;
			}
			#oncemore:active {
				background: url('img/startact.png');
				background-size: 100% 100%;
			}
			
			#finish {
				position: fixed; 
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 4;
				visibility: hidden;
				cursor: default;
			}
			
			#blackmm {
				position: absolute;
				background: url('img/blackmm.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 20px;
				right: 150px;
				z-index: 5;
				opacity: 0.7;
				visibility: hidden;
			}
			#whitemm {
				position: absolute;
				background: url('img/whitemm.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 20px;
				right: 100px;
				z-index: 5;
				opacity: 0.7;
				visibility: hidden;
			}
			#geymm {
				position: absolute;
				background: url('img/geymm1.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 20px;
				right: 50px;
				z-index: 5;
				opacity: 0.7;
				visibility: hidden;
			}
			#geymm:hover,#blackmm:hover,#whitemm:hover{
				opacity: 1;
			}
			#v {
				position: absolute;
				background: url('img/v.png');
				width: 50px;
				height: 50px;
				bottom: 20px;
				left: 50px;
				z-index: 5;
				opacity: 0.7;
				visibility: hidden;
			}			
			#total{
				position: absolute;
				font-size: 36px;
				font-family: 'Choko';
				color: #744009;
				top: 150px;
				left: calc(50% - 100px);
				border: 0;				
				z-index: 6;
				opacity: 11;
				visibility: hidden;
			}
			#total:hover {
			  color: #613608;
			  
			}
			#total:active {
			  color: #613608;
			  top: 148px;	
			}
			#piggy{
				position: absolute;
				width: 180px;
				height: 122px;
				top: 230px;
				background: url('img/piggie.png');
				background-size: 100%;
				left: calc(50% - 90px);
				border: 0;
				z-index: 6;
				visibility: hidden;
			}
			#failpic{
				position: absolute;
				width: 180px;
				height: 170px;
				top: 230px;
				background: url('img/fail.png');
				background-size: 100%;
				left: calc(50% - 90px);
				border: 0;
				z-index: 6;
				visibility: hidden;
			}
			#toload {
				visibility: hidden;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
			}
			
			.toload {
				visibility: hidden;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
			}
			
			#info {
				position: absolute;
				background: url('img/info.png');
				width: 300px;
				height: 65px;
				bottom: 25px;
				right: 200px;
				z-index: 5;
				visibility: hidden;
			}
			
			#loadscr {
				position: fixed;
				width: 100%;
				height: 100%;
				background: url('img/splash.png');
				background-size: 100%;
				top: 0;
				left: 0;
				z-index: 5;
			}