@charset "UTF-8";
/* 設計師用 桌機版CSS檔 style.css */
/* 說明：可提供設計師在此檔，針對桌機版面進行設計；為網站必載CSS檔。*/
@import "root.css";
@media (min-width: 768px) {
  .header .navbar .nav-brand-wrapper {
    padding-right: 15px;
  }
  .header .navbar .navbar-brand {
    width: 210px;
    height: 58px;
    margin: 18px 0;
  }
  .header .navbar .small-btn-box {
    margin-left: 10px;
  }
  .is_scroll .header .navbar .navbar-brand {
    width: 143px;
    height: 40px;
    margin: 8px 0;
  }
  .is_scroll .header .navbar .navbar-nav > .nav-item > .nav-link {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  body:not(.home) header .navbar {
    border-bottom: 1px solid var(--bs-gray-200);
  }
}
@media (min-width: 1200px) {
  .header .navbar .navbar-brand {
    width: 218px;
    height: 64px;
    margin: 22px 0;
  }
  .header .navbar .navbar-nav > .nav-item > .nav-link {
    font-size: 1.125rem;
    padding: 40px 1.125vw;
  }
  .header .navbar .small-btn-box ul li > a {
    font-size: 1.25rem;
  }
}
@media (min-width: 1580px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1500px;
  }
  .footer .sitemap ul li.list-inline-item:not(:last-child) {
    padding-right: 1.4rem;
    margin-right: 1.2rem;
  }
}
@media (min-width: 1790px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1710px;
  }
}
@media (max-width: 1399px) {
  .main_content {
    padding-bottom: 80px;
  }
  .content .gallery-list .item + .item {
    padding-top: 60px;
    margin-top: 60px;
  }
  .content .gallery-list .item .info {
    padding: 5px 10px;
    padding-left: 3.5%;
  }
  .content .gallery-list .item .info .kind {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .content .gallery-list .item .info .title {
    font-size: 1rem;
  }
  .content .gallery-list .item .info .detail {
    font-size: 0.9375rem;
  }
  .content .gallery-list .item .info .detail li + li {
    margin-top: 6px;
  }
  .content .gallery-list .item .info .function {
    margin-top: 15px;
  }
  .content .gallery-list .item .info .function .btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.5rem;
  }
  .content .gallery-list .item .info .function .btn:not(:last-child) {
    margin-right: 10px;
  }
}
@media (max-width: 1199px) {
  .btn-more {
    --bs-btn-font-size: 0.9375rem;
  }
  .banner .bxslider li {
    height: auto;
  }
  .banner .bxslider li img {
    display: block;
  }
  #floating {
    margin-top: -90px;
  }
  .main_content {
    padding-bottom: 60px;
  }
  .content > .h1 {
    font-size: 1.75rem;
  }
  .content .gallery-list .item + .item {
    padding-top: 40px;
    margin-top: 40px;
  }
  .content .gallery-list .item .info .detail li + li {
    margin-top: 4px;
  }
  .content .gallery-list .item .info .function {
    margin-top: 10px;
  }
  .content .gallery-list .item .info .function .btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.375rem;
    min-width: unset;
  }
  .content .gallery-list .item .info .function .btn:not(:last-child) {
    margin-right: 5px;
  }
  .content .list-box .txt-list .item a {
    padding: 8px 0;
  }
  .content .search-box {
    padding: 35px;
  }
  body.home .section {
    --section-gap: 70px;
  }
  body.home .section .h3 {
    font-size: 1.375rem;
  }
  body.home .section .more-btn-area {
    top: -0.5rem;
  }
}
@media (max-width: 991px) {
  .footer {
    padding: 50px 0 90px;
  }
  .footer .footer-brand-wrapper {
    margin-bottom: 20px;
  }
  .footer .footer-brand-wrapper .footer-brand {
    max-width: 300px;
  }
  .footer .footer-brand-wrapper .copyright {
    letter-spacing: 0;
  }
  .side .h3 {
    display: none;
    margin-top: 15px;
  }
  .side .nav {
    max-width: none;
    margin: 0;
    display: none;
  }
  .side .nav > li {
    float: none;
    display: block;
    border: 0;
    margin: 0;
  }
  .side .nav > li + li {
    border: 0;
  }
  .side.menu-open .h3 {
    display: block;
  }
  .side.menu-open .nav {
    display: block;
  }
  .main_content {
    padding-bottom: 50px;
  }
  .content > .h1 {
    font-size: 1.5rem;
  }
  .content .search-box {
    padding: 30px;
  }
  .content .gallery-list .item + .item {
    padding-top: 30px;
    margin-top: 30px;
  }
  .content .gallery-list .item .info .kind {
    font-size: 1rem;
  }
  .content .gallery-list .item .info .title {
    font-size: 1rem;
  }
  .content .gallery-list .item .info .detail {
    font-size: 0.875rem;
  }
  .content .gallery-list .item .info .function .btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.25rem;
  }
}
@media (max-width: 767px) {
  .tab_ew {
    overflow-x: auto;
    white-space: nowrap;
  }
  .footer .cop_fx ul li {
    font-size: 14px;
  }
  #floating,
  #floating.fixed {
    top: 40px;
    margin-top: 0;
  }
  #floating .btn-floating {
    display: block;
  }
  #floating ul {
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  #floating.open ul {
    width: 60px;
  }
  .header > .navbar {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .header .navbar .navbar-header {
    text-align: center;
  }
  .header .navbar .navbar-toggle {
    font-size: 18px;
    color: #1eb5be;
    letter-spacing: 2px;
    border: none;
    float: none;
    margin: 0 0 20px;
    padding-left: 14px;
  }
  .header .navbar .navbar-toggle:hover {
    background: none;
    color: #888;
  }
  .header .navbar .sub-nav {
    text-align: center;
    margin: 10px 0 20px;
    position: static;
  }
  .header .navbar .btn-default {
    color: #333;
  }
  .header .navbar .nav_social {
    margin: 0;
  }
  .header .navbar .lang {
    text-align: center;
    display: block;
    margin-top: 10px;
    position: static;
  }
  .header .navbar .lang .btn {
    width: 100%;
    background: none;
    font-size: 14px;
    border: none;
    float: none;
    display: block;
    padding: 8px;
  }
  .header .navbar .lang .dropdown-menu {
    text-align: center;
    box-shadow: none;
    float: none;
    position: static;
  }
  .footer {
    padding: 40px 0 60px;
  }
  .footer .footer-brand-wrapper .footer-brand {
    max-width: 260px;
  }
  .footer .copyright {
    padding-top: 25px;
    margin-top: 25px;
    font-size: 0.9375rem;
  }
  .footer .siteinfo {
    display: block;
  }
  .main {
    z-index: auto;
  }
  .main_content {
    padding-bottom: 40px;
  }
  .breadcrumb {
    padding: 15px 10px;
  }
  .content > .h1 {
    font-size: 1.375rem;
  }
  .content .subject-sec .h1 {
    font-size: 1.5rem;
    line-height: 1.6;
  }
  .content .tag {
    font-size: 0.875rem;
  }
  .content .gallery-list .item {
    display: block;
  }
  .content .gallery-list .item + .item {
    padding-top: 20px;
    margin-top: 20px;
  }
  .content .gallery-list .item .pic {
    width: 100%;
    max-width: unset;
  }
  .content .gallery-list .item .info {
    width: 100%;
    padding: 25px 0 0;
  }
  .content .gallery-list.small-pic {
    --pic-size: 100%;
  }
  .content .gallery-list.small-pic .item .info {
    width: var(--pic-size);
    padding-left: 0;
  }
  .content .list-box .txt-list .item.list-header {
    display: none;
  }
  .content .rwd-table.mob-mode thead {
    display: none;
  }
  .content .rwd-table.mob-mode th {
    display: none;
  }
  .content .rwd-table.mob-mode td {
    display: block;
    padding: 0.4rem 0.5rem;
    text-align: left;
  }
  .content .rwd-table.mob-mode td + td {
    border-top: 0;
  }
  .content .rwd-table.mob-mode td:before {
    content: attr(data-th);
    display: inline-block;
    width: auto;
    min-width: 20%;
    font-weight: 900;
    padding-right: 1rem;
    color: var(--main-color);
  }
  .content .rwd-table.mob-mode td:not(:last-child) {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }
  .content .rwd-table.mob-mode tr + tr {
    margin-bottom: 10px;
    display: block;
  }
  .content .rwd-table.mob-mode tr:last-child {
    margin-bottom: 0;
  }
  .content .flex-ul > li {
    padding: 5px;
  }
  .content .btn-box {
    text-align: center;
  }
  .content .btn-box .page-info select {
    width: 100px;
    display: inline-block;
  }
  .content .btn-box .pager,
  .content .btn-box .page-info {
    float: none;
  }
  .content .btn-box .pager {
    display: block;
  }
  .content .btn-box .pager li {
    margin: 0;
  }
  .content .btn-box .pager li > a {
    width: 100%;
    text-align: center;
    margin: 5px 0 0;
    padding-left: 0;
    padding-right: 0;
  }
  .content .search-box {
    padding: 25px;
  }
  body.home .section {
    --section-gap: 60px;
  }
}
@media (max-width: 575px) {
  .footer .siteinfo {
    font-size: 1rem;
  }
  .footer .siteinfo ul > li {
    width: 100%;
  }
  .content .date-item .btn {
    --bs-btn-padding-y: 0.47rem;
    --bs-btn-padding-x: 0.72rem;
    --bs-btn-font-size: 1rem;
  }
  .content .wid .input-group {
    --input-gap-y: 0.75em;
    --input-gap-x: 1em;
  }
  .content .wid .input-group .form-check {
    margin-bottom: 0.25rem;
  }
  body.home .section {
    --section-gap: 50px;
  }
  body.member .content .wid .input-group ~ .form-text {
    margin-left: 0;
  }
  body.venue .content .wid .input-group ~ .form-text {
    margin-left: 0;
  }
}
@media (max-width: 425px) {
  .header .navbar .nav-brand-wrapper {
    padding-right: 15px;
  }
  .content .search-box {
    padding: 20px;
  }
}/*# sourceMappingURL=style_rwd.css.map */