.wrapper {background:url(images/sprite2.png);background-position: -10px -903px;}
	main {position:relative;width: 1024px; height: 609px;margin:15px auto 0;overflow:hidden;font-family: Roboto;color:#FFF;text-align:center;}
	.table-wrapper {width: 1003px;height: 144px;margin: 249px auto;vertical-align: middle;display: table;/* background-color: rgba(255, 255, 255, 0.22); */}
        .row {vertical-align: top;display: table-row;}
        .cell {vertical-align: middle;display: table-cell;text-align: center;}
		.col {float:left;width: 100px; height: 170px;margin: 0px 29px;display: table-cell;}
		.col > span {display:block;font-size:25px;color:#000;margin-top:5px;}
   @font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }



.sprite2 { background-image: url('images/sprite2.png'); background-color: transparent; background-repeat: no-repeat; }
.k01 { width: 26px; height: 62px; background-position: -71px -10px; }
.k02 { width: 48px; height: 32px; background-position: -841px -10px; }
.k03 { width: 34px; height: 53px; background-position: -623px -53px; }
.k04 { width: 46px; height: 25px; background-position: -391px -10px; }
.k05 { width: 41px; height: 44px; background-position: -820px -52px; }
.k06 { width: 34px; height: 33px; background-position: -935px -10px; }
.k07 { width: 51px; height: 38px; background-position: -107px -52px; }
.k08 { width: 48px; height: 32px; background-position: -165px -10px; }
.k09 { width: 34px; height: 53px; background-position: -403px -45px; }
.k10 { width: 26px; height: 47px; background-position: -899px -10px; }

.txt{cursor:pointer;position:absolute;font-size: 22px;color: #EBD4AE; background-color: rgb(160, 97, 26);/* opacity: 0.4; */border-radius: 9px;}
#t1 {
  left: 623px;
  top: 468px;
  width: 106px;
  height: 56px;
  -ms-transform: rotateZ(16deg);
  -webkit-transform: rotateZ(16deg);
  transform: rotateZ(16deg);
}


#t2 {
  left: 828px;
  top: 526px;
  width: 115px;
  height: 57px;
  -ms-transform: rotateZ(345deg);
  -webkit-transform: rotateZ(345deg);
  transform: rotateZ(345deg);
}


#t3 {
  left: 446px;
  top: 538px;
  width: 117px;
  height: 54px;
  -ms-transform: rotateZ(21deg);
  -webkit-transform: rotateZ(21deg);
  transform: rotateZ(21deg);
}


#t4 {
  left: 397px;
  top: 67px;
  width: 119px;
  height: 57px;
  -ms-transform: rotateZ(11deg);
  -webkit-transform: rotateZ(11deg);
  transform: rotateZ(11deg);
}


#t5 {
  left: 204px;
  top: 153px;
  width: 110px;
  height: 55px;
  -ms-transform: rotateZ(15deg);
  -webkit-transform: rotateZ(15deg);
  transform: rotateZ(15deg);
}


#t6 {
  left: 272px;
  top: 474px;
  width: 113px;
  height: 58px;
  -ms-transform: rotateZ(338deg);
  -webkit-transform: rotateZ(338deg);
  transform: rotateZ(338deg);
}


#t7 {
  left: 607px;
  top: 135px;
  width: 111px;
  height: 56px;
  -ms-transform: rotateZ(335deg);
  -webkit-transform: rotateZ(335deg);
  transform: rotateZ(335deg);
}


#t8 {
  left: 844px;
  top: 60px;
  width: 116px;
  height: 56px;
  -ms-transform: rotateZ(20deg);
  -webkit-transform: rotateZ(20deg);
  transform: rotateZ(20deg);
}


#t9 {
  left: 71px;
  top: 510px;
  width: 113px;
  height: 52px;
  -ms-transform: rotateZ(13deg);
  -webkit-transform: rotateZ(13deg);
  transform: rotateZ(13deg);
}


#t10 {
  left: 62px;
  top: 58px;
  width: 115px;
  height: 53px;
  -ms-transform: rotateZ(344deg);
  -webkit-transform: rotateZ(344deg);
  transform: rotateZ(344deg);
}

span {
    font-size: 21px;
    display: none;
    color: rgb(249, 238, 213);
}