@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;/* overflow: hidden; */}
.noscroll{height:100%;overflow:hidden;}
.en{font-family: 'Crimson Text', serif;}
.enw{font-family: 'Crimson Text', serif;font-weight:700;}
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}
.transi{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
input:focus,button:focus{outline: none!important;}
/* body:before{position:fixed;content:'';width:100%;height:100%;background-color: #446379;opacity: 0;top:0;z-index: 10;pointer-events: none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
body.mask:before{opacity: .5;} */
.bigbmask{position:fixed;width:100%;height:100%;background: #446379;z-index: 1036;opacity: .5;/* pointer-events: none; */top: 0;}
.bigbmask:not(.open){opacity: 0;pointer-events: none;}
.bigbmask.navopen{opacity: .5;z-index: 2;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.aleart_line{border-color: #d40023;}
.red{color: #0080c7;}
.color-b{color:#0280c7;}
/* 回頂端 */    
#goTop{color:#aaa;background:#FFF;text-align:center;position:fixed;bottom: 10px;right: 30px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;border-radius: 100%;box-shadow: rgb(0 0 0 / 10%) 0 0 15px;z-index: 9999;}
#goTop:hover{background: #0086d1;color:#FFF;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }


/*RWD編輯器表格(X捲軸)*/
.table-container {width: 100%;/* overflow-x: scroll; */}
.specification-info .table-container{overflow:initial}
.table-container table{/* width: 100%!important; */}
.table-container table td{padding:5px;border:1px solid #ccc;white-space:inherit;color: #333;}
.specification-info .table-container table td{min-width:100px;word-wrap: break-word;/* word-break: break-all; */}
@media screen and (max-width: 1400px) {
.table-container{width:100%;/* overflow: auto; */_overflow:auto;margin:0 0 1em;}
}
/*cookies*/
.cookiesBox{position:fixed;bottom:0;width:100%;background-color: rgba(210,220,228,.95);color: #000;z-index: 2;padding: 20px;display: -webkit-flex;display: flex;display: -ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.cookiesBox span{padding-right: 40px;}
.btn_cookies{text-align:center;margin: 10px 0;}
.cookiesBox span a{text-decoration:underline;}
.cookiesBox span a:hover{color: #0080c7;}
/*卷軸*/
.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,.approveTable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:#eee;}
.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,.approveTable::-webkit-scrollbar-thumb{background-color:#adadad;}
body::-webkit-scrollbar{width:10px;}
body::-webkit-scrollbar{width: 10px;background-color:#eee;}
.approveTable::-webkit-scrollbar{height:5px}
/*---------------------- 頁面開始 ----------------------*/
/*瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 600px;height: 200px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: rgba(0,0,0,.85);box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:1033;-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 p {margin-bottom:0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight: 600;letter-spacing: 1px;}
/*全頁佈局*/
main{overflow:hidden}
.wrapper {padding: 50px 0;}
.pb-0product-page{padding-bottom:0}
.wrapper__style1{
    margin-top: 6.5rem;
}
.container-s{max-width: 1000px;margin: 0 auto;}
.btn-wrap{margin-top: 80px;}
.btn-style{padding: 8px 20px;box-sizing: border-box;display: inline-block;font-size: 15px;border: 1px solid #0080c7;color: #0080c7;margin: 3px 0;}
/* .btn-style-s{padding-left: 20px;padding-right: 20px;}
.btn-style-b{padding-left: 40px;padding-right: 40px;} */
.btn-style-fill{background:#0080c7;color:#fff;border:1px solid #0080c7}
.btn-style-border{border: 1px solid #0080c7;color:#0080c7;}
.btn-style i{display:inline-block;line-height: 0;vertical-align: middle;margin-top: -3px;font-size: 12px;transform: translateX(6px);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.btn-style-fill:hover{background: #e67f22;border-color: #e67f22;}
.btn-style-border:hover{background:#0080c7;}
.btn-style:hover{color: #fff;}
.btn-style:hover i{transform:translateX(10px)}
.font-style{font-weight: 500;font-size: 1.15rem;letter-spacing: .5px;line-height: 1.75;}
/*header*/
.navbar{padding:0;box-shadow: 0 0 10px rgb(51 51 51 / 70%);}
.nav-top{width: 100%;/* background: rgba(255,255,255,90%); */ }
.nav-top::before{position:absolute;content:'';width: 100%;height: 100%;background: #fff;opacity: .9;filter:alpha(opacity=90);z-index: -1;top: 0;}
.nav-top i{font-size: 20px;line-height: 0;}
.nav-top svg{width: 21px;height: 21px;}
.navbar-brand{display: block;margin-right: auto;margin-left: 20px;text-shadow: 0 0 3px #d0d0d0;color: #0080c7;width: 200px;position:relative;}
.navbar-brand img{width:200px}
.navbar-brand:hover{color:#0080c7}
.logo-img02{position: absolute;left: 0;top: .3125rem;}
.navbar:not(.change) .logo-img02{opacity:0}

.logo-l{font-size: 42px;line-height: 1;display: inline-block;vertical-align: middle;margin-bottom: -8px;}
.logo-r{margin-left: 10px;display: inline-block;}
.logo-r span:nth-of-type(1){margin-bottom: 6px;letter-spacing: 1px;font-weight: 500;}
.logo-r span{display:block;line-height: 1;font-size: 16px;}
.social-box{list-style:none;padding-left:0;margin-bottom: 0;margin-right: 15px;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.social-box li{width: 30px;/* height: 33px; */border-radius: 60px;}
.social-box li+li{margin-left:8px}
.social-box a{width: 30px;display: block;line-height: 1;}
.fb{background:#2863a0}
.yt{background:#e22424}
.tw{background:#4aa7ea}
.we{background:#4cbb44}
.all-site-search{/* background: #0086d1; */border-left: 1px solid #0080c7;height: 55px;/* color: #fff; */cursor: pointer;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.all-site-search form{height:100%}
.all-site-search-btn,.all-site-search-x{padding: 17px 25px;border: none;/* background: #eee; */color: #0080c7;line-height: 1;}
.all-site-search-x{background: #ddd;border-left: 1px solid #0080c7;}
.all-site-search.open{background: #ddd;}
.all-site-search:not(.open) .all-site-search-form{display:none}
.all-site-search:not(.open) .all-site-search-x{display:none;}
.all-site-search.open .all-site-search-btn{display:none}
.all-site-search-x i{font-size: 22px;color: #ffffff;}
.all-site-search-form{height:100%;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background: #ddd;padding-right: 10px;}
.all-site-search-form input{border:none;height: 31px;background: #dddddd;padding-left: 10px;border-right: 1px solid #ececec;position: relative;}
.all-site-search-form input::placeholder{color:#979797;}
.all-site-search-form button{width: 45px;border:none;background: #dddddd;height: 31px;}
.all-site-search-form button:hover i{color:#0080c7}
.all-site-search-form button i{margin-top:-5px;vertical-align: middle;display: inline-block;color:#979797;}
.lan-box{height: 55px;border-left: 1px solid #0080c7;padding: 17px 25px;/* background: #0080c7; */color: #0080c7;cursor: pointer;line-height: 1;}
.lan-box:hover,.lan-box.active{background: #0080c7;color: #fff;}
.nav-slide-01{width:100%;background: #0086d1;}
.nav-slide-02:not(.show){transform: translateX(370px);}
.nav-slide-02{width: 350px;background: #0086d1;position: fixed;height: 100vh;top: 55px;right: 0;box-shadow: -5px 0 8px -3px rgb(77 77 77 / 50%);}
.nav-slide-02 ul{list-style:none;padding-left: 0;margin-bottom: 0;}
.nav-slide-02 ul a{display:block;color: #fff;padding: 15px 20px;border-bottom: 1px solid #007abe;}
.nav-slide-02 ul a:hover{background: #0080c7;}
.nav-drop{position:relative}
.nav-drop-ez{position:relative}
.navbar-nav .nav-item .nav-link{color:#fff;padding: 7px 30px;position: relative;font-size: 17px;}

.nav-item .dropdown-content{position: absolute;margin: 0;padding: 0;list-style-type: none;min-width: 124px;/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */}
.nav-drop-ez .dropdown-content{width:100%}
.nav-item .dropdown-content li a {display: block;background-color: #0080c7;color: #fff;text-decoration: none;text-align: center;padding: 8px 10px;border-bottom: solid #0086d1 1px;position:relative;}
.nav-item .dropdown-content li a .inq-nu{right: auto;margin: 4px 0 0 6px;background: #fff;color: #0080c7;}
.nav-item .dropdown-content li a:hover{background-color: #eee;color: #0086d1;}

/*選單下拉*/
.nav-drop-box:not(.show){display:none;opacity: 0;pointer-events: none;}
.nav-more-box{background: #f4f4f4;/* background: #333; */padding: 40px 15px;opacity: 1;/* transform: translateY(0); */position: absolute;left: 0;/* max-width: 600px; */max-height: 300px;/* transform: translateX(-50%); */width: 600px;overflow: hidden;}
.nav-more-box::-webkit-scrollbar{display:none}
/*選單下拉-副選單*/
.subHover{position: relative;}
.nav-drop-box-sub{position: absolute;left: 100%;top: 0;width: 100%;list-style: none;padding-left: 0;opacity:0;pointer-events:none}
.nav-item .dropdown-content .nav-drop-box-sub li a{background: #fff;color: #0080c7;}
.nav-item .dropdown-content .nav-drop-box-sub li a:hover{background-color: #eee;color: #0086d1;}
.subHover:hover .nav-drop-box-sub{opacity:1;pointer-events:initial}
/*產品資訊*/
.pro-box{padding:0}
.pro-nav-container{position: relative;}
.pro-nav-container:before{position:absolute;content:'';width:100%;height: 100%;background-image: url(../images/product/pp00.jpg);right: 0;top: 0;background-size: cover;background-position: center;z-index: 0;}
.pro-nav-container:after{position:absolute;content:'';width:100%;height:100%;left: 0;background: rgba(10,153,217,0%);background: -webkit-linear-gradient(135deg,rgb(244 244 244)40%,rgba(10,153,217,0%)100%);background: linear-gradient(135deg,  #eeeeee 40%,rgba(231, 231, 231, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */z-index: 0;}

.nav-pro-left{width: 128px;/* padding: 10px 0 0; */background: #0080c7;color: #fff;/* border-right: 1px solid #fff; */box-shadow: 8px 0 10px -10px rgb(51 51 51 / 25%);border-bottom: none;position: relative;z-index: 2;}
.nav-pro-left-info a{display:block;text-align: center;padding: 8px 10px;position: relative;cursor: pointer;font-size: 17px;color: #fff;}
.nav-pro-left-info i{font-size:12px;line-height: 0;margin-top: -2px;display: inline-block;vertical-align: middle;transform: translateX(5px);}
.nav-pro-right{width: calc(100% - 128px);/* padding: 5px 0 5px 30px; *//* padding-left: 30px; */font-size: 17px;/* position: relative; */overflow: auto;}
.nav-pro-right ul{list-style:none;padding-left: 20px;padding-bottom: 20px;display: none;font-size: 17px;/* position: relative; */overflow: auto;max-height: 300px;width: 100%;}
.nav-pro-right  #pro-introduction{padding-bottom:40px;}
/* .nav-pro-right  #pro-introduction:before{position:absolute;content:"\f270";font-family: bootstrap-icons !important;color: #333;bottom: 0;z-index: 3;margin-left: 10px;margin-bottom: 5px;  -webkit-animation:navproAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation:navproAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;} */
.nav-pro-right  #pro-introduction:after{position:absolute;content:'';background: #f4f4f4;background: -webkit-linear-gradient(180deg,rgba(255,255,255,0%),rgb(244,244,244)100%);background: linear-gradient(180deg,rgba(255,255,255,0%),rgb(244,244,244)100%);background: linear-gradient(0deg,  #eeeeee 0%,rgba(231, 231, 231, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */width: 100%;height: 50px;left: 0;bottom: 0;z-index: 1;pointer-events: none;}
@-webkit-keyframes navproAnimation {
    0%{transform:translateY(-5px)}
    100%{transform:translateY(5px)}
  }
  @keyframes navproAnimation {
    0%{transform:translateY(-5px)}
    100%{transform:translateY(5px)}
  }
.nav-pro-left-info.active{background:#f1f1f1;}
.nav-pro-left-info.active a{color: #0086d1;}

.nav-pro-left-info.active i{transform:translateX(10px)}
.nav-pro-right ul a{display:block;padding: 5px;position: relative;opacity: .5;transform: scale(0.95);}
.nav-pro-right ul li:nth-of-type(1) a{padding-top: 15px;}
/* .nav-pro-right ul li:last-child a{padding-bottom: 20px;}
.nav-pro-right #pro-introduction li:last-child a{padding-bottom: 40px;} */
.nav-pro-right ul li.show a{opacity:1;color:#0080c7;position: relative;}

.nav-pro-right a:hover{color:#0080c7;transform: scale(1);opacity: 1;}
.nav-pro-right ul .pro-sort-p{/* width:200px; */margin-bottom: 0;position: relative;z-index: 1;}
/* .pro-sort-des{max-width: 450px;position: absolute;left: 230px;top: 35px;overflow: hidden;display:none;} */
/* .pro-sort-des p{margin-bottom:0;position: relative;z-index: 1;color: #686868;} */
.nav-pro-right figure{margin-bottom:0;position: absolute;right: 0;top: 0;/* bottom: 0; */z-index: 0;/* opacity: .8; */display:none;width: 100%;}

/*產品搜尋*/
.pro-search-box-item+.pro-search-box-item{margin-top: 15px;border-top: 1px solid #ddd;padding-top: 15px;box-shadow: 0 8px 8px -8px rgb(51 51 51 / 25%);padding-bottom: 30px;}
.pro-search-box-title{width: 100px;font-size: 16px;border-left: 3px solid;padding-left: 10px;/* font-weight: 500; */line-height: 1.1;color: #0080c7;}
.select-box{/* width: calc((100% - 100px) / 3 - 10px); */width: 100%;border: none;border-bottom: 1px solid #aeaeae;/* border-radius: 2px; */height: 35px;padding: 0 8px;color: #8e8e8e;background: transparent;}
.select-box:focus{border-color: #333;color: #333;outline:none;}
.select-box[disabled]{background: #f4f4f4;}
/*banner*/
.index-banner-item{position:relative}
.banner-slogan{position:absolute;z-index: 1;width: 100%;top: 50%;left: 50%;transform: translateX(-50%);color: #fff;text-shadow: 0 0 10px #121212;text-align: center;padding: 0 10px;}
.banner-slogan h1{font-size:3rem;margin-bottom: 20px;letter-spacing: 4px;pointer-events: none;}
.banner-slogan span{letter-spacing:1px;}
.index-banner .slick-dots{bottom: 10px;}
.index-banner.slick-dotted.slick-slider{margin-bottom:0}
/*首頁*/
.index-about .btn-wrap{text-align:center}
.index-about{padding: 100px 0 120px;}
.index-about{/* text-align:center; */position: relative;}
.index-about:before{position:absolute;content:'';background-image: url(../images/index/bk.jpg);background-size: cover;background-position: center bottom;opacity: .35;width: 100%;height: 100%;left: 0;bottom: 0;z-index: -1;}
.index-about:after{position:absolute;content:'';background-image: url(../images/index/globe.png);background-attachment: fixed;background-size: cover;background-position: center bottom;opacity: .1;width: 100%;height: 100%;left: 0;bottom: 0;z-index: -1;}
.index-about-title{max-width: 600px;font-style:italic;color: #0080c7;letter-spacing:1px;display: table;margin: 0 auto 20px;position: relative;text-align: center;}
/* .index-about-title:before,.index-about-title:after{position:absolute;content:'';z-index: -1;}
.index-about-title:before{width: 0;height: 0;border-style: solid;border-width: 25px 50px 0 0;border-color: #ffa951 transparent transparent transparent;left: 0;}
.index-about-title:after{width: 0;height: 0;border-style: solid;border-width: 0 0 25px 50px;border-color: transparent transparent #ffa951 transparent;right: 0;bottom: -4px;} */
.index-about-title h1{font-size: 30px;}
.index-about-title h2{font-size: 21px;margin-bottom: 0;line-height: 1.5;}
.index-about-s{position:relative;margin-bottom: 20px;text-align: center;}
.index-about-s:before,.index-about-s:after{position:absolute;content:'';width: 25%;height: 1px;/* left: 50%; *//* transform: translateX(-50%); */background: #e6e6e6;top: 50%;z-index: -1;}
.index-about-s:before{left: 20%;}
.index-about-s:after{right: 20%;}
.index-about-s span{padding: 0 15px;color: #959595;}
.index-about-t{position:relative;z-index:1}
.index-about article{max-width: 570px;margin: 0 auto;}
.year-image{position:absolute;left: 50%;transform: translateX(-50%);bottom: 80px;z-index: 0;/* width: 90%; */padding: 0 15px;}
.year-50{z-index: 0;opacity: .8;}
.index-product{padding: 70px 0 50px;}
.mjtitle{text-align:center;display: table;margin: 0 auto 50px;}
.mjtitle p{font-size: 28px;font-weight: 500;letter-spacing: 1px;position: relative;margin-bottom: 3px;}
/* .mjtitle p:before,.mjtitle p:after{position:absolute;content:'';z-index: -1;}
.mjtitle p:before{width: 0;height: 0;border-style: solid;border-width: 25px 40px 0 0;border-color: #ffa951 transparent transparent transparent;left: -10px;}
.mjtitle p:after{width: 0;height: 0;border-style: solid;border-width: 0 0 25px 40px;border-color: transparent transparent #ffa951 transparent;right: -10px;bottom: 0px;} */
.mjtitle span{color: #0080c7;position: relative;font-weight: 500;}
.mjtitle span:before,.mjtitle span:after{position:absolute;content:'';width: 15px;height:1px;background-color: #0080c7;top: 52%;}
.mjtitle span:before{left:-30px}
.mjtitle span:after{right:-30px}
.index-pro-box{position: relative;padding-top: 20px;}
.index-pro-box::before{position:absolute;content: '';width: 100%;height: 100%;opacity: .15;background-image: url(../images/index/pro-bk.png);background-size: cover;background-position: right bottom;z-index: -1;top: 0;}
.index-pro-box::after{position:absolute;content:'';width:100%;height:400px;bottom: 0;z-index: -1;background: #ffffff;background: -webkit-linear-gradient(180deg,rgb(255 255 255 / 0%),rgb(255 255 255)100%);background: linear-gradient(180deg,rgba(255,255,255,0)0%,rgba(255,255,255)100%);}
/* .index-product .owl-carousel .owl-stage{padding:30px 0} */
.index-pro-item{display: block;background: #f4f4f4;/* transform: scale(0.85); *//* opacity: 0.7; */}
.index-pro-item figure{overflow:hidden}
/* .center .index-pro-item{transform: scale(1);opacity: 1;box-shadow:0px 10px 20px -2px rgb(209 209 209 / 90%);padding:10px 0 0} */
.index-pro-item p{position: relative;font-size: 19px;margin-bottom: 0;font-weight: 500;padding: 10px 15px;}
.index-pro-item p:before{position:absolute;content:'';width: 20px;height: 5px;background: #959595;top: 0;}
.index-pro-item:hover{color: #0080c7;}
.index-pro-item:hover p:before{background:#0080c7}
.index-pro-item:hover img{transform:scale(1.1)}

/* .center .index-pro-item p{color:#2a76c5}
.center .index-pro-item:hover img{transform:scale(1.08)} */
/* .index-pro-item:hover p:before{width:calc(100% - 10px)} */
.propp-box{margin:0 -15px}
.propp-item{width: calc(50% - 30px);margin: 0 15px 30px;position:relative;z-index: 0;}
.propp-item figure{margin-bottom:0}
.propp-item p{position:absolute;bottom:0;width: 100%;color: #fff;font-size: 18px;font-weight: 500;/* text-align: center; */letter-spacing: .5px;margin-bottom: 0;padding: 15px 20px;z-index: 1;}
.propp-item:before{position:absolute;content:'';width:100%;height: 100px;left: 0;bottom: 0;background: linear-gradient(0deg,  #000000 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */z-index: 1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.propp-item figure{overflow:hidden;}
.propp-item:hover p{bottom:15px}
.propp-item:hover img{transform:scale(1.08)}
.propp-item:hover:before{height:50%}
.news-tab{font-size: 17px;/* border-bottom: none; */margin-bottom: 50px;border-color: #ddd;}
.news-tab li{margin-bottom: -1px;/* position: relative; *//* z-index: 1; *//* background: #fff; */}
.news-tab a{color: #bebebe;padding: 5px 25px 7px;display: table;position: relative;}
.news-tab a:before{position:absolute;content:'';width:calc(100% + 2px);height:3px;left: -1px;top: -1px;background: #0080c7;opacity: 0;}
.news-tab a.active{border: 1px solid #ddd;border-bottom-color: #f6f7f9;/* background: #f7f8fa; */color: #0080c7;}
.news-tab a.active:before{opacity:1}


.about-tab{font-size: 17px;/* border-bottom: none; */margin-bottom: 30px;border-color: #ddd;}
.about-tab li{margin-bottom: -1px;/* position: relative; *//* z-index: 1; *//* background: #fff; */}
.about-tab a{color: #bebebe;padding: 5px 25px 7px;display: table;position: relative;}
.about-tab a:before{position:absolute;content:'';width:calc(100% + 2px);height:3px;left: -1px;top: -1px;background: #0080c7;opacity: 0;}
.about-tab a.active{border: 1px solid #ddd;border-bottom-color: #f6f7f9;/* background: #f7f8fa; */color: #0080c7;}
.about-tab a.active:before{opacity:1}
.about-tab a:hover{border: 1px solid #ddd;border-bottom-color: #f6f7f9;/* background: #f7f8fa; */color: #0080c7;}

.index-news{padding: 60px 0 180px;position: relative;overflow: hidden;}
.news-bk{position:absolute;z-index: -2;bottom: 60px;opacity: .1;}
/* .news-box{position:relative;} */
/* .news-box:before{position:absolute;content:'';width:1px;height: 100%;background: #eee;left: 50%;} */
.news-item{width: 100%;/* width: calc(50% - 25px); */padding-bottom: 15px;padding-top: 20px;margin-bottom: 20px;box-shadow: 0 8px 8px -8px rgb(51 51 51 / 25%);}
.news-item:hover{/* box-shadow:0 0 5px #333 *//* background: rgb(206 206 206 / 50%); */}
/* .news-item:nth-of-type(even){margin-left: 50px;} */
.news-date{width:100px;text-align: center;border-right: 1px solid #eee;}
.news-text{width:calc(100% - 100px);padding-left: 20px;}
.news-text span{color: #fff;background-color: #0080c7;font-size: 13px;padding: 2px 15px;display: table;margin-bottom: 5px;}
.news-text p{margin-bottom:0;font-size: 17px;}
.news-date .day{font-size:30px;font-weight:600;display:block;line-height: 1;}
.news-date .day+span{font-size:14px}
.news-item:hover{color:#333}
.news-item:hover .news-text span{background-color: #2265aa;}
/*footer*/
footer{position: relative;background: #0080c7;color:#fff;padding: 30px 0 0;text-align:center;}
/* footer:before{position:absolute;content:'';width:0;height:0;border-style:solid;border-width: 70px 0 0 99vw;border-color: transparent transparent transparent #0080c7;left:0;top: -70px;} */
/* footer:after{position:absolute;content:'';width: 0;height: 0;border-style: solid;border-width: 0 0 150px 400px;border-color: transparent transparent #ffa951 transparent;top: -150px;right:0;z-index: -1;} */
.copyright{padding: 10px 0;font-size: 13px;position: relative;}
.copyright:before{position:absolute;content:'';width: 100%;height: 1px;left: 0;top: 0;background: rgb(255 255 255 / 50%);background: -webkit-linear-gradient(90deg,rgb(255 255 255 / 0%),rgb(255 255 255 / 50%),rgb(255 255 255 / 0%)100%);background: linear-gradient(90deg,rgb(255 255 255 / 0%),rgb(255 255 255 / 50%),rgb(255 255 255 / 0%)100%);}
footer ul{margin-bottom: 30px;padding-left:0;list-style:none;}
footer ul li{display:inline-block;padding: 0 10px;}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.tip_text{background-color: #0071b0;/* margin-top: 20px; */padding: 10px;}
.tip_text p{margin-bottom:0;font-size: 12px;letter-spacing: 1px;}
.tip_text p+p{margin-top: 5px;}
.footer-global{display: flex;justify-content: space-between;/* display: grid; *//* grid-template-columns: repeat(3,1fr); *//* grid-column-gap: 25px; */margin-bottom: 30px;}
.global-box{margin:0 10px}
.footer-global .global-box+.global-box{margin-top:0}
.footer-global .global-info{padding-left:0;margin-bottom: 0;}
.footer-global .global-info li{display:block}
.footer-global .global-branch{color:#fff;border-color: #fff;}
.footer-global .global-company{margin-bottom:5px;font-size: 18px;}
.footer-global .global-info a,.footer-global .global-info .mail a,.footer-global .global-info{color: #fff;opacity: .92;}


/*----------------------單元頁面-----------------*/
/*單元高度*/
.block-height{padding:50px 0px}
/*麵包屑*/
.breadCrumbs-block{/* margin-top: 15px; */padding: 15px 0;}
.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 a[href="javascript:;"]{cursor:auto}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #4a4948;}
/*page number*/
.page-number{margin: 60px auto 0;}
.pagination{display: block;}
.pagination>li{display: inline-block;}
.pagination>li>a{border:none;color:#333;transition: all .5s;padding: 5px 10px;display: table;}
.pagination>li>a:hover{color: #0080c7;}
.pagination>li.on a{background: #0080c7;color: #fff;border-radius: inherit;}
/*六圖六文*/
.share-zone {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.fb_iframe_widget{margin-top:-3px;margin-left:10px;}
.tab-content{margin-top:30px;}
.pro-title-box{text-align:center;margin-bottom: 80px;}
.pro-title-box .type{background:#0080c7;color:#fff;padding:5px 10px;margin-bottom:10px;display:inline-block;}
.pro-title-box h1{font-size:1.8rem;position: relative;}
.pro-title-box h1:before{content:'';position:absolute;left:50%;transform:translateX(-50%);width: 60px;height: 3px;background:#0080c7;bottom: -20px;}
.pic-box{margin-bottom: 50px;}
.pic-box{display:flex;}
.pic-box .pic-box-picVid{width:50%;}
.pic-box .pic-word{width:100%}
.pic-box .pic-box-picVid + .pic-word{width:50%;padding-left:20px;}
.pic-word-title{font-size: 1.4rem;color: #0080c7;}
.pic-box.big{flex-wrap:wrap;}
.pic-box.big>*{width: 100%!important;padding-left: 0!important;}
.pic-box.img-right{flex-direction: row-reverse;}
.pic-box.img-right .pic-word{padding-left:0;padding-right:20px;}
.pic-box p{margin-bottom: .5rem;}
.pic-word{/* margin-top:20px; */}

/*單元banner*/
.inner-banner{position:relative;}
.inner-banner figure{margin-bottom:0;}
.inner-banner-title h1{position:absolute;top: 50%;color: #fff;left: 50%;transform: translateX(-50%);letter-spacing: 4px;text-shadow: 0px 0px 20px #000;font-size: 3em;margin-bottom: 0;width: 100%;text-align: center;}

/*內頁共用*/
.second-title{/* text-align: center; */}
.dividing-line {text-align: center;position: relative;z-index: 2;}
.dividing-line:before {position: absolute;content: '';top: 20px;left: 0px;width: 100%;border-bottom: 1px solid #d4d4d4;z-index: -1;}
.dividing-line span {display: inline-block;background: white;padding: 10px; color:#d4d4d4 ;}
.title-sub{margin-bottom: 60px;text-align: center;}
.global-sub {margin-bottom: 40px;}
.title-sub p{font-size: 32px;text-align: center;color: #0080c7;line-height: 30px;font-weight: 500;}
.title-sub span{max-width: 70%;font-size: 16px;color: #4a4948;padding: 0 30px;display: inline-block;position:relative;}
/* .title-sub span:before,.title-sub span:after{position:absolute;content:'';width: 15px;height:1px;background-color: #4a4948;top: 52%;}
.title-sub span:before{left:0}
.title-sub span:after{right:0} */

/*關於我們*/
.about-zone{display: grid;grid-template-columns: repeat(3,1fr);grid-column-gap: 30px; /* 設定左右間距 */grid-row-gap: 30px; /* 設定上下間距 */}
.about-box{position:relative;}
.about-box figure{margin-bottom:0;overflow: hidden;}
.about-box figure img{transition:all .5s}
.about-intro{margin-top:-50px;padding:20px;position: relative;z-index: 10;}
.about-box .about-intro h2{font-size: 1.4rem;letter-spacing:3px;transition: all .5s;}
.about-box .about-intro h2:before{content:'';position:absolute;left:0;top: 24px;width:3px;height: 20px;background: #959595;transition: all .5s;}
.about-box .about-intro:before{content:'';position:absolute;top:0;left:0;width:80%;height: 100%;background:#fff;z-index: -1;}
.about-intro p{
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    overflow: hidden;
    }
.about-box:hover figure img{transform:scale(1.1)}    
.about-box:hover  .about-intro h2:before{background:#0080c7}
.about-box:hover  .about-intro h2{color:#0080c7}


/*隱私權政策*/
.privacy-box p {color: #0080c7;border-left: 4px solid;padding-left: 10px; font-size: 20px;}
.privacy-text{line-height: 32px;}
.privacy-box span{text-indent: 32px; line-height: 32px; display: block;  padding-bottom: 20px;}

/*環安政策*/
.csr-top {/* text-align:center; */}
/* .policy_cotainer_box:nth-of-type(odd) .policy_article_box{padding-left:50px} */
.policy_cotainer_box:nth-of-type(even) .policy_article_box{/* padding-right:50px */}
.policy_cotainer_box{display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0 auto;}
.policy_cotainer_box+.policy_cotainer_box{margin-top: 60px;}
.policy_img_box{width: 45%;/* margin-left: 5%; */}
.policy_article_box{width: 55%;margin-top: 0;padding-top: 10px;}
.policy-tit{color: #0080c7;border-left: 4px solid;padding-left: 20px;font-size: 22px;font-weight: 600;margin-bottom: 10px;}
.policy-text{font-size: 18px;color: #515151;font-weight: 600;margin-bottom: 8px;}
.policy-tit-box{padding: 0 30px;}

/*關於STM*/
.about-box-stm{width: 100%; display: flex;justify-content:flex-start; flex-wrap:nowrap; align-items:center; text-align:justify; }
.about-box-left{width: 50%;}
.about-box-left p {display: block;font-size: 30px;line-height:1.2;color: #0080c7;border-left: 1px solid;padding-left: 20px;font-weight: 500;letter-spacing: .5px;font-style: italic;}
.about-box-left p span{font-size: 21px;}
.about-box-left span{font-weight: 500;font-size: 18px;letter-spacing: .5px;line-height: 1.75;}
.about-box-right{width: 50%; padding:0 3rem;}
.about-box-box img{width: 20%;}


/*公司沿革*/
.no-dots{list-style: none;margin: 20px;padding: 0;position: relative;}
.achievement-group .bar-tit{font-size: 25px;font-weight: 600;line-height: 1;margin-bottom: 10px;}
.bar-box{display: inline-block;vertical-align: middle;overflow: hidden;width:100%;height: 7px;background: #fff;border-radius: 4px;margin-top: 5p;}
.bar-box .bar{display: block;height: 100%;border-radius: 4px;background: #0080c7;}
.achievement-group .bar-unit{margin-bottom: 10px;color: #0080c7;font-size: 16px;font-weight: 500;margin: 0;/* line-height: 20px; */}
.achievement-group .bar-unit span{color: #2b2b2b;font-size: 13px;font-weight: 300;}
.bar-bgtext{text-align:center}
.bar-bgtext-num{font-size:100px;font-weight:700;font-style:oblique;line-height: 1;color:#5a5a5a}
.bar-bgtext b{font-size:16px;line-height: 1;color: #e67f22;}
.bar-bgtext-num span{font-size: 20px;}

.achievement-group {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;margin: 0 0 10px;/* flex-direction: row; *//* align-items: center; */}
.achievement__stylebox {/* width: 63%; */padding: 0 10px 0 0;/* margin-right: 10px; */}

.achievement-group .bar-box {width: 100%;position: relative;}
.history__box {padding: 20px;position: relative;/* display: flex; *//* flex-direction: column; *//* justify-content: space-between; */}
.progress-bgc {padding: 20px;width: 100%;position: relative;}

.bar-bgtext p {
    margin: 0;
}

/*Histoy timeline*/
.time-year-line .timeline{list-style:none;padding:20px 0;position:relative;margin:0}
.time-year-line .timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;left:50%;margin-left:-1.5px}
.time-year-line .timeline > li{position:relative;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;margin-top: -30px;}
.time-year-line .timeline > li .timeline-badge{transition:all ease-in .3s}
.time-year-line .timeline > li:hover > .timeline-panel{border-bottom: 2px solid #0080c7;}
.time-year-line .timeline > li:before,.time-year-line .timeline > li:after{content:" ";display:table}
.time-year-line .timeline > li:after{clear:both}
.time-year-line .timeline > li:before,.time-year-line .timeline > li:after{content:" ";display:table}
.time-year-line .timeline > li:after{clear:both}
.timeline-panel{width:46%;float:left;border-radius:2px;padding: 10px 15px 10px 20px;position:relative;background-color:#ddf5ff;}
.timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;/* border-left: 15px solid #79caf7;border-right: 0 solid #79caf7; */border-bottom:15px solid transparent;content:" ";}
.timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #ddf5ff;border-right:0 solid #ddf5ff;border-bottom:14px solid transparent;content:" "}
.time-year-line .timeline > li > .timeline-badge{background-color:#0080c7;color:#fff;width:50px;height:50px;line-height:50px;font-size:1.4em;font-size:1em;text-align:center;position:absolute;top:16px;left:50%;margin-left:-25px;z-index:100;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%}
.time-year-line .timeline > li:nth-child(even) > .timeline-panel{float:right}
.time-year-line .timeline > li:nth-child(even) > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.time-year-line .timeline > li:nth-child(even) > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline-panel:hover{border-bottom:2px solid #0280c7;}
.timeline-title{margin-top:0;color:#0080c7;display: flex;flex-wrap: nowrap;align-items: center;font-size: 20px;}
.timeline-title figure{margin-bottom:0;width: 105px;padding: 14px;border-radius: 60px;border: 10px solid #fff;margin-right: 15px;}
.timeline-title p{margin-bottom:0;line-height: 1.5;width: calc(100% - 125px);word-wrap: break-word;}
.timeline-title p span{color: #999;font-size: 17px;padding-left: 25px;margin-bottom: 5px;display: table;}
.timeline-panel:hover .timeline-title figure{border: 5px solid #0080c7;background-color: #fff;}
.timeline-body > p,.timeline-body > ul{margin-bottom:0;line-height:2;font-size:15px;text-align:justify}
.timeline-body > p + p{margin-top:5px}
.innaer-page{
    background: -moz-linear-gradient(-180deg, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0)50%);
    background: -webkit-linear-gradient(-180deg, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0)50%);
    background: -o-linear-gradient(-180deg, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0)50%);
    background: linear-gradient(-180deg, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0)50%);
}
.about-bot-box article{width:60%;padding-right:60px;margin-top:50px}
.about-bot-box article+figure{width:40%}
.about-bot-box{margin-top:80px}

.about-bot{position: relative;padding-top: 300px;padding-bottom: 150px;margin-top: -100px;}
.about-bot::before,.about-bot::after{position: absolute;content:'';top: 0;width: 100%;height: 100%;z-index: -1;}
.about-bot::before{background-image: url(../images/vision/vision-bg-1.jpg?20210606);opacity: .7;background-attachment: fixed;background-size: cover;background-position:top;z-index: -1;background-repeat: no-repeat;}
.about-bot::after{background-color: rgba(204,204,204,.8);}

.about-bot article{text-align: center;color: #fff;}
.about-bot article b{display: table;margin: 0 auto;font-size: 50px;letter-spacing: 3px;font-weight: 500;position: relative;z-index: 3;color: #0080c7;}
.about-bot article b:before{position:absolute;content:'';width: 35px;bottom: -10px;left: 50%;transform: translateX(-50%);}
.text-style .txt{font-size:4vw;margin-bottom:0;font-family:'Noto Serif TC',serif}
.text-style .txt.sub{/* margin-top: 60px; */opacity:.45;position:absolute;top:50%;left:50%;display:block;width:100%;text-transform:uppercase;color: #e7e7e7;transform: translate(-50%,-25%);font-size:100px;line-height:1;font-weight:700;text-shadow: 0 0 4px #dcd3d3, 0 0 0.75rem #8c8c8c, 0 0 1.5rem #adadad;}
/*企業願景*/
.misson-area{margin-bottom:70px ;}
.vision-product{ box-shadow: 0 0 20px rgba(0, 0, 0 , .3);position: relative;z-index: 1;overflow: hidden;}
.vision-product-box{width:calc(100% / 3);text-align: center;background-size: cover;background-position: center;position: relative;overflow: hidden;z-index: 0;}
.vision-product-box:before{position:absolute;content:'';width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(51 ,51, 51 , .5);z-index: -1;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;pointer-events: none;}

.vision-product-box .vision-product-text{color: #fff;text-shadow: 0 0 10px #000;text-decoration: none;display: block;padding: 150px 0;position: relative;z-index: 2;}
.vision-product-box .vision-product-text p{font-size: 28px;}
.vision-product-box .vision-product-text span{position:relative;}
.vision-product-box .vision-product-text span:before{position:absolute;content:'';width:50px;height:1px;background-color: rgba(255, 255, 255 , .5);left: 50%;transform: translateX(-50%);top: -13px;}

.vision-product-box:hover:before{background-color: rgba(51 ,51, 51 , .2);}
/* .vision-product-box:after{position:absolute;content:'';width: calc(100% - 60px);height: calc(100% - 60px);border: 1px solid #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;pointer-events: none;} */



.history-bot{position: relative;padding: 3em 0;}
.history-bot::before,.history-bot::after{position: absolute;content:'';top: 0;width: 100%;height: 100%;z-index: -1;}
.history-bot::before{background-image: url(../images/history/history-bg.jpg);opacity: .7;background-attachment: fixed;background-size: cover;background-position:top;z-index: -1;background-repeat: no-repeat;}


.progress-bgc{backdrop-filter:blur(2px);background-color: rgba(255, 255, 255, 0.7);box-shadow: 0 0 15px rgba(145, 145, 145, 0.5);}
/*製程介紹*/
.mobile{display: none;}
.PC{display: block;}
.process-img-box{margin: 0 auto;  width:100% ;display: flex; flex-wrap: wrap-reverse; }
.process-img-box-left{width: 50%;}
.process-img-box-left:hover{background-color: #efefef;}
.process-img-box-right{width: 50%;}
.process-img-box-right:hover{background-color: #efefef;}
.process-img-box img{width: 80%;}

.society-img-box{margin: 0 auto;  width:60% ;}

.society-box{width:100%;text-align:center; padding: 60px  0;}
.society-box .title-sub{font-size: 32px;text-align: center;padding-bottom: 32px;color: #0080c7;line-height: 30px;font-weight: 500;}
.society-box .society-text p{font-size: 21px;    border: 1px solid #0080c7;border-radius: 15px;  width: 60%; margin: 0 auto;  margin-bottom: 32px;color: #0080c7;}
.society-box span{ display: block; margin: 0 10rem; font-size: 18px;text-align:justify; text-align: center;}

/*全球*/

.global-map{position:relative;text-align: center;}
.global-map-pic{display:table;margin:0 auto;position: relative;}
.map-dot{position:absolute;width:100%;height:100%;top: 0;left: 0;}
.global-map-info{position: absolute;list-style:none;padding-left:0;margin-bottom:0;width: 100%;height: 100%;top: 0;left: 0;}
.map-dot .dot-box{position:absolute;}
.map-dot .dot-box:not(.active) .global-box-item{display:none;}
.map-dot .dot-box .dot{font-size: 1.2rem;color: #0080c7;cursor: pointer;}
.global-box-item{background:#fff;padding:20px;box-shadow: 0 0 10px rgba(0,0,0,.3);position: absolute;z-index: 10;right: 35px;top: -20px;width: 500px;}
.global-box-item:before{content:'';width: 0;height: 0;position: absolute;right: -15px;border-style: solid;border-width: 15px 0 15px 15px;border-color: transparent transparent transparent #ffffff;}
.global-box-item:after{position:absolute;content:'';width: 30px;height:100%;top: 0;right: -30px;}
.global-box-item.taiwan__box-item {top: -370px;}
.taiwan__box-item:before {bottom: 49px;}
.global-box-item.china__box-item {top: -370px;}
.china__box-item:before {bottom: 15px;}
.taiwan{right: 23.8%;top: 47.5%;}
.japan{right: 20%;top: 41%;}
.china{right: 26%;top: 46%;}
.malaysia{left: 70%;top: 58%;}
.singapore{left: 70.5%;top: 61%;}
.italy{right: 49.8%;top: 38%;}
.vietnam{right: 27.5%;top: 50%;}
@-webkit-keyframes angAnimation {
    0%{transform: translateY(0) rotate(180deg);}
    100%{transform: translateY(5px) rotate(180deg);color:#0086d1}
  }
  @keyframes angAnimation {
    0%{transform: translateY(0) rotate(180deg);}
    100%{transform: translateY(5px) rotate(180deg);color:#0086d1}
  }
.global-box-area{position:relative;width: 350px;/* margin-top: -300px; */z-index: 1;/* padding-top: 100px; */}
.global-box-area:before{position:absolute;content:'';width:100%;height: 100%;top: 0;z-index: -1;background: #ffffff;background: -webkit-linear-gradient(-0deg,#ffffff,rgb(255 255 255 / 0%)100%);background: linear-gradient(-0deg,rgb(255 255 255)60%,rgb(255 255 255 / 0%)100%);}
.global-box-area h2{border-bottom:3px solid;padding-bottom: 10px;font-size: 24px;margin-bottom: 20px;}
.global-box+.global-box{position:relative;margin-top: 30px;}
.global-branch{font-size: 20px;font-weight: 500;letter-spacing:1px;margin-bottom: 10px;border-left: 5px solid #0086d1;color: #0086d1;line-height: 1;padding-left: 10px;text-align: left;}
.box__company--style1, .box__company--style2 {
    margin: 10px 0;
    padding-left: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.box__company--style1 img {
    width: 40px;
    text-align: left;
}
.box__company--style2 img {
    width: 100px;
    text-align: left;
}

.box__company--style1 figure, .box__company--style2 figure {
    margin: 0;
}
.global-company{font-size: 17px;/* letter-spacing:1px; *//* margin-bottom: 6px; */display: table;padding-left: 10px;text-align: left;}
.global-info{list-style:none;padding-left: 15px;color: #888;text-align: left;}
.global-info a{color:#888;}
.global-info a:hover{color:#333}
.global-info li+li{margin-top:5px}
.global-info i{margin-right: 10px;}
.global-info .mail a {color: #0086d1;}

.ui-table {/* min-width: 700px; */width: 100%;}
.ui-table thead th,.ui-table thead td{background: #0086d1;font-weight: 300;}
.ui-table thead th{width: 100px;}
.ui-table thead td:nth-of-type(1){width:180px}
.ui-table thead td:nth-of-type(2),.ui-table thead td:nth-of-type(3) ,.ui-table thead td:nth-of-type(4){width:calc(100% - 280px);}
.ui-table td,.ui-table th{background: #fff;padding: .5rem .5rem;border:1px solid #c7c7c7;font-weight: 400;}
.ui-table th{position:sticky;left: 0;}

.recru-box+.recru-box{margin-top: 60px;}
.recruitment .grid-img{margin-bottom:0;overflow: hidden;}
.recruitment.grid-box{margin: 0 auto;display: -webkit-flex;display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap:wrap;/* width: 80%; */margin-top: 50px;margin-bottom: 50px;}
.recruitment.grid-box .grid-all{width: calc(100% / 4 - 10px);margin: 0 5px 10px;overflow: hidden;border: 1px solid #eee;}
.recruitment.grid-box .grid-text{padding: 15px 20px;}

.recruitment.grid-box .grid-tit{text-align: center; color: #0080c7;font-size: 20px; position: relative;}
.recruitment.grid-box .grid-tit::before{content: ""; position: absolute; background-color:#0080c7; width: 16px; height: 2px; left: 50%; bottom: -5px;  transform: translate(-50%, -50%);}
.recruitment.grid-box .grid-all:hover img{transform: scale(1.1); }
.recru-text {text-align: center;margin-bottom: 10px;font-size: 18px;line-height: 1.8;}
.recru-link{display:table;padding:10px;margin:0 auto}

.recru-link a span {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    color: #686868;
}



.main_color{font-size: 18px;margin-bottom: 40px;}
.main_color span{font-size: 15px;display: block;margin-top: 8px;}

.contant_agent_box{
    list-style: none;
    padding: 0;
}
.contant_agent_box li{
   line-height: 30px;
}
.contant_agent_box i{
    padding-right: 16px;
}
.otherinput{border:1px solid #ced4da;padding: 5px 10px;margin-left: 10px;}
.form-group{margin: 10px 0;}
.form-group label{margin-bottom:5px}
.form-group i{color: #0080c7;}
.contact_form_box{/* width: calc(85% - 20px); */box-shadow: 0 0 10px rgb(195 195 195 / 30%);padding: 40px;margin: 0 auto;}
.form-control{border-radius:0;height: 38px;}
textarea.form-control{height:150px}
.form-control:focus{box-shadow:none;border-color: #0280c7;}
.download_txt{ text-align: center;font-size: 21px; margin-top: 50px;color: #0080c7;}
.download_txt span{ font-size: 16px;}

.society-bg{position:relative}
.society-bg:before{
    position: fixed;
    content:'';
    background-image: url(../images/society/bg.jpg?20210722);
    background-repeat: no-repeat;
    background-position: center bottom;
    /* background-attachment:fixed; */
    z-index: -1;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: .15;
}


.addarrow{ -webkit-appearance: auto; -moz-appearance: auto;appearance: auto;}
.csr-top figure{width:400px;margin-bottom: 0;}
.csr-top{margin: 0 0 30px;}
.csr-top article{/* width:calc(100% - 400px); *//* padding-left: 30px; */}
.csr-part{/* margin:40px 0 */}
.csr-part>p{background:#0086d1;color:#fff;display:table;font-size: 18px;padding:5px 20px;margin-bottom: 0;}
.csr-part ul{list-style:none;margin-bottom:0;padding: 30px 0 30px 40px;border-left: 1px solid #c7c7c7;margin-left: 55px;position: relative;}
.csr-part ul span{font-size: 19px;font-weight: 500;color: #0086d1;position: relative;}
.csr-part ul span:before{position:absolute;content:'';width: 20px;height:1px;background-color:#c7c7c7;top: 50%;left: -40px;}
.csr-part ul span:after{position:absolute;content:'';width: 8px;height: 8px;background: #c7c7c7;border-radius: 60px;top: 37%;left: -20px;}
.csr-part ul span+p{/* margin-bottom: 0; */font-size: 17px;letter-spacing: 1px;}
.csr-part:last-child ul:before{position:absolute;content:'';width:12px;height:12px;border-radius: 60px;background: #0086d1;bottom: 0;left: -7px;}
.purbox+.purbox{margin-top:8px}
.puritem{width: calc(100% / 3 - 8px);}
/*個人訊息保護政策*/
.btn-privacy {border: 0;background-color: #fffc;list-style: none;text-decoration: underline;color: #0086d1;}
.btn-privacy:hover{color: #e67f22;}
.privacy_pop{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 800px;width: calc(100% - 30px);background: #fff;padding: 30px;box-shadow: 0 0 15px rgb(80 80 80 / 50%);z-index: 1036;}
.close-pop{position:absolute;right:0;top: 2px;font-size: 30px;line-height: 1;width: 40px;height: 40px;}
.close-pop:hover{color:#0086d1;}
.privacy_pop h3{text-align:center;margin-bottom: 20px;border-bottom: 1px solid #eee;font-size: 25px;padding: 0 15px 20px;}
.privacy_pop p{text-align:center;font-size: 18px;}
.privacy_pop article{line-height: 1.5;font-size:17px;margin-top:30px;background: #f7f7f7;padding: 20px 15px;max-height: 300px;overflow: auto;}
.privacy_pop li+li{margin-top:10px}
.agent .privacy_pop p{line-height:1.35;font-size:17px;}
.agent .privacy_pop article{line-height: 1.45;font-size:16px;}
.agent .privacy_pop li+li{margin-top:10px}
/*洽詢*/
.inquiry_box{width:85%;margin: 0 auto 40px;}
.inquiry_item{width: calc(100% / 4 - 20px);margin: 10px;border: 1px solid #eee;padding: 8px;position: relative;}
.inquiry_item figure{margin-bottom:0;overflow: hidden;}
.inquiry_item_clear{position:absolute;width: 30px;height: 30px;text-align: center;background: #eee;left: 10px;top: 10px;z-index:1;}
.inquiry_item_clear:hover{color:#0280c7}
.inquiry_item p{margin-bottom:0;text-align: center;padding: 5px 0 0;color: #8e8e8e;}
.inquiry_item:hover img{transform:scale(1.05)}
.inquiry_item:hover p{color: #0280c7;}
/*洽詢求求*/
.inquiry-box-link{position:fixed;right: 30px;bottom: 70px;display: block;z-index: 5;}
.inquiry-box{width: 48px;height: 48px;line-height: 52px;text-align: center;font-size: 18px;background: #e67f22;border-radius: 60px;color: #fff;}
.inq-nu{position:absolute;width: 18px;height: 18px;border-radius: 60px;background: #0080c7;line-height: 1.6;right: -5px;font-size: 12px;color: #fff;text-align: center;z-index: 1;}
.inquiry-box i{line-height: 0;display: inline-block;width: 18px;position: absolute;top: 54%;left: 50%;transform: translate(-50%,-50%);}
.inquiry-box i svg{width:100%;height:100%;}
.inquiry-box-link:hover .inquiry-box{transform:scale(1.1)}
/*產品*/
.prosort-list{width: calc(100% / 3 -  25px);margin: 0 10px 20px;/* background: #fff; */padding: 15px 10px 10px;box-shadow: 0 0 5px #d3d3d3;position:relative;}
.prosort-list:before{position:absolute;content:'';width:20px;height:5px;left: 10px;top: 0;background: #0080c7;z-index: -1;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.prosort-list p{margin-bottom:0;font-size: 17px;padding-bottom: 10px;position: relative;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.prosort-list figure{margin-bottom:0}
.prosort-list:hover:before{width:100%;height:100%;left: 0;}
.prosort-list:hover p{color:#fff;}
/*產品關聯*/
.detail__related .prosort-list {width: calc(100% / 2 -  10px);/* width: 100%; */display: flex;align-items: center;margin: 0 5px 10px;}
.detail__related .prosort-list p {width: 100%;padding-left: 30px;padding-bottom: 0;}
.detail__related .prosort-list figure {width: calc(100% / 3 -  20px);}


/*產品列表*/
.product-page-box{padding-bottom:60px}
.type-filter{position: sticky;top: 94px;width: 300px;float: left;background: #f4f4f4;}
.type-filter-title{text-align:center;padding: 10px 20px;margin-bottom: 0;background: #0280c7;color: #ffffff;}
.type-filter-title span+span{padding-left:15px;position: relative;}
.type-filter-title span+span:before{position:absolute;content:'';width: 1px;height: 15px;background: #0067a2;left: 6px;top: 6px;}
.type-filter-title i{font-size:13px;display: inline-block;vertical-align: top;margin-left: 8px;}
.type-filter form{padding: 20px;}
/* .product-page .type-filter form .filter-item:nth-of-type(1) .select-box{color:#0480c7;border-color:#0480c7} */
.type-filter form .btn-style{width:100%;text-align: center;margin-top: 20px;}
.filter-item{margin-bottom: 25px;}
.type-filter+.pro-list{width: calc(100% - 300px);float: right;padding-left: 50px;}
.pro-stick-outer{position: fixed;top: 145px;right: 0;transform: translateX(240px);-webkit-transform: translateX(240px);-moz-transform: translateX(240px);-ms-transform: translateX(240px);-o-transform: translateX(240px);/* margin-top: 40px; */z-index: 10000;}
.comparison-stick{display: none;}
.comparison-stick.open{transform: translateX(0);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);}
.comparison-stick:before{display:none}
.comparison-stick:not(.open):before{display:none}
.comparison-stick:not(.open){/* transform:translateY(147px) */}
.comparison-stick:not(.open) .comparison{/* opacity:0; *//* display: none; */}
.pro-stick-b{text-align: center;background: rgba(255,255,255,.95);backdrop-filter: blur(10px);padding: 15px 0;}
.pro-stick-inner{position:relative;margin-top: 50px;}
.pro-stick-inner:before{position:absolute;content:'';width: 100%;height: 10px;left: 0;box-shadow: 0 0 15px #d8d8d8;top: 0;z-index: -15;max-width: 1450px;left: 50%;transform: translateX(-50%);}
.tool-fixed a{width:50%;text-align: center;margin-bottom: 0;}
.pro-stick-b .tool-fixed a+a{/* margin-left: 15px; */}
.pro-item:hover{color:inherit}
.pro-list-pic{width: 300px;}
.pro-list-pic figure{margin-bottom:5px;text-align: center;}
.open-comparison{/* position:absolute; *//* left: 50%; *//* transform: translateX(-50%); *//* top: -40px; */width: 40px;float: left;}
/* .comparison .container{border-top:2px solid #0080c7} */
.comparison-btn.active:before{position:absolute;content:attr(data-comparison);background: #e67f22;}
.comparison-btn.active i{/* transform: rotate(360deg); */}
.comparison-btn{background: #e67f22;position: relative;color: #fff;padding: 8px 8px 25px 8px;width: 40px;min-height: 280px;text-align: center;display: inline-block;font-size: 16px;cursor: pointer;-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
.comparison-btn b{margin:0 3px;display: inline-block;writing-mode: initial!important;-webkit-writing-mode: initial!important;-ms-writing-mode: initial!important;-moz-writing-mode: initial!important;}
/* .comparison-btn b{margin:5px 0} */
.comparison-btn i{font-size:12px;display: inline-block;vertical-align: middle;margin-top: 5px;position: absolute;left: 50%;transform: translateX(-50%);}
.comparison{max-width: 240px;width: 240px;padding-bottom: 0;padding-top: 10px;/* position: absolute; */top: 0;/* left: 40px; */border: 1px solid #0080c7;background: #fff;float: right;}
.comparison-top{/* padding-right: 50px; */padding: 0 20px 10px;margin-bottom: 15px;text-align: left;border-bottom: 1px solid #eee;}
.comparison-top span{font-size: 16px;}
.comparison-top p{margin-bottom:0;color: #8e8e8e;font-size: 14px;}
.comparison-top p b{margin:0 5px;color: #0080c7;font-weight: 400;}
.comparison-list{list-style:none;padding: 0 20px;max-height: 200px;overflow-y: scroll;}
.tool-fixed{margin-left: auto;display: -webkit-flex;display: flex;display: -ms-flexbox;}
.comparison-list li{/* max-width: 140px; */position: relative;}
.comparison-list li+li{margin-top: 10px;/* padding-top: 10px; */}
.comparison-list .inquiry_item_clear{top:5px;left: 5px;}
.comparison-list li figure{margin-bottom:0}
.comparison-list li span{font-size:14px;}
.comparison-list li span+span{margin-left:5px}
.compare-select{border: 1px solid #eee;position: relative;z-index: 1;}
.compare-select span{margin:0 4px;font-weight: 500;}
.compare-select:hover{border-color: #0280c7;}
.pro-info{width: calc(100% - 420px);padding-left: 30px;padding-right: 10px;/* padding-right: 20px; */}
.pro-sort-serch01{display:inline-block;margin-bottom: 3px;background: #f4f4f4;color: #0280c7;font-size: 12px;padding: 3px 10px;}
.pro-sort-serch02{display:inline-block;margin-bottom: 3px;background: #f4f4f4;color: #0280c7;font-size: 12px;padding: 3px 10px;}
.pro-info-name{margin-bottom:10px}
.pro-modal{font-size: 26px;font-weight: 600;margin-bottom: 0;position: relative;color: #0280c7;display: block;}
.pro-info .pro-modal:before{position:absolute;content:'';width: 5px;height: 20px;background: #0280c7;top: 9px;left: -30px;}
.pro-name{color: #aeaeae;margin-bottom: 0;font-size: 18px;}
.pro-des{font-size:15px;margin-bottom: 0;}
.pro-list-btn{/* margin-left:auto; *//* margin-top: auto; */}
.pro-list-btn a{display:block;text-align: center;}
.pro-list-btn a+a{margin-top:10px}
.pro-list-box+.pro-list-box{margin-top:30px;padding-top: 30px;border-top:1px solid #eee;}
/*產品應用*/
.pro-sort-area{background-color: #f4f4f4;padding: 3px 8px;margin-bottom: 0;font-size: 14px;display: inline-block;margin-left: 5px;vertical-align: text-bottom;}
.pro-sort-m{margin-left: 15px;position: relative;}
.pro-sort-m:before{position:absolute;content:'>';left: -13px;}
/*input radio/checkbox樣式*/
input[type=radio].lookstyle+label,input[type=checkbox].lookstyle+label{display: block;padding: 10px 20px 10px 35px;vertical-align:middle;position:relative;/* padding-left: 30px; */margin-bottom: 0;/* cursor: pointer; */font-size: 14px;}
input[type=radio].lookstyle+label::before,input[type=checkbox].lookstyle+label::before{content:"";display:inline-block;position:absolute;width:15px;height:15px;left: 13px;top: 13px;/* transform: translateY(-50%); *//* margin-left: -18px; */border: 1px solid #aeaeae;border-radius: 1px;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out;}
input[type=radio].lookstyle+label::after,input[type=checkbox].lookstyle+label::after{display:inline-block;position:absolute;content:"\f25c";font-family: bootstrap-icons !important;width: 15px;height: 15px;line-height: 1;left: 13px;top: 20px;color: #fff;/* border-radius:50%; */background-color: #0280c7;-webkit-transform: translateY(-50%)!important;-ms-transform: translateY(-50%)!important;-o-transform: translateY(-50%)!important;transform: translateY(-50%)!important;opacity: 0;}
input.lookstyle:not(.uncheck) + label::after{opacity: 1;}
/* input[type=radio].lookstyle:checked + label::after,input[type=checkbox].lookstyle:checked + label::after, */

/* input.lookstyle:checked + label::after */

input[type=radio].lookstyle,input[type=checkbox].lookstyle{opacity:0;z-index:1;display: none;margin-left: -13px;}

/* {} */
input[type=radio].lookstyle:disabled+label,input[type=checkbox].lookstyle:disabled+label{cursor:auto}
.checkok-input input[type=checkbox]+label::before{background-color: transparent;border: 1px solid;}
.checkok-input input[type=checkbox]+label::after{content: "\f25c";display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: text-bottom;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 0;height: 0;font-size: 14px;top: 4px;left: 9px;}
.uncheck+label:after{display:none!important}
/*加入洽詢提示*/
#toast{visibility:hidden;max-width:50px;height:50px;margin:auto;background-color: #f9f9f9;border-radius: 5px;color:#fff;text-align:center;position:fixed;z-index: 99;left:0;right:0;bottom:30px;font-size:17px;white-space:nowrap;overflow: hidden;box-shadow: 0 5px 10px -2px rgba(51, 51, 51, .2);}
#toast #img{width:50px;height:50px;float:left;position: relative;/* box-sizing:border-box; */background-color:#e68022;color:#fff;border-radius: 5px 0 0 5px;}
#toast #img i{line-height: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#toast #desc{color:#5f5f5f;overflow:hidden;white-space:nowrap;line-height:50px}
#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}
}
/*產品底層*/
.left-pro{width: 500px;position: sticky;top: 100px;float: left;}
.right-pro{width: calc(100% - 500px);float:right;padding-left: 50px;}
.detail-pic-box{width: 100%;/*  */border-bottom: none;}
.p_img1{border: 1px solid #eee;margin-bottom: 10px;border-radius: 5px;text-align: center;}
.p_img2{border: 1px solid #eee;width: calc(100% / 3 - 10px);margin: 0 5px;/* border-radius: 5px; */}
.p_img2:hover{border-color: #bababa;}
.pro_img{padding-left:0;list-style: none;margin-bottom: 0;margin: 0 -5px;}
.pro_img li{}
.right-pro .pro-modal{font-size:28px}
.pro-detail-info+.pro-detail-info{margin-top: 40px;}
.pro-detail-info-t{font-size: 17px;position: relative;/* border-left: 5px solid #0280c7; */padding-left: 20px;border-bottom: 1px solid #eee;padding-bottom: 8px;color: #0280c7;}
.pro-detail-info-t:before{position:absolute;content:"";width:5px;height:20px;background: #0280c7;left: 0;top: 4px;}
.specification-info table{width:100%}
.specification-info table tr:nth-of-type(odd){background:#f4f4f4}
.specification-info table tr:hover{background-color: #e2eaee;}
.specification-info table th,.specification-info table td{border: 1px solid #aeaeae;padding:10px;}
.specification-info table th,.specification-info table td{min-width: 220px;}
.specification-info table th{font-weight:500}
.pro-pin{word-break: break-all;}
.specification-info table td{color:#8e8e8e;}
.file-down a{display:flex;padding: 10px 15px;background: #eee;align-items: center;}
.file-down a:hover{color:#0280c7}
.file-down a:hover i{transform:translateX(-5px)}
.file-down a span{padding-right:10px}
.file-down a i{margin-left:auto;}
.file-down a+a{margin-top:10px}
/*產品比較*/
.compare-info table tr:nth-of-type(1) th,.compare-info table td{min-width:150px}
.compare-info table tr:nth-of-type(odd){background:#f4f4f4}
.compare-info table tr:nth-of-type(1){position:sticky;top:95px;background: #dedede;}
.compare-info table tr:nth-of-type(1) td{color:#333}
.compare-info table tr:nth-of-type(1) td{position:relative}

.compare-info figure{/* max-width:150px; */width: 100%;margin: 0 auto 5px;}
.compare-info figure img{width:150px;background: #fff;padding: 3px;}
.compare-info span:nth-of-type(1){margin-right:5px}
.compare-info th{text-align:center}
.compare-info td{text-align:center;color: #fff;}
.compare-info td,.compare-info th{border: 1px solid #aeaeae;padding:10px;}
.compare-info th{font-weight:500}
.thtr-box{position:sticky;top:95px;background: #dedede;/* padding: 10px 0; */}
.pro-td{position:relative}
.tr-box .th,.thtr-box .th{width:250px;text-align: center;padding: 10px;}
.thtr-box-body{width:calc(100% - 250px)}
.tr-box .td{padding:10px;}
.thtr-box .td{border-left: 1px solid #fff;display: table-cell;width: calc(100%);}
.pro-td{/* min-width:25%; */text-align: center;padding:10px;}
.tr-box{border-left: 1px solid #dedede;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;}
.tr-box:nth-of-type(odd){background: #f4f4f4;}
.pin-info-box .td-info{word-break: break-all;}
.td-info{/* min-width:25%; *//* width: 25%; */display: table-cell;width: calc(100%);word-wrap: break-word;}
.thtr-box-body div{padding:10px;}
.tr-box div+div{border-left:1px solid #dedede;}
/*搜尋結果頁*/
.search_result{margin-bottom:20px;border-bottom: 1px solid #aeaeae;padding-bottom: 15px;}
.search_result span+span{position:relative;padding-left: 15px;}
.search_result span+span:before{position:absolute;content:'/';font-size:12px;left: 5px;top: 2px;}
.search_result p{margin-bottom:0;font-size:15px}
/*----------------------RWD設定------------------*/
@media screen and (max-width: 1440px){
/*產品列表*/
.pro-info{/* width:calc(100% - 300px) */}
.type-filter{width: 270px;}
.type-filter+.pro-list{/* width: 100%; */padding-left: 0;}
.detail__related .prosort-list {
    width: calc(100% / 1 - 10px);
}
}
@media screen and (max-width: 1400px){
    .compare-info table tr:nth-of-type(1){top:0}
.bar-bgtext-num{font-size: 70px;}
 .approveTable{overflow:auto}
.ui-table{min-width:600px;font-size: 15px;}

}
@media screen and (max-width: 1200px){
.society-bg:before{height: 500px;background-size: cover;}
/*banner*/
.banner-slogan h1{font-size:2.5rem;margin-bottom: 10px;}
.news-bk{bottom:50px}
/*header*/
.pro-sort-des{padding-right: 100px;max-width:100%;}
.pro-sort-des+figure{opacity:.45}
/*表單*/
.contact_form_box{width: calc(100% - 20px);}
.inquiry_box{width:100%}
/*產品-list*/
.pro-list-btn{margin-left:auto;margin-right: auto;margin-top: 20px;/* width: 100%; */}
.pro-list-btn .btn-style{/* width:100%; *//* text-align: center; *//* display: block; */}
.pro-list-pic{width:250px;}
.pro-info{width:calc(100% - 250px);padding-right: 0;}
/*產品-detail*/
.left-pro{width: 350px;}
.right-pro{width: calc(100% - 350px);padding-left: 30px;}
.right-pro .pro-modal{font-size:25px}
/*全球*/
.global-big-box{-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.global-map{width:100%}
.global-box-area{width:100%;margin-top: -200px;padding-top: 100px;}
.global-box-inner{display: -webkit-flex;display: flex;display: -ms-flexbox;}
.global-box+.global-box{margin-top:0;padding-left: 15px;}
.global-box{width:50%}
.global-box-item+.global-box-item{margin-top:15px}
.china{/* top: 33%; */}
.italy{/* top: 29%; */}
.taiwan__box-item:before{bottom: 110px;}
.china__box-item:before{bottom:80px;}
.taiwan .global-box-inner,.china .global-box-inner{flex-wrap:wrap;-ms-flex-wrap:wrap;}
.taiwan .global-box,.china .global-box{width:100%}
.taiwan .global-box+.global-box,.china .global-box+.global-box{padding-left:0}
.global-box-item.china__box-item{top: -290px;}
.global-box-item.taiwan__box-item{top: -290px;}
/*沿革*/
.achievement__stylebox{width:calc(100% - 80px)}
.achievement-group .bar-tit{font-size: 19px;margin-bottom: 10px;}
.bar-bgtext-num{font-size: 40px;}
/*footer*/
.footer-global .global-box{width:100%;padding-left: 0;}
.footer-global{grid-column-gap: 10px;}
}
@media screen and (max-width: 991px){
/*banner*/
.banner-slogan{top:45%}
.banner-slogan h1{font-size:2.1rem;margin-bottom: 8px;padding: 0 10px;}
/*header*/
.navbar{z-index:100000}
.nav-pro-left-pc{display: none}
.navbar-toggler{background: #0086d1;border-radius: 0;padding: 21px 20px;border: none;}
.navbar-toggler.active .navbar-toggler-icon:nth-of-type(2){opacity:0;transform:rotate(45deg)}
.navbar-toggler.active .navbar-toggler-icon:nth-of-type(1){transform:rotate(45deg)}
.navbar-toggler.active .navbar-toggler-icon:nth-of-type(3){transform:rotate(45deg)}
.navbar-toggler:hover,.navbar-toggler.active{background: #0080c7;}
.navbar-toggler:focus{outline:none;box-shadow: none;}
.navbar-toggler-icon{background: #fff;height: 1px;display:block;width: 25px;}
.navbar-toggler-icon+.navbar-toggler-icon{margin-top:5px}
.nav-slide{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.nav-slide-01{width: 350px;background: #0086d1;position: fixed;height: 100vh;top: 55px;right: 0;box-shadow: -5px 0 8px -3px rgb(77 77 77 / 50%);}
.nav-slide-01:not(.show){transform: translateX(370px);}
.navbar-nav .nav-item .nav-link{padding: 15px 20px;border-bottom: 1px solid #0080c7;}
.lan-box{padding: 17px 22px;}
.all-site-search-btn, .all-site-search-x{padding:17px 22px;line-height: 1;}
.nav-top-right .social-box{display: none;}
.social-box{margin-right:0;-webkit-justify-content: center;justify-content: center;border-top: 1px solid #0080c7;padding-top: 10px;padding-bottom: 9px;background: #ffffff;}
.nav-top-right .all-site-search{display: none;}
.all-site-search.open,.open .all-site-search-form{background: #0080c7;}
.all-site-search-form input::placeholder{color:#ffffff;}
.all-site-search form{width:100%}
.all-site-search-form{width: calc(100% - 62px);/* width: 100%; */}
.all-site-search-form button{margin-top:-5px;padding-left: 15px;background: #0080c7;}
.all-site-search-form button i{color:#fff}
.all-site-search-form input{width:100%;background: #0080c7;border-color: #498fd7;color: #fff;}
.all-site-search-x{padding: 17px 18px;background: #0076b8;/* display: none; */}
.all-site-search-x i{margin-top: -6px;display: inline-block;}
.all-site-search{border-left:none}
.all-site-search-btn{color:#fff;}
.nav-pro-right ul{overflow:initial;max-height: initial;}
.nav-item ul{position:initial;padding-left: 0;}
.nav-item ul li a{text-align:left;padding: 10px 20px;}
.nav-drop-ez .dropdown-content{position: relative;}
.nav-item .dropdown-content li a{background: #0080c7;color: #fff;padding: 15px 20px;text-align:left;border-bottom: none;}
.nav-item .dropdown-content li+li{border-top:1px solid #007cc0}
.pro-nav-container .nav-pro-left{display: none;}
.nav-pro-left{width: 100%;padding: 0;background: #0080c7;}
.nav-pro-left-info a{text-align:left;padding: 15px 20px;color: #fff;}
.nav-pro-left-info:hover{background-color: #eee;}
.nav-pro-left-info:hover a{color: #0086d1;}
.nav-pro-left-info+.nav-pro-left-info{border-top:1px solid #007cc0}
.nav-pro-right{width:100%}
.nav-pro-right ul li a,.nav-pro-right ul li:nth-of-type(1) a{padding:10px}
.nav-pro-right ul .pro-sort-p{width:100%}
.pro-sort-des,.pro-sort-des+figure{display:none}
/*選單下拉*/
.nav-more-box{display:none;}
.nav-more-box:not(.show){display:none;}
.nav-more-box{height: 100vh;top: 0;position: absolute;padding: 15px;/* max-width: 500px; */z-index: 1000;max-height: initial;overflow: initial;}
.pro-nav-container{height: inherit;}
.nav-more-box:before{position:absolute;content:'';width:100%;height:100%;background: #f4f4f4;background: -webkit-linear-gradient(356deg,rgb(244 244 244)25%,rgb(10 153 217 / 0%)100%);background: linear-gradient(356deg,rgb(244 244 244)25%,rgb(10 153 217 / 0%)100%);z-index: 1;pointer-events: none;}
.pro-nav-container:after{background: #f4f4f4;background: -webkit-linear-gradient(135deg,rgb(244 244 244)25%,rgb(10 153 217 / 0%)100%);background: linear-gradient(135deg,rgb(244 244 244)25%,rgb(10 153 217 / 0%)100%);}
.pro-nav-container:before{/* background-position: unset; */height: 65%;background-position: left;}
/*選單下拉-副選單*/
.subHover{/* display:flex; */}
.subHover-btn{position: absolute;width: 45px;height: 40px;z-index: 1;top: 7px;right: 10px;text-align: center;line-height: 35px;background: #0086d1;color: #fff;box-shadow: 0 0 10px -2px #006aa5;border-radius: 2px;cursor: pointer;}
.subHover-btn:hover{background:#fff;color:#0086d1;}
.nav-drop-box-sub{opacity:1;position: initial;display: none;}
/*產品搜尋*/
.nav-more-back{margin-bottom: 15px;background: #ddd;padding: 5px 15px;/* display: table; */cursor: pointer;}
.nav-more-back i{display:inline-block;margin-top: -12px;vertical-align: middle;}
.pro-search-box-title{margin-bottom:20px}
.select-box{width:100%}
.select-box+.select-box{margin-top:5px}
/*首頁*/
.index-about{padding: 100px 0 120px;}
.index-about-s:before{left:15%}
.index-about-s:after{right:15%}
.mjtitle{margin-bottom:40px}
.mjtitle p{font-size: 22px;}
.mjtitle p:before{border-width: 20px 30px 0 0;}
.mjtitle p:after{border-width: 0 0 20px 30px;}
.index-pro-item p{font-size: 16px;}
.propp-box{margin:0 -10px;}
.propp-item{width: calc(50% - 20px);margin: 0 10px 20px;}
.news-tab a.active{border-bottom-color:#fff;}
.about-tab a.active{border-bottom-color:#fff;}
.index-news{padding:80px 0 100px}
.news-box:before{display:none}
.news-item{width:100%}
.news-date{width:80px}
.news-text{width:calc(100% - 80px)}
.news-date .day{font-size:26px}
.news-item:nth-of-type(even){margin-left:0}
footer:before{border-width: 50px 0 0 98vw;top: -50px;}
footer:after{border-width:0 0 80px 300px;top: -80px;}
/*產品-list*/
.type-filter form{display:none}
.title-sub span{max-width:100%;font-size: 15px;}
.prosort-list{width: calc(100% / 3 - 20px);}

.detail__related .prosort-list {
    width: 100%;
}
.type-filter{width: 100%;position:initial;margin-bottom: 40px;}
.type-filter+.pro-list{width:100%}
.pro-list{width:100%;padding-left: 0px;}
.comparison .container{position:relative}
.comparison-top{width:100%;padding-right: 0;border-right: 0;margin: 8px 0 15px;}
.comparison-top p{display:inline-block;border-left: 1px solid #eee;padding-left: 8px;margin-left: 8px;}

.comparison-list{-webkit-justify-content: center;justify-content: center;width: 100%;}
/*產品-detail*/
.left-pro{width: 250px;}
.right-pro{width: calc(100% - 250px);}
.right-pro .pro-modal{font-size:22px}
/*產品比較*/
.thtr-box{position:initial}
.tr-box .th, .thtr-box .th{width:160px}
.thtr-box-body{width:calc(100% - 160px)}
.compare-info table tr:nth-of-type(1){top:55px;}
/*關於stm*/
.vision-product-box .vision-product-text{padding:100px 0}
.about-bot{padding: 150px 0 50px;margin-top: -30px;}
.text-style .txt.sub{font-size:60px;transform: translate(-50%,-50%);}
.about-bot article b{font-size:40px;}
.about-box-stm{flex-wrap: wrap;}
.about-box-left{width: 100%;}
.about-box-right{width: 100%; padding:3rem 0 0 0; }
.about-box-left p {font-size: 22px;}
.about-box-left p span {font-size: 16px;}
.about-box-left span{font-size: 16px; line-height: 16px; font-weight: 0;}
/*歷史沿革*/
.bar-bgtext{margin-left: auto;}
.achievement-group .bar-tit{margin-bottom:5px}
.time-year-line .timeline > li{opacity:1; margin-top: 10px;}
.time-year-line .timeline:before{left:40px}
.time-year-line .timeline > li > .timeline-panel{width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}
.time-year-line .timeline > li > .timeline-badge{left:15px;margin-left:0;top:16px}
.time-year-line .timeline > li > .timeline-panel{float:right}
.time-year-line .timeline > li > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.time-year-line .timeline > li > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline-title figure{width: 80px;height: 80px;border-width: 5px;padding: 10px;}
.timeline-title p{font-size: 17px;width: calc(100% - 95px);}
.timeline-title p span{padding-left: 0;font-size: 14px;}


/*福利*/
.recruitment.grid-box .grid-all{width: calc(100% / 3 - 10px)};
/*環安政策*/
.policy-tit-box{padding-right:0;padding-left: 20px;}
.policy-tit{padding-left:10px}
.policy_cotainer_box .policy_article_box{margin-top:20px}
.policy_cotainer_box:nth-of-type(odd) .policy_article_box{padding-left:0}
.policy_cotainer_box:nth-of-type(even) .policy_article_box{padding-right:0}
.policy_img_box{width: 100%; margin: 0 auto;}
.policy_article_box{width: 100%;}
.box1{flex-direction: column;}
.box2{flex-direction: column-reverse;}
/**/
.society-box .title-sub{font-size: 28px;}
.society-box .society-text p{font-size: 18px;width: 100%;}
.society-box span{ margin: 0 ; font-size: 16px;}

.recruitment.grid-box{grid-template-columns: repeat(3,1fr);}
.recruitment.grid-box .grid-text{padding:10px 15px 10px 10px}
.contact_form_box{/* width: calc(100% - 20px); */padding: 20px;}
.main_color{font-size:17px;margin-bottom: 20px;}
.download_txt{margin-top: 24px;}
.society-bg{    background-attachment:initial;}
.recru-link img{width: 50%;}
/*製程介紹*/
.mobile{display: block;}
.PC{display: none;}
.process-img-box{margin: 0 auto; width:75% ;}
.process-img-box img{width: 100%;}
/*全球*/
.map-dot .dot-box .dot{display:none;}
.map-dot .dot-box{position:relative;left: 0;top: 0;right: 0;bottom: 0;margin-bottom: 20px;}
.global-box-item{display:block!important;position:relative;width: 100%;z-index: 1;left: 0;top: 0 !important;}
.global-box-item:before,.global-box-item:after{display:none;}
.global-box-area{margin-top:0;padding-top: 0;}
.global-map-pic>img, .global-map-info{display:none}
.map-dot{position:initial}
.global-box-area h2{font-size:20px}
.global-branch{font-size:18px;letter-spacing:0}
.global-company{font-size:16px}
.wrapper__style1{margin-top:60px;}
.privacy_pop h3{font-size: 19px;padding-bottom: 10px;margin-bottom: 10px;}
.privacy_pop p{font-size:16px}
.privacy_pop article{max-height: 300px;overflow: auto;margin-top: 20px;padding: 15px 10px;font-size: 16px;}
.privacy_pop{padding:15px}
/*footer*/
.footer-global{/* grid-column-gap: 0; *//* grid-row-gap: 20px; *//* grid-template-columns: repeat(1,1fr); */flex-direction: column;}
  .footer-global .global-box{max-width: 400px;margin: 20px auto;/* padding-bottom: 10px; */border-bottom: none;}
}
@media screen and (max-width: 800px){
    .comparison-stick{width:100%;top: auto;bottom: 0;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);}
    .comparison-stick.open{right:auto;transform: translateX(0);}
    .comparison-top{/* padding: 0; */padding: 0 15px 10px;margin-top: 0;}
    .comparison-top span{font-size:16px}
    .tool-fixed{position:initial;width: 100%;margin-top: 10px;}
    .pro-stick-b .tool-fixed a+a{margin-left:0}
    .container.open-comparison{width:100%;max-width: 100%;padding: 0;}
    .open-comparison{width:100%}
    .comparison-btn{width:100%;writing-mode: initial;padding: 10px;min-height: auto;}
    .comparison-btn i{margin-left: 8px;transform: rotate(90deg);left: auto;}
    .comparison{width:100%;max-width: 100%;left: auto;top: auto;position: initial;border: none;padding: 10px 0 0;}
    .comparison-stick:not(.open) .comparison{opacity:0;display: none;}
    .comparison-list{max-height: 150px;padding: 0 15px;}
    .comparison-list li{text-align:left;clear: both;}
    .comparison-list li+li{margin-top:5px}
    .comparison-list li figure{width: 125px;float: left;padding-right: 10px;} 
}
@media screen and (max-width: 768px){
    
/*全頁佈局*/
.font-style{font-size: 1.1rem;line-height: 1.7;}
.Bimg-box .index-banner-pc{display: none;}
.nav-slide-01,.nav-slide-02{max-width: 400px;}
.nav-slide-01:not(.show),.nav-slide-02:not(.show){transform:translateX(420px)}
.title-sub p{font-size: 24px;/* padding-bottom: 1em; */line-height: 26px;}
.cookiesBox{padding-bottom: 15px;}
.cookiesBox span{padding-right:0}
/*首頁*/
.index-about-t article br:not(.br-show){display:none}
.navbar-brand{margin-left: 10px;}
.index-about{padding:100px 0;text-align: left;}
.index-about-s{text-align:center}
.index-about-s:before, .index-about-s:after{width:40%}
.index-about-s:before{left:0}
.index-about-s:after{right:0}
.index-about:after{background-attachment:initial}
.index-about-title h1{font-size: 25px;}
.index-about-title h2{font-size: 18px;}
.propp-box{margin:0}
.propp-item{width:100%;margin: 0 0 20px;}
.news-tab{font-size:16px}
.news-tab a{padding: 4px 15px 6px;}
.about-tab{font-size:16px}
.about-tab a{padding: 4px 15px 6px;}
.index-news{padding: 60px 0 80px;}
.title-sub{margin-bottom:40px}
/*about*/
.timeline-panel{padding:10px}
.timeline-title figure{width:60px;height:60px;padding: 7px;margin-right:10px;border-width: 3px;}
.timeline-title p{font-size: 15px;width: calc(100% - 70px);}
.about-bot-box{flex-wrap:wrap;-ms-flex-wrap:wrap;margin-top:60px}
.about-bot-box article{width:100%;padding-right:0;margin-top:0}
.about-bot-box article+figure{width:66%;margin:30px auto 0}
.about-bot::before{background-attachment:initial;background-position: center;}
.about-bot{padding-top:30px;padding-bottom:80px}
.about-bot article b{margin-bottom:15px;font-size:32px;}
.about-bot article b:before{bottom:-5px}
.about-bot{margin: 0 auto;padding: 3em 0;margin-top: 30px;}

.text-style .txt.sub{/* display: none; */font-size: 45px;}
.policy-tit-box{padding:0}
/*banner*/
.inner-banner{margin-top: 55px;}
.inner-banner-title h1{font-size: 32px;transform: translate(-50%, -50%);}
.inner-banner figure{margin:0;}
/*about*/
.vision-product-box .vision-product-text{padding: 60px 0}
.vision-product-box .vision-product-text p{font-size: 22px;}
.vision-product .tab-pane .vision-product-text{width:100%;padding: 15px;}
.vision-product .tab-pane .vision-product-text:nth-of-type(even){margin-left:0}
.vision-bot::before{background-attachment:initial}
.vision-bot{padding-top:30px;padding-bottom:80px}
.history-bot::before{background-attachment:initial;}

/*新聞底層*/
.pic-box{flex-wrap:wrap;}
.pic-box .pic-box-picVid,.pic-box .pic-word,.pic-box .pic-box-picVid + .pic-word{width:100%;padding-left: 0;}
.pic-box.img-right .pic-word{padding-right:0}
/*產品-list*/
.prosort-list{width: calc(100% / 2 - 20px);}
.prosort-list p{font-size:15px}
.pro-list-pic{width:300px;margin: 0 auto;}
.pro-info{width:100%;padding-left: 0;margin-top: 10px;}
.pro-info .pro-modal:before{display:none}
.pro-list-btn{width:100%;display: -webkit-flex;display: flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;}
.pro-list-btn .btn-style{width: 100%;text-align: center;display: table;}
.pro-list-btn .two-btn-s{width:50%}
.pro-list-btn .two-btn-s+a{width:50%}
.pro-list-btn a+a{margin-top:0}

/*產品-detail*/
.left-pro{width: 80%;margin: 0 auto;position: initial;float: none;}
.right-pro{width: 100%;padding-left:0;margin-top: 30px;float: none;}
/*洽詢*/
.inquiry_item{width: calc(100% / 2 - 20px);}
/*比較*/
.compare-info table tr:nth-of-type(1){position:initial}
.compare-info table th{position:sticky;left:0;z-index: 2;background: #dedede;}
.compare-info table tr:nth-of-type(1) td{background-color:#f4f4f4}
.compare-info figure{padding:0}
.inquiry_item_clear{background:#fff}

/*產品比較*/
.compare-info{overflow-x:scroll;font-size: 14px;}
.compare-info .table-container{width:700px}
.thtr-box-body{width: 700px;}
/*  */
.recruitment.grid-box .grid-all{width: calc(100% / 2 - 10px)};
/*全球*/
.global-box-inner{flex-wrap:wrap;-ms-flex-wrap:wrap;}
.global-box{width:100%;border-bottom: 1px solid #eee;}
.global-box+.global-box{padding-left:0;margin-top: 15px;}
.csr-top{text-align:left}
}
@media screen and (max-width: 640px){
/*全頁佈局*/
.font-style{font-size: 1rem;}
/* #goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee} */
footer{/* margin-bottom:50px; *//* padding-bottom: 20px; */}
footer:before{border-width: 20px 0 0 98vw;top: -20px;}
footer:after{border-width:0 0 30px 200px;top: -30px;}
footer ul{margin-bottom: 10px;}
.inquiry-box-link{right:15px;bottom: 240px;}
#goTop{right:15px;bottom: 180px;}
/* footer ul li{display:block} */
/*about*/
.vision-product-box{width:100%;}
.vision-product-box .vision-product-text{color:#fff}
/*首頁*/

.index-about-title:before{border-width: 15px 40px 0 0;}
.index-about-title:after{bottom:-3px;border-width:0 0 15px 40px}
.index-about{padding: 60px 0;}
.index-about-s:before, .index-about-s:after{width:35%}
.index-about-title h1{font-size: 22px;}
.index-about-title h2{font-size: 17px;}
.index-news{padding-top:30px}
.news-tab{margin-bottom: 30px;font-size:15px;}
.about-tab{margin-bottom:15px;font-size:15px}
.news-bk{bottom:20px}
.news-text p{font-size:16px}
.wrapper {padding: 20px 0;}
/*about*/
.about-bot article b{font-size:28px;}
/*歷史沿革*/
.history__box{padding:0;}
.history__box+.history__box{margin-top: 20px;}
.achievement__stylebox{margin-bottom:5px}
.bar-bgtext-num{font-size:50px}
/*csr*/
.csr-top article br{display:none}
.csr-part>p{font-size:16px;padding: 4px 15px;}
.csr-part ul{margin-left:10px;padding: 15px 0 15px 40px;}
.csr-part ul span{font-size:16px;}
.csr-part ul span+p{font-size:16px;letter-spacing:0}
.csr-part ul li+li{margin-top:10px}
.approve.grid-box .grid-text{width:100px}
.approve.grid-box .grid-text+.grid-text{margin-left:0;}
.approve.grid-box .grid-text{padding:5px}
.csr-part ul>p{font-size:15px}
/*代理商*/
.puritem{width:100%}
.puritem+.puritem{margin-top:5px}
.purbox+.purbox{margin-top:15px}
/*產品-list*/
.pro-modal{font-size:22px}
.pro-list-pic{width:100%;}



/*產品-detail*/
.left-pro{width: 100%;}
}
@media screen and (max-width: 575px){
/*banner*/
.banner-slogan{top: 50%;}
.banner-slogan h1{font-size: 1.6rem;margin-bottom: 5px;padding: 0 10px;}
.banner-slogan span{font-size:15px}
/*header*/
.navbar-brand{padding:0}
.logo-img02{top:0}
.logo-l{font-size: 32px;}
.logo-r{margin-left:5px}
.logo-r span{font-size: 13px;}
.nav-pro-right ul{overflow:auto;max-height: 400px;}
/*首頁*/
.news-date{width:100%;text-align: left;margin-bottom: 5px;border-right: none;}
.news-text{width:100%;/* padding-left: 0; */padding-top: 8px;border-left: 1px solid #ddd;margin-left: 5px;padding-left: 15px;}
.news-date .day{display:inline-block}
/*產品*/
.prosort-list{width:100%;margin: 0 0 20px;}
/*  */
.other-input input{max-width: 200px;display: inline-block;}
.compare-info table tr:nth-of-type(1) th{min-width:120px}
.specification-info table{font-size:15px}
}
@media screen and (max-width: 480px){
    .nav-slide-01,.nav-slide-02{width: 350px;}
    .logo-l{font-size: 36px;}
    .logo-r{display:none}
    .comparison-list{/* margin: 0 -10px; */}
    .comparison-list li+li{/* margin-left:0 */}
/*     .comparison-list li{width: calc(50% - 20px);max-width: 100%;margin: 0 auto 10px;} */
    .recruitment.grid-box .grid-all{width: 100%;margin: 0 0 10px;};
    .recruitment .grid-img{/* height: 220px; */}
    .recruitment .grid-img img{margin-top:-20px}
   
    
    .ui-table th{background:#f7f7f7}
    .btn-style{padding: 8px 15px;}
    .specification-info table th,.specification-info table td{min-width: 100px;}
    .otherinput{margin-left:auto;width: 200px;}
    #toast #desc{font-size:13px}
}
@media screen and (min-width: 768px){
.all-site-search:not(.open):hover{background: #0080c7;}
.all-site-search:not(.open):hover .all-site-search-btn{color:#fff;}
.all-site-search-btn:hover,.all-site-search-x:hover{background: #0080c7;}
.Bimg-box .index-banner-rwd{display: none;}

}
@media screen and (min-width: 992px){
  .subHover-btn{display:none}
  .nav-pro-left-sm{display: none;}
  .pro-mo-nav{display: none;}
}
@media screen and (min-width: 990px){
   
    .type-filter-title i{display:none}
    
    .nav-more-back{display:none}
    .nav-item.active{background: #0080c7;position: relative;}
    .nav-item.active .nav-link{color: #fff;}
    .nav-slide-01 .social-box{display: none;}
    .nav-slide-01 .all-site-search{display: none;}
    .nav-pro-right ul li.show figure{display:block}
    .nav-pro-right ul li p:hover:before,.nav-pro-right ul li.show p:before{opacity:1;}
    .nav-pro-right ul li p:before{position:absolute;content:'';width:5px;height:20px;background:#0080c7;left: -20px;top: 50%;transform: translateY(-50%);opacity: 0;}
    
}
@media screen and (min-width: 1500px){
    .container{/* max-width: 1450px; */}
}


@media screen and (max-width: 1200px){
    .vision-product-box .vision-product-texta{padding:100px 0}
    .vision-product-box .vision-product-text p{font-size:25px}
}

@media screen and (min-width: 640px){
.vision-product-box:hover:after{opacity:1;width: calc(100% - 30px);height: calc(100% - 30px);}
.vision-test.vision-product-box:hover:after{opacity:0;width: calc(100% - 30px);height: calc(100% - 30px);}
}