@charset "utf-8";

/* CSS Document */
body{font-family:'Kanit','Noto Sans TC',sans-serif;font-size: 20px;line-height:1.5;color:#333;}
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:#000;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{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;z-index: 20;color: var(--color-red);font-size: 1.5rem;}
.gotopBox{display:flex;flex-direction: column;align-items: center;transition: 0.3s all;}
.gotopBox .txt{position:relative;padding-bottom: 0.75rem;}
.gotopBox .txt:after{content:'';position: absolute;width:0.75rem;aspect-ratio:1;border-radius:100rem;background:var(--color-blue);display:inline-block;left: 50%;bottom: 0;transform: translateX(-50%);transition: 0.5s background;transform-origin:center;display:inline-block}
.fixGoTop #goTop{position:absolute;bottom: calc(100% - 4vw);}

/*按鈕*/
.btnWrap {text-align:center;display: flex;}
.btnWrap--twice{gap:1rem;flex-wrap:wrap;justify-content: center;margin-top: 2rem;}
.btnWrap--center{justify-content:center;}
.btnWrap--invite{margin: 1rem 0;padding-bottom: 1.5rem;}
@media screen and (max-width: 640px) {
#goTop{}
}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.tableContainer{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:#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;}
@-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)}
	}
	@-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*/
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding:2rem 0;}

