@charset "UTF-8";

:root {
  --bs-nav-link-color: #201b19;
  --bs-mobileNav-link-color: white;
  --bs-hover-color: #f99a7e;
  --bs-nav-color: rgba(255, 255, 255, 0.3);
  --bs-scroll-nav-bg-color: #e9dbc2;
  --bs-scroll-nav-link-color: rgba(0, 0, 0, 0.85);
  --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: #201b19;
  --bs-secondary: rgba(255, 255, 255, 0.438);
  --bs-info: orange;
  --bs-primary-hover: #fafafa;
  --bs-secondary-hover: #121212;
  --bs-info-hover: #fff;
  --bs-border-color: #2f2f2f;
}

/* 全背景圖片 */
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;
}


.logo {
  width: 70px;
  height: 70px;
}
.lightbox{
  align-items: start;
}
.tab--light .tab__menu .tab__menuLink{
  background-color: #f99a7e;
}

.tab--light .tab__menu .tab__menuLink{
  border: 1px solid #f99a7e;
}
.tab--light .tab__menu .tab__menuLink{
  color: #fff;
}
.list__group img{
width: 90%;
margin: auto;
}
.navbar{
  position: sticky;
  top: 0;
}