a:not(.underline) {
  text-decoration: none;
}

a:not(.underline):hover {
  text-decoration: none;
}

@font-face {
  font-family: stzhongs;
  src: url(/assets/fonts/chinese.stzhongs.ttf);
}

.font-stzhongs {
  font-family: stzhongs, Microsoft JhengHei;
}

:root {
  --bs-brown-50: #fffdf4;
  --bs-brown-100: #fef4c7;
  --bs-brown-200: #fde88a;
  --bs-brown-300: #fcd64d;
  --bs-brown-400: #fbc324;
  --bs-brown-500: #f5a20b;
  --bs-brown-600: #d97b06;
  --bs-brown-700: #b45609;
  --bs-brown-800: #92420e;
  --bs-brown-900: #78370f;
  --bs-border-color: #ccc;
}

/* text-color */
.text-primary-500 {
  color: var(--bs-primary-500);
}

.text-primary-400 {
  color: var(--bs-primary-400);
}

.text-primary-700 {
  color: var(--bs-primary-700);
}

.text-brown-500 {
  color: var(--bs-brown-500);
}

.text-brown-400 {
  color: var(--bs-brown-400);
}

.text-brown-700 {
  color: var(--bs-brown-700);
}

/* btn */

.btn {
  border-radius: 0.25rem;
}

.btn-red {
  background-color: #cf1601 !important;
  border: 1px solid #cf1601 !important;
  color: #fff;
}

.btn-red:hover,
.btn-red:active {
  background-color: #b21200 !important;
  border: 1px solid #b21200 !important;
  color: #fff;
}

/* 淘汰 */
.btn-primary-500 {
  background-color: var(--bs-primary-500) !important;
  border: 1px solid var(--bs-primary-500) !important;
  color: white;
}

.btn-primary-500:hover {
  background-color: var(--bs-primary-600) !important;
  border: 1px solid var(--bs-primary-600) !important;
  color: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/* bg-color */
.bg-primary-50 {
  background-color: var(--bs-primary-50);
}

.bg-primary-200 {
  background-color: var(--bs-primary-200);
}

.bg-primary-300 {
  background-color: var(--bs-primary-300);
}

.bg-chrome {
  background-color: #fcd64d !important;
}

.bg-white-square {
  background-image: url("/img/bg.png");
  background-size: 0.8rem;
}

.square {
  border-radius: 50% !important;
}

.square-orange {
  width: 200px !important;
  border-radius: 50% !important;
  border: 5px solid #fe9b01;
}

/* box-shadow */
.shadow-md {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06),
    0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}

.shadow {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/* positoion */

.left-50px {
  left: 50px;
}

.top-30px {
  top: 30px;
}

/* padding */
.py-6rem {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.px-3_5rem {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

.pt-100 {
  padding-top: 100%;
}

/* font */
.fs-14px {
  font-size: 14px;
}

.fs-16px {
  font-size: 16px;
}

.fs-18px {
  font-size: 18px;
}

.fs-20px {
  font-size: 20px;
}

.fs-26px {
  font-size: 26px;
}

.fs-28px {
  font-size: 28px;
}

.fs-32px {
  font-size: 32px;
}

.fs-36px {
  font-size: 36px;
}

@media (min-width: 768px) {
  .title-md {
    line-height: 70px;
    font-size: 60px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
}

.title {
  line-height: 40px;
  font-size: 32px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* border */
.border-A8A8A8 {
  border-color: 1px solid #a8a8a8;
}

/* width */
@media (min-width: 768px) {
  .w-md-190px {
    width: 190px !important;
  }
}

.w-140px {
  width: 140px;
}

.w-139px {
  width: 139px !important;
}

.w-45px {
  width: 45px;
}

@media (min-width: 1400px) {
  .container-lg {
    max-width: 1320px;
  }
}

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

.ms-n10 {
  margin-left: -10px;
}

.ms-n20 {
  margin-left: -20px;
}

.car-move {
  position: absolute;
  bottom: 0;
  left: 5%;
}

.car-move.active {
  left: 100%;
  transition: 4s;
}

@media only screen and (min-width: 768px) {
  .car-move.active {
    transition: 7s;
  }
}

.bg-linear {
  background: linear-gradient(90deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(245, 245, 245, 0) 55%);
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}