@charset "utf-8";
#banner {
	height: 120px;
	font-size: 40pt;
	text-align: center;
	font-weight: bolder;
	border: 5px solid;
	line-height: 120px;
	background-color: #fff;
}
#main {
	height:800px;
}
#how2-main {
	height: 70%;
	min-height: 200px;
	background-color: #eeffed;

	/* background-color: #ffdfdf; */
	border-radius: 10px;
}



button:disabled {
	background-color: #a0aec0;
	/* 灰色背景 */
	cursor: not-allowed;
	/* 顯示不可點擊的光標 */
	color: #718096;
	/* 灰色文字 */
}




.scrollbar-w-2::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}

.scrollbar-track-blue-lighter::-webkit-scrollbar-track {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.scrollbar-thumb-blue::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.scrollbar-thumb-rounded::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
}


.container {
	display: flex;
	align-items: center;
}

.loader27 {
	font-size: 24px;
	font-weight: bold;
	color: #0000;
	animation: loader27-animation 0.5s infinite alternate linear;
	background: radial-gradient(circle closest-side, #000 80%, #0000) right/calc(150% - 1em) 100%;
}

.loader27::before {
	content: "　　　　";
	background: inherit;
	background-clip: text;
	background-image: radial-gradient(circle closest-side, #fff 94%, #000);
}

@keyframes loader27-animation {
	100% {
		background-position: left;
	}
}






.button24 {
	width: 160px;
	height: 60px;
	color: #000;
	cursor: pointer;
	border: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: none;
}

.button24::before {
	margin-left: auto;
}

.button24::after,
.button24::before {
	content: "";
	width: 0%;
	height: 2px;
	background-color: #0c0c0c;
	display: block;
	margin: 10px 0;
	transition: 0.5s;
}

.button24:hover::after,
.button24:hover::before {
	width: 100%;
}