body,html{
    overflow-x: hidden;
}

.header-pc{
    display: none;
}

strong{
    font-weight: 700;
}

.index-news-pc-flex .break{
    padding: 0;
}


/* 品牌輪播 */
.light-btn {
    padding: 5px 7px;
    font-size: 13px;
}

.maintain_b1 .light-btn{
    font-size: 16px;
}

.category-swiper {
    background-color: var(--bg-white);
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    padding: 10px 0;
}

.category-btn {
    padding: 2px;
    border: none;
    background: transparent;
    opacity: 0.5;
    border: 2px #c7000b00 solid;

}

.category-btn.active,
.category-btn:hover {
    background: transparent;
    opacity: 1;
    border: 2px #c7000b solid;
    border-radius: 5px;
    overflow: hidden;
}

.shop-card.style-1 {
    margin-bottom: 1.5rem;
}
.modal.qrcode{
    --bs-modal-width: 350px;
}

.contact-pc-flex .card-body .row .col-6{
    width: calc(50% - 0.5rem);
}
.input-group .input-group-text, .form-control{
    border: none;
}

.anchor-btn .category-swiper{
    border: none;
    }
    .anchor-btn .category-btn {
        background-color: #F8F8F8;
        border: 1px solid #fff;
        padding: 12px 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        font-size: 14px;
        font-weight: 700;
        color: var(--primary);
        border-radius: 6px;
        white-space: nowrap; 
        opacity: 1;
        }
    .anchor-btn .category-btn.active, .anchor-btn .category-btn:hover {
          background-color: var(--primary);
          color: #fff; 
      }
          
.editor-section-title{
    background-color: unset;
    padding-left: 0;
}
          
.editor-section-title .number{
    background-color: #ebebeb;
    color: #5a5858;
}
.cat-brand-ad{
    width: 100%;
}
.cat-brand-ad img{
    width: 100%;
}

.qr-card{
    background-color: #F9F7F7 !important;
    border: 1px solid #fff;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
}



.mb-filter .filter-3 li{
    margin: 0.25rem;
}
.mb-filter .filter-3 li a{
    background-color: #f8e3e3;
}
.mb-filter .accordion-body-text{
    padding: 0.25rem;
}
.mb-filter .accordion-header{
    width: calc(100% - 50px);
}
.mb-filter .accordion-header{
    padding-right: 1.6rem;
}
.mb-filter .accordion-header-indicator{
    right: 0.8rem;
}
.mb-filter .accordion-header-b{
    width: 45px;
    padding: 0.6rem 0.95rem;
    background-color: #f9f7f8;
    border-radius: 8px;
    margin-left: 5px;
}
.accordion-header{
    border:none;
    background-color: #fff;
}
.mb-filter .accordion-header-b.lv-2{
    border:none;
    background-color: #fff;
}
    /* footer */
    .footer-logo{
        width: 110px;
        max-width: 110px;
    }


    .pro_menu {
        position: relative;


    }

    .sidebar .navbar-nav li.pro-sub-menu {
        padding-bottom: 0;
    }

    .sidebar .navbar-nav li.pro-sub-menu>a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 13px;
        border-radius: 0;
        padding-left: 45px;
        /* padding-right: 45px; */

    }

    .sidebar .navbar-nav li.pro-sub-menu.in a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar .navbar-nav li>a:after {
        display: none;
    }

    .sidebar .navbar-nav li.pro-sub-menu.out>a:after {
        display: block;
        transition: 0.3s ease;
    }


    .sidebar .navbar-nav li.pro-sub-menu>a:after {
        content: "\e842";
        display: none;
    }

    .sidebar .navbar-nav li.pro-sub-menu.pro-sub-menu-2>a:after {
        display: none;
    }

    .sidebar .navbar-nav li.pro-sub-menu.pro-sub-menu-2>a {
        padding-left: 55px;
        color: var(--body-color);
        font-size: 12px;
    }

    .pro-sub-menu span {
        color: #dc8b90;
    }

    .pro_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;


    }

    .pro-sub-menu.out span {
        color: #000;
        font-size: 14px;
    }

    .sidebar .navbar-nav li.pro-sub-menu.out>a {
        padding: 10px 15px !important;
    }

    .pro_menu ul li {
        /* Sub Menu */
    }

    .pro_menu ul li a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -ms-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear;
    }

    .lev-3 {
        padding-left: 10px;
    }

    .lev-4 {
        padding-left: 20px;
        font-size: 12px;
    }

    .pro_menu ul li a:hover {}

    .pro_menu ul li a .fa {
        width: 16px;
        text-align: center;
        margin-right: 5px;
        float: right;
    }

    .pro_menu ul li ul li a {

        border-left: 4px solid transparent;
        padding: 10px 20px;
    }


    .sidebar .navbar-nav li.pro-sub-menu.out>a.arrow-rotated:after{
        transform: translateY(-50%) rotate(180deg);
        transition: 0.3s ease;
    }


    .menu_popup.active {
        display: block;
    }

    .menu_popup_close{
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s;
        z-index: 8;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        background-color: #0a0a0a9e;
    }

    .menu_popup_close.active{
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
    }



