
.wrapper {background:url(images/bg.jpg);}
.wrapper.screen2 {background:url(images/bg2.jpg);}
.wrapper.screen3 {background:url(images/bg3.jpg);}
	main {position:relative;text-align:center;width:956px;height:612px;margin:15px auto 0;overflow:hidden;font-family: 'Ubuntu';font-size:20px;}

		.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

		.back {padding-top:20px;border-radius:10px;position:absolute;left:0;right:0;margin:0 auto;top:20px;width:919px;height:432px;border:2px solid #FFF;background:rgba(255,255,255,0.7)}
			.wrapp {position:relative;width:880px;margin:0 auto;height:40px}
			.wrapp + .wrapp {margin-top:10px}
				.wrapp > * {height:40px;border-radius:15px;line-height:38px;position:absolute;}
				.text {width:800px;border:2px solid #2e6f0e;line-height:36px;background:#FFF;color:#452510}
				.click {width:80px;padding-left:36px;cursor:pointer;}
				.yes {background:#2e6f0e;right:40px}
				.no {background:#c60c0c;right:0px}
				.result {display:none;width:120px;right:0px}
				.result:after {position:absolute;content:"";display:balock;top:50%;margin-top:-10px;right:36px}
				.result.good {background:#75aa21}
				.result.good:after {width:21px;height:20px;background:url(images/good.png)}
				.result.wrong {background:#fb002f}
				.result.wrong:after {width:19px;height:20px;background:url(images/bad.png)}
   @font-face { font-family: 'Ubuntu';src: url(./fonts/Ubuntu-Regular.ttf);}
