/* Custom CSS */
/* 2024-09-04 v1 */
body { background-color: #000; padding-bottom: 3em; }
.main-wrapper { background-color: #fff; }
#main-content { min-height: 500px; }
#top-bar { background-color: #000; }
.bg-secondary { background-color: #63676b; }
.breadcrumb1 { background-color: #03b517; }
.breadcrumb1 .breadcrumb-item:before, .breadcrumb-item.active { color: #fff; }
.breadcrumb1 a:link, .breadcrumb1 a:visited { color: #fff; }
.services-single-menu #m2-menu ul a { padding-left: 1.5em; }
.services-single-menu #m2-menu ul a:before { content: '- '; }
.services-single-menu #m2-menu ul a.active { background-color: #f2f2f2; }
.services-single-menu #m2-menu a.dropdown-toggle:after { content: ''; background-color: transparent; height: auto;}
.services-single-menu #m2-menu a:hover.dropdown-toggle:after { width: auto; }
.sitemap ul li a { line-height: 1.6em; }
.sitemap ul li a:hover { background-color: #f2f3f4; }
.bg-green, .bg-green:link , .bg-green:visited { background-color: #03b517; color: #fff; padding-left: .5em; }
.bg-green:hover { color: #fff; opacity: .9; }
.pagination a { padding: 0 1em; line-height: 2.5em; }
.footer-bar a:link, .footer-bar a:visited { color:#fff; }
.footer-bar a:hover { color:#03b517; }
.newsletter-form2 i { font-size: 1.2rem; }
.owl-carousel .owl-stage { display: inline-flex; align-items: center !important; }
.top-social-icon li.nv:hover {
    background-color: #fff !important;
    color: #03b517 !important;
    border: none !important;
}
.top-social-icon .nv .nav-link {
    color: #fff !important;
    line-height: 28px;
    padding-right: .3em;
}
.top-social-icon .nv .nav-link:hover {
    color: #03b517 !important;
}
.top-social-icon .nv .nav-link.show {
  color: #03b517 !important;
  background-color: #fff !important;
}
.top-social-icon .nv .dropdown-menu {
  --bs-dropdown-min-width: 3rem;
  --bs-dropdown-item-padding-x: .5rem;
}
.accordion-style .btn-link {
    background: #f2f2f2 !important;
	color: #000;
}
.accordion-style .btn-link:hover {
    background: #ddd !important;
	color: #000;
}
.accordion-style .btn-link:after {
    color: #000;
}
#content-page {
    .social-icon-style6 .dropdown button::after, .social-icon-style6 div a { content: ''; border: none; margin: 0 auto; }
    .social-icon-style6 div a, .social-icon-style6 div button {
        border: 1px solid #6f6f6f;
        color: #fff;
        border-radius: 35px;
        height: 35px;
        width: 35px;
        line-height: 2em;
        display: inline-block;
        background-color: #63676b;
    }
    .social-icon-style6 div a:hover, .social-icon-style6 div button:hover { color: #63676b; background-color: #fff; }
    .social-icon-style6 .dropdown-menu.show { border:  none; width:  3em; height: auto; background-color: transparent; background: none; }
    .social-icon-style6 .dropdown .dropdown-item { padding: 0; float: left; }
    .social-icon-style6 li {
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }
}

.btn-style2 {
    background: #fff;
    border-top-left-radius: .5em;
    border-bottom-left-radius: .5em;
    transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;
    &:hover, &:active, &:focus {
        background-color: transparent;
        background: url(../img/c-green.png) repeat-y left top;
        color: #2f2f2f;
    }
}
.card-style2 .card-img:hover img {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
.footer {
    background: #63676b;
    color: #fff;
}
.footer a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 150%;
    padding: .1em .2em;
}
.footer a:hover {
    background-color: #03b517;
}

.footer .tit {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: .1em;
    border-bottom: #fff 1px solid;
}
.footer ul {
    margin-top: 1em;
    margin-bottom: 0;
    padding-left: 0;
}
.footer ul li {
    list-style: none;
}

.footer .navbar-nav {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-grow: 1;
  }

  .footer .navbar-nav > li > a {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 21px 0.5rem;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
  }

 .footer .navbar-nav li > ul {
    padding: 15px 0;
    margin: 0 0 0 10px;
    background: #fff;
    min-width: 225px;
  }

.footer .navbar {
    padding: 0;
}
/* 列印時有效 */
@media print {
  .print-only { display: block !important; }
  /* 可選：隱藏螢幕專用元素 */
  .screen-only { display: none !important; }
}

.footer .navbar-nav li.has-sub a:hover{ color: #6f6f6f; }
@media (max-width: 576px) {
    #top-bar .top-social-icon { float: left; }
    section { padding: 20px 0; }
}