@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', 'Noto Sans', Helvetica Neue,Helvetica,Roboto,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: #080808;}
/* 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 0.7rem 0;}
/* 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;}
/*  */
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); } */


/* /////////////////////////// */
@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;}
}