#map_search{
	overflow:hidden;
	margin:0 0 80px 0;
	border:1px solid #cccccc;
}


/* -----------------------------------
	map-content
----------------------------------- */
#map-content{
	position:relative;
	float:right;
	width:879px;
	height:600px;
}

#map{
	width:100%;
	height:100%;
}


/* search-box
----------------------------------- */
#search-box{
	position:absolute;
	top:auto !important;
	bottom:30px !important;
	left:30px !important;
	width:240px;
}

#search-box > *{
	float:left;
	height:30px;
	border:none;
}

#search-text{
	width:210px;
	padding:0 10px;
	font-size:13px;
}

#search-button{
	width:30px;
	padding:0;
	cursor:pointer;
	transition-duration:0.2s;
}
#search-button:hover{ opacity:0.8; }


/* infowindow
----------------------------------- */
#map_search .infowindow{
	position:relative;
	padding:4px 50px 0 0;
	font-size:12px;
}

#map_search .infowindow span{
	display:block;
	padding:0 0 6px 0;
	font-weight:bold;
	font-size:14px;
}

#map_search .infowindow a{
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%); /* Android */
	transform:translateY(-50%);
	width:38px;
	background:#6aae26;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#ffffff !important;
	line-height:24px;
	text-decoration:none !important;
	transition-duration:0.2s;
}
#map_search .infowindow a:hover{ opacity:0.8; }


/* -----------------------------------
	block
----------------------------------- */
#map_search .block{
	overflow-y:scroll;
	float:left;
	width:251px;
	height:600px;
	padding:10px 10px 0;
}

#map_search ul{
	margin:0;
	padding:0;
	list-style:none;
}


/* sort
----------------------------------- */
#map_search .sort{
	padding:0 0 10px 0;
}

#map_search .sort h2{
	margin:0 0 10px 0;
	padding:0 10px;
	background:#6aae26;
    font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:30px;
}

#map_search .sort ul li{
	margin:0;
	border-bottom:1px solid #cccccc;
    font-size:14px;
	font-weight:normal;
	line-height:24px;
}

#map_search .sort .open{
	padding:8px 20px 8px 0;
	background:url(../images/search/icon_open.png) no-repeat right center;
	cursor:pointer;
	transition-duration:0.2s;
}
#map_search .sort .open:hover{ opacity:0.8; }
#map_search .sort .open.close{ background-image:url(../images/search/icon_close.png); }

#map_search .sort ul ul{
	overflow:hidden;
	display:none;
	padding:0 0 10px 0;
}

#map_search .sort ul ul li{
	float:left;
	padding:0 14px 0 0;
	border:none;
  font-size:12px;
	line-height:22px;
	list-style: none;
}

#map_search .sort label{
	cursor:pointer;
}

#map_search .sort input{
	margin:0 5px 0 0;
}


/* search_box
----------------------------------- */
#map_search .search_box{
	overflow:hidden;
	padding:0 0 5px 0;
}

#map_search .search_box input{
	float:left;
	width:165px;
	height:28px;
	padding:0 10px;
	font-size:12px;
	font-weight:normal;
}

#map_search .search_box button{
	float:right;
	width:52px;
	height:28px;
	padding:0;
	background:#97c667;
	border:none;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	letter-spacing:2px;
	transition-duration:0.2s;
}
#map_search .search_box button:hover{ opacity:0.8; }


/* shop
----------------------------------- */
#map_search .shop h2{
	margin:0 0 20px 0;
	padding:10px 10px 5px;
	border-bottom:2px solid #cccccc;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}

#map_search .shop ul li{
	margin:0;
	padding:0 0 20px 10px;
}

#map_search .shop dl{
	position:relative;
	padding:0 48px 0 0;
}

#map_search .shop dl dt{
	padding:0 0 4px 0;
    font-size:13px;
}

#map_search .shop dl dd{
	margin:0;
    font-size:12px;
	font-weight:normal;
}

#map_search .shop dl dd.btn{
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%); /* Android */
	transform:translateY(-50%);
}

#map_search .shop dl dd.btn a{
	display:block;
	width:38px;
	background:#6aae26;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	line-height:24px;
	transition-duration:0.2s;
}

#map_search .shop dl dd.btn a:hover{
	opacity:0.8;
}

@media screen and (max-width:993px){
#map_search{
	margin:0 0 40px 0;
}

#map-content{
	float:none;
	width:100%;
	height:400px;
}

#map_search .block{
	overflow-y:visible;
	float:none;
	width:auto;
	height:auto;
	padding-top:20px;
}
}


#error_message {
    position: absolute;
    top: auto !important;
    bottom: 100px !important;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: white;
    padding: 10px;
    border: 1px solid red;
    font-weight: 100;
 }