.yzu-search .btn-default {
	--bs-btn-color: #fff;
	--bs-btn-bg: #838bb2;
	--bs-btn-border-color: #838bb2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6574c0;
	--bs-btn-hover-border-color: #6574c0;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6574c0;
	--bs-btn-active-border-color: #6574c0;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #838bb2;
	--bs-btn-disabled-border-color: #838bb2
}
/* 容器設定*/
	#HistoryForm {
	display: flex;
	/* 使用 Flexbox*/
	align-items: center;
	/* 垂直居中*/
	gap: 5px;
	/* 元素之間的間距*/
	margin-bottom: 5px;
}
/* 自訂select下拉選單樣式*/
	#HistoryForm select.form-control {
	width: 200px;
}
#HistoryForm select.form-control: hover {
	border-color: #007bff;
}
#HistoryForm select.form-control: focus {
	border-color: #0056b3;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* 自訂input文字框樣式*/
	#HistoryForm input.form-control {
	width: 150px;
    display: none;
}
#HistoryForm input.form-control: hover {
	border-color: #007bff;
}
#HistoryForm input.form-control: focus {
	border-color: #0056b3;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* 自訂button按鈕樣式*/
	.historySearch{
	background-color: #838bb2;
	color: white;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	cursor: pointer;
}
.historySearch: hover {
	background-color: #6574c0;
}