.en .logo,.en header.scroll-fix .logo{
    width: 182px;
}
.en .sub-menu-nav .nav-btn{
    padding: 18px 16px;
}

/* 英文版本的字體要縮小 */ 
.en .header h2 {
    color: #ffffff;
    font-size: 46px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 160px;
    z-index: 9;
}

/* 加入我們的行列 左右動畫 */
.en a.add-mih .colorSpan {
    background-color: #0d1c45;
    position: absolute;
    height: 57px;
    width: 310px;
    display: inline-block;
    left: 310px;
    top: -1px;
    z-index: -1;
    vertical-align: top;
}

.en a.add-mih .colorSpan2 {
    background-color: #ffffff;
    position: absolute;
    height: 57px;
    width: 946px;
    display: inline-block;
    left: 310px;
    top: -1px;
    z-index: -1;
    vertical-align: top;
}

/* Menu */
.en .sub-menu a{
    padding: 18px 8px;
}
.en .sub-menu-nav .nav-btn{
    min-width: 45px;
}
.en .sub-menu a{
    font-weight: bold;
}

.en .page-title h1{
    font-size: 30px;
}
.en .page-title p{
    width: 480px;
}
/* 
   攜手全球客戶 共同提升競爭優勢 區塊 
   enhance competitive advantage for global customers 
*/
.en .content h2.title {
    position: relative;
    width: 700px;
    margin: 0 auto;
}

.en .img-slide ul li.hide .block .img-des, 
.en .mobile-img-slide ul li.hide .block .img-des{
    height: 230px;
    /* background-color: red; */

}
.en  .img-slide ul li:hover .block .img-des, 
.en .mobile-img-slide ul li:hover .block .img-des {
    height: 290px;
    padding-top: 40px;
    bottom: 0;
}

.en ul li:nth-child(1) .block .img-des p {
    font-size: 22px;
    position: relative;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
}

.en ul li:nth-child(2) .block .img-des p:after,
.en ul li:nth-child(3) .block .img-des p:after {
    content: '';
    width: 25px;
    height: 2px;
    background: #ffffff;
    /* opacity: 1; */
    position: absolute;
    left: 50%;
    top: 66px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* 我們的服務 區塊 */
.en .item p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 1.2;
}
.en .col-2_5{
    flex: 0 0 18%;
    max-width: 18%;
}
.en .item small {
    color: #74ACC1;
    font-size: 14px;
    line-height: 1.6;
}
.en .bg-blur .slidetext{
    padding: 200px 14px 10px;
}

.en .bgslide .sy-pager{
    top: 220px;
}

.en .move-left {
    padding-left: 7%;
}

.en .item + .item {
    margin-left: 20px;
} 
.en .pl-move{
    padding-left: 69px;
}

.en footer .left-logo{
    width: 25%;
}
.en footer .sitemap{
    width: 66%;
    margin-bottom: 30px;
}
/* .en footer a{
    margin-bottom: 14px;
    line-height: 1.4;
} */

/* .en .address{
    display: block;
} */

.en .search-result .total{
    width: auto;
}
.en .timeline-b .item + .item{
    margin-left: 0;
}

.en .people-block .des small{
    line-height: 1;
    margin-top: 10px;
}

.en .people-block .des h3{
    margin-bottom: 8px;
}


/*News Center*/
.en .item .left-text p{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    height: 44px;
}
.en .item .left-text p.tag{
    color: #000;
    font-size: 14px;
    font-weight: normal;
    height: auto;
}
.en #top-news .item.active .left-text p{
    color: #fff;
}

.en .item + .item{
    margin-left: 0;
}

/*Product*/

.en ul.tabs{
    width: 86%;
}
.en .engineering-design .text1 ul li:first-child{
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px;
}
.en ul.tabs li.active a{
    font-size: 28px;
}
.en .product-intro.block3 .right-intro h3:first-child{
    margin-top: 96px;
}
.en .block4 .product-title{
    width: 85%;
}
.en .block4 .product-title h2{
    white-space: initial;
}
.en .product-intro.block4{
    height: 1060px;
}
.en .product-intro.block4 .left-intro{
    height: 1060px;
}
.en .product-intro.block4 .left-intro img{
    height: 1060px;
}
.en .product-intro.block4 .right-intro{
    height: 1041px;
}

/*About*/

.en .date:after{
    height: 84px;
}
.en .timeline-b .item{
    height: 100px;
}
.en .timeline-b .carousel-indicators{
    padding: 37px 20px;
}
.en .people-block{
    width: 100%;
    margin-bottom: 100px;
}
.en .people-block .des{
    left: 33%;
    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
    .en .move-left {
        padding-left: 0%;
    }
    .en .col-2_5 {
        flex: 0 0 18%;
        max-width: 18%;
    }
    .en header{
        display: none;
    }
    .en .mobile-menu{
        z-index: 99999;
    }
    .en #menu-container .menu-list{
        width: 100%;
        max-width: 100%;
    }
    .en .menu-bg{
        width: 50%;
        max-width: 50%;
    }
    .en .page-title{
        right: 9%;
        text-align: right;
    }
    .en .page-title p{
        width: 100%;
        text-align: right;
    }
    .en .product-intro.block3 .right-intro h3:first-child{
        margin-top: 81px;
    }
    .en .product-intro.block4{
        height: 1120px;
    }
    .en .product-intro.block4 .left-intro{
        height: 1120px;
    }
    .en .product-intro.block4 .left-intro img{
        height: 1120px;
    }
    .en .product-intro.block4 .right-intro{
        height: 1102px;
    }
    .en .people-block .des{
        width: 63%;
    }
    
}
@media screen and (min-width: 768px) {
    .en .highlight .container,.en .highlight .container-md,.en .highlight .container-sm{
        width: 100%;
        max-width: initial;
        padding: 0;
    }
    .en .menu-bg{
        width: 70%;
        max-width: 70%;
    }
    
    
}
@media screen and (max-width: 768px) {
    .en .people-block{
        overflow: hidden;
  
    }
    .en .people-block .des{
        left: 40%;
        margin-top: 74px;
        transform: none;
        top: 0;
    }
}

