@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#fff;background: #353535;position: relative;}
a{color:#000;text-decoration:none;display: inline-block;}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
*{ backface-visibility: hidden; -wetkit-backface-visibility: hidden;}
#bgline{position:absolute;bottom: 0;left:0;width:100%;height: 75%;stroke-dasharray: 5000;stroke-dashoffset: 5000;opacity: .3;stroke: #ffffff;fill: transparent;stroke-width: 1;stroke-linejoin: round;z-index: -1;animation: bannertani 30s linear forwards;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
 @-o-keyframes bannertani{
50% {stroke-dashoffset: 0;}
100% {stroke-dashoffset: 1500;}
}
@-webkit-keyframes bannertani{
    50% {stroke-dashoffset: 0;}
    100% {stroke-dashoffset: 1500;}
}
@-moz-keyframes bannertani{
    50% {stroke-dashoffset: 0;}
    100% {stroke-dashoffset: 1500;}
}
@keyframes bannertani{
    50% {stroke-dashoffset: 0;}
    100% {stroke-dashoffset: 1500;}
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.aleart_line{border-color: #d40023;}
.red{color: #d40023;}
.org{color:#eb5412}
/* 回頂端 */
#goTop{color: #fff;background: #dd5316;text-align:center;position:fixed;bottom: 30px;right: 0;width: 60px;height: 60px;line-height: 60px;cursor: pointer;display:none;z-index: 10;}
#goTop:hover{background:#999;color:#FFF}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}

/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}

/*共用*/
.block-height02{padding: 40px 0 80px;}
.block-height02:last-child{padding-bottom: 40px;}
.mainTitle__box{margin-bottom: 40px;}
.mainTitle{position: relative;display: inline-block;padding-left: 10px;font-weight: bold;}
.mainTitle::after{content: '';position: absolute;left: 0;top: 0;bottom: 0px;width: 3px;background: #eb5412;}

/*主選單*/
.navbar{background: #252525;padding: 0;/*border-bottom: 3px solid #eb5412;*/}
.navbar-brand{margin-left:1rem;white-space: normal;}
.logoBox{text-align: center;align-self: center;}
.navbar-brand img{max-width:85px;margin-bottom: 4px;}
.navbar-nav{align-items: center;}
.logoName{color: #fff;font-size: 20px;margin-bottom: 0;font-weight: bold;line-height: 22px;}
.navLight .collapse{border-bottom: 5px solid #eb5412;background: #373737;}
.sub_menu{text-align: center;color: #fff;padding: 20px 0px;font-size: 18px;padding-right: 321px;}
.navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-weight: bold;padding: 0px 12px;transition: all .5s;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#eb5412}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{background: #eb5412;padding: 2.1rem;margin-left: 20px;color: #fff;}
.dropdown-item{color:#fff;border-bottom: 1px solid rgb(255 255 255 / 25%);padding: 1rem;}
.navbar-nav .dropdown-menu{border-radius:0;background: rgb(53 53 53 / 85%);padding: 0;}
.isoText{display: none;}

/*文字大小*/
.main-title{font-weight:bold;letter-spacing:3px;font-size: 1.6rem;}
.title-sm{font-weight:bold;letter-spacing: 3px;}
.info-txt{letter-spacing:3px;line-height: 1.2;font-size:1.2rem;margin: 20px 0;}
.illustrateText{margin-bottom: 50px;font-size: 18px;line-height: 30px;}
/*按鈕*/
.btn-style{background: #eb5412;display: inline-block;color: #fff;padding: 10px 20px;border-radius: 25px;font-weight: bold;letter-spacing: 3px;transition: all .5s;}
/*區塊內容*/
.inner-content{margin-top: 95px;}
.inner-content #bgline{height: 100%;opacity: .1;}

/*----------------------首頁---------------------*/
.ix-banner-outer{position:relative;margin-top: 80px;}
.bannerBox{position: relative;}
.ix-banner-slogan{position:absolute;top: 80%;right: 0; z-index: 10;transform: translate(0%,-50%);text-align: right;color: #fff;background-color: rgba(0,0,0,0.6);padding: 10px;clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);}
.ix-banner-slogan h2{font-size: 3rem;font-weight:bold;letter-spacing:3px;text-shadow: 0px 0px 5px #000;margin: auto 150px auto 200px;}
.ix-banner-slogan p{font-size: 1.6rem;color: #000;mix-blend-mode: lighten;background: #fff;letter-spacing: 3px;padding: 5px 20px;}
.square{position: absolute;z-index: 1;}
.square.left{bottom: 32px;left: -35px;}
.square.right{right: -5px;bottom:30px;}
.square:before,.square:after{content:'';position:absolute;width: 25px;height: 25px;bottom: 0;background:#eb5412;animation: 3.5s animation infinite;}
.square.left:after{left:20px;bottom:-20px}
.square.right:after{right: -5px;bottom:-20px;}

.ix-content{margin-top: 70px;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
.ix-content_top .title{background-color: #eb5412;font-size: 70px;color: #fff;font-weight: bold;text-align: center;}
.ix-content_top .middleBlock{position: relative;margin-top: 20px;}
.ix-content_top .middleBlock .text{text-align: center;font-size: 40px;color: #fff;font-weight: bold;}
.ix-content_top .middleBlock button{font-size: 22px;background-color: #eb5412;color: #fff;border-radius: 50px; border: 0px;position: absolute;right: 0;bottom: 10px;padding: 5px 20px;font-weight: bold;}
.ix-content_bottom{position: relative;top: -180px;}
.sub_title{background-color: #eb5412;font-size: 36px;color: #fff;text-align: center;margin-top: 20px;margin-bottom: 40px;padding: 10px;font-weight: bold; position: relative;}
.sub_title::before{content: ''; clip-path: polygon(50% 0%, 0 70%, 100% 70%);background-color: #eb5412;position: absolute;    top: -20px;width: 40px;height: 30px;margin-left: 100px;}
.sub_title::after{content: ''; clip-path: polygon(50% 0%, 0 70%, 100% 70%);background-color: #eb5412;position: absolute;    top: -20px;width: 40px;height: 30px;right: 0px;margin-right: 250px;}
.sub_title > br {display: none;}
.grid-box{display:grid;grid-template-columns: repeat(5,1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
#content{background:url(../images/index/ix-pic01.jpg)no-repeat center/cover;padding: 30px;margin-bottom: 40px;}
.ixPro_name{text-align:center;}
.ixPro_name h3{font-size: 40px;margin-bottom: 0;padding: 60px 80px;font-weight: bold;position: relative;}
.ixPro_name h3::after{content: ''; border: 4px solid #eb5412;width: 65%;position: absolute;left: 0;bottom: 20px;}
.ixPro_name a:hover h3::after{width: 100%;transition: all .5s;}
.ixPro{border-bottom: 25px solid #eb5412;background-color: #fff;margin-top: 20px;position: relative;}
.ixPro_text{margin: auto;font-size: 24px;font-weight: bold;}
.ixPro:nth-child(even) .ixPro_text{position: absolute;right: 20px;bottom: 80px;writing-mode: vertical-lr;color: #767170;}
.ixPro:nth-child(odd) .ixPro_text{position: absolute;left: 20px;top: 50px;writing-mode: vertical-lr;color: #767170;}
.ixPro figure{margin-bottom: 30px;}
.ixPro:nth-child(odd) img{transform: rotate(180deg);}
.work-list{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;}
.work-list li{width: calc(100% / 3 - 20px);padding: 10px 20px;margin: 10px;background: #fff;color: #000;box-shadow: 0px 10px 10px rgb(0 0 0 / 30%);font-weight: bold;font-size: 1.1rem;}
#content3{grid-column:span 3;background:#caf}
#sidebar3{grid-column:span 1;background:#cea}
.grid-box>div{background:#eee;box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);}

/*首頁-新-2022-12-27*/
.ixIntroduce{background: #252525;padding: 20px 0;text-align: center;font-size: 18px;border-top: 3px solid #eb5412;}
.ixIntroduce__list{margin-bottom: 10px;display: flex;justify-content: center;list-style: none;padding-left: 0;}
.ixIntroduce__list li{margin: auto 30px;display: flex;align-items: center;}
.ixIntroduce__list li::before{content: '';width: 10px;height: 10px;background-color: #eb5412;border-radius: 50px;display: inline-block;margin-right: 10px;}
.ixIntroduce__text{margin-bottom: 0;}
.ixContact{background-color: #eb5412;text-align: center;color: #fff;padding: 15px 0;}
.ixContact__title{font-size: 20px;margin-bottom: 10px;font-weight: bold;}
.ixContact__title a{color: #fff;}
.ixContact__list{margin-bottom: 0;list-style: none;padding-left: 0;display: flex;justify-content: center;}
.ixContact__list li{margin: auto 10px;}
.ixContact__list a{color: #fff;}

/*頁尾*/
footer{background: #252525;color:#fff;padding:20px;text-align:center;position: relative;}
.ft-list i{margin-right:10px;background:#eb5412;width: 30px;height: 30px;display: inline-block;border-radius: 100%;line-height: 30px;text-align: center;}
footer ul{margin-bottom:0px;padding-left:0;list-style:none}
footer ul li{display:inline-block;padding:0 20px}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.copyright{font-size:.9rem;background: #dd5316;text-align: center;color: #fff;padding: 5px 0;}
.copyright a{color:#fff}
/*----------------------內頁-----------------------*/
/*單元banner*/
/* .page-banner{position: relative;z-index: -1;}
.pg-banner-title{padding:200px 0;text-align: center;color: #fff;}
.pg-banner-title h2{font-size:1.2rem;font-weight:bold;letter-spacing:3px;position:relative;}
.pg-banner-title h3{font-size:3rem;font-weight:bold} */
/*麵包屑*/
.breadCrumbs-block{/* margin-top: 15px; */margin-bottom: 30px;padding: 20px 15px 0px;}
.breadCrumbs-block .breadCrumbs{list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;color:#999}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color: rgb(255 255 255 / 70%);}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #ffffff;}
/*sidebar*/
.sidebar button{display:none}
.sidebar-list{position: relative;display:flex;list-style:none;padding-left:0;justify-content: center;background: rgb(255 255 255 / 70%);}
.sidebar-list li a{display: block;padding: 10px 15px;font-size: 1.1rem;position: relative;font-weight: 500;}
.sidebar-list li.active a:before,.sidebar-list li:hover a:before{content:'';position:absolute;top: -20px;left: 44%;transform: translateX(-50%);width: 10px;height: 10px;background:#eb5412;animation: 3.5s animation infinite;}
.sidebar-list li.active a,.sidebar-list li:hover a{color:#eb5412;box-shadow: inset 1px 1px 8px rgb(37 37 37 / 50%), inset -1px -1px 5px #fff;font-weight: 600;}
.proSide__nav{position: relative;}
.proTel{position: absolute;right: 20px;top: 50%;-webkit-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);text-align: center;line-height: 18px;}
.proTel__link{color: #eb5412;font-weight: bold;font-size: 18px;}
.proTel__link:hover{color: #252525;}
.mobile__proTel{display: none;}
/*產品*/
.skill{background: linear-gradient( 45deg , #252525 0%,#f28b00 50%, #252525 100%);padding-bottom: 1rem;position: relative;}
.skill:before{background: url(../images/product/bg.png)no-repeat;background-attachment: fixed;background-size: cover;content: "";position: absolute;width: 100%;height: 100%;;top: 0;z-index: 0;}
.skillContent{position: relative;}
.proFlex{display: flex;justify-content: space-between;}
.quoteBox{text-align: right;}
.quote{font-size: 20px;background-color: #eb5412;color: #fff;border-radius: 50px;border: 0px;padding: 5px 20px;font-weight: bold;}
.pro_item{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;}
.pro_item li{width:33.3%;padding: 10px;}
.pro_item li a{height: 245px;width: 100%;overflow: hidden;border: 5px solid #fff;position: relative;background-color: #fff;}
.pro_item li a:before{content: "\f62c";position:absolute;font-family: bootstrap-icons !important;bottom: 0;right: 0;font-size: 1.3rem;color: #eb5412;transition: all .5s;z-index: 1;background: #fff;width: 40px;text-align: center;}
.pro_item li a img{height: auto;transition:all .5s;width: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pro_item li a:hover{border: 5px solid #eb5412;}
/*公司簡介*/
.about{font-size: 18px;letter-spacing: 1px;}
.aboutImg img{width: 100%;}
/* .about .rightText{background-color: rgba(255,255,255,0.9);color: #333;padding: 20px;} */
.about .rightText p{margin-bottom: 0;}
.aboutBottom{background: url(../images/about/bg02.png)no-repeat center bottom;}
.aboutIdea {display: flex; justify-content: space-around;}
.ideaBox{text-align: center;padding: 20px;position: relative;width: 250px;background-color: rgba(255,255,255,0.7);background: url(../images/about/bg.png);background-size: cover;}
.ideaBox img{max-width: 100px;}
.ideaBox:after {content: '';position: absolute;width: 100%;height: 100%;transition: all .5s;}
.ideaBox:after {border: 3px solid rgb(235 84 18 / 70%);right: -20px;bottom: -10px;}
.ideaBox:hover:after{right: 0px;bottom:0px;z-index: 1;}
.ideaBox .name{color: #333;font-weight: bold;font-size: 20px;margin-top: 20px;}
/*營業項目*/
.businessBox{position: relative;margin-bottom: 80px;}
.serviceContent{margin: 100px auto 50px;}
.businessItem {
    position: relative;
    display: inline-block;
    width: auto; height: auto;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 100%;
    text-align: center;
}
.businessItem .name {         
    position: relative;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    top: 0; left: 0;
    width: 100%;
    padding: 20px;
    transition: 0.3s;
    font-size: 20px;
}
.businessBox .num{position: absolute;top: -40px;left: 40px; z-index: 6;font-size: 45px;background-color: #353535;padding: 0px 25px 0px 18px;font-style: italic;border-radius: 50px;background: #eb5412;}
.btn-5 .name {border: 2px solid #eb5412;transition: 0.2s;}
.btn-5 .name:hover {background-color: rgba(0,0,0,0.4);}

  /* 21. hover-border-11 */
  .businessItem.hover-border-11::before,
  .businessItem.hover-border-11::after {
    width: 100%; height: 2px;
    background-color: #fff;
    z-index: 2;
    transition: 0.35s; 
    position: absolute;
    content: "";
  }
  .businessItem.hover-border-11::before {
    top: 0; right: 0;
    position: absolute;
    content: "";
  }
  .businessItem.hover-border-11::after {
    bottom: 0; left: 0;
    position: absolute;
    content: "";
  }
  .businessItem.hover-border-11:hover::before,
  .businessItem.hover-border-11:hover::after {
    width: 0%;
    transition: 0.2s 0.2s ease-out; 
    position: absolute;
    content: "";
  }
  
  .businessItem.hover-border-11 .name::before,
  .businessItem.hover-border-11 .name::after {
    width: 2px; height: 100%;
    background-color: #fff;
    z-index: 2;
    transition: 0.25s; 
    position: absolute;
    content: "";
  }
  .businessItem.hover-border-11 .name::before {
    bottom: 0; right: -2px;
    position: absolute;
    content: "";
  }
  .businessItem.hover-border-11 .name::after {
    top: 0; left: -2px;
    position: absolute;
    content: "";
  }
  .businessItem.hover-border-11 .name:hover::before,
  .businessItem.hover-border-11 .name:hover::after {
    height: 0%;
    position: absolute;
    content: "";
  }

/*全製程介紹*/
.manufacturingBox{margin-bottom: 40px;}
.manufacturingBox .titleBox{font-size: 24px;display: flex; align-items: center;font-style: italic;font-weight: bold;margin-bottom: 0;}
.manufacturingBox .titleBox .num{font-size: 35px;margin-right: 10px;padding: 5px 12px;border-radius: 50px;font-weight: 500;
background: #eb5412;}
.manufacturingBox .textBox{font-size: 18px;text-align: center;margin-top: 16px;}
.manufacturContent{border: 1px solid transparent; padding: 20px;margin-bottom: 20px;background-color: rgba(0,0,0,0.3);}
.manufacturContent:hover{border: 1px solid #eb5412; background-color: rgba(0,0,0,0.5);transition: all .5s;}
.manufacturItem{position: relative;margin-top: 15px;margin-bottom: 15px;}
.manufacturItem::after{content: ''; border: 1px solid #eb5412;left: 50%;transform: translateX(-50%);width: 12%;position: absolute;}
.manufacturItem p{margin-bottom: 4px;line-height: 20px;}
.manufacturImg{align-self: center;}
.manufacturImg .img01{position: relative;margin-bottom: 60px;}
.manufacturImg .img01::after{content: '';background-color: #eb5412;width: 100%;height: 400px;position: absolute;left: 20px;top: 20px;z-index: -1;}


/*機台介紹*/
.equipment{margin-bottom: 80px;}
.equipment #bgline{height: 150%;}
.equipmentBox{margin-bottom: 40px;}
.equipmentLink{max-height: 245px;width: 100%;overflow: hidden;border: 3px solid #fff;position: relative;}
.equipmentLink i{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.3rem;
    color: #eb5412;
    transition: all .5s;
    z-index: 1;
    background: #fff;
    width: 40px;
    text-align: center;}
.equipmentBox .name{font-size: 18px;text-align: center;margin-top: 5px;margin-bottom: 0;}
/*品質檢驗*/
.qualityBox__row{align-items: center;margin-top: 40px;}
.qualityBox__row ul{list-style: none;padding-left: 0;}
.qualityBox li{margin-bottom: 5px;font-weight: bold;display: inline-block;}
.qualityBox .rightBox{color: #000;}
.qualityBox .rightBox hr{margin: 5px auto 10px;}
.qualityBox .rightBox__text{background-color: #dbdbdb; padding: 20px;margin-bottom: 20px;font-size: 20px;position: relative;}
.qualityBox .rightBox__text::after{content: '';position: absolute;background: url(../images/product/bg.png);left: 0;top: 0px;
width: 100%;height: 100%;background-size: cover;}
.listGrid{display: grid;grid-template-columns: repeat(2,1fr);}
.rightBox__text .mainTitle{font-size: 24px;}
.rightBox__text .num{font-style: italic;font-size: 22px;margin-right: 10px;color: #eb5412;font-weight: bold;}
.qualityDecorate .name p{margin-bottom: 0;}
.qualityDecorate .aboutIdea{padding: 0;display: grid;grid-template-columns: repeat(4,1fr);}
.qualityTarget{background: url(../images/quality/img02.jpg) no-repeat center;display: flex;align-items: center;margin-top: 120px;padding: 100px 0px;max-height: 400px;background-size: cover;}
.qualityTarget .textBox{width: 40%;background-color: rgba(0,0,0,0.7);padding: 20px;margin-left: 150px;font-size: 18px;}
.qualityTarget hr{margin: 5px auto 20px;}
.qualityTarget ul{list-style: none;padding-left: 0;margin-bottom: 0;text-align: center;}
.qualityTarget li{margin-bottom: 5px;}
.qualityTarget i{margin-right: 10px; color: #fff000;font-size: 30px;vertical-align: middle;}
.qualityTest{position: relative;}
.qualityTest__row{margin: auto 100px;border-bottom: 1px dashed #eee;padding-bottom: 60px;margin-bottom: 60px;}
.qualityTest__row:nth-child(odd){flex-direction: row-reverse;}
.qualityTest__row:last-child{border-bottom: 0px;}
.qualityTest__row .title{font-size: 22px;font-weight: bold;}
.qualityTest__row .title span{font-size: 60px;background-color: #353535;margin-right: 10px; font-style: italic;border-radius: 50px;background: #252525;padding: 0px 3px;}
.qualityFlow{padding: 100px 0px;position: relative;}
.qualityFlow::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/quality/bg.png); opacity: 0.1;z-index: -1;}
.qualityFlow .linkBox{text-align: center;}
.qualityFlow__link{position: relative;z-index: 2;display: inline-block;}
/*鋁擠作業流程*/
.businessBox .step{position: absolute;top: -25px;left: 40px; z-index: 6;font-size: 24px;background-color: #353535;padding: 0px 25px 4px 18px;font-style: italic;border-radius: 50px;background: #eb5412;}

/*聯絡我們*/
.contactBox{max-width: 1000px;margin: auto;}
.contant_info ul{list-style: none;padding-left: 0px;font-size: 18px;}
.contant_info ul li{border: 1px solid #fff;padding: 20px;margin-bottom: 20px;}
.contant_info ul li:hover{border: 1px solid #eb5412;}
.contant_info i{margin-right: 10px;}
.contant_info a{color: #fff;}
.contant_input .contant_text{text-align: center;}
.contant_input .contant_form{width: 95%;margin: auto;}
.contant_input .form-group{margin-bottom: 20px;}
.contant_input .form-control{border-radius: 0px;background-color: #d2d2d2;color: #252525;}


/*----------------------RWD---------------------------*/

@media screen and (max-width:1780px) {
    .ix-content_bottom{
        top: -140px;
    }
}

@media screen and (max-width:1680px) {
    .logoBox{padding: 0;}
    .logoBox .navbar-brand{margin-right: auto;}
    .logoName{font-size: 18px;}
    .sub_menu{padding-right: 275px;}
    .ix-content_bottom{
        top: -80px;
    }
}

@media screen and (max-width:1540px) {
    .sub_menu{padding-right: 260px;}
    .ix-content_bottom{
        top: 0px;
    }
}

@media screen and (max-width:1400px) {
    .sub_menu{padding-right: 240px;}
    .ix-content_top .title{font-size: 60px;}
    .ixPro_name h3{font-size: 36px;padding: 50px 60px;}
    /**/
    .manufacturImg .img01::after{height: 340px;}
}

@media screen and (max-width:1280px) {
    .logoName{font-size: 17px;}
    .logoBox .navbar-brand{margin: auto;}
    .sub_menu{font-size: 16px;}
    .ix-banner-slogan h2{font-size:2.2rem;}
    .ix-banner-slogan p{font-size:1.4rem}
    /*公司簡介*/
    .aboutIdea{padding: 0px 0px 50px;}
}

@media screen and (max-width:1200px) {
    .navbar-brand img{width: 85px;}
    .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{padding:15px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:0 .5rem}
    .sub_menu{padding: 10px;}
    .ix-content{margin-top: 125px;}
    .ix-content_bottom{margin-top: 50px;}
    .ix-content_top .title{font-size: 40px;}
    .ix-content_top .middleBlock .text{font-size: 28px;}
    .sub_title{font-size: 30px;}
    .grid-box{grid-template-columns: repeat(3,1fr);}
    /* banner */
    .ix-banner-slogan h2{margin: auto 100px;}
    /* 產品 */
    .inner-content{margin-top: 155px;}
    .proPage{margin-top: 150px;}
    /*品質介紹*/
    .qualityBox .rightBox{position: relative;right: 0;transform: translateY(0%);}
    .qualityDecorate .aboutIdea{grid-template-columns: repeat(2,1fr);}
    .qualityDecorate .ideaBox{margin: auto auto 40px;}
    .qualityTest__row{margin: auto auto 60px;}
}

@media screen and (max-width:991px) {
    /*主選單*/
    .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{padding:.5rem;margin-left:0;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 0}
    .navbar-toggler{color: #eb5412;border-radius: 0;position: absolute;top: 30px;right: 32px;font-size: 35px;padding: 0;}
    .navLight{display: flex;flex-direction: column-reverse;}
    .sub_menu{padding: 5px;}
    .navbar-nav .nav-item{width: 100%;text-align: center;}
    .navbar-nav .dropdown-item{padding: 0.8rem;text-align: center;}
    .isoText{display: block;position: absolute;top: 10px;right: 20px;}
    /* banner */
    .ix-banner-slogan h2{font-size:1.6rem;}
    .ix-banner-slogan h2{margin: auto 60px;}
    /*首頁*/
    .ix-content{margin-top: 60px;}
    .ix-content_bottom{margin-top: 0px;}
    .ix-content_top .title{font-size: 30px;}
    .ix-content_top .middleBlock .text{font-size: 22px;}
    .sub_title{font-size: 24px;}
    .sub_title::after{margin-right: 140px;}
    .ixPro_name h3{font-size: 24px;}
    .ixPro_name h3::after{border: 2px solid #eb5412;left: 50%;transform: translateX(-50%);}
    .grid-box{grid-template-columns: repeat(2,1fr);}
    .ixContact__list{display: block;}
    /*公司簡介*/
    .about .rightBox{display: flex;flex-direction: column-reverse;}
    .about .rightText{position: relative;left: 0;bottom: 0;margin: 40px auto;}
    .ideaBox{width: 200px;}
    .ideaBox img{max-width: 80px;}
    /*產品*/
    .proTel{right: 10px;}
    .inner-content{margin-top: 100px;}
    .proPage{margin-top: 90px;}
    .skill{padding-top: 50px;}
    .pro_item li{width: 50%;}
    .pro_item li a{height: 180px;}
    /*全製程介紹*/
    .manufacturImg{margin-top: 40px;}
    .manufacturImg .img01::after{height: 100%;}
    /*品質介紹*/
    .qualityBox__img:nth-child(even){margin-top: 30px;}
    .qualityTarget{margin-top: auto;}
    .qualityTarget .textBox{width: 100%;margin-left: 0px;}
    .qualityTest__row figure{text-align: center;}
    /*品質政策*/
    .navLight .collapse{max-height: 150px;overflow-y: scroll;}
}

@media screen and (max-width:936px) {
    .ix-content {margin-top: 84px;}
    .ix-content_bottom{margin-top: 50px;}
}

@media screen and (max-width:768px) {
    /*主選單*/
    .navbar-brand img{max-width: 85px;}
    .sidebar{position:sticky;top:88px;z-index:10;}
    .sidebar button{display:block;width:100%;background:#eb5412;color:#fff;padding:10px 20px;border:none;}
    .sidebar-list{flex-wrap:wrap;background-color: #fff;}
    .sidebar-list li{width:100%;text-align: center;border-bottom: 1px solid #eee;}
    .sidebar-list li.active a:before, .sidebar-list li:hover a:before{left: -20px;top: 10px;}
    .sidebar-list li.active a, .sidebar-list li:hover a{box-shadow: none;}
    /* 產品 */
    .mobile__proTel{display: block;position: relative;right: 0;margin-bottom: 10px;}
    .desktop__proTel{display: none;}
    .proTel__link:hover{color: #eb5412;}
    /* banner */
    .ix-banner-slogan h2{font-size:1.2rem;}
    .ix-banner-slogan h2{margin: auto 20px;}
    /*首頁*/
    .ix-content{margin-top: 68px;}
    .sub_title > br {display: block;}
    .ix-content_bottom{margin-top: 100px;}
    .grid-box{grid-template-columns: repeat(1,1fr);}
    .ixIntroduce__list{display: inline-block;}
    /*公司簡介*/
    .about .rightImg{right: 0px;}
    .aboutIdea{display: block;}
    .ideaBox{margin: auto auto 40px;}
    /*全製程介紹*/
    .manufacturingBox .titleBox{font-size: 20px;}
    .manufacturingBox .titleBox .num{font-size: 30px;padding: 5px 10px;}
    /*品質介紹*/
    .qualityDecorate .aboutIdea{grid-template-columns: repeat(1,1fr);}
    /*產品*/
    .pro_item li{width: 100%;}
    .ixPro figure{max-width: 300px;margin: auto;}
}

@media screen and (max-width:640px) {
    .ix-banner-slogan h2{font-size:1rem;}
    .square.left{left: 15%;bottom:0;}
    .square.right{right:20%;bottom:0;}
    .work-list li{width:100%;}
    .grid-sm{grid-column: 1/6;}
    .ft-list{text-align:left;}
    .ft-list li{margin-bottom:10px;}
    .nav-item{text-align:center;width:100%}
    /*首頁*/
    .ix-content{margin-top: 50px;}
    .ix-content_top .title{display: none;}
    .ix-content_top .middleBlock .text{font-size: 18px;}
    .sub_title{font-size: 18px;}
    .sub_title::before{top: -15px;margin-left: -40px;}
    .sub_title::after{top: -15px;margin-right: 40px;}
    .ix-content_top .middleBlock button{font-size: 16px;}
    .logoName{font-size: 18px;}
    /*營業項目*/
    .businessBox .num{font-size: 32px;padding: 0px 20px 0px 15px;top: -30px;}
    .serviceContent{margin: auto;}
    .proFlex{display: block;}
    .quoteBox{margin-top: 10px;}
    .sidebar{top: 95px;}
    
    /*全製程介紹*/
    .manufacturingBox .titleBox{font-size: 18px;}
    .manufacturImg .img01::after{left: 0;}
    /*品質政策*/
    .listGrid{grid-template-columns: repeat(1,1fr);}
    .qualityTest__row .title span{font-size: 40px;padding: 0px 6px;}
    /*footer*/
    footer{padding: 20px 0px;  }
    .copyright{margin-bottom: 60px;}
}

@media screen and (max-width:540px) {
    /*首頁*/
    .sub_title::before{top: -15px;margin-left: 0px;}
    .ix-content_bottom{margin-top: 140px;}
    .ix-content_top .middleBlock button{position: relative; display: flex;margin: auto;}
}