@font-face  { font-family: bookman; src: url('fonts/BookmanStd-Light.eot'), url('fonts/BookmanStd-Light.ttf'),  url('fonts/BookmanStd-Light.otf') }

#page1{
color: #000000;font: 14px avenir,arial;height:403px;left: opx;overflow: hidden;position: absolute;top: 0px;width: 712px; overflow:hidden;display:block;
}
#page2{
color: #000000;font: 14px avenir,arial;height:403px;left: opx;overflow: hidden;position: absolute;top: 0px;width: 712px; overflow:hidden;display:none;
}
#page3{
color: #000000;font: 14px avenir,arial;height:403px;left: opx;overflow: hidden;position: absolute;top: 0px;width: 712px; overflow:hidden;display:none;
}
#box_1_1{
    height: 170px;
    left: 0;
    position: absolute;
    top: 245px;
    width: 180px;
}
#box_1_2{
	height:170px;
	width:180px;
 	left: 135px;
    position: absolute;
    top: 225px;

}
#box_1_3{
	height:170px;
	width:180px;
	left: 270px;
    position: absolute;
    top: 200px;

}
#boy{
   height: 270px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 105px;
}
#box-control1{
   height: 92px;
    left: 177px;
    position: absolute;
    top: 302px;
    width: 105px;
	opacity:0;
}
#box-arrow1{
    left: 155px;
    position: absolute;
    top: 315px;
	display:none;
}
#dialog_box{
 left: 510px;
    position: absolute;
    top:25px;
	display:none;
}
#dialog_txt{
    left: 525px;
    position: absolute;
    top: 35px;
    width: 140px;
    z-index: 100;
	display:none;
}
#discription_box{
   left: 100px;
    position: absolute;
    top: 25px;
	display:none;
}
#discription_txt{
    left: 105px;
    position: absolute;
    top: 40px;
    width: 260px;
    z-index: 100;
	display:none;
}
#boy_box{
   height: 270px;
    left: 510px;
    position: absolute;
    top: 100px;
    width: 105px;
}
/*page 2*/

#box_2_1{
    height: 170px;
    left: 0;
    position: absolute;
    top: 245px;
    width: 180px;
	overflow: hidden;
}
#box_2_2{
	height:170px;
	width:180px;
 	left: 135px;
    position: absolute;
    top: 225px;
	overflow: hidden;
}
#box_2_3{
	height:170px;
	width:180px;
	left: 270px;
    position: absolute;
    top: 200px;
	overflow: hidden;
}
#box-control2{
   height: 92px;
    left: 37px;
    opacity: 0;
    position: absolute;
    top: 322px;
    width: 105px;
	opacity:0;
}
#box-control3{
   height: 92px;
    left: 177px;
    position: absolute;
    top: 302px;
    width: 105px;
	opacity:0;
}
#box-control4{
   height: 92px;
    left: 310px;
    opacity: 0;
    position: absolute;
    top: 275px;
    width: 105px;
}
#box-arrow2{
    left: 10px;
    position: absolute;
    top: 340px;
	display:none;
}
#box-arrow3{
    left: 155px;
    position: absolute;
    top: 315px;
	display:none;
}
#box-arrow4{
   left: 285px;
    position: absolute;
    top: 295px;
	display:none;
}
#dialog_box{
 left: 510px;
    position: absolute;
    top:25px;
	display:none;
}
#dialog_txt{
    left: 525px;
    position: absolute;
    top: 35px;
    width: 140px;
    z-index: 100;
	display:none;
}
#discription_box{
   left: 100px;
    position: absolute;
    top: 25px;
	display:none;
}
#discription_txt{
    left: 105px;
    position: absolute;
    top: 40px;
    width: 260px;
    z-index: 100;
	display:none;
}
#boy_box1{
   height: 375px;
   left: 460px;
    position: absolute;
    top: 50px;
    width: 200px;
}
#boy-controle{
   height: 270px;
    left: 510px;
    position: absolute;
    top: 100px;
    width: 105px;
	opacity:0;
}
#boy-arrow{
    left: 510px;
    position: absolute;
    top: 200px;
	display:none;
}
#discription_box2{
   left: 100px;
    position: absolute;
    top: 25px;
	display:none;
}
#discription_txt2{
    left: 105px;
    position: absolute;
    top: 40px;
    width: 295px;
    z-index: 100;
	display:none;
}
#dialog_box2{
 left: 510px;
    position: absolute;
    top:25px;
	display:none;
}
#dialog_txt2{
    left: 525px;
    position: absolute;
    top: 35px;
    width: 140px;
    z-index: 100;
	display:none;
}
#activity_div{
background-image:url(../img/div_bg.png);
    background-repeat: no-repeat;
    height: 247px;
    left: 115px;
    position: absolute;
    top: 80px;
    width: 470px;
}
.txt_box{
	height:25px;
	width:15px;
	text-align:center;
}
#qust_1{
	position:absolute;
	top:5px;
	left:22px;
	color:#FFF;
}
#qust_2{
	position:absolute;
	top:5px;
	left:21px;
	color:#FFF;
}
#qust_3{
	position:absolute;
	top:5px;
	left:21px;
	color:#FFF;
}
#qust_4{
	position:absolute;
	top:5px;
	left:22px;
	color:#FFF;
}
#qustion_1_div{
	position:absolute;
	top:40px;
	left:150px;
	width:150px;
}
#qustion_2_div{
	position:absolute;
	top:80px;
	left:150px;
	width:200px;
}
#qustion_3_div{
	position:absolute;
	top:120px;
	left:150px;
	width:200px;
}
#qustion_4_div{
	position:absolute;
	top:160px;
	left:150px;
	width:150px;
}
#ans_1_2{
	position:absolute;
	top:0px;
	left:110px;
}
#ans_2_2{
	position:absolute;
	top:0px;
	left:185px;
}
#ans_3_2{
	position:absolute;
	top:0px;
	left:185px;
}
#ans_4_2{
	position:absolute;
	top:0px;
	left:140px;
}
#result_div{
	background-image:url(../img/box.png);
	background-repeat:no-repeat;
	display:none;
	height: 30px;
    left: 245px;
    position: absolute;
    top: 370px;
    width: 230px;
	text-align:center;
	padding-top:8px;
}
#solution{
	opacity:0.5;
}
#reset{
		opacity:0.5;
}
#back{
	visibility:hidden;
}