@font-face  { font-family: Jacoby; src: url('../fonts/Jacoby_ICG_Black.eot'), url('../fonts/Jacoby_ICG_Black.ttf'),  url('../fonts/jacoby_icg_black.otf') }
@font-face  { font-family: Trebuchet MS; src: url('../fonts/TREBUC.eot'), url('../fonts/TREBUC.ttf'),  url('../fonts/TREBUC.otf') }
@font-face  { font-family: PRESEN01; src: url('../fonts/PRESEN01.eot'), url('../fonts/PRESEN01.ttf'),  url('../fonts/PRESEN01.otf') }

body, html{
    overflow: none !important;
}
.drgtxt {
	font-family: PRESEN01;
	font-size: 28px;
}

#page1_inst{
position: absolute;
left:75px;
top:50px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;

}
#page2_inst{
		position: absolute;
		top: 18px;
		left: 30px;
		font-family: Trebuchet MS;
		width: 880px;
		font-size: 22px;
		text-align: left;
}
#page1{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 40px;
		width: 910px;
		
			
}
#page2{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		display:none;
}
#img_1{
	position:absolute;
	left:11px;
	top:50px;
	width:446px;
	height:112px;
}
#img_2{
	position:absolute;
	left:460px;
	top:50px;
	width:446px;
	height:112px;
}
#img_3{
	position:absolute;
	left:11px;
	top:221px;
	width:446px;
	height:112px;
}
#img_4{
	position:absolute;
	left:460px;
	top:221px;
	width:446px;
	height:112px;
}
#drp_1{
	position:absolute;
	left:85px;
	top:169px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
	font-family: PRESEN01;
	font-size: 28px;
	color:green;
	text-align: center;
}

#drp_2{
	position:absolute;
	left:630px;
	top:169px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
	font-family: PRESEN01;
	font-size: 28px;
	color:green;
	text-align: center;
}
#drp_3{
	position:absolute;
	left:85px;
	top:340px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
	font-family: PRESEN01;
	font-size: 28px;
	color:green;
	text-align: center;
}
#drp_4{
	position:absolute;
	left:630px;
	top:340px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
	font-family: PRESEN01;
	font-size: 28px;
	color:green;
	text-align: center;
}
#drg_1{
	cursor:pointer;
	position:absolute;
	left:87px;
	top:449px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
}

#drg_2{
	cursor:pointer;
	position:absolute;
	left:275px;
	top:449px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
}
#drg_3{
	cursor:pointer;
	position:absolute;
	left:455px;
	top:449px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
}
#drg_4{
	cursor:pointer;
	position:absolute;
	left:632px;
	top:449px;
	width:145px;
	height:33px;
	background-image:url(../ob/box.png);
}
.com1{
	position:absolute;
	width:132px;
	height:46px;
	display:none;
}

.com2{
	position:absolute;
	width:56px;
	height:56px;
	display:none;
}

#right_1{
	position:absolute;
	left:234px;
	top:164px;
}

#right_2{
	position:absolute;
	left:787px;
	top:164px;
}

#right_3{
	position:absolute;
	left:236px;
	top:344px;
}

#right_4{
	position:absolute;
	left:793px;
	top:344px;
}


#wrong_1{
	position:absolute;
	left:234px;
	top:164px;
}

#wrong_2{
	position:absolute;
	left:787px;
	top:164px;
}

#wrong_3{
	position:absolute;
	left:236px;
	top:344px;
}

#wrong_4{
	position:absolute;
	left:793px;
	top:344px;
}

#checkbtn{
	cursor: pointer;
    height: 60px;
    left: 777px;
    opacity: 1;
    position: absolute;
    top: 442px;
    width: 130px;
}

.com3{
	position:absolute;
	left:343px;
	top:-320px;
	width:261px;
	height:181px;
}

#sign{	
	position:absolute;
	top:412px;
	left:406px;
	height:40px;
	width:132px;
	cursor:pointer;
	display:none;
}

#close1 {
    background-image: url("../ob/close1.jpg");
    height: 29px;
    width: 29px;
}

#line1
{
	 font-size: 23px;
    height: 32px;
    left: 58px;
    position: absolute;
    top: 128px;
    width: 515px;
	
}

#line2
{
	font-size: 23px;
    height: auto;
    left: 673px;
    position: absolute;
    top: 128px;
    width: 200px;
	
}
#line3
{
	 font-size: 23px;
    left: 59px;
    position: absolute;
    top: 180px;
    width: 27px;
}
#line4
{
	  font-size: 23px;
    height: auto;
    left: 200px;
    position: absolute;
    top: 180px;
    width: 222px;
	
}

#line5
{
	 font-size: 23px;
    height: auto;
    left: 532px;
    position: absolute;
    top: 180px;
    width: 150px;
}

#line6
{
	 font-size: 23px;
    height: auto;
    left: 773px;
    position: absolute;
    top: 180px;
    width: 100px;
}
#line7
{
	 font-size: 23px;
    height: auto;
    left: 59px;
    position: absolute;
    top: 235px;
    width: 33px;
	
}
#line8
{
	 font-size: 23px;
    height: auto;
    left: 219px;
    position: absolute;
    top: 235px;
    width: 235px;
	
}
#line9
{
	 font-size: 23px;
    height: auto;
    left: 572px;
    position: absolute;
    top: 235px;
    width: 184px;
	
}


#b1
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 42px;
    position: absolute;
    top: 80px;
   
}

#b2
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 112px;
    position: absolute;
    top: 80px;
    
}

#b3
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 180px;
    position: absolute;
    top: 80px;
   }

#b4
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 50px;
    position: absolute;
    top: 160px;
    }

#b5
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 112px;
    position: absolute;
    top: 160px;
   }

#b6
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 180px;
    position: absolute;
    top: 160px;
   }

#b7
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 44px;
    position: absolute;
    top: 240px;
    }

#b8
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 112px;
    position: absolute;
    top: 240px;
   }

#b9
{

    background-repeat: no-repeat;
   cursor: pointer;
    left: 180px;
    position: absolute;
    top: 240px;
   }


#b10
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 46px;
    position: absolute;
    top: 320px;
    }


#b11
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 112px;
    position: absolute;
    top: 320px;
   }


#b12
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 180px;
    position: absolute;
    top: 320px;
    }

#b13
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 48px;
    position: absolute;
    top: 400px;
   }

#b14
{

    background-repeat: no-repeat;
    cursor: pointer;
    left: 112px;
    position: absolute;
    top: 400px;
   }


#b15
{

    background-repeat: no-repeat;
   cursor: pointer;
    left: 180px;
    position: absolute;
    top: 400px;
  
}

#brush
{
  left: 353px;
    position: absolute;
    top: 0px;
	background-image: url("../ob/brush.png");
	background-repeat: no-repeat;
	width:140px;
	height:115px;
	cursor:none;
	z-index:1000;
}

#bodyCont{
	  background-color: white;
    height: 340px;
    left: 329px;
    position: absolute;
    top: 90px;
    width: 530px;
 }
 #svgCont{
	 background-color: white;
    height: 371px;
    left: 1px;
    position: absolute;
    top: 0px;
    width: 570px;
	cursor:none;
   }
   
 #check_over
{
	 height: 50px;
    left: 758px;
    position: absolute;
    top: 485px;
    width: 146px;
}