html {overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}
main {overflow-x: hidden; font-family: 'Microsoft JhengHei', sans-serif, Arial;}
main .scontainer {max-width: 1200px; margin: auto;}
main p {font-size: 1.05rem;}
main .row {margin: 0 auto;}
main .row ul li {font-size: 1.125rem; font-weight: 200; line-height: 1.8; margin: 0;}
main h3 {font-size: 1.48rem;}
main .col-4 img {filter: brightness(0.5); transition: .3s;}
main .col-4:nth-child(1) img {filter: brightness(1.05);}
main .col-4:hover img {filter: brightness(1.05);}
.text-center {text-align: center;}
.flex-center {display: flex; justify-content: center; align-items: center;}
footer .footer-block .footer-column p {margin-bottom: 0em;}
.section-header {background-color: #080808;}
.section-header .headerIMG {display: block;}
.section-header .headerMobileIMG {display: none;}
/* .section-sub-header {background: url('sub_bg.jpg') center; background-size: cover; overflow: hidden; padding-top: 50px; background-position: center bottom;} */
.section-sub-header {background-color: #080808; padding-top: 30px;}
/* main section:not(.section-header) {padding: 60px 0;} */

.section-sub-header .row .col-12 label {color: #84CF01; font-weight: bold; height: 35px; background-color: #2c2c2c; cursor: pointer; padding: 6px 40px; font-size: 16.8px; border-radius: 3px; transition: .2s;}
.section-sub-header .row .col-12 label:hover {background-color: #84CF01; color: #fff;}
.section-sub-header .row .col-12 label:hover .arrow {border-top: 7px solid #fff;}
.section-sub-header .row .col-12 label:hover .arrow.reverse {border-bottom: 7px solid #fff;}
.section-sub-header .row .col-12 label .arrow {width: 0; height: 0; border-top: 7px solid #84CF01; border-bottom: none; border-left: 7px solid transparent; border-right: 7px solid transparent; margin: 0 0 -2px 12px; transition: .2s;}
.section-sub-header .row .col-12 label .arrow.reverse {border-top: none; border-bottom: 7px solid #84CF01;}
.section-sub-header .row .col-12 label img {transform: scale(0.2) rotate(270deg) translate(60px, 20px); transform-origin: top right;}
.section-sub-header .row .col-12 label:active img {transform: scale(0.2) rotate(90deg) translate(60px, 20px); transform-origin: top right;}
.section-sub-header .row .col-12 #faq-toggle {display: none;}
.section-sub-header .row .col-12 #faq-menu {overflow: hidden; max-height: 0; padding: 0; margin: 25px auto 0; -webkit-transition: all 0.5s ease;}
.section-sub-header .row .col-12 #faq-toggle:checked + #faq-menu {max-height: 2000px;}

@media (max-width: 800px) {
  main .col-4 img {margin-bottom: -3em; filter: brightness(1);}
  .section-sub-header .row .col-12 label {width: 100%; text-align: center;}
}

@media (max-width: 500px) {
  .section-header .headerIMG {display: none;}
  .section-header .headerMobileIMG {display: block;}
  .section-sub-header {padding-top: 10px;}
}