@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
    .product.show .product-info-area {
        padding-left: 3%;
    }
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }

    body .slick-multi-cusarrow .slick-btn .btn-next,
    body .slick-multi-cusarrow .slick-btn .btn-prev{
        display:none!important;

    }


}
@media (min-width: 1199px) {
  
    .side1.col-lg-3 {
        width: 20%;
    }

    .content.col-lg-9 {
        width: 80%;
    }
}
@media (max-width: 1800px) {
 
    .home_product .gallery-list .item::before {
        top: -4px;
        font-size: 100px;
    }
    .home_about > .pic img {
        height: 800px!important;
        width: 100%;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        object-position: center center;
    }

    .footer_content > .container {
        padding: 0 3%;
        max-width: 100%;
    }
}


    @media (max-width: 1199px) {
        .ab_thre_box .it_1 .tit {
             height:125px;
        }
        .ab_thre_box > .container {
            max-width: 100%;
            padding: 0 8%;
        }

        .header .navbar-nav .nav-link {
            padding: 25px 15px 25px;
            font-size: 16px;
        }
    }

    @media (max-width: 991px) {
        .lang_US .home_about > .tit {
            width: auto;
            padding: 0 5%;
        }
        .cart .qty-box .btn {
            width: 30px;
        }
        .cart .qty-box .qty-quantity {
            width: 40px;
        }
    
        .product .content .gx-md-2 > .editor {
            margin-top: 30px;
        }
        .side .navbar {
            padding: 0;
            background-color: unset;
            
        }
      
       
        .footer .foot_fx .foot_fx_right,
        .footer .foot_fx .foot_fx_left {
            width: 100%;
        }
        .footer .foot_fx {
           flex-wrap:wrap;
        }
     
        .item .more_z {
            padding-top: 10px;
        }
        .banner{
            padding-top:113px;
        }
        .header .navbar .small-btn-box {
            position: absolute;
            right: 20px;
            top: 0;
        }
        .header .navbar-nav .nav-link {
            padding: 10px 15px 15px;
        }
        .navbar .navbar-brand {
            margin: 10px auto;
        }
       
        .content > .section > .container {
            max-width: 100%;
        }
        .function-bar .d-md-none {
            display: block !important;
        }

        .container.gx-md-2 > .function-bar {
            display: none !important;
        }
        .sideNavBtn a, .function-bar .btn.btn-primary {
            width: auto !important;
            padding: 5px 10px !important;
        }

        .side1 .collapse:not(.show) {
            display: none !important;
        }

        .side .collapse.navbar-collapse.show {
            margin-bottom: 20px;
            background-color: #fff;
        }

        .function-bar {
            justify-content: space-between !important;
        }

        .sideNavBtn {
            display: block !important;
        }
    
    }

