body{
	background-color: #fafcfc;
}
main{
	max-width: 1200px;
	margin:50px auto;
	min-height: 200px;
	overflow: hidden;
	text-align: left;
	}
	.sdfsdfsd{
		width: 600px;
		border-right: 1px solid rgba(0,0,0,0.1);
		float: left;
	}
	.sdfsdfsd_left{
		float: right;
		
	}
	.sdfsdfsd_left>h1{
	font-family: 'bpg_nino_medium_capsregular';
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    color: #019934;
	}
.Survey{
	width: 460px;
	background-color: #e2e2e2;
	border-radius: 5px;
	height: 200px;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
}
.Survey h1{
	 font-family: 'dejavu_sansbold';
	 font-size: 18px;
	 padding: 10px;
}
.Survey ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 90%;
	position: relative;
	
}
.Survey li{
	cursor: pointer;
	padding: 10px;
	font-family: 'bpg_nino_medium_capsregular';
	font-weight: bold;
	width: 50px;
	color: #000000;
	position: relative;
	
}
.Survey li:hover{
	color: #00a3e0;
}
.off1{
	position: absolute;
	
	width: 71px;
	height: 40px;
	z-index: 9999;
	left: 0;
	top: 50px;
}
.off2{
	position: absolute;
	width: 71px;
	height: 40px;
	z-index: 9999;
	left: 0;
	top: 90px;
}

.border{
	width: 300px;
	height: 76px;
	position: absolute;
	right: 65px;
	top: -5px;
}
.pr{
	height: 15px;
	font-family: 'dejavu_sansbook';
	color: #fff;
	margin: 10px 5px;
	line-height: 15px;
	font-size: 12px;
	background-color: #019934;
	text-align: left;
	border-radius: 10px;
	padding: 5px;
	margin-left: 80px;
}
.pr>p{
	margin-left: -50px;
	    color: #019934;
}

	@media only screen and (max-width: 1220px) {
	
	main{
		width: 830px;
		
	}
	.Survey{
		width: 380px;
	}
	.border{
		width: 250px;
	}
	.sdfsdfsd{
		width: 410px;
	}
	.sdfsdfsd_left{
		width: 410px;
		
	}

}
@media only screen and (max-width: 1220px) {
	
	main{
		width: 400px;
		margin: 0px auto;
		
	}
	.sdfsdfsd_left> .Survey{
		margin-left: 20px;
	} 
	.Survey{
		width: 380px;
	}
	.border{
		width: 250px;
	}
	.sdfsdfsd{
		width: 410px;
	}
	.sdfsdfsd> .Survey{
		margin-left: 8px;
	}
	.sdfsdfsd_left{
		width: 410px;
	}

}