@charset "UTF-8";

:root {
  --bs-nav-link-color: #e7e7db;
  --bs-mobileNav-link-color: white;
  --bs-hover-color: #901e2e;
  --bs-nav-color: #f5f5ef9c;
  --bs-scroll-nav-bg-color: #f5f5ef;
  --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: rgb(93, 81, 81);
  --bs-primary: #922332;
  --bs-secondary: #fff;
  --bs-info: orange;
  --bs-primary-hover: #121212;
  --bs-secondary-hover: #121212;
  --bs-info-hover: #fff;
  --bs-border-color: #fff;
}

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

body {
  line-height: 2;
}

h3,
.h3 {
  color: #922332;
}

.btn-outline-primary {
  font-size: 22px;
  margin-bottom: 10px;
}


.logo {
  width: 8%;
}

#about p {
  margin: 0 auto;
  width: 82%;
}

.video {
  padding-bottom: 100%;
}

.video2 {
  padding-bottom: 140%;
}

.bg-dark {
  background-color: #f5f5ef00 !important;
  color: #121212;
}

@media screen and (max-width:576px) {
  .btn-outline-primary {
    font-size: 12px;
    margin-bottom: 10px;
  }

  #about p {
    font-size: 16px;
  }

  ul,
  li {
    font-size: 16px;
  }

  .row p {
    font-size: 18px;
    margin-bottom: 10px;
  }
}