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

.location-map {
	width: 100%;
	height: 1050px;
	background: url(../images/location-map/bg.jpg) top center no-repeat;
	margin-top: -100px;
}

.location-top {
	width: 100%;
	height: auto;
	margin-top: 160px;
}

.location-top img {
	max-width: 100%;
}

.location-s-top {
	width: 100%;
	height: auto;
	font: 29px/24px 'lineseed', Arial, sans-serif;
	color: #550cb7;
	margin-top: 170px;
}

.location-search {
	width: 383px;
	height: 40px;
	margin-top: 15px;
	margin-right: 5px;
	padding: 5px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	background-color: #ffffff;
}

.location-search input {
	border: 0;
	width: 100%;
	height: 30px;
	background: none;
	line-height: 45px;
}

.location-map-block1 {
	width: 100%;
	height: 560px;
	margin-top: 20px;
}

.location-map-block {
	width: 1360px;
	height: 560px;
	background: url(../images/location-map/map.jpg) top center no-repeat;

	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	position: relative;
}

.mud-1 {
	position: absolute;
	left: 270px;
	top: 248px;
}

.mud-2 {
	position: absolute;
	left: 460px;
	top: 60px;
}

.mud-3 {
	position: absolute;
	left: 500px;
	top: 280px;
}

.mud-4 {
	position: absolute;
	left: 700px;
	top: 190px;
}

.sm-block-all {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

.sm-block1 {
	width: 100%;
	height: auto;
	font: 24px/41px 'lineseed', Arial, sans-serif;
	color: #550cb7;
	position: relative;
}

.sm-block1-list1 {
	width: 188px;
	height: 40px;
	background: #550cb7;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	position: relative;
}

.sm-block1-list-in {
	width: 188px;
	height: 40px;
	font: 18px/44px 'lineseed', Arial, sans-serif;
	color: #fff;
	padding-left: 10px;
	background: #1c7ef9;
	border: none;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
}

.sm-arrow {
	position: absolute;
	right: 3px;
	top: 17px;
}

.sm-bs {
	width: 100%;
	height: auto;
	margin-top: 5px;
}

@media (max-width: 374px) {
	.sm-block1-list1 {
		width: 120px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 120px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 16px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 3px;
		top: 12px;
	}

	.sm-block-all {
		margin-top: 20px;
	}

	.location-top {
		margin-top: 45px;
	}

	.location-s-top {
		margin-top: 25px;
	}
}

@media (min-width: 375px) and (max-width: 413px) {
	.sm-block1-list1 {
		width: 120px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 120px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 17px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 3px;
		top: 12px;
	}

	.sm-block-all {
		margin-top: 20px;
	}

	.location-top {
		margin-top: 45px;
	}

	.location-s-top {
		margin-top: 25px;
	}
}

@media (min-width: 414px) and (max-width: 575px) {
	.sm-block1-list1 {
		width: 150px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 149px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 20px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 4px;
		top: 12px;
	}

	.sm-block-all {
		margin-top: 20px;
	}

	.location-top {
		margin-top: 45px;
	}

	.location-s-top {
		margin-top: 25px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.sm-block1-list1 {
		width: 150px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 149px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 20px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 4px;
		top: 12px;
	}

	.sm-block-all {
		margin-top: 20px;
	}

	.location-top {
		margin-top: 85px;
	}

	.location-s-top {
		margin-top: 25px;
	}

	.location-map-block {
		width: 94%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.sm-block1-list1 {
		width: 150px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 149px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 20px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 4px;
		top: 12px;
	}

	.sm-block-all {
		margin-top: 20px;
	}

	.location-top {
		margin-top: 45px;
	}

	.location-s-top {
		margin-top: 56px;
	}

	.location-map-block {
		width: 94%;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.sm-block1-list1 {
		width: 150px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 149px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 20px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 4px;
		top: 12px;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.sm-block1-list1 {
		width: 150px;
		height: 30px;
	}

	.sm-block1-list-in {
		width: 149px;
		height: 30px;
		font: 14px/44px 'lineseed', Arial, sans-serif;
	}

	.sm-block1 {
		font: 20px/29px 'lineseed', Arial, sans-serif;
	}

	.sm-arrow {
		right: 4px;
		top: 12px;
	}
}