.wrapper{background:url(images/bg.png)}
	main{position:relative;width:1024px;height:621px;margin:0 auto;overflow:hidden}
		span{font-family:Ubuntu;font-size: 30px;font-weight:00;display:block;position:absolute;}
		.timepicker {background:url(images/clockface2.png)  no-repeat scroll center; background-size: 99%;width: 235px; height: 235px;position:absolute;display: none;z-index: 15;}
		.timepicker .hour { position: absolute;width: 10px; height: 120px;left:50%;top:50%; margin-top: -61px; margin-left: -5px;z-index: 100;cursor: pointer;}
		.timepicker .minute { position: absolute;width: 6px; height: 160px;left:50%;top:50%; margin-top: -80px; margin-left: -3px;z-index: 50;cursor: pointer;}
		.pointer {border-radius:10px;}
		.timepicker .hour .pointer { background-color: #2a5d91; width: 12px; height: 65px;}
		.timepicker .minute .pointer { background-color: #2a5d91; width: 8px; height: 85px;}
		.timepicker .hour .hover{background-color: #35B105}
		.timepicker .minute .hover{background-color: #35B105}
		.timepicker .hour .pointer:hover{background-color: #058BB1}
		.timepicker .minute .pointer:hover{background-color: #058BB1}
.rotate {
			transform:rotate(10deg);
			-ms-transform:rotate(10deg);
			-webkit-transform:rotate(10deg);
		}
		.timepicker .mask { position: absolute;width: 230px;height: 239px; z-index: 0;cursor: pointer;}


.timepicker {
    left: 450px;
    top: 163px;
}
.good {position:relative;width:1024px;height:621px;margin:0 auto;background:url(images/good.png); z-index: 2; display: none;}
.bad {position:relative;width:1024px;height:621px;margin:0 auto;background:url(images/bad.png);z-index: 3; display: none;}

