@charset "utf-8";

/* CSS Document */
body{position:relative;font-family:'Poppins',sans-serif;font-size: 16px;line-height:1.5;color:#1d1d1d;padding-top: 80px;font-weight: 400;}
a{color:#000;text-decoration:none;}
a:hover{color:#777;}
*{ backface-visibility: hidden; -wetkit-backface-visibility: hidden;}
a,*::before,*::after{-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; }
*/
.alert_line{border-color: #d40023;}
.red{color: #d40023;}
.posDot{position: relative;}
.posDot__dot{position: absolute;top: -120px;}
figure {margin-bottom: calc(var(--bs-gutter-x));}
/* 右下快捷 */
.callCenter{z-index: 9;list-style-type: none;margin: 0;padding: 0;position:fixed;bottom: 0;right: 0;width: 4rem;border:solid 1px #ccc;}
.callCenter li{}
.callCenter .link{display: block;height: 4rem;line-height: 4rem;text-align:center;color: #acb3e4;background: #242f8a;/* background: #e77a1a; */font-size: 18px;}
#goTop{display:none;cursor:pointer;border-bottom:solid 1px #ccc;color: #ccc;background: #343a40;}
.callCenter .link:hover,#goTop:hover{background: #242f8a;color:#FFF}

/* 滑鼠游標 */
/* #cursor{display: none;} */

/*按鈕*/
.btnWrap { margin:2rem 0; text-align:center; }
.btnStyle{position: relative;z-index:1;display: inline-block;min-width: 150px;padding: .75rem 2rem;background: #242f8a;color: #fff;text-align: center;border:none;border-radius: 0;overflow: hidden;}
.btnStyle::after{content:'';z-index:-1;position:absolute;bottom:0;right:0;width:0;height:100%;background: #acb3e4;background: #e77a1a;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1);}
.btnStyle:hover{color:#fff}
.btnStyle:hover::after{left:0;width:100%}
.btnStyle--sub{background: #fff;color: #121212;border:solid 1px #121212}
.btnStyle--sub::after{background: #242f8a;color:#fff;}
.btnStyle--sub:hover{border-color:#242f8a}
.btnStyle--sub2{min-width: inherit;background: #e77a1a;padding: .25rem 1.5rem;border-radius: 3em;color: #fff;text-transform: uppercase;font-size: .9rem;}
.btnStyle--sub2::after{background:#c45d01}
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border:0;border-top:1px solid #eee}
}

/*RWD編輯器表格(X捲軸)*/
.table-container{/* display:inline-block; *//* vertical-align: top; */}
.table-container td,.table-container th{min-width:100px;padding:.5rem;border:1px solid #ccc;white-space:inherit}
.table-container th{background: #e8eaf0;}
.table-container p{margin-bottom:0}
.table-container p+p{margin-top:.5rem}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#1d1d1d;}

.warning-item p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.use-tool ul{padding-left:0;list-style:none}
.use-tool ul li{display:inline-block;margin: 0 5px;}
.use-tool ul a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.use-tool-sm{margin-bottom: 10px;display: block;text-align: center;}
.use-tool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.use-tool span{float:right;margin-top: 2px;font-weight: 600;}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper {position:relative;padding: 2rem 0 2rem;}
.wrapper--header{padding: 0;}
/* .wrapper--headerDetail{background: url(../images/all/bg.png)center/cover;} */
.detailbg{background: url(../images/about/bg-top.png)no-repeat center top/cover;padding-bottom: 2rem;}
.container-fluid{padding-left: 4rem;padding-right: 4rem;}
.container{max-width:1300px}
.main{}
/* 標題 */
.mjTitle{margin-bottom: 2rem;font-weight: 600;font-size: 3rem;}
.mjTitle::after{content:'';display:block;width:2.5rem;height:.5rem;margin: 2rem 0;background:#242f8a;/* background: #e77a1a; */}
.mjTitle .sort{display:inline-block;font-size:1.25rem;background: #474958;color: #fff;padding: .25rem 1rem;border-radius: 3em;}
.text-center.mjTitle::after{margin-left:auto;margin-right:auto}
.subTitle{
    font-size: 1.75rem;
	position: relative;
	margin-top: 2rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}
.subTitle::before,.subTitle::after{content:'';width: .5rem;height: .75em;position:absolute;left:0;top: 50%;transform: translate(0,-25%);}
.subTitle::before{background: #232c6f;transform: translate(0,-75%);}
.subTitle::after{background: #e77a1a;}
.detailHeader{display: flex;justify-content: space-between;align-items: center;width:100%;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: solid 1px #242f8a;}
.detailHeader .tt{width: calc(100% - 130px);margin-bottom: 0;color:#242f8a;font-weight: 600;font-size: 1.5rem;}
.detailHeader time{width: 130px;padding-left: 1rem;font-weight: 300;color:#242f8a;font-size:1.25rem;border-left: solid 1px #242f8a;}


/* banner */
.banner{position: relative;overflow: hidden;}
.banner .slick-dotted.slick-slider{margin-bottom:0}
.banner .slick-dots{/* position: static; */bottom: 0;padding: .5rem 4rem .5rem 0;}
.banner__item{position: relative;}
.banner__item img{width: 100%;}
.bnInnerInfo{position: absolute;z-index: 1;width: 100%;bottom: 10%;left: 0;/* right: 0; */max-width: 900px;/* margin: auto; */padding: 0 4rem;/* transform: translateY(-50%); */}
.bnInnerInfo .mj{display: inline-block;font-weight: 700;transition: all .5s ease-in-out;transition-delay: 250ms;opacity:0;filter: blur(.5em);transform: translateX(50%);}
.bnInnerInfo .mj .sm{font-size: 2rem;position: relative;display: inline-block;margin-bottom: 0;padding: 2px 1rem 2px;color: #fff;background: #9ea5dd;background: #acb3e4;border-radius: 3rem;}
.bnInnerInfo .mj .big{position:relative;display:inline-block;font-size: clamp(1rem,6vw,4rem);color: #fff;text-shadow: 0 .25rem .5rem rgba(0,0,0,.75);}
.bnInnerInfo .sub{font-size: 1.25rem;font-weight: 700;transition: all .5s ease-in-out;transition-delay: 300ms;opacity:0;transform:translateY(100%);}
.banner__item.slick-active .bnInnerInfo .mj{opacity:1;filter: blur(0);transform: translateX(0);}
.banner__item.slick-active .bnInnerInfo .sub{opacity:1;transform:translateY(0)}
.bnInnerInfo--right{left:inherit;right:0;text-align:right}

/*banner-animation*/
.bnAni__zone{pointer-events: none;position:absolute;top:0;left:0;width:100%;height:100%}
.square{
      position:
      absolute;
      width:10px;
      height:10px;
      background: #242f8a;
      display:
      block;
      -webkit-clip-path: polygon(
      0% 100%,
      50%  0%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%
    );
}
.square01{top:10%;left:10%;animation: loadingG 55s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;background: #c7cae0;width: 32px;height: 32px;}
.square02{top:40%;left:30%;width: 1rem;height: 1rem;animation: loadingGleft 35s cubic-bezier(0.4, 0, 1, 1) infinite;background: #f9e4d2;}
.square03{top:60%;left:50%;animation: loadingGleft 65s cubic-bezier(0.4, 0, 1, 1) infinite;}
.square04{bottom:20%;left:10%;width:20px;height:.5rem;animation: loadingG 45s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;}
.square05{bottom:25%;right:5%;width:1rem;height:1rem;animation: loadingGleft 85s cubic-bezier(0.4, 0, 1, 1) infinite;background: #ffdbbc;}
.square06{bottom:45%;right:8%;width: .5rem;height: .5rem;animation: loadingGleft 45s cubic-bezier(0.4, 0, 1, 1) infinite;background: #ffdbbc;}
.square07{bottom: 17%;right:12%;width: .5rem;height: .5rem;animation: loadingG 65s cubic-bezier(0.4, 0, 1, 1) infinite;background: #7bb1f3;}
.rectangle{position:absolute;width: 30px;height: .5rem;background: #c9efff;background: #f9e4d2;}
.rectangle01{top: 69%;left: 37%;animation: loadingJ 60s ease-in-out infinite;animation: loadingleft 60s ease-out infinite;}
.rectangle02{top: 50%;left: 50%;width:40px;height:.5rem;animation: loadingleft 80s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;}
.rectangle03{bottom:10%;left:20%;width:50px;height: .5rem;animation: loadingJ 40s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;background: #f9e4d2;}
.rectangle04{top:20%;right:10%;width: 60px;height: .5rem;animation: loadingleft 75s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;}
.rectangle05{bottom:5%;right: 10%;width: 65px;height: .5rem;animation: loadingJ 60s ease-out infinite;}
.rectangle06{bottom:5%;left: 15%;width: 25px;height: .5rem;animation: loadingleft 60s ease-out infinite;}
.rectangle07{top: 25%;left: 5%;animation: loadingJ 60s ease-out infinite;}
@keyframes loadingGleft {
  0% {
    transform: translate(0, 0) ;
	  -webkit-clip-path:polygon(
		    0% 100%,
		    50%  0%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%
);
  }
  50% {
    transform: translate(-370px, 10%) ;
	opacity:0;
	  -webkit-clip-path:polygon(
		    19.14% 100%,
		    0% 38.31%,
		    50% 0%,
		    100% 38.31%,
		    80.86% 100%,
		    80.86% 100%,
		    80.86% 100%,
		    80.86% 100%
		    );
  }
  100% {
    transform: translate(0, 5%) ;
	  -webkit-clip-path:polygon(
		    0% 100%,
		    50%  0%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%
);
  }
}
@keyframes loadingG {
  0% {
    transform: translate(0, 0);
	-webkit-clip-path:polygon(
		    0% 100%,
		    50%  0%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%
);
  }
  50% {
    transform: translate(370px, -10%);
	-webkit-clip-path:polygon(
		    19.14% 100%,
		    0% 38.31%,
		    50% 0%,
		    100% 38.31%,
		    80.86% 100%,
		    80.86% 100%,
		    80.86% 100%,
		    80.86% 100%
		    );
  }
  100% {
    transform: translate(0, -5%);
	-webkit-clip-path:polygon(
		    0% 100%,
		    50%  0%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%,
		    100% 100%
		    );
  }
}
@keyframes loadingleft {
  0%,100% {transform: translate(0, 0);}
  50% {transform: translate(-280px, 5%);background-color: #e28838;}

}
@keyframes loadingJ {
  0%,100% {transform: translate(0, 0);}
  50% {transform: translate(280px, -5%);background-color:#1face6;}
}
.pgBanner{position:relative;padding: 5rem 0 10rem;clip-path: polygon(0 0, 100% 0, 100% 80%, 70% 100%, 0 80%);background-size: cover;background-position: center;/* text-align: center; */text-shadow: 0 0.25em 1em rgb(0 0 0 / 50%);}
.pgBanner::before{content:'';position:absolute;left:0;bottom:0;width:100%;height: 50%;background: #242f8a;opacity:.5;clip-path: polygon(40% 50%, 75% 70%, 100% 0%, 100% 100%, 0 100%, 0 70%);}
.pgBanner .breadcrumb, .pgBanner .breadcrumb a,.pgBanner .breadcrumb-item+.breadcrumb-item::before{color:#fff}
.pgBannerTitle,.pgBannerSubTitle{color:#fff}
.pgBannerTitle{margin-bottom: 0;font-size: clamp(3rem,6vw,4rem);font-weight: 700;}
.pgBannerSubTitle{margin-bottom: 0;font-size: clamp(1.5rem,6vw,2.5rem);}
.pgBannerSubTitle::after{content:'';display: block;width:3rem;height:.5rem;width: 2.5rem;height: 0.5rem;margin: 2rem 0;background: #242f8a;}

/* 麵包屑 */
.breadcrumb{padding-left: 0;padding-right: 0;background: transparent;}
.breadcrumb--right{justify-content: flex-end;}

/*footer*/
footer{position:relative;background: #232c6f;padding: 3rem 0 2rem;font-size: .95rem;overflow:hidden;font-weight: 300;overflow: hidden;}
footer ul{list-style-type:none;margin:0;padding:0}
footer,footer a{color: #d4d9ea;}
footer a:hover{color: #d4d9ea;}
.footerBlock__box--right{display:flex;flex-wrap:wrap;flex-direction:column;width: 100%;padding-top: .5rem;}
.footerBrand{display: flex;align-items: flex-end;margin-bottom:1rem;margin-right: 1rem;padding:0;font-size:1.75rem;font-weight:300;text-transform:uppercase;}
.footerBrand img{max-width:70px}
.footerBrand .txt{font-size: 1.75rem;font-weight: 700;margin-left: 1rem;margin-bottom: 0;line-height: 1;}
.footerBrand path{fill:#fff}
.footerInfo{margin-bottom:1rem;padding: 0 0 0 1.25rem;}
.footerInfo li{margin-bottom:.5rem}
.footerInfo__link{display:flex;}
.footerInfo__link i{width: 1.5rem;height: 1.5rem;line-height: 1.5rem;background: #d4d9ea;display: inline-block;text-align:center;color: #232c6f;border-radius:100%;font-size: .9rem;}
.footerInfo__link span{width:calc(100% - 1.5rem);padding-left:1rem}

.footerShare{display:inline-block}
.footerShare li{display:inline-block;font-size:1.25rem}
.footerShare li+li{margin-left:1rem}
.footerShare__link{color: #82a4cf;}
.footerShare__link:hover{color: #bcd9fd;}
.footerMenu{display:flex;flex-wrap:wrap;margin: .5rem 0 1rem;}
.footerMenu::after{content:'';display:block;width: 100%;height:1px;background: #d4d9ea;margin:1rem auto 0}
.footerMenu li{display:inline-block}
.footerMenu .nav-link{margin-bottom: 0;padding: .25rem;}
.footerMenu .subLink{display:block;margin-left: 1rem;padding: .25rem 1rem;border-left: solid 1px #acb3e4;}
.footerBottom{margin-top: auto;}
.mediaGroup{list-style-type: none;margin: 0 0 0 auto;padding: 0 .5rem;display: flex;justify-content: flex-end;}
.mediaGroup a{display: block;padding: 1rem .5rem;font-size: 1.5rem;}
.mediaGroup a:hover{opacity:.5}
.mediaGroup .bi-facebook{color: #365899;}
.mediaGroup .bi-instagram{background: linear-gradient(227deg, #B900B4 0%, #F50000 100%);-webkit-background-clip: text;color: transparent;-webkit-box-decoration-break: clone;}
.mediaGroup .bi-linkedin{color: #0073b1;}
.copyright{display:inline-block;margin-right:1rem;font-size: .9rem;}

/* 選單 */
.navbar-toggler{position: relative;z-index: 9999999;display:inline-block;padding:2rem 1rem;border:none;vertical-align:top;background:transparent;outline:none;}
.navbar-toggler span{display:block;position:relative;width:2.5rem;height:.5rem}
.navbar-toggler span:before,.navbar-toggler span:after{content:'';position:absolute;left:0;height:1px;width:100%;background: #242f8a;transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.navbar-toggler span:before{top:0}
.navbar-toggler span:after{bottom:0}
.navbar-toggler:not(.collapsed) span:before, .navbar-toggler:not(.collapsed) span:after{/* background:#fff; */}
.navbar-toggler:not(.collapsed) span:before{transform:rotate(45deg);top: 50%;}
.navbar-toggler:not(.collapsed) span:after{transform:rotate(-45deg);bottom: 50%;}
.navbar{padding: 0;background:#fff;box-shadow: 0 0 .5rem rgba(0,0,0,.1);}
.navbar::after{content:'';display:block;position:fixed;left:0;top:0;bottom:0;width:.5rem;background: #242f8a;}
.navbar-brand{display: flex;align-items: flex-end;}
.navbar-brand img{max-width: 50px;}
.navbar-brand .txt{margin-left: .5rem;margin-bottom: 0;color: #242f8a;font-size: 1.5rem;font-weight: 700;text-transform: uppercase;line-height: 1;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 1.5rem;font-size: 1rem;font-weight: 400;}
.nav-item .nav-link{}
.nav-item.active .nav-link{text-decoration: underline;}
.nav-item+.nav-item{border-left: solid 1px #E4E4E4;}
.dropdown-item{padding: 0.75rem 1rem;}
.dropdown-item:hover{background:inherit}
.dropdown-toggle::after{content:'';display:inline-block;width:6px;height:6px;border:solid 1px #000;border-left:none;border-top:none;margin-left:.255em;vertical-align:.255em;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

/* 首頁 */
.ixBlock{padding-top: 2rem;padding-bottom: 2rem;}
.ixBlock--product{}
/* .videoBox{position: relative;}
.videoBox:after {
    position: absolute;
    content: "";
    z-index: -1;
    background-image: url(../images/all/dotted.png);
    background-size: 85%;
    bottom: -2rem;
    right: -2rem;
    width: 20%;
    height: 80%;
} */
.ixBlock--news{background: url(../images/all/bg.png)center/cover;}
.innerBox{display:flex;flex-wrap: wrap;}
.innerBox__left{width: 25%;}
.innerBox__left .txt{margin-bottom: 2rem;font-size:1.25rem}
.innerBox__right{width: 75%;border-left: solid 1px #e4e4e4;padding-left: 2rem;}

.ixBlock--3 .mediaGroup{justify-content: flex-start;padding: 0;}
.ixBlock--3 .mediaGroup a{color: #242f8a;font-size: 2rem;}

/* 產品大類 */
.sortWrap{display:flex;align-items:flex-start;flex-wrap:wrap;flex-direction:row-reverse;background: #f5f5f5;}
.sortWrap--noBg{background:transparent}
.sortWrap--noBg .sortWrap__info{padding-bottom:0}
.sortWrap__pic{width:50%;position:sticky;top:5rem}
.sortWrap__info{width:50%;padding: 2rem;}
.sortWrap__info:only-child{width:100%}
.sortWrap__info__briefly{margin-bottom: 1rem;font-size:1.75rem;color: #242f8a;}
.slick--proSort.slick-dotted.slick-slider{margin-bottom:0;padding: 0 2rem;}
.slick--proSort .slick-dots{position:relative;bottom:0;margin-top:1rem}
.slick--proSort .slick-list{border:solid 1px #ccc;background:#f5f5f5}
.slick--proSort .slick-track{display:flex}
.slick--proSort .slick-prev,.slick--proSort .slick-next{width:auto;height:auto}
.slick--proSort .slick-prev{left:0;}
.slick--proSort .slick-next{right:0;}
.slick--proSort .slick-prev:before,.slick--proSort .slick-next:before{content:'';opacity:1;display:block;color:#333;width:2rem;height:2rem;transform:translateY(-50%)}
.slick--proSort .slick-prev:before{width:0;height:0;border-style:solid;border-width:15px 20px 15px 0;border-color:transparent #232c6f transparent transparent}
.slick--proSort .slick-next:before{width:0;height:0;border-style:solid;border-width:15px 0 15px 20px;border-color:transparent transparent transparent #232c6f}
.slick--proSort .slick-prev:hover:before{border-color:transparent #e77a1a transparent transparent}
.slick--proSort .slick-next:hover:before{border-color:transparent transparent transparent #e77a1a}
.slick--proSort .proSortBox{height:auto;border-left:solid 1px #ccc;border-right:solid 1px #ccc;margin-left:-1px;background:#fff}
.proSortBox{padding:1rem}
.proSortBox__body{display:block;height:100%}
.proSortBox__body .infoBox{height:100%;padding:.5rem}
.proSortBox__body .infoBox__mj{font-size:18px;text-align: center;}
.proSortBox__body .infoBox:only-child{display:flex;align-items:center;background:#f5f5f5}


/* 頁碼 */
.pagination { display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 2rem 0px; }
.pagination__list { display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; list-style: none; padding: 0px; margin: 0px; order: 2;}
.pagination__list li { padding: 0px 0.25rem; }
.pagination__list span[aria-current="page"] {background: #cad8e8;background: #e9ecf0;color: #173459;}
.pagination__control.prev { order: 1; }
.pagination__control.next { order: 3; }
.pagination a, .pagination__list span { display: inline-block; min-width: 40px; height: 40px; padding: 0px 0.75rem; text-align: center; text-transform: uppercase; word-spacing: 0.5rem; border-radius: 3rem; color: #2a3b4a; font-size: 0.9rem; line-height: 40px; }

/* 產品底層 */
.wrapper--headerDetail .sortWrap{
    background: transparent;
}
.casePicture {overflow: hidden;margin: 0;overflow: hidden;}
.casePicture__gather {margin: .5rem -.5rem 0;}
.casePicture__gather .swiper-slide { padding: 0.5rem 0.5rem 0px; }
.casePicture__gather .pictureBox {padding: .5rem;opacity:.5}
.casePicture__gather .pictureBox.slick-current{opacity:1}
.pictureBox img { max-width: 100%; width: 100%;}
.pictureBox__bg{display: block;}
.pictureBox__bg img{opacity:0;}
.editBox h1,.editBox h2,.editBox h3,.editBox h4,.editBox h5{color:#1f91d0;color: #242f8a;}

/* 圖文 */
.pageContent{}
.pageContent table { max-width:100%;width: 100%;}
.tx01 {/* clear: both; *//* overflow:hidden; */margin-bottom: 1rem;}
.img-left,.img-right{display: flex;align-items: center;gap: 1rem;}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-right.tx01 figure +  .text{/* width:50%; */}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
/* .tx01 figcaption::before{content:'';position:absolute;top: .5rem;bottom: .5rem;left:0;width: .5rem;background: #333;} */
.tx01 img{max-width:100%;max-height:100%;height:auto!important}

/* 單元共用 - about */
.p1{font-size: 18px;}
.wrapper--about{min-height: 100vh;padding: 2rem 0 4rem;background: url('../images/about/bg.png')no-repeat center bottom;background-size:100% auto;}
.wrapper--about::before{content:'';position:absolute;left:0;right:0;top:0;height:300px;background: linear-gradient(to bottom, #ffffff 0%,rgba(255,255,255,0) 100%);}
.wrapper--about .innerZone{position: relative;z-index: 1;display: flex;align-items: flex-start;padding: 2rem 0;flex-wrap: wrap;}
.wrapper--about .innerZone::after{content:'';position:absolute;z-index: -1;left:25%;right:0;top:0;bottom:0;background: rgba(255, 255, 255, 0.85);border-radius: 0 2rem 0 2rem;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);box-shadow: 0 1.25rem 2rem rgba(0, 0, 0, 0.2);}
.wrapper--about .innerZone__box{width: 50%;/* padding: 1rem; */}
.wrapper--about .innerZone__box--pic{position: sticky;top: 100px;}
.wrapper--about .innerZone__box--info{padding: 1rem 2rem;}
.wrapper--about .innerZone__box__slogan{position:absolute;z-index: 1;right: 50%;bottom: 0;color: #232c6f;font-size: clamp(2rem,10vw,3rem);font-weight: 700;-webkit-text-stroke: 1px #e77a1a;color: transparent;text-align: right;max-width: 700px;text-shadow: -0.25rem -0.25rem 0 #232c6f;}
.wrapper--about:nth-of-type(odd) .innerZone{flex-direction: row-reverse;}
.wrapper--about:nth-of-type(odd) .innerZone::after{left:0;right:25%;border-radius: 2rem 0 2rem 0;}
.wrapper--about:nth-of-type(odd) .photoFrame--type1::after{left:inherit;right:0;border-radius: 4rem 0 4rem 0;}
.wrapper--about1{background: url('../images/about/bg-top.png')no-repeat center top;}
.wrapper--about1{padding-bottom: 10rem;}
.p1--p1_1 .wrapper--about .innerZone{align-items: flex-start;}
.photoFrame{position: relative;z-index: 1;padding: 2rem;}
.photoFrame::before,.photoFrame::after{content:'';position:absolute;z-index: -1;}
.photoFrame figure{margin-bottom: 0;}
.photoFrame .mjPic{display: inline-block;border-radius: 0 3rem 0 3rem;overflow: hidden;box-shadow: 0 .5rem 1rem rgb(0 0 0 / 20%);}
.photoFrame--type1{}
.photoFrame--type1::after{left: 0;bottom: 0;width: 50%;height: 50%;background: #dee2ff;background: #acb3e4;background: #e77a1a;border-radius: 0 4rem 0 4rem;}
.photoFrame--type1 .mjPic{}

.wrapper--aboutSlogan{position: relative;z-index: 1;padding: 0 0 4rem;background: #171f5a;color:#fff;text-align:center;/*  */font-size: 1.25rem;}
.wrapper--aboutSlogan::before{content:'';position:absolute;z-index: -1;left:0;right:0;bottom:100%;margin-bottom: -2px;height: 8rem;background: #171f5a;clip-path: polygon(30% 10%, 77% 41%, 100% 0, 100% 100%, 0 100%, 0 51%);}
.wrapper--aboutSlogan::after{content:'';position:absolute;z-index: -2;left:0;right:0;bottom:100%;margin-bottom: -1px;height: 13rem;background: rgba(255, 255, 255, 0.3);clip-path: polygon(31% 24%, 77% 41%, 100% 0, 100% 100%, 0 100%, 0 51%);clip-path: polygon(67% 35%, 100% 17%, 100% 100%, 0 100%, 0 0);clip-path: polygon(28% 38%, 99% 0, 100% 100%, 0 100%, 0 18%);clip-path: polygon(73% 45%, 100% 25%, 100% 100%, 0 100%, 0 0);}
.wrapper--aboutSlogan .slogan{font-size: clamp(3rem,6vw,5rem);font-weight: 700;text-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.5);-webkit-text-stroke: 0.75px #fff;color: rgba(255,255,255,0);transition:all 3s ease;transition-delay: 500ms;}
.animated.wrapper--aboutSlogan .slogan{color: rgba(255,255,255,1);}

.innerZone2{padding: 1rem;border-radius: 2rem 0 2rem 0;background-color: rgba(255,255,255,.85);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);box-shadow: 0 1.25rem 2rem rgba(0, 0, 0, 0.2);}
.featuresLis{list-style-type: none;margin: 0;padding: 0;display: flex;justify-content: center;flex-wrap:wrap}
.featuresLis li{width: calc(100% / 3);padding: 1rem;}
.featuresLis .tt{font-size: 1.25rem;font-weight: 600;}

/* 歷史沿革 */
.wrapper--milestone{padding-bottom:4rem}
.timeline{line-height:1.4em;list-style:none;margin:0;padding:0;width:100%;display: flex;flex-wrap: wrap;align-items: self-start;}
.timeline__item{padding-left:40px;position:relative}
.timeline__item:last-child{padding-bottom:0}
.timelineInfo{font-size: 2rem;font-weight:700;letter-spacing:3px;margin:0 0 .5em;text-transform:uppercase;white-space:nowrap}
.timelineMarker{position:absolute;top:0;bottom:0;left:0;width:15px}
.timelineMarker:before{background: #242f89;border:3px solid transparent;border-radius:100%;content:"";display:block;height:15px;position:absolute;top:4px;left:0;width:15px;transition:background .3s ease-in-out,border .3s ease-in-out}
.timelineMarker:after{content:"";width:3px;background:#ccd5db;display:block;position:absolute;top:24px;bottom:0;left:6px}
.timeline__item:last-child .timelineMarker:after{content:none}
.timelineContent{padding-bottom:40px}
/* .timelineContent p:last-child{margin-bottom:0} */
.period{padding:0}
.period .timelineInfo{display:none}
.period .timelineMarker:before{background:transparent;content:"";width:15px;height:auto;border:none;border-radius:0;top:0;bottom:30px;position:absolute;border-top:3px solid #ccd5db;border-bottom:3px solid #ccd5db}
.period .timelineMarker:after{content:"";height:32px;top:auto}
.period .timelineContent{padding:40px 0 70px}
.period .timelineContent__title{margin:0}
.timeline--centered .timeline__item.period{width:100%}

/* 文字/圖設定 */
.infoBox__name{margin-bottom: 0;font-size: 18px;font-weight: 600;}
.infoBox__txt{margin-bottom: 0;font-size: 1rem;font-weight: 400;}
.picBox{position:relative;display: block;margin-bottom: 0;background-position:center;background-repeat:no-repeat;background-size: 100%;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.picBox__default{opacity: 0;}

/*格狀列表--共用*/
.gridLayout{list-style-type: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 1rem;}
.gridLayout__item{}
.gridLayout__item .picBox{}
.gridLayout__item .picBox .mark{position:absolute;left:0;bottom:0;padding:3px .25rem 1px;font-size:.9rem;background:#242f8a;color:#fff}
.gridLayout__item .picBox__mj{}
.gridLayout__item .infoBox{position:relative;display: flex;flex-direction: column;padding: 1rem;}
.gridLayout__item .infoBox__mj{position:relative;width:100%;max-height: 2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 0;font-size:1.25rem;font-weight: 400;transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.gridLayout__item .infoBox__txt{margin-top: .25rem;margin-bottom: .25rem;}
.gridLayout__item time{margin-top: auto;font-size: .9rem;text-align:right;}

/*格狀列表--產品*/
.gridLayout--proSort{grid-gap: 1px;background:#e4e4e4;border: solid 1px #e4e4e4;}
.gridLayout--proSort .gridLayout__item{background: #fff;padding: 1.5rem;}
.gridLayout--proSort .gridLayout__item a{position:relative;display:block;height: 100%;}
.gridLayout--proSort .gridLayout__item .infoBox::before{content: '';position: absolute;right: 0;top: -.5rem;z-index: 1;display: block;width: 0;height: .5rem;background: #242f8a;}
.gridLayout--proSort .gridLayout__item:hover .infoBox::before{width: 100%;left: 0;}
.gridLayout--proSort .infoBox__mj{text-align:center}
.gridLayout--proSort .gridLayout__item .infoBox{padding-left:0;padding-right:0}
/*格狀列表--最新消息*/
.gridLayout--news{grid-template-columns: repeat(1,1fr)!important;}
.gridLayout--news li+li .gridLayout__item{border-top: solid 1px #e4e4e4;padding-top: 1rem;}
.gridLayout--news .gridLayout__item{display:flex;flex-wrap: wrap;}
.gridLayout--news .gridLayout__item .picBox{width: 150px;}
.gridLayout--news .gridLayout__item .infoBox{width: calc(100% - 150px);padding-top: 0;padding-bottom: 0;}
.gridLayout--news .gridLayout__item .infoBox:only-child{width:100%;padding-left: 0;}
.gridLayout--news .gridLayout__item .infoBox__mj{color: #242f8a;font-weight: 700;}

/*格狀列表--工廠*/
.gridLayout--proSort2{grid-template-columns: repeat(1,1fr);}
.gridLayout--proSort2 .gridLayout__item .infoBox{padding-left:0;padding-right:0}
/* layout共用 */
.layoutLis{list-style-type: none;margin: 0 0 4rem;padding: 0;display: flex;flex-wrap: wrap;}
.layoutLis__item{display:block;overflow:hidden}
.layoutLis__item .infoBox,
.layoutLis__item .picBox{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.layoutLis__item .picBox{object-fit: cover;background-size: cover;background-position:center;-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);border: solid 1px #ccc;}
.layoutLis__item .btnStyle{margin-top:1rem}

/* layout--product 產品列表 */
.layoutLis--product{margin: 0 -.5rem 0;}
.layoutLis--product li{padding: .5rem;width: 50%;}
.layoutLis__item--product{position: relative;display: block;overflow:hidden;}
.layoutLis__item--product .infoBox{position: relative;display: block;padding: .5rem;transform: translateY(0);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.layoutLis__item--product .infoBox__name{margin-top: .25rem;margin-bottom: .5rem;}
.layoutLis__item--product .infoBox__txt{position:relative;height: 3.6em;overflow: hidden;}
.layoutLis__item--product .infoBox__txt:not(.nomore){padding-right: 52px;}
.layoutLis__item--product .infoBox__txt:not(.nomore):after{
	content:
	"...more";
	position:
	absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	color: #242f8a;
}

/* layoutLis--news 最新消息 */
.layoutLis--news{gap: 1rem;}
.layoutLis__item--news{display: flex;flex-wrap:wrap;align-items: flex-start;height: 100%;padding: 1rem;box-shadow: 0 0 .5rem rgba(0,0,0,.1);border: solid 1px #242f8a;}
.layoutLis__item--news .itemHeader{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width:100%;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: solid 1px #242f8a;}
.layoutLis__item--news .itemHeader .tt{width: calc(100% - 130px);margin-bottom: 0;color:#242f8a;font-weight: 600;}
.layoutLis__item--news time{width: 130px;padding-left: 1rem;font-weight: 300;color:#242f8a;font-size:1.25rem;border-left: solid 1px #242f8a;}
.layoutLis__item--news .infoBox{display: flex;width:70%;padding:0 1rem;flex-direction: column;align-items: flex-start;}
.layoutLis__item--news .btnStyle{margin-lefT:auto;margin-top:auto}
.layoutLis__item--news .picBox{width:30%}

.layoutLis__item--news:hover{box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.3);background: #f0f1ff;}

/* location */
.reviewMap{position: relative;/* background: #242f8a; */background: #242f8a;}
.reviewMap>ul{list-style-type: none;margin: 0;padding: 0;}
.img-mapBox{position: relative;}
.img-mapBox::before{content:'';display: block;position:absolute;left:0;bottom: 0;width:100%;height: 50%;background: #ffffff;opacity:.5;clip-path: polygon(40% 50%, 70% 80%, 85% 80%, 120% 0%, 100% 100%, 0 100%, 0 70%);}
.img-mapBox embed{width: 100%;display: block;}
.mapList{position: absolute;}
.mapList:hover{z-index:2}
.Taipei{bottom: 47.5%;right: 33%;}
.Huizhou{bottom: 27.5%;right: 43%;}
.Vietnam{bottom: 33.5%;right: 63%;}
.Changhua{bottom: 32%;right: 33%;}
.Shanghai{bottom: 63.5%;right: 31%;}
.Ningbo{bottom: 60.5%;right: 48%;}
.Taizhou{bottom: 52.5%;right: 50%;}
.Xiamen{bottom: 43%;right: 50.7%;}
.Dongguan{bottom: 25%;right: 52%;}
.Changhua .mapList__info,.Vietnam .mapList__info,
.Huizhou .mapList__info,.Dongguan .mapList__info{bottom: 0px;top: auto;}
.Xiamen .mapList__info{top: -100px;}
.mapList__name{display: flex;align-items: center;border-radius: 3em;cursor: pointer;padding: .25rem 1rem;text-align: center;color: #fff;font-weight: 500;background: #242f8a;margin-bottom: 0;font-size: 1vw;}
.mapList__name i{font-size: 32px;color: #242f8a;}
.mapList__info{pointer-events: none;position: absolute;top:0;left: 100%;padding-left: 0;transform: translatex(0px);transition: all 0.3s linear 0s;z-index: 1;}
.mapList__info__body{width: 340px;padding: .5rem;background-color: #fff;border-radius: .5rem;box-shadow: 0 0 1rem rgba(0,0,0,.3);}
.mapList__info__body .textBox{position:relative;padding: 1rem 0 0;}
.mapList__info__body .name{position: absolute;left: 0;bottom: 100%;font-size: 1.25rem;color: #fff;margin-bottom: 0;padding: .25rem .75rem;font-weight: 400;background: rgb(231 122 26 / 80%);border-radius: 0 1.5rem 0 0;}
.mapList__info__body p{margin-bottom:.25rem;}
.mapList__info__body .info .tt{margin-right: .5rem;background-color: #242f8a;color: #fff;padding: 4px 10px;display: inline-block;border-radius: 50px;margin-bottom: .5rem;font-size: .9rem;width: 110px;text-align: center;}
.mapList__info__body .info .tt i{margin-right: 5px;}
.mapList__info__body .info .txt{display:block}
.mapList__info__body .imgBox{max-height: 210px;margin-bottom: 0;display: flex;align-items: center;overflow: hidden;border-radius: .25rem .25rem .25rem 0;}
.mapList:not(.active) .mapList__info {opacity: 0;}
.mapList:hover .mapList__name{background-color:#e77a1a}
/* .mapList:hover .mapList__name i{color: #e77a1a;} */
.mapList.active .mapList__info{z-index: 2;pointer-events: inherit;opacity: 1;padding-left: 1rem;transform: translatex(-10px);transition: all 0.3s linear 0s; }
	@-webkit-keyframes baloon_1{
		0% { transform:translateY(0px);}
		50% {transform:translateY(-10px);}
		100% {transform:translateY(0px);}
	}
	
	@-moz-keyframes baloon_1{
		0% { transform:translateY(0px);}
		50% {transform:translateY(-10px);}
		100% {transform:translateY(0px);}
	}
	
	@-ms-keyframes baloon_1{
		0% { transform:translateY(0px);}
		50% {transform:translateY(-10px);}
		100% {transform:translateY(0px);}
	}
	
	@-o-keyframes baloon_1{
		0% { transform:translateY(0px);}
		50% {transform:translateY(-10px);}
		100% {transform:translateY(0px);}
	}
	
	@keyframes baloon_1{
		0% { transform:translateY(0px);}
		50% {transform:translateY(-10px);}
		100% {transform:translateY(0px);}
	}

/* 	.pulsate {
		width: 15px;
		height: 15px;
		background: #242f8a;
		border-radius: 8px 8px 8px 0;
		position: relative;
		animation: color 1.15s ease-in-out infinite;
		margin-left: 5px;
		transform: rotate(-45deg);
		}
	  @keyframes color {
		  0% {
			  background: #242f8a;
		  }
		  50% {
			  background: #e77a1a;
			  transform: rotate(-45deg) scale(.7);
		  }
	  }
	  
	  .pulsate::after {
		animation: pulse 1.15s ease-in-out infinite;
	  }
	  @keyframes pulse {
		0% {
		  opacity: 0;
		}
		25% {
		  transform: scale(1);
		}
		38% {
		  transform: scale(2);
		  opacity: 1;
		}
	  }
	  
	  .pulsate::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: radial-gradient(circle, transparent 25%, #242f8a);
		border-radius: 8px 8px 8px 0;
		z-index: -1;
		} */
	  

.mapMore{text-align: center;border-top: 1px solid #e4e4e4;margin-top: 20px;}
.mapMore a{margin-top: 10px;}
.wrapper--locationInfo .title{font-size: 28px;color: #242f8a;font-weight: bold;margin-bottom: 0px;position: relative;}
.wrapper--locationInfo .title::after{content: '';display: block;width: 2.5rem;height:3px; background: #242f8a;margin-bottom: 10px;}
.wrapper--locationInfo .infoBlock{margin-bottom: 30px;}
.wrapper--locationInfo .infoBlock p{margin-bottom: 0;}
.wrapper--locationInfo .infoBlock .subTitle{font-size: 18px;display: block;padding-left: 1.25rem;font-weight: 500;}
.wrapper--locationInfo .infoBlock .subTitle::before, .wrapper--locationInfo .infoBlock .subTitle::after{width: .4rem;top:.75em}
.infoBlock__box{border-bottom: 1px solid #e4e4e4;margin-bottom: 40px;}
.infoBlock__box:last-child{border-bottom: 0px;}
.infoBtn{margin-top: 1rem;}

/* 工廠介紹 */
.wrapper--factory{min-height: 100vh;background: url(../images/about/bg-top.png)no-repeat center top/cover;font-size: 18px;}
.wrapper--factory::before{content:'';position:absolute;left:0;right:0;top:0;height:300px;background: linear-gradient(to bottom, #ffffff 0%,rgba(255,255,255,0) 100%);}
.wrapper--factory>*{position:relative;z-index:1}
.factoryZone01{display: flex;flex-wrap: wrap;align-items: flex-start;}
.factoryZone01__box{}
.factoryZone01__box--pic{position: sticky;top: 100px;width:40%;padding-right: 2rem;}
.factoryZone01__box--info{width: 60%;}

.factoryZone02{}
.factoryZone02 .tx01{/* font-size: 20px; *//* font-weight: 500; */}
.factoryZone02 .tx01 img{width:100%}
/* 聯絡我們 */
.p7{padding-bottom: 7rem;background: url('../images/contact/p7.png')no-repeat center top/cover;}
.mapZone{clip-path: polygon(53% 0%, 100% 10%, 100% 100%, 0 100%, 0 0);clip-path: polygon(0% 0%,30% 20%, 80% 0%,100% 5%, 100% 100%, 0 100%);background: #232c6f;margin-top: -7rem;}
.mapZone__map{display: flex;clip-path: polygon(100% 25%, 100% 100%, 0% 100%, 0 30%, 70% 15%);}
.contactZone{max-width: 1000px;margin: auto;padding: 2rem;border-radius: 1rem;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);background: #fff;}
.contactZone .subTitle{margin-bottom: 2rem;font-size:1.25rem}
.contactZone .form-group{margin-bottom:1rem}

/* Executives 主管 */
.teamLis{list-style-type:none;margin: 0;padding: 0;display: grid;gap: 2rem;grid-template-columns: repeat(3,1fr);}
.teamLis__item{}
.teamLis__item .picBox{margin-bottom: 1rem;}
.teamLis__item .peoName{font-size: 1.5rem;}
.teamLis__item .peoTitle{font-size: 1.25rem;/* color: #999; */font-weight: 400;}
.teamLis__item .peoWork{font-size: 1rem;font-weight: 400;color: #999;}

/* 服務項目 */
[class*="wrapper--service"]{font-size:18px}
[class*="wrapper--service"] .tx01{margin: 0 auto 2rem;}
[class*="wrapper--service"] .mjTitle{font-size:2.5rem}
[class*="wrapper--service"] h4{margin-bottom:1rem;font-weight:700;font-size:1.5rem}
[class*="wrapper--service"] .tx01 figcaption::before{display:none}
[class*="wrapper--service"] .tx01 figcaption{background: #242f8a;color: #FFF;margin-top: -1em;padding: 1rem;border-radius: 0 1em 0 1em;}
.wrapper--service{background: url('../images/service/bg.png')no-repeat center /cover;font-weight: 500;}
.wrapper--service figure{border-radius: 3rem 0 3rem 0;overflow: hidden;box-shadow: 0 1rem 2rem rgb(0 0 0 / 20%);}
.wrapper--service2{}
.wrapper--service3{background: #f8f8f8;background: url(../images/about/bg-top.png)no-repeat center top;}
.wrapper--service4{background:#ebf1f6}
.serviceIcon{list-style-type:none;margin: 0 0 2rem;padding:0;width: 50%;display: flex;justify-content: space-between;background: #242f8a;border-radius: 5em;box-shadow: 0 .5rem 2rem rgb(0 0 0 / 40%);}
.serviceIcon+.text{width:50%}
.serviceIcon__box{text-align:center;display: flex;flex-direction: column;justify-content: center;font-size: 3em;color: #fff;background: #e77a1a;border-radius: 6em;width: 3em;height: 3em;box-shadow: 0 1rem 2rem rgb(0 0 0 / 40%);}
.serviceIcon__box img{width:50px;margin:0 auto}
.serviceIcon__box i{display: block;font-size: 3rem;}
.serviceIcon__box p{margin-bottom: 0;font-size:18px}

@media (max-width: 991px) { 
	/*全頁佈局*/
	.container-fluid{padding-left: 1rem;padding-right: 1rem;}
	/* banner */
	.banner{background: #232c6f;}
	.bnInnerInfo{position:static;padding: 1rem;}
	/* 選單 */
	.navbar{top:0.5rem}
	.navbar::after{bottom: inherit;width: 100%;height: 0.5rem;background:#242f8a}
	.navbar .container-fluid{padding: 0;}
	.navbar .navbar-brand{margin-left:1rem}
	.nav-item+.nav-item{border-left:none;border-top:solid 1px #E4E4E4}
	.navbar-collapse{max-height:calc(100vh - 75px);overflow-y:scroll;background: #f5f5f5;}
	.navbar-nav .dropdown-menu{background: #ccc;border-radius:0;border:none}
	.dropdown-item{padding: 1rem 1.5rem;}
	.dropdown-item+.dropdown-item{border-top:solid 1px #eee}
	
	/* 產品大類 */
	.sortWrap__pic,.sortWrap__info{position: static;width:100%;padding: 0;}
	.wrapper--header{background: #f5f5f5;}
	.wrapper--header +figure{padding:0}
	.wrapper--header .sortWrap{background:transparent}

	/* 單元共用 - about */
	.wrapper--about{padding:0 0 2rem;min-height:inherit}
	.wrapper--about .innerZone{padding:0}
	.wrapper--about .innerZone__box{width:100%;position:relative}
	.wrapper--about .innerZone__box--pic{position:static;width:70%}
	.wrapper--about .innerZone::after,.wrapper--about:nth-of-type(odd) .innerZone::after{left:1rem;right:1rem;top:10rem}
	.photoFrame{padding:1rem}
	.wrapper--about .innerZone__box__slogan{bottom:100%;text-align:right;right:0;font-size:7vw;-webkit-text-stroke:inherit;text-shadow:.5rem .25rem .5rem rgba(255,255,255,.5);color:#232c6f;padding:0 1rem;width:70%;margin-bottom:-.5rem}
	.wrapper--about1 .innerZone__box--info{padding-top:2rem}
	.featuresLis li{width:100%}

	/* Executives 主管 */
	.teamLis{grid-template-columns: repeat(2,1fr);}

	/* location */
	.reviewMap{overflow:hidden}
	.reviewMap .img-ocean{object-fit:cover;object-position:0 0}
	.reviewMap .img-mapBox{overflow:hidden;width:250vw;transform:translateX(-75vw)}
	.mapGroup__item__dot{animation: pulse 1s ease-in-out infinite;}
	  @keyframes pulse {
		0% {
		  transform: scale(1);
		}
		100% {
		  transform: scale(5);
		}
	  }
	.Taipei{bottom:47.5%;right:12%}
	.Huizhou{bottom:28%;right: 33%;}
	.Vietnam{bottom:33.5%;right:71%}
	.Changhua{bottom:32%;right:12%}
	.Shanghai{bottom:63%;right:10%}
	.Ningbo{bottom:60%;right:37%}
	.Taizhou{bottom:53%;right:43%}
	.Xiamen{bottom:43%;right:45%}
	.mapList__info{position:fixed;top:50%;left:50%;transform:translate(-50%,-100%)}
	.Xiamen .mapList__info{top:50%}
	.mapList__info__body{width:90vw;padding:1rem;border:solid 2px #242f8a;border-radius:.5rem;box-shadow:0 0 1.5rem rgba(0,0,0,0.5)}
	.mapList.active{z-index:5}
	.mapList.active .mapList__info{padding-left:0;transform:translate(-50%,-50%)}
	.wrapper--locationInfo .infoBlock p{padding-left:1.25rem;font-size:16px}
	.mapList__name{font-size: 2.5vw;}

	/* 服務項目 */
.serviceIcon,
.serviceIcon+.text{width:100%}

}
@media (max-width: 768px) { 
	/*footer*/
	footer{padding-bottom:10rem}
	
  .img-left,.img-right{flex-direction: column;gap: 0;}
  .img-left figure,.img-right figure{width:100%}
  .img-left.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
  .img-right.tx01 figure + .text{width:100%;padding:1rem 0 0 0}
  
  /* 首頁 */
  .innerBox__left{width: 100%;text-align: center;}	
  .innerBox__left .mjTitle::after{margin-left:auto;margin-right:auto}
  .innerBox__left .mediaGroup{justify-content: center;}
  .innerBox__right{width: 100%;border-left: none;border-top: solid 1px #e4e4e4;padding-left: 0;padding-top: 2rem;}
  .ixBlock--news .container{padding: 0;}
	
	/* 標題 */
	.mjTitle{font-size: 2rem;}
	/* 文字/圖設定 */
	.infoBox__name{font-size: 16px;}
	/* layout--product 產品列表 */
	.layoutLis__item--product .infoBox__name{}

	/* layoutLis--news 最新消息 */
	.layoutLis__item--news .itemHeader .tt{width: 100%}
	.layoutLis__item--news time{font-size:1rem}
	
	/* 工廠介紹 */
	.factoryZone01__box--pic{position: static;width:100%;padding-right: 0;order:2;}
	.factoryZone01__box--info{width: 100%;}
}
@media screen and (max-width:640px) {
	/* 頁碼 */
	.pagination__list,
	.pagination__control.prev ,
	.pagination__control.next { order: inherit }
	.pagination__list{width:100%}

	/*格狀列表--產品*/
	.gridLayout--proSort .gridLayout__item{padding:1rem}
  
	/*格狀列表--最新消息*/
	.gridLayout--news .gridLayout__item{}
	.gridLayout--news .gridLayout__item .picBox{width: 100%;/* background-image: none!important; */}
	.gridLayout--news .picBox__default{/* opacity:1; */}
	.gridLayout--news .gridLayout__item .infoBox{width: 100%;margin-top: 1rem;padding: 0;}
	.gridLayout--news .gridLayout__item .infoBox__txt{max-height: 6em;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
	
	/* Executives 主管 */
	.teamLis{grid-template-columns: repeat(1,1fr);}

	/* layoutLis--news 最新消息 */
	.layoutLis__item--news .picBox{width:100%}
	.layoutLis__item--news .infoBox{width:100%;padding:1rem 0 0}
	.layoutLis__item--news .infoBox__txt{margin-bottom:1rem;max-height: 6em;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
}
@media screen and (min-width:769px) {
  /* 格狀列表--共用 */
  .gridLayout{grid-template-columns: repeat(4,1fr);}
  .gridLayout--proSort2{grid-template-columns: repeat(3,1fr);}
  /*footer*/
  .footerBlock{display:flex;justify-content:space-between;position:relative;z-index:1;width:100%}
  .footerBlock__box--left{width: 35%;}
  .footerBlock__box--right{width: 65%;align-items: flex-end;}
  .footerMenu{margin-top:0;margin-left:0;margin-right:0}
  .footerMenu .nav-link{padding:1rem}
}
@media screen and (min-width:992px) {
	/* CSS Document */
	body{padding-top:72px}
	
	/* 選單 */
	.dropdown-item:hover{background:#e5e6ed}
	
	/* 文字設定 */
	.infoBox__name{font-size: 1.25rem}
	
  /* 滑鼠游標 */
  /* #cursor{display:block;position:absolute;z-index:9999999;pointer-events:none;width:14px;height:14px;background:#242f8a;border-radius:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transform:translate(50%,50%);-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}
  #cursor.on{width:80px;height:80px;background:rgba(61, 71, 158, 0.3)} */
  
  /* 格狀列表--共用 */
  .gridLayout__item:hover .picBox{background-size:110%;}
  .gridLayout__item:hover .infoBox__mj{color:#242f8a;}

  /* layout--product 產品列表 */
  .layoutLis--product li{width: calc(100% / 3);}
  .layoutLis__item--product:hover .picBox{transform:scale(.95)}
  .layoutLis__item--product:hover .infoBox__name,
  .layoutLis__item--product:hover .infoBox::after{color:#242f8a}

  /* 歷史沿革 */
	.timeline--centered .timeline__item,.timeline--centered .timelineInfo,.timeline--centered .timelineMarker,.timeline--centered .timelineContent{display:block;margin:0;padding:0}
	.timeline--centered .timeline__item{padding-bottom: 4rem;width: 50%;}
	.timeline--centered .timelineMarker{position:absolute;left: 100%;margin-left:-7.5px}
	.timeline--centered > .timeline__item:nth-child(odd){margin-top:4rem}
	.timeline--centered > .timeline__item:nth-child(odd) .timelineInfo{text-align: left;padding-left: 30px;}
	.timeline--centered > .timeline__item:nth-child(odd) .timelineContent{padding-left:30px}
	.timeline--centered > .timeline__item:nth-child(odd) .timelineMarker{left:inherit;right:100%;margin-right: -7.5px;}
	.timeline--centered > .timeline__item:nth-child(even) .timelineInfo{text-align: right;padding-right: 30px;}
	.timeline--centered > .timeline__item:nth-child(even) .timelineContent{text-align:right;padding-right:30px}
	.timeline--centered > .timeline__item.period .timelineContent{float:none;padding:0;width:100%;text-align:center}
	.timeline--centered .timeline__item.period{margin-top: 0;padding:50px 0 90px}
	.timeline--centered .timeline__item.period .timelineMarker{right:50%}
	.timeline--centered .period .timelineMarker:after{height:30px;bottom:0;top:auto}
	.timeline--centered .period .timelineContent__title{left:auto}
  
	.timeline__item:not(.period):hover .timelineMarker:before{background:transparent;border: 3px solid #242f89;}
	.timeline__item:hover .timelineInfo{color: #e77a1a;}
}