@charset "UTF-8";

:root {
  --bs-nav-link-color: white;
  --bs-mobileNav-link-color: white;
  --bs-hover-color: #ad9772;
  --bs-nav-color: rgba(255, 255, 255, 0);
  --bs-scroll-nav-bg-color: rgba(74, 111, 163, 0.85);
  --bs-scroll-nav-link-color: #fbfffd;
  --bs-rwd-nav-bg-color: rgba(18, 18, 18, 0.7);
  --bs-hamburger-close: #000;
  --bs-hamburger-open: #fff;
  --bs-body-font-color: #2f2f2f;
  --bs-primary: #4a6fa3;
  --bs-secondary: #fff;
  --bs-info: orange;
  --bs-primary-hover: #1d1d1d;
  --bs-secondary-hover: #121212;
  --bs-info-hover: #fff;
  --bs-border-color: #2f2f2f;
}



body {
    color: #4a6fa3;
}

/* 全背景圖片 */
body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(../images/bg.jpg) no-repeat center center;
  /* background-color: #ececec42; */
  background-size: cover;
  padding-bottom: 20%;
}


body {
  line-height: 2;
}

/* .mainMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.70);
  z-index: -10;
} */

.logo {
  top: 10px;
  width: 100px;
  height: 70px;
}