@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;)no-repeat center/cover;position: relative;}
a{color:#000;text-decoration:none}
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;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alert_line{border-color: #d40023;}
.red{color: #d40023;}
/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;right: 0;bottom: 42px;width:50px;height:50px;line-height:50px;text-align:center;color:#ccc;background: #477f7f;border: solid 1px #477f7f;}
#goTop:hover{background: #73c0ae;color:#FFF}
.en{font-family: 'Archivo', sans-serif;}
/*按鈕*/
.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}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.warning-item p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.use-tool ul{padding-left:0;list-style:none}
.use-tool ul li{display:inline-block;margin: 0 5px;}
.use-tool ul a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.use-tool-sm{margin-bottom: 10px;display: block;text-align: center;}
.use-tool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.use-tool span{float:right;margin-top: 2px;font-weight: 600;}
/*---------------------- 頁面開始 ----------------------*/
/*歡迎頁*/
.welcomeBg{background: url(../images/welcome/welcomeBg.jpg)no-repeat center/cover fixed;/* min-height: 100vh; */}
.welcomeLink{position:relative;display: block;}
.welcomeLink:before{content:'';position:absolute;left:0;bottom:0;width: 0;transition: all .5s;height:100%;background: rgb(68 118 118 / 50%);z-index: 1;}
.welcomeLink figure{overflow:hidden}
.welcomeLink figure img{transition:all .5s}
.welcomeZone{display:flex;align-items: center;padding: 20px 0;}
.welcomeFt{display:flex;align-items: center;background: #828282;padding: 10px 0;justify-content: center;font-size: 1.2rem;}
.welcomeFt a{padding:0px 10px;color: #fff;}
.welcomeBox{width:50%;text-align: center;padding: 20px;position: relative;}
.welcomeBig{font-weight:bold;letter-spacing:3px;margin-top: 20px;color: #447676;font-size: 1.4rem;}
.welcomeList{list-style:none;padding-left:0;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 4em;max-width: 450px;margin: 20px auto;}
.welcomeList i{width: 35px;line-height: 35px;height: 35px;background: #447676;display: inline-block;margin-right: 5px;border-radius: 100%;color: #fff;}
.welcomeList.blue i{background: #2b4576;}
.welcomeLink:hover figure img{transform:scale(1.1)}
.welcomeLink:hover:before{width:100%}
.welcomeLink.blue:hover::before{width:100%;background: rgb(43 69 118 / 50%);}
/*歡迎頁按鈕*/
.learn-more{position: absolute;right: 5%;bottom: 5%;color: #fff;width: 12rem;z-index: 2;}
.learn-more .circle .icon{transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}
.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(0.65,0,0.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}
.learn-more .circle .icon.arrow::before{position:absolute;content:"";top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top: .125rem solid #000;border-right: .125rem solid #000;transform:rotate(45deg)}
.learn-more .circle{transition:all .45s cubic-bezier(0.65,0,0.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background: #ffffff;border-radius:1.625rem;margin-right: 20px;}
.learn-more .button-text {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 0;
    margin: 0 0 0 1.85rem;
    color: #282936;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #fff;
}
.learn-more:hover .circle {width: 100%;background: #447676;box-shadow: 0px 10px 10px rgb(0 0 0 / 50%);}
.learn-more:hover .circle .icon.arrow::before{border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff;}
.learn-more.blue:hover .circle{background:#2b4576}
@media screen and (max-width: 991px) {
    .welcomeZone{flex-wrap:wrap;}
    .welcomeBox{width:100%}
}
@media screen and (max-width:640px) {
    .welcomeList {grid-column-gap: .5em;}
    .welcomeList a{text-align:center;display: inline-block;}
    .welcomeList i{display:block;margin: 0 auto;}
    .welcomeFt{flex-wrap:wrap;}
}

/*設定*/
h1,h2,h3,h4,p,figure,ul{margin-bottom:0;}
/*按鈕*/
.btnStyle{display:inline-block;border:1px solid #73c0ae;color:#73c0ae;padding: 8px 26px;border-radius: 25px;}
.btnStyle:hover{background:#73c0ae;color:#fff;}
/*標題*/
.mainTitle .big{color:#73c0ae;font-size: 2.5rem;font-weight: bold;position: relative;}
.mainTitle .big:before{content:'';position:absolute;left:0;bottom: -10px;width: 60px;height: 3px;background:#73c0ae}
.mainTitle.white .big{color:#fff;}
.mainTitle.white .big:before{background:#fff}
.subTitle{font-weight:bold;}
.mainTitle__style02{position:relative;margin-bottom: 50px;}
.mainTitle__style02 .big{font-weight:bold;color:#fff;position: relative;}
.mainTitle__style02 .big:before{content:'';position:absolute;left:50%;transform: translateX(-50%);width: 40px;height: 3px;background: #fff;bottom: -20px;}
.mainTitle__style02.white .big{color:#fff}
.mainTitle__style02.white .big:before{background:#fff}
.mainTitle__style02 .en{font-weight:bold;color:#b3dbd1;font-size: 2.5rem;position:absolute;bottom: -20px;left: 50%;transform: translateX(-50%);z-index: -1;}
.mainTitle__style02.left .big:before{left:0;transform: translateX(0);}
.mainTitle__style02.left .en{left:0;transform: translateX(0);}
.titleBox .name{margin-bottom: 30px;font-weight: bold;position: relative;color: #73c0ae;font-size: 24px;}
.titleBox .name::after{content: '';position: absolute;bottom: -10px;left: 0;width: 60px;height: 3px;background: #73c0ae;}
/*全頁佈局*/
.blockHeight {padding-top: 4rem;}
.blockHeight:last-child{padding-bottom:2rem}
.bgGray{background-color: #f6f6f6;}
/*主選單*/
header{background:#fff;transition: all .5s;}
header .navbar{padding:10px 50px;}
.navbar-brand img{transition:all .5s}
.navbar-expand-lg .navbar-nav{align-items: center;}
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 20px;position: relative;}
.navbar-expand-lg .navbar-nav .nav-link:before{content:'';position:absolute;left: 15px;bottom: 3px;background:url(../images/all/headerIcon.png)no-repeat center/cover;width: 40px;height: 40px;transition: all .5s;background-size: 50%;opacity: 0;}
.navbar-expand-lg .navbar-nav .nav-link:hover:before{left:-15px;opacity:1;}
.contactInfo:before,.contact::before{display:none;}
.navbar-expand-lg .navbar-nav .nav-item .nav-link.contact{color: #fff;background: #73c0ae;margin-right: 15px;border-radius: 25px;}
.contactInfo{text-align: center;font-size: .9rem;font-weight: bold;}
.contactInfo .time{background: #6c2d31;color: #fff;margin-bottom: 0;}
header.navbar--fixed{position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);}
header.navbar--fixed .navbar-brand img{max-width:250px;}
header.navbar--fixed .navbar{padding:5px 50px;}
.langLink.active,.langLink:hover{color:#73c0ae;}
.langLink{border: 1px solid;width: 45px;display: inline-block;text-align: center;}
/*首頁--banner*/
.ixBanner.slick-dotted.slick-slider{margin-bottom:0;}
.ixBanner .slick-dots{bottom:20px}
.ixBanner__item{position:relative;}
.ixBanner__slogan{position:absolute;top: 30%;left:50%;transform: translate(-50%,-50%);font-weight: bold;letter-spacing: 3px;text-align: center;transition: all .5s;}
.ixBanner__title{font-weight:bold;font-size: 3.5rem;color: #fff; text-shadow: 0px 0px 5px rgb(0 0 0 / 50%);margin-bottom: 30px;position: relative;}
.ixBanner__title:before{content:'';position:absolute;left:50%;bottom: -15px;transform: translateX(-50%);width: 0;height: 3px;transition: all 1s;background: #73c0ae;}
.ixBanner__txt{font-size:1.4rem; color: #ffe500; text-shadow: 0px 0px 5px rgb(0 0 0 / 50%); }
.slick-active .ixBanner__slogan{top:50%}
.slick-active .ixBanner__title:before{width:50px}
/*首頁--about*/
.bg{position:relative;}
.bg:before{content:'';position:absolute;top:0;right: 0;width: 100%;height: 65%;background: #e8f4f4;z-index: -1;}
.ixAbout__top{display: flex;justify-content: space-around;}
.ixAbout__left{width: 40%;background-color: #73c0ae;margin: 0px 50px 0px 30px;position: relative;}
.ixAbout__leftText{position: absolute;padding: 0px 50px; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;color: #fff;}
.ixAbout__leftText .btnStyle{color: #fff; border: 1px solid #fff;margin-top: 20px;}
.ixAbout__right{padding: 100px 0px; width: 80%;}
.ixAbout__icon{text-align: center;margin: 40px auto;}
.ixAbout__icon figure{display: inline-block;padding: 25px; border-radius: 50%;margin-bottom: 10px;}
.ixAbout__icon .iconTitle{font-size: 24px;font-weight: bold;}
.ixAbout__icon .specialized figure{background: -webkit-linear-gradient(90deg, rgb(163, 234, 153), rgb(201, 247, 130));background: linear-gradient(90deg, rgb(163, 234, 153), rgb(201, 247, 130));}
.ixAbout__icon .specialized .iconTitle{color: #a2e999;}
.ixAbout__icon .specialized .iconTitle::after{content: "";border-bottom: 1px solid #a2e999;width: 10%;display: block;margin:2px auto;}
.ixAbout__icon .serve figure{background: -webkit-linear-gradient(90deg, rgb(102, 183, 199), rgb(161, 230, 215));background: linear-gradient(90deg, rgb(102, 183, 199), rgb(161, 230, 215));}
.ixAbout__icon .serve .iconTitle{color: #69b9c8;}
.ixAbout__icon .serve .iconTitle::after{content: "";border-bottom: 1px solid #69b9c8;width: 10%;display: block;margin:2px auto;}
.ixAbout__icon .benefit figure{background: -webkit-linear-gradient(90deg, rgb(113, 191, 172), rgb(34, 140, 115));background: linear-gradient(90deg, rgb(113, 191, 172), rgb(34, 140, 115));}
.ixAbout__icon .benefit .iconTitle{color: #6dbca9;}
.ixAbout__icon .benefit .iconTitle::after{content: "";border-bottom: 1px solid #6dbca9;width: 10%;display: block;margin:2px auto;}
.ixAbout__icon .icontext{margin-top: 20px;color: #212121;}
/*首頁--process*/
.ixProcess{padding: 100px 0;position: relative;margin-top: 8rem;color: #fff;}
.ixProcess::before{content:"" ; background: url(../images/index/bg02.jpg) no-repeat center/cover fixed;position: absolute;top: 0;left: 0;width: 100%;height: 70%;z-index: -1;}
.ixProcess__titleBox{position: relative;}
.ixProcess__title{position: absolute;left: 50%;transform: translate(-50%, 40%);width: 100%;} 
.ixProcess__title .big{font-size: 3rem;font-weight: bold;}
.ixProcess__title .big::before{content: '';position: absolute;left: 50%;transform: translate(-50%, 0%); bottom: -28px;width: 60px;height: 3px;background: #fff;}
.ixProcess__title .en{font-size: 3rem; position: absolute; bottom: -22px; z-index: -1;left: 50%;transform: translate(-50%, 0%);font-weight: bold;opacity: .4;width: 100%;}
.ixProcess__zone{display:grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 2em;margin-top: 15%;}
.processBox{position: relative; padding: 20px;position: relative;color: #3e3e3e;width:100%;height:100%;background:#fff;border: 1px solid #bbbbbb;}
.processInfo{padding: 25px;}
.processInfo::after{ content: ""; border: 25px solid;border-color: transparent transparent transparent #73c0ae;display: block;position: absolute;right: -5px;bottom: -5px;-moz-transform:rotate(180deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.processBox:hover .processBox01{background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url(../images/index/process01.jpg) center; background-size: cover;}
.processBox:hover .processBox02{background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url(../images/index/process02.jpg) center; background-size: cover; }
.processBox:hover .processBox03{background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url(../images/index/process03.jpg) center; background-size: cover; background-blend-mode: darken;}
.processName{margin-bottom:30px;font-weight:bold;position:relative;color: #73c0ae;font-size: 24px;}
.processName:before{content:'';position:absolute;bottom: -10px;left:0;width: 40px;height: 3px;background:#73c0ae;transition: all .5s;}
.processBox .intro{min-height: 161px;}
.processBox:hover .intro{color: #fff;}
.processBox:hover .btnStyle {background: #73c0ae;color: #fff;}
.processBox:hover{color:#fff}
.processBox:hover .processName:before{width: 70px;}
/*首頁--service*/
.ixService{position: relative;}
.ixService::after{content: "";width: 800px;height: 650px;background-color: #73c0ae;display: block;position: absolute;right: 0px;top: 20px;z-index: -1;}
.ixService .ixService__img{position: absolute;left: 0;z-index: -1;}
.ixService .mainTitle{position: relative;}
.ixService .mainTitle .big{font-size: 2.8rem;}
.ixService .mainTitle .en{position: absolute;bottom: -18px;left: 15px; font-weight: bold;font-size: 45px;color: #e7e7e7;z-index: -1;}
.ixService .subTitle {font-size: 24px;}
.ixService__zone{display:flex;}
.ixService__item{padding-right:50px;width: 45%;}
.ixService__thumb .ixService__Link{display: flex;align-items: center;background-color: #fff;border: 2px solid #73c0ae;padding: 10px;}
.ixService__thumb .intro{width: 65%;margin: auto 10px;display: -webkit-box;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 59px;overflow: hidden;}
.ixService__thumb .arrow{background: url(../images/index/arrow.png);width: 27px;height: 27px;}
.ixService__thumb:hover .arrow{background: url(../images/index/arrow02.png);width: 27px;height: 27px;}
.ixService__thumb:not(:last-child){margin-bottom: 20px;}
.ixService__name{font-size:1.1rem;font-weight:bold;width: 102px;}
/*首頁--contact*/
.ixBtm__zone{padding:100px 0;position: relative;margin-top: 8rem;color: #fff;}
.ixBtm__zone:before{content:'';background: url(../images/index/bg.jpg)no-repeat center/cover fixed;position: absolute;top: 0;left: 0;width: 100%;height: 70%;z-index: -1;}
.ixBtm__zone a{color:#fff;}
.ixNews__zone{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 1em;grid-row-gap: 1em;margin-top: 20px;background: #fff;}
.newsBox{transition: all .5s;transform:translateY(0);padding: 50px 20px;position: relative;}
.newsBox:not(:last-child):before{content:'';position:absolute;right:0;bottom: 5%;width:1px;height: 90%;background:#eee}
.newsBox:hover{transform: translateY(-10px);background: #fff;box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);}
.ixContact__zone{display:flex;justify-content: space-between;align-items: center;}
.ixContact__zone .ixContact__title .btnStyle {border: 1px solid #fff;}
.ixContact__info{background:rgb(115 192 174);padding: 50px;}
.contactList{list-style:none;padding-left:0;margin-top: 30px;}
.listItem:not(:last-child){margin-bottom:5px;}
.listItem:first-child{margin-bottom:20px;}
.ftBox .listItem:first-child{margin-bottom: 5px;}
.ftBox .contactList{margin-top:0;}
/*首頁--news*/
.newsName{font-size: 1.2rem;font-weight:bold;color: #000;}
.newsIntro{
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    font-size: .9rem;
    color: #787878;
    overflow: hidden;
    margin: 10px 0;
    }
/*頁尾*/
footer{background: #73c0ae;color:#fff;padding: 55px;}
.ftCopy{background:#477f7f;color:#fff;}
.ftMenu a{margin-right:10px;}
.ftCopy a{color:#fff;}
.ftCopy .container{display:flex;justify-content: space-between;font-size: .9rem;padding: 10px 0;}
.ftLogo img{max-width: 250px;}
.ftZone{display: flex;}
.ftBox{width: 25%;/* padding: 20px; */}
.ftBox b{display:inline-block;margin-bottom:15px}
.socialList{display:flex;justify-content: space-between;}
.ftBox:nth-child(2){margin-left:auto;}
.ftBox:first-child{width: 35%;}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.ftCert{display: flex;/* background: #fff; */align-items: center;margin-top: 25px;}
.ftCert img{max-height:80px;margin-right: 20px;}

/*----------------------內頁-------------------*/
/*麵包屑*/
.breadCrumbs-block{margin: 15px 0;/* padding: 0px 15px; */}
.breadCrumbs-block .breadCrumbs{float: right;list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;/* color: rgb(255 255 255 / 50%); */}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;/* color: rgb(255 255 255 / 50%); */}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #73c0ae;}
/*單元BN*/
.pageBanner{position:relative;background: #fff;}
.pageBanner__pic{text-align:right;}
.pageBanner__title{font-weight:bold;}
.pageBanner__slogan{position:absolute;bottom:50%;color:#fff;transform: translateY(50%);left: 200px;}
/*關於我們*/
.intro{font-size:1.2rem;letter-spacing:3px;line-height:1.4;margin-top: 30px;}
.icon{width: 115px;height: 115px;margin:0 auto;position: relative;margin-bottom: 30px;}
.icon i{font-size: 4rem;}
.line{/* position:relative; */display:block;}
.line:before,.line:after{content:'';position:absolute;background: #000;}
.line.left:before{width: 30px;top:0;height:1px;left: 0;}
.line.left:after{width:1px;height:30px;top:0;left:0;}
.line.right:before{width: 30px;bottom: 0;height:1px;right: 0;}
.line.right:after{width:1px;height:30px;bottom: 0;right: 0;}
.aboutTop .intro{font-size:1.2rem;letter-spacing:3px;line-height:1.4;margin-top: 30px;}
.aboutTop .year{color:#73c0ae;position:relative;FONT-SIZE: 1.8REM;letter-spacing: 3px;}
.aboutTop .year:before{content:'';position:absolute;left:50%;bottom: -10px;width:30px;height:3px;background:#73c0ae;transform: translateX(-50%);}
.aboutTop .video{margin-top: 40px;}
.aboutContent{background-color: #f6f6f6;padding: 50px 0;}
.aboutMain__title{text-align: left;position: relative;margin-bottom: 60px;color: #73c0ae;font-size: 2.5rem;}
.aboutMain__title .big{font-weight: bold;}
.aboutMain__title .big:before{content: '';position: absolute;left: 0;bottom: -10px;width: 60px;height: 3px;background: #73c0ae;}
.aboutMain__title .en {position: absolute;bottom: -24px;left: 15px;font-weight: bold;font-size: 38px;color: #e7e7e7;z-index: -1;}
.organizationalChart{margin: 20px auto 100px;text-align: center;}
.organizationalChart .organizationalChart__img{width: 80%;margin: auto;}
/*服務項目*/
.service .intro{font-size: 1.2rem;letter-spacing: 3px;line-height: 1.4;margin-top: 30px;}
.serviceTop .intro span{color: #73c0ae;font-weight: bold;}
.serviceContent {margin-bottom: 40px;}
.serviceContent:nth-child(even){flex-direction: row-reverse;}
.serviceContent .serviceContent__text .textBox{padding:40px 50px;}
.serviceSlick .slick-prev:before, .serviceSlick .slick-next:before{color: #fff;font-size: 32px;}
.serviceSlick .slick-prev,.serviceSlick .slick-next,.serviceSlick .slick-prev:focus,.serviceSlick .slick-next:focus{z-index:10;width: 50px;height: 50px;background: #73c0ae;border-radius: 50%;}
.serviceSlick .slick-prev{left:-10px;}
.serviceSlick .slick-prev:before{content: "\f284";font-family: bootstrap-icons !important;}
.serviceSlick .slick-next{right:-10px;}
.serviceSlick .slick-next:before{content: "\f285";font-family: bootstrap-icons !important;}
.serviceSlick .slick-prev:hover,.serviceSlick .slick-next:hover{background:#477f7f}
.serviceContent .serviceContent__text .name,.serviceBottom .serviceContent__text .name{position: relative; font-weight: bold;font-size: 30px;color: #73c0ae;}
.serviceContent .serviceContent__text .subNum,.serviceBottom .serviceContent__text .subNum{position: absolute;bottom: -80px;left: -40px; font-size: 140px;color: #333;opacity: .1;font-weight: bold;}
.serviceBottom{margin-top: 100px;}
.serviceBottom .serviceContent__text{width: 60%;margin: auto;margin-bottom: 50px;}

/*製程與能力*/
.process{letter-spacing: 3px;}
.process .intro{font-size: 1.2rem;line-height: 1.4;margin-top: 30px;}
.process .bgImg{background: url(../images/process/bg.png) bottom no-repeat;}
.process .bgImg02{background: url(../images/process/bg02.png) bottom no-repeat;}
.processContent {padding: 0px 0px 80px;}
.processContent__text{margin-bottom: 40px;padding: 0 100px;}
.processContent .titleBox .sub{font-size: 20px;margin-bottom: 20px;}
.processContent .titleBox .sub span{color: #73c0ae;font-weight: bold;}
.processContent .listBox{margin-bottom: 40px;}
.processContent .listTitle{font-size: 22px;font-weight: bold;color: #73c0ae;margin-bottom: 5px;}
.processContent .processContent__list{list-style: none;padding-left: 0;margin-bottom: 20px;}
.processContent .processContent__list li{position: relative;font-size: 18px;margin-bottom: 5px;}
.processContent .processContent__list .num{position: absolute;color: #73c0ae;opacity: .2;font-weight: bold;font-size: 25px;top: -10px;left:20px;}
.processSlick {padding: 0px 50px;}
.processSlick .processSlick__img img {margin: auto;}
.processSlick .slick-prev:before, .processSlick .slick-next:before{color: #fff;font-size: 32px;}
.processSlick .slick-prev,.processSlick .slick-next,.processSlick .slick-prev:focus,.processSlick .slick-next:focus{z-index:10;width: 50px;height: 50px;background: #73c0ae;border-radius: 50%;}
.processSlick .slick-prev{left:20px;}
.processSlick .slick-prev:before{content: "\f284";font-family: bootstrap-icons !important;}
.processSlick .slick-next{right:20px;}
.processSlick .slick-next:before{content: "\f285";font-family: bootstrap-icons !important;}
.processSlick .slick-prev:hover,.processSlick .slick-next:hover{background:#477f7f}
.processContent .proName{font-size: 20px;font-weight: bold;color: #73c0ae;}
.processContent .proBox{display: flex;justify-content: center;}
.processContent .proBox__list{position: relative;padding: 0px 20px;}
.processContent .proBox__list .textBox{border: 1px solid #477f7f;padding: 15px;background-color: #fff;}
.processContent .proBox__list02{width: 33.3%;}
.processContent .proBox__list02 img{border: 1px solid #73c0ae;}
.processContent .proBox__list02 .textBox{min-height: 240px;}
.processContent .proBox__list02 .textBox ul{list-style: none;padding-left: 0;}
.processContent .proBox__list02 .textBox li{margin-bottom: 5px;}
.process .flow{margin: 100px auto;text-align: center;}
.process .flowName{color: #477f7f;font-weight: bold;font-size: 24px;margin-bottom: 40px;}
.process .flow img{width: 40%;}
/*品質認證*/
.quality .certificateBox{display: flex;}
.qualitySystem {background: url(../images/quality/bg.png) bottom no-repeat; padding-bottom: 4rem;}
.qualitySystem .qualitySystem__img{text-align: center;margin: 40px auto;}
.qualitySystem .qualitySystem__img img{width: 80%;}
.qualityEquipment{margin: 40px auto;}
.qualityEquipment .qualityEquipment__box{margin-bottom: 20px;}
.qualityEquipment__box .antiStatic__img img{width: 200px;}
.qualityEquipment__box .textBox{margin-top: 10px;}
.qualityEquipment__box .textBox .name{color: #73c0ae;font-size: 18px;font-weight: bold;}
.qualityEquipment__box .textBox .text{max-height: 96px;overflow: hidden;}
.antiStatic {background-color: #f6f6f6;}
.antiStatic .qualityEquipment__box{margin-bottom: 30px;}
/*聯絡我們*/
.contant{position: relative;}
.contantImg{background: url(../images/contact/img.png) no-repeat;width: 100%;height: 1080px;position: absolute;bottom: -200px;z-index: -1;opacity: .4;}
.contantContent{background-color: #fff; padding: 40px 60px;border-top: 4px solid #73c0ae;}
.contant_area .contant_title{font-size: 1.5rem;font-weight: bold;color: #73c0ae;margin-bottom: 20px;}
.contant_area .contant_info{font-size: 18px;margin-bottom: 20px;}
.contant_area .contant_info ul{list-style: none;padding-left: 0;}
.contant_area .contant_info li{margin-bottom: 10px;}
.contant_area .contant_info i{margin-right: 10px;color: #73c0ae;}
.contantContent .form-group{margin: 10px auto;}
.contantContent .btnSend{background-color: #73c0ae;color: #fff;}
.contantContent .btnSend:hover{background-color: #477f7f;}

/*RWD*/
@media (max-width: 1400px) { 
    /*首頁*/
    .ixService__item{
        width: 65%;
    }
    .ixService__pic{
        align-self: center;
    }
    .ixService::after{
        width: 600px;
        height: 520px;
        top: 50%;
        transform: translateY(-45%);
    }
    /*服務項目*/
    .serviceBottom .serviceContent__text{width: 80%;}
    /*製程與能力*/
    .processContent .proBox__list{padding: 0px 20px;}
}
@media (max-width: 1200px) { 
    /*首頁*/
    .ixAbout__top{display: block;margin-top: 80px;}
    .ixAbout__left{width: 100%;margin: 0;}
    .ixAbout__leftText{position: relative;top: 0;left: 0;transform: translate(0%, 0%);padding: 20px 40px;}
    .ixAbout__right{width: 100%;padding: 50px 0px;}
    .ixProcess::before{height: 100%;}
    .ixProcess{padding: 50px 0;}
    .ixProcess__title{transform: translate(-50%, 0%);}
    .ixProcess__zone{grid-template-columns: repeat(1, 1fr);grid-row-gap: 1em;}
    .processBox .intro{min-height: auto;}
    /*footer*/
    .ftBox {width: 30%;}
    /*首頁-服務項目*/
    .ixService__item{width: 100%;padding-right: 20px;}
    .ixService::after{width: 500px;height: 420px;}
    /*關於我們*/
    .organizationalChart .organizationalChart__img{width: 100%;}
    /*製程與能力*/
    .processSlick .processSlick__img img{margin: auto;}
    .processContent .proBox__list{width: 100%;margin-bottom: 20px;}
    .processContent__text .titleBox{margin-bottom: 20px;}
    .processContent .proBox{display: grid; grid-template-columns:repeat(2, 1fr);}
    
    .process .flow img{width: 60%;}
    /*品質保證*/
    .qualitySystem .qualitySystem__img img{width: 100%;}
}

@media (max-width: 991px) { 
    /*nav*/
    .navbar .navbar-toggler{border: 1px solid #477f7f;}
    .navbar .navbar-toggler-icon{display: flex;justify-content: center;align-items: center;}
    .navbar .navbar-toggler-icon i{font-size: 30px; color: #477f7f;} 
    .navbar-expand-lg .navbar-nav .nav-item .nav-link.contact{margin-right: 0;margin-bottom: 15px;}
    /*首頁*/
    .ixBanner__title{font-size: 2.5rem;}
    .ixBanner__txt{font-size: 1.2rem;}
    .ixProcess__title .big{font-size: 2.5rem;}
    .ixProcess__title .en{font-size: 2rem;bottom: -14px;}
    .ixService__zone{flex-direction: column;}
    .ixService__item{padding-right: 0;margin-bottom: 20px;}
    .ixService::after{transform: translateY(0%);}
    .ixBtm__zone{padding: 80px 0px;}
    .ixBtm__zone:before{height: 100%;}
    .ixContact__zone{flex-direction: column;}
    .ixContact__title{margin-bottom: 20px;width: 100%;}
    .ixContact__info{width: 100%;padding: 30px 40px;}
    .ixNews__zone{grid-template-columns: repeat(1, 1fr);margin-bottom: 20px;background-color: transparent;}
    .ixNews__zone .newsBox {background-color: #fff;}
    /*關於我們*/
    .icon{height: 80px;}
    .icon i{font-size: 3rem;}
   
    /*製程與能力*/
    .process .flow img{width: 80%;}
    .processContent{padding-bottom: 40px;}
    .processContent .proBox{display: block;}
    .processContent .proBox__list{margin-bottom: 40px;}
    .processContent .proBox__list:last-child{margin-bottom: 0;}
    .processContent .proBox__list02{width: 100%;}
    .processContent .proBox__list02 .processContent__img{text-align: center;}
    .processContent .proBox__list02 .textBox{min-height: auto;}
}
@media (max-width: 768px) { 
    .intro{font-size: 1rem;}
    .mainTitle .big{font-size: 2rem;}
    /*首頁*/
    .slick-active .ixBanner__slogan{background: rgba(255,255,255,0.5);padding: 20px;width: 80%;}
    .ixBanner__title{font-size: 2rem;}
    .ixProcess__zone{margin-top: 18%;}
    .ixProcess__title .big{font-size: 2rem;}
    .ixService::after{display: none;}
    .ixService .mainTitle .big{font-size: 2rem;}
    .ixService .subTitle{font-size: 20px;}
    /*footer*/
    footer{padding: 20px 0px;}
    .ftZone{display: block;}
    .ftBox{width: 100%;margin: 20px auto;}
    .ftBox:first-child{width: 100%;}
    .ftBox:nth-child(2){width: 100%;}
    /*關於我們*/
    .aboutTop .video iframe{height: 250px;}
    .aboutContent{padding: 10px 0px;}
    .ixAbout__icon .iconBox {margin: 20px auto;}
    /*製程與能力*/
    .processContent .titleBox .sub{font-size: 18px;}
    .process .flow{margin: 50px auto;}
    /*品質保證*/
    .quality .certificateBox{display: block;}
    /*聯絡我們*/
    .contantContent{padding: 20px;}
}

@media (max-width: 640px) { 
    /*nav*/
    .navbar-brand{margin-right: 0;}
    header .navbar{padding: 10px 20px;}
    /*首頁*/
    .ixBanner__title{font-size: 1.3rem;margin-bottom: 20px;}
    .ixBanner__title:before{bottom: -10px;}
    .ixBanner__txt{font-size: 1rem;}
    .ixAbout__top{margin-top: 40px;}
    .ixAbout__leftText{padding: 20px;}
    .ixAbout__right{padding: 20px 0px;}
    .ixAbout__right iframe{height: 250px;}
    .ixProcess{margin-top: 4rem;}
    .ixContact__info{padding: 20px;}
    .newsBox{padding: 20px;}
    .ixBtm__zone{padding: 40px 0px;margin-top: 4rem;}
    .ftCopy{margin-bottom: 50px;}
    .ftCopy .container{padding: 10px;display: block;}
    /*服務項目*/
    .pageBanner__slogan{padding: 20px 40px;}
    .serviceContent{flex-direction: column;margin-bottom: 40px;}
    .serviceContent:nth-child(even){flex-direction: column;}
    .serviceContent__text{margin-bottom: 40px;}
    .serviceSlick .slick-prev{left:0px;}
    .serviceSlick .slick-next{right:0px;}
    /*製程與能力*/
    .processContent__text{padding: 0 20px;}
    .process .flow img{width: 100%;padding: 0px 20px;}
    .processContent .proBox__list{padding: 0;}
    .processContent .proBox__list02{padding: 0px 20px;}
    .processSlick .slick-prev{left:0px;}
    .processSlick .slick-next{right:0px;}
    /*品質保證*/
    .qualityEquipment{margin: auto;}
}

@media (max-width: 480px) { 
    .navbar-brand{width: 80%;}
    header.navbar--fixed .navbar{padding: 5px 20px;}
    /*首頁*/
    .mainTitle__style02{margin-bottom: 30px;}
    .mainTitle__style02 .big:before{bottom: -10px;}
    .processInfo{padding: 10px;}
    .ixService__name{width: 75px;}
    .ixService__thumb .intro{margin: auto 5px;}
    .ftCopy a{display: inline-block;}
    /*頁尾*/
    .socialList{flex-wrap:wrap;}
    .socialItem{width:100%}
}

@media (max-width: 320px) { 

}