html {
  height: 100%;
}

body {
  height: 100%;
  background-color: #333333;
  color: #DDDDDD;
  font-size: 1.5em;
  font-family: 'Roboto', arial, 'Noto Sans TC', sans-serif;
}

/* 指定大寫Q 改使用 Roboto 字形 */
@font-face {
  font-family: 'Roboto';
  unicode-range: U+51; /* ASCII: 指定大寫Q */
  src: local(Arial); /* Arial */
}



.text-consolas {
  font-family: 'Consolas';
}

.text-link1 {
  color: #DDDDDD;
  text-decoration: none !important;
}
.text-link1:hover {
  color: #DDDDDD;
  text-decoration: underline !important;
}

.text-link2 {
  color: #DDDDDD;
}

.text-gold {
  color: #c49d00;
}

/* @media (min-width: 576px) {
  .div_box{
    top:50%;
    transform: translateY(-50%);
    position: relative;
  }
}

.div_box{
  top:50%;
  transform: translateY(-50%);
  position: relative;
} */



.fs-custom-4 {
  font-size: 1.35em;
}

.fs-custom-5 {
  font-size: 1.2em;
}

.fs-custom-6 {
  font-size: 1.0em;
}

.fs-custom-7 {
  font-size: 0.875em;
}

.fs-custom-8 {
  font-size: 0.7em;
}