body {
	margin: 0;
	font-family: Arial, sans-serif;
}

.flash-container {
	width: 100%; /* 你的設定 */
	margin: 0 auto; /* 置中 */
	overflow: hidden;
	position: relative;
}

.imgs-container {
	display: flex;
	/* width: fit-content; */
	/* 初始位移：向左推「一個父容器寬度」 */
	transform: translateX(-100%);
	transition: transform 0.5s ease-in-out;
	will-change: transform;
}

.imgitem {
	/* width: 100%; */
	/* 或者為了保險，使用繼承父層寬度 */
	flex: 0 0 100%;
	aspect-ratio: 4 / 1;
	box-sizing: border-box;
}

.imgitem.linkable:hover{
	cursor:pointer;
}

.imgitem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagination {
	display: flex;
	gap: 10px;
	justify-content: center;
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	z-index: 10;
}

.pagination .dot {
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	background-color: #fff;
	box-shadow: 0px 0px 3px #aaa;
}

.pagination .dot.focus {
	background-color: #185e99;
	transform: scale(1.1);
}

@media (max-width:600px){
	.imgitem{
		aspect-ratio: 8 / 5;
	}
}

.hidden {
    opacity: 0;
    visibility: hidden; /* 讓元素不可見且不可點擊 */
    height: 0;          /* 如果需要完全不佔空間 */
    overflow: hidden;   /* 配合 height: 0 使用 */
    pointer-events: none; /* 徹底禁止滑鼠事件 */
}