.right_contentBg{
	/* overflow: hidden; */
}

.pageContent{
	overflow: hidden;
}

/*========================================================*/
/*-------全球布局樣式--------*/
/*========================================================*/


/* 地區選單 */
.region-selection {
	margin: 0;
	padding: 0;
	list-style-type : none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 最小值 12.90px、大小約 1.3021vw、最大值 25.00px */
	text-align: center;
	margin-bottom: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
}

	.region-selection li{
		margin: 0;
		padding: 0;
		list-style-type : none;
		display: block;
	}

		.region-selection a {
			transition: 0.3s all ease;
			min-width: clamp(11.2500rem, 10.4167vw, 12.5000rem); /* 最小值 180.00px、大小約 10.4167vw、最大值 200.00px */
			font-size: 0.9375rem;
			max-width: 100%;
			line-height: 1.2;
			padding: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
			text-align: center;
			background-color: var(--primary_color);
			display: inline-block;
			border: 1px solid var(--primary_color);
			color: #fff;
			text-decoration: none;
		}

		.region-selection a:hover {
			background-color: var(--dark_color2);
			border-color: var(--dark_color2);
			transition: 0.3s all ease;
		}


.location_bg{
	
}
.right_contentBg .location_bg:not(:last-of-type){
	margin-bottom: calc(clamp(0.9678rem, 1.5625vw, 1.8750rem) * 1.5);
}


/* 據點列表 */
.location_area {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 1.5625vw, 1.8750rem); /* 最小值 20px、大小約 1.5625vw、最大值 30.00px */
}
/* 據點列表 */
.location_area.map {
    background-color: #F7F7F7;
    position: relative;
    width: 100%;
	aspect-ratio: 16 / 9;
    /* padding-top: 56.25%; */
    /* overflow: hidden; */
}

	.location_list {
		display: flex;
		/* align-items: center; */
		gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
		color: var(--dark_color);
	}

		.location_img {
			min-width: 12.375rem; /*198px*/
		}
			.location_img a{
				position: relative;
				aspect-ratio: 5 / 6;
				display: block;
				overflow: hidden;
			}
				.location_img img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					float: none;
					width: 100% !important;
					height: 100% !important;
					object-fit: cover;
					transition: 0.3s ease all;
				}

			.location_box {
				flex: 1;
			}

				.location_box strong {
					font-size: 1.2rem; 
					margin-bottom: 0.625rem; /*10px*/
				}

				.location_box strong a ,
				.location_box strong span {
					display: block;
					line-height: 1.25;
					padding: 0.625rem 0.9375rem;  /*10px 15px*/
					font-size: clamp(1.0625rem, 1.0417vw, 1.2500rem); /* 最小值 17.00px、大小約 1.0417vw、最大值 20.00px */
					font-weight: 600;
					margin: 0;
					margin-bottom:clamp(0.9375rem, 1.0417vw, 1.2500rem); /* 最小值 15.00px、大小約 1.0417vw、最大值 20.00px */
					position: relative;
					border-left: none;
					color: inherit;
					border-bottom: 1px #ddd solid;
					text-decoration: none;
				}

				.location_box strong a:hover {
					color: var(--primary_color);
				}
				
				
				.stronghold_area{
					display: flex;
					flex-direction: column;
					gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
				}
				.location_info{
					display: flex;
					flex-direction: column;
					gap: .625rem;
					font-size:inherit;
					line-height: 1.65;
					padding-left: clamp(0.5161rem, 0.8333vw, 1.0000rem); /* 最小值 8.26px、大小約 0.8333vw、最大值 16.00px */
					margin: 0;
					font-weight: 400;
				}
					.location_info .city{
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						gap: .625rem; /*10px*/
					}
						.location_info .city b{
							font-size: 1.1rem;
							font-size: clamp(1rem, 0.9375vw, 1.125rem); /* 最小值 16px、大小約 0.9375vwvw、最大值 18.00px */

							font-weight: 500;
						}
						.location_info .city a{
							color: var(--primary_color);
						}
						.location_info .city a:hover{
							opacity: 0.7;
						}



					.location_info p ,
					.location_info a {
						font-size: inherit;
						color: inherit;
						text-decoration: none;

						word-wrap: break-word;
						/* word-break: break-all; */
					}

					.location_info .map {
						padding: 1px 0;
						color: var(--primary_color);
						text-decoration: none;
						font-family: var(--foreign_font);
						width: clamp(7.5rem, 8.3333vw, 10rem); /* 最小值 120px、大小約 8.3333vw、最大值 160px */
						display: inline-flex;
						justify-content: center;
						border: 1px var(--primary_color) solid;
						text-align: center;
					}
					

					.location_info .phone a {
						color: var(--primary_color);
						text-decoration: none;
						font-family: var(--foreign_font);
						word-wrap: break-word;
   						/* word-break: break-all; */
					}

					.location_info .map:hover ,
					.location_info .phone a:hover {
						opacity: 0.8;
					}








/* 響應式設計：螢幕小於768px時，調整布局 */
@media screen and (max-width: 768px) {

	
	/* 地區選單 */
	.region-selection {
		display: grid;
		grid-template-columns: repeat(2 , 1fr);
	}
		/* 地區選單 */
		.region-selection li{
			min-width: unset;
			width: 100%;
		}
			.region-selection a{
				min-width: unset;
				width: 100%;
			}



	/*----- 內頁標題塊3 -----*/
	.location_bg .right_title3{
		font-size: 1.3438rem; /* 21.5px */
	}

	.location_list {
	}

		.location_img {
			min-width:  clamp(8.4375rem, 9.3750vw, 11.2500rem); /* 最小值 135.00px、大小約 9.3750vw、最大值 180.00px */
		}


		
		.location_box strong a ,
		.location_box strong span {
			font-size: 1.25rem; /* 20.00px */
		}
		.location_info .city{
			font-size: 1.125rem; /* 18px */
		}
		
}



@media (max-width: 640px){

	.location_area{
		gap: 25px;
	}

		.location_list {
			flex-direction: column;		
		}
		
		.location_box strong a {
			padding: 0 0 0.625rem ;
		}
			.location_info{
				padding-left: 0;
			}
}



/* =============================== */
/* 地圖 */
/* =============================== */


    svg { 
		width: 100%; 
		height: 100%;
		/* height: 100vh;  */
		/* position: relative; */

		/* position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;		 */
	}


.tooltip {
  position: absolute;
  pointer-events: none;
  background: white;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.2s;


  /*position: fixed;*/ /* 或 absolute，但要確認定位基準正確 */
  z-index: 999;
}
.tooltip strong.company_name{
	font-weight: 600;
	color: var(--primary_color);
	margin-bottom: .625rem;
	display: block;
}



@media screen and (min-width: 990.1px) and (max-width: 1440px){

	.tooltip {
		max-width: 30dvw;
	}

}


/* 在螢幕放大110%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 990.1px) and (min-height: 500px) and (max-height: 1000px) and  (-webkit-min-device-pixel-ratio: 1.1) and (-webkit-max-device-pixel-ratio: 1.21), only screen and (min-resolution: 110dpi) and (max-resolution: 121dpi) {

	.tooltip {
		max-width: 30dvw;
	}

}

/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49), only screen and (min-resolution: 125dpi) and (max-resolution: 149dpi) {

	.tooltip {
		max-width: 30dvw;
	}

}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {

	.tooltip {
		max-width: 30dvw;
	}

}




@media screen and (max-width: 990px){

	.tooltip {
		/* max-width: 30dvw; */
		word-break: break-word;


		max-width: 40dvw;
        width: 80%;
	}

}