.owl-theme .owl-dots .owl-dot span 
{
    width: 25px;
    height: 5px;
    border-radius: 3px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var( --fonts4-color );
}
.owl-carousel {
    width: 100%;
	padding-bottom:10px;
    z-index: 1;
	overflow: hidden; /* 防止內容溢出 */
}
.owl-carousel.owl-drag .owl-item,.owl-carousel.owl-drag .owl-item.active
{
	opacity:.5;
}
.owl-carousel.owl-drag .owl-item.active.center
{
	opacity:1;
}

/* 滿版輪播容器 */
.full-screen-carousel {
	width: 100%;
	height: calc( 100vh - 232px ); /* 滿版高度，可根據需要調整為固定值如 600px */
	position: relative;
	overflow: hidden;
}

.imgAreaContain_fullh {
	width: 100%;
	height: calc(100vh - 232px);
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; /* 明確指定置中 */
	overflow: hidden;
	transition: all 0.5s;
	
}
 /* 輪播項目的響應式設置 */
.owl-carousel .owl-item {
	width: 100% !important; /* 改為 100%，適應父容器 */
    height: calc(100vh - 232px) !important; /* 保持高度設置 */
}

/* 移除任何可能導致邊緣顯示的間距 */
.owl-carousel .owl-stage {
	display: flex;
    align-items: center;
    justify-content: center; /* 確保內容水平置中 */
}

.owl-dots
{
	/* position:absolute;
	bottom:0px;
	left:48%; */
	position: absolute;
    bottom: 10px; /* 稍微增加底部間距以提高可見性 */
    left: 50%;
    transform: translateX(-50%); /* 水平置中 */
}

.owl-carousel.owl-drag .owl-item, .owl-carousel.owl-drag .owl-item.active
{
	opacity:1 !important;
}