@charset "utf-8";
@media (min-width: 576px){
    .navbar .small-btn-box ul {
        margin: 0;
    }
}
@media (min-width: 768px){
    .gallery-list.cover.hov-cart .btn-box .btn {
        padding: 10px;
    }
    .nav-cart-info {
        padding: 10px 0;
    }
    .header .nav-brand-wrapper {
        flex: 0 0 auto;
        order: 1;
    }
    .is_scroll .header .navbar.bsnav .navbar-brand {
    /*    width: calc(var(--height) * 1.028);
        background-position: left center;
        background-size: auto 100%;*/
    }
        .is_scroll .header .navbar .navbar-brand, #logo {
            --height: 50px;
            margin: 6px 0 6px;
        }
    .header .navbar-collapse {
        position: relative;
        width: 100%;
        order: 3;
        justify-content: center;
    }
    .header .navbar .small-btn-box {
        order: 2;
    }

    .header .navbar-collapse:before {
        content: '';
        display: block;
        position: absolute;
        width: 100vw;
        height: 100%;
        top: 0;
        left: 50%;
        margin-left: -50vw;
        z-index: -1;
        background-color: var(--main-color);
        transition: .3s all;
    }

    .header .navbar-nav > .nav-item > .nav-link {
        position: relative;
    }
    .header .navbar-nav > .nav-item > .nav-link:after {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% - 20px);
        height: 5px;
        left: 10px;
        bottom: 0;
        transition: .3s all;
        background-color: transparent;
    }
    .header .navbar-nav > .nav-item:hover > .nav-link:after {
        background-color: var(--second-color);
    }
    .side.filter-side {
        width: 300px;
        flex: 0 0 auto;
    }
    .content-filter-area .main-box {
        width: calc(100% - 300px);
        flex: 1 0 0;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    .header .search-box,
    .header .search-area {
        position: static;
    }

    .header .btn-search {
        display: none;
        visibility: hidden;
    }

    .header .search-area {
        display: block !important;
        width: 215px;
        padding: 0;
    }
}
@media (min-width: 992px){
    .header .navbar-nav > .nav-item {
        padding: 0 30px;
    }
    .header .navbar-nav > .nav-item > .nav-link {
        font-size: 18px;
        padding: 17px 0;
    }

        .is_scroll .header .navbar-nav > .nav-item > .nav-link {
            padding: 24px 0;
        }
        .header .navbar-nav > .nav-item > .nav-link:after {
            width: 100%;
            height: 7px;
            left: 0;
        }

    .is_scroll .header .navbar {
        background: var(--main-color);
    }

    .is_scroll .header .navbar-collapse {
        width: auto;
        order: 2;
        justify-content: flex-end;
        margin-right: 15px;
    }

        .is_scroll .header .navbar-collapse:before {
            opacity: 0;
        }

    .is_scroll .header .navbar .small-btn-box {
        order: 3;
    }
    body:not(.is_scroll) .header .search-box,
    body:not(.is_scroll) .header .search-area {
        position: static;
    }
    body:not(.is_scroll) .header .btn-search {
        display: none;
        visibility: hidden;
    }
    body:not(.is_scroll) .header .search-area {
        display: block !important;
        width: 215px;
        padding: 0;
    }
    .is_scroll .header .navbar-nav > .nav-item {
        padding: 0 8px;
    }

    .home-pagelist-area .wid-home-product .list_item .row .pic a {
        width: 72px;
    }
}
@media (min-width: 1200px){
    /*首頁自定義區塊*/
    .col-xl-default > div:nth-child(1),
    .col-xl-default > div:nth-child(3) {
        width: 28%;
    }

    .col-xl-default > div:nth-child(2) {
        flex: 1 0 0%;
    }

    /*首頁自定義區塊調整*/
    .Customization.bottom {
        display: none;
        visibility: hidden;
    }
}
@media (max-width: 1199px) {
    .about_mid .fus_c {
        padding: 30px 5px;
   
    }
    .about_mid .ab_tix h4 {
        font-size: 24px;
    }
}

    @media (max-width: 1199px) {
        .about_mid .ab_tix .fig_bg {
            right: -20px;
         
        }
        .nav-search-li .nav-search-box .search-area {
            right: 0;
            left: auto;
        }

        .header .navbar-nav > .nav-item {
            padding: 0 15px;
        }

            .header .navbar-nav > .nav-item > .nav-link {
                font-size: 16px;
                padding: 12px 0;
            }

        .home-pagelist-area .list_item {
            padding: 20px 0;
        }

        /*首頁自定義區塊調整*/
        .Customization.top .videoDiv,
        .Customization.bottom .newsDiv,
        .Customization.bottom .proDiv {
            display: none;
            visibility: hidden;
        }

        .footer .footer_content .sitemap ul {
            margin: 0 -18px;
        }

            .footer .footer_content .sitemap ul li {
                padding: 0 18px;
            }
    }

    @media (max-width: 991px) {
        .header .navbar-nav > .nav-item {
            padding: 0 10px;
        }

        .footer .desc {
            max-width: 200px;
        }

            .footer .desc br {
                display: none;
                visibility: hidden;
            }

        .footer .footer_content .sitemap ul {
            grid-template-columns: auto auto auto auto;
            grid-template-rows: auto auto auto auto;
        }

        body.home .wid-home-news .list_item .info .subject {
            line-height: 1.4em;
            height: 2.8em;
        }

        .pokemon-sec:before {
            width: 50px;
            border-top: 17.5px solid var(--main-color);
            border-left: 15px solid transparent;
        }

        .pokemon-sec:after {
            width: 50px;
            border-bottom: 17.5px solid var(--main-color);
            border-right: 15px solid transparent;
        }
    }

    @media (max-width: 767px) {
        .about_mid .ab_tix {
            padding: 30px 30px;
     
        }
        .about_qa span.a_lis {
            top: 18px;
        
        }
        .about_qa span.q_lis {
            top: 8px;
       
        }
        .about_qa .accordion-body {
            padding: 20px 20px;
         
        }
        .about_qa .txt_s {
            font-size: 15px;
        }
        .about_qa .txt_s {
            padding-left: 28px;
        }
        .about_qa .accordion-button {
            font-size: 15px;
        }
        .about_mid .ab_tix h4 span {
            display: unset;
        }
        .about_mid .d-flex{
            flex-wrap:wrap;
        }
        .about_mid .fus_c {
            width: 100%;
            margin-bottom:10px;
        }
        .about_mid h4.er_cv:before {
       
            height: 3em;
         
        }
        .about_mid h4.er_cv {
            line-height: 24px;
            font-size: 15px;
            text-align: left;
        }
        .about_mid .ab_tix .fig_bg {
            right: -6px;
            width: 36%;
        }
        .about_mid .fus_c {
            padding: 20px 5px;
        }
        .about_mid .fus_c a:before {
            top: -7px;
        }
        .about_mid .ab_tix:after {
            background-size: contain;
        }
        .about_mid .ab_tix {
            padding: 25px 4px;
    
        }
            .about_mid .ab_tix p {
                font-size: 15px;
                text-align: left;
                line-height: 26px;
                padding: 10px;
            }
        about_mid .ab_tix h4 span {
            display: unset;
        }
        .about_mid .ab_tix h4 {
            font-size: 18px;
            line-height: 30px;
            text-align: left;
            padding: 10px;
        }
        .about_mid .ab_tix .fig_bg2 {
            left: -20px;
            width: 26%;
        }
        .ab_shnote .tit p {
            font-size: 14px;
            left: -14px;
            padding: 1px 9px;
        }

        .ab_shnote .tit {
            padding: 20px 20px 15px;
        }

        .ab_shnote h4 {
            font-size: 15px;
            line-height: 26px;
        }

        .about .bg_fs {
            top: -22%;
            width: 18%;
            right: 0;
        }
        .about_qa span.a_lis,
        .about_qa span.q_lis {
            width: 30px;
            height: 36px;
            background-size: cover;
        }

        .about_qa .qa {
            right: -30px;
            top: -110px;
            width: 30%;
        }

        .header .navbar.bsnav {
            background-color: var(--main-color);
        }

        .header .navbar .navbar-brand {
            --height: 50px;
        }

        .header .navbar.bsnav .navbar-brand {
               --height: 35px;
        /* width: calc(var(--height) * 1.1); */
        background-position: left center;
        background-size: auto 100%;
        margin: 8px 0 5px;
        }
		.navbar .small-btn-box .list-inline-item:not(:last-child) {
    margin-right: 0;
	        position: relative;
        left: -8px;
}
	.navbar .small-btn-box   a.btn-search {
    position: relative;
    left: -3px;
}

        .nav-search-li .nav-search-box .search-area {
            width: 100%;
        }

        .navbar .small-btn-box ul {
            margin-right: 0;
        }

        .navbar .small-btn-box a {
            font-size: .85em;
        }

        .navbar-toggler {
            transform-origin: center;
            transform: scale(.6);
        }

        body.home .wid-home-news .list_item .info .subject {
            height: auto;
        }

        .footer .footer_content .sitemap {
            margin-top: 0;
        }

        .footer .desc,
        .footer .footer-info {
            width: 340px;
        }

        .gallery-list.cover.hov-cart .btn-box .btn {
            width: auto;
            font-size: 1.2em;
            background: var(--second-color);
        }

            .gallery-list.cover.hov-cart .btn-box .btn + .btn {
                margin-left: .4em;
            }

        .footer .desc {
            max-width: 100%;
        }

        .footer .footer_content .sitemap ul {
            grid-template-columns: auto auto auto;
            grid-template-rows: auto auto auto;
        }

        .article-list .item .time {
            margin-bottom: 5px;
        }
    }

    @media (max-width: 575px) {
    }