.all_table_box{}

.all_table_box p{
    margin-bottom: 0;
}

.all_table_box tbody tr:nth-child(even) td{
    background-color: #f0f0f0;
}






.pro_tab{
  display: flex;
  gap: 12px;
}

.pro_tab >div{
  width: calc((100% / 6) - 10px);
}


.swiper-wrapper .vedio_box,
.swiper-wrapper .vedio_box iframe{
    width: 100%;
}


.pro_tab_list>a{
    display: flex!important;
    align-items: flex-end;
    gap: 10px 15px;
    color: #333;
    font-size: 16px!important;
}

.pro_tab_list>a p:nth-child(2){
    font-size: 12px!important;
    opacity: .7;
}


    
@media only screen and (min-width: 1300px) {
    /* 電腦版就消失 */
    .d-pc-none{
        display: none;
    }
    /* 文字 標題 + 0.5rem、內文 + 2px */
    h2, .h2{
        font-size: 2rem;
    }

    .shop-card.style-2 .dz-content .title{
        font-size: 16px;
    }

    .shop-card.style-2 {
        font-size: 16px;
    }

    .text_02{
        color: #666;
        font-size: 13px;
    }
    

    /* 兩個容器
    (有側欄位) */
    .page-content{
        /* width: calc(100% - 360px); */
        float: right;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 900px));
    }
    .page-content.full{
        width: 100%;
    }
    .page-content .container {
        width: calc(100% - 1rem);
        max-width: 900px;
    }
    .page-content.pro_page .container{
      max-width: 1250px;
    }
    .header .container{
        width: calc(100% - 2.5rem);
        max-width: none;
    }
    .container.content-note{
        width: 100%;
        max-width: 100%;
        padding: 5px 0;
        font-size: 12px;
    }
    .container.content-note p{
        font-size: 12px;
    }

    /* 只有一個容器
    (沒有側欄位) */
    
    .container{
    padding: 1.25rem;
    }

    
    
    .container-one-box{
        width: 100%;
        padding: 0;
    }
    .container-one-box .container{
        max-width: none!important;
        width: 100%!important;
    }
    
    .container-one-box.w-pc-1580{
        max-width: 1580px!important;
        float: none;
        margin: auto;
    }
    .container.w-pc-1580{
        max-width: 1580px!important;
        float: none;
    }
    /* 首頁最新消息 - 左右容器 */
    .container.pc-md-section{
        width: calc(100% - 500px) !important;
    }
    .container.pc-sm-section{
        width: 500px !important;
    }

    /* 單個容器的留白 */
    .pc-p-20{
        padding: 20px !important;
    }
    .pc-px-3{
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;  
    }
    
    .pc-px-4{
        padding-right: 2rem !important;
        padding-left: 2rem !important;  
    }
    .pc-px-5 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;  
    }
    .pc-px-8 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;  
    }
    
    /* 產品側邊選單 
    
    for 兩個容器 */
    .side-sub-menu{
        display: block;
        width: calc(100% - 900px);
        /* background-color: #ddd; */
        padding-top: 113px;
    }
    .side-sub-menu-card{
        margin: 1.5rem;
/*        margin-top: 300px;*/
        background-color: #fafafa;
        border-radius: 10px;
        padding: 1rem;
    }
    .side-sub-menu.product-left{
        padding-top: 0px;
        float: right;
    }

    .side-sub-menu.product-left .side-sub-menu-card{
        margin-top: 40px;
    }




    
    .side-sub-menu-card.no-head-img{
        margin-top: 170px;
    }
    .side-sub-menu-card.news-pc-head{
        margin-top: 200px;
    }
    .side-sub-menu-card .filter-3 li{
        margin: 0.25rem;
    }
    .side-sub-menu-card .filter-3 li a{
        background-color: #f8e3e3;
    }
    .side-sub-menu-card .accordion-body-text{
        padding: 0.25rem;
    }
    .side-sub-menu-card .accordion-header{
        width: calc(100% - 50px);
    }
    .side-sub-menu-card .accordion-header{
        padding-right: 1.6rem;
    }
    .side-sub-menu-card .accordion-header-indicator{
        right: 0.8rem;
    }
    .side-sub-menu-card .accordion-header-b{
        width: 45px;
        padding: 0.6rem 0.95rem;
        background-color: #f9f7f8;
        border-radius: 8px;
        margin-left: 5px;
    }
    .accordion-header{
        border:none;
        background-color: #fff;
    }
    .side-sub-menu-card .accordion-header-b.lv-2{
        border:none;
        background-color: #fff;
    }
    .side-sub-menu-card-sm-t{
        font-size: 12px;
        font-weight: 700;
        color: var(--font);
    }
    

    /* 切換電腦版
    
    .header.header-pc
    
    頁首 */
    
    
    .header-mb{
        display: none;
    }
    .header-pc{
        display: block;
    }

    /* 電腦版上方menu */
    .header.header-pc .container{
        width: 100%;
        padding: 0;
    }
    .header.header-pc .header-content .left-content{
     width: unset;
     padding-left: 2.5rem;
    }
    .header.header-pc .header-content{
        min-height: 75px;
    }
    .header.header-pc .right-content{
/*        background-color: var(--logo-grey);*/
        padding-right: 2.2rem;
        gap: 0 10px;
    }
    .pc-header-contact-btn{
        background-color: var(--red);
        color: #fff;
        height: 45px;
        gap: 8px;
/*        margin-right: calc(1.25rem + 15px);*/
        border-radius: 5px;
    }
    .pc-header-member-btn{
        background-color: #ebebeb;
        color: var(--red);
        height: 45px;
        gap: 8px;
        border-radius: 5px;
        
    }
    .pc-header-contact-btn i{
        color: #fff!important;
        font-size: 15px!important;
    }
    .pc-header-contact-btn:hover{
        color: #fff!important;
    }
    .pc-header-member-btn i{
        color: var(--red)!important;
        font-size: 15px!important;
    }
    .header.header-pc .header-content .right-content i{
        color: #ddd;
    }
    .r-c-flex{
        display: inline-flex!important;
        align-items: center;
        flex-direction: row;
    }
    .header.header-pc .form-control{
        border: none;
    border-left: 1px solid #E3E3E3;
/*    border-right: 1px solid #E3E3E3;*/
    background-color: unset;
    height: 75px;
    }


    .header .menu-toggler{
        position: relative;
        width: 60px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--logo-grey);
        border: 1px #ddd solid;
        border-radius: 5px;
    }

