@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;overflow-x: hidden;}
a{color:#000;text-decoration:none}
a:hover{color:#777;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration: none;}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
#goTop{color: #fff;background: #dfc7a4;text-align:center;position:fixed;bottom: 100px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;-webkit-box-shadow: 0px 0px 20px #dfc7a4;-moz-box-shadow: 0px 0px 20px #dfc7a4;box-shadow: 0px 0px 20px #dfc7a4;}
#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;-moz-border-radius: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-height{padding-top:100px}
.block-height:last-child{padding-bottom:100px;}
p{letter-spacing:3px;line-height:2;}
.red{color: #f00}
.clearfix2{
    clear: both;
    overflow: hidden;
    }
/*按鈕*/
.btn-style{color: #000;position: relative;background: #ac6c28;padding: 10px 20px;color: #fff;-moz-border-radius: 10px;border-radius: 10px;}
.btn-style span{position:relative;}
.btn-style span:after{content:'+';right: -32px;position: absolute;font-size: 1.6rem;bottom: -6px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.btn-style span:before{content:'';position:absolute;right: -37px;bottom: -4px;width:30px;height:30px;background:#dfc7a4;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-moz-border-radius: 100%;border-radius: 100%;}
.btn-style:hover{color:#fff;}
.btn-style:hover span:before{background: #ce8a27;-webkit-box-shadow: 0 10px 20px 0 rgba(223, 199, 164, 0.5);-moz-box-shadow: 0 10px 20px 0 rgba(223, 199, 164, 0.5);box-shadow: 0 10px 20px 0 rgba(223, 199, 164, 0.5);right: -45px;}
.btn-style:hover span:after{content:'>';right:-40px}
.btn-style.aa{color:#fff}
.btn-download {display: inline-block;/* width: 100%; */position: absolute;border-radius: 0;right: -20%;bottom: 15%;transition: all .5s;}
.btn-download:hover{background:#ce8a27;}
/*頁碼*/
.page-number{margin-top: 30px;}
.pagination{display: block;}
.pagination>li{display: inline-block;}
.pagination>li>a{border:none;color:#333;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;padding: 5px 10px;}
.pagination>li>a:hover{color: #ce8a27;}
.pagination>li.on a{background: #ce8a27;color: #fff;-moz-border-radius: inherit;border-radius: inherit;}
/*單元banner*/
.banner{position:relative;}
.innerBannerWord{position:absolute;bottom:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.innerBannerWord h2 {margin-bottom: 0;background: #000;padding: clamp(16px,2vw,20px) clamp(60px,10vw,150px);font-weight: bold;letter-spacing: 6px;color: #cb9240;}
.innerBannerWord p{margin-bottom:0;font-family: 'Bebas Neue', cursive;font-size: 5rem;color: #000;line-height: 0;margin-bottom: 15px;}
/*標題*/
.main-title p{margin-bottom:0;font-family: 'Bebas Neue', cursive;font-size: 1.4rem;color: #ca903d;}
.main-title h2{font-size:2.4rem;font-weight:bold;letter-spacing:6px;}
/*主選單*/
.navbar{border-bottom:1px solid rgba(255, 255, 255, 0.4);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.navbar:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index: -1;
    background: rgba(255, 255, 255, 0.5);
    }
.navbar-brand{color:#fff;font-size: 1.6rem;letter-spacing:3px;font-weight:bold;}
.navbar-expand-lg .navbar-nav .nav-link{color: #000000;padding: 4px clamp(0px,.75vw,10px);font-weight: bold;position: inherit;}
.navbar-expand-lg .navbar-nav .btn-download{color:white;}
.navbar.change{background:#fff;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);}
.navbar-expand-lg .navbar-nav .dropdown-menu{-moz-border-radius: 0;border-radius: 0;border: none;background: rgba(223, 199, 164, 0.8);-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);}
.dropdown-item:focus, .dropdown-item:hover{background:inherit;color: #fff;}
.nav-link-b{color: #000!important;}
/*產品卷軸樣式*/
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#000}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar{width:8px;background-color:#000}
.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb{background-color:#dfc7a4}
/*首頁-banner*/
.ix-banner .owl-item .item{position:relative;}
.ix-banner .owl-item .item:before{content:'';position:absolute;left:0;bottom:0;width: 50%;height:100%;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cb9240),color-stop(19%, #f2b56f),color-stop(41%, #c1761e),color-stop(75%, #ac6c28),to(#762e17));background: -moz-linear-gradient(top, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%);background: linear-gradient(to bottom, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );}
.ix-banner .owl-item .item:after{content:'';position:absolute;right:0;bottom:0;width:80%;background:#000;height:100%;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;transition:all 1.5s;}
.ix-banner .owl-item .item .bannerWord{position: absolute;left: 20%;bottom: 35%;color: #dfc7a4;z-index: 10;}
.ix-banner .owl-item .item .bannerWord h2{font-size: 6rem;font-weight: bold;opacity:0;font-family: 'Bebas Neue', cursive;letter-spacing: 3px;text-shadow: 0px 5px 8px rgba(0, 0, 0, 0.55);}
.ix-banner .owl-item .item .bannerWord p{font-size:1.4rem;letter-spacing:6px;opacity:0;-webkit-transition: fadeInUp .5s;-moz-transition: fadeInUp .5s;transition: fadeInUp .5s;text-shadow: 0px 5px 8px rgba(0, 0, 0, 0.55);}
.ix-banner .owl-item .item .bannerWord .bannerColor{position:absolute;left: -10px;bottom:0;width: 80px;height: 0px; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */z-index: -1;background: #cb9240; /* Old browsers */background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cb9240),color-stop(19%, #f2b56f),color-stop(41%, #c1761e),color-stop(75%, #ac6c28),to(#762e17));background: -moz-linear-gradient(top, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%);background: linear-gradient(to bottom, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
.ix-banner .owl-item .item .bannerWord .bannerColor02{position:absolute;z-index: -1;right: -50px;bottom: -20px;width: 0px;height: 3px; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */background: #cb9240; /* Old browsers */background: -moz-linear-gradient(left, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: -webkit-gradient(linear, left top, right top, color-stop(1%, #cb9240),color-stop(19%, #f2b56f),color-stop(41%, #c1761e),color-stop(75%, #ac6c28),to(#762e17));background: -moz-linear-gradient(left, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%);background: linear-gradient(to right, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=1 );-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.ix-banner .owl-dots{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
/*首頁-banner動態*/
.ix-banner .owl-item.active .item .bannerWord h2,.ix-banner .owl-item.active .item .bannerWord p{opacity: 1;-webkit-animation: .95s ease-in-out 0s normal none 1 running fadeInDown;-moz-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;animation: 1s ease-in-out 0s normal none 1 running fadeInDown;}
.ix-banner .owl-item.active .item .bannerWord .bannerColor{height: 200px}
.ix-banner .owl-item.active .item .bannerWord .bannerColor02{width:200px}
.ix-banner .owl-item.active .item:before,.ix-banner .owl-item.active .item:after{width:0;}

/*首頁內容*/
.ixAbout{margin-top: -200px;position:relative;z-index:1;}
.aboutAll{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack: end;align-content: flex-end;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ixAbout .aboutLeft{width:45%;background:#000;padding: 50px;}
.ixAbout .aboutRight{width:55%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.ixAbout figure{margin-bottom:0;margin-left:10px;}
/*首頁產品*/
.pdtZone{width: 100%;margin-top:20px;padding-top:40px;border-top:1px solid #eee;margin: initial;}
.pdtList a{color: #000;padding:5px 20px;border: 1px solid #000;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;margin-right: 10px;}
.pdtList a.acitve,.pdtList a:hover{background:#000;color:#fff;}
.logoZone{margin-top:20px;}
.logoZone a {
    height: calc(100% - 20px);
    border: 1px solid #f3f3f3;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    margin-bottom: 20px;
}
.logoZone a figure{margin-bottom:0;}
.logoZone a img{width: 100%;}
.logoZone a p{margin-bottom:0;padding:10px;position: relative;height: 100%;word-break: break-all;}
.logoZone a p:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background: #eee;z-index: -1;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.logoZone a p:after{content:'';position:absolute;left:0;bottom:0;width: 0;height:100%;background:#dfc7a4;z-index: -1;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.logoZone a:hover p:before{width:0%}
.logoZone a:hover p:after{width:100%}
.logoZone a:hover{-webkit-box-shadow: 0px 0px 20px #dfc7a4;-moz-box-shadow: 0px 0px 20px #dfc7a4;box-shadow: 0px 0px 20px #dfc7a4;}


.ix-contact{background: url(../images/index/ix-contact.jpg)no-repeat center/cover;position: relative;margin-top: 100px;}
.ix-contact:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);
    opacity: .3;
    }
.bigTitle h2{font-family: 'Bebas Neue', cursive;font-size:5rem}
.bigTitle h3{border-top:1px solid #dfc7a463;padding-top:20px;letter-spacing: 3px;line-height: 2;}    
.bigTitle h4{border-top:1px solid #dfc7a463;padding-top:20px;letter-spacing: 3px;line-height: 2;}    
.bigTitle{color: #dfc7a4;position: relative;}

/*麵包屑*/
.breadCrumbs-block{margin-top: 15px;background: #000;margin-top: 0;}
.breadCrumbs-block .breadCrumbs{list-style:  none;margin:  0;padding:  0;padding-top: 10px;padding-bottom: 10px;}
.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: #fff;}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color: #fff;}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #cb9240;}
/*關於我們*/
.aboutZone .firstLeft h2{font-family: 'Bebas Neue', cursive;font-size: 4rem;color: #cb9240;}
.aboutZone .firstLeft h3{letter-spacing:6px;}
.aboutTitle{text-align:center;margin-bottom: 30px;}
.aboutTitle h3{position:relative}
.aboutTitle h3:before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#000;width:30px;height:2px;bottom: -10px;}
.aboutTitle img{max-width:50px;}   
.aboutZone.second .inner{position:relative;margin-bottom: 80px;}
.aboutZone.second .overlay{position:absolute;left:0;bottom:0;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;opacity:0;width: 0;height: 90%;z-index:-1;background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-gradient(linear, right top, left top, color-stop(1%, rgba(203, 146, 64, 0.15)),color-stop(19%, #f2b56f8c),color-stop(41%, rgba(193, 118, 30, 0.1)),color-stop(75%, rgba(172, 108, 40, 0.25)),to(#762e1794));background: -moz-linear-gradient(right, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);background: linear-gradient(to left, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );}
.aboutZone.second .overlay.is_animated{width: 79%;opacity:1;}
.aboutZone.second .inner:last-child .overlay{left:inherit;right:0;}
.aboutInfo{padding: 65px;}
.aboutZone.third{position:relative;background: url(../images/about/about03.jpg)no-repeat center/cover fixed;color: #fff;text-align: center;padding: 40px 0px;}
.aboutZone.third h3{letter-spacing:6px;text-decoration: underline;}
.aboutZone.third p{font-size:20px;}
.aboutZone.third span{font-family: 'Bebas Neue', cursive;font-size: 10rem;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: -75px;color: rgba(255, 255, 255, 0.25);}
/*歷史沿革*/
.historyList{position:relative;z-index: 1;}
.historyList:before{content:'';position:absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 1px;height: 100%;background: #cb9240;z-index: -1;}
.historyItem{width:50%;margin-bottom: 20px;}
.historyItem .year{font-size: 1.8rem;color:#cb9240;font-weight: bold;margin-bottom: 10px;position: relative;}
.historyItem .year:before{content:'';position:absolute;left: -35px;top: 18px;width: 10px;height: 10px;background: #cb9240;-moz-border-radius: 100%;border-radius: 100%;}
.historyItem .year:after{content:'';position:absolute;left: -30px;top: 23px;width: 20px;height: 1px;background: #cb9240;}
.historyItem.pic{width:100%;position: relative;clear: both;}
.historyItem.pic h3{position:absolute;left: 20%;top: 40%;font-size: 2.4rem;color: #fff;}
.historyItem.right{float:right;padding-left: 30px;}
.historyItem.left{text-align:right;clear: both;padding-right: 30px;}
.historyItem.left .year:before{left:inherit;right: -35px;}
.historyItem.left .year:after{left:inherit;right: -30px;}
.historyItem ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.6);padding-bottom:10px;margin-bottom:10px;list-style:none;}
/*客製化工藝配套*/
.customZone.third{position:relative;background: url(../images/about/about03.jpg)no-repeat center/cover fixed;color: #fff;text-align: center;padding: 100px 0px;overflow: hidden;}
.customZone.third h3{letter-spacing:6px;text-decoration: underline;}
.customZone.third p{font-size:20px;}
.customZone.third span{font-family: 'Bebas Neue', cursive;font-size: 10rem;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: -75px;color: rgba(255, 255, 255, 0.25);}
.custom-tit {padding: 4px 16px;background-color: #cb9241;color: #fff;font-size: 16px;width: fit-content;margin-bottom: 8px;}
.customTitle{text-align:center;margin-bottom: 30px;}
.customTitle h3{position:relative}
.customTitle h3:before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#000;width:30px;height:2px;bottom: -10px;}
.customTitle img{max-width:70px;}   
.customInfo{padding: clamp(24px,5vw,60px);}
.customZone .inner{position:relative;margin-bottom: 80px;}
.customZone .overlay{position:absolute;left:0;bottom:0;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;opacity:0;width: 0;height: 75%;z-index:-1;background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-gradient(linear, right top, left top, color-stop(1%, rgba(203, 146, 64, 0.15)),color-stop(19%, #f2b56f8c),color-stop(41%, rgba(193, 118, 30, 0.1)),color-stop(75%, rgba(172, 108, 40, 0.25)),to(#762e1794));background: -moz-linear-gradient(right, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);background: linear-gradient(to left, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );}
.customZone .overlay.is_animated{width: 40%;opacity:1;}
.customZone .inner:last-child .overlay{left:inherit;right:0;}
.block-height.block-height--custom:last-child{padding-bottom: 0;}
.--pc{display:block;}
.--mb{display:none;}

/*產品側選單*/
.sidebar{width: 255px;padding-right: 30px;}
.sidebar button.navbar-toggle{display:none;}
.sidebar .card{-moz-border-radius:0;border-radius:0;border: none;}
.accordion>.card .card-header{padding:0;background:inherit;border: none;border-bottom: 1px solid #eee;margin-bottom: 0;}
.sidebar .card-body{border:none;padding: 10px 0;}
.btn-link{width:100%;text-align:left;color: #000;}
.sidebar .card h2{position:relative;}
.sidebar .card h2 button:after{content: '\f067';font-family:'Font Awesome 5 Free';font-weight:700;color: #dfc7a4;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size: 1rem;}
.sidebar .card h2 button[aria-expanded="true"]:after{content: '\f068'}
.sidebar .card-body a{margin-bottom:10px;display: block;border-bottom:1px solid #eee;padding-bottom:5px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;padding-left: 30px;position: relative;}
.sidebar .card-body a:before{content:'';position:absolute;left: 9px;bottom: 13px;width: 10px;height: 10px;background:#eee;-moz-border-radius:100%;border-radius:100%;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.sidebar .card-body a:last-child{margin-bottom:0;}
.sidebar .card-body a:hover,.sidebar .card-body a.active{color:#cb9240}
.sidebar .card-body a:hover:before,.sidebar .card-body a.active:before{background:#cb9240}
/*產品列表*/
.pdtZone.inner{width: -moz-calc(100% - 255px);width: calc(100% - 255px);border-top: none;padding-top: 0;}
.pdtMenu{list-style:none;padding-left:0;}
.pdtMenu li{padding-left:10px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px;}
/*產品底層*/
.img-focus{padding:20px;border:1px solid #eee}
.img-thumb{list-style:none;padding-left:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}
.img-thumb li{padding:10px;border:1px solid #eee;}
.img-thumb li a{margin-bottom:0;}
.pdtTitle span{background:#cb9240;color:#fff;padding:5px 10px;}
.pdtTitle h2{margin:20px 0px;border-bottom:1px solid #000;}
.pdtInfo ul{list-style:none;padding-left:0;}
.pdtInfo ul li{margin-bottom:10px;border:1px solid #eee;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}
.pdtInfo ul li span{background:#eee;padding:10px;display:inline-block;width:100px;margin-right:10px;}
.pdtInfo ul li p{margin-bottom:0;width: -moz-calc(100% - 110px);width: calc(100% - 110px);}
.nav-tabs .nav-link{-moz-border-radius:0;border-radius:0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-top:3px solid #cb9240}
.tab-content{margin-top:20px;}
/*產品應用類別*/
.pdtType a{display: inline-block;color:#000;padding:5px 20px;border:1px solid #000;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;margin-right:10px;margin-bottom: 10px;}
.pdtType a:hover,.pdtType a.active{background:#000;color:#fff}
/*應用行業列表*/
.appIntro{position:relative;width:100%;margin-top:30px;background:rgba(203,146,64,.2);background:-webkit-gradient(linear,right top,left top,color-stop(1%,rgba(203,146,64,0.075)),color-stop(19%,#f2b56f8c),color-stop(41%,rgba(193,118,30,0.05)),color-stop(75%,rgba(172,108,40,0.175)),to(rgba(118,46,23,0.25)));background:-moz-linear-gradient(right,rgba(203,146,64,0.075) 1%,#f2b56f8c 19%,rgba(193,118,30,0.05) 41%,rgba(172,108,40,0.175) 75%,rgba(118,46,23,0.25) 100%);background:linear-gradient(to left,rgba(203,146,64,0.075) 1%,#f2b56f8c 19%,rgba(193,118,30,0.05) 41%,rgba(172,108,40,0.175) 75%,rgba(118,46,23,0.25) 100%)}
.appIntro figure{width:50%;height:100%;margin:0;position:absolute;top:0;right:0}
.appIntro figure img{width:100%;opacity:0}
.appIntro .introBox{position:relative;background:#000;color:#dfc7a4;width:50%;padding:50px;margin:25px 0;-ms-transform:translate(2rem,0);-webkit-transform:translate(2rem,0);transform:translate(2rem,0)}
.appIntro .introBox h4{font-weight:700;font-size:2.4rem;letter-spacing:2px;border-bottom:1px solid rgba(223,199,164,.5);padding-bottom:15px;margin-bottom:15px}

/*頁尾*/
.copyright{background:#000;color:#fff;font-size:.9rem}
.copyright a{color:#fff;}
footer{color: #000;padding:20px;text-align:center;background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-gradient(linear, right top, left top, color-stop(1%, rgba(203, 146, 64, 0.15)),color-stop(19%, #f2b56f8c),color-stop(41%, rgba(193, 118, 30, 0.1)),color-stop(75%, rgba(172, 108, 40, 0.25)),to(#762e1794));background: -moz-linear-gradient(right, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);background: linear-gradient(to left, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );}
/*footer:before{content:'';background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-linear-gradient(top, #cb9240 1%,#f2b56f 19%,#c1761e 41%,#ac6c28 75%,#762e17 100%);background: linear-gradient(to left, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;}*/
footer ul{margin-bottom: 0;padding-left:0;list-style:none;}
footer ul li{display:inline-block;padding:0 20px}
footer a{color: #000;}
footer a:hover{color:#777; text-decoration:none;}

/*----------------------RWD調整------------------------*/
@media screen and (max-width:996px) {
    /*主選單*/
    .ix-banner{margin-top: 67px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:10px 20px;color:#fff;}
    .navbar-expand-lg .navbar-nav .dropdown-menu ul li{width:100%;margin:0 auto;margin-bottom:20px;}
    /*首頁*/
    .ixAbout{margin-top:50px;}
    .aboutAll{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    .ixAbout .aboutLeft,.ixAbout .aboutRight{width:100%}
    .ixAbout figure:first-child{margin-left:0;}
    .ixAbout figure{margin-bottom:10px;}
}
@media screen and (max-width: 992px) {
    /*應用行業列表*/
    .appIntro figure{position: static;width:100%;height: initial;}
    .appIntro .introBox{position:relative;width:90%;margin: 0 auto;transform: translateY(-10%);}
}
@media screen and (max-width:768px) {
    .block-height{padding-top:50px}
    .block-height:last-child{padding-bottom:50px;}
    .ix-contact{margin-top:50px;}
    /*首頁*/
    .innerBannerWord h2{padding:20px;}
    .bigTitle h2{font-size: 3rem;}
    /*單元banner*/
    .banner{margin-top: 68px;}
    .innerBannerWord{position:inherit;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background: #000;}
    .innerBannerWord p{color: #cb9240;font-size: 3.4rem;}
    /*產品列表*/
    .sidebar,.pdtZone.inner{width:100%;padding-right: 0;}
    .sidebar button.navbar-toggle{display:block;width: 100%;background: #cb9240;color: #fff;border: inherit;padding: 10px 15px;font-size: 1.4rem;font-weight: bold;letter-spacing: 3px;}
    .factory-list{height: 100%!important ;}
    /*產品應用類別*/
    .appIntro .introBox{padding: 30px;}
    .appIntro .introBox h4{font-size: 2rem;}

    .--pc{display:none;}
    .--mb{display:block;}
    .customZone .overlay.is_animated{width: 75%;opacity:1;}
}
@media screen and (max-width:640px) {
    /*主選單*/
    .navbar-expand-lg .navbar-nav .dropdown-menu{padding:20px}
    .navbar-brand img{max-width:150px;}
    /*首頁*/
    .pdtList{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .pdtList a{margin-bottom:10px;}
    .ixAbout .aboutLeft{padding:20px;}
    /*關於我們*/
    .historyItem ul{padding-left:0}
    .historyItem{width:100%}
    .historyItem.right{float:inherit;}
    .historyItem.left{text-align:left;padding-left: 30px;}
    .historyItem.left .year:before{left: -35px;right: inherit;}
    .historyItem.left .year:after{left: -30px;right:inherit;}
    .historyList:before{left: 15px;}
    /*頁尾*/
    .copyright{padding-bottom:60px;padding-top:10px;}

}


/*生產環境*/

.tit{color: #cb9240;}
.tit-e{font-family: 'Bebas Neue', cursive;font-size: 4rem;color: #cb9240;}
.list-group li{list-style-type: decimal;list-style-position: inside;letter-spacing: 3px;line-height: 2;}
/* style 24  - 瀑布流使用CSS3語法，支援IE10.0以上*/
/*特性為向下生成，適用於多則訊息時使用，否則右方會空欄位。可調整css欄位數來解決空欄位問題*/
.img-hover-turn {
    -moz-column-count: 5; /*欄位數*/
    -moz-column-gap: 20px;/*欄位間距*/
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;}
.img-hover-turn .view{ border: 1px solid #e4d1b4;  display: inline-block;  width:100%;  padding: 10px;    margin: 5px 5px 15px 0;    -moz-border-radius: 5px;    border-radius: 5px; background-color: #fff;}
.img-hover-turn .view .picbox { text-align: center;   margin: 0 auto; }
.img-hover-turn .view .picbox img{ -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out;  overflow: hidden; margin: 0 auto; }
.img-hover-turn .view:hover .picbox img{ transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);
filter: grayscale(.8);-o-filter: opacity(.8);-webkit-filter: opacity(.8); -moz-filter: opacity(.8); overflow: hidden; }
.img-hover-turn .view .content{padding:10px 0;} 
.img-hover-turn.aa .factory-list{height:auto;} 
@media (max-width: 992px) {
.img-hover-turn {   -moz-column-count: 4;   -webkit-column-count: 4;    column-count: 4;}
}
@media (max-width: 640px) { 
.img-hover-turn {   -moz-column-count: 3;   -webkit-column-count: 3;    column-count: 3;}
}
@media (max-width: 480px) { 
.img-hover-turn {   -moz-column-count: 1;   -webkit-column-count: 1;    column-count: 1;}
.img-hover-turn .view { width: 100%; float:inherit;  }
}

.factory-tit{position: absolute;padding: 5px;background-color: #cb9241;color: #fff;z-index: 2;}
.factory-ability-tit{padding: 10px;background-color: #cb9241;color: #fff;font-size: 16px;width: 85px;}
.factory-bg{color: #000;padding:20px;text-align:center;background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-gradient(linear, right top, left top, color-stop(1%, rgba(203, 146, 64, 0.15)),color-stop(19%, #f2b56f8c),color-stop(41%, rgba(193, 118, 30, 0.1)),color-stop(75%, rgba(172, 108, 40, 0.25)),to(#762e1794));background: -moz-linear-gradient(right, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);background: linear-gradient(to left, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );}
.factory-list{height: 513px;}
.ability-bg{background-image: url(../images/factory/factory-bg.jpg);}
.ability-list{padding-bottom: 30px;}
.triangle {
    background: -webkit-gradient(linear, left top, right bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #e4d1b4), to(#e4d1b4));
    background: -moz-linear-gradient(top left, #fff 0%, #fff 50%, #e4d1b4 50%, #e4d1b4 100%);
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #e4d1b4 50%, #e4d1b4 100%);
} 
.factoryBox{width: 32%;}

/*關於我們*/
.abilityZone .firstLeft h2{font-family: 'Bebas Neue', cursive;font-size: 4rem;color: #cb9240;}
.abilityZone .firstLeft h3{letter-spacing:6px;}
.abilityTitle{text-align:center;margin-bottom: 30px;}
.abilityTitle h3{position:relative}
.abilityTitle h3:before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#000;width:30px;height:2px;bottom: -10px;}
.abilityTitle img{max-width:50px;}   
.abilityZone.second .inner{position:relative;margin-bottom: 80px;}
.abilityZone.second .overlay{position:absolute;left:0;bottom:0;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;opacity:0;width: 0;height: 90%;z-index:-1;background: #cb9240;background: -moz-linear-gradient(top, #cb9240 1%, #f2b56f 19%, #c1761e 41%, #ac6c28 75%, #762e17 100%);background: -webkit-gradient(linear, right top, left top, color-stop(1%, rgba(203, 146, 64, 0.15)),color-stop(19%, #f2b56f8c),color-stop(41%, rgba(193, 118, 30, 0.1)),color-stop(75%, rgba(172, 108, 40, 0.25)),to(#762e1794));background: -moz-linear-gradient(right, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);background: linear-gradient(to left, rgba(203, 146, 64, 0.15) 1%,#f2b56f8c 19%,rgba(193, 118, 30, 0.1) 41%,rgba(172, 108, 40, 0.25) 75%,#762e1794 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9240', endColorstr='#762e17',GradientType=0 );}
.abilityZone.second .overlay.is_animated{width: 79%;opacity:1;}
.abilityZone.second .inner:last-child .overlay{left:inherit;right:0;}
.abilityInfo{padding: 65px;}
.abilityZone.third{position:relative;background: url(../images/factory/factory-ability-bg.jpg)no-repeat center/cover fixed;color: #fff;text-align: center;padding: 40px 0px;}
.abilityZone.third h3{letter-spacing:6px;text-decoration: underline;}
.abilityZone.third p{font-size:20px;}
.abilityZone.third span{font-family: 'Bebas Neue', cursive;font-size: 10rem;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: -75px;color: rgba(255, 255, 255, 0.25);}



/*  style 6 */
.box-hover-date .mosaic-block { margin-bottom: 2em; }
.box-hover-date .mosaic-block .mosaic-box{  height: 270px;  position: relative; overflow: hidden; margin-bottom: .5em;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -moz-box-align: center;  -ms-flex-align: center;  align-items: center;}   
.box-hover-date .mosaic-block .mosaic-box .mosaic-img {  margin: 0 auto; }
.box-hover-date .mosaic-img img { max-width: 100%;  max-height: 100%; display: block; }
.box-hover-date .mosaic-overlay {z-index:5; position:absolute; width:100%; height:100%; background-color: rgba(255,255,255,0.8);display: block; top: 75%; height: 100%;  -webkit-transition: top .3s ease-out;  -moz-transition: top .3s ease-out;  transition: top .3s ease-out;}
.box-hover-date .mosaic-block:hover .mosaic-overlay, .box-hover-date .mosaic-block:hover .mosaic-overlay .details p{ top: 0;    }
.box-hover-date .details{  padding: 8px 8px 16px 8px; }
.box-hover-date .details h4 { font-size: 110%;  color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box-hover-date .details p.txt { margin: 10% 0; font-size: 15px; color: #666; border-top: 1px solid #cb9240; padding: 10px; }
.box-hover-date .mosaic-block span.date { color: #ccc;  font-size: 1.4em;  line-height: 34px;  display: block;  float: left;  margin-right: 2em;}
.box-hover-date .txt-r { text-align:right; }
@media (max-width: 1200px) { 
.box-hover-date .mosaic-block .mosaic-box{  height: 220px; }
}
@media (max-width: 996px) { 
.box-hover-date .mosaic-block .mosaic-box{  height: 260px; }
}
@media (max-width: 768px) { 
.box-hover-date .mosaic-block .mosaic-box{  height: 240px; }
.box-hover-date .mosaic-block{ float:left; width:50%; }
.factoryBox{width:47%;margin-bottom:20px;}
/* 按鈕 */
.btn-download {bottom: -32px;right: 8px;}
}
@media (max-width: 640px) { 
.box-hover-date .mosaic-block .mosaic-box{  height: 200px; }
}
@media (max-width: 480px) { 
.box-hover-date .mosaic-block .mosaic-box{  height: auto; min-height: 155px; }
.box-hover-date .mosaic-block{ float:inherit; width:100%; }
.box-hover-date .mosaic-overlay {  top: 84%; }
.box-hover-date .details h4 {  margin:0; }
.factoryBox{width:100%;}
}



/*聯絡我們*/

.contant_info h4{color: #cb9240;}
.main_color {color: #cb9240;}
.page_form .text input,textarea{width: 100%;margin-top: 10px;}
.contant_info ul{padding: 0;}
.contant_info li{list-style-type: none;list-style-position: inside;letter-spacing: 3px;line-height: 2;}
.page_form{margin-bottom: 10px;}
.btn-contact {background-color: #cb9240;color: #fff;}
.contant_info .svg-inline--fa, .page_form .svg-inline--fa {color: #cb9240;}