@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Noto+Sans+TC&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; }
.noto { font-family: 'Noto Serif TC', serif; }
:root { font-size: 1rem; }
body {font-size: 1.125rem; line-height: 1.7;color: #1A1A1A;}
a {outline : none;}
.btn-link { color: #ff6161; }
.navbar-light .navbar-nav .nav-link { color: #444444; font-weight: bold; }
.navbar { padding: 0rem 1rem; }
.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.4; }
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; }
}
.rounded { border-radius: 1rem !important; }
.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; }

/* /////////////////////////// */
/*@media only screen and (max-width: 600px) {
.single-hs-item { height: 550px; }
.hero-text h1 { font-size: 30px; }
.hero-text p { font-size: 15px; margin-bottom: 25px; }
.owl-carousel .owl-nav button.owl-next { top: auto; margin: 0; bottom: 0px; }
.owl-carousel .owl-nav button.owl-prev { top: auto; margin: 0; bottom: 0px; }
.owl-dots { bottom: 10px; left: 50px; right: 50px; }
}*/

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