@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/
@media (min-width: 991px) {

    .side1    .collapse:not(.show) {
        display: block;
    }
    .side1   .accordion-header{
        display:none;
    }
    .footer .sitemap .list-inline, .footer  .siteinfo .list-inline {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1400px) {
    .footer .sitemap .list-inline {
        flex-direction: row;
    }
}

    @media (max-width: 1199px) {
        .product.show .pic_right{
            width:30%;
        }
        .product.show .tit_left {
            width: 70%;
        }
        .product.show .tit_left .d-flex {
            width: 60%;
         
        }
        .header .navbar-nav .nav-link {
            padding: 10px 5px 10px;
            position: relative;
        }

        .footer .footer_content .sitemap > ul > li {
            margin-left: 2px;
        }

        .footer .sitemap {
            right: 0.5rem;
        }
        .field .fie_box .tit h4 {
            font-size: 20px;
        }
        .about_page .about_warp {
            padding: 0;
        }

    }

    @media (max-width: 991px) {
        .product.show .tit_left h4:before {
            top: 17px;
            transform: unset;
        }

      .product.show .tit_left .d-flex {
            width: 80%;
        }
        .footer .footer_content .sitemap {
            margin-top: 0;
        }

        body .bsnav-mobile .navbar-nav .nav-item .nav-link:hover {
            background-color: #00866b;
            color: #fff;
        }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
            background: #ededed;
        }

        body .bsnav-mobile .navbar-nav .nav-item .nav-link {
            padding: 10px 16px;
        }

        body .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
            padding: 10px 16px;
        }

        .bsnav-mobile.in .navbar .lang {
            display: none;
        }

        body .header .bsnav-mobile .navbar {
            background: #fff;
            padding: 0;
        }

        body {
            font-size: 14px;
        }

        .header .dropdown {
            margin-left: 0;
            position: absolute;
            right: 3rem;
        }

        .sear_box {
            flex-wrap: wrap;
        }

        .sear_box_0 {
            flex: unset;
            width: 50%;
        }

        .footer .siteinfo ul,
        .footer .sitemap ul {
            margin-bottom: 5px;
        }

        .footer .sitemap {
            position: static;
            transform: unset;
        }

        .footer .footer_content .sitemap {
            border-bottom: 1px solid #00866b;
            margin-bottom: 18px;
        }
      

        .product .prod_box .pro_lc {
            width: 25%;
        }
    }


    @media (max-width: 767px) {
		.footer .sitemap_en ul li{
			width:100%;
			}
				.footer .sitemap_en ul{
			display: flex;
			    flex-wrap: wrap;
				    line-height: 24px;
			}
		.sear_box_0 a .pic img{
			width:100%;
			}
		
        .sitemap_x .sit_box   .sit_one {
            width:100%;
        } 
        .field.show .prod_dklf .erk_dkl:nth-child(2n+1){
            padding-top: 30px;
        }
        .product.field.show h4.cll_df {
            margin-bottom: 10px;
            padding-left: 28px;
        }
        .product.field .show h4.cll_df {
            font-size: 18px;
          
        }
        .contact .cont_mid .pod_e p {
            height: unset;
        }
        .h1_tit {
            font-size: 20px;
           
        }
        .navbar.navbar-expand-lg {
            align-items: baseline;
        }
        .header .navbar .small-btn-box {
            padding-right: 5px;
        }
        .banner {
            padding-top: 29px;
        }
     
        .product.show .pro_more {
            padding: 7px;
            margin-left: 7px;
        }
        .header .navbar .lang .dropdown-menu.show li a {
            font-size: 12px;
         
        }
        .product .prod_box .pro_lc a p {
            padding: 0px 5px;
            font-size: 12px;
        }
        .product .prod_box .prod_right {
            padding: 10px 0px;
        }
        .product .prod_box .pro_lc{
            width:50%;
        }
        .product h4.cll_df {
            font-size: 18px;
        }
       
        .side1 .accordion-button::after {
            background: url(../images/product/arrow_2.svg)no-repeat;
            width:11px;
            height:7px;
            background-size:cover;
        }
        .side1 .accordion-item {
            margin-bottom: 20px;
        }
            .side1 .accordion-button:not(.collapsed),
            .side1 .accordion-item:last-of-type .accordion-button.collapsed {
                background-color: #017c3a;
                color: #fff;
                padding: 10px;
                font-size: 14px;
                border-color: unset;
                box-shadow: unset;
            }
        .product .prod_box a.prod_tism:before {
            content: " ";
            display: block;
            position: absolute;
            right: 7px;
            top: 50%;
            transform: translateY(-50%);
            background: url(../images/product/arrow_3.svg)no-repeat;
            width: 11px;
            height: 7px;
        }
        .product .prod_box a.prod_tism {
            position: relative;
            border: 1px solid #017c3a;
            padding: 5px 8px;
            font-size: 14px;
            color: #017c3a;
        }
        .product .prod_box .prod_left {
            background-color: unset;
            padding: 0;
        }
        .product.show .tit_left .d-flex {
            width: 100%;
        }
        .product.show .tit_left p {
            line-height: 24px;
        }
        .product.show .tit_left h4:before {
            top: 8px;
         
        }
        .product.show .tit_left h4 {
            font-size: 20px;
         
        }
        .product.show .prsd_ld {
            flex-wrap:wrap-reverse;
        }
        .product.show .pic_right,
        .product.show .tit_left {
            width: 100%;
        }
        .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
            top: 7px;
        }
        .navbar-toggler.toggler-spring .navbar-toggler-icon::after {
            top: 15px;
        }
        .news .j1 a.outer_e .chair p.date i {
            font-size: 12px;
            position: relative;
            top: 1px;
        }
        .field .fie_box .pic img {
            height: 150px;
            position: relative;
            overflow: hidden;
            object-fit: cover;
            object-position: center center;
        }
        .header .dropdown {
            right: 40px;
            top: 12px;
        }
        .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
            height: 2px;
        }
        .navbar-toggler {
            width: 25px;
        }
        .header .dropdown .dropdown-toggle {
            padding-left: 21px;
            background-position-y: 8px;
            font-size: 14px;
            background-size: 18%;
        }
        .breadcrumb {
            font-size: 12px;
      
        }
        .field.show .tidk_kck ul li:first-child:before{
            /*display:none;*/
        }
        .product h4.cll_df:before {
            left: 0;
        
        }
        .field.show .tidk_kck ul li:first-child {
            /*display: block;
            width: 100%;
            margin-bottom: 7px;*/
        }
        .field.show .tidk_kck ul li {
            padding-right: 10px;
            margin-right: 10px;
        }
        .field.show .tidk_kck {
            padding-top: 2rem;
        }
            .field.show .tidk_kck ul li:before {
                width: 6px;
                height: 9px;
                background-size: cover;
                right: -2px;
          
            }
            .field.show .tidk_kck ul {
                font-size: 12px;
                padding: 2px 0 9px;
            }

            .field.show .tidk_kck ul li h4 {
                font-size: 18px;
                padding-left: 27px;
            }
        .table_box td a:hover i {
            color: #3d3d3d;
        }
        .table_box td i {
            font-size: 16px;
            color: #00866b;
        }
        h3.ter_pr {
            padding-bottom: 0;
            font-size: 16px;
        }
        .dow_eoor {
            padding: 1.5rem 0 0;
        }
        .prod_dklf {
            padding: 1.5rem 0;
        }
        .table.tb-styleB td:nth-child(1) {
            background-color: #404040;
            color: #fff;
        }
        .table_box.tb-styleB td,
        .table_box.tb-styleB th {
            text-align: left;
            vertical-align: middle;
        }
        .table th {
            line-height: 14px;
        }
        .table_box{
            width:600px;
        }
        .table_box td {
            padding: 5px 5px;
        }
        .field .fie_box .tit {
            padding: 20px 10px;
        }
        .field .fie_box .tit h4 {
            font-size: 16px;
            margin-bottom: 0;
        }
        .field .fie_box .d-flex {
            flex-wrap: wrap;
            margin-bottom: 30px;
        }
        .field .fie_box .tit,
        .field .fie_box .pic {
            width: 100%;
        }
        .download .dow_pour {
            width: 50%;
        }
        .editor {
            font-size: 12px;
            line-height: 24px;
         
        }
        h3.ef_gvb,
        .news.show h1.title {
            font-size: 16px;
        }
        .page-link {
            font-size: 12px;
        }
        .news .j1 a.outer_e .chair p.date,
        .news .j1 a.outer_e .chair p.price {
            font-size: 12px;
        }
        .news .j1 a.outer_e .chair h4 {
            font-size: 14px;
        }
        .news .j1 a.outer_e .chair p.more {
            font-size: 12px;
            padding: 5px 14px;
            text-align: center;
        }
        .field .fie_box .tit a{
            font-size: 12px;
            padding: 8px 20px 8px;
            width: 100px;
            text-align: center;
        }
        .news .j1 a.outer_e{
            flex-wrap:wrap;
            padding:20px;
        }
            .news .j1 a.outer_e .chair{
                padding-top:20px;
            }
            .news .j1 a.outer_e .chair,
            .news .j1 a.outer_e .pic {
                width: 100%;
                margin: 0;
            }
        .h2 {
            font-size: 24px;
            margin-bottom: 0;
        }
        .main {
            padding: 30px 0 0;
        }
        ul.pager_back li a {
            font-size: 12px;
            width: 100px;
        }
        .main .form-select, .main .form-control {
            height: unset;
            font-size: 12px;
        }
        body {
            font-size: 12px;
        }
        .contact .cont_mid .pod_e.pod_e_md{
            margin-top:-14px;
        }
        .contact .cont_mid .pod_e {
            width: 100%;
            padding: 0 0;
            margin-bottom: 15px;
        }
        .contact .main h4 {
            font-size: 16px;
            text-align: left;
            margin-bottom: 10px;
            line-height: 24px;
        }
        .contact .cont_mid {
            padding: 30px 15px;
        
        }
        .product .prod_box .prod_right,
        .product .prod_box .prod_left {
            width: 100%;
        }
        .product  .nav-tabs {
            display: none;
        }

            .product .nav-tabs.open {
                display: block;
                border:1px solid #017c3a;
            }

        .footer .footer_content .sitemap {
            margin-bottom: 10px;
        }

            .footer .footer_content .sitemap > ul > li > a:before {
                top: 1px;
            }

        .footer .copyright {
            font-size: 12px;
        }

        .footer .siteinfo ul {
            display: block;
            line-height: 28px;
            font-size: 12px;
        }

        .footer .footer_content .sitemap > ul > li {
            margin-left: 0;
        }

            .footer .footer_content .sitemap > ul > li > a {
                padding: 0 10px;
                font-size: 12px;
            }

        .sear_box_0 .tit {
            left: 10px;
        }

        .sear_box_0 {
            width: 100%;
        }

        .banner .slick-dots li {
            margin: 0;
        }

        .banner .slick-dots {
            bottom: 4px;
        }

        .navbar .navbar-brand {
            width: 107px;
            height: 37px;
            margin: 10px 0;
            background-size: cover;
        }



        .header .bsnav-mobile .lang > .btn {
            padding: 0 0;
            display: block !important;
        }

        .header .bsnav-mobile .lang {
            position: static;
        }

        .header .bsnav-mobile .navbar {
            background: rgb(75 46 46);
        }

            .header .bsnav-mobile .navbar .lang .dropdown-menu {
                display: block !important;
                position: static;
                transform: unset;
                opacity: 1;
            }
        
        .about_page h3 .xs-title {
            font-size: 16px;
            margin-bottom: 10px;
        }
        .about_page h3 .title {
            font-size: 20px;
            line-height: 29px;
        }

    }