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

@media (min-width: 991px) {
    .product    .main .side1 {
        display: none;
    }

    .sid_memb .h2_tit {
        display: none;
    }

    .sid_memb .accordion-collapse {
        display: block;
    }
    .main .content {
        padding-left: 5%;
    }
    .main .side1 {
        border-right: 1px solid #bfbfbf;
        padding-right: 2%;
    }
}
@media (min-width: 767px) {
  
 
 

    .home_product .home_product_left .slick-slide {
        float: unset;
        width: 100% !important;
        cursor: pointer;
        transition: 0.5s;
        padding-left: 0;
        position: relative;
    }
    .home_product .home_product_left .slider-nav2 .slick-list {
        padding: 0 !important;
    }
}

@media (max-width: 1800px) {
    .welfare_bo img {
        padding-top: 100px;
    }
    .welfare_bo .p-2 {
        left: 6%;
        bottom: 6%;
    }
    .welfare_bo .p-3 {
        right: -2%;
        
    }
    .welfare_bo {
        width: auto;

    }
    .prdf_fx .prdf_1 h5 {
        font-size: 18px;
    }
    .sea_ld {
        /*min-height: 170px;*/
    }
    .footer_mid ul li {
        padding: 5px 0;
    }
    .footer .footer_content {
        padding: 4% 0 1%;
    }
    .home_four .fou_lis .tit h4 {
        font-size: 1.5rem;
    }
 
    .footer_mid .siteinfo:nth-child(2) {
        padding-left:5%;
      
    }
    .footer_mid .siteinfo.sit_serve {
        width:30%;
    }
    .home_product_right,
    .home_new_right {
        width: 75%;
      
    }
    .home_product_left,
    .home_new_left {
        width: 25%;
      
    }
    .home_new_left {
        padding: 14% 0%;
    }
    .home_product_left {
        padding: 10% 0%;
    }
    .home_product .home_product_left {
        padding: 11% 0 8%;
    }
    .home_product_right .prd_tit {
        width: 60%;
    }
    .header .navbar .lang .dropdown-menu {
       /* transform: translateX(-57%);*/
    }
    .navbar .navbar-brand {
        margin-left: 10px;
    }
    .header .lang a.btn {
        padding: 35px 17px;
    }
    .header .navbar-nav .nav-link {
        padding: 25px 8px 25px;
    }
    .navbar .navbar-brand {
        width: 286px;
        height: 53px;
        background-size: cover;
    }
}

