@charset "utf-8";
/* CSS Document */

/*Montserrat&黑*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Noto+Sans+TC:wght@400;500;700&display=swap');
/*明*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap');
* { font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans', Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif; }
/** { font-family: Montserrat, Noto Sans TC, Microsoft JhengHei, Roboto, Segoe UI, Helvetica Neue, Arial, sans-serif; }*/
/**{font-family: "Inter",Arial,Helvetica,"微軟正黑體","Microsoft JhengHei","新細明體",Verdana,sans-serif;}*/
.noto { font-family: 'Noto Serif TC', serif; }
:root { font-size: 1rem; }
body { font-size: 1.125rem; line-height: 1.7; color: #313131; }
/*card*/
/*.card { border-radius: 1rem; }
.card-img-top { border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); }*/
.card-body { padding: 0.7rem; }
/*alert*/
.alert { border-radius: 1rem; width: 100%; }
.rounded { border-radius: 1rem !important; }
.btn-link { color: #ff6161; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; box-shadow: none; }
.navbar-toggler:focus, .navbar-toggler:active:focus, .navbar-toggler.active:focus, .navbar-toggler.focus, .navbar-toggler:active.focus, .navbar-toggler.active.focus { outline: none; box-shadow: none; }
.navbar-light .navbar-nav .nav-link { color: #444444; font-weight: bold; }
.navbar { padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0px; }
.navbar a:hover { text-decoration: underline; }
.custom-control { min-height: 1.80625rem; padding-left: 1.7rem; margin-top: 4px; margin-bottom: 4px; }
.custom-control-label::before { top: .2rem; left: -1.7rem; width: 1.4rem; height: 1.4rem; background-color: #fff; border: #adb5bd solid 1px; }
.custom-control-label::after { top: 0rem; left: -2rem; width: 2rem; height: 2rem; }
/*nav-scroller*/
.nav-scroller { z-index: 2; height: 2.75rem; overflow-y: hidden; }
.nav-scroller .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.nav-shadow { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); }
/**/

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.7; }
h1, .h1 { font-size: 3.5rem; /*font-size: 2.5rem;*/ }
h2, .h2 { font-size: 2.5rem; /* font-size: 2rem;*/ }
h3, .h3 { font-size: 2rem; /*font-size: 1.75rem;*/ }
h4, .h4 { /*font-size: 1.5rem;*/ }
h5, .h5 { /*font-size: 1.25rem;*/ }
h6, .h6 { /*font-size: 1rem;*/ }

@media all and (max-width: 576px) {
h1, .h1 { font-size: 2.0rem; }
h2, .h2 { font-size: 2.0rem; }
}

.shadow { -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.29) !important; box-shadow: 0px 3px 10px rgba(0,0,0,0.29) !important; }
/**/
.toTop-arrow { width: 2.5rem; height: 2.5rem; padding: 0; margin: 0; border: 1px solid #808080; border-radius: 50%; position: fixed; right: 1rem; bottom: 1rem; display: none; z-index: 99; background-color: rgba(0, 0, 0, 0.00); }
.toTop-arrow:hover { border: 1px solid #4E4E4E; }
.toTop-arrow:hover::before, .toTop-arrow:hover::after { background-color: #4E4E4E; }
.toTop-arrow::before, .toTop-arrow::after { width: 15px; height: 2px; border-radius: 3px; background-color: #808080; position: absolute; content: ""; }
.toTop-arrow::before { transform: rotate(-40deg) translate(0, -50%); left: 0.45rem; }
.toTop-arrow::after { transform: rotate(40deg) translate(0, -50%); right: 0.45rem; }
.toTop-arrow:focus { outline: none; }
/**/
.btn-warning { color: #000; background-color: #ff8d07; border-color: #ff8d07; }
/*.navbar-light .navbar-toggler-icon { background-image: url(https://mdbootstrap.com/img/svg/hamburger8.svg?color=555555); }*/

/*swiper*/
.swiper, .slider-container { --swiper-theme-color: #000000; /* 設置Swiper風格 */ --swiper-navigation-color: #000000; /* 單獨設置按鈕顏色 */ --swiper-navigation-size: 40px; /* 設置按鈕大小 */ }

@media (max-width: 767px) {
.swiper { --swiper-theme-color: #000000; /* 設置Swiper風格 */ --swiper-navigation-color: #000000; /* 單獨設置按鈕顏色 */ --swiper-navigation-size: 30px; /* 設置按鈕大小 */ --swiper-navigation-sides-offset: 0px; }
.swiper-button-next, .swiper-button-prev { z-index: 11; bottom: 0px; top: auto; }
}
/* /////////////////////////// */
@media (min-width: 576px) {
.card-columns { column-count: 2; }
}

@media (min-width: 768px) {
.card-columns { column-count: 3; }
}

@media (min-width: 992px) {
.card-columns { column-count: 3; }
}

@media (min-width: 1200px) {
.card-columns { column-count: 4; }
}
/**/

@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; }
}

@media (min-width: 1400px) {
.col-xxl { flex: 1 0 0; }
.row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
.row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
.row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
.row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; }
.row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
.row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
.row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-auto { flex: 0 0 auto; width: auto; }
.col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; }
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; }
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { max-width: 100%; }
.offset-xxl-0 { margin-left: 0; }
.offset-xxl-1 { margin-left: 8.33333333%; }
.offset-xxl-2 { margin-left: 16.66666667%; }
.offset-xxl-3 { margin-left: 25%; }
.offset-xxl-4 { margin-left: 33.33333333%; }
.offset-xxl-5 { margin-left: 41.66666667%; }
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333333%; }
.offset-xxl-8 { margin-left: 66.66666667%; }
.offset-xxl-9 { margin-left: 75%; }
.offset-xxl-10 { margin-left: 83.33333333%; }
.offset-xxl-11 { margin-left: 91.66666667%; }
.g-xxl-0,
.gx-xxl-0 { --bs-gutter-x: 0; }
.g-xxl-0,
.gy-xxl-0 { --bs-gutter-y: 0; }
.g-xxl-1,
.gx-xxl-1 { --bs-gutter-x: 0.25rem; }
.g-xxl-1,
.gy-xxl-1 { --bs-gutter-y: 0.25rem; }
.g-xxl-2,
.gx-xxl-2 { --bs-gutter-x: 0.5rem; }
.g-xxl-2,
.gy-xxl-2 { --bs-gutter-y: 0.5rem; }
.g-xxl-3,
.gx-xxl-3 { --bs-gutter-x: 1rem; }
.g-xxl-3,
.gy-xxl-3 { --bs-gutter-y: 1rem; }
.g-xxl-4,
.gx-xxl-4 { --bs-gutter-x: 1.5rem; }
.g-xxl-4,
.gy-xxl-4 { --bs-gutter-y: 1.5rem; }
.g-xxl-5,
.gx-xxl-5 { --bs-gutter-x: 3rem; }
.g-xxl-5,
.gy-xxl-5 { --bs-gutter-y: 3rem; }
}