/*    .header .menu-toggler:after {
        content: "";
        position: absolute;
        width: 60px;
        height: 45px;
        border: 1px #ddd solid;
        background-color: #fff;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        border-radius: 5px;
    }*/


    /* 電腦版 選單 */



    .header.header-pc .navbar li.nav-item{
        margin-right: 1rem;
    }
    .page-content.space-top{
        margin-top: 135px;
    }
    
    .header.header-pc .navbar .megamenu{ 
        padding: 1rem; 
        padding-top: 0;
        padding-bottom: 0;
        width: 95%;
        height: 580px;
        max-height: 70vh;
        padding: 0 20px 20px 20px;
        overflow-y: auto;
        top: calc(100% + 1px);
        border-radius: 0 0 10px 10px;
    }

    .menu_popup .dz-filter .tab-content{
        top: 0;
    }

    .header.header-pc .navbar .has-megamenu{position:static!important;}
    .header.header-pc .navbar .megamenu{left:0; right:0; width:90%; margin-top:0;  }
    
    .header.header-pc  .nav-item.active .title{
        color: var(--red);
        font-weight: 700;
        position: relative;
    }
    .header.header-pc  .nav-item.active .title::before{
        content: '';
        width: 100%;
        height: 3px;
        background-color: var(--red);
        position: absolute;
        bottom: -9px;
        left: 0;
    }
    .header.header-pc .dropdown-menu .category-btn{
        max-height: 43px;
    }
    .header.header-pc .dropdown-menu .category-btn img{
        max-height: 43px;
    }

    .btn-light-2{
        color: var(--body-color);
        background-color: #F9F7F7;
        padding: 1rem 0;
        border-bottom: none;
        border-radius: 0;
        margin: 0;
    }
    .header.header-pc .red-tag:hover{
        background-color: #f8e3e3;
        color: #c7000b;
    }


    .application-swiper .swiper-wrapper,
    .application-swiper_01 .swiper-wrapper{
        margin-bottom: 20px;
    }


    
    /* index  news */
    
    
    .index-news-pc-flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    /*margin-top: 2rem;*/
    /*margin-bottom: 1.5rem;*/
    }


    .index-news-left-wrap{
    display: flex;
    flex-direction: column;
    }

    .nav-item.d-pc-none{
        display: none!important;
    }
   
    .tab-slide-effect{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        
    }
    .tab-slide-effect .nav.nav-tabs{
        width: 400px;
        display: flex;
        justify-content: flex-end;
    }
    .dz-tab.style-1 .tab-slide-effect .tab-active-indicator::after{
        display: none;
    }
    .dz-tab.style-1 .nav.nav-tabs .nav-item .nav-link{
        margin: 6px;
        padding: 8px 0;
        border-radius: 4px;
    }
    .dz-tab.style-1 .tab-slide-effect{
        border-bottom: none;
        background-color: #fff0!important;
    }
    .product-list{
        background-color: #fff0!important;
    }
    .tab-content .tab-pane .row .col-12:first-of-type .product-list{
        border-top: 1px solid var(--light-grey);
    }
    .dz-tab.style-1{
/*        padding: 0 1rem;*/
    }
    .index-news-pc-flex .break{
        padding: 15px;
    }
    .event .li-date{
        font-size: 12px;
    font-weight: 400;
    color: var(--body-color);
    padding-right: 10px;
    border-right: 1px solid var(--light-grey);
    margin-right: 10px;
    line-height: 16.8px;
    }
    .event .li-new {
        font-size: 12px;
        font-weight: 400;
        color: var(--red);
        line-height: 12.8px;
        padding: 1px 9px;
        border-radius: 3px;
        border: 1px solid var(--red);
    }


    /* index application */
    .profile-area .content-box{
        padding: 0;
    }
    .profile-area{
    padding: 0;
    margin-bottom: 3.5rem;
    }
    
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 10px;
    }
    
    

    .col-ms-5{
        width: calc(25% - 3rem);
    }
    .icon-bg-red{
        background-color: var(--red);
        padding: 6px;
        color: #fff;
        border-radius: 4px;
        font-size: 16px !important;
    }
    .icon-bg-red-sm{
        background-color: var(--red);
        padding: 4px;
        color: #fff;
        border-radius: 4px;
        font-size: 13px !important;
    }

    .parallelogram{
        /* width: 100%; */
        /* height: 200px; */
        position:relative;
        padding:20px;
        box-sizing:border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        z-index: 1;
        font-size: 16.5px;
        font-weight: 700;
        color: var(--red);
    }
    .parallelogram:before{
        content: "";
        position: absolute;
        background-color: #fff;
        border-radius: 4px;
        transform: skew(-8deg);
        top: 0;
        left: 1%;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 98%;
        box-shadow: var(--box-shadow);
    }
    .parallelogram.parallelogram-2{
        color: #F9F7F7;
    }
    /* .parallelogram.parallelogram-2:before{
        background-color: #C30E1C;
    } */
    .bg-red{
        background-color: var(--red);
        background: rgb(209,0,0);
        background: linear-gradient(327deg, rgba(209,0,0,1) 0%, rgba(223,20,20,1) 100%);
        z-index:0;
    }
    .bg-light-blue{
        background: #f5f7fb;
        z-index:0;
    }
    .contact-footer-4{
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
    .contact-footer-4:before{
        content: "";
        position: absolute;
        background-color: #F9F7F7;
        border-radius: 0;
        transform: skew(34deg);
        top: 0;
        right: 5%;
        bottom: 0;
        z-index: -1;
        width: 215px;
        background: linear-gradient(327deg, rgb(255 255 255 / 11%) 0%, rgb(229 235 247 / 45%) 100%);
    }
    .contact-footer-4:after{
        content: "";
        position: absolute;
        background-color: #F9F7F7;
        border-radius: 0;
        transform: skew(326deg);
        top: 0;
        right: 23%;
        bottom: 0;
        z-index: -1;
        width: 215px;
        background: linear-gradient(327deg, rgb(255 255 255 / 11%) 0%, rgb(229 235 247 / 45%) 100%);
    }
    
    
    
    /* 內頁 */
    .side-sub-menu .bg-red{
        background-color: #c7000b;
        color: #fff;
        padding: 0.6rem 0.95rem;
        display: block;
        border-radius: var(--border-radius-sm);
        margin-bottom: 10px;
    }
    .side-sub-menu .bg-white{
        background-color: unset;
        padding: 0.6rem 0.95rem;
        display: block;
        border-radius: var(--border-radius-sm);
        margin-bottom: 10px;
    }


    .account-box .container{
        max-width: 820px!important;
    }
    .member-btn .container{
        max-width: 820px!important;
    }
    .profile-area{
        max-width: 1535px!important;
        margin: auto;
        margin-bottom: 3.5rem;
    }
    
    /* 聯絡我們 */
    
    .contact-pc-flex{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }
    
    
    
    /* 產品 */
    .page-content.space-top-2{
        margin-top: 135px;
    }


    /* 最內層產介紹 */
    .dz-product-preview{
        width: 35%;
        max-width: 800px;
    }
    .product-s-flex{
        display: flex;
    
    }
    .product-s-right{
        padding-left: 5%;
        width: 65%;
    
    }
    .product-s-right .btn{
        width: 135px !important;
        padding: 10px;
    }
    .side-sub-menu.product-left.has-bread {
/*        padding-top: 160px;*/
    }
    .anchor-btn .category-btn{
        padding: 20px 25px;
        font-size: 16px;
    }
    
    .col-xxl-3{
        flex: 0 0 auto;
        width: 25%;
    }

}



