@charset "UTF-8";
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("/assets/fonts/MPLUS1p-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
body {
  font-family: "M PLUS 1p", Arial, sans-serif;
}

header, footer {
  width: 100vw;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  box-sizing: border-box;
}
header.header, footer.header {
  border-bottom-width: 1px;
}
header.footer, footer.footer {
  border-top-width: 1px;
  text-align: center;
  padding: 0.5rem 0;
}

#sidebar {
  transition: width 0.3s ease-in-out;
  width: 250px;
}
#sidebar.sidebar-collapsed {
  width: 0 !important;
  overflow: hidden;
}
@media (max-width: 768px) {
  #sidebar {
    width: 75vw !important;
  }
}

#mainContent {
  flex-grow: 1;
  transition: margin-left 0.3s ease-in-out;
  margin-left: 0;
  max-width: 100%;
  overflow: auto;
}

.nav-link.active {
  background-color: #e9967a; /* 薄黄色 */
  font-weight: bold;
}

.search-wrap .search-label {
  flex: 1;
}
.search-wrap .search-input {
  flex: 3;
}

.fs_small {
  font-size: 0.6rem;
  text-align: center;
}

@media (max-width: 768px) {
  header > div {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  header > div > div:first-child img {
    height: 1.5rem;
  }
  header > div > div.text-start {
    width: 100%;
  }
  header > div > div.dropdown {
    margin-top: 10px;
  }
  footer {
    font-size: 0.85rem;
  }
  .breadcrumb {
    font-size: 0.9rem;
    justify-content: center;
  }
  .table-responsive {
    overflow-x: auto;
  }
  .table {
    font-size: 0.85rem;
  }
  .btn {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
  }
}
#float-submit {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 2rem 4rem 0;
}

.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.max-w-5 {
  max-width: 5%;
}

.max-w-10 {
  max-width: 10%;
}

.max-w-15 {
  max-width: 15%;
}

.max-w-20 {
  max-width: 20%;
}

.max-w-25 {
  max-width: 25%;
}

.max-w-30 {
  max-width: 30%;
}

.max-w-35 {
  max-width: 35%;
}

.max-w-40 {
  max-width: 40%;
}

.max-w-45 {
  max-width: 45%;
}

.max-w-50 {
  max-width: 50%;
}

.max-w-55 {
  max-width: 55%;
}

.max-w-60 {
  max-width: 60%;
}

.max-w-65 {
  max-width: 65%;
}

.max-w-70 {
  max-width: 70%;
}

.max-w-75 {
  max-width: 75%;
}

.max-w-80 {
  max-width: 80%;
}

.max-w-85 {
  max-width: 85%;
}

.max-w-90 {
  max-width: 90%;
}

.max-w-95 {
  max-width: 95%;
}

.min-w-5 {
  min-width: 5%;
}

.min-w-10 {
  min-width: 10%;
}

.min-w-15 {
  min-width: 15%;
}

.min-w-20 {
  min-width: 20%;
}

.min-w-25 {
  min-width: 25%;
}

.min-w-30 {
  min-width: 30%;
}

.min-w-35 {
  min-width: 35%;
}

.min-w-40 {
  min-width: 40%;
}

.min-w-45 {
  min-width: 45%;
}

.min-w-50 {
  min-width: 50%;
}

.min-w-55 {
  min-width: 55%;
}

.min-w-60 {
  min-width: 60%;
}

.min-w-65 {
  min-width: 65%;
}

.min-w-70 {
  min-width: 70%;
}

.min-w-75 {
  min-width: 75%;
}

.min-w-80 {
  min-width: 80%;
}

.min-w-85 {
  min-width: 85%;
}

.min-w-90 {
  min-width: 90%;
}

.min-w-95 {
  min-width: 95%;
}

.icon_note {
  position: relative;
}
.icon_note::after {
  position: absolute;
  content: "●";
  color: blue;
  font-size: 0.5em;
  left: 0.1em;
  top: 0.1em;
}/*# sourceMappingURL=app.css.map */