@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400');
@import url('https://fonts.googleapis.com/css?family=Exo:400,700');



body {
  
  background: #2c4d29;
  background-color: #0b2b0c;
  background-image: url("https://www.transparenttextures.com/patterns/binding-light.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei', 'Exo', sans-serif;
  font-weight: 400;
  min-height: 100vh;
  max-height: -webkit-fill-available;
  width: 100%;

  
}

.container-xl .row {
  min-height: 100vh;
  max-height: -webkit-fill-available;
}



.text-warning {
  color: #ffe400!important;
}



.bg-dark {
  --bs-bg-opacity: 0.95;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}










.text-shadow {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 1);
}





.viva-logo {
  width: 64px;
}



@media (min-width: 768px) {
  .viva-logo {
    width: 90px;
  } 
}
@media (min-width: 1440px) {
  .viva-logo {
    width: 100px;
  }
  
}








.bg-transparent {
  background: transparent!important;
}




.us-none {
  user-select: none;
}



.default-top {
  transition: all 0.2s ease-in;
  background-color: transparent;
}
.default-top.notontop {
  background-color: rgba(244, 88, 88, 0.95);
}
.default-footer {
  background-color: rgba(244, 88, 88, 0.95);
}

footer.p-3.bg-dark-theme.text-center.text-white.position-relative {
  display: none!important;
}