html {
				min-height: 100%;
				min-width: 100%;
				height: 100%;
				width: 100%;
				overflow: hidden;
				cursor: url('img/cursor.png'), auto;
				}
			body {
				padding: 0;
				margin: 0;
				top: 0;
				min-width: 100%;
				height: 100%;
				width: 100%;
				left: 0;
				min-height: 100%;
				z-index: 0;
			}
			
			#f {
				visibility: hidden;
			}
			
			#i{
				visibility: hidden;
			}
			
			#queen{
				visibility: hidden;
			}	
			
			#start {
				position: fixed;
				background: url('img/startbg.jpg') no-repeat;
				background-size: 100% 100%;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 9;
				visibility: hidden;
			}
			
			#name {
				position: absolute;
				background: url('img/name.png');
				background-size: 100% 100%;
				top: 25px;
				z-index: 10;
			}
			
			#relax,#action{
				position: absolute;
				z-index: 10;
				opacity: 0.8;
			}
			
			#relax {
				background: url('img/relax.png');
				background-size: 100% 100%;
				
			}
			
			#action {
				background: url('img/action.png');
				background-size: 100% 100%;
			}
			#relax:hover{opacity: 1;}
			#action:hover{opacity: 1;}
			#relax:active{background: url('img/relax_a.png'); background-size: 100% 100%;}
			#action:active{background: url('img/action_a.png'); background-size: 100% 100%;}
			
			#rel_title,#act_title{
				position: absolute;
				z-index: 10;
				opacity: 0.9;
			}
			
			#rel_title{
				background: url('img/rel_title.png');
				background-size: 100% 100%;
			}
			
			#act_title{
				background: url('img/act_title.png');
				background-size: 100% 100%;
			}
			
			#burundi {
				position: absolute;
				background: url('img/burundi.png');
				background-size: 100% 100%;
				-moz-transform: rotate(-15deg);
				-ms-transform: rotate(-15deg);
				-webkit-transform: rotate(-15deg);
				-o-transform: rotate(-15deg);
				transform: rotate(-15deg);
				z-index: 9;
			}
			
			#info{
				position: absolute;
				height: 201px;
				width: 363px;
				background: url('img/help1.png');
				background-size: 100% 100%;
				visibility: hidden;
			}
			
			#tomain{
				position: absolute;
				height: 64px;
				top: 10px;
				z-index: 4;
				width: 80px;
				right: 30;
				background: url('img/tomain.png');
				background-size: 100% 100%;
				visibility: hidden;
				opacity: 0.7;
			}
			#tomain:hover{ opacity: 1;}
			#tomain:active{ background: url('img/tomain_a.png');background-size: 100% 100%;}
			
			#squidimg {
				position: absolute;
				background: url('img/squid.png');
				background-size: 100% 100%;
				-moz-transform: rotate(-15deg);
				-ms-transform: rotate(-15deg);
				-webkit-transform: rotate(-15deg);
				-o-transform: rotate(-15deg);
				transform: rotate(-15deg);
				z-index: 9;
			}
			
			#board {
				position: absolute;
				background: url('img/board.png');
				background-size: 100% 100%;
				z-index: 8;
				border-radius: 20;
			}
			
			#first,#second,#third {
				position: absolute;
				z-index: 11;
			}
			#first{background: url('img/1st.png'); background-size: 100% 100%;}
			#second{background: url('img/2nd.png'); background-size: 100% 100%;}
			#third{background: url('img/3rd.png'); background-size: 100% 100%;}
			
			#scbl,#scbr {
				position: absolute;
				font-family: serif;
				color: #FCB93E;
				text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px;
				z-index: 10;
				white-space: pre;
			}
			
			#b_title {
				position: absolute;
				font-family: serif;
				color: #FC9C3E;
				text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px;
				z-index: 10;
			}
			
			#sheet {
				position: absolute;
				width: 500px;
				height: 600px;
				background: url('img/sheet.png');
				background-size: 100% 100%;
				top: 10px;
				left: calc(50% - 250px);
				z-index: 12;
				visibility: hidden;
				cursor: url('img/pero.png'), auto;
			}
			
			#input_form {
				position: absolute;
				width: 300px;
				height: 40px;
				top: 200px;
				left: 100px;
				background: rgba(253, 244, 171, 0);
				outline: none;
				border: 0;
				padding-left: 5px;
				padding-top: 5px;
				font-family: serif;
				font-size: 30px;
				color: #BA4F03;
				z-index: 15;
			}
			
			#your_sc {
				position: absolute;
				font-size: 30px;
				font-family: serif;
				color: BA4F03;
				top: 370;
				left: 150;
			}
			
			#sign {
				position: absolute;
				width: 150px;
				height: 60px;
				bottom: 100px;
				left: calc(50% - 45px);
				opacity: 0.0;
			}			
			#sign:hover{ opacity: 0.4;}
			#sign:active{ opacity: 1}
   
			#err {
				position: absolute;
				width: 264px;
				height: 20px;
				bottom: 42px;
				background: url('img/err.png');
				background-size: 100% 100%;
				left: calc(50% - 132px);
				visibility: hidden;
			}	
			
			#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;
			}
			
			.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;
			}
			
			#loadscr {
				position: fixed;
				width: 100%;
				height: 100%;
				background: url('img/startbg.jpg') no-repeat;
				background-size: 100% 100%;
				top: 0;
				left: 0;
				z-index: 11;
			}
			
			#loadcap {
				position: absolute;
				width: 514px;
				height: 134px;
				background: url('img/load.png') no-repeat;
				background-size: 100% 100%;
				top: 75;
				left: calc(50% - 257px);
				z-index: 13;
			}
			
			#loadpic {
				position: absolute;
				width: 150px;
				height: 150px;
				background: url('img/loading1.gif') no-repeat;
				background-size: 100% 100%;
				opacity: 0.5;
				top: 300;
				left: calc(50% - 75px);
				z-index: 12;
			}
			
			#blackmm {
				position: absolute;
				background: url('img/blackmm.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 20px;
				right: 100px;
				z-index: 2;
				opacity: 0.7;
			}
			#whitemm {
				position: absolute;
				background: url('img/whitemm.png');
				border-radius: 5px;
				width: 50px;
				height: 39px;
				bottom: 20px;
				right: 50px;
				z-index: 2;
				opacity: 0.7;
			}
			#blackmm:hover,#whitemm:hover{
				opacity: 1;
				cursor: url('img/cursor.png'), auto;
			}
			#k {
				position: absolute;
				background: url('img/k.png');
				background-size: 100% 100%;
				width: 50px;
				height: 50px;
				bottom: 15px;
				left: 10px;
				z-index: 2;
				opacity: 0.9;
			}