@media only screen and (min-width: 1350px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 950px;
    }
    .page-content.pro_page .container{
      max-width: 1250px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 950px));
    }
    .side-sub-menu{
        width: calc(100% - 950px);
    }
    .font-14{
        font-size: 16px !important;
    }
}



@media only screen and (min-width: 1400px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 1050px;
    }
    .page-content.pro_page .container{
      max-width: 1350px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 1050px));
    }
    .side-sub-menu{
        width: calc(100% - 1050px);
    }

    .side-sub-menu.small{
        width: 320px;
    }

    .page-content.small {
        width: calc(100% - 320px);
    }

    .page-content.small .container {
        width: calc(100% - -7.5rem);
    }


    .side-sub-menu-card{
        margin: 2.5rem 0 2.5rem 2.5rem;
        margin-top: 300px;
    }
    
    .page-content .container{
        width: calc(100% - 2.5rem);
    }
    .container.content-note{
        width: 100%;
        max-width: 100%;
    }
}
@media only screen and (min-width: 1500px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 1150px;
    }
    .page-content.pro_page .container{
      max-width: 1450px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 1150px));
    }
    .side-sub-menu{
        width: calc(100% - 1150px);
    }
    .container.content-note{
        width: 100%;
        max-width: 100%;
    }

}

@media only screen and (min-width: 1580px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 1230px;
    }
    .page-content.pro_page .container{
      max-width: 1450px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 1230px));
    }
    .side-sub-menu{
        width: calc(100% - 1230px);
    }
    .container.content-note{
        width: 100%;
        max-width: 100%;
    }
    .cat-brand-ad{
        width: 20%;
        height: 62%;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        margin: 1.5rem 0;
        padding-right: 0.5rem;
        border-radius: 15px;
    }
    .cat-brand-wrap .brandad-swiper{
        width: calc(80% - 0.5rem);
        display: inline-block;
        vertical-align: top;
    }
    

}

