.marquee-container {
		position: relative;
		margin-bottom: 1rem;
		padding: 20px 0;
}
.owl-carousel {
		width: 100%;
}
.owl-carousel .owl-stage-outer {
		overflow: visible; 
}
.owl-carousel .owl-stage {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.owl-carousel .owl-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.marquee-item {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		height: auto;
		width: 100%;
		margin: 0 10px;
		overflow: hidden;
		background-color: #f0f0f0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		aspect-ratio: 810 / 540;
}
.marquee-item img {
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
		height: 100%;
}
/* 暫停按鈕 */
.pause-btn {
		position: absolute;
		top: 50%;
		right: 20px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		background: rgba(240, 165, 0, 0.9);
		color: #1a1a2e;
		border: none;
		padding: 12px 24px;
		border-radius: 25px;
		cursor: pointer;
		font-weight: bold;
		font-size: 14px;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 100;
}
.pause-btn:hover {
		background: #f0a500;
		-webkit-box-shadow: 0 4px 15px rgba(240, 165, 0, 0.5);
		        box-shadow: 0 4px 15px rgba(240, 165, 0, 0.5);
}
.pause-btn.active {
		background: #ff6b6b;
		color: white;
}
/* 隱藏 Owl Carousel 預設的導航按鈕 */
.owl-carousel .owl-nav, .owl-carousel .owl-dots {
		display: none;
}
.owl-carousel.force-pause .owl-stage {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.owl-carousel.force-pause .owl-item {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}

@media (max-width: 576px) {
	.marquee-container{
		margin-bottom: 0;
	}
	.marquee-item {
		aspect-ratio: 854 / 1280;
}
}