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

/* 門市查詢區塊--列表*/
#store .n_content{
	margin-top: 20px;
}
#store .n_content .mapbox ul li {
	height:220px; 
	width:22%;
	border-radius:3px;
	border:#fff 1px solid;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	float:left;
	margin:3% 1% 3% 1% ;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;	
	background-color:#eeeeee!important;
}

#store .n_content .mapbox ul li:hover{
	-webkit-filter: brightness(0.9);
	-moz-filter: brightness(0.9);
	-khtml-filter: brightness(0.9);
	-ms-filter: brightness(0.9);
	-o-filter: brightness(0.9);
	filter: brightness(0.9);
}	
	
#store .n_content .mapbox ul li h1{
	color:#444444;
	font-size: 16px;
	line-height: 20px;
	font-weight:800;
	height: 120px;
	padding-top:30px;
	padding-bottom:10px;
	display:block;

}

#store .n_content .mapbox ul li h1:after{
	display:none;
}

#store .n_content .mapbox ul li h2{
	font-size: 14px;
	font-weight:400;
	line-height: 18px;
	display:block;
	text-align:left;
	height: 50px;
	color:#888888;
}


#store .n_content .mapbox ul li h3{
	font-size:12px;
	display:block;
	height: 30px;
	color:#888888;
}

#store .n_content .mapbox ul li img{
	border-radius:3px;
	margin-bottom: 5px;
}
#store .n_content .mapbox ul li  h1:hover,h2:hover,h3:hover{
	text-decoration:none !important;
}
#store .n_content .mapbox ul li img:hover{
	text-decoration:none;	
}


/* 門市查詢區塊--地圖*/
#store .n_content .googlemap{
	height:50px;
	color:#888888;
}

#store .n_content .googlemap h2{
	width:40%;
	color:#444444;
	font-size: 16px;
	line-height: 25px;
	font-weight:800;
	display:block;
	float:left;
}

#store .n_content .googlemap h2:after{
	content:"";
	width:720px;
	height:30px;
	display:block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #888888;
}

#store .n_content .googlemap h3{
	font-size: 14px;
	font-weight:400;
	line-height: 25px;
	display:block;
	text-align:left;
	float:left;
}

#store .n_content .googlemap h4{
	width:20%;
	font-size:12px;
	line-height: 25px;
	display:block;
	float:right;
	padding-right:10px;
}
#store .n_content .googlemap #map{
	width:100%;
	height:500px;
	display:block;
}


@media screen and (min-width:568px) and (max-width: 980px) {
#store .n_content .mapbox ul li {
	width:30%;
	height:auto;
	float:left;
}
#store .n_content .mapbox ul li h1{
	font-size:15px;
	line-height: 20px;
}
#store .n_content .mapbox ul li h2{
	font-size: 13px;
	font-weight:400;
	line-height: 18px;
	position:relative;
	bottom:1%;
}

#store .n_content .googlemap h2{
	width:100%;
}
#store .n_content .googlemap h2:after{
	width:100%;
	height:10px;
}
#store .n_content .googlemap h3,
#store .n_content .googlemap h4{
	width:100%;
	clear:both;
	text-align:left;
}


}


/*特殊尺寸***************************************************/
@media screen and (min-width:568px) and (max-width: 667px) {
#store .n_content .mapbox ul li{
	width:45%;
	height:auto;
}		
}	

@media screen and (max-width:567px){
#store .n_content .mapbox ul li{
	width:45%;
	height:auto;
}	
#store .n_content .googlemap ul li h1:after{
	width:100%;
		border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #777777!important;
}
#store .n_content .mapbox ul li h2{
	text-align:center;
		font-size: 13px;
	font-weight:400;
	line-height: 18px;
}

#store .n_content .googlemap h2{
	width:100%;
}
#store .n_content .googlemap h2:after{
	width:100%;
	height:10px;
}
#store .n_content .googlemap h3,
#store .n_content .googlemap h4{
	width:100%;
	clear:both;
	text-align:left;
}


}