body {
  font-family: 'Noto Sans TC' !important;
}

.navbar {
  background-color: rgb(51, 119, 48);
}

.hr_logo {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 60px;
  width: 120px;
  background-image: url(../img/sts_logo.png);
  background-size: contain;
  background-color: #fff;
  background-repeat: no-repeat;
  z-index: 10;
}

.text_spacing {
  letter-spacing: 6px;
}

.ct_title_border {
  top: 22px;
  left: 170px;
  width: 15%;
  height: 2px;
  position: absolute;
}

.color_success {
  color: rgb(51, 119, 48);
}

.color_success p {
  margin-bottom: 5px;
}

/* .small {
  font-size: 4px;
} */

.ft_wrap {
  background-color: rgb(185, 184, 184);
  border: 0px;
}

/* .text-center {
  font-size: 12px;
} */

.ft_border {
  height: 3px;
  width: 50px;
  margin: 0px;
}

/* .ft_text_size {
  font-size: 10px;
} */

.effect {
  border-bottom: 1px solid #00000000;
  transition: 1s;
}

.effect:hover {
  border-bottom: 1px solid #000000;
  transition: 1s;
}