@charset "utf-8";
/* CSS Document */

#container {
	width: 965px;
	height: 490px;
	position: relative;
	margin: 0 auto;
}
#content {
	margin: 0px;
	overflow:hidden;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
}
#box {
	width: 900px;
	height: 108px;
	padding: 0px;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	border-radius: 25px;
	border-color: #efefef;
	border-style: solid;
	top: 370px;
	left: 20px;
	position: absolute;
		z-index:4;
	display: none;
}

#caption1 {
	position: absolute;
	left: 7.2px;
	top: 234.9px;
	display: none;
	z-index:4;

}

#caption2 {
	position: absolute;
	left: 190.2px;
	top: 234.9px;
	display: none;
	z-index:4;

}

#caption3 {
	position: absolute;
	left: 386.35px;
	top: 234.9px;
	display: none;
	z-index:4;

}

#caption4 {
	position: absolute;
	left: 582.6px;
	top: 234.9px;
	display: none;
	z-index:4;

}

#caption5 {
	position: absolute;
	left: 771.75px;
	top: 234.9px;
	display: none;
	z-index:4;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#text1, #drag1text, #drag2text, #drag3text, #drag4text, #drag5text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;

	
	position: absolute;
	top: 375px;
	left: 0px;
	width:965px;
	text-align:center;
	z-index:4;
	display: none;
}

#drag1text
{
	z-index:5;
		display: none;
}
#image1 {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
#line {
	position: absolute;
	left: 0px;
	top: 26px;
	display: none;
}
#drag1 {
	position: absolute;
	left: 7.2px;
	top: 77px;
	width:117px;
	height:100px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	cursor:move;
	z-index:5;
	display: none;
}
#target1, #finish1 {
	position: absolute;
	left: 7.2px;
	top: 77px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	display: none;
	cursor:pointer;
}


#drag2 {
	position: absolute;
	left:258.25px;
	top: 360px;
	width:117px;
	height:100px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	cursor:move;
		z-index:5;
	display: none;
}

#target2, #finish2 {
	position: absolute;
	left:190.2px;
	top: 77px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	display: none;
		cursor:pointer;

}
#drag3 {
	position: absolute;
	left:434px;
	top: 360px;
	width:117px;
	height:100px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	cursor:move;
		z-index:5;
	display: none;
}
#target3, #finish3 {
	position: absolute;
	left: 386.35px;
	top: 77px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	display: none;
		cursor:pointer;

}
#drag4 {
	position: absolute;
	left:619.75px;
	top: 360px;
	width:117px;
	height:100px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	cursor:move;
		z-index:5;
	display: none;
}
#target4, #finish4 {
	position: absolute;
	left: 582.6px;
	top: 77px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	display: none;
		cursor:pointer;

}
#drag5 {
	position: absolute;
	left:800.5px;
	top: 360px;
	width:117px;
	height:100px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	cursor:move;
		z-index:5;
	display: none;
}
#target5, #finish5 {
	position: absolute;
	left: 771.75px;
	top: 77px;
	-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
	display: none;
		cursor:pointer;

}