:root{
	--color-red:#CE1032;
	--color-redD:#970821;
	--color-yellow:#F7DE8C;
	--color-yellowL:#FFF5D2;
	--color-blue: #3895A9;
	--color-blueD:#1D738F;
	--color-blueL: #E1EFF4;--color-gray:#D1CBBD;
	--gradient-1:linear-gradient(154deg, #FF4E6D 16.5%, #CE1032 52%, #A50121 88%);

	--container:1140px;
}
::selection {background: rgba(56,149,180,0.75);color: #fff;}

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

/* 共用 */
.innerWidth{max-width: var(--container);margin: auto;}
.btnStyle{background: var(--color-redD);border-radius: 100rem;font-size: 1.25rem;color: #fff;position: relative;padding: 0.75rem 2rem;padding-bottom: calc(0.75rem + 5px);min-width: 200px;}
.btnWrap--twice .btnStyle{width:100%;}
.btnStyle:after{content:'';position: absolute;width: 100%;height: calc(100% - 5px);border-radius: 100rem;background: var(--color-red);left: 0;top: 0;transition-duration: 0.75s;}
.btnStyle:hover{color:#fff;}
.btnStyle:hover:after{/*opacity: 0;*/height:100%;}
.btnStyle .txt{position:relative;z-index:2;}
.btnStyle--full{width:100%;}
.btnStyle:hover .txt{top: 2.5px;}
.btnStyle--drop{background:var(--color-blueD);border-radius:0 0 1.875rem 1.875rem;}
.btnStyle--drop:after{background:var(--color-blue);border-radius:0 0 1.875rem 1.875rem;}
.btnStyle--drop .txt:before{content:'展開看更多 ';}
.open.btnStyle--drop .txt:before{content:'收合更多項目 ';}
.open.btnStyle--drop .txt i:before{transform:rotate(180deg);}
.gridBg{background: linear-gradient(90deg, rgba(200, 200, 200, 0.1) 3%, transparent 0),linear-gradient(rgba(200, 200, 200, 0.1) 3%, transparent 0); background-size: 40px 40px;}
[type="checkbox"]{width: 1.625rem;height: 1.625rem;display: inline-block;margin-right: 0.5rem;}
[type="checkbox"]:checked{background:var(--color-red);position:relative;}
[type="checkbox"]:checked:after{content:'\F633';color:#fff;font-family: bootstrap-icons !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 1.375rem;}
.tagBox{display:inline-block;background:var(--color-red);padding:0.25rem 1rem;border-radius: 0.625rem;color:#fff;margin-bottom: 1rem;position: relative;border: 1px solid #fff;/* z-index: 1; */}
.tagBox:before{content:'';position:absolute;width: calc(100% + 2px);height:calc(100% + 2px);background:#fff;border-radius:0.625rem;left: -1px;top: -1px;z-index: -1;}
.tagBox:after{content:'';position:absolute;width:100%;height:100%;background:var(--color-red);left:0.25rem;top:0.25rem;border-radius:0.625rem;opacity:0.5;z-index: -2;}

/*loading*/
.loadingZone{position: fixed;top: 0;left: 0;background: #f7f7f7;background-image: linear-gradient(rgba(209,203,189,0.3) 1px, transparent 0), linear-gradient(90deg, rgba(209,203,189,0.3) 1px, transparent 0);background-size: 20px 20px,20px 20px;background-position: center 10px;width: 100%;height: 100%;z-index: 9999;display: flex;justify-content: center;align-items: center;}
.load{display:flex;flex-direction:column;align-items: center;}
.load__img{text-align:center;}
.load__img__pic{width: clamp(25%,60vw,400px);}
.loadDot{display: inline-block;position: relative;width: 5rem;height: 5rem;}
.loadDot div{position:absolute;top:1.25rem;width:13px;aspect-ratio: 1;border-radius:50%;background:var(--color-blue);animation-timing-function:cubic-bezier(0,1,1,0)}
.loadDot div:nth-child(1){left:8px;animation:loadDot1 .6s infinite}
.loadDot div:nth-child(2){left:8px;animation:loadDot2 .6s infinite}
.loadDot div:nth-child(3){left:32px;animation:loadDot2 .6s infinite}
.loadDot div:nth-child(4){left:56px;animation:loadDot3 .6s infinite}
@keyframes loadDot1 {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes loadDot3 {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes loadDot2 {
0%{transform:translate(0,0)}
100%{transform:translate(24px,0)}
}

/* 標題 */
.bigTitle{}
.titleBox--center{text-align:center;}
.mainTitle{font-size: clamp(1.625rem,3vw,2rem);color: var(--color-red);font-weight: 700;letter-spacing: 0.05em;position: relative;display: inline-block;padding-bottom: 2.5rem;margin-bottom: 2rem;}
.mainTitle:after{content:'';position: absolute;background: url(../images/all/wave.png)center/cover;bottom: 0;left: 50%;transform: translateX(-50%);aspect-ratio: 35/17;width: 70px;opacity: 0;transition: 0.5s all;transition-delay: 0.5s;bottom: 2rem;}
.animated.mainTitle:after{bottom: 0;opacity: 1;}
.mainTitle--mpbSmall{margin-bottom:0;padding-bottom:0.5rem;}
.subTitle{font-size: 1.25rem;color: var(--color-blue);font-weight: 500;letter-spacing: 0.1em;}
.subTitle .txt{min-width: 120px;display:inline-block;}
.markTxt{display: inline-block;padding: 0 0.25rem;color: var(--color-red);font-weight: 500;}
.markTxt2{color:var(--color-blue);}
.markCircle{display: inline-block;color: #fff;position: relative;z-index:1;padding: 0 0.5rem;text-align: center;margin: 0 0.25rem;transform: rotate(8deg) scale(0.8);}
.markCircle:after{content:'';position:absolute;background: linear-gradient(154deg, #818181 16.5%, #2c2c2c 52%, #000000 88%);left: 50%;top: 50%;height:100%;transform: translate(-50%,-50%);aspect-ratio:1;z-index:-1;border-radius: 100rem;box-shadow:  0.25rem 0.25rem 0.25rem rgba(255,255,255,0.5);}
.markCircle--black:after{background:#000;}
/* 大標左至右出現動畫 */
.titleAnimate {-webkit-animation-name: titleAnimate;animation-name: titleAnimate;}
@keyframes titleAnimate {
	  0% {clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);}
	100% { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
}
/* fadeIn置中 */
.fadeInCenter {-webkit-animation-name: fadeInCenter;animation-name: fadeInCenter;}
@keyframes fadeInCenter {
	  0% {transform: translateX(-50%) translateY(-1rem);opacity: 0;}
	100% { transform: translateX(-50%) translateY(0);opacity: 1;}
}

/*header*/
.navbar{background:#fff;box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.15);}
.navbar--fixed.navbar{box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.15);}
.logo{margin: 0;display: flex;align-items: center;}
.logo__pic{max-height: 42px;aspect-ratio: 173/17;width: auto;}
.navbar-content{display: flex;gap: 1rem clamp(0.5rem,1vw,1.5rem);font-size: 1.125rem;}
.menuBar{gap: 1.25rem;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: clamp(1rem,1vw,1.125rem);color: #333;font-weight: 500;padding: 0.5rem clamp(0.5rem,2vw,1rem);text-align: center;margin-bottom: 0;}
.active.nav-item .nav-link{color:var(--color-red);}

.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.375rem;aspect-ratio: 3/2;object-fit: cover;object-position: center;justify-content: center;padding: 0;}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--color-red);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.navbar-toggler.open .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.open .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}

.nav-item{position: relative;height: 100%;align-items: center;}
.nav-item.dropdown{z-index:0;}

.functionBox{display:flex;gap:0.625rem;}
.functionBox__btn{padding: 0 1rem;border-radius: 1rem;color:#FFF;display:flex;align-items: center;justify-content: center;position: relative;overflow:hidden;z-index:0;}
.functionBox__btn:before{content:'';position:absolute;width:100%;height:100%;top:100%;left:0;background:rgba(0,0,0,0.15);z-index:-1;transition:0.3s all;mix-blend-mode: color-burn;}
.functionBox__btn:hover{color:#fff;/*animation: jumpBtn 0.5s forwards;*/}
.functionBox__btn--member{background:var(--color-blue);height: 3.375rem;}
.functionBox__btn--member i{font-size:2rem;}
.functionBox__btn--member i{position:relative;top:2px;}
.homeIcon{font-size: 1.25rem;}


/*banner*/
.banner{margin-bottom:0!important;}
.banner__box{position:relative}
.banner .slick-dots{bottom: 1.5rem;display: flex;align-items: center;justify-content: center;}
.banner .slick-dots li button:before{content:none;}
.slick-slider .slick-dots li{display: inline-flex;justify-content: center;align-items: center;}
.slick-slider .slick-dots li button{width:0.875rem;background: rgba(255,255,255,0.3);aspect-ratio: 1;height: auto;border-radius: 100rem;border: 1px solid #fff;}
.slick-slider .slick-dots li.slick-active button{background:rgba(255,255,255,1);}
.banner__box__pic--pc{width:100%;aspect-ratio:1920/730;object-fit:cover}
.banner__box__pic--mb{display: none!important;}
.banner__box iframe{width:100%;aspect-ratio:1920/730;}


.pgBanner{}

/* footer */
footer{color: #fff;border-bottom:10px solid var(--color-blue);background: var(--color-red);padding: 9vw 0 2.5rem;background: url(../images/all/footer.png) no-repeat,linear-gradient(to bottom,transparent 0%,transparent 10vw,var(--color-red) 10vw);background-position: top center;background-size: 100%;z-index: 3;position: relative;}
footer a{color:#fff;}
footer a:hover{color:rgba(255,255,255,0.75);}
.fLogo__pic{filter:grayscale(1) brightness(0) invert(1);width: 200px;}
.footerTop{display:flex;justify-content: space-between;margin-bottom: 2.5rem;align-items: center;}
.f-infor{display:flex;gap:1rem;align-items: center;flex-wrap: wrap;}
.f-infor__content{margin: 0;padding: 0;list-style:none;font-size: 1.125rem;display: flex;gap: 0.5rem 2rem;font-weight: 300;flex-wrap: wrap;}
.infor__content__txt{position:relative;}
.infor__content__txt + .infor__content__txt:before{content:'';position:absolute;width:1px;height:1.5rem;background:#fff;opacity:0.3;left:-1rem;top:50%;transform:translateY(-50%);}
.f-btn{position: relative;display: inline-flex;gap: 1.25rem;align-items: center;padding: 0.5rem 1.75rem;border-radius: 100rem;background: #fff;}
.copyright{font-size: 0.875rem;color: #fff;font-weight: 300;}
.copyright a{color: rgba(255,255,255,0.5);}
.f-btn__style{position: relative;color: #fff;background: url(../images/all/btn-show.png)center/cover;font-size: 1.375rem;width: 2.5rem;display: inline-flex;justify-content: center;align-items: center;aspect-ratio: 1;line-height: 1;margin-top: 12px;}
.f-btn__style:after{content:'';position: absolute;background: url(../images/all/btn-heart.png)center/cover;right: 2px;top: -12px;aspect-ratio: 13/11;width: 13px;transform: rotate(15deg) translateY(150%);opacity: 0;transition: 0.3s all;}
.f-btn__style .bi{position: relative;top: 5px;}


/* 圖文&編輯器 */
.pageContent table { max-width:100%;width: 100%;}
.tx01 {margin-bottom: 2rem;}
.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-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 img{max-width:100%;max-height:100%;height:auto!important;border-radius: clamp(0.5rem,2vw,1.5rem);}
.tx01 iframe{border-radius:clamp(0.5rem,2vw,1.5rem);overflow:hidden;}
.tx01 .text:only-child{width:100%;}
.text img{max-width: 100%;height: 100%!important;}

/*blockHeight--ixNhz*/
.blockHeight--ixNhz{padding: 0;position: relative;z-index: 1;overflow: hidden;}
.ixNhzInforWrapper{position:relative;background: #fff;background-image: linear-gradient(rgba(209,203,189,0.3) 1px, transparent 0), linear-gradient(90deg, rgba(209,203,189,0.3) 1px, transparent 0);background-size: 20px 20px,20px 20px;background-position: center 10px;z-index: 0;padding: 8rem 0 0;}
.ixNhzVideoWrapper{background: linear-gradient(to bottom,var(--color-yellowL) 0%,var(--color-yellowL) 90%,transparent 90%);position:relative;z-index: -1;padding-bottom: 12rem;}
.ixNhzVideoWrapper:after{content:'';position:absolute;width:100%;background: url(../images/index/ground.png)center/cover;bottom:0;left:0;aspect-ratio: 16/5;z-index: -1;pointer-events: none;}
.ixNhzInforWrapper:after{content:'';position:absolute;width:100%;aspect-ratio: 320/97;background: url(../images/index/cloud.png)center/cover;bottom:0;left:0;z-index: -1;}
.nhzTitle{width: 645px;margin-bottom: 1rem;}
.ixNhzBox{position:relative;}

.decoBox{position: relative;}
.decoBox__left{position:absolute;width: clamp(120px,30vw,485px);aspect-ratio:1;left: 0;bottom: 0;transform: translate(-100%,40%);}
.decoBox__right{position:absolute;width: clamp(120px,30vw,485px);aspect-ratio:1;right: 0;bottom: 0;transform: translate(100%,25%);}

.ixNhzBox__txt{text-align: center;line-height: 1.8;position: relative;padding-bottom:5rem;}
.ixNhzBox__txt:after{content:'';position:absolute;left:50%;bottom:0;background:url(../images/all/heart.png)center/cover;aspect-ratio:1;width:4rem;transform: translateX(-50%);}
.animated.ixNhzBox__txt:after{animation: heartpulse forwards 1s infinite;animation-delay: 0.75s;}
@keyframes heartpulse {
	0% {transform: translateX(-50%) scale(0.95);}
	70% {transform: translateX(-50%) scale(1);}
	100% {transform: translateX(-50%) scale(0.95);}
}

.ixNhzBox__list{list-style: none;line-height: 1.25;display: flex;flex-wrap: wrap;margin: auto;gap: 2rem;justify-content: center;padding: 2.25rem 50px;position: relative;}
.ixNhzBox__list__item{text-align: center;width: calc(25% - 1.5rem);max-width: 200px;aspect-ratio: 1;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;position: relative;transition: 0.3s all;top: 0;line-height: 1.5;}
.ixNhzBox__list__item:hover{top: -0.625rem;}
.ixNhzBox__list__item:nth-child(1){background:url(../images/index/c-red.png)center/cover;}
.ixNhzBox__list__item:nth-child(2){background:url(../images/index/c-yellow.png)center/cover;color:#333;}
.ixNhzBox__list__item:nth-child(3){background:url(../images/index/c-blue.png)center/cover;}
.ixNhzBox__list__item:nth-child(4){background:url(../images/index/c-gray.png)center/cover;color:#333;}
.ixNhzBox__list:before{content:'';position:absolute;height: clamp(80px,12vw,200px);aspect-ratio: 1;background: url(../images/all/mas-1.png?20230829)center/cover;left: 0;bottom: -1rem;pointer-events: none;opacity:0;z-index: 10;}
.ixNhzBox__list:after{content:'';position:absolute;height: clamp(80px,12vw,200px);aspect-ratio: 1;background: url(../images/all/mas-2.png?20230829)center/cover;right: 0;bottom: -1rem;pointer-events: none;opacity:0;z-index: 10;}
.animated + .ixNhzBox__list:before{animation:fadeInLeft 1s forwards;animation-delay: 1s;}
.animated + .ixNhzBox__list:after{animation:fadeInRight 1s forwards;animation-delay: 1.25s;}
.videoBox{position:relative;}
.videoBox .ratio,.nhztwBox__map .ratio{border-radius: clamp(0.5rem,2vw,1.5rem);overflow: hidden;}
.videoBox:before,.videoBox:after{content:'';position:absolute;background:url(../images/all/tree.png)center/cover;aspect-ratio: 17/31;width: clamp(5%,5vw,85px);bottom:0;z-index: 5;opacity:0;}
.videoBox:before{left:-2rem;transform:translateX(-100%);}
.videoBox:after{right:-2rem;transform:translateX(100%);}
.animated.videoBox:before{animation:fadeIn 1s forwards;animation-delay: 2s;}
.animated.videoBox:after{animation:fadeIn 1s forwards;animation-delay: 2.5s;}

/*blockHeight--ixJoin*/
.blockHeight--ixJoin{padding: clamp(3rem,8rem,6rem) 0 6rem;position: relative;background: url(../images/index/map.png)center/cover;margin-top: -4vw;z-index: 0;overflow: hidden;}
.ixJoinBoxWrapper{position:relative;}
.ixJoinBoxWrapper:before{content:'';position:absolute;background:url(../images/all/grass.png)center/cover;width: clamp(50px,15vw,180px);aspect-ratio: 3/1;left: 2rem;top: 0;transform: translate(-50%,-100%);opacity: 0;transition: 1s all;transition-delay: 1s;opacity: 0;}
.ixJoinBoxWrapper:after{content:'';position:absolute;background: url(../images/all/mas-3.png?20230829)center/cover no-repeat;height: clamp(90px,12vw,225px);aspect-ratio: 74/45;right: 0;bottom: 0;transform: translate(85%,30%);opacity: 0;transition: 1s all;transition-delay: 1.5s;}
.animated.ixJoinBoxWrapper:before{transform: translate(0,-100%);opacity: 1;}
.animated.ixJoinBoxWrapper:after{transform: translate(35%,30%);opacity: 1;}

.ixJoinBox{display:flex;background: var(--color-yellowL);border-radius: 1rem;position: relative;width: 100%;justify-content: flex-end;padding: 6rem 4vw;margin: 5rem 0;position: relative;}
.ixJoinBox__map{position: absolute;width: 15vw;left: 6rem;top: 50%;transform: translateY(-50%);}
.ixJoinBox__map__geo{position:absolute;left:50%;top:0;transform:translateX(-50%);pointer-events: none;width: 60%;}
.ixJoinBox:after{content:'';position:absolute;width:100%;height:100%;background:var(--color-yellow);z-index:-1;border-radius:1rem;left:1.25rem;top:1.25rem;}
.ixJoinBox__infor{display:flex;justify-content: space-around;width: calc(100% - 15vw);gap: 4vw;}
.joinNum{text-align:center;position: relative;width: 100%;}
.joinNum__num{white-space:nowrap}
#num{display:none;}
.joinNum__num .counting{font-weight:600;font-size: clamp(2.625rem,5vw,4rem);background: var(--gradient-1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: var(--color-red);position: relative;}
.counting--pcs,.counting--peo{position:relative;top: -3px;}

/*blockHeight--ixOrganization*/
.blockHeight--ixOrganization{padding: 8rem 0 calc(8rem + 8vw);background:var(--color-blueL);margin-bottom: -8vw;position: relative;z-index: 0;}
.blockHeight--ixOrganization:before{content:'';position:absolute;background:url(../images/index/deco-left.png)center/cover;left:0;top:0;aspect-ratio: 125/64;width: clamp(24%,24vw,625px);opacity: 0;z-index: -2;pointer-events: none;transition: 1s all;}
.blockHeight--ixOrganization:after{content:'';position:absolute;background:url(../images/index/deco-right.png)center/cover;right:0;top:0;aspect-ratio: 97/113;width: clamp(30%,30vw,485px);opacity: 0;z-index: -2;pointer-events: none;transition: 1s all;transition-delay: 0.5s;}
.animated.blockHeight--ixOrganization:before{opacity:0.35;}
.animated.blockHeight--ixOrganization:after{opacity:0.35;}

.ixOrganBoxWrapper:after{content:'';position:absolute;background:url(../images/index/cloud-m.png)center/cover;aspect-ratio: 17/6;width: clamp(80%,80vw,1690px);left: 50%;top: 58%;z-index: -2;transform: translate(-50%,-50%);transition: 1s all;transition-delay: 1s;opacity: 0;}
.animated.ixOrganBoxWrapper:after{opacity: 1;}
.ixOrganBox{background:#fff;border:0.25rem solid var(--color-blue);border-radius:1.25rem;padding: 1.25rem 2rem;position: relative;margin-top: 1rem;}
.ixOrganBox:before{content:'';position:absolute;background:url(../images/all/flag.png)center/cover;aspect-ratio: 55/16;object-fit: cover;top: 0;left: 50%;transform: translate(-50%,-50%);width: 0;opacity: 0;transition: 1s all ease-in;transition-delay: 1.25s;}
.animated.ixOrganBox:before{width: clamp(180px,15vw,275px);opacity:1;}
.ixOrganBox:after{content:'';position:absolute;width:100%;height:100%;background:var(--color-blue);left:1.25rem;top:1.25rem;border-radius: 1.25rem;z-index: -1;}
.ixOrganBox__list{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 1.25rem 1.5rem;}
.organImg{width: calc(25% - 1.125rem);justify-content: center;align-items: center;padding: 1rem 0.75rem;display: none;}
.organImg:nth-child(-n+12){display: flex;}
.organImg__pic{aspect-ratio:5/3;object-fit:contain;pointer-events: none;}

/*==內頁==*/
/*共用*/
.pageBg{background: #fff;background-image: linear-gradient(rgba(209,203,189,0.3) 1px, transparent 0), linear-gradient(90deg, rgba(209,203,189,0.3) 1px, transparent 0);background-size: 20px 20px,20px 20px;background-position: center 10px;}
.pageContent{/* padding-bottom: 8vw; */margin-bottom: -2vw;}
.articleBox{padding-top:2rem;}
.articleSub__date{font-weight: 500;color:var(--color-blue)}
.articleTit{position:relative;display:flex;}
.articleTit__txt{font-size: 2rem;color: var(--color-red);font-weight: 600;position: relative;display: inline-block;margin-bottom: 3rem;padding-bottom: 2rem;/* width: calc(100% - 150px); */}
.articleTit:after{content:'';position:absolute;background: url(../images/all/grass.png)center/cover;aspect-ratio: 3/1;width: 150px;right: 0;bottom: 1rem;z-index: -1;}
.articleContent{padding: 0 0 2rem;}
.nhzBorder{border-right: 4px solid var(--color-red);border-top: 4px solid var(--color-yellow);border-bottom: 4px solid var(--color-gray);border-left: 4px solid var(--color-blue);background: #fff;border-radius: 1.25rem;}

.pgTop{/* padding: 2rem 0 clamp(50px,20vw,220px) 0; *//* background: url(../images/all/pgBN.png)bottom/cover no-repeat,linear-gradient(to bottom,#fff 0,#fff 50%,transparent 50%); */background-size: 100%;/* text-align: center; */padding: 3rem 0 1rem;background: url(../images/all/pgBN2.png)top/cover no-repeat;background-size: 100%;z-index: 0;position: relative;}
.titIcon{display:flex;gap: 2rem;align-items: flex-start;justify-content: center;clip-path: polygon(0 0 ,0 100%,100% 100%,100% 0);}
.titleIcon__img{position:relative;padding-left: clamp(0.5rem,1.5vw,3rem);}
.titleIcon__img__pic{/* max-height:200px; *//* width: clamp(80px,35vw,200px); */height: clamp(80px,12vw,200px);}
.titleIcon__img + .titleBox{padding-top: 2rem;text-align: center;}
.titleIcon__img:after{content:'';position:absolute;background:url(../images/all/grass.png)center/cover;aspect-ratio: 3/1;/* width: clamp(100px,55vw,280px); */height: clamp(35px,8vw,100px);bottom: 0;left: 0;z-index: -1;}
.breadCrumb{text-align: right;}
.breadCrumb__item{position: relative;color: #6e6e6e;font-size:1rem;font-weight:500;}
.breadCrumb__item + .breadCrumb__item{padding-left: 0.75rem;margin-left: 0.75rem;}
.breadCrumb__item + .breadCrumb__item:before{content:'';position: absolute;width: 0.5rem;aspect-ratio: 1;background: var(--color-gray);left: -0.5rem;top: 0.5rem;border-radius: 100rem;}
.breadCrumb__item:last-child{color:var(--color-red);}

/*blockHeight--about*/
.blockHeight--about{padding: clamp(1rem,2vw,3rem) 0 5rem;}

/* blockHeight--news */
.blockHeight--news{padding: 1rem 0 0;}
.newsBox{display:flex;flex-wrap:wrap;gap: 3rem 1.5rem;padding-bottom: 2rem;}
.newsBox__item{width: calc((100% - 3rem) / 3);padding: 0;}
.newsCover{border-radius: 1rem 1rem 0 0;overflow:hidden;position: relative;}
.newsCover__pic,.paperCover__pic{aspect-ratio:4/3;object-fit:cover;transition:0.3s all;}
.newsCover:after{content:'\F52A';position:absolute;font-family: bootstrap-icons !important;aspect-ratio: 1;left: 50%;top: 100%;transform: translate(-50%,-50%) scale(0.5);font-size: 2rem;color: #fff;transition:0.3s all;opacity:0;background: var(--color-red);display: flex;padding: 0.5rem;justify-content: center;align-items: center;height: 4rem;border-radius: 1rem;}
.newsBox__item__infor{padding: 1rem;}
.inforTit{font-size: clamp(1.25rem,2vw,1.5rem);font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.5rem;transition:0.3s all;}
.inforBrief{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;margin-bottom: 0.5rem;}
.inforDate{padding-top: 0.5rem;color:#E5844D;font-weight: 500;}
.newsBox__item__infor .inforDate{text-align:center;border-top: 1px solid var(--color-gray);}
.newsBox__item:hover .newsCover__pic{transform: scale(1.08);opacity: 0.35;}
.newsBox__item:hover .inforTit{color:var(--color-red);}
.newsBox__item:hover .newsCover:after{top:50%;opacity:1;transform: translate(-50%,-50%);}

/*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:var(--color-red);color:#fff;border-radius: 0.5rem;}

/* blockHeight--newsD */
.blockHeight--newsD{padding: clamp(1rem,2vw,3rem) 0 5rem;}

/* blockHeight--login */
.blockHeight--login{padding: clamp(1rem,2vw,3rem) 0 clamp(1rem,5vw,5rem);}
.memBar{display:flex;justify-content: center;align-items: flex-end;}
.memBar__item{padding: 0.5rem 1.5rem;font-size: clamp(1.25rem,3vw,1.5rem);background:var(--color-gray);color:#fff;border-radius:1rem 1rem 0 0;opacity: 0.75;}
.active.memBar__item{background:var(--color-red);opacity: 1;padding: 0.875rem 1.5rem;}
.memBar__item:hover{padding: 0.875rem 1.5rem;opacity:1;background:var(--color-redD);color:#fff;}
.memBox {/* max-width:900px; */margin:auto;padding: 3rem clamp(1rem,5vw,3rem);}
.cwlfIcon{position: relative;padding-left: 2rem;}
.cwlfIcon:before{content:'';position: absolute;aspect-ratio: 1;background: url(../images/all/cwlf.png)center/cover;width: 2rem;left: -4px;top: 50%;transform: translateY(-50%);filter: brightness(100);}
.memBoxTxt--login{text-align:center;margin-bottom: 2rem;position: relative;}

.loginBox{display: flex;align-items: center;max-width: 900px;margin: auto;}
.loginBox__account{width: calc(50% + 2rem);border-right: 1px dashed #ddd;padding: 1rem 0;padding-right: 2rem;}
.loginBox__account .formGroup__item--recaptcha{justify-content:left;}
.loginBox__official{width: calc(50% - 2rem);padding-bottom: 3rem;}
.officialBox{text-align:center;}
.officialBoxImg{padding: 2rem;padding-bottom: 0;display: inline-block;position: relative;z-index: 0;}
.officialBoxImg:after{content:'';position:absolute;background: url(../images/all/mas-bg.png)center/cover;aspect-ratio: 24/17;width: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.officialBoxImg__pic{height: clamp(80px,12vw,200px);}
.formGroup--login{max-width: 480px;margin:auto;}
.forgetPw{position:absolute;right: 0;top: 3px;font-size: 1rem;color: var(--color-blue);}
.formGroup__form{display: flex;}
#accountVerify_register,#accountVerify_forgot{padding:1rem;border: 2px dashed #ddd;border-radius: 0.5rem;background: #f7f7f7;}
.placardInfo {font-size:1rem;padding:0.5rem 0.25rem;font-weight: 500;text-align: center;background: rgba(209,203,189,0.5);}

/*blockHeight--register*/
.blockHeight--register{padding: clamp(1rem,2vw,3rem) 0 clamp(1rem,5vw,5rem);}
.formGroup--register, .formGroup--contact, .formGroup--donate,.formGroup--forget{max-width:900px;margin:auto;}
.formBox{display:flex;gap: 1.5rem 2rem;flex-wrap:wrap;margin-bottom: clamp(2rem,3vw,3rem);}
.form-control,.form-select{font-size:1.125rem;font-weight: 300;}
.formGroup__item{width:100%;position: relative;}
.formGroup__item--half{width: calc(50% - 1rem);}
.formGroup__item--recaptcha{display:flex;align-items: center;justify-content: center;width: 100%;gap: 0.5rem 1rem;flex-wrap: wrap;}
.formGroup__item--center{width: 100%;text-align: center;}
.formGroup__item--center label{display:flex;align-items: center;justify-content: center;}
.formGroup__item label{font-size:1.125rem;font-weight:400;}
.formGroup option{background:rgba(247,222,140,0.15);}
.pw-icon{position:absolute;right:0.75rem;top:0;transform: translateY(calc(0.75rem + 75%));width:1.25rem;aspect-ratio:1;cursor:pointer;color:#bdbdbd;background: #fff;}
.formGroup__item--borderT{border-top: 1px dashed #ddd;}

/*-彈跳視窗-*/
.termPop__outer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index: 9999;}
.termPop__box{background:#fff;padding: 2rem clamp(1rem,2vw,2rem);border-radius:16px;height: 90vh;width: clamp(280px,80vw,800px);}
.termPop__box--small{height:auto;}
#closeBtn{position:absolute;background:var(--color-blue);aspect-ratio:1;width: 2rem;border-radius: 100rem;display: flex;justify-content: center;align-items: center;color: #fff;right: 2rem;top: 1rem;cursor: pointer;transition: 0.3s all;}

.memTit{margin-bottom: 1rem;}
.memberBnf__title{font-size:1.2rem;color:#352014;line-height:2}
.memberBnf{font-weight:700}
.overlay{display:none;width:100%;height:100%;background: rgba(53,20,20,0.5);position:fixed;top:0;left:0;backdrop-filter:blur(3px);z-index: 9998;}
.memberBnf__content{overflow-y:scroll;}
.memberBnf__content::-webkit-scrollbar{width: 8px;}
.memberBnf__content::-webkit-scrollbar-track{background-color: var(--color-yellowL);border-radius: 100rem;}
.memberBnf__content::-webkit-scrollbar-thumb{background-color: var(--color-yellow);border-radius: 100rem;}
.memberBnf__content .subTitle{font-weight:700;font-size: clamp(1.125rem,3vw,1.375rem);}
.bntItem__tit{color:var(--color-red);}
.bnfItem{border-top:1px dashed var(--color-gray);padding: 0.75rem 0;font-weight:400;margin-right: 0.75rem;font-size:1.125rem;}
.bntItem__content{padding-left:0.75rem;text-align: justify;}

/*月曆樣式*/
.ui-datepicker .ui-datepicker-header{background: var(--color-red);}
.ui-datepicker .ui-datepicker-header .ui-corner-all{top:50%;transform:translateY(-50%);}
.ui-datepicker .ui-datepicker-prev{left:0.25rem;}
.ui-datepicker .ui-datepicker-next{right:0.25rem;}
.ui-datepicker .ui-datepicker-header .ui-corner-all:hover{border-radius:100rem;border:none;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border:none;border-radius: 0.25rem;padding: 0.25rem;margin: 0 0.125rem!important;}
.ui-datepicker th{}
.ui-datepicker-prev.ui-state-hover,.ui-datepicker-next.ui-state-hover{background: #333;border: none;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:var(--color-yellowL);color: #b38f12;border-color: var(--color-yellow);}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:var(--color-blue);border-color:var(--color-blueD);}
.ui-widget.ui-widget-content{z-index: 99!important;}

/*contact*/
.blockHeight--contact{padding: clamp(1rem,2vw,3rem) 0 5rem;}
.contactBox{padding: 3rem clamp(1rem,5vw,3rem);}
.formTitle{border-bottom:1px dashed #ddd;padding-bottom: 0.5rem;font-weight: 500;}

/*會員專區*/
.blockHeight--mem{padding: 3rem 0 7rem;}
.memInTitle{/* border-bottom: 6px double var(--color-gray); */margin-bottom: 0.5rem;}
.memInBox__content{background: #fff;padding: 1rem clamp(1rem,4vw,2rem);display: flex;align-items: flex-start;}
.sidebar{width: 200px;padding: 1rem 0;}
.sideNav{list-style:none;padding:0;margin:0;}
.sideNav__item.logout{border-top:1px solid #333;}
.sideNav__item__link{font-size:1.25rem;margin-bottom: 1rem;display: inline-block;position: relative;width: 100%;}
.active.sideNav__item__link,.sideNav__item__link:hover{color:var(--color-red);font-weight:500;}
aside + .memInBox__content__main{width: calc(100% - 200px);padding: 1rem 0;padding-left: 4rem;position: relative;z-index: 0;}
.logout .sideNav__item__link{padding-top: 0.75rem;padding-bottom: 0.75rem;}
.logout .sideNav__item__link:hover{background:#333;color:#fff;}
.logout .sideNav__item__link:before{content:none;}

.sideNav__item__link--sort{display:none;}
.active.sideNav__item__link + .sideNav__item__link--sort{display:block;margin-top: -1rem;margin-bottom: 0.625rem;}
.sideNavSort{display:block;padding: 0.25rem 0;display:flex;align-items: center;gap: 0.25rem;}
.active.sideNavSort{color:var(--color-redD);}
.sideNavSort i{font-size: 0.75rem;opacity: 0.85;}

/*會員專區-資源共享*/
.resoBox{position: relative;}
.resoBox--top{margin-bottom:2rem;}
.resoBox--main{padding-top:2rem;border-top:1px dashed #ddd;padding-bottom:2rem;}
.resoBox__item{position:relative;display:inline-block;width: calc(50% - 0.5rem);}
.resoBox__item .resoBox__item__img:after{font-family:bootstrap-icons !important;}
.resoBox__item__img{position:relative;border-radius: 0;overflow: hidden;background: var(--color-gray);margin-bottom: 0.375rem;border-radius: clamp(0.5rem,2vw,1.5rem);}
.resoBox__item .resoBox__item__img:before{position:absolute;color:#fff;z-index:1;padding: 0.25rem 0.75rem;background: rgba(56,149,180,0.85);border-radius: 0 5px 5px 0;bottom: 1.5rem;left: 0;letter-spacing: 0.15em;font-size: 1.125rem;backdrop-filter: blur(0.5rem);}
.resoBox__item--video .resoBox__item__img:before{content:'影片';}
/* .resoBox__item--video .resoBox__item__img:after{content:'\F4F3';position:absolute;left: 0;top: 0;color: #fff;font-size: 4rem;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;transition:0.3s all;} */
/* .resoBox__item--video:hover .resoBox__item__img:after{content:'\F4F2';color:var(--color-red);} */
.resoBox__item--image .resoBox__item__img:before{content:'圖片';position:absolute;color:#fff;z-index:1;padding: 0.25rem 0.75rem;background: var(--color-blue);border-radius: 0 5px 5px 0;bottom: 1.5rem;left: 0;letter-spacing: 0.15em;font-size: 1.125rem;}
/* .resoBox__item--image .resoBox__item__img:after{content: '\F429';position:absolute;opacity:0;left: 0;top: 0;color: var(--color-red);font-size: 4rem;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;transition: 0.3s all;} */
.resoBox__item--image:hover .resoBox__item__img:after{font-size:4rem;opacity:1;}
.resoBox__item__pic{transition:0.3s all;width: 100%;aspect-ratio: 4/3;object-fit: cover;object-position: center;}
.resoBox__item:hover .resoBox__item__pic{transform:scale(1.08);}
.resoBoxWrapper{display:flex;flex-wrap:wrap;gap: 0.625rem 1rem;}
.resoBoxWrapper--list{margin-bottom:2rem;}
.resoBox__item__txt{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.resoBox__item--file,.resoBox__item--link{width:100%;padding: 0.5rem;padding-left: 5rem;background: var(--color-blueL);transition: 0.3s all;}
.resoBoxWrapper--list .resoBox__item:nth-child(even){background: #f9f9f9;}
.resoBox__item--file:hover, .resoBox__item--link:hover{background:var(--color-yellowL)!important;}
.resoBox__item--file:before,.resoBox__item--link:before{content:'檔案';display:inline-block;position:absolute;color: #fff;z-index: 1;padding: 0.25rem 0.75rem;background: rgba(56,149,180,0.85);border-radius: 0 5px 5px 0;top: 0.375rem;left: 0;letter-spacing: 0.15em;font-size: 1.125rem;backdrop-filter: blur(0.5rem);}
.resoBox__item--link:before{content:'連結';}


.resoBox__sortG{display: flex;flex-wrap: wrap;padding: 1rem;}
.resoBox__sort{width: calc((100% - 3rem) / 4);aspect-ratio: 1;display: flex;justify-content: center;align-items: center;font-weight: 500;color: #fff;letter-spacing: 0.15em;font-size: 1.5rem;transition: 0.3s all;}
.resoBox__sort--video{background: url(../images/index/c-red.png)center/cover;}
.resoBox__sort--image{background: url(../images/index/c-yellow.png)center/cover;color:#333!important;}
.resoBox__sort--file{background: url(../images/index/c-blue.png)center/cover;}
.resoBox__sort--link{background: url(../images/index/c-gray.png)center/cover;color:#333!important;}
.resoBox__sort:hover{color:#fff;}
.resoBoxWrapper--list .resoBox__item--video,.resoBoxWrapper--list .resoBox__item--image{width:calc((100% - 2rem) / 3);}

/*我要捐款*/
.blockHeight--donate{padding: clamp(1rem,2vw,3rem) 0 clamp(1rem,5vw,5rem);}

/*捐款成功*/
.successBox{display:flex;flex-direction:column;align-items: center;text-align: center;}
.icon-success{font-size:6rem;color:#5ea052;line-height: 1;}
.successBox__txt{width:100%;text-align:center;}
.successBoxTit{font-weight: 700;line-height: 1;font-size: clamp(1.25rem,5vw,1.75rem);margin: 1rem 0 2rem;}

/*blockHeight--nhztw*/
.blockHeight--nhztw{padding: clamp(1rem,2vw,3rem) 0 5rem;}
.nhztwBox__areaBar{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content: center;border-bottom: 2px solid var(--color-red);padding-top: 2rem;margin-bottom: 1rem;align-items: flex-end;}
.nhztwBox__areaBar__item{background: var(--color-gray);color: #fff;border-radius:1rem 1rem 0 0;transition:0.3s all;cursor: pointer;overflow: hidden;}
.nhztwBox__areaBar__item a{padding: 0.5rem 1.25rem;color:#fff;display:inline-block;}
.active.nhztwBox__areaBar__item{background:var(--color-red);}
.active.nhztwBox__areaBar__item a{padding: 0.875rem 1.25rem;}

.active.nhztwListBox{display:flex;}
.nhztwBox__content__list{list-style:none;padding:0;margin:0;display: flex;flex-wrap: wrap;gap:1rem;width:100%;}
.nhztwItem{width:calc((100% - 2rem) / 3);}
.nhztwItem__link{padding:1rem;background:#fff;border-radius: clamp(0.5rem,2vw,1rem);border:1px solid #dcdcdc;display: flex;position: relative;height: 100%;}

.active.nhztwItem .nhztwItem__link{background:var(--color-red);color:rgba(255,255,255,0.85);}
.active.nhztwItem .nhztwInfro__name{color:#fff;}

.nhztwInfro{position:relative;width: 100%;}
.nhztwInfro:after{content:'';position: absolute;background: url(../images/all/nhz.png)center/cover no-repeat #fff;background-size: calc(100% - 0.5rem);border-radius: 100rem;aspect-ratio: 1;width: 2.25rem;right: 0;top: 0;}
.nhztwInfro__name{width:calc(100% - 2rem);font-weight:500;color: var(--color-red);margin-bottom:0.5rem;}
.nhztwInfro__phone{font-size:1rem;}
.nhztwInfro__phone:after{content:'\F5B4';}
.nhztwInfro__address{font-size:1rem;}
.nhztwInfro__address:after{content:'\F3E7';}
.nhztwInfro--icon{position:relative;padding-left: 1.5rem;}
.nhztwInfro--icon:after{position:absolute;font-family:bootstrap-icons !important;left:0;top:0;opacity: 0.35;}

/*野餐活動*/
.evBanner__img{margin-block:0;}
.eventTop{padding: 3rem 0 1rem;}
.eventTop .breadCrumb {/* text-align:center; */}
.blockHeight--event{padding:0;}
.eventBlock{padding:1rem 0;}
.eventBlock--bg{background: #fff5d2;}
.evInfor{text-align: center;font-weight:500;line-height: 1.8;z-index: 2;position: relative;padding: clamp(1.5rem,2vw,3rem) 0 1rem;}
.evInfor__txt{margin-bottom:0}

.evTitle{font-size: clamp(2.25rem,3vw,2.5rem);color: #333;font-weight: 700;letter-spacing: 0.05em;position: relative;text-align: center;padding-bottom: 2rem;margin-bottom: 2rem;letter-spacing: 0.25em;}
.evTitle--white{color:#fff;text-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.15);}
.evTitle:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);background: url(../images/all/wave.png)center/cover;bottom: 0;left: 50%;transform: translateX(-50%);aspect-ratio: 35/17;width: 70px;}
.evMaintxt{padding: 5rem;padding-top: 6rem;background:#fff;border-radius: 1.25rem;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15);position: relative;}
.evList{list-style:none;position:relative;padding: 0;width: calc(100% - clamp(100px,14vw,320px) );}
.evList__item{position:relative;padding-left: 1.5rem;line-height: 1.5;}
.evList__item:after{content:'';position:absolute;width: 1rem;aspect-ratio: 1;background: url(../images/all/heart.png)center/cover;left: 0;top: 0.75rem;}
.evList__item:not(:last-child){margin-bottom: 1.5rem;}
.evList__item .markTxt{background: var(--color-red);color: #fff;padding: 0.25rem 0.75rem;border-radius: 0.5rem;margin-bottom: 0.25rem;}
.evList + .evDecoImg{width: 40%;margin-right: -20%;}

.evDate{position: relative;padding: clamp(5rem,18vw,8rem) 0 2rem;margin-top: -5rem;background: url(../images/event/bg.png) top/contain no-repeat;background-size: auto 148px;}
.evDate:after{content:'';position:absolute;background: #fff5d2;width:100%;height: calc(100% - 148px);left:0;bottom:0;z-index:-1}
.evDate--outer{display: flex;flex-wrap: wrap;gap: 2rem 4rem;justify-content: center;margin: auto;position: relative;padding: 2.5rem clamp(1rem,3vw,3rem);width: fit-content;}
.evDate__item{border-radius: clamp(0.5rem,2vw,1.5rem);text-align: center;position: relative;}
.evDate__item--time{font-size:1.02em;}
.evDate__item__tit{margin-bottom: 0.5rem;font-weight: 600;font-size: clamp(1.625rem,1.8vw,2rem);padding-top: 0.5rem;color: #c9201d;}
.evDate__item--time .evDate__item__tit{margin-right: -0.5rem;}
.evDate__item__sub{font-weight:400;color: #333;margin: 0;}

.evDetail{position:relative;z-index: 1;padding: 4rem 0;background: url(../images/event/evDetail.png)top/cover no-repeat;}
.evMaintxt:before{content:'';position:absolute;background: url(../images/event/deco.png)center/contain;background-size: 2.625rem 2.5rem;width: calc(100% - 4rem);height: 2.5rem;left: 2rem;top: 0;transform: translateY(-25%);filter: brightness(3);}
.evMaintxt--evdetail:after{content:'';position: absolute;right: 0;bottom: 10%;background: url(../images/event/picnic-2.png)center/cover;height: clamp(120px,14vw,320px);aspect-ratio: 547/400;transform: translate(20%,10%) rotate(5deg);}
.evdetailDeco{position: absolute;top: 4rem;right: -2rem;width: clamp(100px,14vw,320px);}
.evdetailDeco__img{border-radius:100rem;overflow:hidden;aspect-ratio: 1;box-shadow: 0.25rem 0.25rem 0 rgba(0,0,0,0.15);transform: rotate(-6deg);}
.evdetailDeco__img:first-child{transform:rotate(6deg);}
.evdetailDeco__img__pic{height: 100%;object-fit: cover;}

.evProcess{position: relative;padding: 3rem 0 calc(5rem + 6vw);/* margin-bottom: -4vw; */}
.evProcess:after{content:'';position:absolute;width:100%;height:4vw;left:0;bottom:0;background: #e5844d;z-index: -1;}
.evMaintxt--evProcess{position:relative;}
.evMaintxt--evProcess:after{content:'';position:absolute;background: url(../images/event/item.png)center/cover;aspect-ratio: 5/2;height: clamp(80px,8vw,100px);left: 1rem;bottom: 0;transform: translate(0,30%);}
.evProcessContent{display:flex;gap: clamp(1rem,2vw,3rem);}
.evProcessContent__item{border-radius: 0.625rem;overflow: hidden;width: calc(50% - clamp(0.5rem,1vw,1.5rem));}
.evTable--head,.evTable__item{display:flex;}
.evTable--head{background: var(--color-red);color:#fff;padding:0.5rem 0;font-weight:500;letter-spacing:0.05em;align-items: center;}
.evTable__time,.evTable__name{padding:0 1rem;text-align:center;}
.evTable__time{width: clamp(120px,25%,150px);}
.evTable__name{width:calc(100% - 150px);text-align: left;}
.evTable--body{list-style:none;margin:0;padding: 0;}
.evTable__item{background: rgba(209,203,189,0.3);padding:0.625rem 0;border-bottom: 1px solid var(--color-gray);}
.evTable__item:nth-child(even){background: rgba(209,203,189,0.05);}

.eventBg--outer{position: relative;z-index: 1;}
.eventBg--outer:before{content:'';position:absolute;width:100%;height:calc(100% - 4vw);background:#fff5d2;top:0;left:0;z-index:-1}
.eventBg--outer:after{content:'';position:absolute;width:100%;height:100%;background: url(../images/index/ground.png)bottom/contain no-repeat;background-size: 100%;left: 0;bottom: 0;z-index: -1;}

.evMap{padding: 3rem 0 5rem;background: linear-gradient(to bottom,#e5844d calc(35% + 3rem),#fff calc(35% + 3rem));position: relative;margin-top: -1px;}
.evMap:before, .evMap:after,.evSign:after{content:'';position:absolute;background: url(../images/event/trees.png)center/cover;aspect-ratio: 1;width: clamp(80px,8vw,140px);z-index: 5;}
.evMap:before{top: 0;left: 2rem;transform: translateY(-50%);}
.evMap:after{bottom: 0;right: 2rem;transform: translateY(50%);}
.evMapImg{margin-bottom:0;}
.evMapImg__pic{width: 100%;border-radius: 1.25rem;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15);}

.evSign{padding: 6rem 0;position: relative;background: url(../images/event/evSign.png) center/cover fixed;}
.evSign:after{bottom: 0;left: 2rem;transform: translateY(30%);}
.evSignContent{display:flex;gap: clamp(1rem,2vw,3rem);}
.evSignContent__img{width: calc(45% - clamp(0.5rem,1vw,1.5rem) );}
.evSignContent__img__pic {border-radius:1.25rem;}
.evSignContent__txt{width: calc(55% - clamp(0.5rem,1vw,1.5rem) );}
.evSignInfor__tit{font-weight: 600;font-size: 1.15em;color:var(--color-red);margin-bottom: 0.5rem;}
.evSignInfor__list{font-size:1.125rem;}

.evUnit{padding: 8rem 0;background: #fff;position: relative;z-index: 0;}
.evUnit:after{content:'';position:absolute;width:100%;height:5rem;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);left:0;bottom: 0;clip-path: polygon(0 10%, 100% 10%, 100% 200%, 0% 200%);pointer-events: none;}
.evUnitGroup{display:flex;gap: 5rem 6rem;flex-wrap: wrap;}
.evUnitGroup__item{display:flex;align-items: flex-start;gap: 1rem;}
.evUnitGroup__item__tit{font-size: 1rem;margin: 0;line-height: 1.25;width: 2.625rem;aspect-ratio: 1;display: flex;align-items: center;text-align: center;margin: 0.1875rem;position: relative;color: #fff;}
.evUnitGroup__item__tit:after{content:'';position:absolute;background:url(../images/index/c-red.png)center/cover;width: 3.75rem;aspect-ratio:1;z-index:-1;left: -11px;top: -10px;}
.evUnitGroup__item:nth-child(2) .evUnitGroup__item__tit:after{background:url(../images/index/c-yellow.png)center/cover;}
.evUnitGroup__item:nth-child(3) .evUnitGroup__item__tit:after{background:url(../images/index/c-blue.png)center/cover;}
.evUnitGroup__item:nth-child(4) .evUnitGroup__item__tit:after{background:url(../images/index/c-gray.png)center/cover;}
.evUnitGroup__item:nth-child(2) .evUnitGroup__item__tit,.evUnitGroup__item:nth-child(4) .evUnitGroup__item__tit{color:#333;}
.unitImg--outer{display:flex;gap: 1.5rem;flex-wrap: wrap;width: calc(100% - 3.125rem);}
.unitImg{margin-bottom: 0;}
.unitImg__pic {max-height: 3rem;}
.unitImg__pic--big{max-height: 4rem;}

.evQa{padding: 5rem 0 calc(5rem + 8vw);margin-bottom: -8vw;/* background: url(../images/event/patteren.png) center/cover #fff fixed; */background-size: 1000px;}
.evQaTxt{padding: 3rem clamp(1rem,6vw,3rem);background: #f8f8f8;border-radius: 1.25rem;/* box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15); */position: relative;border: 0.25rem solid var(--color-gray);}
.evQaTxt:after{content:'';position:absolute;width:100%;height:100%;background: var(--color-gray);left:1.25rem;top:1.25rem;border-radius: 1.25rem;z-index: -1;}
.evQaTxtList{}
.evQaTxtList__item{display:block;border-bottom: 1px solid #ddd;padding: 0 1rem;transition: 0.3s all;}
.active.evQaTxtList__item{background:rgba(0,0,0,0.05)}
.evQaTxtList__item__tit{font-weight: 600;position: relative;font-size: 1.5rem;padding: 1.5rem 1.75rem;cursor: pointer;transition: 0.3s all;}
.evQaTxtList__item__tit:hover{color:var(--color-red);}
.evQaTxtList__item__tit:before{content:'';position:absolute;background: url(../images/all/heart.png)center/cover;width: 1rem;aspect-ratio:1;left: 0;top: calc(0.625rem + 1.5rem);}
.evQaTxtList__item__tit:after{content:'';position:absolute;right: 0;top: calc(0.875rem + 1.5rem);border-top: 0.35em solid;border-right: 0.35em solid transparent;border-bottom: 0;border-left: 0.35em solid transparent;transition:0.3s all;}
.active.evQaTxtList__item .evQaTxtList__item__tit:after{transform:rotate(180deg);}
.evQaTxtList__item__content{font-size:1.125rem;display: none;padding: 0.5rem 0;}

/*===RWD===*/
@media screen and  (min-width:992px){
	.btnWrap--twice .btnStyle{width:calc(50% - 1rem);}
	
	:root{--container:960px;}
	/*共用*/
	.titleBox--big .mainTitle {font-size: 2.25rem;line-height: 1.5;}
	.titleBox--big .subTitle {font-size: 1.5rem;}
	/*header*/
	.navbar-expand-lg .navbar-nav .nav-link:hover{color:var(--color-red);}
	.homeTxt{display: none;}
	.show.homeTxt{display: block;}
	.nav-item{display: flex;cursor: pointer;}
	.navbar-nav .dropdown-menu{border:none;border-radius:0;background: rgba(206,16,50,0.85);backdrop-filter: blur(0.25rem);padding: 0;transition: 0.3s all;transition-delay: 0s,0.125s;transform: translateY(-2rem);pointer-events: none;display: block;opacity: 0;z-index: -1;top: 100%;border-top: 0.125rem solid #fff;border-radius: 0.5rem;left: 0;}
	.dropdown:hover>.dropdown-menu{display: block;transform: translateY(0);opacity: 1;pointer-events: inherit;padding: 0.5rem 0 0.375rem;width: clamp(100%,25vw,260px);}
	.dropdown-item{color:#fff;padding: 0.5rem 1rem;font-size: 1.125rem;white-space: normal;}
	.dropdown-item:hover{background: rgb(153 7 33 / 85%);color:#fff;}
	.nav-item:after{content:'';position: absolute;width: 0.625rem;aspect-ratio: 1;background: url(../images/all/heart.png)center/cover;bottom: -1rem;left: 50%;transform: translateX(-50%);transition:0.3s all;pointer-events: none;opacity: 0;}
	.nav-item:hover:after,.active.nav-item:after{bottom:0;opacity: 1;}
	.functionBox__btn:hover:before{top:0;}

	/*會員專區*/
	.memInBox .navbar-toggle{display: none;}
	.sidebar{position:sticky;top:70px;left:0;}
	.memInBox__content__main:after{content:'';position:absolute;width: 3rem;height:100%;box-shadow: 0 0 1rem rgba(0,0,0,0.15);top: 0;left: 2rem;clip-path: polygon(-50% 1%, 100% 1%, 100% 99%, -50% 99%);z-index: -1;}
	.active.sideNav__item__link, .sideNav__item__link:hover{padding-left:1.5rem;}
	.sideNav__item__link:before{content:'';position:absolute;background:url(../images/all/heart.png)center/cover;width: 0.875rem;aspect-ratio:1;left:-1.5rem;top: 50%;transform:translateY(-50%);transition:0.3s all;opacity:0;}
	.active.sideNav__item__link:before,.sideNav__item__link:hover:before{left:0;opacity:1;}
	.resoBox__sort:hover{transform:translateY(-1rem);color:#fff;}
	#closeBtn:hover{background:var(--color-blueD);transform:scale(1.08);}
	.active.sideNav__item__link + .sideNav__item__link--sort{margin-top:-1rem;margin-bottom: 0.625rem;border-left: 1px solid #ddd;margin-left: 0.375rem;}
	.sideNav__item__link--sort{padding-left:1rem;}

	/*footer*/
	.f-btn:before{content:'兒福聯盟';color:var(--color-red);font-weight: 500;letter-spacing: 0.1em;font-size: 1.125rem;white-space: nowrap;}
	.f-btn__style:hover{color:#fff;background: url(../images/all/btn-active.png)center/cover;}
	.f-btn__style:after{content:'';position: absolute;background: url(../images/all/btn-heart.png)center/cover;right: 2px;top: -12px;aspect-ratio: 13/11;width: 13px;transform: rotate(15deg) translateY(150%);opacity: 0;transition: 0.3s all;}
	.f-btn__style:hover:after{opacity:1;transform:rotate(0) translateY(0);}.f-btn__style{position: relative;color: #fff;background: url(../images/all/btn-show.png)center/cover;font-size: 1.375rem;width: 2.5rem;display: inline-flex;justify-content: center;align-items: center;aspect-ratio: 1;line-height: 1;margin-top: 12px;}
	.f-btn__style:hover{color:#fff;background: url(../images/all/btn-active.png)center/cover;}
	.f-btn__style:hover:after{opacity:1;transform:rotate(0) translateY(0);}

	/*nhztw*/
	.nhztwItem__link:after{content:'';position:absolute;width:100%;height:100%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gradient-1);z-index: -1;border-radius: 1rem;transition: 0.3s all;animation: fadeIn 0.3s forwards;animation-delay: 1s;opacity: 0;}
	.animated.nhztwItem__link:after{opacity: 1;}
	.nhztwItem__link:hover:after{left: calc(50% + 0.5rem);top: calc(50% + 0.5rem);}
	.nhztwItem__link:hover{box-shadow:0 0 1rem rgba(0,0,0,0.15);}
	.nhztwBox__areaBar__item a:hover{background:var(--color-red);padding: 0.875rem 1.25rem;}

	/*野餐活動*/
	.evDate__item--time:after{content:'';position:absolute;width:1px;height: 45%;background: #ccc;top:50%;left: calc(100% + 2rem);transform:translate(-50%,-50%);}
	.evdetailDeco__img{max-width: 150px;margin: 1.5rem 0 1.5rem 3rem;}
	.evdetailDeco__img:first-child{margin: auto;margin-right: 0;max-width: 120px;}
	
}
@media screen and (min-width:1200px) {
	:root{--container:1140px;}
	/*共用*/
	main:not(.pageContent) section .container{max-width: var(--container);}

	/*ixJoinBox*/
	.ixJoinBox__map{}
	.joinNum + .joinNum:after{content:'';position:absolute;width:1px;height: 55%;background:var(--color-gray);left: -2vw;top:50%;transform:translateY(-50%);}
}

/*==max==*/
@media screen and  (max-width:1400px){
	/*header*/
	.functionBox__btn--member i{font-size:1.5rem;line-height: 1.25;}

	
	
}
@media screen and  (max-width:1400px) and (min-width:992px){
	/*header*/
	.navbar .container{max-width:100%;}
}
@media screen and  (max-width:1199.98px){
	/*header*/
	.navbar-expand-lg .navbar-nav .nav-link{font-size:clamp(0.875rem,1.5vw,1rem);padding: 0.5rem clamp(0.5rem,2vw,0.625rem);}
	.functionBox__btn{flex-direction:column;gap: 0;padding: 0.5rem;height: auto;border-radius: 0.75rem;aspect-ratio: 1;}
	.memTxt{display:none;}
	.menuBar{gap: 0.5rem;}

	/*blockHeight--ixJoin*/
	.ixJoinBox__map{width:250px;}
	.ixJoinBox__infor{flex-direction:column;width: calc(100% - 250px);}

}
@media screen and (max-width: 991px){
	/*共用*/
	.breadCrumb{text-align: left;}
	.titleIcon__img__pic{/* filter: drop-shadow(0 0.25rem 0.5rem rgba(0,0,0,0.15)); */}
	.pageContent{padding-bottom:4rem;}
	.titIcon{padding-bottom:1rem;}
	.titleIcon__img + .titleBox{padding:0;}
	.titleIcon__img + .titleBox .mainTitle {margin-bottom:0}

	/*body*/
	body{font-size: 18px;}
	body.overlayBg{overflow:hidden;}
	body:before{content: '';opacity:0;transition: 0.5s all;position: fixed;width: 100%;height: 100%;background: rgba(151,8,33,0.85);left: 0;top: 0;backdrop-filter: blur(0.25rem);z-index: 50;pointer-events: none;}
	body.overlayBg:before{opacity: 1;pointer-events: all;}
	
	/* 圖文&編輯器 */
	.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}

	/*header*/
	.homeIcon{display: none;}
	.navbar-content{position: absolute;width: 100%;background: #fff;left: 0;}
	.navbar-content:before{content:'';position:absolute;top:0;left:0;background: var(--color-red);width: 0;height:3px;transition:0.5s width ease-in;transition-delay:0.25s;}
	.open + .navbar-content:before{width:100%;}
	.menuBar{width: 100%;position: relative;z-index: 1000;box-shadow: 0 0 1rem rgba(0,0,0,0.15);clip-path: polygon(0 0, 100% 0, 100% 150%, 0 150%);padding: 0.5rem 0 0.75rem;}
	.functionBox{justify-content: center;margin-top: 1rem;}
	.navbar-expand-lg .navbar-nav .nav-link{font-size:1rem;padding: 0.625rem 1rem;}
	.navbar-brand{max-width: calc(100% - 3rem);}
	.dropdown-menu{border-radius: 0;background: var(--color-red);}
	.dropdown-item{color:#FFF;text-align:center;padding:0.625rem 1rem}
	.memTxt{display:block;}
	.functionBox__btn{flex-direction: row;width: calc(100% - 2rem);aspect-ratio: auto;border-radius: 0.625rem;}

	/*ixNhz*/
	.ixNhzInforWrapper{padding: 5rem 0 0;}
	.ixNhzBox__list{gap:0.5rem;}
	.ixNhzBox__list__item{width:calc(25% - 0.375rem)}
	.ixNhzVideoWrapper{padding-bottom: clamp(4rem,12vw,8rem);}
	.ixNhzBox__txt  br{display:none;}

	/*ixJoin*/
	.blockHeight--ixJoin{padding-bottom:2rem;}
	.ixJoinBox{display:block;padding: 2rem;}
	.ixJoinBox__map{width:100%;position: unset;display: flex;justify-content: center;transform: translateY(-6rem);margin-bottom: -5rem;}
	.ixJoinBox__map__pic {max-width:350px;width: 100%;}
	.ixJoinBox__map__geo{width: 60%;max-width: 210px;}
	.ixJoinBox__infor{width:100%;gap: 1.5rem;}
	.joinNum + .joinNum:after{content:'';position:absolute;width: 3rem;height:1px;top: -0.5rem;left:50%;background: var(--color-gray);transform: translateX(-50%);}

	/*.blockHeight--ixOrganization*/
	.blockHeight--ixOrganization{padding-top: 5rem;}
	.organImg{width: calc((100% - 3rem) / 3);}

	/*footer*/
	footer{padding-top: calc(6vw + 4rem);}
	.footerTop{flex-direction:column;gap:1rem;}
	.f-infor,.f-infor__content{justify-content: center;}
	.f-btn__style{background: url(../images/all/btn-active.png)center/cover;}
	.f-btn__style::after{opacity:1;transform:rotate(0) translateY(0);}
	.copyright{text-align:center;}

	/*goTop*/
	#goTop:hover .gotopBox{transform:rotateY(360deg);}
	#goTop:hover .gotopBox .txt:after{background: var(--color-yellow);}

	/*會員專區*/
	.memBoxTxt--login br{display:none;}
	.formGroup__item--half{width: 100%;}
	.formGroup__item--recaptcha{}
	.formGroup__item--checkbox label{white-space: nowrap; flex-wrap: wrap;}
	.loginBox{flex-direction: column;}
	.loginBox__account{width:100%;position: relative;padding-right: 0;padding-bottom: 4rem;z-index: 0;border-right: none;}
	.loginBox__official{width:100%;position: relative;z-index: 0;padding-bottom: 1rem;}
	.loginBox__account:before{content: '兒福官方會員登入';position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding: 0 1rem;background: #fff;}
	.loginBox__account:after{content:'';position:absolute;width: 90%;height: 1px;background: #dcdcdc;bottom: 0.75rem;left: 5%;z-index: -1;}
	.sideNavSort{color: #c77685;padding: 0.5rem 0;justify-content: center;}

	.memInBox__content{flex-direction:column;}
	.sidebar{width:100%;}
	aside + .memInBox__content__main{width:100%;padding-left:0;}
	.memSidebtn{border:none;background:var(--color-red);/* background-image: linear-gradient(rgba(255,255,255,0.15) 1px, transparent 0), linear-gradient(90deg, rgba(255,255,255,0.15) 1px, transparent 0); *//* background-size: 8px 8px ,8px 8px; */background-position: center 10px;width:100%;color:#fff;padding: 0.625rem 0.5rem;border-radius: 0.625rem;position: relative;letter-spacing: 0.05em;font-weight: 500;font-size: 1.25rem;}
	.memSidebtn .bi{margin-left:0.5rem;}
	.memSidebtn .bi:before{transition:0.3s all;transform-origin:center;}
	.show.memSidebtn .bi:before{position:relative;transform:rotate(180deg);}
	#sideNavZone{text-align:center;padding: 0 0.5rem;padding-top: 1rem;background: #f7f7f7;margin-top: -0.5rem;border-radius: 0 0 0.625rem 0.625rem;overflow: hidden;}
	.sideNav__item.logout{border-color:#ddd;}
	.logout .sideNav__item__link{margin-bottom:0;}

	/*會員專區-資源共享*/
	.resoBoxWrapper--list .resoBox__item--video, .resoBoxWrapper--list .resoBox__item--image{width: calc(50% - 0.5rem);}

	/*最新消息*/
	.newsBox__item{width:calc(50% - 1rem);}

	/*nhztw*/
	.nhztwItem{width:calc(50% - 1rem);}

	/*野餐活動*/
	.evMaintxt{padding: 5rem clamp(1rem,6vw,3rem);}
	.evMaintxt--evProcess:after{bottom:0;left: 50%;transform: translate(-50%,30%);}
	
	.evList{width:100%;}
	.evdetailDeco{position: static;display:flex;width: 100%;gap: 2rem;padding: 2rem 0;justify-content: center;}
	.evdetailDeco__img{width:100%;margin: 0;max-width: 200px;}
	.evMaintxt--evdetail:after{bottom: 0;right: 50%;transform: translate(50%,50%) rotate(5deg);}

	.evProcess{padding-bottom:calc(2rem + 6vw)}
	.evProcessContent{flex-direction:column;gap:2rem}
	.evProcessContent__item{width:100%;}

	.evSignContent{flex-direction:column;gap:2rem;}
	.evSignContent__img{width:100%;}
	.evSignContent__txt{width:100%;}


	.evUnit{padding:5rem 0;}
	.evUnit__box{padding-left:0.5rem}

	.evQaTxt{padding: 1rem clamp(1rem,6vw,3rem) 3rem;margin-bottom: 2rem;}
	.evQaTxt:after{left: 0.5rem;top: 0.5rem;}

}

@media screen and (max-width: 767.98px){
	/*banner*/
	.banner .slick-dots{bottom:1rem}
	
	/*blockHeight--ixNhz*/
	.ixNhzBox__list__item{width:calc(50% - 1rem);}

	/*會員專區*/
	.resoBox__sort{width:calc(50% - 0.5rem);}
	
}

@media screen and (max-width: 640px){
	.btnWrap--twice{display: flex;}
	
	/*banner*/
	.banner__box__pic--pc{display: none!important;}
	.banner__box__pic--mb{display: block!important;}
	.banner__box img{width:100%;aspect-ratio:24/25;object-fit:cover;}
	.banner__box iframe{aspect-ratio:24/25;}
	/*ixJoin*/
	.ixJoinBoxWrapper:before{width: 150px;}
	.animated.ixJoinBoxWrapper:after{right: 2.5rem;bottom: 45%;}
	.ixJoinBoxWrapper {padding:0 1rem;}

	/*.ixOrganization*/
	.ixOrganBoxWrapper{padding:0 1rem;}
	.ixOrganBox__list{gap: 0 1.5rem;}
	.organImg{width: calc((100% - 1.5rem) / 2);}
	
}
@media screen and (max-width: 480px){
	/*.ixJoin*/
	.ixJoinBoxWrapper {padding: 0;}
	.ixJoinBox:after{left: 0.5rem ;top:0.5rem;}

	/*.ixOrganization*/
	.ixOrganBoxWrapper{padding:0;}
	.ixOrganBox:after{left: 0.5rem ;top:0.5rem;}

	/*會員專區-資源共享*/
	.resoBox__item{width:100%;}
	.resoBoxWrapper--list .resoBox__item--video, .resoBoxWrapper--list .resoBox__item--image{width: 100%;}

	/*最新消息*/
	.newsBox__item{width:100%;}

	/*nhztw*/
	.nhztwBox__areaBar{gap:0.5rem;}
	.nhztwBox__areaBar{border:none;}
	.nhztwBox__areaBar__item{border-radius:1rem;}
	.active.nhztwBox__areaBar__item{padding:0.5rem 1.25rem;}
	.nhztwItem{width:100%;}
	
}
@media screen and (max-width: 320px){
	/*ixJoin*/
	.animated.ixJoinBoxWrapper:after{content: none;}

	/*會員專區*/
	.termPop__box{width: calc(100vw - 1rem);}
}