@media only screen and (min-width: 1700px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 1350px;
    }
    .page-content.pro_page .container{
      max-width: 1450px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 1350px));
    }
    .side-sub-menu{
        width: calc(100% - 1350px);
    }
}



@media only screen and (min-width: 1800px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 1450px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 1450px));
    }
    .side-sub-menu{
        width: calc(100% - 1450px);
    }
    .container.content-note{
        width: 100%;
        max-width: 100%;
    }
    .dz-product-preview{
        width: 35%;
        max-width: 1100px;
    }
    .row-cols-xlg-6 > * {
        flex: 0 0 auto;
        width: 16.66667%; }
}

@media only screen and (min-width: 1900px) {
    .page-content .container {
        width: calc(100% - 2.5rem);
        max-width: 1550px;
    }
    .page-content.sec-set{
        width: calc(100% - (100% - 1550px));
    }
    .side-sub-menu{
        width: calc(100% - 1550px);
    }

    .container.content-note{
        width: 100%;
        max-width: 100%;
    }
}






@media only screen and (max-width: 1300px) {
    .d-mb-none{
        display: none;
    }
    .footer h5{
        font-size: 14px;
    }
    .footer p, .footer a{
        font-size: 12.5px;
    }
    .footer .company-name, .footer .contact-last{
        font-size: 14px;
        font-weight: 700;
    }
    
    .sticky-50{
        position: sticky;
        top: 50px;
        z-index: 3;
        background-color: var(--bg-white);
    }
    .sticky-140{
        position: sticky;
        top: 115px;
        z-index: 3;
        background-color: var(--bg-white);
    }
    .bg-red {
        background-color: var(--red);
        background: rgb(209, 0, 0);
        background: linear-gradient(327deg, rgba(209, 0, 0, 1) 0%, rgba(223, 20, 20, 1) 100%);
        z-index: 0;
    }

    /*.top_brand{
        display: none;
    }*/
}

