@charset "utf-8";

/* CSS Document */
body{font-family: 'Abel', sans-serif;font-size:16px;line-height:1.5;color:#333}
a{color:#333;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}

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

/* 回頂端 */
#goTop{border: 1px solid #333;color: #333;background:#FFF;text-align:center;position:fixed;bottom: 100px;right: 0;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;-webkit-box-shadow:#EEE 0 0 5px;-moz-box-shadow:#EEE 0 0 5px;box-shadow:#EEE 0 0 5px;z-index: 999;}
#goTop:hover{background:#999;color:#FFF}



/*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}
}

/*---------------------- 頁面開始 ----------------------*/
p,h1,h2,h3,figure{margin-bottom:0;}
p{font-size:1.1rem}
/*page number*/
.page-number{margin: 20px auto;}
.pagination{display: block;}
.pagination>li{display: inline-block;}
.pagination>li>a{border:none;color:#333;transition: all .5s;padding: 5px 10px;}
.pagination>li>a:hover{color: #f00;}
.pagination>li.on a{background: #e86900;color: #fff;border-radius: inherit;}
/*麵包屑*/
.breadCrumbs-block{padding: 10px 0;border-bottom: 1px solid #eee;}
.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:#999}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color:#999;}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #4a4948;}
/*全頁佈局*/
main{position: relative;}
header .navbar{padding:10px;border-bottom: 1px solid rgb(202 202 202 / 0.25); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */background: -moz-linear-gradient(left, rgba(252,227,186,0.3) 0%, rgba(252,226,184,0.3) 1%, rgba(232,105,0,0.3) 98%, rgba(232,105,0,0.3) 99%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(252,227,186,0.3) 0%,rgba(252,226,184,0.3) 1%,rgba(232,105,0,0.3) 98%,rgba(232,105,0,0.3) 99%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(252,227,186,0.3) 0%,rgba(252,226,184,0.3) 1%,rgba(232,105,0,0.3) 98%,rgba(232,105,0,0.3) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dfce3ba', endColorstr='#4de86900',GradientType=1 );-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
header .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 20px;text-align: center;color: #fff;font-size: 1.2rem;font-weight: bold;}
.navbar-nav{display:flex;align-items: center;}
.navbar-nav .dropdown-menu{background:#000;border-radius:0;padding: 0;border: none;}
.dropdown-item{color:rgb(255 255 255 / 0.8);padding:10px;border-bottom: 1px solid rgb(255 255 255 / 0.3);}
.dropdown-item:last-child{border-bottom:none;}
.dropdown-item:hover{color:#fff;background-color: inherit;}

header.fixed .navbar-expand-lg .navbar-nav .nav-link{color:#4a4948}
/*按鈕*/
.btn-style span{font-size:1.2rem;transition:all .5s}
.btn-style span svg{font-size:1.4rem;}
.btn-style:hover span{margin-right:20px;color:#e86900}
/*標題*/
.main-title{position:relative;}
.main-title h2{font-weight:bold;padding-left:20px;transition:all 1s;transform: translateY(20px);font-family: 'Mukta', sans-serif;}
.main-title:before,.main-title:after{content:'';position:absolute;left:0;bottom: 5px;width:10px;height: 15px;background: #565656;transform: skewX(-20deg);transition: all .5s;}
.main-title:after{top: 18px;left: 0;background: #e86900;transition: all 1s;}
.main-title.is_animated:after{top:10px;left:-4px}
.main-title.is_animated h2{transform: translateY(3px);}
/*首頁*/
.navbar-toggler svg{font-size:2rem;background:#565656;color: #fff;width: 50px;height: 50px;padding: 10px;}
.animated-lines {height: 100vh;position: fixed;top: 0;left: 0;z-index: -1;width: 100%;}
.animated-lines path {fill: none;stroke: rgb(232 105 0 / 20%);stroke-width: 0.5px;vector-effect: non-scaling-stroke;}

.banner{overflow:hidden;height: 100vh;position:relative;}
.banner .slick-dots{bottom:20px}
.banner .slick-slide{position:relative;}
.owl-item .bannerWord{top: 45%;position: absolute;color: #fff;left: 10%;z-index: 10;}
.owl-item .bannerWord h2{font-size: 3rem;font-weight: bold;transition: all 1s;transform: translateY(80px);font-family: 'Mukta', sans-serif;}
.owl-item .bannerWord p{font-size:1.2rem;transition: all 1.2s;transform: translateY(80px);}
.owl-item .bannerWord:before{content:'';position:absolute;left:0;bottom:0;width: 300px;height: 200px;background: rgb(232 105 0 / 0.2);z-index: -1;border-radius: 15px;transform: rotate(75deg);transition: all 1s;}
.owl-item .bannerWord:after{content:'';position:absolute;left:0;bottom:0;width:150px;height:100px;background: rgb(232 105 0 / 0.5);z-index: -1;border-radius: 15px;transform: rotate(-55deg);transition: all 1.5s;}
.owl-item.active .bannerWord:before{transform: rotate(-25deg);}
.owl-item.active .bannerWord:after{transform: rotate(15deg);}
.owl-item.active .bannerWord h2{transform: translateY(0px);}
.owl-item.active .bannerWord p{transform: translateY(0px);}
/*首頁-最新消息*/
.ixNews{padding:50px 0px;background: url(../images/index/ixNews.html)no-repeat center/cover fixed;}
.ixNewsInfo{display:flex;}
.ixNewsInfo .newsBox{width:33.3%;border: 1px solid #eee;padding: 10px;margin: 5px;position: relative;background: #ffffff75;color: #fff;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.ixNewsInfo .newsBox .date{color: #ffac67;display: inline-block;font-size: .9rem;}
.ixNewsInfo .newsBox .lineLeft:before,.ixNewsInfo .newsBox .lineLeft:after,.ixNewsInfo .newsBox .lineRight:before,.ixNewsInfo .newsBox .lineRight:after{content:'';position:absolute;left: -1px;bottom:0;width:1px;height: 15px;background:#e86900;}
.ixNewsInfo .newsBox .lineLeft:after{width:15px;height:1px;bottom: -1px;}
.ixNewsInfo .newsBox .lineRight:before{right: -1px;top: 0px;left: inherit;}
.ixNewsInfo .newsBox .lineRight:after{right: 0px;top: -1px;left: inherit;width: 15px;height: 1px;}
.ixNewsInfo .newsInfo h3{font-size: 1.4rem;margin-bottom: 15px;}
.ixNewsInfo .newsInfo p,.ixNewsInfo .newsInfo a{color:rgb(255 255 255 / 0.8)}
/*首頁-產品*/
.ixPdtZone{position:relative;padding: 100px 0px;}
.ixSlogan{position:absolute;right:0;text-align: right;}
.ixSlogan h2{font-size: 6rem;color: rgb(195 195 195 / 0.15);}
.ixPdtZone:after{content:'';position:absolute;right:0;bottom:0;width: 40%;height:100%;background:#eee;z-index: -1;}
.ixpdt{display:flex;flex-wrap:wrap;width: 80%;}
.ixpdt a{width: 32.3%;border:1px solid #eee;margin:5px;background: rgb(255 255 255 / 0.3);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);transition: all .5s;}
.ixpdt a h3{font-size:1rem;padding: 10px;}

.ixpdt a:hover{box-shadow: 0px 20px 30px rgb(232 105 0 / 0.2);}
/*首頁-關於我們*/
.ixAboutZone .ixSlogan{left: 0;text-align:left;bottom: 0;}
.ixAboutZone{padding: 100px 0;position: relative;}
.ixAboutZone:before{content:'';position:absolute;left:0;bottom:0;width:60%;height:100%;background:#eee;z-index:-1}
.ixAboutBox{width: 60%;padding-left: 100px;position: relative;z-index: 1;}
.ixAboutInfo{width: 39%;position: sticky;top: 120px;}
.ixAboutBox,.ixAboutInfo{vertical-align: top;display: inline-block;}
.ixAboutInfo h2{font-size: 2rem;color:#e86900;line-height: 1;margin: 30px 0px;}
.ixAboutBox a{display: inline-block;}
.ixAboutBox a figure{position:relative;}
.ixAboutBox a figure img.second{position:absolute;top:0;left:0;}
.ixAboutBox a img.first{opacity:1;transition: all.5s}
.ixAboutBox a img.second{opacity:0;transition: all.5s}

.ixAboutInfo h2 span{font-size: 6.5rem;}
.ixAboutInfo h3{margin:30px 0px}
.aboutLink{display:flex;align-items:center;justify-content: space-between;padding: 20px 0px;border-bottom: 1px solid #333;}
.ixAboutBox a:hover img.first{opacity:0;}
.ixAboutBox a:hover img.second{opacity:1;}
/*首頁-聯絡我們*/
.ixContact{background: url(../images/index/contactBg.html)no-repeat center/cover;padding: 80px 0px;/* text-align: center; */position: relative;overflow: hidden;}
.ixContact .container{position:relative;z-index:1;}
.ixContact:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background: rgb(0 0 0 / 35%);}
.ixContact:after{content:'';position:absolute;left: 20%;bottom:0;width: 300px;height: 310px;background: #e86900;transform: skewX(-30deg);}
.ixContact h2{font-family: 'Ramabhadra', sans-serif;font-weight: bold;position: relative;color: #fff;font-size: 3rem;z-index: 1;}
.ixContact p{font-size:1.2rem;color: #fff;}
.ixContact .btn-style{color:#fff;}
/*頁尾*/
footer{background: #333;color:#fff;padding: 5px;text-align:center;font-size: .9rem;}
footer p{padding:20px 0px;}
footer ul{margin-bottom:10px;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;}
/*浮動按鈕*/
.menu-float{position:fixed;right: 0px;bottom:20%;z-index: 10;text-align: right;}
.menu-float .floatBox{/* width:50px; */line-height: 50px;text-align: center;margin: 3px 0px;transition: all .5s;margin-left: auto;background: #333;transform: translateX(60px);}
.menu-float .floatBox a{display:flex;align-items: center;/* width: 300px; */color: #fff;}
.menu-float .floatBox:last-child{background:#e86900}
.menu-float .floatBox a svg{width:50px;font-size:1.4rem;}
.menu-float .floatBox a span{width:calc(100% - 50px);padding-right: 10px;}
@media screen and (min-width: 768px) {
    .menu-float .floatBox:hover{/* width: 125px; */transform: translateX(0px);}
}
/*---------------------------單元調整------------------------*/
.area_pro{position:relative}
.area_pro .area_abso{position:absolute;left:0;top:-100px;}
.block-height{padding-top: 60px;}
.block-height:last-child{padding-bottom: 60px;}
/*副標*/
.sub-title h2{padding-left: 80px;position: relative;font-size: 1rem;color: #e86900;}
.sub-title h2:before{content: '';position: absolute;left: 0;bottom: 10px;width: 70px;height: 1px;background: #e86900;}
/*單元banner*/
.innerBanner{padding-top: 120px;position: relative;}
.innerBanner:after{content: '';position: absolute;left: 0;bottom: 0;opacity: .2;z-index: -1;width: 100%;height: 100%;background: url(../images/banner/pdtBaner.jpg)no-repeat center/cover;}
.innerBanner:before{content:'';position:absolute;left:0;bottom:0;width: 100%;height:100%;background:#eee;z-index: -1;}
.bannerPic{width:80%;box-shadow: 0px 10px 25px rgb(0 0 0 / 0.3);}
.bannerWord{padding-bottom:50px;margin-top: -50px;}
.bannerWord h2{font-weight:bold;font-family: 'Mukta', sans-serif;}
.bannerWord h3{font-size:2.4rem;color:#e86900;font-weight:bold;position: relative;margin-top: 30px;}
.bannerWord h3:before{content:'';position:absolute;left:0;top: -15px;width: 45px;height: 5px;background:#e86900;}
/*產品清單頁*/
.pdt-list{    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;}
.pdt-list a{border-bottom:1px solid #eee;display:inline-block}
.pdt-list a figure{overflow:hidden}
.pdt-list a figure img{transition:all .5s}
.pdt-list a:hover figure img{transform:scale(1.1)}    
.pdt-list a h3{font-size:1.2rem;text-align:center;padding:10px 0;}    
/*產品-側選單*/
.sidebar{width:20%;position: sticky;z-index: 10;top: 120px;}
.sidebar button{width:100%;border:none;padding:10px;/* margin-bottom: 10px; */background: #565656;color: #fff;}
.sidebar ul{list-style:none;padding-left:0;margin-bottom:0;background: #eee;padding: 10px;}
.sidebar ul li{margin-bottom:10px;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;}
.sidebar ul li:last-child{margin-bottom:0;border-bottom:none;padding-bottom: 0;}
.sidebar ul li.active>a,.sidebar ul li:hover>a{color:#e86900;position:relative;}
.sidebar ul li.active>a:before,.sidebar ul li:hover>a:before{content:'';position:absolute;left: -10px;bottom: 2px;width:3px;height: 20px;background:#e86900;transition: all .5s;}
.sidebar ul.first-layer>li>a:after{content:'+';}
.sidebar ul.first-layer>li.active>a:after{content:'-'}
.sidebar ul.first-layer li>a{display:flex;justify-content:space-between}
.sidebar ul li .second-layer{display: none!important;}
.sidebar ul li.active .second-layer{display: block!important;}
/*產品-列表*/
.product-menu a:first-child{background: #e86900;}
.sidebar,.pdtZone{display:inline-block;vertical-align:top;}
.pdtZone{width: 79%;padding-left: 50px;}
.pdtZone button{width:100%;background:#e86900;color: #fff;padding: 10px;border: none;}
.pdtList{display:flex;flex-wrap: wrap;}
.pdtList .pdtIn{width: 32.3%;margin: 5px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.pdtZone a h3{font-size: 1rem;padding: 10px;display: -webkit-box;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;overflow: hidden;}
.pdtZone a figure{overflow:hidden}
.pdtZone a figure img{transition:all .5s}
.pdtZone a:hover figure img{transform:scale(1.1)}
.pdtBox{margin-bottom:30px;}
.pdtTitle h3{font-size:1.4rem;margin-bottom: 10px;padding-left: 15px;position: relative;}
.pdtTitle h3:before{content:'';position:absolute;left:0;bottom: 2px;width:5px;height: 23px;background:#e86900;}
.pdtItem{display:flex;flex-wrap: wrap;margin-bottom: 20px;background: #eee;}
.pdtItem a{width: 20%;padding: 10px;position: relative;text-align: center;border-bottom: 1px solid #fff;}
.pdtItem a img{display:block;margin: 0 auto;max-width:15px}
/*產品底層*/
.img-focus{padding:20px;border:1px solid #eee}
.img-thumb{list-style:none;padding-left:0;display:flex}
.img-thumb li{padding:10px;border:1px solid #eee;width: 33.3%;}
.img-thumb li a{margin-bottom:0}
.smartIntro h2{font-size:1.4rem;color:#e86900;border-bottom:1px solid #333;position:relative;margin-bottom: 20px;}
.smartIntro h2:before{content:'';position:absolute;left:0;bottom: -2px;width:50px;height:3px;background:#e86900;}
.pdtBtn a{padding:10px 20px;border:1px solid #565656;display: inline-block;}
.pdtBtn a:first-child{background:#e86900;color:#fff;border:1px solid #e86900;}
.pdtBtn a span{display:flex;align-items:center;}
.pdtEdit table{width:100%}
.pdtEdit table tr:first-child td{background:#797979;color: #fff;text-align: center;padding: 10px;}
/*history*/
.ceoBox h3{color:#e86900}
.ceoBox p{max-width:1000px;margin:0 auto;line-height:1.6;}
.historyBox h3{font-size:1.4rem;margin-bottom:20px;}
.historyBox figure{position:relative;}
.historyBox figure p{position:absolute;background:#fff;border-top:3px solid #e86900;padding: 10px 20px;bottom: 0px;box-shadow: 0px -15px 20px rgb(0 0 0 / 0.2);}
/*core*/
.coreZone{display:flex;margin-top: 30px;}
.coreZone2{display:flex;margin-top: 25px;}
.coreBox{width:25%;margin: 10px;z-index: -2;padding: 20px;position: relative;overflow: hidden;}
.coreBox figure{position:absolute;right: -15px;bottom: -15px;}
.coreBox figure img{max-width:150px;}
.coreBox:before{content:'';position:absolute;width: 100%;bottom: 0;left: 0;height: 90%;background: #fff;border: 1px solid #e86900;z-index: -1;box-shadow: 0px 0px 10px rgb(0 0 0 / 0.15);border-radius: 3%;}
.coreTitle{display:inline-block;width: 100%;padding: 10px;text-align: center;}
.coreBox span{font-size: 1.4rem;position: relative;color: #fff;padding-bottom: 7px;margin-bottom: 10px;display: inline-block;}
.coreBox span:before{content:'';position:absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50px;height: 50px;background: #e86900;border-radius: 100%;z-index: -1;}
.coreBox p{font-size: 1.4rem;font-weight: bold;position: relative;color: #e86900;}
.coreBox p:after{content:'';position:absolute;left:50%;transform:translateX(-50%);width: 30px;height: 1px;background: #e86900;bottom: -5px;}
.coreBox ul{margin-top:10px;position: relative;}
.coreBox ul li{margin-bottom:10px;}
/*pdgroup*/
.pdBox ul{list-style:none;}
.pdBox ul b{font-size:1.2rem;position: relative;padding-left: 10px;}
.pdBox ul b:before{
    content: '';
    position: absolute;
    left: 0;
    height: 30px;
    width: 3px;
    top: 0;
    background: -webkit-linear-gradient(180deg, #e86900 0%, #e86900 50%, #333333 50%, #333333 100%);
    background: -webkit-linear-gradient(180deg, #e86900 0%, #e86900 50%, #333333 50%, #333333 100%);
    background: -o-linear-linear-gradient(180deg, #e86900 0%, #e86900 50%, #333333 50%, #333333 100%);
    background: linear-gradient(180deg, #e86900 0%, #e86900 50%, #333333 50%, #333333 100%);
    }
.pdBox ul li{display:flex;margin-top: 15px;}
.pdBox ul li span{width:150px;border-top:1px solid #e86900;padding: 10px 0;color: #e86900;}
.pdBox ul li p{border-top: 1px solid #dfdfdf;width:calc(100% - 150px);padding: 10px 0px;}
/*工廠*/
.facilityInfo h3{color:#e86900;margin-bottom: 15px;border-left: 2px solid #e86900;font-size: 1.4rem;background: #eee;padding: 10px;}
.facilityInfo p{border-left: 1px solid #eeeeee;padding-left:10px;}
.certificatePic{position: relative;}
.certificatePic span{position: absolute;bottom: 0;right: 100px;width: 35px;height: 35px;background: #e86900;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;}
/*表格*/
.table-style table{width:100%;}
.table-style thead td{background:#e86900;color:#fff;padding:10px;}
.table-style tr.gray{background:#eee;}
/*快速連結*/
.quickLink{display:flex;justify-content: center;}
.quickLink a{text-align:center;margin:10px;background: #eee;border: 1px solid #333;transition: all .5s;width: 20%;}
.quickLink a p{padding:10px;}
.quickLink a.active,.quickLink a:hover{background:#e86900;border:1px solid #e86900;color:#fff}
/*聯絡我們*/
.form-group{margin-bottom:15px;}
/*詢價*/
.inquiryPdt .item{text-align:center;border-bottom: 1px solid #adadad;padding-bottom: 15px;position: relative;}
.inquiryPdt .item .delet{position:absolute;right:0;top:0;background:#888;width: 40px;height: 40px;color: #fff;font-size: 1.8rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .5s;}
.inquiryPdt .item p{margin:15px 0px}
.inquiryPdt .item .delet:hover{background:#e86900}
.inquiryPdt .item label{background:#eee;padding:10px;}
.inquiryPdt .item label input{width:150px;margin-left:10px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#e86900!important}
/*加入詢價提示*/
#toast{visibility:hidden;max-width:50px;height:50px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index: 99;left:0;right:0;bottom:30px;font-size:17px;white-space:nowrap;}
#toast #img{width:50px;height:50px;float:left;padding-top: 12px;padding-bottom:16px;box-sizing:border-box;background-color:#111;color:#fff;}
#toast #desc{color:#fff;padding: 12px;overflow:hidden;white-space:nowrap;}
#toast.show{visibility:visible;-webkit-animation:fadein 0.5s,expand .5s 0.5s,stay 3s 1s,shrink .5s 2s,fadeout .5s 2.5s;animation:fadein 0.5s,expand .5s 0.5s,stay 3s 1s,shrink .5s 4s,fadeout .5s 4.5s}
@-webkit-keyframes fadein {
from{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@keyframes fadein {
from{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@-webkit-keyframes expand {
from{min-width:50px}
to{min-width:350px}
}
@keyframes expand {
from{min-width:50px}
to{min-width:350px}
}
@-webkit-keyframes stay {
from{min-width:350px}
to{min-width:350px}
}
@keyframes stay {
from{min-width:350px}
to{min-width:350px}
}
@-webkit-keyframes shrink {
from{min-width:350px}
to{min-width:50px}
}
@keyframes shrink {
from{min-width:350px}
to{min-width:50px}
}
@-webkit-keyframes fadeout {
from{bottom:30px;opacity:1}
to{bottom:60px;opacity:0}
}
@keyframes fadeout {
from{bottom:30px;opacity:1}
to{bottom:60px;opacity:0}
}    
/*聯絡我們*/
.contant_info ul{list-style:none;padding-left:0;}
.contant_info ul li{border-left:3px solid #e86900;padding-left: 10px;margin-bottom: 10px;}
/*----------------------RWD調整-----------------*/
@media screen and (max-width:1680px) {
    /*首頁*/
    .banner{height:50vw;}
    .newsZone{position:relative;width:100%;left:0;}
    .ixpdt a{width:31%}
    .coreZone{flex-wrap:wrap;}
    .coreBox{width:47%}

}

@media screen and (max-width:1280px) {
    .ixPdtZone{padding:50px 0px}

}

@media screen and (max-width:991px) {
    .ixContact h2{font-size:2rem}
    .ixSlogan h2{font-size:6rem}
    .ixpdt{width:100%}
    .navbar-expand-lg .navbar-nav .nav-item{width:100%}
    /*產品列表*/
    .pdtList .pdtIn{width:47%}
    .pdt-list {grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:768px) {
    .block-height{padding-top: 30px;}
    .block-height:last-child{padding-bottom: 30px;}
    .navbar-brand img{max-width:150px}
    .bannerPic{width:100%}
    .innerBanner{padding-top:100px}
    .bannerWord{margin-top:20px;padding-bottom: 30px;text-align: center;}
    .bannerWord h3:before{left:50%;transform:translateX(-50%)}
    .ixAboutBox, .ixAboutInfo{width:100%;padding-left: 0;}
    .ixAboutInfo{position:relative;top:0;margin-bottom: 50px;}
    /*首頁*/
    .owl-item .bannerWord h2{font-size:2rem}
    .banner{height:auto;}
    .ixBanner{background: #464646;}
    .owl-item .bannerWord{position:relative;left: 0;padding: 20px;}
    .ixSlogan h2{font-size:4rem}
    .newsZone .news .item,.newsZone{flex-wrap:wrap;}
    .ixpdt a{width:49%;margin:10px auto}
    /*產品-列表*/
    .pdtOuter{flex-wrap:wrap;}
    .sidebar{margin-bottom:20px;top: 90px;}
    .sidebar,.pdtZone{width:100%;padding-left:0;}
    footer{padding-bottom:45px}
    /*產品底層*/
    .pdtItem a{width:50%}
    .pdtBox{margin-top:30px;}
    .pdtList{flex-wrap:wrap;}
    .pdtList>a{width:47.5%}
    /*浮動按鈕*/
    .menu-float{right: 0px;bottom: 0;display:flex;width: 100%;z-index: 10;}
    .menu-float .floatBox{width:50%;display: flex;align-items: center;justify-content: center;/* height: 35px; */margin-bottom: 0;transform: translateX(0px);line-height: 40px;}
    /*關於我們*/
    .coreBox{width:100%;margin:10px auto;}
    /*快速連結*/
    .quickLink{flex-wrap:wrap;}
    .quickLink a{width: 44%;}
}
@media screen and (max-width:640px) {
    .ixNewsInfo{flex-wrap:wrap;}
    .ixNewsInfo .newsBox{width:100%}
    .bannerWord h3{font-size:1.2rem}
    /*主選單*/
    .navbar-nav .dropdown-menu.product-menu{height:450px;overflow-y:auto;}
    /*產品列表*/
    .pdtList .pdtIn{width:47%}
    .pdt-list {grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:480px) {
    #sidenav{height:400px;overflow-y:auto;}
}
@media screen and (max-width:340px) {
    .pdtList .pdtIn {width:100%;}
    .menu-float .floatBox a span{font-size:.8rem}
}