.area-wrap{
	position: relative;
	max-width: 924px;
	height: 254px;
	margin-bottom: 40px;
	border: 3px solid #e9e7e8;
	border-radius: 3px;
}
.area-wrap p {
	position: absolute;
	top: 17px;
	left: 17px;
	padding-left: 14px;
	border-left: 5px solid #008400;
	margin: 0;
}
.area-wrap #area_map_links{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.area-wrap  ul li {
	position: absolute;
}
.area-wrap #area_map_links li a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	display: block;
}
.area-wrap #area_map_links li a span {
	font-size: 11px;
	font-weight: normal;
}
.area-wrap #list1 {
	top: 30px;
	left: 720px;
}
.area-wrap #list2 {
	top: 95px;
	left: 605px;
}
.area-wrap #list3 {
	top: 142px;
	left: 554px;
}
.area-wrap #list4 {
	top: 196px;
	left: 530px;
}
.area-wrap #list5 {
	top: 80px;
	left: 430px;
}
.area-wrap #list6 {
	top: 152px;
	left: 437px;
}
.area-wrap #list7 {
	top: 85px;
	left: 290px;
}
.area-wrap #list8 {
	top: 196px;
	left: 408px;
}
.area-wrap #list9 {
	top: 196px;
	left: 278px;
}
.area-wrap #list10 {
	top: 123px;
	left: 140px;
}
.area-wrap #list11 {
	top: 197px;
	left: 90px;
}
.area-wrap .area-btn:hover img{
	opacity:0.7;
}
.area-wrap div {
	position: absolute;
	top: 186px;
	left: 733px;
}

@media (max-width:970px){
	.area-wrap {
		background-size: contain !important;
		background-position: center right !important;
	}
	.area-wrap p {
		position: relative;
		top: 0;
		margin-top: 17px;
		left: 0;
		margin-left: 17px;
		padding-right: 10px;
	}
	.area-wrap #area_map_links {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.area-wrap ul li {
		position: static;
		width: 30%;
		float: left;
		margin-bottom: 15px;~
	}
	.area-wrap div {
		position: static;  
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.area-wrap {
		height: auto;
	}
	.area-wrap ul li {
		width: 50%;
	}
}