body {
    font-family: "Superscripts-Oswald", "Oswald", "Roboto Condensed", "Roboto", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Prompt", sans-serif;
	min-width: 255px;
}

.main-container {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

h1, h2, h3, h4 {
    color: black;
}

h2 {
	font-size: calc(2em + (2em * 0.4));
}

.bwx-card {
	padding: 10px;
	border: 1px solid #e5e5e5;
}

label {
	font-size: calc(0.9em + (0.9em * 0.4)) !important;
}

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

.p-t-sm { padding-top: 15px !important; }
.m-b-sm { margin-bottom: 15px !important; }

.form-control {
	padding: 5px;
}

.btn.btn-bru {
	background-color: black;
	border: 3px solid black;
	padding: 6px 18px;
	color: white;
	font-size: 18px;
}

a {
	color: black !important;
}

.modal-open .modal.in{
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.modal-dialog {
	overflow-y: initial !important;
}

.modal-content {
	max-height: 80vh;
}

.modal-body {
	overflow-y: auto;
	max-height: calc(80vh - 159.83px);
}

@media only screen and (max-width: 768px) {
	.modal-dialog {
		margin: 1.74rem;
	}
}