@media (max-width: 1400px) {
    .preface_ab.pref_bs  .fdf_dcv p {
        width: auto;
    }
	.preface_ab .fdf_dcv p {
 
    width: 100%;
}
    .home_product_right .prd_tit {
        width: 90%;
    }

}

    @media (max-width: 1199px) {
        .welfare_bo .p-1 {
            width: 70%;
        }
        .welfare_bo .p-2 {
            left: 0;
            bottom: 4%;
        }
        .welfare_bo .p-3 {
            right: -35px;
        }
        .welfare_bo {
            width: auto;
      
        }

		
        .contact .comt_topsd iframe {
            height: 200px;
        }
        .contact .comt_topsd .siteinfo,
        .contact .comt_topsd .siteinfo.siteinfo_2 {
            width: 50%;
        }
        .footer_mid ul {
            display: block;
        }
        .footer  .sea_ld:nth-child(2) {
            padding-left: 0;
        }
        .footer   .sea_box {
       
            flex-direction: column;
        }
        .footer .footer_mid .siteinfo li a {
            width: 88%;
        }
        .footer .footer_mid .siteinfo label {
            width: 12%;
            padding-right: 0;
        }

        .footer_mid ul li {
            display: flex;
        }

        .header .lang a.btn {
            padding: 45px 17px;
        }

        .navbar .navbar-brand {
            position: absolute;
            top: 0;
        }

        .header .navbar {
            flex-wrap: wrap;
        }

        .navbar-expand-md .navbar-collapse {
            width: 83%;
            justify-content: flex-start !important;
            padding-top: 40px;
            margin-left: 5px;
        }

        .header .navbar .lang {
            width: 7%;
        }
        .tyo_box {
            margin-top: 116px;
            padding: 18px 1.5%;
        }
     
    }

    @media (max-width: 991px) {
        .welfare_bo .p-2 {
            left: 15%;
        }
        .welfare_bo .p-3 {
            right: 0;
        }
        .contact .comt_topsd .siteinfo.siteinfo_2 {
            padding-left: 5%;
        }
        .side1 .sc_dfc .ma_nane{
            display:none;
        }
        .editor {
            font-size: 0.875rem;
        }
        .side1 .accordion-button::after {
        }
        .main .side .nav {
            padding-left: 23px;
        }
        .side1 .accordion-button,
        .side1 .accordion-button:not(.collapsed) {
            color: #000;
            background-color: #eef9ff;
            border: 1px solid #dedede;
            box-shadow: unset;
        }
        .main .side {
            margin-bottom: 0;
        }
        .main {
            padding: 40px 0;
        }
        .container, .container-md, .container-sm {
            max-width: 100%;
        }
       
        ul.new_werf li a span.ne_wed {
            padding: 3px 6px;
    
        }
        .home_product_right .prd_tit p span {
            display: block;
        }
        ul.new_werf li {
            margin-bottom: 20px;
        }
        ul.new_werf li a span.ne_xe {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            padding-top: 8px;
        }
        a.more_bt {
            position: static;
            padding-top: 30px;
            margin-right: 20px;
            justify-content: flex-end;
        }
        .home_new_left {
            padding: 28% 0%;
        }
        .footer .copyright {
            margin-top: 30px;
            text-align: center;
        }
        .footer_mid .siteinfo.sit_serve {
            width: 50%;
            margin-top: 30px;
        }
        .footer_mid .siteinfo {
            width: 50%;
        }
        .header .lang a.btn {
            padding: 40px 0px;
        }
        .header .navbar-nav .nav-link {
            padding: 25px 5px 15px;
            font-size:0.9375rem;
            
        }
        .footer_mid {
            flex-wrap: wrap;
        }
       
        .home_four {
            padding:  8px;
            flex-wrap: wrap;
        }
            .home_four .fou_lis {
                flex: 1 50%;
                padding: 8px;
            }
    }


    @media (max-width: 767px) {
        .bsidn_box   .ei_sddvx ul li {
            border-bottom: none;
        }
        .bsidn_box h4.kd_h4 {
            padding-top: 0;
            letter-spacing: 5px;
            padding-bottom: 0;
        }
        .welfare_bo .p-2 b {
            color: #3cb693;
        }
        .welfare_bo .p-1 b{
            color:#35a7e9;
        }
        .welfare_bo img {
            padding-top: 0;
            padding-bottom: 20px;
            width:80%;
        }
        .welfare_bo .p-3 {
            position: static;
            width: auto;
            margin-bottom: 0;
            padding: 0 0 !important;
        }
        .welfare_bo .p-1,
        .welfare_bo .p-2
       {
            position: static;
            width: auto;
            padding: 0 0 15px !important;
        }
        .preface_ab.pref_bs h4 {
            text-align: center;
        }
        .preface_ab.pref_bs img.ev_bg2 {
            width: 30%;
        }
        .preface_ab.pref_bs img {
            width: 60%;
        }
        .preface_ab.pref_bs {
            padding: 30px 8% 30px;
        }
        .bsidn_box    .tab_ew p {
           padding:10px 0;
        }
        h4.tx_h4 {
            padding: 20px 0 0px;
        }
        .measu_sw {
            padding-left: 60px;
        }
        .measu_sw:before {
            width: 46px;
            height: 54px;
            left: 6px;
            top: 8px;
            background-size: cover;
        }
        .bsidn_box p {
            padding-bottom: 0;
        }
        .bsidn_bg02 {
            width: 100%;
        }
        .bsidn_box ul li:last-child{
            padding-bottom:0;
            margin-bottom:0;
            border-bottom:none;
        }
        .bsidn_box ul li {
            padding-bottom: 10px;
            border-bottom: 1px dashed #bfbfbf;
            margin-bottom: 10px;
        }
        .bsidn_box ul li label {
            text-align: left;
            font-size: 16px;
        }
        .prdf_fx .prdf_1 img{
            width:50%;
        }
        .prdf_fx .prdf_1 h5 {
            font-size: 16px;
        }
        .prdf_fx {
            flex-wrap: wrap;
            margin-top: 0;
        }
            .prdf_fx .prdf_1 {
                padding: 10px;
                flex: 1 50%;
                border-right:none;
            }
        .bs_pb {
            padding-bottom:20px;
        }
        .comu_fx.comu_fx_2 .tit {
            padding-left: 0;
        }
        .comu_fx .pic {
            width: 100%;
            margin-bottom:20px
        }
        .comu_fx .tit {
            width: 100%;
            padding-right: 0;
        }
        .comu_fx {
            flex-wrap: wrap-reverse;
        }
        .btn-back.btn-back_csr.btn-back_csr_2   ul.pager li a {
            width: 170px;
        }
        .btn-back.btn-back_csr ul.pager li a {
            width: 100px;
            margin-top: 0;
        }
      
        .sust_box {
            margin: 0;
        }
        .sust_box .sust_le .pic h5 {
            padding: 6px 10px;
        }
        .sust_box .sust_le .tit p {
            line-height: 24px;
            -webkit-line-clamp: 2;
            margin-bottom:0;
        
        }
            .sust_box .sust_le {
                width: 50%;
                padding: 5px;
                margin-bottom: 10px;
            }
        .arc_pboxsw h5 {
            text-align: left;
            padding: 10px 5px;
        }
        .arc_pboxsw img.arc_bg2 {
            width: 100%;
            margin-bottom: 10px;
        }
        .qie_ldoc .eokf21_xsf .pic:before {
            height: 210px;
        }
        .qie_ldoc h5.ek_h4 {
            margin-bottom: 10px;
            line-height: 24px;
        }
        h5.blue,
        h5 {
            font-size: 1rem;
        }
      .product.show   .container {
        
            padding-right: 10px;
        }
        .hohf_s5dc .hogf_rightt p {
            padding: 5px;
         
        }
        .hohf_s5dc .hogf_left {
            padding: 5%;
        }
        .hohf_s5dc{
            flex-wrap:wrap;
        }
            .hohf_s5dc.hohf_s5dc_2 .hogf_rightt,
            .hohf_s5dc.hohf_s5dc_2 .hogf_left,
            .hohf_s5dc .hogf_rightt,
            .hohf_s5dc .hogf_left {
                width: 100%;
            }
            .iso50_sdc .tit h5 {
            margin-bottom: 10px;
        }
      
        .qie_ldoc .eokf21_xsf .pic {
            position: relative;
            width: 30%;
        }
        .qie_ldoc .eokf21_xsf .tit {
            padding-left: 10px;
            width: 70%;
        }
        .iso50_sdc .pic,
        .iso50_sdc .tit {
            width: 100%;
            padding-right: 0;
        }
        .iso50_sdc{
            flex-wrap:wrap;
        }
        .footer_mid .siteinfo:nth-child(2) {
            padding-left: 0;
        }
	   body.contact .cos_a .listCheck {
            margin-bottom: 1.5rem;
        }
       body.contact .comt_mid .cos_a.mb-4{
		   margin-bottom: 0rem!important;
	    }
        body.contact .listCheck .dlf252_se .we_k{
            width: auto;
			margin-bottom: 8px;
        }
		body.contact .listCheck .dlf252_se .we_k:last-child label {
		width: 45px;
		}
		body.contact .listCheck .dlf252_se .we_k:last-child input:last-child {
			width: 100px;
			height:30px;
			transform: translateY(-4px);
		}
	
		body.contact .listCheck .dlf252_se .we_k:last-child input:first-child{
		padding: 0 6px;
		}
		body.contact .listCheck .dlf252_se .we_k:last-child {
		transform: translateY(4px);
		}
		
		
			
		.ab_box.ab_box_2 {
			margin-top: 2rem;
		}
        .ab_box .tit h3 span.ab_df2 {
            font-size: 14px;
       
        }
        .ab_box_3 ul {
            padding: 20px 0;
        }
        .ab_box_3 {
            padding: 0px 0 10px;
        }
        .ab_box .tit h3 {
            line-height: 30px;
        }
        .ab_box .tit h3 span.ab_df1 {
            padding-left: 0;
            display: block;
        }
        .ab_box_3 ul li {
            width: 33%;
        
        }
        .ab_tube .video {
            width: 15%;
        }
        .ab_box_3 h3 {
            padding-bottom: 0;
    
        }
        .ab_box_3 h3 span{
            display:block;
        }
        .ab_box .pic {
            width: 100%;
        }
        .ab_box.ab_box_2 .tit {
            padding-left:0;
        }
        .ab_box .tit {
            width: 100%;
            padding-right: 0;
        }
        .ab_box{
            flex-wrap:wrap;
        }
        .cinfo_c table.tab_wsf td span {
            padding-left: 69px;
        }
        .cinfo_c   .reflow-table.reflow-table-sm td:before {
            min-width: 70px;
        }
        .cinfo_c table.tab_wsf td:nth-child(1){
            background-color:#35a7e9;
            color:#fff;
        }
        .cinfo_c table.tab_wsf td,
        .cinfo_c table.tab_wsf th {
            text-align: left;
        }
        .cinfo_c   table.tab_wsf td:last-child {
            width: auto;
        }
        .preface_ab .fdf_dcv p {
            line-height: 22px;
          
        }
        .fdf_dcv p span {
            font-size: 18px;
            padding-top: 3px;
        }
        .preface_ab:before {
            width: 111px;
            height: 92px;
            left: -4px;
            background-size: cover;
        }
        .preface_ab:after {
            height: 36px;
            background-size: cover;
        }
        .preface_ab {
            padding: 60px 8% 100px;
        }
            .fdf_dcv {
            width: auto;
       
        }
        .preface_ab h4 {
            text-align: left;
            padding: 20px 0 0px;
            line-height: 32px;
   
        }
        .preface_ab p {
            padding-bottom: 0;
        }
        .certified .so21d_f h4 {
            height: 58px;
        }
        .citt_sfg ul li:nth-child(3) a,
        .citt_sfg ul li:nth-child(2) a {
            border-right: 1px solid #35a7e9;
        }
        .citt_sfg ul li:nth-child(2) a,
        .citt_sfg ul li:nth-child(1) a {
            border-bottom: none;
        }
        .citt_sfg ul li:nth-child(4) a,
        .citt_sfg ul li:nth-child(2) a {
            border-left: none;
        }

        .citt_sfg ul li a {
            padding: 10px;
        }
        .citt_sfg ul li {
            width: 50%;
        }
        .citt_sfg ul li a {
            padding: 5px;
          
        }
        .acting_mid ul li.dl_e {
            font-size: 16px;
        }
        .header .navbar-nav .nav-item:hover > .nav-link {
            color: #e13a40;
        }
        .main .side .nav {
            padding-left: 16px;
        }
        .page-item .page-link:hover, .page-item.active .page-link {
            padding: 1px 8px;
        }
        .contact    .main {
            padding: 10px 0 40px;
        }
        .chks_r {
            margin-right: -16px;
        }
        @keyframes effg {
            0% {
                opacity: 0;
                bottom: 0%;
            }


            100% {
                opacity: 1;
                bottom: 40%;
            }
        }

        .banner_prrdshow .item > a .tit_rtlf.aos-animate {
            bottom: 40%;
        }
        .mitf_sgfg .accordion-button {
            font-size: 1rem;
            padding: 10px;
        }
            .mitf_sgfg .accordion-button:after,
            .mitf_sgfg .accordion-button:not(.collapsed)::after {
                width: 13px;
                height: 7px;
                right: 10px;
                background-size: cover;
            }
        .mitf_sgfg .accordion .accordion-body {
            padding: 1rem ;
        }
        .accordion-button::after {
            background-size: 0.875rem;
            background-position-y: 4px;
        }
        .finance .yea_fg select {
            width: 85%;
            height: 35px;
            font-size: 0.875rem;
        }
        .finance .yea_fg p {
            width: 15%;
            height: 35px;
          
        }
        table.tab_wsf td img {
            width: 40%;
        }
        table.tab_wsf th span{
            display:block;
        }
        table.tab_wsf td:last-child {
            width: 20%;
        }
        table.tab_wsf td,
        table.tab_wsf th {
            font-size: 0.875rem;
            padding: 7px;
        }
        .contact .comt_topsd .siteinfo p {
            font-size: 1rem;
            background-color: unset;
            padding-left: 0;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        .contact .comt_topsd .siteinfo .sea_ld{
            margin-bottom:20px;
        }
        .contact .comt_topsd {
            padding: 3%;
        }
        .contact .comt_topsd .siteinfo, .contact .comt_topsd .siteinfo.siteinfo_2 {
            width: 100%;
        }
    
        .listCheck input {
            font-size: 0.875rem;
        }
        .contact .comt_mid {
            padding: 3%;
            padding-bottom: 30px;
        }
        .contact   .listCheck textarea {
            height: 100px;
        }
        .we_k .option-input {
            height: 14px;
            width: 14px;
        }
            .we_k .option-input:checked::before {
                width: 4px;
                height: 4px;
                top: 4px;
            }
        .contact .dlf252_se {
            flex-wrap: wrap;
        }
      
        .contact .cos_a {
            flex-wrap: wrap;
        }
        .contact .cos_a .listCheck {
            flex: 100%;
            padding-right: 0;
        }
        .contact .content h4 {
            font-size: 1rem;
            margin-bottom: 20px;
            line-height: 26px;
        }
        .contact .comt_topsd .siteinfo.siteinfo_2 {
            padding-left: 0;
        }
        .certified .so21d_f h4 {
            font-size: 1rem;
        
        }
        .equipment .fkg_512df .tit h4 span {
            font-size: 0.75rem;
        }
        .equipment .fkg_512df .tit h4 {
            font-size: 1rem;
           
        }
            .equipment .fkg_512df .tit h4 {
            margin-top: 10px;
        }
        .equipment .fkg_512df .tit h3 span {
            font-size: 0.875rem;
          
        }
        .equipment .fkg_512df .tit h3 {
            font-size: 1.25rem;
        }
        .equipment .fkg_512df .tit{
            width:100%;
        }
        .equipment .fkg_512df .pic {
            width: 100%;
            padding-right: 0;
            margin-bottom:20px;
        }
        .equipment .fkg_512df{
            flex-wrap:wrap;
        }
        .blue {
            font-size: 1.25rem;
        }
        .sle_ggcs ul.anc_po li {
            padding: 0 7px;
        }
        .sle_ggcs ul.anc_po li:before {
            height: 11px;
            top: 6px;
        }
        .product.show .prsho_01 {
            padding: 20px 0 40px;
            margin-bottom: 30px;
        }
        .product.show .pord_dow a img{
            width:20%;
        }
        .product.show .pord_dow a {
            padding: 12px 0;
        }
        .product.show .pord_dow p {
            width: 85%;
            text-align: left;
            margin: 0 auto 15px;
        }
        .product.show table td {
            padding: 0px 2px;
        }
        .banner_prrdshow .item > a .tit_rtlf h4 {
            font-size: 2rem;
      
        }
        .product.show .anc_po {
            padding: 20px 0;
        }
        .tyo_box {
            margin-top: 62px;
            padding: 10px 1.5%;
        }
        .product.show .anc_po li:last-child a:before{
            display:none;
        }
        .sle_ggcs ul.anc_po li a,
        .product.show .anc_po li a {
            font-size: 0.875rem;
            padding: 0px 12px;
        }
        .product.show .wedf_sfgc .tit h4 {
            font-size: 1.25rem;
            margin: 0 auto 20px;
        }
        .product.show .wedf_sfgc .tit {
            width: 100%;
            padding-right: 0;
        }
        .product.show .wedf_sfgc {
            flex-wrap: wrap;
        }
        .product.show p.ti_p {
            font-size: 0.875rem;
            padding-top: 10px;
            margin-bottom: 0;
        }
        .product.show h4.dlf_h4 {
            font-size: 1.25rem;
         
        }
        .product.show h4.dlf_h4 {
            padding-bottom: 10px;
        }
        .product.show table {
            width: 800px;
         
        }
        .tab_ew {
            overflow-x: auto;
            white-space: nowrap;
        }
        .ust_p {
            text-align: center;
            padding-top: 15px;
            color:#35a7e9;
        }
        .product.show .pord_gru {
            padding: 40px 0;
        }
     .product.show    .btn-back ul.pager li a {
            margin-top: 0;
        }
        .prod_type a .more {
            padding: 7px 15px;
       
        }
        .prod_type a {
            width: 80%;
           
        }
        .prod_type {
            flex: 100%;
            margin-bottom:50px;
        }
        .vlg_wrf2s{
            flex-wrap:wrap;
        }
        .btn-back ul.pager li a {
            padding: 11px 10px;
            width: 100px;
            margin-top: 20px;
        }
        h1.h1:before {
            width: 6px;
            height: 18px;
            top: 4px;
        }
        h1.h1 {
            font-size: 1.25rem;
            padding-left: 12px;
        }
        .news .wie_a h1 {
            font-size: 1.5rem;
        }
        .news ul.new_werf li {
            margin-bottom: 25px;
            padding-bottom: 15px;
        }
        .side1 .accordion-button {
            padding: 10px 10px;
            font-size: 0.875rem;
            padding-right: 3px;
        }
        .bsnavclose.close-btn img {
            width: 60%;
        }
        .bsnavclose.close-btn {
            right: 6px;
            top: 20px;
        }
        .bsnav-mobile .navbar > .navbar-nav > .nav-item > .nav-link:before {
            content: " ";
            display: block;
            position: absolute;
            background: url(../images/all/arrow_s.svg)no-repeat;
            width: 6px;
            height: 7px;
            background-size: cover;
            right: 10px;
            top: 49%;
            transform: translateY(-50%);
        }
        .header .bsnav-mobile .navbar   {
            padding: 0;
        }
        .bsnav-mobile .navbar > .navbar-nav > .nav-item > .nav-link {
            width: 100%;
            border-bottom: solid 1px #cecece;
            padding: 15px 10px;
            font-weight: bold;
        }
        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
            padding: 7px 10px;
        }
        .bsnav-mobile .navbar-nav .nav-item .navbar-nav ul {
            background:#fff;
        }
        .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
            background: #eef9ff;
        }
        .header .bsnav-mobile .navbar {
            background: #fff;
            border-top:3px solid #35a7e9;
         
        }
        .header .navbar-nav .nav-link {
            font-size: 0.875rem;
        }
        .bsnav-mobile .navbar-brand {
            display:none;
        }
        body .bsnav-mobile .navbar-nav li ul .navbar-nav {
            display: block !important;
        }
        .footer .footer_content {
            padding: 10% 0 1%;
        }
        .home_product .home_product_left {
            padding: 7% 0 0;
        }
        .banner .slick-dots {
            bottom: 15px;
        }
        .banner .item > a .tit {
            left: 0;
            padding: 0 5%;
        }
        .banner .item > a .tit p.ar_we span{
            display:none;
        }
        .home_product .home_product_left .slider-nav2 .slick-track {
            display: flex;
            justify-content: center;
        }
        .home_product_left    .slick-slide {
            float: none;
            width: 30% !important;
        }
        .home_product_left .slick-slide.slick-current p span.cfg_arow,
        .home_product_left .slick-slide p span.cfg_arow {
            width: 12px;
            height: 9px;
            background-size: cover;
        }
        .home_product_right .prd_tit p {
            margin-bottom: 0;
        }
        body .home_product_right    .slick-slide {
            padding: 40px 0;
        }
        body .home_product_right {
            padding: 0;
        }
        .home_product_right .prd_tit .h2_c {
            font-size: 1rem;
            transform: translateY(-15px);
            padding: 2px 8px;
        }
        .home_product_left p {
            margin-bottom: 0;
        }
        .home_product .home_product_left .slider-nav2 {
            margin: 20px auto 0;
            padding: 10px 0;
            width: 100%;
        }
        .home_product_left, 
        .home_product_right {
            height: auto;
        }
        .footer .copyright {
            margin-top: 15px;
            padding-top: 15px;
        }
        h3.h3 {
            margin: 0 auto 10px;
            line-height: 14px;
        }
        .footer_mid .siteinfo label {
            width: 13%;
          
        }
        .footer_mid ul {
            line-height: 16px;
        }
        .footer .sit_serve ul {
            margin-right: 0;
            width: 50%;
        }
        .footer_mid .siteinfo.sit_serve {
            width: 100%;
        }
        .footer_mid .siteinfo h4 {
            font-size: 1.25rem;
            margin-bottom: 10px;
     
        }
        .footer_mid .siteinfo p.sea_ld_sodl {
            background-color: #6f6f6f;
       
        }
        .footer_mid .siteinfo p {
            font-size: 1rem;
            background-color: #35a7e9;
            color: #fff;
            padding: 2px 7px;
            display: block;
            border-radius: 2px
        }
        .footer_mid .siteinfo {
            width: 100%;
            flex: unset;
       
        }
        .home_four .fou_lis .tit p {
            font-size: 0.875rem;
         
        }
        .home_four .fou_lis .tit h4 {
            font-size: 1rem;
        }
        .home_four .fou_lis {
            padding: 4px;
        }
        .home_four {
            padding: 0;
        }
        a.more_bt {
            padding-top: 20px;
            margin-right: 0;
            justify-content: center;
        }
        ul.new_werf li {
            margin-bottom: 24px;
            border-bottom: 1px solid #d4d4d4;
            padding-bottom: 15px;
        }
            ul.new_werf li a span.ne_date {
                margin: 0 6px;
                font-size: 0.75rem;
            }
            ul.new_werf li a span.ne_wed {
                padding: 3px 6px;
                font-size: 0.75rem;
            }
        .home_product,
        .home_new {
            padding: 10px 0;
        }
        h3.h3 .txt-tw {
            font-size: 1.25rem;
        }
        h3.h3 .txt-en {
            text-align: left;
            font-size: 0.875rem;
            text-align: center;
        }
        .home_new_left {
            padding: 13px 0%;
        }
        .home_product_right,
        .home_new_right,
        .home_product_left,
        .home_new_left {
            width: 100%;
        }
        .home_product,
        .home_new {
            flex-wrap: wrap;
        }
        .header .navbar .lang .dropdown-menu.show li a {
            font-size: 0.875rem;
			    transition: unset;
        }
        .header .navbar .lang .dropdown-menu {
          /*  transform: translateX(-46%);*/
            min-width: 7rem;
			    left: calc(100% - 112px);
        }
            .header .navbar .lang .dropdown-menu.show li {
                padding: 1px 0;
            }
        .banner .item > a .tit p.ar_we {
            align-items: unset;
        }
        body.home  .banner .item > a .tit h4,
        .banner .item > a .tit h4 {
            font-size: 1.14rem;
            margin: 0px 0px 10px;
        }
       body.home  .banner .item > a .tit h3,
        .banner .item > a .tit h3 {
            font-size: 1.5rem;
        }
        body{
            font-size:14px;
        }
       body.home  .banner {
            padding-top: 32px;
        }
        .header .navbar .lang {
            order: 3;
            width: 10%;
        }
        .header .navbar .small-btn-box {
            display: table;
            margin: 0 auto 0 0;
            order: 1;
            width: 10%;
            margin-right: 0;
            padding-left: 10px;
        }
        .navbar .navbar-brand {
            order: 2;
        }
        .header .lang a.btn {
            padding: 19px 6px;
            margin-left: 0;
        }
        .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
            top: 8px;
        }

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

         .navbar-toggler .navbar-toggler-icon,
         .navbar-toggler .navbar-toggler-icon::after,
         .navbar-toggler .navbar-toggler-icon::before {
                width: 20px;
                height: 2px;
            }

        .bsnav-mobile   .lang {
            display: none;
        }
        .navbar .navbar-brand {
            position: static;
            width: 232px;
            height: 42px;
        }
        .sea_ld {
            min-height: unset;
        }
        .footer_mid .siteinfo + .siteinfo {
            margin-top: 16px;
        }
    }



@media (max-width: 500px) {
    .header .navbar .lang .dropdown-menu {
      /*  transform: translateX(-66%);*/
    
    }
}