html {
				min-height: 100%;
				}
			body {
				padding: 0;
				margin: 0;
				top: 0;
				left: 0;
				min-height: 100%;
				background: url('img/bg.jpg') no-repeat;
				background-size: 100% 100%;
			}
			#start {
				position: fixed; 
				background: url('img/startbg.png') top left no-repeat;
				background-size: 100%;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 4;
				visibility: hidden;
				cursor:default;
			}
			
			#toload {
				visibility: hidden;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
			}
			
			a:link {
				text-decoration: none;
			}
			
			.toload {
				visibility: hidden;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
			}
			
			#loadscr {
				position: fixed;
				background-size: 100%;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 5;
			}
			
			#loadcap {
				position: absolute;
				width: 600px;
				height: 125px;
				background: url('img/load.png');
				top: 35;
				left: calc(50% - 300px);
				z-index: 5;
			}
			
			#loadpic {
				position: absolute;
				width: 150px;
				height: 150px;
				background: url('img/loading1.gif');
				background-size: 100%;
				opacity: 0.5;
				bottom: 40%;
				left: calc(50% - 75px);
				z-index: 6;
			}
			
			#finish {
				position: fixed; 
				background-size: 100%;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 4;
				visibility: hidden;
				cursor:default;
			}
			
			#game {
				width: 100%;
				height: 100%;
				padding: 0;
				margin: 0;
				top: 0;
				left: 0;
				min-height: 100%;
				background: none;
				background-size: 100% 100%;
				cursor:none;
			}
			#total{
				position: absolute;
				top: 25px;
				left: calc(50% - 300px);
				width: 600px;
				height: 200px;
				z-index: 4;
			}
			#happy_img,#sad_img {
				position: absolute;
				top: 265px;
				left: calc(50% - 255px);
				width: 511px;
				height: 215px;
				visibility: hidden;
				z-index: 4;
			}
			#oncemore{
				position: absolute;
				width: 300px;
				height: 143px;
				background: url('img/oncemore.png');
				background-position : 0px 0px;
				bottom: 40px;
				left: calc(50% - 150px);
				z-index: 5;
			}
			#oncemore:hover {
			  background-position : 0px -143px;
			}
			#oncemore:active {
			  background-position : 0px -286px;
			}
			#happy_img {
				background: url('img/salmon_h.png');
			}
			
			#sad_img {
				background: url('img/salmon_s.png');
			}
			
			#result{			
				position: absolute;
				font-size: 36px;		
				font-family: serif;
				color: 5dabb7;			
				top: 200px;
				left: calc(50% - 180px);
				visibility: hidden;
				z-index: 4;
			}
			#result:hover {
			  color: #69daff;
			  opacity: 0.8;
			}
			#result:active {
			  color: #69daff;
			  opacity: 1;
			  top: 196px;	
			}
			
			#name {
				position: absolute;
				width: 600px;
				height: 200px;
				background: url('img/name.png');
				top: 35;
				left: calc(50% - 300px);
				z-index: 5;
			}
			
			#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;
			}
			
			#go_button {
				position: absolute;
				width: 400px;
				height: 190px;
				background: url('img/start.png');
				background-position : 0px 0px;
				top: 360;
				left: calc(50% - 200px);
				z-index: 5;
			}
			#go_button:hover {
				background-position : 0px -190px;
			}
			#go_button:active {
				background-position : 0px -380px;
			}
			#tuna {
				position: relative;
				background-image: url(img/tuna_l.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				width: 200px;
				height: 91px;
				z-index: 2;
				visibility: hidden;
			}
			
			#info {
				position: absolute;
				background: url('img/info.png');
				width: 500px;
				height: 170px;
				bottom: 5;
				left: calc(50% - 250px);
				z-index: 5;
				visibility: hidden;
			}
			
			#info2 {
				position: absolute;
				background: url('img/info2.png');
				width: 510px;
				height: 125px;
				bottom: 5;
				left: calc(50% - 255px);
				z-index: 5;
				visibility: hidden;
			}
			
			#infolos {
				position: absolute;
				background: url('img/lososila.png');
				width: 225px;
				height: 100px;
				top: 45px;
				right: 300px;
				z-index: 5;
				visibility: hidden;
			}
			
			#infotun {
				position: absolute;
				background: url('img/lososevost.png');
				width: 300px;
				height: 115px;
				top: 45px;
				left: 230px;
				z-index: 5;
				visibility: hidden;
			}
			
			#infofaster {
				position: absolute;
				background: url('img/faster.png');
				width: 240px;
				height: 90px;
				top: 45px;
				left: calc(50% - 160px);
				z-index: 5;
				visibility: hidden;
			}
			
			#lbar[value] {
				appearance: none;
				border: none;
				background-color: #FF8C69;
				color: #FFD1DC;
				position: absolute;
				right: 230px;
				top: 20px;
				border-radius: 1px;
			}			
			#lbar[value]::-webkit-progress-bar {
				background-color: #FF8C69;
			}

			#lbar[value]::-webkit-progress-value {	
				background-color: #FFD1DC;
			}
			#lbar[value]::-moz-progress-bar {	
				background-color: #FFD1DC;
			}
			
			#status {
				width: 100%;
				height: 35px;
				position: fixed;
				z-index: 3;
				visibility: hidden;
			}
			
			#sal_ico {
				position: absolute;
				background: url(img/salmon_l.png);
				background-size: 100% 100%;
				right: 50px;
				top: 0;
				width: 140px;
				height: 54px;
			}
			
			#tuna_bar {
				opacity: 1;
				position: absolute;
				top: 0;
				left: 50px;
			}		
			
			#tuna_life {
				color: #FF8C69;
				position: absolute;
				left: 220px;
				top: 20px;
			}	
			
			#salmon_bar{
				opacity: 0;
				position: absolute;
				top: 0;
				left: 50px;
			}		
			#val {
				position: absolute;
				font-size: 36px;
				font-family: serif;
				color: #FF8C69;
				left: 48%;
				top: 5px;
			}
			#crab {
				position: relative;
				background: url(img/crab.png) no-repeat;
				width: 57px;
				height: 38px;
				z-index: 1;
				visibility: hidden;
			}
			#fish {
				position: relative;
				background: url(img/fish_l.png) no-repeat;
				width: 150px;
				height: 75px;
				z-index: 1;
				visibility: hidden;
			}
			#ios {
			    visibility: hidden;
			}
			#up,#down,#left,#right,#stop {
				position: fixed;
				width: 100px;
				height: 100px;
				z-index: 3;
			}
			#lick{
				position: fixed;
				width: 200px;
				height: 100px;
				background: url(img/lick.png) no-repeat;
				bottom: 50px;
				right: 400px;
				z-index: 3;
			}
			#up {
				background: url(img/up.png) no-repeat;
				bottom: 250px;
				right: 150px;
			}
			#down {
				background: url(img/down.png) no-repeat;
				bottom: 50px;
				right: 150px;
			}
			#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;
			}
			
			#salmon {
				position:absolute;
				background:url("img/salmon_l.png");
				background-size: 100% 100%;
				border:0;
				z-index: 2;
				width: 200px;
				height: 84px;
				visibility: hidden;
			}
			
			/*.flip-horizontal-r {
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-o-transform: scaleX(-1);
				-ms-transform: scaleX(1);
				transform: scaleX(-1);
				-ms-filter: fliph;
				filter: fliph;
			}
			.flip-horizontal-l {
				-moz-transform: scaleX(1);
				-webkit-transform: scaleX(1);
				-o-transform: scaleX(1);
				-ms-transform: scaleX(-1);
				transform: scaleX(1);
				-ms-filter: fliph;
				filter: fliph;
			}*/
			/*
			* {
				cursor:none;
			}*/