@media only screen and (max-width: 600px) {

    .title-24 {
        font-size: 20px;
    }

    .pro_tab{
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }

    .pro_tab >div{
      width: calc((100% / 3) - 4px);
    }







}






@media all and (max-width:1300px){ 


.page-content.space-top-2{
    margin-top: 50px;
}


}
/*===========================*/

.new_width{
    padding: 0 2.5rem;
}


.content_b1{

}

.content_b1 img{
    max-width: 100%;
    height: auto!important;
}

.content_b1 table,
.accordion-body-text table{
    max-width: 100%;
}

.content_b1 table,
.content_b1 th,
.content_b1 td,
.accordion-body-text table,
.accordion-body-text th,
.accordion-body-text td {
  border: 1px solid #333;
}

.content_b1 table p,
.accordion-body-text table p{
    margin: 0;
}

.content_b1 td,
.content_b1 th,
.accordion-body-text td,
.accordion-body-text th{
    padding: 8px 5px!important;
}

.accordion-body-text{
    background-color: #fff;
}




.page_box{
    display: flex;
    gap: 10px;
}

.page_box li a {
    display: flex;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
    border-radius: 6px;
    border: 1px #E3E3E3 solid;
    align-items: center;
    justify-content: center;
    color: #777;
}

/*.page_box li a i{
    color: #777;
}*/

.page_box li.active a{
    background-color: #c7000b;
    color: #fff;
}

.page_box li a:hover{
    border: 1px #c7000b solid;
    color: #c7000b;
}

.page_box li.active a:hover{
    background-color: #c7000b;
    color: #fff;
}

.brandcard_inpage-swiper .swiper-slide {
    width: calc(20% - 8px);
}


.brandcard-swiper .swiper-slide{
    width: 16.666%;
}


.brandcard-swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 20px;
}

.application-swiper_01:not(.swiper-initialized) .swiper-wrapper {
    gap: 20px;
}

.brandcard_inpage-swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 10px;
}

.application-swiper_01 .swiper-slide{
    width: 25%;
}


@media all and (max-width:1650px){ 


.new_width{
    
}

.new_width .container{
    width: 100%;
    max-width:100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

.new_width .px-4,
.new_width .px-xl-4,
.new_width .px-1-2,
.new_width .pc-px-3{
    padding-left: 0!important;
    padding-right: 0!important;
}

.new_width .title-bar{
    width: 100%;
    max-width: 100%;
}



}




@media all and (max-width:1300px){ 


.brandcard-swiper .swiper-slide{
    width: 20%;
}

}

@media all and (max-width:1024px){ 



.brandcard-swiper .swiper-slide{
    width: 25%;
}

.application-swiper_01 .swiper-slide{
    width: 33.3%;
}


}


@media all and (max-width:768px){ 



.brandcard-swiper .swiper-slide{
    width: 33.3%;
}

.application-swiper_01 .swiper-slide{
    width: 50%;
}


}


@media all and (max-width:575px){ 


.brandcard_inpage-swiper .swiper-slide {
    width: 23%;
}

.brandcard-swiper .swiper-slide{
    width: 50%;
}

}


@media all and (max-width:430px){ 


.brandcard_inpage-swiper .swiper-slide {
    width: 45.5%;
}

}