@charset "utf-8";

/* CSS Document */
html{overflow-x: clip;}
body{background: var(--bgColor);color:var(--bodyColor);font-family:'Montserrat','Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);overflow-x: clip;max-width: 100vw;letter-spacing: 0.7px;}
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;}
.wow {opacity: 0;visibility: hidden;}
body.js--animateReady .wow { opacity: 1;  visibility: visible;  transition: opacity 0.6s ease;}
body#pd0{padding-top: 0;}
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--transition);-webkit-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
}
:root{
    --mjColor: #65AC23; /* 主色 */
    --mjColor-d: #498411;
    --mjColor-l: #9DD253;
    --mjColor-l2:#c4e693;
    --subColor: #F9A825; /* 副色 */
    --subColor-d:#F57332;
    --subColor-l:#FFF7E0;

    --bodyColor:#3F1F09;
    --bodyColor-1:#6E655A;
    --bgColor:#FFF7E2;
    --black: #2d2d2d;

    --container:100%;
    --ctOffset: calc((100% - var(--container)) / 2 + 0.75rem);

    /* --gray: #999;
    --gray-d: #777;
    --gray-l: #ccc;
    --gray-lx2: #eee; */

    --red: #d40023;

    --transition: all .3s linear;
    --transition-ease: all .3s ease-out;

    --house:url("data:image/svg+xml,%3Csvg width='1225' height='785' viewBox='0 0 1225 785' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M491.445 25.653c72.98-30.204 169.13-30.204 242.11 0L1131.68 190.43c58.4 24.171 93.32 64.217 93.32 107.022V785H0V297.452c0-42.805 34.92-82.851 93.321-107.022L491.445 25.653z' fill='%23000'/%3E%3C/svg%3E");
    --shD:0 0 1.25rem rgba(0,0,0,0.12);
    --arc1:url("data:image/svg+xml,%3Csvg width='1435' height='102' viewBox='0 0 1435 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_182_890)'%3E%3Cellipse cx='883.959' cy='214.905' rx='883.959' ry='214.905' transform='matrix(1 .00199 -.00236 1 -166.231 -331.789)' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_182_890'%3E%3Cpath fill='%23fff' d='M0 0h1435v102H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine,.red{--cl: var(--red);}
.alertLine{border-color: var(--cl);}
.red{color: var(--cl);}

/* !====連結底線 */
.aLink{text-decoration: underline;transition: var(--transition);}
.aLink:hover{opacity: .5;}

/* !====回頂端 */
#goTop{--size:3rem;display:none;cursor:pointer;z-index: 2;position:fixed;bottom:1rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor);color: #fff;border-radius: 100rem;transition:0.3s all;}
#goTop:hover{background:var(--subColor);color:#fff;}

/* !====按鈕 */
.--decoBD{--offset:0.375rem;position: relative;}
.--decoBD:before{content:'';position:absolute;left:var(--offset);right: var(--offset);top: var(--offset);bottom: var(--offset);border: 2px dotted #fff;border-radius: 100rem;}
.btnWrap {margin: clamp(1.25rem,4vw,3.75em) 0 0;text-align:center;overflow: hidden;}
.btnWrap--0{margin:0;}
.btnStyle{--offset:clamp(0.3rem,1vw,0.5rem);font-size:1.25rem;font-weight:500;letter-spacing:0.15em;padding: clamp(0.9rem,1.5vw,1.25rem) clamp(2rem,3.5vw,3rem);border-radius:100rem;color:#fff;position: relative;z-index: 0;background: var(--mjColor);display: inline-block;border: none;}
.btnStyle span.txt{font-size: clamp(1.125rem,1.4vw,1.25rem);}
.btnStyle2{background:var(--subColor);}

/* !====swiper */
.swipeArrow{color: var(--bodyColor);background: #fff;position: relative;display: inline-flex;width: clamp(3rem,4vw,3.75rem);aspect-ratio: 1;align-items: center;justify-content: center;border-radius: 100rem;border: clamp(0.1rem,0.5vw,0.125rem) dashed;transition: 0.3s all;}
.swipeArrow:after{content:'';font-family:'Bootstrap-icons';font-size: clamp(1rem,1.5vw,1.25rem);}
.swipeArrow.--next:after{content:'\F285';}
.swipeArrow.--prev:after{content:'\F284';}

.swiper-pagination-bullet{width: clamp(0.5rem,1vw,0.75rem);height: clamp(0.5rem,1vw,0.75rem);background: var(--cl,var(--mjColor));opacity: 1;margin: 0.5rem!important;}
.swiper-pagination-bullet-active{margin: 0.5rem!important;position: relative;}
.swiper-pagination-bullet-active:after{content:'';position:absolute;width:clamp(1rem,2vw,1.5rem);aspect-ratio:1;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.493' r='11' stroke='%23fff' stroke-width='2' stroke-dasharray='1.5 2'/%3E%3C/svg%3E")center/cover;}

/* !====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*/
/*---------------------- 頁面開始 ----------------------*/
.cover{margin:0;}
.container{max-width:var(--container,100%);}

/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
.blockHeight{padding:clamp(0.5rem,2vw,2rem) 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

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

/* !====標題 */
.titleBox{display:flex;flex-direction:column;align-items: center;gap: 0.75rem;}
.titleBox__mj{--lt:0.08em;font-size: clamp(1.75rem,3vw,2.5rem);letter-spacing: var(--lt);font-weight: 600;margin: 0;margin-right: calc(var(--lt) * -1);}
.titleBox__sub{--cl:var(--mjColor);position: relative;display: inline-flex;align-items: center;gap: 0.625rem;text-transform: uppercase;font-size: clamp(1rem,1.3vw,1.125rem);font-weight: 700;letter-spacing: 0.15em;color: var(--cl);}
.titleBox__sub:before,.titleBox__sub:after{content:'\F309';font-family: 'Bootstrap-icons';background: var(--cl);mask: url(../images/all/deco.svg)center/cover;color: transparent;line-height: 1;font-size: 0.8em;}
.briefTxt{font-size:clamp(1.125rem,2vw,1.25rem);letter-spacing:0.15em;}


/* !====banner */
.bnWrap{position:relative;padding: 0 clamp(1.25rem,5vw,3rem)}
.bnWrap .swiper-wrapper{height: auto;}
.swiper-wrapper{height: auto;}
.bnDeco:after{content:'';position:absolute;width:100%;aspect-ratio: 1440/362;background: url(../images/index/bn-btm.svg)center/cover;left: 0;bottom: 0;}
.bnDeco:before{content:'';position:absolute;width:100%;background:url(../images/index/bn-top.svg)center/cover;aspect-ratio: 1448/189;left: 0;bottom: 0;z-index: 2;pointer-events: none;}
.bnDeco{position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;}
.bnWrap:before,.bnWrap:after{content:'';position: absolute;object-fit: cover;z-index: 2;}
.bnWrap:before{background: url(../images/all/tree-1.svg)center/cover;aspect-ratio: 370/345;width: clamp(12rem,26vw,32rem);left: 0;top:  clamp(0.5rem,2vw,1.5rem);transform: translateX(-68%);opacity: 0;;animation: slideInTree 1s ease-out forwards;}
@keyframes slideInTree{from{transform:translateX(-60%);opacity: 0;}to{transform:translateX(-48%);opacity: 1;}}
.bnWrap:after{background: url(../images/all/leave-1.svg)center/cover;width: clamp(3rem,4vw,10rem);aspect-ratio: 83/154;right: -1%;top: 40%;transform: translateY(-100%);}
.banner{max-width: 1230px;}
.bnImg{mask: var(--house)center top/cover;display: flex;width: 100%;aspect-ratio: 1225/785;/*transform: translateY(6rem);opacity: 1;;animation: slideUp 1s ease-out forwards; animation-delay: 0.4s;*/ max-height: 96vh;}
@keyframes slideUp{to{transform:translateY(0);opacity:1;}}
@keyframes slideUp2{to{transform:translateY(0);opacity:.7;}}
.bnImg img,source{width: 100%;height: 100%;object-fit: cover;}
.bnTxt{writing-mode: vertical-rl;display:flex;flex-direction: column;gap: clamp(0.5rem,1vw,1rem);align-items: flex-start;position: absolute;right: clamp(2rem,5vw,5rem);top: clamp(1rem,3vw,3rem);color: var(--bodyColor);transition: 0.8s all ease-in;transition-delay: 0.25s;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);opacity: 0;}
.bnTxt p{background:#fff;border-radius: clamp(0.25rem,1vw,0.75rem);margin: 0;line-height: 1.25;padding: clamp(0.8rem,1vw,0.875rem) clamp(0.3rem,1vw,0.75rem);font-size: clamp(1.25rem,2vw,2rem);font-weight: 700;letter-spacing: 0.3em;}
.bnTxt .highlight,.bnTxt span{color:var(--subColor);}
.moreBtn{position:absolute;color:var(--subColor);font-size:1.25em;padding:clamp(1.5rem,3vw,3.5rem);border-radius:100rem;aspect-ratio: 1;z-index: 3;bottom: 0;right: clamp(5rem,20%,30rem);display: inline-flex;transform: translateY(4rem);opacity: 0;transition: 0.3s all;}
.moreBtn.isShow{animation: btnIn 0.8s forwards;}
@keyframes btnIn{0%{opacity:0;transform:translateY(4rem);}
100%{opacity:1;transform:translateY(0);}}
.moreBtn:after{content:'';position:absolute;width:100%;aspect-ratio:1;background:url(../images/all/circleBtn.svg)center/cover;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;animation:spin 20s infinite linear;}
@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg);}
100%{transform:translate(-50%,-50%) rotate(360deg);}}
.banner .swiper-pagination-bullet{--cl:#fff}
.moreBtn .txt{--lt:0.15em;--pd:clamp(1rem,3.5vw,2.5rem);padding: var(--pd);padding-right: calc(var(--pd) - var(--lt));display: flex;background: #fff;border-radius: 100rem;align-items: center;justify-content: center;line-height: 1.4;letter-spacing: var(--lt);font-weight: 600;font-size: clamp(0.875rem,2vw,1.25rem);aspect-ratio: 1 / 1;}
.banner .swiper-pagination{width:1.5rem;height: 65%;left: 1rem;top: 0;display: inline-flex;flex-direction: column;justify-content: flex-end;}
.swiper-slide-active .bnTxt{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);opacity: 1;}

/* !====首頁 */
.blockHeight--ixAbout{background: var(--mjColor-l2);position: relative;padding: 5rem 0 0;overflow-x: clip;}
.blockHeight--ixAbout:after{content:'';position:absolute;width: clamp(20rem,48vw,48.5rem);aspect-ratio: 660/208;background:url(../images/all/grass-2.svg)center/cover;left: 0;top: 0;transform: translate(-17%,-100%);z-index: 2;}
.abBox__text{max-width: 37.5rem;padding-top: clamp(1.375rem,4vw,3.75rem);margin: auto;text-align: center;display: flex;flex-direction: column;gap: 1rem;}
.abBox__text__mark{font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 600;line-height: 2.5;color: var(--mjColor);display: flex;flex-direction: column;align-items: center;}
.abBox__text__mark .txt{position:relative;padding: 0 0.25rem;}
.abBox__text__mark .txt:after{content:'';position:absolute;width:100%;height:0.125rem;background: linear-gradient(to right,currentColor 32%,transparent 32%);background-size:0.5rem;left:0;bottom:0;}
.abBox__text__brief{font-size: clamp(1rem,1.3vw,1.125rem);line-height: 2;margin-top: clamp(0.5rem,1.5vw,1rem);}
.abDeco{position:relative;padding-bottom: clamp(2rem,7vw,6.25rem);}
.abDeco:before{content:'';position:absolute;background:url(../images/all/leave-3.svg)center/cover;width: clamp(2rem,5vw,8rem);aspect-ratio: 76/104;z-index: 3;left: clamp(1.5rem,4vw,4rem);top: 1.5rem;}
.abDeco:after{content:'';position: absolute;background: url(../images/all/tree-2.svg) center / cover;aspect-ratio: 389/231;width: clamp(12rem, 34vw, 30rem);right: 0;bottom: 0;transform: translate(25%,-25%);}
.cover.--ixDeco{position:relative;}
.cover.--ixDeco:before{content:'';position:absolute;z-index: 2;background: var(--mjColor-l2);mask: var(--arc1)center/cover;aspect-ratio: 1435/102;width: 100%;left: 0;top: 0;}
.cover.--ixDeco:after{content:'';position:absolute;width: 100%;aspect-ratio: 1920/800;background: url(../images/index/about-btm.svg)center/cover;left: 0;bottom: 0;}
.decoPic{--bdW:clamp(0.3rem,1vw,0.5rem);position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;z-index: 5;}
.decoPic .cover{--bdR:clamp(1.5rem,3vw,2.5rem);border-radius: var(--bdR);display: inline-block;border: var(--bdW) solid #fff;position: absolute;}
.decoPic img{aspect-ratio:1;border-radius: calc(var(--bdR) - var(--bdW));}
.cover.--ixAb1{width: clamp(4rem,20vw,25rem);left: 6%;top: 0;z-index: 5;transform: translateY(-15%);}
.cover.--ixAb2{width: clamp(8rem,16vw,17.5rem);right: 7%;top: 25%;}
.cover.--ixAb2:before{content:'';position:absolute;background: url(../images/all/leave-2.svg)center/cover;aspect-ratio: 176/139;width: clamp(6rem,10vw,10rem);top: 0;left: 50%;transform: translate(-50%,-80%);}
.cover.--ixAb2:after{content:'';position:absolute;background: url(../images/all/cloud-2.svg)center/cover;aspect-ratio: 292/123;width: clamp(10rem,20vw,20rem);left: 0;bottom: 0;transform: translate(-25%,65%);}
.cover.--ixAb3{width:clamp(6rem,12vw,15rem);left: 10%;bottom: 5%;z-index: 5;}
.cover.--ixAb3:after{content:'';position:absolute;background:url(../images/all/cloud-1.svg)center/cover;width: clamp(9rem,13vw,12.5rem);aspect-ratio: 99/31;left: 0;bottom: calc(var(--bdW) * -1);z-index: -1;transform: translateX(-55%);}
.serialNum{background: var(--mjColor);position: absolute;width: 5rem;aspect-ratio: 1;color: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 100rem;flex-direction: column;font-weight: 500;transform: translate(-20%,-20%);z-index: 2;transition: var(--transition);}
.serialNum span{padding: clamp(0.2rem,0.4vw,0.4rem) 0;font-size: 0.875rem;}
.serialNum::before{content:"";position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 30%;height: 1px;background: #fff;}
.arrowBtnG{position: relative;display: inline-flex;flex-direction: row-reverse;gap: clamp(0.8rem,1.3vw,1.25rem);}
.blockHeight--ixEvent{overflow:clip;padding-top: 0;overflow-x: clip;}
.blockHeight--ixEvent .container{max-width:100%;margin-left:var(--ctOffset);padding-right: 0;}
.eventWrap--ix{--ttW:10rem;--gap: clamp(4.5rem,3vw,3rem);display: flex;gap:var(--gap);padding: 0 0.75rem;}
.eventWrap--ix .titleBox{width:var(--ttW);writing-mode: vertical-lr;align-items: flex-start;}
.eventWrap--ix .titleBox__mj{--lt: 0.15em;}
.eventWrap--ix .titleBox__sub{--cl:var(--subColor)}
.evMain{--moveY:3.75rem;width: calc(100% - var(--ttW) - var(--gap));overflow: hidden;transform: translateY(calc(var(--moveY) * -1));}
.eventBox--swipe{--offset:clamp(0.8rem,1.5vw,1.375rem);margin: 0 calc(var(--offset) * -1);padding-left: var(--offset);}
.eventFunc{--bs-gutter-x: 1.5rem;display:flex;justify-content: space-between;align-items: center;gap: 1rem;width: var(--container);padding: 0 calc(var(--bs-gutter-x) * 2) 0 calc(var(--bs-gutter-x) * .5);}
.evBox{margin:clamp( 1.5rem,4vw,3.75rem) var(--offset);display: inline-block;}
.evBox .cover img{transition: var(--transition);width: 100%;height: 100%;object-fit: cover;}
.evBox:hover .cover img{transform: scale(1.2);rotate: -3deg;}
.evBox:hover .serialNum{background: var(--mjColor-d);}
.evBox:hover .cover.--event{border-color: var(--mjColor-d);}
.evBox:hover .evBox__ct__txt{color:var(--mjColor-d)}
.swiper-slide:nth-child(even) .evBox{transform:translateY(clamp(2rem,4vw,3.75rem));}
.cover.--event{border: 0.375rem solid var(--mjColor);border-radius: clamp(1rem,2vw,2.5rem);display: flex;overflow: hidden;aspect-ratio: 3/2;}
.evBox__ct{margin-top:1.5rem;display: flex;flex-direction: column;gap: 0.75rem;}
.sortDate{display:flex;gap:0.75rem;align-items: center;}
.sortTxt{display:inline-block;padding: 0.375rem 0.75rem;border-radius:100rem;border:1px dashed;line-height: 1.2;font-size: clamp(0.875rem,1vw,1rem);}
.DateTxt{font-size: clamp(0.875rem,1vw,1rem);}
.evBox__ct__txt{font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:700;color:var(--mjColor);transition: var(--transition);}
.blockHeight--ixContact{padding:clamp(4rem,7vw,6.25rem) 0 6.25rem;position: relative;overflow-x: clip;}
.blockHeight--ixContact .container{position:relative;}
.blockHeight--ixContact .container:before,.blockHeight--ixContact .container:after{content:'';position:absolute;background:url(../images/all/cloud-1.svg)center/cover;aspect-ratio: 99/31;z-index: 1;opacity: 0;}
.blockHeight--ixContact .container:before{width:clamp(10.5rem,20vw,17rem);left: 0;bottom: 0;/* transform: translate(-30%,-50%); */}
.blockHeight--ixContact .container:after{width:clamp( 9rem,20vw,17rem);right: -7%;bottom: 24%;/* transform: translate(-30%, -50%); */}
.animated.container:before{animation: cloudMove1 1s forwards ease-out;animation-delay:0.5s;}
.animated.container:after{animation: cloudMove2 1s forwards ease-out;animation-delay:0.5s;}
@keyframes cloudMove1{from{transform:translate(-100%,-50%);opacity:1}
to{transform:translate(-30%,-50%);opacity:1}}
@keyframes cloudMove2{from{transform:translate(100%,-50%);opacity:1}
to{transform:translate(-30%,-50%);opacity:1}}
.blockHeight--ixContact .btnWrap{transform:translateY(-50%);}
.contactBox{text-align:center;padding: clamp(3rem,5vw,5rem) 2rem clamp(4.5rem,8vw,7.5rem);background: radial-gradient(#84BD4F 20%, transparent 0) 0 0/18px 18px var(--mjColor);border-radius: clamp(1.5rem,3vw,2.5rem);color: #fff;position: relative;}
.contactBox:after{content:'';position:absolute;width:100%;height:100%;background:var(--subColor);border-radius: 2.5rem;left: 0.375rem;top: 0;z-index: -1;transform: rotate(2.45deg);}
.titleBox.--contact{margin-bottom:clamp(1rem,1.8vw,1.5rem);color: #fff;}
.titleBox.--contact .titleBox__mj{--lt: 0.08em;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;}
.titleBox.--contact .titleBox__sub{--cl: #FFCE42;}
.titleBox.--contact .titleBox__sub:before,.titleBox.--contact .titleBox__sub:after{content:none;}
.decoPic.--ixCt{--bdW:0.375rem;}
.cover.--ixCt1{width: clamp(5rem,10vw,14rem);left: 8%;top: 50%; transform: translateY(-50%);;}
.cover.--ixCt1:after{content:'';position:absolute;background:url(../images/all/cloud-1.svg)center/cover;aspect-ratio: 198/62;width: clamp(4rem,7vw,6.25rem);right: -20%;bottom: calc(var(--bdW) * -1);transform: scaleX(-1);}
.cover.--ixCt2{width: clamp(8rem,18vw,18rem);right: 8%;top: -16%;}
.contactBox br{display: none;}

/* !====footer */
footer{position: relative;color:#fff;}
.fDeco{display: block;width:100%;background:url(../images/all/footer.svg)center/cover;aspect-ratio: 1448/111;position: relative;margin-bottom: -1px;}
.fDeco:after{content:'';position:absolute;background:url(../images/all/f-tree.svg)center/cover;aspect-ratio: 163/90;width: clamp(5rem,12vw,10rem);right: 20%;bottom: 0;}
.fWrap{background:var(--mjColor-d);}
.fBox{--gap:5rem;display:flex;gap:var(--gap);justify-content: space-between;padding-top:clamp( 3.5rem,4.5vw,3.75rem);padding-bottom: clamp(3rem,7vw,5rem);}
.fBox__infor{display:flex;flex-direction:column;align-items: flex-start;}
.fBox__infor .logo{width: clamp(18rem,35vw,28rem);}
.fBox__infor .logo img{width: 100%;}
.copyright{padding-top:clamp(2rem,3vw,3rem);margin-top:clamp(1.8rem,3vw,2.5rem);position:relative;display: flex;flex-wrap: wrap;gap: 0.125rem 0.25rem;font-size: clamp(0.9rem,1.3vw,1rem);}
.copyright:after{content:'';position:absolute;width:100%;height:1px;background:linear-gradient(to right,#fff 50%,transparent 50%);background-size:0.5rem;opacity:0.5;left:0;top:0;}
.copyright a{opacity:0.8;text-decoration:underline;text-underline-offset:0.125rem}
.copyright.--mb{padding-bottom: 4rem;padding-top: 2rem;display: none;}
.fSiteMInfor{margin:0;list-style:none;padding:0;display: flex;flex-direction: column;gap: clamp(0.4rem,1.5vw,0.6rem);}
.fSiteMInfor__item{display:inline-flex;gap:0.625rem;}
.fSiteM{display:flex;gap: 0.625rem;}
.fSiteM__item{display:flex;flex-direction:column;align-items: flex-start;}
.fSiteM__item__tt{margin-bottom:clamp(0.8rem,1.5vw,1.25rem);font-weight: 500;opacity: 0.6;letter-spacing: 0.9px;}
.fSiteMList{display:flex;flex-direction:column;width:clamp(8rem,15vw,13.5rem);gap: clamp(0.4rem,1.5vw,0.6rem)}
footer a{color: #fff;}
.fSiteM a{font-size: clamp(1rem,1.5vw,1.125rem);}
.fSiteM a:hover{opacity: .6;}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.ftsocial{display: flex;margin-top: 1rem;gap: 0.5rem;margin-left: -0.5rem;}
.ftsocial__item{position: relative;;width: clamp(2rem,3vw,2.6rem);aspect-ratio: 1/1;display: block;}
.ftsocial__item::before{content:"";position: absolute;width: 100%;height: 100%;;left: 50%;top:50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center center;background-size: contain;}
.ftsocial__item.--fb::before{background-image: url(../images/all/social01.svg);}
.ftsocial__item.--line::before{background-image: url(../images/all/social02.svg);}
.ftsocial__item.--ig::before{background-image: url(../images/all/social03.svg);}
.ftsocial__item.--yt::before{background-image: url(../images/all/social04.svg);}
.ftsocial__item[href=""]{display:none;}


/* !====內頁banner */
.pgBanner{position: relative;}
.pgBanner::before{content:"";position:absolute;right:0;bottom:0;transform:translate(10%,-8%);width:clamp(10rem,36vw,30rem);aspect-ratio:660 / 208;background:url(../images/all/grass-2.svg) center / cover;z-index: 2;
transform: translateX(40%);opacity: 1;animation: slideInR 1.5s ease-out forwards;}
@keyframes slideInR{from{transform:translateX(40%);}to{transform:translateX(20%);}}

.pgBanner::after{content:"";position:absolute;left:12%;bottom:0;transform:translateY(10%);background:url(../images/all/leave-1.svg) center / cover;width:clamp(2.3rem,4vw,4rem);aspect-ratio:83 / 154;}
.animateMask{ clip-path:circle(0% at 0 74%);opacity:0;;animation:revealCircle 1.5s ease-out forwards;animation-delay:0.2s;}
@keyframes revealCircle{to{clip-path:circle(200% at 0 56%);opacity:1;}}
.pgBanner__img{position: relative;;width:100%;aspect-ratio:1920 / 692;;/* 遮罩 */ -webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="692" viewBox="0 0 1920 692" fill="none"><path d="M1920 678.757C1758.9 601.166 1541.7 572.72 1200.66 627.08L1192.39 628.399C869.551 679.874 465.409 744.312 0 619.154V0.623108H1920V678.757Z" fill="black"/></svg>') no-repeat center/contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="692" viewBox="0 0 1920 692" fill="none"><path d="M1920 678.757C1758.9 601.166 1541.7 572.72 1200.66 627.08L1192.39 628.399C869.551 679.874 465.409 744.312 0 619.154V0.623108H1920V678.757Z" fill="black"/></svg>') no-repeat center/contain;mask-repeat:no-repeat;mask-position:center;mask-size:cover;margin-top: -8px;min-height: 30rem;}
.pgBannerTit{position:absolute;width:min(100%,100rem);padding:0 clamp(1.125rem,5vw,4rem);top:55%;left:50%;;transform:translate(-50%,-50%);z-index:3;color:#fff;overflow: hidden;}
.pgBannerTit__sub{display:flex;gap:clamp(0.5rem,1vw,1rem);align-items:center;text-transform:uppercase;font-size: clamp(1.125rem,1.8vw,2rem);color:#fff;margin-top: clamp(0.5rem,1.5vw,1.25rem);font-weight:500;transform:translateY(10rem);animation:slideUp2 1s ease-out forwards;animation-delay:0.4s;opacity:0;}
.pgBannerTit__sub::before{content:"";width: clamp(2rem,4vw,4rem);height: 1px;background: #fff;display: inline-block;;}
.pgBannerTit__mj{color:#fff;font-size:clamp(2rem,4vw,4.5rem);font-weight:600;border-radius:clamp(0.6rem,1.2vw,1rem);clip-path:inset(0 100% 0 0);animation:revealText 0.8s linear forwards;animation-delay:0.5s;opacity:0;}
@keyframes revealText{to{clip-path:inset(0 0 0 0); opacity:1;}}

/* !====麵包屑 */
.breadCrumbs{--gap: 1.5rem;gap: 0.2rem var(--gap);display: flex;justify-content: flex-start; flex-wrap: wrap;list-style: none;padding-left: 0; margin-bottom: clamp(1rem,2vw,2rem);margin-top: clamp(1.5rem,3.5vw,3rem);}
.breadCrumbs__item{position: relative;}
.breadCrumbs__item+ .breadCrumbs__item::before{content:'';position:absolute;width:0.375rem;aspect-ratio:1;background:var(--bodyColor-1);opacity:0.5;border-radius:100rem;left:calc(var(--gap) * -0.5);top:46%;transform:translate(-50%,-50%);}
.breadCrumbs__item a{color:var(--bodyColor-l);font-size: clamp(1rem,1.2vw,1.125rem);color:var(--bodyColor-1)}
.breadCrumbs__item a:hover{color: var(--mjColor-d);}
.breadCrumbs__item:last-of-type a{color: var(--mjColor-d);}

/* !====內頁設定 */
.pgContent{padding-bottom: clamp(4rem,12vw,8rem);}
.mainCont{margin-top: clamp(2rem,4vw,4rem);}

/* !====側選單 */
.sideToggle{display: none;}
.sideNavWrap{display: flex;justify-content: center;}
.sideNav{display: flex;flex-wrap: wrap;list-style: none;justify-content: center;background: var(--subColor);padding-left: 0;padding:clamp(0.6rem,1vw,0.8rem) clamp(1rem,1.5vw,1.5rem);border-radius: 40rem}
.sideNav__item a{position: relative;;padding:clamp(0.6rem,1vw,0.6rem) clamp(0.8rem,1.5vw,1.5rem);border-radius:40rem;color:#fff;display: block;font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 500;}
.sideNav__item a:hover{background-color: #e39516;}
.sideNav__item a::before{content:"";position: absolute;;width:0;aspect-ratio:1;background:var(--subColor);mask: url(../images/all/deco.svg)center/cover;border-radius: 100rem;left: 50%;top: 0;transform: translate(-50%,-140%);transition:0.3s cubic-bezier(0.075, 0.82, 0.165, 1) all ;display: none;}
.sideNav__item.active a{background: var(--bgColor);color:var(--subColor);}
.sideNav__item:hover a::before,.sideNav__item.active a::before{width: clamp(1.25rem,1.5vw,1.375rem);}

/* !====基金會理念 */
.aboutList{max-width: 80rem;margin:0 auto;counter-reset:num;margin-top: clamp(2.5rem,8vw,7rem);display: flex;flex-direction: column;gap:clamp(4rem,8vw,8rem);padding:0 clamp(1rem,2vw,2rem)}
.aboutList__item{position: relative;;display: flex;align-items: center;gap:clamp(1.5rem,7vw,6rem)}
.aboutList__item:nth-child(even){flex-direction: row-reverse;}
.aboutList__item:nth-child(even):before{left: 0;right:auto;transform: translate(-20%,-70%);}
.aboutList__item:nth-child(even) .aboutListImg::before{background:var(--subColor) ;}
.aboutList__item:nth-child(even) .linkTxt{background: var(--subColor);}
.aboutListTxt{width: 50%;}
.aboutListTxt__mj{position: relative;;margin-bottom: clamp(1.5rem,2.5vw,2rem);width: 100%;font-size: clamp(1.25rem,3vw,2rem);line-height: 1.4;font-weight: 600;}
.aboutList__item::before{counter-increment:num;content:'0' counter(num);position:absolute;right:0;font-size:clamp(2rem,16vw,12rem);color:#f4e8ca;font-weight:700;z-index:-1;line-height:1;transform: translate(20%,-70%);}
.aboutListTxt__con{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size: clamp(1rem,1.5vw,1.25rem);color:var(--bodyColor-1);line-height: 1.5;margin-bottom: clamp(1rem,2vw,2rem);}
.aboutListImg{position: relative;width: 50%;}
.aboutListImg::before{content:"";width: 100%;height: 100%;background: var(--mjColor);position: absolute;transform: rotate(0deg);border-radius: clamp(1rem,3vw,2rem);transition: 0.6s linear all;}
.aboutListImg.animated::before{ transform: rotate(-6deg);}
.aboutListImg__img{position: relative;;overflow: hidden;;aspect-ratio: 4/3;border-radius: clamp(1rem,3vw,2rem);z-index: 2;}
.aboutListImg img{width: 100%;height: 100%;object-fit: cover;}
.linkTxt{padding:clamp(0.2rem,1vw,0.4rem);display: inline-block;border-radius: 4rem;background: var(--mjColor)}
.linkTxt span{padding:clamp(0.4rem,1vw,0.6rem)clamp(1rem,2vw,1.5rem) clamp(0.4rem,1vw,0.4rem);border:1px dashed #fff;border-radius: 4rem;display: block;color:#fff;font-size: clamp(1.125rem,1.5vw,1.25rem);}
.linkTxt:hover,.aboutList__item:nth-child(even) .linkTxt:hover {background: var(--subColor-d);}
.detailTitle{width: 100%;margin-bottom: clamp(2rem,3.5vw,3rem);}
.detailTitle__about{padding-bottom:clamp(0.8rem,2vw,1.5rem);border-bottom:3px dotted #c3ab99;width:100%;display:block;font-weight: 700;font-size: clamp(1.5rem,2.5vw,2.5rem);padding-top: clamp(1rem,2vw,2rem);line-height: 1.3;}


/* !====活動花絮 */
.evList{--num: 3;--gap:clamp(1.5rem,4vw,4rem);display:flex;gap: clamp(2rem,4vw,4rem) var(--gap) ;flex-wrap: wrap;}
.evList .evBox{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.evList .evBox__ct{margin-top: 1rem;}
.eventCard{display: flex;gap:clamp(1.5rem,4vw,2.5rem);background:#f8e9c3 ;padding:clamp(1.25rem,5vw,4rem);border-radius: clamp(1rem,2vw,1.5rem);margin-bottom: clamp(2rem,4vw,4rem);}
.eventCardImg{width: 50%;}
.eventCardTxt{width: 50%;padding-top: clamp(1rem,2vw,2rem);}
.eventCardTxt .sortDate{margin-bottom: clamp(1rem,1.5vw,1.25rem);}
.eventCardTit{padding-bottom: clamp(0.8rem,1vw,1rem);margin-bottom: clamp(1rem,1.5vw,1.5rem);color:var(--subColor);font-weight: 600;font-size: clamp(1.5rem,3vw,2rem); border-bottom: 3px dotted #c3ab99;line-height: 1.4;}
.eventD-1 {margin-top: clamp(0.5rem,1vw,1rem);}
.eventD-1 .swiper-slide{cursor: pointer;}
.eventD-2 {border-radius: 0.2rem;overflow: hidden}
.eventCard img{display:block;width:100%;height:100%;object-fit:cover;}
.eventCard  .swiper-slide{width: 100%;aspect-ratio: 3/2;border-radius: clamp(0.4rem,1vw,1rem);overflow: hidden;border: 6px solid #fff7e2;}
.eventD-next{right:clamp(1.25rem,2vw,1.5rem)}
.eventD-prev{left:clamp(1.25rem,2vw,1.5rem) ;}
.eventD-next,.eventD-prev{width: clamp(2rem,3vw,2.5rem);height: clamp(2rem,3vw,2.5rem);border-radius: 50%;background: var(--bodyColor);}
.eventD-next::after,.eventD-prev::after{font-family: 'Bootstrap-icons'; font-size: clamp(1rem, 1.5vw, 1.25rem);color:#fff;}
.eventD-next::after{content:'\F285'}
.eventD-prev::after{content:'\F284'}
.titleSubStyle{position: relative;;text-align: center;margin-bottom: clamp(1.5rem,3.5vw,3rem);}
.titleSubStyle::before{content:"";position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 100%;height: 1px;border-top:3px dotted #c3ab99}
.titleSubStyle span{position: relative;z-index: 2;;background: var(--bodyColor);color:#fff;;padding:clamp(0.3rem,1vw,0.8rem) clamp(1rem,3vw,2.5rem);border-radius: 20rem;font-size: clamp(1.125rem,1.5vw,1.375rem);font-weight: 500;}
.tx01+.titleSubStyle{margin-top: clamp(2rem,6vw,5rem);}
/* 相簿 */
.awardAlbumList{--num: 5;--gap:clamp(0.9rem,2.5vw,2rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;  counter-reset:num; margin-bottom: clamp(2.5rem,4.5vw,4rem);}
.awardAlbumList__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.awardAlbumListImg{position: relative;;border-radius: var(--radius-s);aspect-ratio: 3/2;border-radius: clamp(0.4rem,1vw,0.8rem);overflow: hidden;}
.awardAlbumList__item img{width: 100%;height: 100%;object-fit: cover;}
.awardAlbumListImg::after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);transition: var(--transition);}
.awardAlbumList__item:hover .awardAlbumListImg::after{opacity: 0;}
.awardAlbumListTxt{margin-top: clamp(0.5rem,1vw,1rem);font-size:1rem;color:var(--bodyColor);padding-left: clamp(0.5rem,1vw,0.8rem);border-left: 3px solid var(--subColor);font-weight: 500;}

/* !====分頁  */
.pagination{display:flex;justify-content:center;gap: clamp(0.3rem,1vw,1.5rem);flex-wrap: wrap;margin: 0;padding: 5rem 0 0;;list-style-type: none;}
.pagination li:not(.show){display:none}
.pagination a{display: flex;align-items: center;justify-content: center;width: clamp(2.5rem,3vw,3rem);aspect-ratio: 1;border-radius: 100%;font-size: clamp(1rem,1.5vw,1.25rem);}
.pagination a:hover{color: var(--mjColor);background: #efe6d0;}
.pagination .on a{color: #fff;background: var(--mjColor);}
.pagination .arrow{display:flex!important;}
.pagination .arrow .no{opacity:.5;pointer-events:none}
.pagination .arrow a{display: flex;align-items: center;gap: 1rem;font-size: 80%;}

/* !====聯絡我們  */
.contactCard{display: flex;align-items: flex-start;gap:clamp(0.5rem,4vw,5rem)}
.contactCardTxt{width: 40%;}
.formGroupWrap{width: 60%;}
.contactCardTxt{position: sticky;left: 0;top:var(--headerH)}
.contactTit__sub{display: block;font-size: clamp(1.125rem,1.5vw,1.25rem);margin-bottom: clamp(0.5rem,1vw,1rem);color:var(--bodyColor-1);font-weight: 600;}
.contactTit{margin-top:clamp(1.2rem,4vw,4rem)}
.contactTit__mj{display: block;font-weight: 700;font-size: clamp(1.5rem,3.5vw,3rem);line-height: 1.5;letter-spacing: 0.9px;}
.contactTit__mj .mark{color:var(--subColor)}
.contactCon{margin:clamp(1rem,1.5vw,1.5rem) 0;font-size: clamp(1rem,1.5vw,1.125rem);color:var(--bodyColor-1);width: min(100%,29rem);line-height: 1.6;}
.contactInfo{margin:clamp(1.5rem,4vw,3.5rem) 0}
.contactInfo__item+.contactInfo__item{margin-top: clamp(1rem,3vw,2.5rem);}
.formGroup{display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);background: #fff;padding:clamp(1.5rem,3.5vw,3rem) clamp(1.125rem,3.5vw,3rem);border-radius: clamp(0.7rem,1.3vw,1rem);}
.formGroup .--bottomBtn a{ margin:0 auto}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{margin-bottom: 0.5rem;font-weight: 500;}
.contactInfo__item{position: relative;padding-left: clamp(3rem, 5vw, 4.5rem);}
.contactInfo__item:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(2.5rem,4vw,3.5rem);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--subColor);border-radius:50%;font-size:clamp(1rem,1.5vw,1.375rem);color:#fff;}
.contactInfo__item__tit{font-size: clamp(1rem,1.3vw,1.125rem);color:var(--bodyColor);margin-bottom: 0.5rem;}
.contactInfo__item__con{color:var(--bodyColor);font-weight: 600;font-size: clamp(1rem,1.5vw,1.25rem);}

/* !====萬潤集團 */
.blockHeight--allring{position: relative;}
.blockHeight--allring::after{content:"";position: absolute;right:0;top:0;width: 70%;height: 100%;background: #fff;border-radius: clamp(4rem,6vw,6rem) 0 0 clamp(4rem,6vw,6rem);}
.allringWrapper{display: flex;padding:clamp(2rem,6vw,4rem);position: relative;z-index: 2;}
.tabsGp__body{width: clamp(25rem,38vw,38rem);}
.allringCard{--bgColor:#055A8E;background:var(--bgColor);color:#fff;position:relative;;border-radius:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,3rem) clamp(1.5rem,4vw,4rem);height:31.25rem;display:flex;flex-direction:column;justify-content:center;}

.allringCard a{color:#fff;font-weight: 500;}
.allringCard:before{writing-mode:vertical-rl;position:absolute;left:0;top:1rem;transform:translateX(-120%);color:var(--bgColor);font-weight:bold;font-size:clamp(1.25rem,2vw,2rem);}
.allringCard:first-child:before{content:"ALLRING";}
.allringCard:first-child,.allringList__item:first-child{--bgColor:#055A8E}
.allringCard:nth-child(2):before{content:"UNIRING";}
.allringCard:nth-child(2),.allringList__item:nth-child(2){--bgColor:#F08300}
.allringCard:last-of-type:before{content:"SAN HSIUNG";}
.allringCard:last-of-type,.allringList__item:last-of-type{--bgColor:#203C72}
.allringList{counter-reset:num2;padding-left:clamp(3rem,8vw,6rem);list-style:none;display:flex;flex-direction:column;justify-content:center;flex:1;}
.allringList__item {position: relative;;border-top: 1px solid #bdbdbd;padding:clamp(2rem,4vw,3rem) 0 ;font-size: clamp(1.25rem,2vw,1.5rem);display: flex;align-items: center;cursor: pointer;}
.allringList__item::before{counter-increment:num2;content:'0'counter(num2) ;padding-right: 1rem;}
.allringList__item__text{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.allringList__item p{margin-bottom: 0;}
.allringList__item .alllink{position: absolute;left: 0;top:0;position: absolute;width: 100%;height: 100%;}
.allringList__item::before,.allringList__item p{color:#666}
.allringListArrow {width: clamp(2rem,3.5vw,3rem);aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;border-radius: 50%;color:#666}
.active .allringListArrow{background: var(--bgColor);color:#fff}
.active .allringListArrow::before{font-size: 0.7em;}
.active .allringList__item__text{color:#333;font-weight:600;;font-size:clamp(1.25rem,3vw,1.8rem) ;}
.active.allringList__item::before{color:var(--bgColor);font-weight: 600;font-size: clamp(1.25rem,3vw,1.8rem);}
.cardTpLogo{background-color: #fff;padding:0.4rem;width: 100%;border-radius: clamp(0.5rem,1.5vw,1rem);margin-bottom: clamp(1.5rem,3vw,2rem);margin-top: clamp(0.6rem,1vw,1rem);}
.cardTpLogo__logo{width:clamp(7em,18vw,12rem);;aspect-ratio:64 / 25;margin:0 auto;}
.cardTpLogo__logo img{width: 100%;height: 100%;object-fit: contain;}
.cardTpName{position: relative;z-index: 2;;font-size: clamp(1.5rem,3vw,2rem);}
.cardTpName__num{font-size: 1.5em;font-weight: 500;opacity: .4;vertical-align: -8%;padding-right: 0.5rem;}
.cardList{padding-left: 0;list-style: none;}
.cardList__item+.cardList__item{margin-top: clamp(0.8rem,1.5vw,1.2rem);}
.cardList__item{display: flex;gap:0.5rem;align-items: flex-start;align-items: center;gap:0.8rem}
.cardList__item::before{width: clamp(2.5rem,3vw,3rem);aspect-ratio: 1/1;border-radius: 0.2rem;background-color: rgba(255,255,255,0.2);display: flex;align-items: center;justify-content: center;flex:0 0 auto;font-size: 1.2em;}
.cardList__item p{margin-bottom: 0;font-weight: 500;}
.cardList__item p ,.cardList__item a{font-size: clamp(1rem,1.3vw,1.125rem);}
.cardList__item:has(:empty){display:none;}


/* !====編輯器 */
ol,ul{padding-left: 2rem;}
.articleMain+.btnGroup{margin-top: clamp(2rem,3vw,3rem);}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.articleTop{margin-bottom: clamp(1.5rem,3vw,3rem);}
.tx01{margin-bottom:clamp(1rem,3vw,2.5rem);/*font-size: clamp(1rem,1.3vw,1.125rem);*/line-height: 1.8;font-weight: 500;}
.tx01 figure{border-radius: clamp(0.7rem,2vw,1rem);overflow: hidden;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: clamp(1rem, 3vw, 3rem)}
.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%;width: 100%;;max-height:100%;height:auto!important;border-radius: clamp(0.7rem,2vw,1.5rem);}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: clamp(0.7rem,2vw,1rem)}


/*!=====RWD=====*/
@media screen and (min-width:992px){
    .funcBtn__item:hover{background: var(--subColor-d);}
    .btnStyle:hover{background: var(--mjColor-d);}
    .btnStyle2:hover{background: var(--subColor-d);}
    .swipeArrow:hover{color:var(--subColor-d);}
}
@media screen and (min-width:1200px){
	:root{--container:1140px;}
}
@media screen and (min-width:1400px){
	:root{--container:1320px;}
}
@media screen and (min-width:1680px){
	:root{--container:1600px;}
    /*!1680 banner*/
    .banner{max-width: 1480px;}
}


/*!===MAX===*/
@media screen and (max-width: 1400px) {
    /*首頁*/
    .blockHeight--ixContact .container:after{right:-12%;bottom:auto;top:45%;}
    .cover.--ixCt2{right: 4%;}

}
@media screen and (max-width: 1200px) {
    /*首頁*/
    .eventWrap--ix{padding:0;}
    .serialNum{transform: translate(-25%, -25%) scale(0.9);}

    /* !====活動花絮 */
    .awardAlbumList{--num:4}

    /* !====萬潤集團 */
    .allringCard{height: 28rem;}

}

@media screen and (max-width: 991px) {

    /*首頁*/
    .eventWrap--ix{flex-direction: column;}
    .evMain{width: 100%;overflow: visible;}
    .eventWrap--ix{padding:0}
    .blockHeight--ixEvent .container{margin-left: 0;}
    .eventWrap--ix .titleBox{writing-mode: initial;margin-left: 1rem;}
    .abDeco:after{transform: translate(25%, 25%);}
    .eventFunc{padding:0 calc(var(--bs-gutter-x) * .5);margin-top: -1.25rem;}
    .serialNum{transform: translate(-25%, -25%) scale(0.85);}
    .blockHeight--ixContact .container:after{top:35%}
    .cover.--ixCt1{left: 6%;}
    .cover.--ixCt2::after{content:'';position:absolute;background:url(../images/all/cloud-1.svg) center / cover;aspect-ratio:99 / 31;z-index:-1;bottom:0;right:0;transform: translate(60%, 40%) scaleX(1);width: clamp(6rem, 20vw, 16rem);}
    .blockHeight--ixContact .container:after{display: none;}
    .eventWrap--ix .titleBox__mj{--lt: 0.08em;}

     /* !====內頁banner */
    .pgBanner__img{   min-height: 22rem; mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="992" height="588" viewBox="0 0 992 588" fill="none"><path d="M992 577.057C908.762 510.657 796.544 486.313 620.343 532.833L616.069 533.962C449.268 578.012 240.461 633.156 0 526.051V0H992V577.057Z" fill="black"/></svg>')no-repeat center bottom/cover;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="992" height="588" viewBox="0 0 992 588" fill="none"><path d="M992 577.057C908.762 510.657 796.544 486.313 620.343 532.833L616.069 533.962C449.268 578.012 240.461 633.156 0 526.051V0H992V577.057Z" fill="black"/></svg>')no-repeat center bottom/cover}

    /* !====活動花絮 */
    .eventCard{flex-direction: column-reverse;}
    .eventCardImg,.eventCardTxt{width: 100%;}
    .eventCardTxt{padding-top: 0;}
    .awardAlbumList{--num:3}

    /* !====聯絡我們  */
    .contactCard{flex-direction: column;}
    .contactCardTxt,.formGroupWrap{width: 100%;}
    .contactCardTxt{position: static;}
    .contactCon{width: 100%;}
    .contactTit br{display: none;}
    .formGroup{margin-bottom: 0;}
    .formGroup__item--half{width: 100%;}

}


@media screen and (max-width: 768px) {

    /*!768====RWD編輯器表格(X捲軸)*/
    .tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}

    /* !====首頁 */
    .decoPic.--mb{position:static;display:flex;justify-content:space-between;align-items:flex-end;padding:0 0.5rem 3rem 0.5rem;margin-top: 4rem; height: auto; }
    .cover.--ixAb2,.cover.--ixAb3{position: relative;left: auto;right: auto;top:auto;bottom: auto;transform: translate(0,0);}
    .cover.--ixAb3{top:-4rem;right:0rem;}
    .contactBox .briefTxt{width: 60%;min-width:10.5rem ;margin:0 auto;font-size: 1rem;}
    .abDeco:before{display: none;}

    /* !====footer */
    .copyright{display: none;}
    .copyright.--mb{display: block;}
    .fBox{flex-direction: column;gap: 2rem;padding-bottom: 0;}

    /* !====側選單 */
    .sideNav{flex-direction: column;width: 100%;border-radius: 1rem;gap: 0.5rem}
    .sideNav__item a{border-radius: 0.5rem;}
    .sideNav__item a::before{left: auto;top:auto;transform: translate(0,0);position: relative;width: 1rem;display: inline-block;}
    .sideNav__item:hover a::before,.sideNav__item.active a::before{width: 0.8rem;margin-right: 0.3rem;}

    /* !====基金會理念 */
    .aboutList__item,.aboutList__item:nth-child(even){flex-direction: column;}
    .aboutListImg,.aboutListTxt{width: 100%;}
    .aboutList__item::before{z-index: 4;transform: translate(-20%,10%);color:var(--mjColor)}
    .aboutList__item:nth-child(even):before{transform: translate(20%,10%);color:var(--subColor)}
    .aboutList{padding:0}
    .aboutListImg::before{transform: rotate(-6deg);}

    /* !====活動花絮 */
    .evList{--num: 2}
    .awardAlbumList{--num:2}

     /* !====編輯器 */
    .img-left, .img-right{flex-direction: column;gap:0;}
    .img-left figure, .img-right figure,.img-left.tx01 figure + .text, .img-right.tx01 figure + .text{width: 100%;padding-top: 0;}

    /* !====萬潤集團 */
    .allringList{display: none;}
    .tabsGp__body{width: 100%;}
    .allringWrapper{padding-right: 0;}
    .allringCard{height: auto;}
    .allringCard+.allringCard{margin-top: 1.5rem;}
    .blockHeight--allring::after{display: none;}
    .cardTpName::after{content:"\F138";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:0;top:-0.3rem;width:2.5rem;height:2.5rem;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0.8em;}

}
@media screen and (max-width: 640px) {
    /* !====banner */
    .bnWrap{padding:0 1rem}
    .bnWrap:after{top:12%}
    .bnTxt{right:1rem}
    .bnImg{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1225" height="1108" viewBox="0 0 1225 1108" fill="none"><path d="M491.445 26.6875C564.425 -8.89565 660.575 -8.89565 733.555 26.6875L1131.68 220.807C1190.08 249.282 1225 296.46 1225 346.888V1107.65H0V346.888C0.000193591 296.46 34.9202 249.282 93.3213 220.807L491.445 26.6875Z" fill="%23D9D9D9"/></svg>') center / cover;aspect-ratio:1225/1108 ;}
    .moreBtn{right: 4%;bottom: -18%;}

    /* !====內頁banner */
    .pgBannerTit{top:50%}

    /*首頁*/
    .cover.--ixAb1{top:-4%}
    .cover.--ixCt2{width:6rem;top:-16%;}
    .cover.--ixCt1{top:70%;left: -4%;}
    .blockHeight--ixContact .container:after{display:block;top:60%;width:5rem;right:0%;opacity: 1;transform: translate(-30%, -50%);}
    .blockHeight--ixContact .container:before{opacity: 1;transform: translate(-30%, -50%);bottom: -20%;}
    .contactBox br{display: block;}
    .abBox__text__brief br{display: none;}
    .abBox__text__mark{display: inline-block;line-height: 2;}
    .abBox__text__mark .txt:after{display: none;}
    .abBox__text__mark .txt{padding:0}

     /* !====活動花絮 */
    .evList{--num: 1}
    .eventD-next, .eventD-prev{display: none;}


}