@keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
body {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	padding-top: 60px;
	animation-delay: 0.125s;
	animation-duration: 0.125s;
	animation-fill-mode: both;
	animation-name: fadeIn;
	animation-timing-function: ease-in-out;
}
body { padding-top: 80px; }
@media screen and (max-width: 500px) { body { padding-top: 72px; } }

.login {
	background: url('../img/Logo.png') no-repeat center;
	background-size: 120px 120px;
	width: 100%;
	height: 200px;
}
.minispace {
	height: 8px;
}
.centercontainer {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.leftfloathalf {
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
.rightfloathalf {
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	float: right;
}
.sort-head {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	color: darkslategrey;
	background-color: lightgrey;
}
.group-head {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	color: white;
	background-color: darkslategrey;
}
.bs-tiny {
	--bs-btn-padding-y: 0.05rem;
	--bs-btn-font-size: 0.8rem;
}
.activeTab {
	color: white;
	background: -webkit-linear-gradient(left,rgba(255,199,0,1), rgba(255,120,0,1));
	background: -o-linear-gradient(right,rgba(255,199,0,1), rgba(255,120,0,1));
	background: -moz-linear-gradient(right,rgba(255,199,0,1), rgba(255,120,0,1));
	background: linear-gradient(to right, rgba(255,199,0,1), rgba(255,120,0,1));
}
.activeTab:hover {
	color: white;
	font-weight: 800;
}
.modal {
    overflow-y: scroll;
}
.dropdown-menu {
	width: max-content;
	padding: 0.4rem;
}