:root {
  --my-color-1: #00ffb8;
  --my-color-2: #6339FE;
  --my-color-2-rgb: 99, 57, 254;
  --my-color-3: #e965ee;
  --my-color-4: rgb(0, 23, 45);
  --my-color-4-tertiary: rgb(23, 45, 67);
  --my-color-4-lighter: rgb(12, 34, 56);
  --my-color-4-rgb: 0, 23, 45;
  --bs-border-radius: 3px; }

[data-bs-theme=dark] {
  --bs-tertiary-bg: var(--my-color-4-tertiary);
  --bs-body-bg: var(--my-color-4-lighter); }
  [data-bs-theme=dark] .form-control {
    background-color: var(--my-color-4); }

.btn-my-color-2 {
  --bs-btn-color: var(--bs-gray-100);
  --bs-btn-bg: #6339FE;
  --bs-btn-border-color: #6339FE;
  --bs-btn-hover-color: var(--bs-gray-100);
  --bs-btn-hover-bg: #7450ff;
  --bs-btn-hover-border-color: #7450ff; }

body {
  font-size: 1.1rem;
  background-color: var(--bs-body-bg);
  color: var(--bs-gray-200);
  font-family: 'Noto Sans TC', sans-serif;
  min-height: 100vh; }

.red, red {
  color: red !important; }

.w-max {
  width: max-content; }

small {
  color: var(--bs-gray-500); }

p:last-child {
  margin-bottom: 0; }

header {
  background-color: var(--my-color-4); }

#footer-placeholder {
  margin-top: 0;
  display: block;
  width: 100%;
  height: 5.5rem; }

footer {
  background-color: var(--my-color-4);
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 5.5rem;
  display: flex;
  padding: 1rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  footer a:link,
  footer a:visited {
    color: var(--bs-gray-200); }
    footer a:link:hover,
    footer a:visited:hover {
      color: var(--bs-gray-400); }
  footer img.wavemask {
    height: 5rem;
    margin-top: -5rem; }

#background {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1; }
  #background img {
    object-fit: cover; }

#verify {
  min-height: 100vh;
  position: relative; }

img.wavemask-white {
  height: 5rem;
  margin-top: -5rem;
  transform: scaleX(-1); }

.partners {
  background-color: var(--bs-gray-100);
  color: black;
  padding: 3rem 1rem;
  margin-bottom: 3rem;
  text-align: center; }
  .partners img {
    max-height: 3rem;
    max-width: 100%;
    margin: .5rem 1rem; }
    .partners img.bigger {
      max-height: 5rem; }
    .partners img.smaller {
      max-height: 2.5rem; }

table tr:hover td {
  background-color: #FFF1; }

@media (min-width: 1200px) {
  .container {
    max-width: 1100px; } }

/*# sourceMappingURL=style.css.map */