@media screen and (max-width: 480px) {
    .en .article-content h1{
        font-size: 27px;
    }
    .en .header h2 {
        top: 240px;
        font-size: 38px;
    }
    .en #menu-container .menu-list{
        width: 100%;
        max-width: 100%;
    }
    .en .menu-bg{
        width: 93%;
        max-width: 93%;
    }

    /* logo */
    /* .en .logo {
        background: url(../assets/images/logo_m_en.svg) no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
        margin-top: 26px;
        float: left;
    } */
    .en .col-2_5{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .en a.btn-frame{
        padding: 6px 8px;
    }

    .en .block .img-des ol.move-left{
        margin-left: -38%;
    }
    .en .page-title{
        text-align: left;
    }
    .en .page-title p{
        text-align: left;
    }

    /* 
       攜手全球客戶 共同提升競爭優勢 區塊 
       enhance competitive advantage for global customers 
    */
    .en .content h2.title {
        position: relative;
        width: calc( 100% - 50px );
        margin: 0 auto;
        font-size: 25px;
    }

    .en .mobile-img-slide .active .block .img-des {
        height: 220px;
        bottom: 21px;
    }

    .en .mobile-img-slide .move-left {
        margin-left: 0px;
    }

    .en .mobile-img-slide .block .img-des.mobile-img-slide-three p:after {
        content: '▼';
        background: none;
        font-size: 14px;
        top:60px;
    }

    .en .content h2.title:before {
        content: '';
        display: block;
        width: 30px;
        height: 50px;
        border-left: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        position: absolute;
        left: 0;
        bottom: -10px;
    }

    .en .content h2.title:after {
        content: '';
        display: block;
        width: 30px;
        height: 50px;
        border-right: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        position: absolute;
        right: 0;
        bottom: -10px;
    }

/*     
    .en .block .img-des p:after {
        content: '';
        width: 25px;
        height: 2px;
        background: #ffffff;
        opacity: 1;
        position: absolute;
        left: 50%;
        top: 40px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    } */

    /* 我們的服務區塊 */
    .en ul.tabs{
        width: 96%;
    }
    .en .item + .item {
        margin-left: 0px;
    }
    .en section.content .block1{
        margin-bottom: 155px;
    }
    .en .highlight p {
        width: 190px;
    }
    .en .highlight .fit{
        margin-left: 6%;
    }
    .en .bg-blur .slidetext{
        padding: 0px;
    }
    .en .product-intro.block2 .right-intro{
        height: 700px;
    }
    .en .product-title h2{
        white-space: initial;
    }
    .en .product-intro.block3 .right-intro h3:first-child{
        margin-top: 18px;
    }
    .en .product-intro.block4 .left-intro{
        height: 450px;
    }
    .en .product-intro.block4 .left-intro img{
        height: 450px;
    }
    .en .product-intro.block4{
        height: 1600px;
    }
    /* 底下 聯絡資訊 粗體 */
    .en footer .sitemap{
        width: 100%;
    }
    .en footer a {
        font-weight: bold;
        line-height: 1.6;
    }
    .en footer {
        font-weight: bold;
    }
    .en .pl-move{
        padding-left: 15px;
    }
   .en .about-text{
       font-size: 16px;
       text-align: center;
   }
   .en .mih .about-text{
       width: 90%;
       text-align: center;
   }
   .en .bgslide{
       height: 550px;
   }
   .en .bg-blur .bg{
       height: 350px;
   }
   .en .bg-blur{
       height: 500px;
   }
   .en .bg-blur .slidetext{
       bottom: -137px;
   }
   .en .article-content .tag{
       padding: 5px 8px;
       text-align: left;
   }
   .en .item p{
       font-size: 16px;
   }
    /*About*/
    .en .people-block .des{
        width: 100%;
        margin-top: 30px;
    }
}


@media (max-width: 480px) {

    .en .header h2 {
        top: 200px;
        font-size: 38px;
    }        
}


@media (max-width: 320px) {

    .en .header h2 {
        top: 170px;
        font-size: 38px;
    }        

    /* 攜手全球客戶 共同提升競爭優勢 區塊 
       enhance competitive advantage for global customers 
    */
    .en .content h2.title {
        position: relative;
        width: calc( 100% - 50px );
        margin: 0 auto;
        font-size: 20px;
    }

    .en .mobile-img-slide .active .block .img-des {
        height: 250px;
        bottom: 21px;
    }

    .en .mobile-img-slide .move-left {
        margin-left: 0px;
    }

    .en .mobile-img-slide .block .img-des.mobile-img-slide-two p:after,
    .en .mobile-img-slide .block .img-des.mobile-img-slide-three p:after {
        content: '▼';
        background: none;
        font-size: 14px;
        top:60px;
    }
}