.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: 340px;margin: 159px auto;vertical-align: middle;display: table;}
        .row {vertical-align: top;display: table-row;}
        .cell {vertical-align: middle;display: table-cell;text-align: center;}
		.col {float:left;width:90px; height:80px;display: inline;}
		.col > span {display:block;font-size:25px;color:#000;margin-top:5px;}
	.paint {position:absolute;right:20px;top: 494px; width: 88px; height: 110px; background:url(images/sprite.png) -10px -10px; }
	.brush {cursor:pointer;position:absolute;right:40px;top: 445px;width: 53px; height: 73px; background:url(images/sprite.png) -108px -10px; }

	.odp {display:none;margin-top:100px;color:#3692fa;width:100%;font-size:35px;}
	.odp > span {text-decoration: underline;}
   @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; }
.g01 { width: 26px; height: 62px; background-position: -973px -53px; }
.g02 { width: 48px; height: 32px; background-position: -783px -10px; }
.g03 { width: 34px; height: 53px; background-position: -359px -45px; }
.g04 { width: 46px; height: 25px; background-position: -223px -10px; }
.g05 { width: 41px; height: 44px; background-position: -871px -67px; }
.g06 { width: 34px; height: 33px; background-position: -491px -10px; }
.g07 { width: 51px; height: 38px; background-position: -10px -10px; }
.g08 { width: 48px; height: 32px; background-position: -107px -10px; }
.g09 { width: 34px; height: 53px; background-position: -315px -45px; }
.g10 { width: 26px; height: 47px; background-position: -1009px -10px; }
.g11 { width: 41px; height: 44px; background-position: -769px -52px; }
.g12 { width: 34px; height: 33px; background-position: -579px -10px; }
.g13 { width: 51px; height: 38px; background-position: -10px -58px; }
.g14 { width: 48px; height: 32px; background-position: -667px -10px; }
.g15 { width: 34px; height: 53px; background-position: -579px -53px; }
.g16 { width: 46px; height: 25px; background-position: -335px -10px; }
.g17 { width: 41px; height: 44px; background-position: -922px -67px; }
.g18 { width: 34px; height: 33px; background-position: -535px -10px; }
.g19 { width: 34px; height: 53px; background-position: -447px -53px; }
.g20 { width: 33px; height: 56px; background-position: -272px -45px; }
.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; }
.k11 { width: 41px; height: 44px; background-position: -667px -52px; }
.k12 { width: 34px; height: 33px; background-position: -623px -10px; }
.k13 { width: 51px; height: 38px; background-position: -168px -52px; }
.k14 { width: 48px; height: 32px; background-position: -725px -10px; }
.k15 { width: 34px; height: 53px; background-position: -491px -53px; }
.k16 { width: 46px; height: 25px; background-position: -279px -10px; }
.k17 { width: 41px; height: 44px; background-position: -718px -52px; }
.k18 { width: 34px; height: 33px; background-position: -447px -10px; }
.k19 { width: 34px; height: 53px; background-position: -535px -53px; }
.k20 { width: 33px; height: 56px; background-position: -229px -45px; }