@charset "utf-8";
/* CSS Document */
body{font-family:'Raleway',sans-serif;font-size:16px;line-height:1.5;color:#333;font-weight: 550;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* text-align: justify;*/hyphens: auto;}
body::before{content:'';position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;transition:0.3s all;opacity:0;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);z-index:10;pointer-events: none;}
body:has(.isOpen)::before{opacity:1;pointer-events: all;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
a{color: #333;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 回頂端 */
#goTop{--cl:var(--mjColor);display:none;cursor:pointer;position:fixed;bottom: 2rem;right:1rem;width: 3rem;aspect-ratio: 1;line-height:50px;text-align:center;background: var(--cl);color: #fff;transition:0.3s all;overflow: hidden;border-radius: 100rem;}
#goTop .bi{display:inline-block;}
#goTop .txt{position:relative;}
#goTop:hover{--cl:var(--mjColorD);color:#fff;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btnStyle{--cl:var(--mjColor);--hcl:var(--mjColorD);position: relative;font-weight: 500;line-height: 1.2;padding: 0.75rem 1rem;border-radius: 100rem;display: inline-block;background: var(--cl);color: #fff;min-width: 10rem;text-align: center;}
.btnStyle:hover{box-shadow:var(--sdW,12.5rem) 0 0 var(--hcl) inset;color:#fff;}
.btnStyle .txt{}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}

/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/* submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/
:root{
    --mjColor:#E97200;
    --mjColorD:#B85A00;
    --mjColorL:#FFF5EB;
    --dark:#3D4542;
    --dark-t25:rgb(61, 69, 66, 25%);
    --ctOffset: clamp(2rem,3.5vw,4rem);
    --spaceS:clamp(3rem,4vw,5rem);
}

/*全頁佈局*/
.wow {opacity: 0;visibility: hidden;}
body.animate-ready .wow{opacity: 1;visibility:visible;transition: opacity 0.6s ease;}
.wrapper { padding:2rem 0;}
.blockHeight{padding:2rem 0;}
.blockHeight.--bg{background: var(--mjColorL);}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.cover{margin:0;}
.cover__pic{object-fit:cover;aspect-ratio: var(--asR);}
.ratio::before {padding-top: calc(var(--ratioH) / var(--ratioH) * 100%),var(--bs-aspect-ratio);}

/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}

/*動效*/
.coverAni.animated:before,.coverAni.animated:after{width:0;}
.coverAni.animated .cover__pic{transform:scale(1);}

/* 標題 */
.titleBox{}
.titleBox + .btnStyle{margin-top:2.5rem;}
.titleBox--w{color: #fff;}
.titleBox__mj{font-size: clamp(1.75rem,3.25vw,3.5rem);font-weight: 600;margin-bottom: clamp(1rem,2vw,2rem);}
.markTxt{color: var(--mjColor);}
.briefTxt{opacity: 0.85;font-size: clamp(1.025rem,1.2vw,1.25rem);letter-spacing: 0.05em;font-weight: 500;}
.txt:last-child{margin:0;}
.linkTxt{color: var(--mjColor);text-decoration: underline;text-underline-offset: 0.25rem;}
.linkTxt.--exLink{position: relative;}
.linkTxt.--exLink:after{content:'\F1C5';font-family: 'bootstrap-icons';transform: translateY(2px);display: inline-block;margin-left: 0.25rem;}


/*!輪播-slickStyle*/
.slickStyle{--hoverBg:var(--mjColorD);--arrowCl:var(--mjColor);--dotCl:var(--mjColor);}
.slickStyle.slick-dotted.slick-slider{margin-bottom: 0;}
.slickStyle .slick-list{padding-bottom: 2.5rem;}
.slickStyle .slick-dots{display: flex;align-items: center;justify-content: center;bottom: 0;}
.slickStyle .slick-dots li,.slickStyle .slick-dots li button,.slickStyle .slick-dots li button:before{width: 0.75rem;height: 0.75rem;}
.slickStyle .slick-dots li{margin:0 0.375rem;}
.slickStyle .slick-dots li button:before{font-family: none;background: var(--dotCl);font-size: 0;border-radius: 100rem;display: flex;transition: 0.3s all;}
.slickStyle .slick-prev,.slickStyle .slick-next{width:2rem;height:2rem;top: calc(50% - 2.5rem);}
.slickStyle .slick-prev{left:-2.5rem;}
.slickStyle .slick-next{right:-2.5rem;}
.slickStyle .slick-prev:before,.slickStyle .slick-next:before{color: var(--arrowCl);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: -.125em;font-size: 2rem;}
.slickStyle .slick-prev:before{content:'\F284';}
.slickStyle .slick-next:before{content:'\F285';}
.slickStyle .slick-arrow{transition:0.3s all;z-index: 1;}
.slickStyle .slick-arrow:after{content:'';position:absolute;background: var(--hoverBg);border-radius:2rem;width: calc(100% + 0.5rem);aspect-ratio: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;opacity: 0;transition: 0.3s all;}
.slickStyle .slick-arrow:hover:after{opacity:1;width: calc(100% + 1rem)}
.slickStyle .slick-arrow:hover:before{color:#fff;}

/*banner*/
.banner{--dotCl:#fff}
.banner .slick-dots li.slick-active,.banner .slick-dots li.slick-active button:before{width: 3rem;opacity: 1;}
.banner .slick-list{padding-bottom:0;}
.banner .slick-dots{bottom: clamp(1.5rem,3vw,3rem);padding: 0 var(--ctOffset);justify-content: end;}
.banner__box{position:relative}
.bmImg{position:relative;display: block;}
.bmImg:after{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.25);left: 0;top: 0;}
.bnImg__pic{min-height:25rem}
.bnContent{position:absolute;padding: 0 var(--ctOffset);width: 100%;left: 0;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: flex-start;gap: 2.5rem;z-index: 2;}
.bnTxt{color: #fff;display: flex;flex-direction: column;gap: 0.75rem;transform: translateY(-2rem);opacity: 0;transition: 1s all;}
.bnTxt + .btnStyle{transform:translateY(2rem);transition: 0.3s all,transform 0.8s ease-out,opacity 0.3s;transition-delay: 0s,1s,1s;opacity: 0;}
.bnTxt__mj{font-size: clamp(2.125rem,4vw,5rem);font-weight: 700;margin: 0;line-height: 1;}
.bnTxt__sub{font-size: clamp(1rem,1.2vw,1.25rem);letter-spacing: 0.02em;}
.pgBanner{padding-top:var(--headerH);}
.pgBnImg{margin:0;}
.pgBnImg__pic{aspect-ratio:1920/540;object-fit:cover;min-height:12.5rem}
.pgBnTt{--pb: clamp(2rem,3vw,3rem);padding: clamp(3rem,5.5vw,6.25rem) 0 var(--pb);text-align: center;position: relative;display: flex;flex-direction: column;gap: 0.5rem;}
/* .pgBnTt:after{content:'';position:absolute;width: 0.25rem;height: calc(var(--pb) + 1rem);background: var(--mjColorL);top: 100%;transform: translateY(-50%);} */
.pgBnTt__mj{font-weight:650;font-size: clamp(1.875rem,2.5vw,3rem);text-transform:uppercase;margin: 0;}
.pgBnTt__sub{font-size: clamp(1.125rem,1.2vw,1.375rem);color:var(--mjColor);letter-spacing: 0.05em;}
.breadCrumb{display:flex;justify-content: flex-end;flex-wrap: wrap;padding: clamp(0.75rem,1vw,1rem) 0;}
.breadCrumb__item + .breadCrumb__item{position:relative;}
.breadCrumb__item + .breadCrumb__item:before{content:'>';margin:0 0.625rem;color:var(--dark);}
.breadCrumb__item:last-child{color:var(--mjColor);}

.slick-active .bnTxt{opacity:1;transform:translateY(0);}
.slick-active .bnTxt + .btnStyle{opacity:1;transform:translateY(0);}

/* footer */
footer{background: #fff;color: var(--dark);border-top: 1px solid var(--dark-t25);padding: var(--spaceS) 0 2.5rem;}
.fTop{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 2rem;}
.fInfor{display:flex;flex-direction:column;gap: 1rem 3.5rem;}
.fInfor__tt{font-weight: 800;font-size: 1.125rem;letter-spacing: 0.05em;}
.fSitemap{display:flex;gap: 1rem clamp(2rem,15vw,10rem);align-items: flex-start;}
.fSitemap__item__list{display:flex;flex-direction:column;margin-top: 0.75rem;gap: 0.5rem;}
.fSitemapNav{font-weight:500;font-size: 0.875rem;}
.fSitemap__item{display:flex;flex-direction:column;gap: 0.75rem;}
.fSitemap__item__tt{color:var(--mjColor);}
.fBtm{padding-top: clamp(2.5rem,4vw,4rem);}
.fInfor__social{display:flex;gap:1rem;}
.socialBtn{--cl:var(--mjColor);font-size: 1.25rem;background: var(--cl);display: inline-flex;line-height: 1;aspect-ratio: 1;width: 3rem;color: #fff;align-items: center;justify-content: center;border-radius: 100rem;}
.copyright{font-size: 0.75rem;font-weight: 400;display: flex;gap: 0.5rem;flex-wrap: wrap;}
.copyright a{opacity:0.5;}


/*!header*/
.navbar{transition:0.3s all;border-bottom: 1px solid var(--dark-t25);}
.navbar--bg,.navbar--fixed,.navbar--pg{background:#fff;}
.navbar--pg{/* border-bottom:none; */}
.navbar-brand{margin:0;padding: 0;position: relative;}
.navbar-brand .logo{--asp:200/48;position:relative;display: inline-flex;}
.navbar-brand .logo:after{content:'';position:absolute;height: var(--h);aspect-ratio: var(--asp);left:0;top:0;background:url(../images/all/logo-w.svg)center/cover;}
.navbar-brand .logo__pic{opacity:0;height: var(--h);aspect-ratio: var(--asp);}
.logo{margin:0;}
.iconNav{display:flex;gap: clamp(0.875rem,1vw,1.25rem);line-height: 1;}
.iconNav__item{font-size: clamp(1.125rem,1.2vw,1.25rem);color: #fff;}
.navbar--bg .logo__pic,.navbar--pg .logo__pic,.navbar--fixed .logo__pic{opacity:1;}
.navbar--bg .logo:after,.navbar--pg .logo:after,.navbar--fixed .logo:after{opacity:0}
.navbar--bg .iconNav__item,.navbar--pg .iconNav__item,.navbar--fixed .iconNav__item{color:var(--dark)}
.navbar-expand-lg .navbar-toggler{display: flex;clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);transition: 0.3s all;order: -1;}
/*-header-手機按鈕*/
.navbar-toggler{--cl:#fff;border:none;display: grid;flex-direction: column;gap: 0.375rem;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem 0;}
.navbar--bg .navbar-toggler,.navbar--pg .navbar-toggler, .navbar--fixed .navbar-toggler{--cl:var(--mjColor)}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler__line{width: 1.625rem;height: 2px;background: var(--cl);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.isOpen{--cl:var(--mjColor);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.isOpen .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}

.menuBar{position: absolute;width: 100%;left: 0;top: 100%;background: #fff;opacity: 0;pointer-events: none;transition: 0.3s all;transform: translateY(1rem);}
.navbar-toggler.isOpen + .menuBar{opacity:1;pointer-events:all;transform: translateY(0);}
.serachHZone__box{position: fixed;opacity: 0;}
.navbar-nav{gap: 0 1rem;}
.nav-link{padding: 1.5rem 0;}

/*!首頁-about*/
.blockHeight--ixAbout{--pY: clamp(5rem,8.5vw,10rem);padding: var(--pY) 0 calc(var(--pY) * 2);position: relative;overflow: hidden;margin-bottom: calc(var(--pY) * -1);z-index: 0;}
.aboutMap{position:absolute;width:100%;aspect-ratio:1920/780;bottom:0;left:0;z-index: -1;}
.aboutMap:before{content:'';position:absolute;width:100%;height:100%;background:url(../images/index/bg-about.png)center/cover no-repeat;}
.mapDot{}

.mapDot__item{position:absolute;width: clamp(1rem, 1.5vw, 1.5rem);aspect-ratio: 1;border-radius: 19px;background: #FFAC5C;display: inline-flex;align-items: center;justify-content: center;/* transition: 1s all; *//* transition-delay: 1.75s; */opacity: 1;animation: dotZoom calc(2s + (var(--char-index) * 0.25s)) cubic-bezier(0.5, 0, 0.5, 1) calc(0.75s * var(--char-index)) both infinite;}
.mapDot__item{right:0;bottom:0;transition: 1s all;transition-delay: 1s;}
.animated .mapDot__item--1{right:var(--ctOffset);bottom:min(20%,18.75rem);}
.animated .mapDot__item--2{right: 14%;bottom: min(69%,35rem);}
.animated .mapDot__item--3{right: 19%;bottom: min(60%,30rem);width: clamp(0.5rem, 1vw, 1rem);}
.animated .mapDot__item--4{right: 37%;bottom: min(67%,34rem);}
.animated .mapDot__item--5{right: 50%;bottom: min(28%,20rem);width: clamp(0.5rem, 1vw, 1rem);}
.animated .mapDot__item--6{right: 65%;bottom: min(38%,18rem);}
.animated .mapDot__item:after{content:'';position:absolute;width: 2.5rem;aspect-ratio:1;background: rgb(233 114 0 / 50%);border-radius: 100rem;opacity:0.3;transition: 0.3s all;animation: dotZoom-shadow calc(2s + (var(--char-index) * 0.125s)) cubic-bezier(0.5, 0, 0.5, 1) calc(0.75s * var(--char-index))  both infinite;}
@keyframes dotZoom{
	0%,100%{transform: scale(0.8);}
	50%{transform: scale(1.05);}
}
@keyframes dotZoom-shadow{
	0%,100%{width:calc(clamp(1rem,1.5vw,1.5rem) + 1rem);}
	50%{width:0;}
}
.ixAbBlock{max-width:37.5rem;}
.ixAbBlock .briefTxt{text-shadow: 0 0.25rem 0.5rem #fff, 0 0.25rem 0.5rem #fff, 0 0.25rem 0.5rem #fff;}

/*!首頁-RD*/
.blockHeight--ixRd{padding:0;z-index: 2;position: relative;}
.rdCover{position:relative;display: inline-block;}
.rdCover__pic{width:100%;aspect-ratio:1920/325;object-fit: cover;}
.rDBlockWrap{text-align:center;padding: clamp(3rem,6vw,6.25rem) 0;}
.rDBlock{--gap: clamp(1.5rem,2.5vw,3rem);display:flex;gap:var(--gap);justify-content: center;padding: 3rem;}
.rDBlock__item{display:inline-flex;flex-direction:column;align-items: center;min-width: clamp(5rem,15vw,15rem);}
.cover.--rd{padding:2rem;background:var(--mjColorL);border-radius:100rem;margin-bottom: clamp(0.5rem,1.5vw,1.5rem);}
.cover.--rd .cover__pic{width:3rem;}
.rDBlock__item__txt{font-size: clamp(1.125rem,1.4vw,1.5rem);font-weight:700;letter-spacing:0.05em;text-transform: uppercase;}

/*!首頁-collect*/
.blockHeight--ixCollect{padding:0;/* padding-bottom:6.25rem; */position:relative;}
.blockHeight--ixCollect:after{content:'';position: absolute;background:#f9f9f9;width:100%;height: 100%;left:0;bottom:0;z-index: -1;}
.blockHeight--ixCollect .container{padding-left:0;}
.ixCollBlock{--imgW: clamp(20rem,36vw,37.5rem);display:flex;align-items: center;gap: var(--spaceS);}
.ixCollBlock__box{width:calc(100% - var(--imgW));padding-top: var(--ctOffset);}
.ixCollBlock__box__ct{padding-left: clamp(3rem,4vw,5rem);}
.animated.cover.--collect{transform:translateX(0);transition: 0.8s all;transition-delay: 0.5s;}
.cover.--collect .cover__pic {width: var(--imgW);aspect-ratio:670/1000;object-fit: cover;object-position: right;/* filter: drop-shadow(10rem 2.5rem 6.4rem rgba(26,26,26,0.15)); */}
.collGallery{display:flex;gap: clamp(1rem,1.8vw,1.875rem);margin-top: clamp(2rem,4vw,4.375rem);margin-bottom: 2.5rem;}
.cover.--collG{border-radius:1rem;overflow:hidden;}

/*!首頁-dealer*/
.blockHeight--ixSite{padding: 0;}
.siteCover{position:relative;display: inline-block;padding: 0 var(--ctOffset);transform: scale(0.85);transition: 0.8s all;}
.animated.siteCover{transform:scale(1);}
.siteCover__pic{width:100%;aspect-ratio:1920/325;object-fit: cover;border-radius: 1rem;}
.siteCt{padding: clamp(4rem,7vw,7.5rem) 0;}
.siteBoard{--btnW: clamp(8rem,10vw,9rem);--gap:2rem;display: flex;justify-content: space-between;gap: var(--gap);}
.btnCircle{width:var(--btnW);aspect-ratio:1;display:inline-flex;flex-direction: column;align-items: center;justify-content: center;background: var(--mjColor);border-radius: 100rem;color: #fff;position: relative;}
.btnCircle:before{content:'';position:absolute;width:0;aspect-ratio:1;background:var(--mjColorD);transition:0.3s all;border-radius:100rem}
.btnCircle .txt,.btnCircle .bi{position:relative;z-index:1}
.btnCircle:hover:before{width:100%;}
.btnCircle:hover{color:#fff;}
.btnCircle .bi{font-size:2rem;}

/*!首頁-影片*/
.blockHeight--ixVideo{background:url(../images/index/bg-video.png)center/cover;padding: 0;-webkit-animation: the-animation cubic-bezier(0.48, 0, 1, 0.8);animation: the-animation cubic-bezier(0.48, 0, 1, 0.8);animation-timeline: view();}
@keyframes the-animation  {
    to{
        background-position-y: 150%;
    }
}
.videoBlock{--pdX: clamp(3rem,6vw,6.25rem);position: relative;max-width: 52.5rem;background: rgba(60,60,60,0.85);padding: 3rem var(--pdX);padding-left: calc(var(--pdX) + 1.25rem);min-height: 550px;display: flex;align-items: center;margin: auto;margin-right: 0;}
.videoBlock__btn{--cl:var(--mjColor);position:absolute;left: 0;top: 50%;transform: translate(-50%,-50%);}
.videoBlock__btn .bi{position: relative;display: inline-flex;font-size: 2rem;width: 5rem;aspect-ratio: 1;color: #fff;background: var(--cl);border-radius: 100rem;justify-content: center;align-items: center;z-index: 1;transition:0.3s all;}
.videoBlock__btn .bi:after{content:'';position:absolute;width: 6.25rem;aspect-ratio:1;border-radius:100rem;background:var(--cl);opacity:0.5;z-index: -1;transition: 0.3s all;}
.videoBlock__btn .bi:hover{color:var(--cl);background:#f1f1f1;transform:scale(1.2);box-shadow:0 0.25rem 0.25rem rgba(0,0,0,0.15)}
.videoBlock__btn .bi:hover:after{width:5rem;opacity:0}

/*!內頁*/
.blockHeight--about{padding: var(--spaceS) 0;}
.abBlockWrap{display:flex;flex-direction:column;gap: clamp(2rem,3vw,4rem);}
.abBlock .container{--imgW: clamp(12rem,40vw,40rem);--gap:3rem;display: flex;gap: var(--gap);align-items: center;}
.abBlock:nth-child(even) .container{flex-direction:row-reverse;}
.abBlockCt{width:calc(100% - var(--imgW) - var(--gap));/* font-size: 1.125rem; *//* line-height: 1.75; */}
.abBlockCt:only-child{width:100%;}
.abBlockImg{border-radius:1rem;overflow:hidden;width: var(--imgW);}
.itemTt{font-size: clamp(1.875rem,2.4vw,2.5rem);font-weight: 600;margin-bottom: 2rem;}
.itemTt.--offset{padding: 0 var(--ctOffset);}
.abDoList{--num:4;display:grid;grid-template-columns: repeat(var(--num),1fr);gap:1rem;padding: 0;margin: 1rem 0;}
.abDoList__item{margin:0;list-style:none;background: var(--mjColorL);padding: 2rem 2.5rem;border-radius: 1rem;position: relative;z-index: 0;overflow: hidden;}
.abDoList__item:after{content:'';background: url("data:image/svg+xml,%3Csvg width='327' height='413' viewBox='0 0 327 413' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_520_473)'%3E%3Cpath d='M82.48 134.87c-.33-43.44 0-64.63 0-64.63H326.1V0H.1v63.51s-1.5 90.37 7.15 165.59c8.1 70.36 53.26 169.1 154.95 183.67-44.44-45.2-78.12-111.77-79.72-212.2h137.2v-65.71H82.48v.01z' fill='%23E97200'/%3E%3Cpath d='M326.1 93.71h-82.51c-.1 9.06.37 83.38-.44 118.75-1.33 57.7-21.3 142.47-79.49 200.32 87.25-9.91 146.74-97.12 155.38-187 6.66-69.24 5.77-90.1 7.06-132.07z' fill='%233D4542'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_520_473'%3E%3Cpath fill='%23fff' d='M0 0h326.1v412.78H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")center/cover;height: min(12rem,80%);aspect-ratio: 327/413;position: absolute;right: 0;bottom: 0;z-index: -1;transform: translate(15%,15%);opacity: 0.08;}
.abDoList__item dt{margin-bottom:1rem;font-size: 1.125rem;letter-spacing: 0.02em;}
.sloganImg{display: inline-block;background: url(../images/about/sloganTxt.svg)center/cover;height: clamp(1.5rem,5vw,2rem);aspect-ratio: 106/10;margin-top: 2rem;}

.blockHeight--csr{padding: var(--spaceS) 0;}
.csrAlbum{display: flex;margin-top: 2rem;border-radius: 1rem;overflow: hidden;}
.csrAlbum .cover{flex:1;overflow: hidden;}
.csrAlbum__pic{width:100%;aspect-ratio: 12/9;object-fit: cover;}

/*partner*/
.blockHeight--partner{padding: var(--spaceS) 0 0;}
.partnerBox__item__tt{padding: 0.5rem 1rem;background: rgba(255,255,255,0.5);border: 2px solid var(--dark);color: var(--dark);font-size: clamp(1rem, 1.5vw, 1.75rem);font-weight: 600;border-radius: 0.5rem;transition: 0.3s ease-out all;margin-bottom: var(--lineH);text-wrap-mode: nowrap;display: inline-flex;gap: 0.625rem;align-items: center;}
.canDrop .partnerBox__item__tt{cursor:pointer;background: var(--dark);color: #fff;}
.partnerBox__item__ct{background: rgba(255,255,255,0.85);padding: 2rem clamp(1rem,2vw,2rem);width: 100%;border-radius: 1rem;pointer-events: auto;transition: 0.3s all;}
.parnetInfor{--imgW:10rem;display:flex;gap:1rem;}
.parnetInfor .cover{width:var(--imgW);}
.parnetInfor__ct{padding-left:2rem;width:calc(100% - var(--imgW));display: flex;flex-direction: column;gap: 1rem;align-items: flex-start;}
.gbMap{/* margin: 0 calc(var(--ctOffset) * -1); */position: relative;}
.gbMap__pic{width:100%;aspect-ratio: var(--asR);object-fit: cover;}
.gbMap:after{content:'';position:absolute;width:100%;height:25%;background:linear-gradient(to top,#fff 15%,transparent);left:0;bottom:0;}
.--flag{width: clamp(1.5rem,2.4vw,2.5rem);display: inline-flex;}
.--flag img{border-radius:100rem;aspect-ratio: 1;width: 100%;}

/*!cotnact*/
.blockHeight--contact{padding: 3rem 0;}
.contactWrap{/* max-width: 1200px; */margin: auto;}
.formGroup{display: flex;flex-direction: column;gap:1rem}
.formGroup__item--recaptcha{display:flex;flex-direction:column;align-items: center;}
.ctBrief__txt{font-size: 1.125rem;margin-bottom: 1rem;}
.ctBrief__box{display:flex;gap:1rem;margin-bottom: 2rem;}
.ctBrief__box__item{flex:1;padding: 1.5rem;box-shadow: 2px 2px 5px rgba(0, 0, 0, .1),-5px -5px 5px #F8FAFA;border-radius:0.375rem;}
.ctBTt{--sp:0.75rem;font-weight:700;font-size:1.25rem;letter-spacing:0.01em;padding-bottom:var(--sp);margin-bottom: calc(var(--sp) * 1.25);border-bottom: 1px solid var(--dark-t25);display: flex;gap: 1rem;justify-content: space-between;}
.ctBTt:after{font-family:'bootstrap-icons';color:var(--mjColor);}
.ctBTt.--mail:after{content:'\F32F';}
.ctBTt.--geo:after{content:'\F3E8';}
.ctBCt{font-size:1.025rem;letter-spacing:0.01em;}

/*!程式單元*/
.blockHeight--pfList{padding:5rem 0}
.pfList{overflow:hidden;}
.pfBox{--num: 4;display:grid;grid-template-columns:repeat(var(--num),1fr);}
.pfBox__item{position:relative;margin: -1px;}
.pfBox__item__tt{position:absolute;width:100%;height:100%;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);display: flex;align-items: center;justify-content: center;font-size: 1.125rem;transition: 0.3s all;background: rgba(0,0,0,0.5);text-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);padding-top: 2rem;opacity: 0;}
.cover.--pf{overflow:hidden;}
.cover.--pf .cover__pic{width:100%;aspect-ratio:1;object-fit:cover;transition: 0.3s all;}

.articleTop{display:flex;flex-direction:column;margin-bottom: 2rem;align-items: center;gap: 1rem;}
.articleTop__tt{font-size: clamp(2rem, 3.25vw, 3.5rem);font-weight: 600;text-align: center;line-height: 1.125;}
.articleTop__ot{display:flex;gap:1rem;font-size:1.25rem;margin-bottom:1rem}
.hashtagG{display:flex;gap: 0.5rem;flex-wrap:wrap;}
.hashtagG__item{--cl:var(--mjColor);display:inline-block;padding: clamp(0.125rem,0.2vw,0.25rem) 1rem;border: 1px solid var(--cl);border-radius:100rem;color: var(--cl);overflow: hidden;position: relative;font-size: clamp(0.875rem,1vw,1rem);}
.hashtagG__item:before{content:'# '}
.hashtagG__item:after{content:'';position:absolute;width:100%;height:0;background:var(--cl);transition:0.3s all;left:0;bottom:0;z-index:-1}

.sortTab{padding: 0.375rem 0.5rem;background:var(--mjColor);border-radius:100rem;display:flexgap: 0.5rem;}
.sortTab__item{font-size:1.25rem;padding:0.25rem 1rem;border-radius:100rem;color: #fff;opacity: 0.85;}
.active.sortTab__item,.sortTab__item:hover{background:rgba(255,255,255,0.85);color: var(--mjColorD);opacity: 1;}

/*編輯器*/
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.tx01{margin-bottom:1rem;font-weight: 400;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.tx01 p:last-child{margin-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: 2rem;}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.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 img{max-width:100%;max-height:100%;height:auto!important;}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;}
.vdBox{display: flex;}
.vdBox iframe{width:100%;aspect-ratio: 16/9;}

.blockTt{font-size: clamp(1.5rem,2vw,2rem);font-weight: 600;color: var(--dark);}
.blockTt .txt + .txt{position:relative;}
.tagBox{--num: 4;--gap: clamp(1rem,2vw,2rem);display: flex;flex-wrap: wrap;gap:var(--gap);margin-top: 1rem;}
.tagBox__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num));}
.cover.--tag{--asR:5/4;overflow:hidden;display:block;}
.--tag .cover__pic{transition:0.3s all;}
.--tag:hover .cover__pic{transform:scale(1.08);}
.tagText{padding:1rem 0}
.tagText__tt{font-size:1.25rem;font-weight: 650;margin-bottom:1rem;display: block;}

.newsBar{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;justify-content: center;}
.newsBar__item{--cl: #000;display: inline-flex;padding: 0.5rem 1.5rem;border-radius: 100rem;border: 1px solid var(--cl);color: var(--cl);font-size: 1.125rem;}
.active.newsBar__item{background:var(--cl);color:#fff;}
.newsBox{--num:4;--gap: clamp(1.25rem,2vw,2rem);margin: 2rem 0;display:flex;flex-wrap:wrap;gap: calc(var(--gap) * 1.25) var(--gap);}
.newsBox__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.cover.--news{--asR:5/4;}
.newsText{padding:1rem 0;display:flex;flex-direction:column;gap:1rem;margin-bottom: 1rem;}
.newsText__tt{font-size:1.25rem;font-weight:650;}
.dateTxt{color:var(--mjColor);}

/*page_number*/
.pageNumber{display:flex;justify-content: center;padding: 1rem 0;gap: 1rem;}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;border-radius:1.5rem;transition:0.3s all;display: flex;align-items: center;justify-content: center;}
.pageNumber a:hover,.pageNumber a.on{background: #000;color:#fff;/* border-radius: 0.5rem; */}

/*!===== ======RWD===== =====*/
@media screen and (min-width: 1480px) {
    .container.--small{max-width: 1320px;padding: 0 1rem;}
}

@media screen and (min-width:992px){
	
/*!圖片load過場效果*/
	.coverAni{position: relative;}
	.coverAni:before,.coverAni:after{content:'';position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.5);right:0;top:0;opacity: 0.85;}
	.coverAni:before{transition:width .6s cubic-bezier(.77, 0, .175, 1) .45s;z-index: 1;}
	.coverAni:after{transition: width 1s cubic-bezier(.77, 0, .175, 1) .7s;background: var(--mjColorD);z-index: 0;}
	.coverAni .cover__pic{transition:0.3s all;transform: scale(1.8);transition:transform .8s cubic-bezier(.16, 1.09, .39, .99), -webkit-transform 1s}
	
    .container,.navbar-nav{max-width: 100%;padding: 0 var(--ctOffset);}
    /*!992 header*/
    .navbar .container{--h:3rem;height:var(--h);}
    .navbar-brand{position:absolute;left:50%;top: calc(50% + 0.5rem);transform:translate(-50%,-50%);}
    
	.cover.--collect{transform: translateX(-4rem);}
	.siteCover{transform: scale(0.85);transition: 0.8s all;transition-delay: 0.5s;}
    .blockHeight--ixVideo{opacity: 0;transition: 1s all; transition-delay: 0.5s;}
    .animated.blockHeight--ixVideo{opacity: 1;}

	.pfBox__item:hover .pfBox__item__tt{opacity:1;padding-top:0}
	.pfBox__item:hover .cover__pic{transform:scale(1.08);}

	/*!992 partner*/
	.partnerBox__item__ct{position: absolute;left: 50%;top: calc(var(--lineH) * 0.5);transform: translateX(-50%) translateY(-2rem);pointer-events: none;opacity: 0;-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem);width: 32vw;pointer-events:none}
	.partnerMapWrap{--asR:1920/822;position:relative;/* margin: 0 calc(var(--ctOffset) * -1); */aspect-ratio: var(--asR);overflow: hidden;}
	.partnerBox{position: absolute;width:100%;height:100%;left:0;top:0}
	.partnerBox__item{--cl:#a6a6a6;--lineH:2rem;position:absolute;margin-bottom: 2rem;transition-duration: 1.25s;width: 3px;height: var(--lineH);background: var(--dark);transform-origin: bottom center;}
	.partnerBox__item.--jp{left: 78.85%;bottom: 56%;}
	.partnerBox__item.--nl{--lineH: 4rem;left: 45.5%;bottom: 61%;}
	.partnerBox__item.--us{left: 19%;bottom: 57%;}
	.canDrop.partnerBox__item{background:var(--dark);}	
	.partnerBox__item__tt:after{content:'';position:absolute;width:100%;height:var(--lineH);background:transparent;left:0;top:100%;}
	.partnerBox__item__tt{position: absolute;font-size: clamp(1rem, 1.5vw, 1.75rem);font-weight: 600;transform: translate(-50%,-100%);}
	.canDrop .partnerBox__item__tt:hover{background:#000;}
	.canDrop:hover .partnerBox__item__ct{opacity:1;transform:translateX(-50%);pointer-events: all;}

	.hashtagG__item:hover{color:#fff;}
	.hashtagG__item:hover:after{height:100%;}
}
/*!=====max=====*/
@media screen and (max-width: 1199px) {
	.abDoList{--num:2;}

	.tagBox{--num:3}
	.newsBox{--num:3;}
}
@media screen and (max-width: 991px) {
	.titleBox__mj{text-align:center;}
	/*!991 nav*/
	.navbar>.container{--h: clamp(1.75rem,2vw,2.5rem);max-width: 100%;}
	.navbar-toggler{position:absolute;}
	.navbar-brand{left: 2rem;display: flex;top: 0.25rem;}
	.nav-link{padding:1rem;}
	
    .mapDot__item--1{right:var(--ctOffset);bottom:min(20%,18.75rem);}
    .mapDot__item--2{right: 14%;bottom: min(69%,35rem);}
    .mapDot__item--3{right: 19%;bottom: min(60%,30rem);width: clamp(0.5rem, 1vw, 1rem);}
    .mapDot__item--4{right: 37%;bottom: min(67%,34rem);}
    .mapDot__item--5{right: 50%;bottom: min(28%,20rem);width: clamp(0.5rem, 1vw, 1rem);}
    .mapDot__item--6{right: 65%;bottom: min(38%,18rem);}
    /* .mapDot__item:after{content:'';position:absolute;width: 2.5rem;aspect-ratio:1;background: rgb(233 114 0 / 50%);border-radius: 100rem;opacity:0.3;transition: 0.3s all;animation: dotZoom-shadow calc(2s + (var(--char-index) * 0.125s)) cubic-bezier(0.5, 0, 0.5, 1) calc(0.75s * var(--char-index))  both infinite;} */

    .ixAbBlock{text-align: center;max-width: 100%;}

	/*首頁-collect*/
	.blockHeight--ixCollect{padding: var(--spaceS) 0;}
	.blockHeight--ixCollect .container{padding:0}
	.ixCollBlock{flex-direction:column;}
	.cover.--collect{display:none;}
	.cover.--collect .cover__pic{width:100%;}
	.ixCollBlock__box{width:100%;padding: 0 1rem;}
	.ixCollBlock__box__ct{padding:0;text-align: center;}

	.blockHeight--ixSite{text-align:center;}
	.siteBoard{flex-direction:column;align-items: center;}

	.videoBlock{min-height: auto;flex-direction: column;gap: 2rem;padding: 3rem calc(var(--bs-gutter-x,1.5rem) * .5);text-align: center;}
	.videoBlock__btn{position:static;transform: none;}

	.abBlock .container{flex-direction: column!important;}
	.abBlockCt,.abBlockImg {width:100%;}

    .gbMap{background:url(../images/partner/map.jpg)center/cover;margin: 0;margin-bottom: -2rem;}
    .gbMap__pic{opacity: 0;}
    .partnerBox{position: static;padding: 2rem 1rem;display: flex;flex-direction: column;gap: 2rem;}
    .partnerMapWrap{overflow: unset;}
    .partnerBox__item{display: flex;align-items: flex-start;flex-direction: column;}
    .partnerBox__item__tt{width:100%;justify-content: center;border-radius: 0;}

    footer .container{max-width: 100%;}

	.pfBox{--num:3}
	.newsBox{--num:2;}
}

@media screen and (max-width: 768px) {
	.bnImgWrap{position:relative;z-index: 0;}
	.bnImgWrap:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(to top,rgba(0,0,0,0.85),transparent 70%);left:0;bottom:0;z-index: 0;}
	.bnContent{top: unset;bottom: 0;padding: 0 1rem;}
	.bnTxt{text-shadow:0 0.25rem 1rem rgba(0,0,0,0.5);}
	
    /*!768==RWD編輯器表格(X捲軸)*/
	.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}

    .fInfor{text-align:center;}
	.fInfor__social{justify-content: center;}
	.fTop{flex-direction: column;}
    .fSitemap{flex-direction: column;}
	.fSitemap__item{width:100%;gap: 0;}
	.fSitemap__item__tt{padding: 0.375rem 0;border-bottom:1px solid #ddd;margin-bottom: 0.5rem;}
    .fSitemap__item__list{flex-direction: row;flex-wrap: wrap;margin: 0;gap: 1rem;}
    .parnetInfor{display: flex;flex-direction: column;}
    .parnetInfor__ct{padding: 0;width: 100%;}

    #goTop{bottom: 0.5rem;}

	.abDoList{--num:1}
	.tagBox{--num:2}

	.img-left, .img-right{flex-direction:column;}
	.img-left figure, .img-right figure{width:100%}
	.img-left.tx01 figure + .text, .img-right.tx01 figure + .text{width:100%}

}
@media screen and (max-width: 480px) {
	.rDBlock{flex-direction:column;padding: 3rem 0;}
    .collGallery{flex-direction: column;}

	.pfBox{--num:2}	
	.csrAlbum{flex-direction:column;gap: 0.5rem;border-radius: 0;}
	.csrAlbum .cover__pic{border-radius:1rem;}

	.partnerBox__item__ct{padding:2rem 0}

	.hashtagG__item{padding:0.125rem 0.625rem;}
	.tagBox{--num:1}
	.tagText{padding:0.5rem 0;}
	.tagText__tt{margin-bottom:0.5rem;}

	.newsBox{--num:1;margin-bottom: 0;}
}