
.wrapper {background:url(images/bg.jpg);}
	main {position:relative;text-align:center;width:1024px;height:627px;margin:0 auto 0;overflow:hidden;font-family:'Ubuntu';font-size:30px;color:#FFF}
        main {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}


		main > * {position:absolute;}

		.timer {width:860px;height:100px;background:#4364a6;top:521px;left:0;right:0;margin:0 auto;border-radius:10px;}
		.timebar {margin:10px 0 0 10px;width: 840px; height: 80px; background:url(images/sprite.png) -10px -465px;}
			.cover {position:relative;width:0px;height:80px;background:#f69a96}
			.cover:after {content:" ";position:absolute;right:-7px;width:14px;height:80px;background:url(images/sprite.png) -10px -10px;}

		.girl {width:174px;height:365px;cursor:pointer;}
		.girl > * {position:absolute;bottom:0px;margin:0 auto;left:0;right:0;}
		#g1 {left:90px;top:148px;}
		#g2 {left:411px;top:160px;}
		#g3 {left:735px;top:156px;}



		.girl > * {background:url(images/sprite.png)}
		.girl > *:not(.back) {display:none;}
		.girl .hop {top:0}
		.girl .text {border-radius:10px;border:2px solid black;width:50px;height:50px;background:#FFF;color:#000;line-height:46px;top:50%;margin-top:-15px}


		#g1 .back { width: 174px; height: 335px; background-position: -1482px -288px; }
		#g1 .front { width: 174px; height: 346px; background-position: -746px -10px; }
		#g1 .squat { width: 171px; height: 259px; background-position: -1114px -10px; }
		#g1 .hop { width: 174px; height: 352px; background-position: -378px -10px; }


		#g2 .front { width: 174px; height: 346px; background-position: -930px -10px; }
		#g2 .back { width: 174px; height: 343px; background-position: -1298px -279px; }
		#g2 .hop { width: 174px; height: 352px; background-position: -562px -10px; }
		#g2 .squat { width: 171px; height: 259px; background-position: -1295px -10px; }

		#g3 .front { width: 174px; height: 355px; background-position: -194px -10px; }
		#g3 .back { width: 174px; height: 344px; background-position: -1114px -279px; }
		#g3 .hop { width: 174px; height: 355px; background-position: -10px -100px; }
		#g3 .squat { width: 171px; height: 268px; background-position: -1482px -10px; }

		.btn, .opened {cursor:pointer}
		.btn, .math {left:20px;top:40px;width:260px;height:88px;font-size:60px;background:#22c108;line-height:88px;border-radius:20px}
		.math {width:412px;background:#4364a6;left:0;right:0;margin:0 auto;font-size:44px}
		.closed {margin:190px 0 0 125px;position:relative;float:left;width:172px;height:178px;background:url(images/closed.png)}
		.closed:nth-child(4) {margin:40px 0 0 270px}
		.closed:nth-child(5) {margin:40px 0 0 125px}
		.end {display:none;top:50%;margin-top:-50px;left:0;right:0;margin:0 auto;width:500px;height:110px;line-height:110px;border-radius:10px;background:#575759;color:#FFF}
		.result {display:none;width:300px;height:60px;line-height:60px;background:#FFF;border:2px solid black;left:0;right:0;margin:0 auto;border-radius:30px;top:140px;color:red;}
		.result.end {color:#35B105;width:500px;height:120px;line-height:120px}
		.result.end .red {color:red;font-weight:bold;}
		.result.end .green {color:green;font-weight:bold;}
		@font-face{font-family:'Ubuntu';src:url(./fonts/Ubuntu-Regular.ttf)}