/*@font-face {
  font-family: 'GenSenRounded';
  font-style: normal;
  font-weight: 500;
  src: url(/css/fonts/GenSenRounded-R-Fix.woff);
}*/

/* Bootstrap 5 Cutsom */
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  .VerticalOffset {
    transform: translateY(40%);
  }
}

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

/* 基本 文字尺寸與行距放大 背景顏色 文字顏色等... */
body {
  color: #666666;
  background-color: #F6F6F6;
  font-size: 1.05rem;
  font-family: 'Roboto', arial, 'GenSenRounded', sans-serif;
  font-weight: 400;
  line-height: 2rem;
}

/* 基於 Bootstrap5的相關特性消失，改成自寫。 */
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important; 
}

.nav-link:hover {
  text-decoration: none !important;
}
.dropdown-item:hover {
  text-decoration: none !important;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  margin: 3px;
}

.bg-BgGray{
  color: #444;
  background-color: #FCFCFC;
}

.bg-CubeRed{
  background-color: #e6867e;
}

.bg-CubeBlue{
  background-color: #c9e7f0;
}

.bg-CubeGreen{
  background-color: #c6de8b;
}

.bg-CubeOrange{
  background-color: #f0b61a;
}

.bg-CubeYellow{
  background-color: #f6ec78;
}

.bg-CubeWhite{
  background-color: #e7e9ec;
}

.bg-BgDark{
  background-color: #525864;
}

.bg-Brown {
  background-color: #B78959;
}

.bg-green {
  background-color: #DEFFDE;
}

.bg-red {
  background-color: #FFDEDE;
}


.text-green {
  color: #28A32B;
}

.text-red {
  color: #CE1919;
}

.text-Brown {
  color: #9F764C;
}

.footer-box {
  background-color: #555555;
  color: #CCCCCC;
}

.footer-box a{
  color: #CCCCCC;
}
.footer-box a:hover{
  color: #CCCCCC;
}



.nav-item {
  font-size: 1.15rem;
  padding-left: 5px;
  padding-right: 5px;
}