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


body .content-wrapper_location {
  width: 85% ;
  color: #595757;
  font-size: 1.2em;
  /*padding: 0 0 0 1rem;*/
  text-decoration: none;
  margin: 15px auto;
    }

/*---上方圖片--*/
	
.img-location{
  width: 100%;
  aspect-ratio: 1920 / 130;
  background-image: url(../pic/locations/banner_locations.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 平板尺寸 */
@media (max-width: 768px) {
  .img-location{
    background-image: url(../pic/locations/banner_locations_768.png);
    aspect-ratio: 768 / 52;
  }
}



/*--google map設定--*/

.map-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 75%; /* 調整這個控制比例，75% = 4:3，56.25% = 16:9 */
  height: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 30px;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 30px;
}


.map_info{
	display: inline-block;
	padding: 18px 0;
}


/* 平板尺寸 */
@media (max-width: 768px) {
  .map_info{
	font-size: 18px;
}

}


.map_info ul{
	list-style: none;
	line-height: 2;
	
}

.map_title{
	color: #fff;
	background: #595757;
	border-radius: 15px;
	padding: 2px 10px;
}

.open_map{
	color: #fff;
	text-decoration:none;
	background: #d4b2d3;
	border-radius: 10px;
	padding: 2px 10px;
	transition: 0.3s, color 0.3s;
	
}

.open_map:hover {
  background-color: #c972a4;
  color: #fff;
}


/*.clinic_pic img{
	padding: 12px 5px 0 5px ;
	border-radius: 25px;
} 原本是服務據點裡面每個診所的照片_但星妤後來要拿掉，說不用放
*/