@media (max-width: 767px) {
    .header .btn-group.lang .dropdown-item {
        padding: 8px 10px;
        font-size: 14px;
    }
    .lang_US   .navbar .navbar-brand {
        width: 140px;
        height: 30px;
    }
    .lang_US .home_about > .pic img,
    .lang_US .home_about > .pic {
        height: 670px!important;
    }
.banner .slick-dots {
    bottom: 5px;
}
    .ab_thre_box {
        padding: 40px 0;
    
    }
        .ab_thre_box .it_1 .pic span {
        left: 10px;
        top: 10px;
        font-size: 50px;
 
    }
    .ab_thre_box .it_1:nth-child(2) .pic span {
        bottom: unset;
        top: 10px;
    }
    .ab_thre_box .it_1{
        margin-bottom:30px;
    }
    .ab_thre_box .it_1:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }
    .ab_thre_box .it_1 {
        width:100%;
    }
    .ab_thre_box .d-flex {
        flex-wrap: wrap;
        gap:0;
    }
    .ab_ddr_right {
        margin: 20px  0  50px;
    }
    .ab_ddr_box .pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .ab_ddr_box h4.h4_solid {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 30px;
    }
    .ab_ddr_lefr .pic {
        margin-left: 0;
        width: 100%;
    }
    .ab_ddr_box .tit {
        width: 100%;
    }
    .ab_ddr_box .d-flex {
        flex-wrap:wrap;
    }
    .navbar .small-btn-box .list-inline-item:not(:last-child) {
        margin-right: 0.2rem;
    }
    .navbar .small-btn-box ul {
        margin-right: 5px;
        position: relative;
     
    }
    .cart-step {
        margin-bottom: 15px !important;
    }
    .cart-step .num {
        font-size: 40px;
   
    }
    .cart-box .row{
        margin-left:0;
        margin-right:0;

    }
    .cart.finish .h3 {
        font-size: 24px;
    }
    .cart .main > .container, .cart .main-content > .container {
        padding: 0 15px;
    }
    .cart-list .info-area .price {
        text-align: left;
        display: flex;
        font-weight: 400;
        align-items: center;
    }
    .info-area,
    .qty-area {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .cart-list .btn-area_2 .price {
        text-align: left;
        display: flex;
        font-weight: 400;
        align-items: center;
    }
    .qty-box .input-group {
        width: auto;
    }
    .cart-list .btn-area_2 .price p,
    .cart-list .qty-box p,
    .cart-list .info-area .price p {
        font-size: 12px;
        color: #1f1f1f;
        margin-bottom: 0;
        font-weight: 400;
        padding-right: 15px;
    }
   .product.show .qty-box {
        border-bottom:none;
    }
    .qty-box {
        padding: 10px 0;
        display: flex;
        border-bottom: solid 1px #d4d4d4;
        align-items: center;
    }
    .cart-box .cart-list.cart-list_th {
        display: none;
    }
    .product.show  .mainSection{
        padding-top:0!important;
        margin-top:0!important;
    }
    .tab-area.tab-accordion .tab-accordion-header a {
        color: #fff;
    }
    .tab-area.tab-accordion .tab-accordion-header {
        color: #fff;
        background: #03389C;
        background: linear-gradient(151deg, rgba(3, 56, 156, 1) 0%, rgba(103, 198, 249, 1) 100%);
        padding: 8px 10px;
        border: none;
    }
    .btn-area .d-flex {
        width: 100%;
    }
    .btn-area a.btn {
        padding: 6px 5px;
        font-size: 14px;
    }
    .product-info-area .info-box {
        padding: 20px 0 15px;
        margin-bottom: 30px;
    }
    .product.show .tab-area > .container{
        padding:0;
    }
    .product.show .prsw_bo {
        padding: 30px 0 0;
    }
    .page-link {
        min-width: 2em;
        height: 2em;

    }
    .product .content .gx-md-2 > .editor {
        margin-top: 0;
    }
    .demo {
        text-align: left;
        font-size: 16px;
      
    }
    .form-select, .form-control {
        padding: 10px;
    }
    .pt10 .btn.btn-primary, .pt10 .btn-secondary {
        width: 120px;
        padding: 10px 30px;
        font-size: 14px;
     
    }
    .co_box .con_if .t_co p {
        margin: 20px 0 10px;
    
    }
    body .map-box {
        height: 200px;
    }
    .needs-validation {
        position: relative;
        margin: 0 0 50px;
    }
    .co_box {
        margin-bottom: 0;
    }
    .co_box .con_if .t_co {
        width: 100%;
        margin-bottom:60px;
    }
    .co_box .con_if .d-flex {
        gap: 0;
    }
    .main > .container, .main-content > .container {
        padding: 0 15px;
   
    }
    .article-grid .item .info .title, .article-grid .item .info .title a {
        font-size: 16px;
   
    }
    .side .navbar .show {
        padding: 20px;
       
    }
    .breadcrumb-section {
        margin-bottom: 30px !important;
    }
    .breadcrumb {
        font-size: 12px;
    }
    .breadcrumb li:first-child a {
        padding: 4px 10px;
    }
    .home_product .gallery-list p.title {
        height: auto;
        padding-bottom: 20px;
    }

 
    .tp_cot_fex .tp_cot ul li{
        line-height:normal;
        padding: 3px 0;
    }
    .tp_cot_fex .tp_cot ul li a, .tp_cot_fex .tp_cot ul li {
        font-size: 15px;
    }
    .tp_cot_fex .tp_cot + .tp_cot{
        padding-top:20px;
    }
    .gotop a {
        width: 40px;
        height: 40px;
    }
    .header .navbar {
        padding: 0 15px;
    }
    .footer .footer_content {
        background-size: cover;
        padding: 20px 0;
    }
    .tp_cot_fex .tp_cot {
        flex: unset;
        width: 100%;
    }
    .tp_cot_fex {
        gap: 0;
        flex-wrap:wrap;
    }
    .more_x i {
        width: 25px;
        height: 25px;
  
    }
    .more_x {
        padding: 12px 20px;
        width: 180px;
   
    }
    .more_x span {
        font-size: 14px;
  
    }
    .home_appli .d-flex {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .home_appli .d-flex .appl_bo .tit {
        left: 10px;
        bottom: 0;
    }
    .home_appli .d-flex .appl_bo {
        width: calc((100% - 20px) / 2);
    }
    .home_appli {
        padding: 50px 15px;
        background-position-x: -170px;
    }
    .home_about .tit p span {
        display: unset;
    }
    .home_about > .tit {
        text-align: left;
        padding: 0 15px;
    }
    .home_about > .pic img {
        height: 490px !important;
  
    }
    .home_about > .pic {
        height: 400px;
    }
    .gallery-list .item .title {
        font-size: 16px;
    }
 
    body.home .h2 {
        margin-bottom: 0;
    }
    .h2 .txt-en {
        font-size:32px;

    }
    .h2 .txt-tw {
        font-size: 18px;
    }
    .section .box-intro {
        font-size: 16px;
    }
    .home_product .gallery-list .item::before {
        top: -34px;
      
    }
    .home_product {
        padding: 20px 15px 50px;
    }
    .item .more_z {
        font-size: 14px;
    }
    .home_news .article-grid.info-absolute .item {
        padding: 0px 30px 20px;
        margin: 30px 0;
    }

    .item .date {
        font-size: 12px !important;
        top: -14px;
    }

    body .slick-multi-cusarrow .slick-btn .btn-prev, body .slick .slick-prev {
        width: 36px;
        height: 36px;
        right: -20px;
    }

    body .slick-multi-cusarrow .slick-btn .btn-next, body .slick .slick-next {
        width: 36px;
        height: 36px;
        right: -20px;
    }
    .header .navbar-nav .nav-item:hover > .nav-link {
        color: #6fc1ff;
    }
    .navbar   .nav-item .caret {
        border-top: solid 5px #ffffff;
    }
    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        color: #fff;
        border-bottom: solid 1px #ffffff61;
    }
    .header .bsnav-mobile .navbar {
        background: linear-gradient(151deg, rgba(3, 56, 156, 1) 0%, rgba(103, 198, 249, 1) 100%);
    }
    .header .navbar .small-btn-box {
        position: static;
     
    }
    .header .navbar .small-btn-box > ul > li > .cart-drop-box a.pos-relative i {
        width: 18px;
        height: 19px;
    
    }
    .banner {
        padding-top: 50px;
    }
    .header .navbar .small-btn-box > ul > li > .cart-drop-box a.pos-relative {
        font-size: 14px;
    }
    .navbar .small-btn-box .btn-group > a.btn-primary:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .navbar .small-btn-box ul li a.btn-primary {
        padding: 5px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        border: none;
    }
    .navbar .navbar-brand {
        width: 167px;
        height: 30px;
    }

    body.home .banner .slick-dots {
        bottom: 10px;
    }
    .home_news {
        padding: 0 15px;
        margin-top: 0;
   
    }
    .bsnav-mobile.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
    }
    .header .navbar.newtop.logo-show:not(.logo-ani-show) .navbar-brand .logo, .header .navbar.newtop.logo-show:not(.logo-ani-show-bg) .navbar-brand .logo {
        display: unset;
    }
    .rwd-table.mob-mode tr:nth-child(odd) {
        background: rgb(238 238 238);
    }

    .rwd-table.mob-mode td:before {
        font-weight: 400;
        min-width: 30%;
        color: #000;
    }

    .rwd-table td:first-child a,
    .rwd-table td:first-child:before {
        color: #ffffff;
    }

    .order-list table.mob-mode td:first-child {
        background: #161616;
        border: solid 1px #161616;
    }

    .rwd-table.mob-mode td {
        padding: 10px 10px;
    }

    body .navbar-toggler.toggler-spring.active .navbar-toggler-icon {
        background-image: unset;
    }
    .btn.btn-primary {
        font-size: 14px;
        padding: 4px 10px;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav li a{
        padding-left:30px!important;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav {
        background: unset;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        background: unset;
        margin-left: 0;
        margin-right: 0;
    }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
            padding: 10px 10px;
            color: #fff;
            font-size: 15px;
            font-weight: 400;
        }

    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 12px 0;
        font-weight:bold;
    }

    .bsnav-mobile .navbar-nav {
        padding: 0 0;
        text-align: left;
    }
    body .navbar .navbar-toggler {
        width: 23px;
        margin-right: 0;
        margin-top: 5px;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::after {
        top: 17px;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
        top: 8px;
    }

    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        height: 1.5px;
    }

    }