@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

/* CSS Document */
body{--lineHi: 1.5;--navbarH: 72px;font-family:"Noto Sans TC", sans-serif;font-size:1rem;line-height: var(--lineHi);color:var(--txtBlack);padding-top: var(--navbarH);}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 1;-webkit-transition: 0.8s cubic-bezier(0.42, 0, 0.58, 1);transition: 0.8s cubic-bezier(0.42, 0, 0.58, 1);}
body.loaded-page-fade::after {opacity: 0;}
a{color:var(--txtBlack);text-decoration:none;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

*{ 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: #E94F4C;}
.red2{color: #E42525;}
.mainColor{color: var(--mainColor)!important;}
.orangered{color: #E76F51;}

/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;display: flex;bottom: 1.5rem;right: 1rem;width: 3.5rem;aspect-ratio: 1;text-align:center;color: #fff;background: var(--darkGreen);mask: var(--shape);align-items: center;justify-content: center;flex-direction: column;transition: 0.3s all;z-index: 99;}
.goTop__arrow{width:1px;height:1.5rem;background:#fff;position: relative;margin-top: 0.25rem;transition: 0.3s all;}
.goTop__arrow:after{content:'';position:absolute;width:1px;height:0.5rem;background:#fff;transform:rotate(-45deg);transform-origin: left top;left: 0;top: 0;}
.goTop__txt{line-height: 1.25;font-size: clamp(0.875rem,1vw,1rem);}
#goTop:hover{background: var(--mainColor);margin-bottom: 0.25rem;}
#goTop:hover .goTop__arrow{height:1.25rem;}

.fixGoTop #goTop{position:absolute;bottom: auto;top: 0;bottom: inherit!important;mask: var(--shape),linear-gradient(to bottom,var(--mainColor) 50%,transparent 50%);z-index: 0;}

/* 影片iframe */
iframe[src*='https://www.youtube.com']{max-width: 100%;height: 100%;aspect-ratio: 16/9;}

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

/*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-x: scroll;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: clamp(1rem,1.5vw,1.5rem);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*/
/*---------------------- 頁面開始 ----------------------*/
*:focus-visible{outline: none;}
:root{
	--mainColor:#3B8E8E;
	--darkGreen:#3A7179;
	--lightGray:#F4F8F8;
	--lightGray2:#E5F5EE;
	--txtBlack:#727171;
	--txtDark: #222831;
	--red:#E94F4C;
	--red2:#E42525;
	--subColor: #56B48B;
	--subColor-JH: #5DAC81;
	--subColor-J: #A8D8B9;
	--lineColor: #E4E4E4;
	--shape:url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51.718 4.234C47.72-.048 39.205.238 27.976 0 16.748.285 8.184 0 4.234 4.282-.048 8.28.238 16.795 0 28.024c.285 11.228 0 19.792 4.282 23.742C8.28 56.047 16.795 55.762 28.024 56c11.228-.285 19.792 0 23.742-4.282C56.047 47.72 55.715 39.205 56 27.976c-.285-11.228 0-19.792-4.282-23.741z' fill='%233A7179'/%3E%3C/svg%3E")center/cover;
	--shape2:url("data:image/svg+xml,%3Csvg width='918' height='35' viewBox='0 0 918 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M900.35 8.89h-714.6c-5.48 0-10.87 1.41-15.65 4.09l-31.98 17.93A32.007 32.007 0 0 1 122.47 35H4c-2.21 0-4-1.79-4-4V4c0-2.21 1.79-4 4-4h907.71c1.95 0 2.75 2.51 1.15 3.63l-3.28 2.32c-2.7 1.91-5.93 2.94-9.24 2.94h.01z' fill='%234EACAC'/%3E%3C/svg%3E");
	--mktRed:#C46243;
	--mktGreen:#91AD70;
	--shadow:0 0 2rem rgba(0,0,0,0.1);
	--shadow-s:0 0.125rem 0.75rem rgba(0,0,0,0.1);
	--gradient-border:linear-gradient(270deg, #3B8E8E 0%, rgba(59, 142, 142, 0.25) 20%, #3B8E8E 55%, rgba(59, 142, 142, 0.5) 80%, #3B8E8E 100%);
	
	/* 間距 */
	--container:1500px;
	--containerPadding:1.25rem;
	--transition: all .3s ease-in-out;
	--enFamily:"Mulish", sans-serif;
}
/*全頁佈局*/
.layout--grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2.5rem;}
.layout--grid--two{grid-template-columns: repeat(2, 1fr);align-items: center;}
.layout--grid--three{grid-template-columns: repeat(3, 1fr);}
.wrapper { padding:2rem 0;}
.blockHeight{padding: clamp(2rem,6vw,6rem) 0;}
.container{padding-right: var(--containerPadding);padding-left: var(--containerPadding);}
@media (min-width: 1680px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: var(--container);}
	.container--small{max-width: 1160px;margin: auto;}
}

/*ixLoading 載入效果*/
.ixLoading{position: fixed;display: flex;align-items: center;justify-content: center;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 10000;background: var(--lightGray);transition-delay:0.5s;}
.loaded-page-fade .ixLoading:after{}
.ixLoading__loadPic{position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);background-image: url('../images/loading/mj-top.png');background-size: 100% auto;background-repeat: no-repeat;animation: A-loadPic .125s linear 0s;animation-iteration-count:infinite;animation-direction: alternate;}
.ixLoading__loadPic img{transition: all ease-in-out;width: 100px;}
.ixLoading__loadPic .mjImg{}
.ixLoading__loadPic .bgImg{opacity: 1;z-index: -1;position: absolute;left: 0;top: 0;width: 100%;transition: var(--transition);}
.ixLoading--A .ixLoading__loadPic .bgImg{opacity: 0;}
.ixLoading--A .ixLoading__loadPic .mjImg{}

.logoSvg{display: none;}
.ixLoading--B .logoSvg.pc{display: block;}
.ixLoading--B .logoSvg.mb{display: none;height: 45px;}
.ixLoading--B .logoSvgG01 .icon--01{transform-origin: 12px 13px;}
.ixLoading--B .logoSvgG01 .icon--02{transform-origin: 25px 13px;}
.ixLoading--B .logoSvgG01 .icon--03{transform-origin: 12px 25px;}
.ixLoading--B .logoSvgG01 .icon--04{transform-origin: 24px 25px;}

.ixLoading--B .ixLoading__loadPic{opacity: 0;transition: var(--transition);}
.ixLoading--B .logoSvg{display: block;width: 450px;height: auto;animation: logoSvg .3s linear .45s;animation-fill-mode: both;}

.ixLoading--B .logoSvg>*{animation: logoSvgG02 .25s ease-in-out .2s;animation-fill-mode: both;}
@keyframes A-loadPic{
	0%{background-position: .5em 0;}
	50%{background-position: 0 0;}
	100%{background-position: -.5em 0;}
}
@keyframes logoSvgG02{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes logoSvg{/*放大模糊淡出*/
	0%{transform: scale(1);}
	100%{transform: scale(4);filter: blur(5rem);}
}

/*共用-table*/
.tableStyle{width:100%;margin: 1rem 0 2rem;}
.tableStyle tbody{border:1px solid #ccc;}
.tableStyle th,.tableStyle td{padding:0.5rem;}
.tableStyle tr:not(:last-child){border-bottom: 1px solid #ccc;}
.tableStyle th{background:var(--mainColor);color:#fff;}

/*共用-格式*/
.txtIcon{position: relative;padding-left: 1em;color: var(--darkGreen);}
.txtIcon:before{content:'';position: absolute;height: 54%;aspect-ratio: 1;background: url(../images/all/icon.png)center/cover;left: 0;top: 52%;transform: translateY(-50%);}
.titleBox{padding: clamp(2rem,2vw,3rem) 0;}
.addTag{border:1px solid var(--subColor);line-height:1;font-size: 0.75rem;padding: 0.125rem 0.25rem;color:Var(--subColor);margin: 0 0.25rem;display: inline-block;vertical-align: 1px;}
.markTag{background:#FFFED1;color:#E67900;padding:0 0.375rem;}
.checkStyle{margin-right: 0.5rem;width: 1rem;aspect-ratio: 1;vertical-align: -2px;position: relative;padding: 0!important;display: inline-block;}
.checkStyle:checked:after{content: '\F633';color: #fff;font-family: bootstrap-icons !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: var(--subColor);line-height: 1;border-radius: 2px;width: calc(100% + 2px);height: calc(100% + 2px);display: flex;justify-content: center;align-items: center;font-size: 1em;}
.checkStyle--big{width:1.25rem;}
.checkStyle--2{appearance: none;background: #fff;border-radius: 2px;border: 1px solid #fff;}
.checkStyle--2:checked:after{color: var(--mainColor);background:#fff;}
.hl{color: var(--mainColor);padding: 0 0.125rem;display: inline-block;}
.hlBg{position:relative;background:linear-gradient(to top,rgba(80,180,139,0.5) 0.375rem,transparent 0.375rem);padding: 0 0.125rem;font-size: 0.75rem;}
.redBorder{display: inline-block;padding: 0 0.375rem;border-radius: 3px;border:1px solid var(--red2);color: var(--red2);font-size: 95%;}
.ratio{max-width: 100%;}

/*按鈕*/
.btnStyleZone{padding:8px;text-align: center;}
.btnStyle{background:var(--mainColor);color:#fff;padding: 0.5rem 2rem;display: inline-block;border-radius: 100rem;border: 1px solid;letter-spacing: 0.15em;min-width: 140px;text-align: center;font-size: 1rem;}
.btnStyle--small{padding:0.25rem 1rem;min-width: auto;letter-spacing: 0;}
.btnStyle--cart{background:var(--red)}
.btnStyle--border{background:transparent;border-color:var(--mainColor);color:var(--mainColor);}
.btnStyle.more{position:relative;}
.btnStyle.more:after{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;opacity:0;transition:0.3s all;color: var(--mainColor);}
.btnStyle.more:hover{color:transparent;}
.btnStyle.more:hover:after{opacity:1;}
.btnStyle:disabled{background:#ccc;color:rgba(114,113,113,0.75);pointer-events:none;border-color: #ccc;}
.btnStyle--light0{background: var(--subColor-J);border-radius: 0;padding: 0.375rem 1rem;font-size: 13px;}
.btnStyle--gray0{background: #999;border-radius: 0;padding: 0.375rem 2rem;font-size: 13px;}
.aLine{border-bottom:1px solid;}
.linkColor{color:#4584BD;padding:0 0.125rem;line-height: 1.375;}
.btnBox{text-align:center;}
.crossLine{position:relative;text-align: center;}
.crossLine:after{content:'';position:absolute;width:100%;height:1px;background: var(--lineColor);left: 0;top: calc(50% + 0.5px);z-index: 0;}
.crossLine span{display:inline-block;padding:0 1rem;background:#fff;z-index: 1;position: relative;}

.btnGroup{display: flex;gap: 1rem;margin-top: 1.25rem;justify-content: space-between;flex-wrap: wrap;}
.btnGroup .btnStyle{flex-grow: 1;min-width: auto;padding: 0.5rem 1rem;}
.btnStyle--sub,.cancelBtn{background: #eee;color: var(--txtBlack);/* width: max(40%,9rem); */border-color: #eee;padding: 0.5rem 1rem;}
.cancelBtn + .btnStyle{/* width: calc(100% - 1rem - max(40%,9rem)); */padding: 0.5rem 1rem;/* flex: 1 1 auto; */}

.bg-lightGray{background: var(--lightGray);}
.btnStyle--download{display: flex;justify-content: center;align-items: center;gap:1rem;border:solid 1px var(--mainColor);background: #fff;color: var(--mainColor);}
.btnStyle--download::after{content: '\F30A';font-family: bootstrap-icons !important;font-size: 1.25rem;}

.btnWrap--clearCart{text-align:right;margin-top:0;margin-bottom:1rem}
.btnStyle--clearCart{background:#fff;color: var(--txtBlack);min-width: inherit;padding: .25rem 1rem;border-radius: .25rem;font-size: .85rem;}

/*加入購物車*/
.btnBuyGroup{display:flex;flex-direction:column;margin-bottom:2rem;}
.btnStyle--canLoad{width:100%;border-radius: 0;border: none;padding: 1rem;border: 1px solid var(--mainColor);}
.btnStyle--canLoad .cartIcon{margin-right:1rem;transition: all .5s;transform: translateX(0px);display: inline-block;}
.btnStyle--canLoad .bi-plus-circle-fill{margin-left:1rem;transition:all .5s;transform: translateX(-30px);display: inline-block;opacity: 0;}

.togetherBuy{display:none;background:var(--subColor);border-color:var(--subColor);}
#addCartBtn2{display:none;}


/*常客計畫優惠*/
.longCustomBtn{width:100%;display: flex;background: var(--lightGray2);align-items: center;gap: 1rem;padding: 1rem;margin-bottom: 32px;position: relative;transition: all .5s;border: var(--lightGray2) solid 1px;}
.longPic--hover{display:none;}
.lognTxt{text-align:left;}
.lognTxtBig{font-size:18px;color:var(--mainColor)}
.lognTxt{margin-bottom:0;font-size: 14px;}
.longCustomBtn:before{content:'';position:absolute;right: 1rem;bottom: 44%;width: 40%;width: min(calc(100% - (14px * 9) - 70px),17vw);/* width: clamp(2rem,17vw,calc(100% - 126px - 70px)); */height:1px;background:var(--mainColor);transition: all .5s;}
.longCustomBtn:after{content:'';position:absolute;right: 13px;bottom: 55%;width:30px;height:1px;background:var(--mainColor);transform: rotate(45deg);}
.longCustomBtn:hover{background:#fff;}
.longCustomBtn:hover:before{/* width:30%; */width: min(calc(100% - (14px * 9) - 70px),10vw);}
.longCustomBtn:hover .longPic{display:none;}
.longCustomBtn:hover .longPic--hover{display:block;}

/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;margin: auto;display: block;}
.tx01 > *:last-child{margin-bottom: 0;}
.tx01 a{color: var(--bs-link-color);text-decoration: underline;}
.tx01 a:hover{color:var(--bs-link-hover-color)}

/*頁碼*/
.page-number{margin: clamp(4rem,5vw,6rem) 0;}
.page-number:has(.pagination:empty){display:none}
.pagination{display:flex;justify-content:center;gap: clamp(0.75rem,1vw,1rem) clamp(1rem,1.5vw,2rem);font-size: clamp(1rem,1.2vw,1.125rem);margin: 0;flex-wrap: wrap;}
.pagination a{opacity:.5}
.pagination .on a{opacity:1;color:var(--mainColor);font-weight: 700;transform: scale(1.25);display: inline-block;}
/*麵包屑*/
.breadCrumbs-block{text-align:left;margin-bottom: 1.25rem;margin-bottom: clamp(1.25rem,4vw,4rem);}
.breadCrumbs-block .breadCrumbs{list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;color:#999}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color:#999;}
.breadCrumbs-block .breadCrumbs .item.active{padding-right:0}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #4a4948;}

/* 標題 */
.subTxt{margin-bottom: clamp(.25rem,1vw,.5rem);font-size: clamp(1.25rem,2vw,1.5rem);font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.15em;color: var(--mainColor);}
.subTxt--en{align-items:center;gap: 1rem;}
.bigTxt{margin-bottom: clamp(.25rem, 1vw, .5rem);font-size: clamp(1.325rem,2vw,2.5rem);font-weight: 500;color:var(--txtBlack)}
.bigTxt.en{text-transform:uppercase}
.bigSlogan{margin-bottom: 0;font-size: clamp(1.45rem,3vw,2.5rem);font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.2em;color: var(--mainColor);}
.bigSlogan__sub{font-size: clamp(.75rem,3vw,20px);font-weight: 700;letter-spacing: 3px;color: var(--txtBlack);}
.bigSlogan__sub.mb{display:none}
.txt{font-size: clamp(1rem,1.5vw,1.125rem);font-weight: 400;letter-spacing: 0.15em;color: var(--txtBlack);margin: clamp(1rem,2vw,2rem) 0;}
.decoLine{display:flex;gap: clamp(2.5%,2vw,2rem);align-items: center;margin: clamp(1rem,2vw,2rem) 0 clamp(2rem,4vw,2rem);}
.decoLine img{width: clamp(45px,4vw,72px);}
.decoLine--width{width: 100%;margin: 0;}
.decoLine--center{max-width:30%;margin-left: auto;margin-right: auto;justify-content: center;}
.decoLine--column{flex-direction:column;align-items: flex-start;}
.decoLine .line{display:block;height: 3px;width:100%;background:#E4E4E4;position: relative;}
.line--hl:after{content:'';position:absolute;height: 3px;width: 33.5%;background: var(--subColor);left: 0;top: 0;}

/* 長購 Banner標題點點 */
.bnPcpPic .pgTitle--pcp .char:nth-child(n+6) {color: var(--mainColor);}
.bnPcpPic .pgTitle--pcp .splitting span.char:nth-child(n+8){position: relative;}
.bnPcpPic .pgTitle--pcp .splitting .word span.char:nth-child(n+8)::before{
    content: "";
    display: block;
    position: absolute;
    visibility: visible;
    width: clamp(6px, 1vw, 10px);
    height: clamp(6px, 1vw, 10px);
    border-radius: clamp(1px, 1vw, 2px);
    top: -40%;
    left: 40%;
}

.bnPcpPic .pgTitle--pcp .splitting .word span.char:nth-child(9)::before,
.bnPcpPic .pgTitle--pcp .splitting span.char:nth-child(12)::before{background-color: var(--subColor);transform: rotate(45deg);}
.bnPcpPic .pgTitle--pcp .splitting .word span.char:nth-child(10)::before{background-color: var(--subColor);}
.bnPcpPic .pgTitle--pcp .splitting .word span.char:nth-child(11)::before{background-color: var(--mainColor);transform: rotate(45deg);}

/* 共用decoTxt */
.decoTxt{position: relative;font-size: 1.5rem;letter-spacing: 0.15em;color: var(--mainColor);display: flex;gap: 0 2rem;align-items: center;}
.decoTxt span{white-space:nowrap;}
.decoTitle{position: relative;font-size: 1.5rem;color: var(--mainColor);font-weight: 700;letter-spacing: 0.15em;margin-right:-0.15em;padding-right: 2rem;z-index: 0;}
.decoTitle:before{content:'';position: absolute;width:100%;height: 2px;background: var(--lineColor);left: 0;top: 50%;transform: translateY(-50%);left: 0;z-index: -1;}
.decoTitle:after{content:'';position: absolute;background: url(../images/deco/square.svg)left center/contain no-repeat #fff;aspect-ratio: 62.25/10;heigcontdotht: 0.625rem;top: 50%;transform: translateY(-50%);}
.decoTitle span{background:#fff;padding-right:1rem;}

/* 文字動態 */
.animated:not(.banner) .splitting .char {
	-webkit-animation: vague-in 1000ms calc(75ms * var(--char-index)) cubic-bezier(0.5, 0, 0.5, 1) both;
			animation: vague-in 1000ms calc(75ms * var(--char-index)) cubic-bezier(0.5, 0, 0.5, 1) both;
  }

  
/*===== banner =====*/
.banner{}
.banner__box{position:relative}
.bannerTitle{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.pgBanner{text-align:right;position: relative;}
.pgBanner:after{content:'';position:absolute;width:100%;height:100%;background: url(../images/banner/bnBg.png) no-repeat center/cover;left: 0;top: 0;}
.pgBanner--inner{position:relative;z-index:2;}
.bnPic{text-align: right;margin-bottom: 0;mask: url("../images/banner/bn-mask.png"), linear-gradient(to right, transparent 0%, transparent 60%, black 60%, black 100%);mask: url("../images/banner/bn-mask.png");mask-size: auto 100%;display: inline-block;mask-position: right top,0 top;margin-left: auto;height: 400px;}
.bnPic__pic{width:100%;height: 100%;aspect-ratio: 985/400;object-fit: cover;}
.bnSource{display: block;width: 100%;height: 100%;object-fit: cover;/* animation: scaleImg 5s infinite forwards; */}
.bnSource.pc{}
.bnSource.mb{display: none;}
.bnPcp{width: 100%;text-align: right;margin-bottom: 0;display: inline-block;margin-left: auto;height: 800px;}
.bnPcpPic .pcpPgTxt{display: flex;gap: 3rem;padding: 0; margin-top: 8rem;}
.bnPcpPic figure{margin: 0;}
.pcp-ic{margin-top: 3rem;}
.pcp-ic img{max-width: 100%;}


@keyframes scaleImg{
	0%,100%{transform:scale(1)}
	40%,45%{transform:scale(1.02)}
}
.animated.banner .slick-current .splitting .char{
  -webkit-animation: vague-in 1500ms calc(150ms * var(--char-index)) cubic-bezier(0.5, 0, 0.5, 1) both;
          animation: vague-in 1500ms calc(150ms * var(--char-index)) cubic-bezier(0.5, 0, 0.5, 1) both;
}

/* 標題 */
.pgTxtOuter{position:absolute;top: 1rem;left: max(calc((100% - 1500px) / 2),clamp(1rem,3vw,3rem));padding: 0 1rem;overflow: hidden;}
.pgTitle{position: relative;text-align: left;color: var(--txtBlack);font-size: 3rem;font-weight: 700;}
.pgTitle--pcp{margin: 0;}
.pgTitBig{padding-bottom: 1.5rem;margin-bottom: 1rem;position:relative;font-size: clamp(1.5rem,3vw,3rem);font-weight: 700;letter-spacing: 0.15em;}
.pgTitBig--pcp{font-size: clamp(2rem,3vw,3rem);}
.pgTitBig.lineStyle:before,.pgTitBig.lineStyle:after{bottom:0px;}
.pgTitSm{font-size: clamp(1.125rem,1.5vw,1.5rem);font-weight: 400;letter-spacing: clamp(0.1em,1.5vw,0.5em);}
.pgTitSummary{font-weight: 500;letter-spacing:0;line-height: 1.5;font-size: clamp(1.115rem,4vw,1.25rem);}

.bnPic--full{height:400px;}
.bnPic--full img{height:100%;aspect-ratio:1920/400;object-fit:cover;}
.pgBanner.half{height:145px;}
.pgBanner.half:after{background: url(../images/banner/bnBg-half.png)center 24%/cover;}
.pgTitBig.icon-search{padding-left: 1.125em;display: flex;align-items: center;gap: 0 1rem;margin-bottom: 2.75rem;flex-wrap: wrap;}
.pgTitBig.icon-search:before{content:'';position:absolute;background:url(../images/all/icon-search.svg)center/cover;width: 0.85em;aspect-ratio:1;left:0;top: 0.875rem;}

.pgTitle--center{display: flex;justify-content: center;align-items: center;text-align:center;}
.pgTitle--center .pgTitBig{display:inline-block;margin: clamp(1rem,2vw,2rem) 0 clamp(2rem,4vw,4rem);}
.pgTitle--center .pgTitBig.lineStyle:after{left:50%;transform: translateX(-50%);}

.subTitle{position: relative;text-align: center;max-width: 1000px;margin: clamp(1rem,2vw,2rem) auto clamp(2rem,4vw,4rem);}
.subTitle::before,.subTitle::after{content: '';position: absolute;top:50%;width: 0.75rem;height: 0.75rem;transform: translateY(-50%);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 5.496c.036-.953-.99-1.907-2.257-3.239C7.41.991 6.457-.035 5.496.001 4.543-.035 3.59.99 2.257 2.257.991 3.59-.028 4.543.001 5.504c-.036.953.99 1.907 2.256 3.239 1.332 1.266 2.286 2.285 3.247 2.256.953.037 1.907-.99 3.239-2.256 1.266-1.332 2.285-2.286 2.256-3.247z' fill='%233B8E8E'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 100% auto;}
.subTitle::before{left: 0;}
.subTitle::after{right: 0;}
.subTitle__txt{display: inline-block;--txt-total: var(--char-total) * 1em;color: var(--mainColor);font-size: clamp(1.5rem,3vw,1.75rem);font-weight: 700;}
.subTitle__txt::before,.subTitle__txt::after{content: '';position: absolute;top:50%;width: calc(50% - var(--txt-total));height: 1px;transform: translateY(-50%);background: linear-gradient(to right, rgba(59, 142, 142, 1) 0%,rgba(59, 142, 142, 0) 100%);}
.subTitle__txt::before{left:0;}
.subTitle__txt::after{right:0;background: linear-gradient(to left, rgba(59, 142, 142, 1) 0%, rgba(59, 142, 142, 0) 100%);}

.subTitle2{position: relative;display: flex;align-items: center;gap: 1rem;margin: 0;padding-right: .5rem;font-size: 2rem;color: var(--mainColor);font-weight: 700;}
.subTitle2::before,.subTitle2::after{content: '';}
.subTitle2::before{position: absolute;right:0;width: 1rem;aspect-ratio: 1;background: url('../images/all/dot.svg')no-repeat center/contain;}
.subTitle2::after{flex: 1;height: 1px;background: linear-gradient(to left, rgba(59, 142, 142, 1) 0%, rgba(59, 142, 142, 0) 100%);}

/*主選單*/
body.body--fixed{--navbarH: 56px;}
.navbar.index .nav-link:before{background:#fff;}
.navbar{padding:0;transition: all .5s;}
.navbar.index{background: none;box-shadow: inherit;background: linear-gradient(to bottom, rgb(11 54 83 / 30%) 0%, rgba(125, 185, 232, 0) 100%);}
.navbar:is(.index) .nav-link{color:#fff;text-shadow: 0px 0px 1rem rgba(0, 0, 0, .9);position: relative;height: 7.5rem;display: flex;align-items: center;}
.navbar>.container{max-width:100%;padding: 0 2.5rem;}
.nav-link{font-size: 1.125rem;letter-spacing: 0.15em;color:#fff;margin-right: -0.15em;font-weight: 400;}
.nav-link.dropdown-toggle{z-index:1}
.nav-link.dropdown-toggle::after{
    border: none;
    border-right: solid 2px;
    border-bottom: solid 2px;
    width: .5rem;
    height: .5rem;
    transform: rotate(45deg);
}
.nav-item{position: inherit;}
.nav-item:last-child .nav-link:before{display:none;}
.navbar, .navbar.navbar--fixed{background:#fff;box-shadow: 0px 0px 0.25rem 0px rgba(59, 100, 100, 0.25);}
.navbar .nav-link,.navbar.navbar--fixed .nav-link{color:var(--txtBlack);text-shadow: none;position: relative;display: flex;align-items: center;}
.navbar .nav-link:before,.navbar.navbar--fixed .nav-link:before{background: var(--txtBlack);}
.navbar .nav-item.active .nav-link{color:var(--mainColor)}


.navbarFunction{display:flex;align-items: center;}
.functionBox{display: flex;gap: clamp(0.75rem,2vw,2rem);}

.navbar.index.header-bg{background:#fff;}
.navbar.index.header-bg .nav-link{color: var(--txtBlack);text-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0);}
.navbar.index.header-bg .nav-link:before{background: var(--txtBlack);}

.navbar.index .navbar-brand{padding: 0;margin: 0;}
.navbar.index .logo{padding: clamp(1rem,2vw,2rem) 0;transition:0.3s all;}
.navbar.navbar--fixed .logo{}
.logo{margin-bottom: 0;display: flex;align-items: center;}
.logo__pic{height:2.25rem;aspect-ratio:380/38;object-fit:cover;object-position: left;}

/*下拉式選單*/
.dropdownInner{letter-spacing:0.15em;}
.dpTheme .dropdown-item{color:var(--mainColor);font-weight:500}
.dropdown-item--wrapper{display: inline-flex;flex-direction:column;gap:1rem;}
.dropdown-item{font-size: 1rem;padding:0;color: var(--txtBlack);position:relative;display: inline-block;white-space: normal;line-height: 1.25;}
.dropdown-item span{position:relative;display:inline-block;padding-bottom: 0.125rem;}
.dropdown-item span:after{content:'';position:absolute;width: 0;height:1px;background: var(--mainColor);left:0;bottom:0;transition: 0.3s all;}
.dropdown-item:hover{color: var(--mainColor)}
.dropdown-item:hover span:after{width:100%;}
.dropdown-item:hover{background:transparent;}
.dropdown-item.mainColor{color:var(--mainColor)}
.menuTit{font-size: 1rem;margin-bottom: 1.25rem;font-weight: 500;color: var(--txtBlack);}
.landingTit{position:relative;padding-left: 1.5rem;color: var(--subColor);display: block;}
.landingTit:before{content:'';background: url(../images/deco/deco.svg)center/cover;width: 1rem;aspect-ratio: 28/16;position:absolute;left: 0;top: 50%;transform: translateY(-50%);}

/* 選單短下拉 */
.nav-item.dropdown--small{position: relative;}
.nav-item.dropdown--small .dropdown-item--wrapper{padding:1rem 1.5rem}

/*主選單-側邊功能*/
.menuSideTool{background:var(--mainColor);display: flex;padding: 0.5rem;align-items: center;gap: 1rem;/* box-shadow: 0px 0px 1rem 0px rgba(59, 100, 100, 0.25); */border-radius:50px;margin-left: clamp(0.875rem,1vw,2rem);}
.toolItem{color:#fff;position:relative;font-size: 1.2rem;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;}
.toolItem--member{font-size: 1.5rem;}
.toolItem--cart .num{position:absolute;top: -5px;right: -10px;font-size: .8rem;width: 20px;height: 20px;padding: 0px 3px;border-radius: 50px;background: #FE7076;color: #fff;text-align: center;}
/*主選單-購物車清單*/
.deleBtn{background:inherit;border:none;font-size: 1.2rem;line-height: 1;transition: 0.3s all;width: 2rem;aspect-ratio: 1;border-radius: 100rem;color: #000;}
.cartContent .deleBtn{position:absolute;bottom: 0.125rem;right:0;}
.deleBtn i:before{vertical-align:-0.25rem;}
.deleBtn:hover{color:#fff;background:var(--txtBlack);}
.cartList{position:absolute;top: calc(100% - 1rem);right: 1%;width: clamp(350px,20%,380px);background: #fff;border-radius: 0.5rem 0.5rem 0 0px;box-shadow: 0px 0.5rem 1rem 0px rgba(59, 100, 100, 0.25);display: none;}
.listTit{background: var(--mainColor);padding: 0.5rem 1rem;border-radius: 0.5rem 0.5rem 0 0px;margin-bottom: 0;text-align: center;color: #fff;}
.cartItemZone{background:#fff;max-height: clamp(200px,55vh,500px);overflow-y: auto;margin: 10px;}
.cartPdtBox{--picSize: 6.25rem;display:flex;padding: 1rem;/* position: relative; */}
.cartItemZone .cartPdtBox:before{content:'';width: 100%;height: 1px;position: absolute;background: #eee;left: 0;bottom: 0;}
.cartFreeCover,.cartPdtCover{width: var(--picSize);}
.cartPdtCover{margin-bottom: 0;position: relative;}
.cartPdtCover__pic{width:100%;aspect-ratio:800/800;object-fit:cover;}
.cartPdtBox .cartContent{width: calc(100% - var(--picSize));position: relative;padding: 0.5rem 0;padding-left: 1rem;display: flex;flex-direction: column;justify-content: center;/* gap: clamp(1rem,2rem,3rem); */}
.cartPdtBox .cartContent--term{gap:0;}
.cartPdtBox .cartContent__tit{}
.cartPdtBox .price{font-size:0.875rem;}
.pdtName{font-size:1rem;}
.pdtSpec{font-size: 0.75rem;margin: 0;display: flex;margin-bottom: 1.125rem;}
.pdtSpec--column{flex-direction:column;margin: 0;}
.pdtSpec__num{position:relative;}
.pdtSpec__num:before{content:'x';padding: 0 0.25rem;}
.totalBox{display:flex;background: #eee;align-items: center;justify-content: center;gap: 1rem;padding: 0.5rem;}
.totalPrice{color:var(--mainColor);font-weight: 500;font-size: 0.75rem;}
.totalPrice span{font-size:1rem;padding-left: 0.125rem;}
.totalPv{background: #ddd;padding: 0 0.375rem;font-size: 0.75rem;display: inline-block;font-weight: 500;}
.totalPv span{font-size:0.875rem;padding-left: 0.125rem;}

.separateTit{text-align:center;font-size: 0.9375rem;color:var(--subColor);background:rgba(86,180,139,0.1);border-top:1px solid var(--subColor);border-bottom: 1px solid var(--subColor);padding: 0.25rem;font-weight: 500;}

.cartDropdown__body__detail .cartContent{gap:0.5rem;}

/*卷軸樣式*/
.cartItemZone::-webkit-scrollbar-track,.cartDropdown__body__detail::-webkit-scrollbar-track{background-color: #eee;border-radius:0.625rem}
.cartItemZone::-webkit-scrollbar,.cartDropdown__body__detail::-webkit-scrollbar{width: 0.5rem;background-color: #eee;border-radius:0.625rem}
.cartItemZone::-webkit-scrollbar-thumb,.cartDropdown__body__detail::-webkit-scrollbar-thumb{background-color:var(--mainColor);border-radius:0.625rem}

.table-responsive::-webkit-scrollbar-track{background-color: #eee;border-radius:0.625rem}
.table-responsive::-webkit-scrollbar{height: 0.25rem;background-color: #eee;border-radius:0.625rem}
.table-responsive::-webkit-scrollbar-thumb{background-color:var(--subColor-J);border-radius:0.625rem}

/*主選單-搜尋*/
.searchFixed{--size: 50px;position:relative;z-index: 1;background: var(--mainColor);border-radius: 50px;color: #fff;width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;margin-right: clamp(1rem,2vw,2rem);cursor: pointer;box-shadow: 0px 0px 1rem 0px rgba(59, 100, 100, 0.25);}
.searchFixed__toggle{width: var(--size);aspect-ratio: 1;display: flex;align-items: center;justify-content: center;color: #fff;}
.searchFixed__collapse{position:absolute;right: -1rem;top: 0;opacity:0;pointer-events:none;-webkit-transition:all .3s linear;transition:all .3s linear}
.searchFixed__collapse--isOpen{pointer-events:inherit;opacity:1;right: 0;}
.searchFixed__collapse .searchInput{display:grid;grid-template-columns: 1fr 2.5rem;background: var(--mainColor);padding: 0.35rem 1rem;padding-right: 0.5rem;border-radius: 4rem;box-shadow: 0px 0px 1rem 0px rgba(59, 100, 100, 0.25);height: 3.25rem;/* position: relative; */}
.searchFixed__collapse .searchInput__input{border:none;background:rgba(255,255,255,0);color:#dde3ff;outline: none;width: calc(100% - 2.5rem);min-width: 13.75rem;}
.searchFixed__collapse .searchInput__input::-webkit-input-placeholder{color:#dde3ff;font-weight:300}
.searchFixed__collapse .searchInput__input::-moz-placeholder{color:#dde3ff;font-weight:300}
.searchFixed__collapse .searchInput__input:-ms-input-placeholder{color:#dde3ff;font-weight:300}
.searchFixed__collapse .searchInput__input::-ms-input-placeholder{color:#dde3ff;font-weight:300}
.searchFixed__collapse .searchInput__input::placeholder{color:#dde3ff;font-weight:300}
.searchFixed__collapse .searchInput__btn{text-align:center;padding:.5rem 0;color:#dde3ff;width: 2.5rem;}

/*熱門搜尋*/
.searchTags{position:relative;margin-top: 1rem;box-shadow: 0 0.5rem 1rem rgba(114,113,113,0.25);}
.searchTags:before{content:'';position: absolute;left: 50%;transform: translateX(-50%);top: -10px;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--mainColor) transparent;}
.tagsTit{background:var(--mainColor);padding: 0.5rem 1rem;border-radius: 0.5rem 0.5rem 0 0px;margin-bottom: 0;}
.tagsBox{background:#fff;padding: 1rem;}
.tag{background:var(--lightGray);padding:8px;border-radius:50px;display:inline-block;color: var(--txtBlack);margin: 0.25rem;}
.tag:hover{background:var(--mainColor);color:#fff;}

@media all and (max-width: 991px) {
	.searchFixed{--size: 35px;position:static;}
	.searchFixed__collapse{left: 1rem;right: 3.5rem;top: 1.5rem;z-index: 1000;}
	.navbar .searchFixed__collapse{top: calc(var(--navbarH) / 2);transform: translateY(-26px);}
	.navbar.navbar--fixed .searchFixed__collapse{}
}
.searchTxt__tt{display:inline-block;font-weight:700;font-size:120%}
.searchTxt__txt{text-decoration:underline}
.noDataTxt{margin-top:0;padding:2rem 0 4rem;border-bottom:1px solid #ccc;font-weight:300}
.noDataTxt span{color:#132685;font-weight:700}

/*------------------首頁------------------*/
/*首頁-BANNER*/
.banner{position:relative;width:100%;min-height: 5vw;margin-bottom:50px;visibility:hidden;transition:all 1.2s ease;}
.banner.slick-initialized{opacity:1;visibility:visible;margin-bottom: 0!important;}
.banner .slick-slide{position:relative;height: 100dvh;overflow: hidden;}
.slogan{position:absolute;top: 48%;z-index: 9;transform: translateY(-50%);left: 5%;transition: 0.3s opacity,0.5s all ease-out;transition-delay: 0s , 0.25s;opacity: 0;width: 90%;}
.slogan .bigTitBox{margin-bottom: clamp(1em,3vw,1.875rem);padding-bottom: 1rem;width: 80%;gap: 0.25rem 0.625rem;}
.slogan .bigTit,.slogan .subTit{margin:0;}
.slick-current .slogan{opacity:1;}
.bigTitBox{display:flex;position: relative;margin-bottom: 2rem;flex-wrap: wrap;}
.bigTitBox:before{content:'';position:absolute;bottom: 0;left:0;width: calc(clamp(10rem,52%,17.75rem) / 2);height: 2px;background:var(--mainColor);z-index: 1;}
.bigTitBox:after{content:'';position:absolute;bottom: 0;left: 0;width: calc(clamp(10rem,52%,17.75rem) / 2);height: 2px;background: #fff;transform: translateX(100%);}
.bigTit{font-size: clamp(1.75rem,4vw,4rem);letter-spacing: 0.15em;}
.bigTit--green{color:var(--mainColor);font-weight:400}
.bigTit--white{color:#fff;text-shadow: 0px 2px 1rem rgba(59, 100, 100, 0.50);}
.bigTit--light{color:var(--lightGray);font-weight:400}
.subTit{font-size: clamp(1rem,1.5vw,1.5rem);letter-spacing: clamp(0.1em,.5vw,0.42em);color:#fff;text-shadow: 0px 0px 0.75rem #3B6464;font-weight: 400;}
.banner .slick-slide a{display:block;height: 100%;}
.banner .slick-slide::before{background-color:#000;opacity:.3;z-index:1}
.banner .slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width: 100vw;min-height: 100%;width:100%;transform:translate(-50%,-50%);overflow: hidden;aspect-ratio: 1920 / 930;object-fit: cover;}
.banner .slick-slide iframe{pointer-events:none;position:absolute;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width: 150%!important;height: 150%!important;}
.banner .slick-slide figure{position:relative;height:100%;}
.banner .slick-slide figure img{margin:0 auto;height: 100%;/* object-fit: cover; *//* height: 100%; */}
.banner .slick-slide .slide-image{height:100%;background-size:cover;background-position:center;transition:all .8s ease}
.single-item .slick-slide.slick-active{z-index:1}
.single-item .slick-dots{bottom: 20px;}
.banner .slick-slide figure.bn-pc{display:block;}
.banner .slick-slide figure.bn-mb{display:none;}

.bannerStyle .slick-prev,.bannerStyle .slick-next,.bannerStyle .slick-prev:focus,.bannerStyle .slick-next:focus{z-index:10;width: 4.5rem;height: 4.5rem;background: rgb(255 255 255 / 50%);z-index: 21;transition: all .5s;}
.bannerStyle .slick-prev{left: 0%;}
.bannerStyle .slick-prev:before{content: "\f284";font-family: bootstrap-icons !important;color: var(--txtBlack);font-size: 1.75rem;}
.bannerStyle .slick-next{right: 0%;transition: all .5s;}
.bannerStyle .slick-next:before{content: "\f285";font-family: bootstrap-icons !important;color: var(--txtBlack);font-size: 1.75rem;}
.bannerStyle .slick-prev:hover,.bannerStyle .slick-next:hover{background: #fff;}
.bannerStyle.pdtZone--list .slick-prev{left:-8%;}
.bannerStyle.pdtZone--list .slick-next{right: -8%;}

.pdtZone--list .slick-prev,.pdtZone--list .slick-next{width: clamp(50px,5vw,5rem);height: clamp(50px,5vw,5rem);}
.pdtZone--list .slick-prev:before,.pdtZone--list .slick-next:before{font-size: clamp(1.25rem,2vw,2rem);}
/*輪播的點*/
.bannerStyle .slick-dots{bottom: -1rem;transform: translateY(100%);}
.bannerStyle .slick-dots li button:before{content:'';}
.bannerStyle .slick-dots li{width: 10px;height: 10px;background: rgb(59 142 142 / 50%);border-radius: 50px;transition: all .5s;}
.bannerStyle .slick-dots li.slick-active{width:32px;background:var(--mainColor)}

/*裝飾類的*/
.flexBox{display:flex;align-items: center;justify-content: center;/* flex-wrap: wrap; */}
.flexBox--spread{justify-content:space-between;}
.lineStyle{position:relative;}
.lineStyle:before{content:'';width:100%;height:2px;background:#eee;position: absolute;bottom: 0px;left: 0;}
.lineStyle:after{content:'';width:50%;height:2px;background:var(--mainColor);position: absolute;bottom: 0;left: 0;transition: all .5s;}

/*第一區域-關於我們*/
.ixBg{position:relative;}
.ixBg:before{content:'';position:absolute;top:0;left:0;width:100%;aspect-ratio: 4/1;background: url(../images/index/ixBg.png)no-repeat;}
.ixBg:after{content:'';position:absolute;left:0;top:0;width: 37.5%;height:0;background:var(--lightGray);z-index: -1;opacity: 0;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out;transition-delay: .5s;}
.ixBg.animated:after{opacity: 1;height:100%;}
.ixMidBg{position:relative;}
.ixMidBg::before{content:'';position:absolute;top:0;left:0;width:100%;height: 100%;background: url(../images/index/ixBg04.png)no-repeat;z-index: -1;}
.aboutOuter{position: relative;padding: 4rem 1rem 0 7rem;}
.aboutOuter figure{position: relative;margin-bottom: 0;width: 100%;}
.aboutOuter .picContent{display: flex;justify-content: flex-end;}
.picDeco:before{content:'';position:absolute;border-radius: 0.375rem;background: var(--mainColor);box-shadow: 0px 0px 1rem 0px rgba(59, 100, 100, 0.25);height: 70%;aspect-ratio: 120/400;bottom: 0;left: 0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;transition-delay: .5s;}
.picDeco.animated:before{bottom: -0.5rem;left: -0.5rem;}
.aboutOuter figure img{margin-left: auto;position: relative;width: 100%;}
.txtDeco{position:absolute;writing-mode: vertical-lr;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;margin: 0;top: 0;left: 0;font-size: clamp(2.5rem,4.5vw,5.25rem);font-style: normal;font-weight: 700;line-height: 1.2; /* 120% */letter-spacing: 0.05em;text-transform: uppercase;color: rgb(59 142 142 / 15%);text-align: left;}
.txtDeco span:nth-child(2){transform: translateY(4rem);display: inline-block;}
.aboutOuter .txtContent{width: 40%;padding-left: clamp(2rem,4vw,4rem);padding-top: 4rem;}
.aboutOuter .txtContent .mb{display: none;}

/*新觀念*/
.blockHeight--concept{padding-top: clamp(0rem,2vw,2rem);padding-bottom: clamp(8rem,10vw,10rem);}

/*產品推薦*/
.blockHeight--pdtSort{padding-bottom:0;}

/*明星商品*/
.blockHeight--pdt{padding-top:clamp(3rem,10vw,10rem);position:relative;}
.blockHeight--pdt:before{content:'';position:absolute;width: 37.5%;aspect-ratio: 70/55;background:var(--lightGray);top: 0;right: 0;z-index: -1;}
.flexBox--spread .mainTxtBox{width:80%}

/*產品推薦*/
.ixRecommend .mainTxtBox{margin-left: clamp(10rem,25%,15rem);padding-right: clamp(1rem,2vw,2rem);}
.recommendBox{position:relative;overflow: hidden;border-radius: 0.25rem 0 0 0.25rem;}
.recommendBox:nth-child(odd){border-radius:0 0.25rem 0.25rem 0;}
.recommendBox:before{content:'';position:absolute;left: 0;bottom: 50%;width: 30vw;height: 30vw;opacity: 0;background: var(--mainColor);transition: all .5s;z-index: 1;border-radius: 75vw;transform: translate(-40%, 50%);transition-delay: 0ms;pointer-events: none;}
.recommendBox figure{margin-bottom:0;transition:all .5s}
.recommendCover__pic {width:100%;}
.recommendTxt{position:absolute;bottom: 2rem;right: 2rem;display: flex;flex-direction: column;align-items: flex-end;text-align: right;z-index: 2;/* pointer-events: none; */-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.recommendTxt:before{content:'';position:absolute;border-radius: 5%;opacity: 0.75;background: var(--mainColor);width: 15rem;aspect-ratio: 1;transform: translate(50%, 75%) rotate(-15deg);right: 0;bottom: 0;-o-transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.recommendTxt .moreBtn{opacity:1;position: relative;justify-content: end;border-bottom: 1px solid #fff;display: inline-block;}
.recommendTxt .moreBtn span{color:#fff;}
.recommendName{color:#FFF;font-size: 2rem;font-weight: 500;letter-spacing: 0.15em;position: relative;margin-bottom: 0.5rem;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
/* .recommendName i{margin-right:1rem;margin-top: -12px;} */
.pdtNameBox{text-align:left;position: relative;padding-left: 2.5rem;}
.pdtFirstName:before{content:'';position:absolute;background:url(../images/deco/deco.svg)center/cover;height: 1rem;aspect-ratio: 28/16;left: 0;top: 50%;transform: translate(-150%,-50%);}
.pdtFirstName{font-size: clamp(1.25rem,2vw,2rem);margin: 0;position: relative;text-shadow: 0 0 1rem rgba(59,100,100,1);}
.pdtSecName{display: none;/* opacity: 0; *//* height: 0; */margin: 0;transform: translateY(-50%);-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.txt--recommend{font-size: clamp(1.125rem,1.2vw,1.5rem);text-align:right;}
.txt--recommend span{display:block;}
.txt--recommend span:first-child{transform:translateX(-20%)}

/*選擇興田*/
.ixBgBtm{background:url(../images/index/ixBg03.png)no-repeat bottom/cover;}
.ixIntroZone{position:relative;}
.textContent--float{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.aboutPic--mb{display:none}

/*攜手共好*/
.blockHeight--together{padding-bottom: clamp(6rem,12vw,12rem);}
.linkBoxOuter{margin-top:4rem;gap: clamp(2rem,12vw,13.75rem);}
.linkName{font-size: 1.5rem;font-weight: 400;letter-spacing: 0.15em;color: var(--txtBlack);margin: 0;padding-top: 2rem;}
.linkBox{position: relative;text-align:center;width: calc((100% - clamp(5rem,12vw,13.75rem)) / 2);}
.linkBox+.linkBox:before{content: '';position: absolute;width: 1px;height: 100%;background: var(--txtBlack);left: calc(clamp(5rem,12vw,13.75rem) / -2);top: 0;}
.togetherTxt{min-height:3.375rem;display: flex;justify-content: center;align-items: center;}
.togetherTxt .mb{display: none;}

/* footer */
footer{color:var(--txtBlack);background: var(--lightGray);padding-top: 3.5rem;position: relative;}
footer a{color:var(--txtBlack)}
.ftTop .container{display:flex;justify-content: space-between;align-items: center;width: 100%;gap: 2rem;}

/*==ftTop*/
.ftTop,.ftMid{display:flex;align-items:center;justify-content:space-between;margin-bottom: 1rem;}
.ftTop{margin-bottom: 3rem;}
.ftSloagn{font-size: 18px;font-style: normal;font-weight: 500;line-height: 21.6px; /* 120% */letter-spacing: .125em;position: relative;margin-bottom: 1rem;}
.ftSloagn.lineStyle:before,.ftSloagn.lineStyle:after{bottom:-16px}
.ftSloganBox{position:relative;}
.linkItem+.linkItem{}
.linkItem{position:relative;letter-spacing: .1em;}
.linkItem:not(:last-child):before{content:'';position:absolute;right: calc(clamp(1rem,2vw,3rem) / -2);top: 50%;transform: translateY(-50%);width: 1px;height: 1em;background:var(--txtBlack)}
.linkItem:hover{color:var(--mainColor);}
/*==ftMid*/
.ftMid--wrapper{display:flex;width:100%;justify-content: space-between;align-items: flex-end;}
.ftMid__left__list{list-style:none;padding-left:0;margin: 0;}
.ftMid__left__list b{margin-bottom:1rem;display:inline-block;}
.listItem{font-size: 1rem;font-style: normal;font-weight: 400; /* 160% */line-height: 1.5;letter-spacing: 0.15em;}
.listItem+.listItem{margin-top: 0.25rem;}
.ftMid__right .flexBox{gap:1rem;}
.socialBox{display:flex;gap: 0.5rem;}
.socialItem{display: flex;width: 2.5rem;aspect-ratio: 1;justify-content: center;align-items: center;gap: 10px;background: var(--mainColor);color: #fff;font-size: 1.5rem;border-radius: 100rem;border: 1px solid;}
.socialItem img{width:100%;aspect-ratio:1;object-fit:cover;filter: brightness(10);}
.socialItem:hover{color:var(--mainColor);background:#fff;}
.socialItem:hover img{filter:brightness(1);}
.ftSmTxt{margin-top: 1rem;font-weight:500;color:var(--mainColor);font-weight: 700;display: flex;justify-content: flex-end;gap: 1.75rem;}
.ftSmTxt span{position:relative;}
.ftSmTxt span +span:before{content:'';position:absolute;width: 1px;height: 80%;background: var(--mainColor);left: calc(-1.75rem / 2);top: 50%;transform: translateY(-50%);}
/*==ftBtm*/
.ftTit{position:relative;}
.ftTit:after{content:'：';}
.ftBtm{display:flex;align-items:center;justify-content:space-between;font-size: 0.875rem;}
.ftBtm--wrapper{display:flex;justify-content: center;width: 100%;padding: clamp(1rem,2vw,2rem) 0;position: relative;left: 0;top: 0;flex-wrap: wrap;gap: 0.75rem;}
.ftBtm--wrapper:before{content:'';position:absolute;width:100%;height:1px;background:var(--txtBlack);opacity:0.15;left: 0;top: 0;}
.copyRight{letter-spacing: 0.15em;}


/* 次功能 */
.blockHeight--subPage{padding-top: 1rem;background: url('../images/bg/sub-page-bg.png')no-repeat top center/100% auto;}
/*--------常見問題-------*/
.quickQaZone{background:var(--darkGreen);padding: clamp(2rem,4vw,4rem) 0;position: relative;}
.quickLinkList{--gapR: clamp(.5rem,1vw,4rem);margin-bottom:0;list-style:none;padding-left:0;display: grid;grid-template-columns: repeat(5,1fr);align-items: center;gap: 1rem var(--gapR);}
.quickLinkList__item{position:relative;/* width: calc((100% - 16rem) / 5); *//* width: auto; */}
.quickLinkList__item:not(:last-child):before{content:'';position:absolute;right: calc(-1 * (var(--gapR) / 2));top: 50%;transform: translateY(-50%);width: 1px;height: 36px;background:#fff;}
.quickLink{color:#fff;display: flex;gap: 1rem;justify-content: center;align-items: center;}
.quickLink .icon img{max-height: 3rem;aspect-ratio: 1;object-fit: contain;}
.quickLink:hover{color: var(--lightGray);opacity: .75;}
.quickLink--sitemap{flex-wrap:wrap;display: flex;justify-content: flex-end;gap: 0.5rem clamp(1rem,2vw,3rem);}
.quickLink span{font-size: clamp(1rem,1vw,1.25rem);font-weight: 400;letter-spacing: 0.15em;}
.quickLink--sm{gap:1rem;}
.quickLink--sm .linkItem:before{right: -0.5rem;height: 80%;}

/*--------產品--------*/
/*首頁-產品卡片*/
.pdtZone{margin-top: 6rem;gap: 2rem;}
.hoverPic{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s;opacity: 0;}
.hoverPic__pic{width: 100%;height:100%;object-fit:cover;}
.pdtName--Hover{position:absolute;top: 10%;left: 50%;transform: translateX(-50%);width: 100%;font-size: 20px;font-weight: 500;line-height: 21.6px; /* 108% */letter-spacing: 3px;transition: all .5s;opacity: 0;color: var(--txtBlack);}
.pdtBox{text-align:center;position:relative;transition: all .5s;padding-bottom: 1rem;border-radius: 5px;}
.pdtBox:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(244,248,248,0.00) 60.55%,#F4F8F8 88.08%),url(<path-to-image>),lightgray 50% / cover no-repeat;/* z-index:-1; */opacity:0;transition:all .5s;border-radius: 5px;}
.pdtBox:after{content:'';position:absolute;bottom: -8px;left: -8px;border-radius: 6px;background: var(--color-01, #3B8E8E);box-shadow: 0px 0px 1rem 0px rgba(59, 100, 100, 0.25);width: 122px;height: 122px;z-index: -1;transition: all .5s;opacity: 0;}
.pdtBoxContent,.pdtDot__item{display: flex;flex-direction: column;}
.pdtBox .pdtName,.pdtDot__item .pdtName{--pdY: 0px;font-size: 1.125rem;font-weight: 500;line-height: 1.2;position: relative;transform: translateY(0px);transition: all .5s;width: 60%;margin: 0 auto;padding-bottom: var(--pdY);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: calc(2em * 1.2);}
.pdtBox .lineStyle,.pdtLongBox__item .lineStyle,.pdtDot__item .lineStyle{display: block;margin: 1rem auto;width: 60%;}
.pdtBox .txt{/* --pdT: 0px; *//* padding-top: var(--pdT); */position: relative;max-width: 80%;margin: 0rem auto;transition: 0.3s all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 2.75em;}
.pdtBox .mainPic__pic{aspect-ratio:1;object-fit:cover}
.moreBtn{opacity:0;transition:all .5s;position: relative;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.moreBtn>span{font-size: 14px;font-weight: 400;text-transform: uppercase;display: inline-block;color: var(--mainColor);text-align: center;/* border-bottom: 1px solid; */letter-spacing: 0.5em;padding: 0 0 0.125rem 0.5rem;}
.fullBtn{position:absolute;top:0;left:0;width:100%;height:100%;display: block;z-index: 1;}

.blockHeight--pft .pdtBox:hover{box-shadow: 0px 0.25rem 32px 0px rgba(59, 100, 100, 0.25);padding-bottom: 2rem;}

/*0=====產品landing page=====*/
.blockHeight--ixAd{}
.ixAd {max-width: 90vw;width:100%;margin: auto;}
.ixAd .banner__box__pic{width:100%;object-fit:cover}
.ixAd .banner__box__pic.pc{display: block;aspect-ratio: 20/7;/*尺寸1500/525*/}
.ixAd .banner__box__pic.mb{display: none;aspect-ratio: 4/3;/*尺寸800/600*/}

.blockHeight--landingBg{padding-top: clamp(4rem,10vw,10rem);position:relative;overflow: hidden;z-index: 0;}
.blockHeight--landingBg.bg{background:var(--lightGray)}
.blockHeight--landingBg:before{content:'';position:absolute;width:clamp(10rem,30vw,30rem);aspect-ratio: 8/25;background:url(../images/product/left-bg.png)center/cover;top: 0;left: 0;z-index: -1;}
.blockHeight--landingBg:after{content:'';position:absolute;width: calc(100% - clamp(10rem,30vw,30rem));height: clamp(10rem,75%,775px);background:linear-gradient(140deg, #F4F8F8 16.5%, rgba(255, 255, 255, 0) 85%);right: 0;top: 0;z-index: -1;}
/* landing header */
.pdtMainHeader{margin-top: 0;background: #fff;box-shadow: 0px 0px 2rem rgba(0, 0, 0, 0.15);z-index: 1;position: relative;}
.pdtMainHeader .container{max-width: 1300px;padding: 0;}
.pdtMain--wrapper{position:relative;margin: 0 1px;}
.pdtMain{display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.pdtMain__item{width:20%;text-align: center;padding: clamp(1rem,4vw,3rem) 1rem clamp(1rem,4vw,4rem);position: relative;}
.pdtMain__item:before{content:'';position:absolute;width:1px;height: clamp(5rem,80%,9.25rem);background: var(--txtBlack);opacity: 0.15;right: 0;top: 50%;transform: translateY(-50%);}
.pdtMain__item:after{content:'';position:absolute;width: 0;height: 2px;background: var(--mainColor);left: 50%;bottom: 0;transform: translateX(-50%);transition: 0.3s all;}
.pdtMCover{display: flex;justify-content: center;margin-bottom: clamp(.25rem,1.5vw,1rem);}
.pdtMCover__pic{max-width: clamp(3rem,5vw,5rem);aspect-ratio: 1;object-fit: cover;width: 100%;}
.pdtMain__item__infor{color: var(--txtDark);transition:0.3s all;}
.pdtMTt{font-size: clamp(1.025rem,1.2vw,1.25rem);}
.pdtMTt--en{font-size: clamp(.6rem,1.2vw,0.875rem);}
.pdtMain__item:hover .pdtMain__item__infor{color:var(--mainColor)}
.pdtMain__item:hover:after{width:clamp(5rem,50%,140px);}
/* 輪播arrow */
.slickArrow{position:absolute;display:flex;width:100%;justify-content: space-between;left: 0;top: 50%;transform: translateY(-50%);pointer-events: none;}
.arrowBtn{cursor:pointer;width: 2.5rem;aspect-ratio: 1;display: flex;justify-content: center;background: var(--lightGray);align-items: center;border-radius: 100rem;transition: 0.3s all;pointer-events: auto;}
.arrowBtn:hover{background:var(--mainColor);color:#fff;transform:scale(1.08);}
.arrowBtn[aria-disabled="true"]{opacity:0;pointer-events: none;}
/* countDw */
.blockHeight--landingActivity{}
.countDwBox.slick-slider{width: 95%;margin: 0 auto 7.75rem;}
.countDwBox__item{display: grid!important;grid-template-columns: 60% 1fr;gap: clamp(1rem,3vw,4rem);align-items: flex-start;}
.countDwCover{/* width: calc(100% - 480px - clamp(1rem,3vw,4rem)); */margin-bottom: 0;}
.countDwBox__item__infor{/* width:480px; */}
.countDwTt{font-weight:700;font-size: clamp(1.5rem,2.5vw,2.625rem);color:var(--mainColor);line-height:1.2;position:relative;padding-bottom: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem, 4vw, 4rem);}
.countDwTt:before,.countDwTt:after{content:'';position:absolute;top:100%;transform:translateY(-50%)}
.countDwTt:before{background:url(../images/deco/square.svg)no-repeat center/contain;height: 1rem;width: clamp(45px,2vw,72px);left: 0;bottom: 0;}
.countDwTt:after{background:#e4e4e4;height:2px;width: calc(100% - clamp(45px,2vw,72px) - clamp(2.5%,2vw,2rem));right:0;bottom:0.5rem} */
/* .countDwTt:before{content:'';background:url(../images/deco/square.svg)center/cover;height: 1rem;aspect-ratio:74/16;width: clamp(45px,2vw,72px);} */
/* .countDwTt:after{content:'';position:absolute;background:#e4e4e4;height:2px;width: calc(100% - 5.625rem);right:0;bottom:0.5rem} */


.countDwTxt{position:relative;letter-spacing: clamp(0.05em,0.2vw,0.15em);font-weight:500;margin-bottom:1rem;font-size: 1.125rem;}
.countDwTxt:before{content:'活動日期：';}

/*syotimer style*/
.timer-body-block{display: flex;padding-top: 2rem;gap: clamp(1rem,2vw,2rem);max-width: 600px;width: 100%;margin-left: auto;margin-right: auto;}
.table-cell{width: 25%;text-align: center;position: relative;}
.table-cell:not(:last-child):after{content:'';position:absolute;width:1px;height:100%;background:#efefef;right: calc(clamp(1rem,2vw,2rem) * -0.5);top:50%;transform:translateY(-50%);}
.tab-val{font-weight: 700;font-size: clamp(2rem,5vw,4rem);color:var(--mainColor);line-height: 1.2;}
.tab-metr{position:relative;text-transform:uppercase;color:#aaa;display: flex;flex-direction: column;align-items: center;font-size: clamp(0.6rem,0.8vw,1rem);}
.tab-metr:before{content:'';font-size: clamp(0.875rem,0.8vw,1rem);}
.day .tab-metr:before{content:'天';}
.hour .tab-metr:before{content:'小時';}
.minute .tab-metr:before{content:'分';}
.second .tab-metr:before{content:'秒';}
/* 組合模組 */
.modSet{padding-top: clamp(2rem,8vw,8.75rem);display: grid;grid-template-columns: repeat(2,1fr);gap: clamp(1rem,2vw,3rem);}
.modSet__item{display:inline-block;border-radius: 0.25rem;overflow: hidden;display: flex;flex-direction: column;/* justify-content: flex-end; */}
.modSetCover{margin-bottom:0;overflow: hidden;}
.modSet__item__infor{position: relative;padding: clamp(.5rem,2vw,1rem) clamp(.5rem,2vw,2rem) clamp(.75rem,2vw,1.5rem);background:var(--mainColor);color:#fff;display: inline-flex;flex-direction: column;justify-content: space-between;flex: 1;}
.modSetTt{font-size: clamp(1.15rem,1.5vw,2rem);font-weight:500;margin-bottom: .25rem;letter-spacing:0.15em;}
.modSetBrief{letter-spacing: .15em;margin-bottom:0.625rem;font-size: clamp(.8rem,1.2vw,1rem);}
.moreTxt span{letter-spacing:0.5em;padding:0.25rem 0.5rem;font-size: 0.875rem;display:inline-block;position: relative;}
.moreTxt span:after{content:'';position:absolute;height:1px;background:#fff;left:0;bottom:0;right:0.5em}
.modSetCover__pic{height:100%;width: 100%;aspect-ratio:900/560;object-fit:cover;}

/* 滿版區塊 */
.fullCover{margin-bottom: 0;}
.landinfFull{}
.landinfFull p:last-child{margin-bottom: 0;}
.landinfFull img{max-width: 100%;}
.landinfFull__img{width:100%}
.landinfFull__img--pc{}
.landinfFull__img--mb{display:none}

/* hot Product */
.hotPdt__item{display: flex!important;gap: clamp(1rem,4vw,4rem);padding-top: clamp(4rem,10vw,10rem)}
.hotPdtCover{width: calc(100% - 500px - clamp(2rem,4vw,4rem));width: clamp(500px,55%,1000px);margin: 0;}
.hotPdtCover__pic{margin:auto}
.hotPdt__item__infor{position: relative;width: calc(100% - clamp(500px,55%,1000px) - clamp(2rem,4vw,4rem));padding-top: 4rem;padding-bottom: 200px;}
.hotPdt__item__infor .hotNum{position: absolute;z-index: -1;left: -25%;top: 0;color:#D9E8E8;font-size: 7vw;font-weight: 700;line-height: 1;text-transform: uppercase;white-space: nowrap;transform: translateY(-50%);opacity: 0.5;}
.hotPdtMain{margin-top:1.5rem}
.hotPdtText__tt{display: block;font-weight:700;font-size: clamp(1.25rem,2vw,2.625rem);color:var(--mainColor);padding-bottom:2rem;margin-bottom: 2rem;position:relative;}
.hotPdtText__tt:after{content:'';position:absolute;width: 80%;max-width: 300px;height:3px;background:linear-gradient(to right,var(--mainColor)45%,#f5f5f5 45%);left:0;bottom:0;}
.hotPdtText__tit{display: block;font-size: clamp(1rem,2.4vw,1.125rem);letter-spacing:0.15em;line-height:1.35}
.hotPdtText__pcs{display:flex;gap:0.5rem;align-items: baseline;margin-bottom: 2rem;}
.hotPdtText__pcs .original{text-decoration:line-through;}
.hotPdtText__pcs .now{font-size: clamp(1rem,2.4vw,2rem);font-weight:700;color:var(--mainColor);}
.shopBtnG{display:flex;gap:1rem;}

/* hotPdtDot */
.blockHeight--hotPdt{padding-top: 0;}
.blockHeight--hotPdt .decoTxt--mb{display: none;}
.hotPdtG{position:relative;/* padding-bottom: clamp(8rem,14vw,14rem); */}
.hotPdtDot{width: 60%;/* position:absolute; *//* right:0; *//* bottom:0; */margin-left: auto;margin-top: -200px;}
.hotPdtDot .slick-list{margin-right: -3rem;padding: 2rem 0;padding-left: 1rem;}
.pdtDot{cursor:pointer;}
.pdtDot__item{text-align: center;background: #fff;border-radius: 0.25rem;margin: 0 1rem;padding-bottom: 2rem;}
.slick-active .pdtDot__item{box-shadow: 0 0.25rem 2rem rgba(59,100,100,0.15);}
.pdtPicBox__pic{width:100%;aspect-ratio: 800/800;object-fit: cover;}
.hotPdtDot__box .slick-arrow,.hotPdtDot__box .slick-arrow:focus{width:4.5rem;height: 4.5rem;}
.hotPdtDot__box .slick-arrow:before{font-size: 1.75rem;}
.hotPdtDot__box .slick-prev{transform: translate(-100%, -50%);left: 2rem;}

/* 使用見證 */
.blockHeight--bg1{position: relative;z-index: 0;background: var(--lightGray);padding: 3rem 0 clamp(4rem,8vw,8rem);}
.blockHeight--bg1:before{content:'';position: absolute;background: url(../images/bg/bg1.png)center/cover;opacity: 0.25;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;transform: scale(-1);}
.blockHeight--bg1:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(180deg, var(--lightGray) 0%, transparent  18%);top:0;left:0;z-index: -1;}
.useMessage{}
.useMBox{margin: 1rem 0;}
.useMBox .slick-list{max-width:1280px;margin:auto;padding: 1rem 0;}
.useMBox__item{margin:0 1rem;border-radius: 0.25rem;overflow: hidden;box-shadow: 0 0 1rem rgba(59,100,100,0.1);}
.useMCover{margin-bottom:0;}
.useMCover__pic{width:100%;aspect-ratio:1;object-fit:cover;}
.useMInfor{background:#fff;padding:1rem;}
.useMInfor__tt{font-size:1.125rem;margin-bottom:0.5rem;letter-spacing:0.15em;color: var(--mainColor);font-weight: 500;line-height: 1.2;}
.useMInfor__brief{line-height: 1.5;letter-spacing: 0.15em;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: clamp(.9rem,3vw,1rem);}

/*0=====產品清單頁=====*/
/*==區塊*/
.pdtList__outer{display: flex;/* margin-top: 80px; */}
.pdtList__outer .pdtList{margin-top: 0;grid-template-columns: repeat(3, 1fr);}
.pdtList__outer .pdtZone__outer{width: calc(100% - 270px - 4rem);margin-left: 4rem;}
/*==進階搜尋--按鈕*/
.searchSideBtn--wrapper{position:relative;}
.searchSideBtn{display:flex;align-items:center;justify-content: space-between;border-bottom: 1px solid rgba(114, 113, 113, 0.10);padding-bottom: 1rem;margin-bottom: 1rem;}
.searchTit{font-size: 1rem;color:var(--mainColor);margin-bottom: 0;}
.searchBtn,.resetBtn{font-size: 0.875rem;font-weight: 400;letter-spacing: 0.15em;background: inherit;border: 1px solid #ccc;position: absolute;right: 0;top: calc(50% - 0.5rem);transform: translateY(-50%);background: #fff;display: inline-block;padding: 0 0.375rem;}
.resetBtn:before{content:'\F116';position: absolute;left: 50%;top: 52%;transform: translate(-50%,-50%) rotate(-45deg);font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;transition: 0s opacity,0.3s transform;line-height: 1;opacity: 0;color: #fff;pointer-events: none;}
.resetBtn:hover{background:var(--mainColor);color: transparent;border-color:var(--darkGreen);}
.resetBtn:hover:before{opacity:1;transform: translate(-50%,-50%) rotate(180deg);}
/*==進階搜尋--側選單*/
.searchSidebar{width: 270px;}
.searchSidebar__block+.searchSidebar__block{margin-top:4rem}
.filterGroup__content ul{list-style:none;padding-left: 1rem;margin: 0;padding-bottom: 1rem;}
.filterGroup__content ul li:not(:last-child){margin-bottom: 0.5rem;}
.filterGroup__content ul li label{display:flex;align-items: center;}
/* .filterOption input{min-width:20px;width:20px;height:20px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:unset;margin:unset;margin-right:8px;border:unset} */
/* .filterOption input[type="checkbox"]:before{content:"";width: 20px;height: 20px;position:absolute;border: 1.5px solid rgba(0,0,0,.3);border-radius:2px} */
/* .filterOption input[type="checkbox"]:checked:after{display:inline-block;position:absolute;left: 3px;top: 0.25rem;transform:rotate(45deg);height:9px;width:4px;margin-left:5px;margin-bottom:3px;border-bottom:2px solid #fff;border-right:2px solid #fff;content:""} */
/* .filterOption input[type="checkbox"]:checked:before{background: var(--mainColor);} */
.filterOption .checkStyle{width: 1.125rem;}
.filterOption .checkStyle:after{background:var(--mainColor);}
.sidebarBox:not(:last-child){margin-bottom: 1rem;}
.filterGroup__name{display:flex;border-bottom: 1px solid rgba(114, 113, 113, 0.10);padding-bottom: 1rem;margin-bottom: 0.5rem;transition: 0.3s all;}
.filterGroup__name .filterTitle{font-size: 1.125rem;font-weight: 350;display: flex;align-items: center;justify-content: space-between;width: 100%;cursor: pointer;margin-bottom: 0;}
.filterGroup__name .filterTitle:after{content:"\F282";font-family: bootstrap-icons !important;margin-right: 0.5rem;font-size: 1rem;}
.filterGroup__content{display:none;border-bottom: 1px solid rgba(114, 113, 113, 0.10);}
.filterGroup__name.active{color:var(--mainColor);border-color: transparent;}
.sidebarBox:last-of-type .filterGroup__name{border:none}
.sideBarLink__list{list-style:none;padding-left:0;}
.sideBarLink--tit.dropArrow{cursor:pointer;}
.sideBarLink__list__item .sideBarLink--tit{position:relative;display: flex;justify-content: space-between;padding: 0.5rem 0;transition: 0.3s all;}
.sideBarLink__list__item .sideBarLink--tit.dropArrow:after{content: "\F282";font-family: bootstrap-icons !important;color: var(--txtBlack);padding-right: 0.5rem;}
.sideBarLink__list__item.open .sideBarLink--tit.dropArrow:after{color:var(--mainColor);}
.sideBarLink{font-size: 1.125rem;font-weight: 350;color:var(--txtBlack);transition: all .5s;width: 100%;}
.dropArrow .sideBarLink{width:auto;}
.sideBarLink--tit.active .sideBarLink{color:var(--mainColor);}
.sideBarLink__list li+li{margin-top: 0.25rem;}

.sideBarLink--tit:hover,.sideBarLink--tit.active{color:var(--mainColor);padding-left: 1rem;position: relative;}
.sideBarLink--tit:before{content:'';position:absolute;width: 0;height:1rem;background:var(--mainColor);border-radius: 1px;left:0;top:50%;transform:translateY(-50%);transition: 0.3s all;}
.sideBarLink--tit:hover:before,.sideBarLink--tit.active:before{width:5px;}

.sideBarLink--drop{flex-direction:column;display: none;background: rgba(114,113,113,0.02);}
.sideBarLink__list__item.open .sideBarLink--drop{border-top: 1px solid var(--lineColor);}
.sideBarDLink{padding: 0.75rem 1rem;font-weight: 350;display: inline-flex;width: 100%;}
.sideBarDLink:hover{background:rgba(114,113,113,0.03);}

/*產品清單頁*/
.pageMainTit{display:flex;align-items:end;gap:1rem;margin-bottom: 0.5rem;}
.pageMainTit__big{font-size: clamp(1.25rem,2.5vw,2.25rem);font-weight: 700;margin: 0;}
.pageMainTit__sm{font-weight:500;font-size: clamp(1rem,1.2vw,1.25rem);position: relative;margin: 0;}
.pageMainTit__sm:before{content:'/';margin-right: 0.5rem;}
/*產品清單頁-卡片*/
.pdtZone--list{margin-top: 3rem;}
.pdtZone--list.slider{max-width: 1200px;margin: auto;}
.pdtZone--list.slider .slick-list{padding-bottom:2rem;}
.pdtZone--list.slider .pdtBox{margin: 1rem;}
.pdtZone--list .pdtBox{border:1px solid #eee;background: #fff;box-shadow: 0px 2px 0.25rem 0px rgba(0, 0, 0, 0.10);}
.pdtZone--list .pdtBox:before{display:none;}
.pdtTag{text-align:left;padding: 0.625rem;position: absolute;z-index: 1;display: flex;gap: 0.25rem;flex-wrap: wrap;left: 0;top: 0;}
.pdtTag .label{border-radius: 2px;background: #56B48B;display: inline-flex;align-items: center;color: #fff;padding: 0.125rem 0.5rem;border-radius: 2px;}
.changePic{position:absolute;top:0;left:0;opacity: 0;transition: all .5s;}
.pdtZone--list .pdtBox:hover{box-shadow: 0px 0.25rem 2rem 0px rgba(0, 0, 0, 0.25);}
.pdtZone--list .pdtBox:hover .changePic{opacity:1}
.pdtZone--list .pdtBox:hover .pdtName,.pdtZone--list .pdtBox:hover .lineStyle{opacity:1;transform: translateY(0px);}
.pdtZone--list .pdtBox:hover .lineStyle:after{width:100%}
.pdtPicBox{position:relative;display: block;}
.pdtPicBox img{width:100%;aspect-ratio:800/800;object-fit:cover;}
.pdtPicBox img.changePic {/* aspect-ratio:720/1150; */}
/*補貨中*/
.pdtZone--list .pdtBox.pdtBox--outStock{position:relative;}
.pdtZone--list .pdtBox.pdtBox--outStock:before{content: '商品補貨中';width:100%;height:100%;position:absolute;top:0;left:0;opacity: 1;background: linear-gradient(145deg, rgba(224, 244, 244, 0.70) 0%, rgba(84, 141, 150, 0.70) 100%);z-index: 9;pointer-events: none;color: #fff;text-shadow: 0px 0px 0.5rem #3B6464;font-size: 1rem;font-weight: 400;letter-spacing: 0.15em;margin-right: -0.15em;display: flex;justify-content: center;align-items: center;}
/*價格*/
.priceOrg{font-size: 12px;font-weight: 400;text-decoration: line-through;opacity: .5;margin-right: 0.25rem;}
.priceSale{font-size: 18px;font-weight: 700;}
/*加入購物車按鈕*/
.pdtCartBtn{position:absolute;bottom: -16px;right: 1rem;display: inline-block;width: 50px;height: 50px;background: var(--mainColor);color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 1.25rem;z-index: 2;}
.pdtCartBtn:hover{background:var(--lightGray);color:var(--mainColor);}
/*篩選select*/
.sortZone{border-radius: 0.375rem;border: 1px solid #ccc;padding: 0.5rem;position: relative;transition: 0.3s all;min-width: 140px;}
.sortZone.open{border-radius:0.375rem 0.375rem 0 0;}
.sortZone span{position:absolute;top: 0;left: 0.375rem;transform: translateY(-50%);background: #fff;display: inline-block;font-size: 0.625rem;line-height: 1;padding: 0 0.25rem;}
.selectStyle .optionOutput{display:flex;gap:1rem;cursor: pointer;justify-content: space-between;}
.optionOutput:before{content: attr(data-txt) ;}
.optionList{position: absolute;width: calc(100% + 2px);left: -1px;top: calc(100% - 1rem);background: #fff;border: 1px solid #ccc;border-radius: 0.375rem;z-index: 99;opacity: 0;transition: 0.3s all;pointer-events: none;}
.sortZone.open .optionList{display:block;top: 100%;opacity: 1;pointer-events: auto;border-radius: 0 0 0.375rem 0.375rem;overflow: hidden;}
.option{position:relative;padding: 0.5rem;cursor: pointer;transition: 0.3s all;}
.option i{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.option:hover{background:var(--lightGray);}

/*0=====產品底層=====*/
.pdtdetailPic{margin-bottom: 0;}
.pdtdetailPic img{width:100%;}
.pdtdetailPic .pc{display: block;}
.pdtdetailPic .mb{display: none;}
.blockHeight--pdtdetail{padding: 1.5rem 0 0;}
.productImg__focus{order: 2;margin-bottom: clamp(1rem,2vw,2rem);}
.productImg__thumb{list-style-type: none;margin: 0;padding: 0;display: grid;gap: 1rem;padding-bottom: 2rem;grid-template-columns: repeat(4,1fr);}
.productImg__thumb li{border:1px solid #eee;/* border-radius: 0.375rem; */transition: 0.3s all;}
.productImg__thumb li.active{border-color:var(--mainColor);}
.productImg__thumb li a{display:inline-block;}
.pdtThumb__pic {width:100%;aspect-ratio:1;object-fit:cover;}
.productDetail{display: flex;align-items: flex-start;margin-bottom: clamp(0.5rem,3vw,4rem);}
.productDetail__block{width: calc(100% - clamp(1rem,40%,660px));}
.productDetail__block--pic{width: clamp(1rem,40%,660px);position: sticky;top: 5.5rem;left: 0;}
.productDetail__block+.productDetail__block{padding-left:4rem}
.productDetail__block--info{padding: 2rem 0 2rem clamp(1rem,4rem,150px);display: flex;flex-direction: column;gap: 2rem;font-weight: 400;}
.productDetail .pageContent--pc{display: block;margin-top: 2rem;}
.productDetail .pageContent--mb{display: none;}

.pdtIntroZone{margin-bottom:4rem;}

.productDetail__block__inner .pdtTag{position:relative;padding: 0;margin: 0.5rem 0;}
.pdtSocial{display:flex;gap: 0.625rem;align-items: center;}
.pdtSocial__link{border:1px solid var(--mainColor);color:var(--mainColor);display: inline-block;border-radius: 50px;font-size: .8rem;display: inline-flex;height: 2rem;align-items: center;padding: 0.375rem 0.625rem;transition: 0.3s all;}
.pdtSocial__link--circle{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;padding: 0;}
.pdtSocial__link--circle img{width:100%;}
.pdtSocial__link:hover{background:var(--mainColor);color:#fff;}
.pdtSocial__link:hover img{-webkit-filter:grayscale(1) brightness(10);filter:grayscale(1) brightness(10);}
.pdtTagSocial{flex-wrap:wrap;align-items: center;gap: 0.25rem 1rem;margin-top: .5rem;}
.pdHeader .pdtTag{position:relative;padding: 0;}
.skuNum{font-size:14px}
.pdHeader{margin-bottom:2rem}
.pdHeader__title{margin:1rem 0;font-size: clamp(1.5rem,3vw,3rem);}
.pdtSubIntro{font-size: 1.125rem;font-weight: 500;letter-spacing: 0.15em;/* margin-bottom: 2rem; */}
.pdtSubTxt{margin-bottom: clamp(2rem,3vw,3rem);}
.blockHeight--pdtdetail .qty button{width: 2.5rem;}
.blockHeight--pdtdetail .qty input{width: 3.75rem;}
.productDetail__block--info .priceRange__price{font-size: 1.25rem;font-weight: 700;}
.productDetail__block--info .priceRange__price:not(.priceRange__price--old){color:var(--color-black)}
.formatList{list-style-type: none;margin: 0;padding: 0;}
.FormatList__item{margin-bottom: .5rem;display: flex;flex-wrap: wrap;align-items: center;}
.FormatList__item+.FormatList__item{margin-top: 1rem;}
.FormatList__item__tt{width: 5rem;font-weight: 400;color: var(--color-black);}
.FormatList__item__body{width: calc(100% - 5rem);display: flex;flex-wrap: wrap;gap: 0.5rem;}
.formatLink{cursor: pointer;display: inline-block;padding: 0.375rem 0.75rem;border: 1px solid #ccc;border-radius: 2px;}
.formatLink.open{color: var(--mainColor);border: 1px solid var(--mainColor);}
.formatLink.no{opacity: .5;text-decoration: line-through;/* pointer-events: none; */cursor: not-allowed;}

/* 長購計畫-配送日期 */
.shippingDateBlock{display: flex;flex-wrap: wrap;align-items: center;align-items: stretch;--color: #F9F9F9;--color-bg: var(--lineColor);--ttW:240px}
.shippingDateBlock>.markTxt{width: 100%;margin: 0;padding: 1rem;font-size: .9rem;border-radius: .25rem;background: var(--lightGray);color: var(--color);}
.shippingDateBlock__tt{display: flex;justify-content: center;flex-direction: column;width: var(--ttW);padding: .5rem;font-size: 1.25rem;border-radius: 0.25rem 0 0 .25rem;background: var(--color);/* color:#fff; */border: solid 1px var(--lineColor);}
.shippingDateBlock__tt .markTxt{margin-top: .5rem;font-size: .85rem;opacity: .9;/* font-weight: 400; */}
.shippingDateBlock__body{display: flex;gap: 0;flex: 1 1 auto;}
.shippingDateBlock__body__box{display: flex;align-items: center;justify-content: center;flex: 1 1 auto;padding: 1rem;/* width: 70px; *//* height: 70px; *//* border-radius: 100%; *//* color: var(--color); */border: solid 1px var(--lineColor);border-left: none;font-size: 1.5rem;font-weight: 700;line-height: 1.2;}
.shippingDateBlock__body__box:last-child{border-radius:0 .25rem .25rem 0}
.shippingDateBlock__body__box .unit{margin-right: .25rem;font-size: 70%;font-weight: 400;line-height: 1.5;}
.shippingDateBlock__body__box *+.unit{margin-left: .25rem;}
.shippingDateBlock__body__box .unit:last-child{margin-right:0}

.shippingDateBlock--select{--color: var(--darkGreen);--color-bg: var(--lightGray);flex-direction: column;align-items: flex-start;}
.shippingDateBlock--select .shippingDateBlock__tt{width: auto;padding: 2px .5rem;font-size: 1rem;border-radius: .25rem .25rem 0 0;color: #fff;border-color: var(--color);font-size: .9rem;}
.shippingDateBlock--select .shippingDateBlock__body{width: 100%;;padding: .25rem;border: solid 2px var(--color);border-bottom: none;border-radius: 0 .25rem 0 0;}
.shippingDateBlock--select .shippingDateBlock__body__box{cursor: pointer;border:none;border-radius: .25rem;padding: .5rem clamp(.25rem,2vw,1rem);margin: 1px;-o-transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.shippingDateBlock--select .shippingDateBlock__body__box:hover{color: var(--color);background:var(--color-bg)}
.shippingDateBlock--select .shippingDateBlock__body__box+.shippingDateBlock__body__box{/* border-left:solid 1px var(--lineColor); */}
.shippingDateBlock--select .shippingDateBlock__body__box.--active{background: var(--subColor);color:#fff}
.shippingDateBlock--select .shippingDateBlock__body__box .unit{font-size: 60%;}
.shippingDateBlock--select.shippingDateBlock>.markTxt{border: solid 2px var(--color);border-top: 0;border-radius: 0 0 .25rem .25rem;}

.shippingDateBlock--small{--color: var(--mainColor);--color-bg: var(--lightGray);--ttW:90px;overflow: hidden;border-radius: .25rem;border: solid 2px var(--color);}
.shippingDateBlock--small .shippingDateBlock__tt{width:var(--ttW);color:#fff;font-size: 1rem;border: none;border-radius: 0;}
.shippingDateBlock--small .shippingDateBlock__body__box.--active{color: var(--color);border: none;}
.shippingDateBlock--small.shippingDateBlock>.markTxt{border-radius: 0;border-top: solid 1px var(--color);}


/* PCP長購計畫頁面 */
.longterm{overflow:hidden}
.pcp-ic{display: flex; align-items: center;}
.pcp-ic img{width:15%;}
.pcp-greenbar{position: relative;height:  336px;background-image: url(../images/longterm/greenbar.png);background-size: cover;display: flex;padding-top: 1rem;flex-wrap: wrap;}
.pcpTxtDeco{margin-bottom: 0;/* font-size: clamp(2.75rem, 9vw, 8rem); *//* font-size: 2.5rem; */ /* 基础字体大小 */font-size: min(8rem, 8vw); /* 最大字体大小为 8rem */font-weight: bold;color: rgba(255, 255, 255, 0.15);}
.pcpTxtDeco--alignEnd{ text-align: end;}
.pcpTxtDeco--promise, .pcpTxtDeco--plan{--removeX: -7vw;--removeY: 0;position: absolute;color: var(--mainColor);opacity: 0.1;top: var(--removeY);}
.pcpTxtDeco--promise{left: var(--removeX);}
.pcpTxtDeco--plan{right: var(--removeX);}
.pcpDecoBox{max-width: fit-content;position: absolute;transform: translateY(50%);right: 10vw;padding: 4rem 5rem;background-color: #fff;border-radius: 0 2rem 0 2rem;box-shadow:4px 4px 16px 4px rgba(0, 0, 0, 0.1);z-index: 3;}

.pcp-greenbar--procurementPlan{height:240px}
.pcpDecoBox--2nd {position: relative;right: inherit!important;margin: 0;margin-left: calc((100% - var(--container)) / 2 + var(--containerPadding));padding: 3rem 5rem;max-width: 585px;width: 100%;transform: translateY(-25%);/* margin-top: -3rem; */}
.pcpDecoBox--2nd .pcpDecoTitle {min-width: 425px;font-size: clamp(1.5rem, 3vw, 2.25rem);}
.pcpDecoTitle{display:flex;gap:1rem;align-items:center;width: 100%;margin: 0 0 1rem;font-size: clamp(1.5rem, 3vw, 2.5rem);font-weight: bold;letter-spacing: 0.25rem;color: var(--mainColor);}
.pcpDecoTitle:last-child{margin-bottom:0}
.pcpDecoTitle::after{content:'';display:block;flex: 1;min-width: 3rem;height:1px;background:rgb(114 113 113 / 25%)}
.pcpDecoTitle--right{}
.pcpDecoTitle--right::after{order:-1}
.longtermPlanBg {background-image: url(../images/longterm/longterm-bg.png?20240815); background-size: cover;}
.longtermCaption{padding: 4rem 0 0;clear: both;overflow: hidden;}
.longtermCaption .imgList{position: relative;gap: clamp(1rem,1vw,2rem);padding-top: 6rem;display: grid;grid-template-columns: repeat(5,1fr);}
.longtermCaption .imgList__item{position: relative;/* width:15vw; */overflow: hidden;}
.longtermCaption .imgList__item--up {transform: translateY(-6rem);}
.longtermCaption .imgList__item--down {transform: translateY(6rem);}
.longtermCaption .imgList .imgTitle{position: relative;display: flex;align-items: center;font-weight: bold;font-size: clamp(1rem,2.5vw,1.5rem);}
.longtermCaption .imgBox{ margin-bottom: 1rem;overflow: hidden;position: relative;}
.longtermCaption .imgBox::before{
	content: "";
	display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    border-bottom: solid 10px var(--mainColor);
    z-index: 3;
    bottom: 0px;
}
.longtermCaption .imgBox::after{
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    border-bottom: solid 10px transparent ;
	border-image: linear-gradient(to right,#3B8E8E,#56B48B);
	border-image-slice: 1;
    z-index: 4;
    bottom: 0px;
    right: 100%;
    transition: all .5s;}
.longtermCaption .imgBox:hover::after{
    right: 0;
    transition: all .5s;}
.longtermCaption .imgBox img{width:100%;transform: scale(1,1);transition: all .5s;}
.longtermCaption .imgBox img:hover{width:100%;transform: scale(1.1,1.1);transition: all .5s;}
.longtermCaption .h4{font-weight: bold;}
.longtermCaption .imgTitle{margin-bottom: 1rem;}
.longtermCaption .imgTitle::before{content:"";position: relative;display: inline-block;width: clamp(1rem,2vw,2.5rem);aspect-ratio: 21/13;background-image: url(../images/longterm/img-title-ic.png);background-size: cover;margin-right: clamp(.15rem,.5vw,.5rem);}
.longtermCaption__bottom{position: relative; float:right; margin-top: 5rem;}

.longtermBtn{display: flex;align-items: center;gap: 1rem;background-color: var(--mainColor);color:white;padding: .5rem 2rem 1rem;font-size: clamp(1.125rem,3vw,2.25rem);border:solid 2px rgba(59, 142, 142,0);letter-spacing: 0.3rem;border-radius: 3em;transition: all .5s;}
.longtermBtn::before,.longtermBtn::after{content: "";display: inline-block;width: 2.5rem;aspect-ratio: 1;background-repeat: no-repeat;background-size: contain;background-position: center;transition: var(--transition);}
.longtermBtn::before{background-image: url(../images/longterm/btn-ic-white.png);}
.longtermBtn::after{width:0;background-image:url("data:image/svg+xml,%3Csvg width='38' height='18' viewBox='0 0 38 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 16h34L18.485 2' stroke='%23398C8C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

.longtermCaption__bottom__txt{font-size: 32px;color:var(--mainColor);letter-spacing: 0.3rem;font-weight: 500;display: flex;align-items: center;margin-top: 1rem;float: right}
.longterm .pgTitle{margin-bottom: 1.5rem;}
.longterm .pgTitBig {font-size: clamp(2rem, 3vw, 3rem);letter-spacing: 0.45rem;padding-bottom: 0;}
.longterm .pgTitBig +.pgTitBig {padding-left: clamp(1em,9vw,calc(3em + 0.45rem * 3));}
.longterm .pgTitBig.pgTitBig--line{display:flex;gap:1rem;align-items:center}
.longterm .pgTitBig.pgTitBig--line::after{content:'';display:block;flex: 1;width: 100%;max-width: 12rem;height:1px;background:rgb(114 113 113 / 25%)}
.longterm .pgTitBig .titleDeco--ic{}
.longterm .pgTitBig *+.titleDeco--ic{margin-left:.5rem;margin-right:0}
.longterm .pgTitBig--big{position: relative;display: flex;align-items: center;gap: 1rem;padding-left: 10vw;font-size: clamp(2rem, 5vw, 4rem);}
.longterm .pgTitBig--big .word{position:relative;}
.longterm .pgTitBig--big .word::after{content:'';position:absolute;left:100%;top: 50%;margin-left: 1rem;background: url('../images/longterm/plan-en.png') no-repeat left center/contain;width: 45vw;height: 1em;transform: translateY(-50%);}

.longterm .blockHeight--blockArrow{}
.longterm .blockHeight--blockArrow::after{content: "";display: block;position: absolute; width:20vw;height:200px;transform: translateX(50vw); clip-path: polygon(50% 100%, 0 0, 100% 0);color: #FFF;}
.promiseAre, .orderArea{position: relative;}
.promiseArea{position: relative;border-bottom: dashed 1px gray;margin-bottom: 4rem;padding-bottom: 4rem;}
.promiseArea .pgTitle{margin-bottom: 3rem;text-align: center;}
.promiseList{display: flex;justify-content: center;align-items: center;gap: clamp(1rem,5vw,5rem);}
.promiseList__item{display: flex;align-items: center;}
.promiseList__item .picBox{width: 7.5rem;aspect-ratio: 1;}
.promiseList__item img{width: 100%;}
.promiseList__item .txtBox{position: relative;text-align: center;display: flex;flex-direction: column;align-items: center;}
.promiseList__item .txtBox .txt{font-size: clamp(1.125rem,3vw,1.25rem);width: 240px;margin: 0;letter-spacing: 0;}
.promiseList__item .boxTitle{position: relative;display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;padding: 0 3rem;}
.promiseList__item .boxTitle__txt{display: inline-block;font-size: clamp(1.5rem, 3vw, 2rem);font-weight: bold;/* text-decoration: underline; *//* text-decoration-color: var(--mainColor); *//* text-underline-offset: 1rem; *//* text-decoration-thickness: .25rem; */transition: var(--transition);border-bottom:solid .25rem var(--mainColor);}
.promiseList__item:hover .boxTitle__txt{text-decoration-color: var(--subColor);}
.promiseList__item .boxTitle__num{--size: 2rem;position: absolute;left: 0;top: 50%;display: flex;justify-content: center;align-items: center;width: var(--size);color: var(--lightGray2);font-size: 1.5rem;text-align: center;transform: translateY(-50%);}
.promiseList__item .boxTitle__num::before {content: "";display: block;z-index: -1;position: absolute;top: 50%;left: 50%;width: var(--size);aspect-ratio: 1;color:#fff;background-color: var(--mainColor);border-radius: 0.5rem;transform: translate(-50%,-50%) rotate(45deg);}

.orderArea .pgTitle{text-align: center;}
.orderList, .orderStep {display: flex;flex-wrap: wrap; position: relative;position: relative;  padding: 1.5rem 0 1.5rem 0;}
.orderStep img{ width:100px;}
.orderStep{ width:25% ;justify-content: center; align-items: center; gap: 1rem;}
.orderStep:hover.arrowStart, .orderStep:hover.arrow, .orderStep:hover.arrowEnd {opacity: .8;transition: all .5s;}
.orderStep .txtBox{color:var(--lightGray2);}
.orderStep .txtBox img{width:100%;}
.orderStep .txtBox p{font-size: calc(0.75rem + .6vw);}
.orderStep .step{font-family:"Ubuntu", "Raboto";  font-size: calc(1.5rem + .6vw); font-style: italic;}
.orderStep .step::after{content:"";display: block;border-bottom:solid 1px var(--lightGray2);height: 5px;}
.arrow, .arrowStart, .arrowEnd{border-radius: 4px;transition: all .5s;}
.arrow{--color: var(--mainColor);clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);background-color: var(--color);}
.arrowStart{--color: #6CAAAA;clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 0%);background-color: var(--color);color: var(--lightGray);}
.arrowEnd{--color: #3A7179;clip-path: polygon(100% 0%, 100% 100%, 80% 100%, 0% 100%, 10% 50%, 0% 0%);background-color: var(--color);}
.arrow--2ndColor{background-color: #419C9C;}


.subPlanBg{background-color: rgba(217, 232, 232,0.5);}
.labelSubTitle{ display: flex;align-items: center; clip-path: polygon(100% 0%, 92% 45%, 100% 100%, 0% 100%, 8% 50%, 0% 0%); background-color: var(--mainColor); color: #fff; font-size: 40px; font-weight: 500;}
.subPlanList{display: flex;justify-content: center;align-items: center;gap: clamp(.25rem,1vw,2rem);}
.subPlanList img{width:100%;}
.subPlanList__item{display: flex;align-items: center; gap:2rem;margin-bottom: 8rem;}
.subPlanList__item .imgBox{position: relative;}
.subPlanList__item .item-2, .subPlanList__item .item-3 {position: absolute;z-index:3;}
.subPlanList__item .item-2{width:40%;transform:translate(-250%,0%);}
.subPlanList__item .item-3{width:100%;transform:translate(-100%,200%);}

.subPdBg{background-image: url(../images/longterm/product-bg.png);background-size:cover;padding-top: clamp(2rem,6vw,10rem);}
.plan-en{width:50%;position: absolute;top: 12%;}
.plan-en img{}
.subPlan .pgTitle{ display: flex;flex-direction: column; margin-left: 1rem;margin-bottom: 3rem;}
.subPlan .pgTitle .labelSubTitle{  width: fit-content;padding: 0rem 3rem;}
.subPlan .sub-car {position: relative;transform: translateY(-15px);}
.labelSubTitle h3 {position: relative;transform: translateY(4px);font-size: clamp(1rem, 4vw, 2.5rem);}

/* pcp QA */
.blockHeight--longfaq{position:relative}
.blockHeight--longfaq .pcpTxtDeco--promise{--removeY: calc(-1 * clamp(2rem,6vw,6rem));}
.longfaqList{display: grid;gap: .5rem;margin-bottom: 3rem;}
.longfaqItem{--itemNum: 3rem;--itemAns: calc(var(--itemNum) * .75);}
.longfaqItem__header:hover{background-color:rgba(59, 142, 142,0.15);transition: all 0.5s;}
.longfaqItem__header{display: flex;align-items: center;justify-content: space-between;cursor: pointer;background-color:rgba(59, 142, 142,0);color:var(--mainColor);font-size: 1.5rem;font-weight: bold;padding: 0.5rem 1rem;border-bottom: solid 1px rgba(99, 98, 102, 0.25);}
.longfaqItem__header .itemBox{display: flex;align-items: center;justify-content: space-between;gap:1rem;}
.longfaqItem__header .mjbox{flex:1}
.longfaqItem__body{display: flex;align-items: start;background-color: rgba(57, 140, 140, 0.05);border-bottom: solid 1px rgba(99, 98, 102, 0.25);padding:1rem;gap: 1rem;padding-left: var(--itemNum);}
.longfaqItem__body .txtBox{flex: 1;font-size: 1.125rem;margin: 0;}
.longfaqItem__body .itemAns{display: flex;justify-content: center;align-items: center;width: var(--itemAns);aspect-ratio: 1;border-radius: 3em;border: solid 2px var(--subColor);color: var(--subColor);font-size: 1.5rem;font-family:'Roboto';font-style: italic;font-weight: 600;line-height: 1;}
.longfaqItem__body li:not(:last-child){margin-bottom:0.5rem;}
.longfaqItem__header .btnIcon, .longfaqItem--isOpen .longfaqItem__header .btnIcon{color:#fff}
.longfaqItem__header .btnIcon{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-right:auto 0;}
.longfaqItem__header .btnIcon::after{content: '';width: 1rem;aspect-ratio: 1;background: var(--mainColor);clip-path: polygon(50% 20%, 0% 100%, 100% 100%);transform: rotate(180deg);transition: var(--transition);}
.longfaqItem .itemNum{display: flex;align-items: flex-end;justify-content: center;width: var(--itemNum);aspect-ratio: 1;padding-bottom: .4em;font-family: 'Roboto';font-weight: 500;font-style: italic;border-radius: 3em;color:white;background-color: var(--mainColor);font-size: 1.75rem;text-align: center;transition: var(--transition);line-height: 1;}
.longfaqItem .itemNum__di{font-size: 1.125rem;letter-spacing: -2px;}

.longfaqItem--isOpen .longfaqItem__header .btnIcon::after{position: absolute;transform: rotate(0deg);}
.longfaqItem--isOpen .longfaqItem__header{background-color:rgba(59, 142, 142,0.15);margin-bottom: 0.25rem;}
.longfaqItem--isOpen {margin-bottom: 1rem;}
.longfaqItem--isOpen .itemNum{background-color:var(--subColor);}
.longfaqItem--isOpen .btnIcon::before ,.longfaqItem--isOpen .btnIcon::after {border:solid 1px white;}


/*顏色管理*/
.color{position: relative;display: inline-flex;width: 35px;aspect-ratio: 1;border: 1px solid #eee;cursor: pointer;border-radius: 0.25rem;align-self: center;}
.color.active{border:1px solid var(--mainColor);}
.color span{display:inline-block;width:100%;aspect-ratio:1;border-radius: 2px;transition: 0.3s all;}
.color.active span, .color:hover span{margin:3px;}
.color.no{opacity: .25;cursor: not-allowed;}
.color.no::after{content: '';position: absolute;width: 130%;height: 2px;/* background-color: #bc5252; */border-bottom: solid 1px #fff;border-top: solid 1px rgba(0,0,0,.75);left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);transform-origin: center;opacity: .5;}
.color.no span{}
/* 欄位 */
.formFlex{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;}
.formFlex select{min-width: 122px;padding: 3px 0.75rem;}
.formFlex .formGroup{margin-bottom:0}
.formFlex--add{}
.formFlex--add .formGroup:nth-child(1){min-width: 100px;}
.formFlex--add .formGroup:nth-child(2){min-width: 100px;}
.formFlex--add .formGroup:nth-child(3){width: 70px;}
.formFlex--add .formGroup:nth-child(4){flex:1 1 auto}
.formGroup:not(:last-child){margin-bottom:1rem;}
.--4eq{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.--4eq small{grid-column: 1 / -1;}
.--flex1{display: flex;flex-wrap: wrap;gap:1rem;align-items: center;}
.--flex1>*{flex:1}
.--flex1 small{width: 100%;flex: inherit;}
.formGroup--3eq{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.formGroup--2eq{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.formGroup--1_2eq{display:grid;grid-template-columns: 1fr 2.08fr;gap:1rem;}
.formGroup--flex{display:flex;gap: .5rem;flex-wrap:wrap;flex-direction: column;}
.formGroup__tt{font-size: .9rem;}
.formGroup__form{display:flex;}
.formGroup__form.row{row-gap: 1rem;}
.formGroup__form{display:flex;flex-wrap: wrap;}
.formGroup__form--nowrap{flex-wrap:nowrap}
.formGroup__form .alert_txt{width:100%}
.form-check{font-size: .9rem;}
.form-select,.form-control{border: none;border-radius: 0;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;border: 1px solid #ccc;border-radius: 3px;}
.form-select{min-width: 5rem;}
.form-select--small{font-size:0.9375rem;padding: 1px 0.5rem;margin: 0 0.5rem;}
.FormatList__item__body .form-select{min-width:6.25rem}
.form-select .option--disabled{background: #f5f5f5;color:#ccc}
.form-check-input[type=checkbox]{margin-top:.45em}

/*購物數字增加減少*/
.addCart__zone{display:flex;}
.qty{display: flex;vertical-align:middle;align-items: center;border: 1px solid #eee;border-radius: 2px;width: fit-content;background: #F9F9F9;}
.qty button{display: flex;justify-content: center;align-items: center;width: 2.5rem;aspect-ratio: 1;padding: 0;background: #eee;border: none;color: var(--txtBlack);font-size: clamp(.9rem,2vw,1.5em);transition: var(--transition);}
.qty button:hover{background: var(--txtBlack);color:#fff}
.qty input{/* align-self: stretch; */display: block;padding: 0 .25rem;border:none;border-left:none;border-right:none;text-align:center;width: 3.75rem;border-radius: 0;background: #fff;}
.qty button+input{border: none;color: #000;background: transparent;outline: none;}
/* .qty.plus_num button{background:#fff000;border-radius:.25rem;border:none;box-shadow:0 0 .5rem rgba(0,0,0,0.3)}
.qty.plus_num button:hover{background:#a79c00;color:#fff}
.qty.plus_num input{border:solid 1px #000} */
.qty+.btnStyle{width:calc(100% - 200px);text-align: center;}

.qty--sm{border-color:#ccc;}
.qty--sm button{width: 30px;}
.qty--sm input{}

.stockTxt{align-self:center;margin-left: 0.5rem;}

/*產品價格*/
.priceRange{margin: 2rem 0;}
.priceRange__price{color:var(--mainColor);display: inline-block;font-weight: 700;}
.priceRange__price--old{text-decoration:line-through;font-weight: 400;margin-right: 0.5rem;color: var(--txtBlack);}
.priceRange__price--big{font-weight:700;font-size: clamp(2rem,2.4vw,2.5rem);}
.priceRange__price--mid{font-size: clamp(1.5rem,1.5vw,1.75rem);font-weight: 500;}
.priceRange__price--pv{color:var(--txtBlack);background: var(--lightGray);padding: 0px 0.25rem;margin-left: 0.5rem;font-weight: 500;}

/*加購品價格*/
.priceRange--add{font-weight:700}
.priceRange--add .priceRange__price{color:var(--txtBlack)}
.priceRange--add .pvBox{font-weight:500;background:#ddd;padding:0px 0.25rem}

/*活動促銷*/
.eventSale{background: #F9F9F9;padding: 1rem;font-size: 14px;margin-bottom: 32px;}
.eventSale__tit{border-bottom:1px solid #eee;padding-bottom:8px;}
.eventSale ul li+li{margin-top:4px}

/* 產品開合 */
.pdAccordions{margin-bottom:32px;}
.pdAccordions__box{background: #EEE;}
.pdAccordions__box .ttBox{padding: 1rem;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.pdAccordions__box .ttBox__icon{position: relative;height: 1px;width: 12px;background-color: var(--mainColor);}
.pdAccordions__box .ttBox__icon::after{content: '';position: absolute;left:50%;top:50%;height: 1px;width: 100%;background-color: var(--mainColor);transform: translate(-50%,-50%) rotate(90deg);}
.pdAccordions__box .ddBox{padding: 1rem;background: #F9F9F9;/* display: none; */}
.pdAccordions__box .ddBox--white{background:#fff;}
.pdAccordions__box--open .ttBox__icon::after{opacity: 0;}
.pdAccordions__box--open .ddBox{/* display: block; */}

.addPurchase{list-style:none;padding-left:0;}
.addPurchase__item{display:flex;align-items: center;gap: 1rem;}
.addPurchase__item+.addPurchase__item{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}
.box--check{width:5%}
.box--pic{width:20%}
.box--info{width:75%}
.pdName{margin-bottom:4px;font-size:18px;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 3em;}
.box--info .priceRange{margin:4px 0;display: flex;align-items: center;gap: 0.5rem;}
.ddBox__item{display:flex;gap: 1rem;align-items: center;}
.ddBox__item:not(:last-child){margin-bottom:0.625rem;}
.ddBoxCover{width:4rem;margin-bottom: 0;}
.ddBoxContent__tt{font-weight:500;}
.ddBoxContent__txt{font-size:0.875rem;}

/*特色說明*/
.pdAccordions__box--line{background:#fff;border-top:1px solid #ccc;transition: 0.3s all;}
.pdAccordions__box--open.pdAccordions__box--line{border-top:1px solid var(--mainColor)}

/*tab頁籤-共同*/
.tabsGroup__tabs{list-style:none;margin: 0;padding:0;}
.tabsGroup__tabs a{transition: 0.3s all;}

/*tab頁籤-產品介紹區*/
.tabsGroup--pdtDetail .tabsGroup__tabs{display:flex;align-items: center;justify-content: space-between;margin-bottom: 2rem;box-shadow: 0px 1.25rem 1.25rem -1rem rgb(59 100 100 / 20%);background: #fff;}
.tabsGroup--pdtDetail .tabsGroup__tabs li{flex:1}
.tabsGroup--pdtDetail .tabsGroup__tabs a.active,.tabsGroup--pdtDetail .tabsGroup__tabs a:hover{border-bottom:3px solid var(--mainColor)}
.tabsGroup--pdtDetail .tabsGroup__tabs a.active{color:var(--mainColor);}
.tabsGroup--pdtDetail .tabsGroup__tabs a{padding:1rem 0;display: block;text-align:center;font-size: 20px;border-bottom: 3px solid transparent;}
.tabsGroup--pdtDetail .tabsGroup__tabs a:hover{color:var(--mainColor);}
.tabsGroup--pdtDetail .tabContent{margin-bottom:4rem;}

/*推薦區域*/
.recommendZone{background:var(--lightGray);margin-top: 6rem;padding: 4rem 0;overflow: hidden;}

/*0=====搜尋=====*/
.blockHeight--search{padding: 4rem 0;}
.tagMark{font-size: 1.125rem;font-weight: 500;color: #fff;display: inline-flex;position: relative;background: var(--mainColor);letter-spacing: 0.15em;padding: 0.25rem 1rem;border-radius: 100rem;line-height: 1.5;margin-top: 0.5rem;}
.tagMark:before{content:'#';font-size:0.875rem;align-self: center;padding-right: 0.25rem;}
.sortBar--wrapper{position:absolute;left:0;bottom:0;z-index: 2;width: 100%;text-align: left;border-bottom: 2px solid var(--mainColor);}
.sortBar--wrapper .container{overflow-x:auto;}
.sortBar{display:flex;}
.sortBar__item{background:#f8f8f8;display: inline-block;padding: 0.5rem clamp(0.875rem,2vw,2rem);border-radius: 0.25rem 0.25rem 0 0;font-size: clamp(1.125rem,1.5vw,1.375rem);letter-spacing: 0.15em;box-shadow: 0 0 0.5rem rgba(26,72,120,0.25);transition: 0.3s all;}
.sortBar__item{white-space:nowrap;order:1}
.active.sortBar__item,.sortBar__item:hover{background:var(--mainColor);color:#fff;}
.active.sortBar__item .reslutNum{color: var(--mainColor);background: #f8f8f8;}
/* .active.sortBar__item{order:0;} */
.active.sortBar__item--term,.sortBar__item--term:hover{background:var(--darkGreen);color:#fff;}
.reslutNum{display: inline-block;margin-left: .125rem;padding: .15rem .5rem;font-size:1.125rem;font-weight: 500;letter-spacing: 0;/* color: var(--mktRed); */background: rgb(59 142 142 / 25%);color: #fff;border-radius: 3em;line-height: 1.2;}
.blockHeight--search .flexBox--spread{margin-bottom:3rem}

/*0=====登入&&忘記密碼=====*/
.blockHeight--sign{background: url(../images/bg/bg10.png)center top/cover;min-height: 92svh;padding: 7.5rem 0;}
.memSign--wrapper{display: flex;width: 100%;justify-content: center;}
.memSign{width: clamp(300px,90vw,550px);background: #fff;box-shadow: var(--shadow);padding: 3rem clamp(1rem,2.5vw,2.5rem) 2rem;border-radius: 0.25rem;}
.memSignForm{margin:auto;display: flex;flex-direction: column;gap: 2rem;}
.formSign{width:clamp(240px,95%,330px);margin: auto;font-size: 0.875rem;}
.memSign__tt{font-size: clamp(1.25rem,3vw,1.5rem);font-weight: 500;letter-spacing: 0.15em;margin-right: -0.15em;text-align: center;}
.formGroup__item:not(:last-child){margin-bottom:1rem;}
.formGroup__item--between{display:flex;justify-content: space-between;}
.formGroup__itemG{gap:0.5rem;display: grid;grid-template-columns: 1fr 120px;}
.sendVerif{font-size:0.875rem;width: 7.5rem;border: 1px solid var(--mainColor)!important;border-radius: 2px;color: var(--mainColor);position: relative;align-self: center;overflow: hidden;height: 38px;pointer-events: none;}
.sendVerif:hover{color:var(--mainColor);}
.sendVerif:after{content:'發送密碼';position:absolute;width: calc(100% + 2px);height: calc(100% + 2px);left:50%;top:50%;transform:translate(-50%,-50%);background:var(--mainColor);color:#fff;display: flex;justify-content: center;align-items: center;opacity: 0;transition: 0.3s all;}
.sendVerif--txt:after{opacity:1;pointer-events:auto;}
.memSign label,.memSign .aLine{font-size:0.875rem;}
.memSign label span.red{font-size:1.125rem;vertical-align:-3px;margin-left:2px;}
.backNote{text-align: center;font-size: 0.875rem;}
.inputHasEyeToggle{position: relative;}
.inputHasEyeToggle input{padding-right: 40px;}
.inputHasEyeToggle__icon{position: absolute;right: 0;top: 50%;width: 40px;text-align: center;transform: translateY(-50%);}

/*0=====購物車=====*/
/*購物車-進度條*/
.cartbar{padding: clamp(2rem,2vw,4rem) 0;margin: 0 2rem;display: flex;justify-content: center;gap: 1rem clamp(1rem,4vw,4.25rem);border-bottom: 1px solid var(--lineColor);}
.cartbar__item{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;width: 8.375rem;position: relative;z-index: 1;}
.cartbar__item:not(:last-child):after{content:'';position: absolute;width: calc(100% + clamp(1rem,4vw,4.25rem));height: 2px;left: 50%;top: calc(1.5rem + 1px);z-index: -1;}
.cartNum{width:3rem;aspect-ratio:1;mask:var(--shape);color:#fff;display: flex;justify-content: center;align-items: center;font-size: 1.5rem;font-weight: 500;}
.cartStep{font-size:1.125rem;font-weight:700;letter-spacing: 0.15em;margin-right: -0.15em;}
.cartbar__item.active ~ .cartbar__item .cartNum{background: #f5f5f5;color:#ccc}
.cartbar__item.active ~ .cartbar__item .cartStep{color:#ccc}
.cartbar__item.active ~ .cartbar__item:not(:last-child):after{background:#f5f5f5;}

.cartbar--once .cartbar__item:not(:last-child):after,.cartbar--once .cartNum{background:var(--mainColor);}
.cartbar--term .cartbar__item:not(:last-child):after,.cartbar--term .cartNum{background:var(--darkGreen);}

.cartbar--once .cartStep{color:Var(--mainColor)}
.cartbar--term .cartStep{color:Var(--darkGreen)}



/*購物車-架構*/
.blockHeight--cart{padding-top: 0;}
.cartZone--wrapper{padding: 0 1.25rem;}
.cartZone{display: flex;gap: 1.5rem clamp(2rem,2vw,3rem);align-items: flex-start;}
.cartZone__main__item:not(:last-child){margin-bottom:2rem}
.cartZone__main--top .cartHeader{padding: 0.75rem clamp(0.5rem,1vw,2rem);}
.cartZone__main--btm{margin-top: 3rem;}
.cartZone__main__top{padding:clamp(1rem,2vw,2rem);background:#fff;border-radius:0.25rem;box-shadow:var(--shadow);margin-bottom: 2rem;}

/*購物車-主資訊*/
/*---cartHeader*/
.cartHeader span{font-size:15px;font-weight:500;grid-column: 2/3;}
.cartHeader{background: rgba(245,245,245,0.95);display: flex;padding: 0.75rem 1rem;gap: 1rem;border: 1px solid #eee;}
.cartHeader .cartItem--name,.cartAddItem__btm .cartItem--name{display: grid;grid-template-columns: clamp(5.5rem,7vw,8.75rem) 1fr;gap: 1rem;}
.cartItem {align-self: center;text-align:center;}
.cartItem--name{width:calc(100% - 19rem - 3rem);text-align:left}
.cartItem__infor{width:calc(100% - 19rem - 3rem);display: grid;grid-template-columns: 120px 1fr;gap: 1rem;}
.cartItem--num{width: 9rem;}
.cartItem--total{width: 7rem;}
.cartItem--dele{width:3rem;}
.cartAddItem__btm{font-size:15px;}
.cartAddItem__btm .free{grid-column:1;text-align:center;font-size: 0.875rem;}
.cartPdtCover--big{width: var(--picSize);}
.cartPdtCover--small{width:5rem}
/*---cartBody*/
.cartBody .cartItem--num{gap: 0.25rem;display: flex;flex-direction: column;text-align: left;}
.cartItem__price{color:var(--mainColor);font-weight: 700;text-align: right;font-size: 1.125rem;line-height: 1;}
.cartItem__price--old{font-size: 0.9375rem;font-weight: 500;text-decoration: line-through;color: #999;}
.cartItem__pv{font-weight:500;text-align: right;font-size: 0.9375rem;}
.cartItem__pv span{font-size:1rem;line-height: 1;}
.cartBody__itemBox{--picSize: clamp(5.5rem,7vw,8.75rem);border:1px solid #eee;padding:1px;margin-top:-1px;margin-bottom: calc(1rem + 1px);transition:0.3s all;}
.cartBody__itemBox:not(:has(.cartItem)){display:none}
.cartMainItem,.cartAddItem{padding: clamp(0.5rem,1vw,1rem) clamp(0.5rem,1vw,2rem);display: flex;gap: 1rem;}
.cartZone .pdtName{margin-bottom: 0;font-size:1.125rem;}
.cartZone .pdtSpec{font-size:15px;margin-top: .5rem;margin-bottom: 0;}
.cartZone .pdtSpec__infor{display: flex;gap:0.5rem;flex-wrap: wrap;}
.cartPdtCover--big + .cartContent{width: calc(100% - var(--picSize));}
.cartContent__conform{font-size:0.875rem;}
.cartContent__conform .icon-uncheck:before{opacity:0.4}
.cartAddItem{background: rgba(114,113,113,0.05);display: flex;flex-direction: column;}
.cartAddItem__top{display:flex;gap: 1rem;}
.cartAddItem__btm{display:flex;gap:1rem;/*border-top:1px solid rgba(114,113,113,0.125);*/padding: 1rem 0 1rem;}
.cartAddItem__btm .cartItem--num{text-align:center;}
.cartAddItem .cartPdtCover {position:relative;}
.cartAddItem .cartPdtCover:after, .cartPdtCover.addItem:after {content:'加購品';position: absolute;font-size: 0.9375rem;bottom:0;left:0;width: 100%;text-align: center;background: rgba(168,216,185,0.5);color: var(--subColor-JH);font-weight: 500;}
.cartAddItem .cartPdtCover--noName:after{display: none!important;}
.addToCart{position:relative;}
.cartPdtCover.addToCart:after {content:'購物車加購';position: absolute;font-size: 0.9375rem;bottom:0;left:0;width: 100%;text-align: center;color: #B57F40;background: rgba(229,211,136,0.5);font-weight: 500;}
/*---cartFooter*/
.cartFooter__itemBox{padding: clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,2rem);border:1px solid #eee;}
.cartFooterTt{font-size: 13px;font-weight: 700;letter-spacing: 0.02em;margin-bottom: 0.5rem;}
.cartFooterList{font-size: 15px;letter-spacing: 0.02em;line-height: 1.6;}
/*購物車-標示icon*/
.icon-check{display:inline-block;color:var(--subColor);margin-right: 0.25rem;}
.icon-check:before{content: '\f26a';}
.icon-uncheck:before{content: '\F332';}
.icon-check:before,.icon-uncheck:before{display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -0.125em;margin-right: 0.25rem;}
.icon-notice{display:inline-block;color:var(--red);margin-right: 0.25rem;font-size: 0.875rem;}
.icon-uncheck.green:before{color:var(--subColor);}
/*購物車--加購商品*/
.addCartPdt{/* padding-top:1rem; */}
.addCartPdt .slick-list{padding: 1rem 0;margin: 0 -0.5rem;}
.addCartPdt__item{margin-right: 1rem;border: 1px solid #eee;padding: 1rem;transition: 0.3s all;width: 200px;margin:  0 0.5rem;}
.addCartPdt__item .btnStyle{width: 100%;}
.addCartPdt__item:hover .btnStyle{background:var(--subColor);color:#fff;}

.addCartPdt__item__infor{display: flex;gap: 1rem;flex-wrap: wrap;align-items: center;}
.addCartPdt__item__infor .pdName{width:100%}
.addCartPdt__item__infor .form-select{padding: 0.25rem 0.5rem;}
.addCartPdt__item__infor .specBox{flex: 1;/* width: 100%; */display: grid;grid-template-columns: repeat(1,1fr);gap: 0.5rem;}
.addCartPdt__item__infor .specBox:empty{display:none}
.addCartPdt__item__infor .specBox:has(*:only-child){/* grid-template-columns: 1fr; */}
.addCartPdt__item__infor .priceBox{display: flex;gap: 0.5rem;}

.addCartPdt .slick-prev{transform: translate(-100%,0);}
.addCartPdt .slick-next{transform: translate(100%,0);}
.addCartPdt .slick-arrow,.addCartPdt .slick-arrow:focus{width:2.625rem;height:2.625rem;}
.addCartPdt .slick-arrow:before{font-size: 1.75rem;}
.priceBox{display: flex;gap: 0.5rem;font-size: 0.875rem;}
.pdtBoxContent .priceBox,.pdtDot__item .priceBox{justify-content:center;align-items: center;}
.priceBox__amount span{font-size: 1.125rem;font-weight: 700;}
.priceBox__pv{padding: 0 0.25rem;background: var(--lightGray);}
.priceBox__pv span{font-size: 1.125rem;font-weight: 500;}
.addCartCover{margin-bottom: 0.5rem;display: inline-block;}
.addCartCover__pic{aspect-ratio: 1;width:100%}
.addCartPdt .qty input,.mktCartPdt .qty input{width: calc(100% - 60px);}

/*購物車-右側詳細*/
.cartBody--border{border:1px solid #eee;padding: 2rem clamp(1rem,1vw,2rem);margin-top: -1px;}
.cartBody--borderM{border:2px solid var(--mainColor);}
.cartZone__detail{}
.cartZone__detail .btnGroup .btnStyle{
    flex: 1 1 auto;
}
.discountBox{margin-bottom: 1rem;display: flex;flex-direction: column;gap: 0.5rem;}
.discountBox__item{display:flex;gap: 0.5rem;}
.discountList{margin-bottom:1rem}
.discountList__item{display: flex;justify-content: space-between;}
.discountList__item:not(:last-child){margin-bottom:0.5rem}
.discountTotal{padding-top: 1rem;border-top: 1px solid #ccc;text-align: right;margin-bottom: 1rem;}
.discountTotal__main{font-size: 1.125rem;font-weight: 700;margin-bottom: 0.25rem;color: var(--mainColor);}
.discountTotal__main__txt{font-size:1rem;font-weight:400;color:var(--txtBlack);margin: 0 0.5rem;}
.discountTotal__main .num{font-size: clamp(1.5rem,2vw,2rem);}
.discountTotal__sub{font-weight: 500;}
.discountBox__item .form-select{color:var(--txtBlack);}

.discountTotal--mb{display: none;width:100%;position:fixed;left:0;bottom:0dvh;z-index: 2;justify-content: space-between;background: #fff;padding: 1rem clamp(0.5rem,3vw,1.75rem);border-top: 1px solid var(--mainColor);}
.discountTotal--mb .discountTotal{padding:0;margin:0;border:none;display: flex;gap: 0 0.5rem;align-items: baseline;flex-wrap: wrap;justify-content: flex-start;text-align: left;}
.discountTotal--mb .discountTotal__main{font-size: 1rem;line-height:1}
.discountTotal--mb .discountTotal__sub{font-size: clamp(0.75rem,1.2vw,1rem);}
.discountTotal--mb .num{font-size: 1.5rem;padding-left: 0.25rem;}

input[type="radio"]{width: 1rem;align-self: center;margin: 0;border-color: var(--txtBlack);margin-top: 2px;}
input[type="radio"]:checked{background-color: var(--mainColor);border-color: var(--mainColor);box-shadow: none;}
input[type="radio"]:checked + * .form-control,input[type="radio"]:checked + * .form-select{border-color:var(--mainColor)}
input[type="radio"]:checked + * .form-control::placeholder{color:var(--mainColor);}
input[type="radio"]:checked + * .form-select{color:var(--mainColor)}
.input-group input{border-radius:0.25rem 0 0 0.25rem;}
.btnEnter{background:var(--mainColor);color:#fff;letter-spacing:0.15em;min-width:95px;border-radius:0 0.25rem 0.25rem 0;}
.btnEnter:hover{background:var(--darkGreen);color:#fff;}
/*創富系統*/
.discountApi{border-radius: 0.25rem;overflow: hidden;}
.discountApi__header{background: var(--subColor);padding: 1rem;position: relative;color: #fff;display: flex;align-items: center;overflow: hidden;}
.discountApi__header--bg{transition:0.3s all;}
.discountApi__header--bg:hover{background:var(--darkGreen);}

.discountApi__header:after{content:'';position: absolute;background: url(../images/all/icon-api.png)center/cover;height: 100%;aspect-ratio: 56/65;right: -0.375rem;top: -.125rem;}
.discountApi__body{background: var(--lightGray);padding: 1rem;}
.discountApi__body__tit{margin-bottom:0.5rem;font-size: 0.9375rem;}
.discountApi__body__list{margin: 0;padding: 0;counter-reset: num;list-style: none;font-size: 0.9rem;line-height: 1.5;}
.apiItem{position: relative;padding-left: 1.5rem;}
.apiItem:before{content: counter(num);counter-increment: num;position: absolute;left: 0;top: 0.375rem;width: 1.125rem;height: 1.125rem;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;background: var(--txtBlack);color: #fff;font-size: 0.75rem;border-radius: 100rem;}
.apiItem__box{display:flex;align-items: center;}
.apiItem__box__left{width: calc(100% - 120px);margin-right: 0.5rem;border-right: 1px solid var(--lineColor);padding: 0.25rem 0;padding-right: .75rem;}
.apiItem__box__left:only-child{width:100%;border:none;margin-right: 0;}
.apiItem__box__right{width: 120px;padding: 0.25rem 0;}
.discountApi__body__note{margin-top:0.5rem;font-size:0.875rem;}
.discountApi__body__note i,.smallGreen{padding:5px;display:inline-block;line-height: 1;color: var(--subColor);opacity: 0.5;}

/*0=====購物車-資料填寫=====*/
.radioFlex{display: grid;gap: 1rem;grid-template-columns: 12.5rem 1fr;align-items: start;}
.radioFlex--half{grid-template-columns:5rem 1fr;}
.radioFlex--txtFill{grid-template-columns:1fr auto;}
.radioFlex:not(:last-child){margin-bottom:1rem;}
.radioFlex--column{display:flex;flex-direction:column;gap: 0;}
.radioFlex__txt{display: flex;gap: 0.5rem;align-items: center;padding: 0.625rem 0;}
.radioFlex__txt--baseline{align-items:baseline;gap:0.25rem;}
.radioFlex__txt--column{flex-direction:column;align-items: flex-start;gap: 0;}
.radioTit{padding:0.25rem 0;font-weight: 700;}
.radioFlex__list{list-style:none;padding-left:1.5rem;margin:0;}
.radioFlex__content{}
.btnItem--wrapper{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.btnItem{padding: 0.5rem 1rem;border:1px solid #ccc;color: #ccc;border-radius: 0.125rem;overflow: hidden;}
.btnItem.active,.btnItem:hover{color: #fff;background: var(--mainColor);}
.radioFlex__content__bgBox,.optionChoose{padding:1rem;background: rgba(249,249,249,0.5);}
.choose--wrapper{display:flex;gap: 1.5rem;flex-wrap: wrap;}
.choose--result .formGroup{margin-top:1rem;}
.choose input[type="radio"]{margin-top:0.3rem;}
.choose span{margin-bottom: 0.25rem;display: inline-block;}
.formTitle{font-size:0.875rem;padding: 0.5rem 0;}
.formTitle h4{font-size: 0.9375rem;margin-right: 0.5rem;margin-bottom: 0;display: inline-block;}
.labelTxt{padding: 0.4375rem 0;}
.labelBox{display: flex;gap: 1rem;align-items: center;}
.labelBox span{white-space:nowrap}
.payCard{text-align:right;padding: 0.375rem 0;}
.payCard__pic{height: 1.75rem;width:auto;}
.payPic{height: 2rem;width:auto;}

.optionChoose{display: none;}
.optionChoose:not(:first-child){margin-top: 0.5rem;}
.optionChoose__tit{font-size:0.9375rem;font-weight:500;margin-bottom:1rem;}

.cartZone__main__item.bg-lightGray{padding: 1rem;}
.lineTitle{border-bottom:1px solid var(--mainColor);padding-bottom: 0.5rem;margin-bottom: 0.5rem;}

.cartHeader[data-id="person"],.cartHeader[data-id="company"]{position:relative;gap:0;}
.cartHeader[data-id="person"]:after{content:'：個人會員';}
.cartHeader[data-id="company"]:after{content:'：法人會員';}

/*彈跳視窗*/
.termPop--outer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index: 1100;box-shadow: 0 0 2rem rgba(59,100,100,0.25);}
.termPop--wrapper{position:relative;}
.termPop__box{display: flex;background:#fff;padding: 2rem clamp(1rem,2vw,2rem);width: 620px;max-height: 90vh;border-radius: 0.25rem;flex-direction: column;}
.termPop__box img{max-width: 100%;height: auto!important;}
.termPop__box__tit{margin: 2rem 0;}
.termPop__box__content{height: 100%;max-height: 40vh;max-height: 70dvh;overflow-y:auto;}
.termPop__box__content::-webkit-scrollbar {width: 5px;height: 5px;background-color: #f1f1f1;}
.termPop__box__content::-webkit-scrollbar-thumb{background: var(--mainColor);}
.termPop__box__btn{display:flex;justify-content: space-between;padding: 1.5rem 0;gap: 1rem;margin-top: auto;}
.termPop__box__btn>*{flex:1 1 auto}
.termPop__box__fix{background: #fff;display: flex;justify-content: center;position: relative;padding-top: 0.5rem;}
.termPop__box__fix:after{content:'';position:absolute;width:100%;height:1px;background: linear-gradient(to right, var(--lineColor) calc(50% - 2.5rem),transparent calc(50% - 2.5rem),transparent calc(50% + 2.5rem),var(--lineColor) calc(50% + 2.5rem));left:0;top:50%;transform:translateY(-50%);}
.termPop__box__mark{color: var(--mainColor);font-weight: 700;}
.termPop__box__mark+.termPop__box__tit{margin-top:0}
.termPop__box .formGroup hr{margin: .5rem 0 1rem;}
.closeBtn{width: 4rem;aspect-ratio: 1;display: inline-flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;top: 0.5rem;right: 0.5rem;transition: 0.3s all;cursor:pointer;z-index: 10;}
.closeBtn:hover{/* background:var(--lightGray); */border-radius:2rem;transform:scale(1.08);}
.closeBtn__line{height: 2px;width: 1.5rem;background: var(--txtBlack);display: inline-block;transition:0.3s all;}
.closeBtn__line:nth-child(1){transform: translateY(50%) rotate(45deg);}
.closeBtn__line:nth-child(2){transform: translateY(-50%) rotate(-45deg);}
.closeBtn:hover .closeBtn__line{background:var(--mainColor)}
.overlay{display:none;width:100%;height:100%;background: #444;position:fixed;top:0;left:0;z-index: 1090;opacity: 0.9;}

.termPop__box--big{width:1000px;}
.termPop__box--big .cartDropdown__body__detail{}

.--xl .termPop__box{width: 1200px;max-width: 100%;}

/*彈跳視窗的訂單資訊*/
.termPop__box__content .memOrder__header{top:0;background: var(--darkGreen);}
.termPop__box__content .termorder{--picBox: 70px;}
.termPop__box__content .termorder--pdt .pdt__box--pic{padding:0}
.termPop__box__content .termorder--pdt .pdt__box--mjInfo{align-content: start;}
.termPop__box__content .termorder--pdt .pdt__box--mjInfo .pdtName{}
.termPop__box__content .termorder--pdt .pdt__box:nth-child(3){order:1;/* width:auto; *//* margin-left:auto; */}
.termPop__box__content .termorder--pdt .pdt__box:nth-child(4){/* width:auto; */}
.termPop__box__content .memOrderList__card__body__detail{padding-top: 0;padding-bottom: 0;background: rgba(114, 113, 113, 0.05);}
.termPop__box__content .orderTitle{padding-top:1rem;padding-bottom:1rem}
.termPop__box__content .orderInfor{padding-top:1rem;padding-bottom:1rem}
.termPop__box__content .order--detailBtn{width: 14%;}
.termPop__box__content .order--status{width: 15%;flex-direction: column;}
.termPop__box__content .order--invoice{width: 11%;}
.termPop__box__content .order--delivery{width: 29%;}
.termPop__box__content .memOrderList__card.--end{background:#f5f5f5;}
.termPop__box__content .memOrderList__card.--end .memOrderList__card__body__detail{background: rgba(114, 113, 113, 0.15);}
.termPop__box__content .memOrderList__card.--ing{border: solid 2px var(--mainColor);background: var(--lightGray);}
.termPop__box__content .memOrderList__card.--ing .memOrderList__card__body__detail{background: #dbe5e5;}
.termPop__box__content .memOrderList__card.--notYet{border: dashed 1px var(--subColor-J);}


/* 長購訂單-訂單狀態 */
.tagOrderStatus{padding: .15rem .75rem;border-radius:3em;border:solid 1px;font-size: .9rem;display: flex;align-items: center;gap: 0.25rem;}
.tagOrderStatus::after{content:'';font-family: bootstrap-icons !important;font-size: 1.115rem;}
.tagOrderStatus.--notYet{color: #c1a759;background: #fffcf3;border-style: dashed;}
.tagOrderStatus.--notYet::after{content: '';}
.tagOrderStatus.--pay{color: #fff3f3;background: #E94F4C;}
.tagOrderStatus.--pay::after{content: '\F2DC';}
.tagOrderStatus.--ing{color: #fff7ef;background: #E98B2A;}
.tagOrderStatus.--ing::after{content: '\F5D4';}
.tagOrderStatus.--finish{color: #eff6fb;background: #60a4c8;}
.tagOrderStatus.--finish::after{content: '\F26E';}
.orderInfor .tagOrderStatus{margin-top:.25rem}

#authorizeInfoAgree[disabled]+*{color:var(--red)}
#authorizeInfoAgree[disabled]+*::after{content: '。向下滾動閱讀條款，確認後勾選表示同意授權。';}

.radioLItem{padding: 2rem 0;}
.radioLItem:first-child{padding-top: 0;}
.radioLItem:not(:last-child){border-bottom: 1px solid var(--lineColor);margin-bottom: 0;}

.cartDropdown{background: #f9f9f9;}
.cartDropdown__header{padding: 1rem;text-align: center;cursor: pointer;}
.cartDropdown__header i{margin-left:0.5rem;}
.cartDropdown__header i:before{transition: 0.3s all;}
.active .cartDropdown__header i:before{transform:rotate(180deg);}
.cartDropdown__header span{color:var(--mainColor);padding:0 0.25rem;}
.cartDropdown__body{padding: 0 1rem;/* padding-right: 0.5rem; */}
.cartDropdown__body__detail{overflow-y: auto;height: auto;max-height: 340px;}
.cartContent__between{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.cartPdtBox--small{--picSize: 5rem;padding:0.5rem;padding-right: 0.25rem;}
.cartPdtBox--small:not(:last-child),.cartPdtBox--detail:not(:last-child){border-bottom:1px solid var(--lineColor);}
.cartPdtBox--small .cartPdtCover,.cartPdtBox--small .cartFreeCover{display: flex;align-items: center;justify-content: center;font-size: 0.75rem;}
.cartPdtBox--small .cartContent{width: calc(100% - var(--picSize) - 1rem);}
.cartPdtBox--small .pdtName,.cartPdtBox--small .price{font-size:0.875rem;margin: 0;}
.cartPdtBox--small .pdtSpec{font-size:0.75rem}

.cartDropdown__body--orderDetail{padding-right: 0.5rem;}
.cartDropdown__body__content{background:rgba(114,113,113,0.05);}
.cartPdtBox--detail{padding: .5rem 1rem;}
.cartPdtBox--detail .pdtName{margin:0;}
.cartPdtBox--detail .pdtSpec{font-size:0.875rem;margin: 0;}
.cartPdtBox--detail .cartContent{justify-content: flex-start;}
.cartPdtBox--detail .cartPdtCover,.cartPdtBox--detail .cartFreeCover{width: clamp(6.25rem,8vw,8.75rem);text-align:center;align-content: center;font-size: 0.75rem;}
.cartPdtBox--detail .cartContent{width: calc(100% - clamp(6.25rem,8vw,8.75rem));gap: .5rem;}
.cartPdtBox--detail .price{font-size:1rem}
.cartDropdown__body--orderDetail .cartBody--total{padding: 2rem 0;width: clamp(300px,50vw,400px);margin: auto;margin-right: 0;}

/*0=====訂單完成=====*/
.blockHeight--cartOk{padding-top: 0;}
.blockHeight--cartOk .cartbar{border-bottom:none;margin-bottom: clamp(1rem,3vw,3rem);}
.cartOkCover__pic {aspect-ratio:1;width:6.5rem;}
.cartOkList{margin:2rem 0;}
.blockHeight--cartOk .btnGroup{margin-bottom:2rem;}
.blockHeight--cartOk .btnStyle:not(:last-child){background:#eee;color:var(--txtBlack);border-color:#eee;}
.blockHeight--cartOk .btnStyle:not(:last-child):hover{opacity:0.75}

/*0=====紅配綠=====*/
.mktCover{margin-bottom:0;}
.mktCover__pic{width:100%;}
.angleMark{font-size: 1rem;background: var(--mainColor);padding: 0.125rem 0.5rem;color: #fff;}
.angleMark--btn{font-size:0.875rem;margin:0 0.5rem;padding: 0.25rem 0.5rem;display: inline-block;}
.angleMark--btn:hover{color:#fff;opacity:0.8;}
.countDwBlock--wrapper{position: relative;z-index: 1;}
.countDwBlock{padding:2rem 1rem;position: relative;background: #fff;}
.countDwBlock:after{content:'';position:absolute;width: 100%;height: 80%;border-radius:3rem;box-shadow:0 0 2rem rgba(59,100,100,0.25);left:50%;bottom:0;transform:translateX(-50%);z-index:-1}
.countDwBlock__box{display: flex;gap: 1rem;align-items: center;justify-content: center;flex-wrap: wrap;}
.countDwBlock__box__main{width: 23rem;}
.countDwBlock__box__main .tab-val{font-size: clamp(2rem,5vw,3rem);}
.countDwBlock__box__main .tab-metr{font-size: clamp(0.6rem,0.8vw,14px);font-weight: 500;}
.countDwBlock__box__main .tab-metr:before{/* font-size: 1rem; */margin: .25rem 0;}
.countDwBlock__box__main .timer-body-block{padding-top:0;}
.blockHeight--mkt{position: relative;z-index: 0;padding-top: 1.25rem;}
.blockHeight--mkt:before{content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/bg/bg.png)top no-repeat;z-index: -1;}
.blockHeight--mkt:after{content:'';position:absolute;width:100%;aspect-ratio:1920/1080;background: url(../images/bg/respite.png);left:0;bottom: 0;transform: translateY(25%);z-index: -2;}
.blockHeight--mkt{overflow:hidden;}
.mktTop{text-align: center;padding: clamp(4rem,4vw,8rem) 0;}
.mktTop__tit{color: var(--mainColor);font-weight: 700;margin-bottom: 3rem;font-size: clamp(2rem,2.5vw,2.25rem);}
.mktTop__tt{line-height: 1.5;}

.redGreenZone{border:1px solid rgba(114,113,113,0.1);position: relative;}
.mkTopZone,.mkBtmZone{position:relative;}
.mkTopZone:before{content:'';position:absolute;background: url(../images/all/block2.png);width: 240px;aspect-ratio: 240/270;right: 0;top: 0;transform: translate(75%,-60%);z-index: -1;pointer-events: none;}
.mkTopZone:after{content:'';position:absolute;background: url(../images/all/block1.png);width: 160px;aspect-ratio: 1;left: 0;bottom: 0;transform: translate(-110%,35%);z-index: -1;pointer-events: none;}
.redGreenZone__header{background: #f9f9f9;position: relative;padding: 1rem;display: flex;justify-content: space-between;align-items: center;font-size: 0.9375rem;flex-wrap: wrap;gap: 1rem;}
.redGreenZone__header:after{content:'';position: absolute;left: 1rem;right: 1rem;height: 1px;bottom: 0;background: var(--lineColor);}
.redGreenZone__header__left{display: flex;gap: 0.5rem;align-items: center;}
.matchGroup{display:flex;gap:0.5rem;}
.matchGroup__btn{border-radius: 0.25rem;padding: 0.25rem 0.5rem;display: inline-block;font-size: 1rem;}
.matchGroup__btn--red{border:1px solid var(--mktRed);color:var(--mktRed)}
.matchGroup__btn--green{border:1px solid var(--mktGreen);color:var(--mktGreen)}
.redGreenZone__header__right{display:flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;}
.statusGroup{display:flex;gap:0.5rem;}
.statusGroup__box{padding:0.5rem 1rem;background:var(--mainColor);color:#fff;border:1px solid;font-size: 1rem;}
.statusGroup__box--not{background:#eee;border-color:rgba(114,113,113,0.1);color:var(--txtBlack);}

.redGreenZone__body{background: #f9f9f9;padding: 1.5rem clamp(1rem,2vw,2rem);border-bottom: 1px solid var(--lineColor);}
.redGreenZone__body__header{display: flex;gap: 1rem;margin-bottom: clamp(1rem,1.2vw,1.5rem);}
/* .redGreenZone__body__header .detailName{padding-left:2rem;} */
.detailName{width: 65%;display: flex;align-items: center;gap: 1rem;padding-left: clamp(1rem,2vw,2rem);}
.detailTotal{width: 7rem;text-align: center;}
.detailDele{width: calc(35% - 7rem - 2rem);text-align: right;}
.detailBox{border-radius: 0.25rem;border:1px solid;background: #fff;}
.detailBox:not(:last-child){margin-bottom:1.5rem;}
.detailBox.redDBox{border-color: var(--mktRed);}
.detailBox.greenDBox{border-color: var(--mktGreen);}
.detailBox__item{display: flex;gap: 0 1rem;padding: 1rem;align-items: center;position: relative;flex-wrap: wrap;}
.detailBox__item:not(:last-of-type):after{content:'';position:absolute;left:1rem;right:1rem;bottom:0;height:1px;background:var(--lineColor);}
.detailBox__item .pdtSpec{font-size:0.9375rem;}
.redGreenZone__body__body .detailTotal{font-size:1.125rem;font-weight:500;}
.detailBox__result{padding: 0.5rem 1rem;color:#fff;text-align: center;}
.redDBox .detailBox__result{background: var(--mktRed);}
.greenDBox .detailBox__result{background: var(--mktGreen);}

.redGreenTab{margin-top: clamp(4rem,8vw,8rem);}
.redGreenTab__nav{margin-bottom: -1px;gap: 1rem;align-items: flex-end;}
.redGreenTab__btn--width{width:calc(50% - 1rem);}
.redGreenTab__btn{display: inline-flex;align-items: baseline;flex-wrap: wrap;gap: clamp(.25rem,1vw,.5rem);padding: 0.5rem 1rem;font-size: 1.375rem;border-radius: 0.375rem 1.5rem 0 0;text-align: left;width: calc(50% - 1rem);line-height: 1.2;}
.redGreenTab__btn--red{background: var(--mktRed);color: #fff;}
.active.redGreenTab__btn--red{/* width: 50%; */border:1px solid var(--mktRed);background: url(../images/redandgreen/gloss.png),url(../images/redandgreen/texture.png),var(--mktRed);color: #fff;}
.redGreenTab__btn small{font-size:0.9375rem;font-weight:400;}
.active.redGreenTab__btn small{display:inline-block;}
.redGreenTab__btn--green{/* border: 1px dashed var(--mktGreen); */color: #fff;background: var(--mktGreen);}
.active.redGreenTab__btn--green{border:1px solid var(--mktGreen);background: url(../images/redandgreen/gloss.png),url(../images/redandgreen/texture.png),var(--mktGreen);color: #fff;width: 50%;}
.active.redGreenTab__btn{box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.25);}

.redGreenTab__content{position:relative;}
.mkBtmZone:before{content:'';position:absolute;background:url(../images/all/block2-cross.png);width: 240px;aspect-ratio: 24/23;right: 0;top: 50%;transform: translate(80%,-50%);z-index: -1;}
.mkBtmZonet:after{content:'';position:absolute;background: url(../images/all/block1-dashed.png);width: 145px;aspect-ratio: 1;left: 0;bottom: 0;transform: translate(-80%,-100%);z-index: -1;}
.redGreenTab__content__box{padding: 2rem clamp(1rem,2vw,2rem);background: linear-gradient(160deg, rgba(209, 224, 240, 0.15) 18%, rgba(255, 255, 255, 0) 80%), #FFFFFF;box-shadow: 0 1rem 2rem rgba(0,0,0,0.15);border-radius: 0 0 1rem 1rem;}
.redGreenTab__content__box.--red{border:solid 4px var(--mktRed);}
.redGreenTab__content__box.--green{border:solid 4px var(--mktGreen);}

.mktCartPdt{display: flex;flex-wrap: wrap;gap: clamp(.5rem,2vw,2rem);}
.mktCartPdt .addCartPdt__item{width: calc((100% - (clamp(1rem,2vw,2rem) * 3)) / 4);margin: 0;background: #fff;box-shadow: 0 0 0.25rem rgba(0,0,0,0.1);}
.addCartPdt__item--outstock{position: relative;}
.addCartPdt__item--outstock:before{content:'商品補貨中';width:100%;height:100%;position:absolute;top:0;left:0;display: flex;opacity: 1;background:linear-gradient(145deg, rgba(224, 244, 244, 0.70) 0%, rgba(84, 141, 150, 0.70) 100%);z-index: 9;pointer-events: none;color: #fff;text-shadow: 0px 0px 0.5rem #3B6464;font-size: 1rem;font-weight: 400;letter-spacing: 0.15em;margin-right: -0.15em;justify-content: center;align-items: center;}
.addCartPdt__item--outstock select,.addCartPdt__item--outstock button,.addCartPdt__item--outstock .btnStyle{pointer-events:none;}

.porDotZone{position: relative;}
.porDotZone__dot{position: absolute;left: 0;top: calc(clamp(6rem,10vw,10rem) * -1);}

/*!=====長購購物車*/
.termSelect{display:flex;align-items: center;white-space: nowrap;}
.expandWay__note{margin-bottom:1rem;}
.expandWay__note + .expandWay__content{border-top:1px solid var(--lineColor);padding-top: 1rem;}

.termTit{font-size:1.125rem;font-weight:700;margin-bottom:1rem;}
.termDate--wrapper{padding-top:1rem;}
.termDate{font-size:1.125rem;font-weight:700;position: relative;padding: 0.25rem 1rem;background: rgba(168,216,185,0.1);color: #fff;}
.termDate:before,.termDate:after{content:'';position:absolute;background: var(--shape2);height:100%;}
.termDate:before{width: calc(100% - 3rem);left:0;top:0;}
.termDate:after{width: 3rem;right: 0.25rem;top:0;background-position: right;}
.termDate span{position:relative;z-index:1;}
.termDetail:not(:last-child){border-bottom:1px solid var(--lineColor);}
.termDetail .cartContent{gap:1.125rem;}

.longtermZone__tit{margin-bottom:clamp(2rem,4vw,4rem);text-align:center;font-size: clamp(1.5rem,2vw,2rem);}

.pdtLongBox{display: grid;grid-template-columns: repeat(4,1fr);gap: clamp(0.25rem, 2vw, 2rem);justify-content: center;}
.pdtLongBox__item{position: relative;box-shadow:0 1px 0.375rem rgba(0,0,0,0.1);border-radius:0.25rem;overflow: hidden;background: #fff;display: flex;flex-direction: column;justify-content: space-between;}
.pdtLongBox__item a {position: relative;}
.pdtLongBox__tt{margin: 0;font-size:1.125rem;/* padding-bottom:1rem; */display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 2.75rem;.pdtLongBox__tt {font-size: 1.125rem;};.pdtLongBox__tt {font-size: 1.125rem;};}
.pdtLongBox__price{display:flex;font-size:0.875rem;gap: 0.5rem;align-items: center;}
.pdtLongBox__price span{font-size:1.125rem;}
.pdtLongBox__price__price{font-weight:700;}
.pdtLongBox__price__pv{font-weight:500;background:var(--lightGray);padding:0.25rem;} 
.pdtLongBoxInfor{display: flex;flex-direction: column;align-items: center;padding: clamp(.25rem,2vw,1rem);}
.moreTxt{font-size:0.8125rem;color:var(--mainColor);text-transform:uppercase;/* padding:1rem; */padding: clamp(.25rem,2vw,1rem);text-align: center;transition: 0.3s all;display: inline-block;width: 100%;}
.moreTxt--pcp{background-color:var(--mainColor);color:#FFF;}
.modSet__item__infor .moreTxt{color:#fff;text-align: left;padding: 0.625rem 0;}

/*會員*/
.blockHeight--member{padding: 0!important;position: relative;}
.memberBg{position: fixed;width:100%;height:100%;background:url(../images/member/bg.png)center/cover;left: 0;top: 6.5rem;z-index: -1;}
.navbar--fixed ~ .blockHeight--member{}
.memberZone{display: flex;align-items: flex-start;}
.membar{width: clamp(280px,18vw,360px);background-image: url(../images/member/membar-bg.png);padding: 5rem 1rem 2rem clamp(0.625rem,1.2vw,2rem);height: 1000px;box-shadow: 0 0 1rem #fff inset,0 0 2rem rgba(0,0,0,0.1);position: sticky;left: 0;top: 6.5rem;z-index: 5;}
.memberZone__main{width: calc(100% - clamp(280px,18vw,360px));}
.membarZone_list{display: block!important;list-style:none;padding: 0;padding-left: clamp(1rem,1.8vw,2rem);margin: 0;}
.membarLink{position: relative;display:inline-block;width:100%;padding: 1rem 1rem 1rem 2.5rem;}
.membarLink span{display:inline-block;position: relative;}
.membarLink:before{content:'';position:absolute;width:0.625rem;aspect-ratio:1;background:var(--subColor);mask:var(--shape);transform: translateY(-50%) rotate(45deg);left: 0;top: 50%;opacity: 0.25;transition: 0.3s all;}

.membarZone__list__item.active .membarLink,.membarLink:hover{color:var(--mainColor);}
.membarZone__list__item.active .membarLink:before,.membarLink:hover:before{opacity:1}

.owl--nav.owl-carousel .owl-nav{margin-top:0}
.owl--nav.owl-carousel .owl-nav span{font-size: 22px;line-height: 1;}
.owl--nav.owl-carousel .owl-nav [class*=owl-]{position:absolute;top:50%;transform:translateY(-50%);margin-top: 0;margin-bottom: 0;display: flex;justify-content: center;width: 30px;height: 30px;background: #bed5d5;border-radius: 100%;}
.owl--nav.owl-carousel .owl-nav [class*=owl-]:hover{background: #b1caca;color: inherit;}
.owl--nav.owl-carousel .owl-prev.disabled,.owl--nav.owl-carousel .owl-next.disabled{}
.owl--nav.owl-carousel .owl-prev{left:0}
.owl--nav.owl-carousel .owl-next{right:0}

/*會員-訊息跑馬燈*/
.newsBar--wrapper{--bgcolor: rgba(255,255,255,0.75);--bgcolor-more: #f4f5f4;background: var(--bgcolor);display: block;overflow: hidden;}
.newsBar--wrapper .container{padding: 1rem;}
.newsBar{position: relative;display: grid;grid-template-columns: 1fr 4.5rem;gap: 1rem;align-items: center;}
.newsBar::after{content:'';position: absolute;z-index: 0;top: 0;bottom: 0;right: calc(-1 * var(--containerPadding));width: calc(var(--containerPadding) + 4rem);background: var(--bgcolor-more);}
.newsBar__title{display: none;}
.newsBar__infor{display: inline-flex;gap: clamp(0.625rem,1vw,2rem);align-items: center;}
.newsBar__btn{width: 4rem;position: absolute;z-index: 1;top: 50%;right: 0;transform: translateY(-50%);}
.newsBar__btn::before{content:'';position:absolute;right:100%;top:0;bottom:0;width: 2em;background: linear-gradient(to left, var(--bgcolor-more) 0%,rgba(255,255,255,0) 100%);}
.newsBar__btn a:hover{color:var(--mainColor);}
.newsBar__infor .bi{font-size: 1.5rem;}
.newsBarBox__item{--txtH: calc(1em * var(--lineHi))!important;height: var(--txtH);overflow: hidden;}
.newsBarBox__item.slick-slide{/* display: flex!important; */gap: clamp(1rem,2vw,2rem);width: 100%!important;}
.newsBarBox__item__date{float:left;width: 80px;}
.newsBarBox__item__txt:hover{color:var(--mainColor);}
.newsBarBox__item__txt {
	position: relative;
	display: flex;
	overflow: hidden;
	height: var(--txtH);
	width: calc(100% - 80px);
	padding-left: clamp(1rem, 2vw, 2rem);
	text-overflow: inherit;
	-webkit-line-clamp: inherit;
	-webkit-box-orient: inherit;
}

.newsBarBox__item__txt .spanTxt {
	display: inline-block;
	white-space: nowrap;
	animation: marquee 5s linear infinite;
}

@keyframes marquee {
	from {
		transform: translateX(3rem);
	}
	to {
		transform: translateX(-10rem);
	}
}
.shadowBox{position:relative;}
.shadowBox:after{content:'';position:absolute;height:2.75rem;border-radius:3rem;width: calc(100% - clamp(3rem,8vw,8rem));bottom:0;left:50%;transform:translateX(-50%);box-shadow: 0 0 2rem rgba(0,0,0,0.15);clip-path: polygon(0 100%, 100% 100%, 100% 200%, 0% 200%);}

.memBoard{--leftW: 21rem;display: flex;/* align-items: center; */padding-bottom: 2rem;}
.memTitleBox{display: flex;gap: 1rem;align-items: baseline;margin-bottom: clamp(2rem,6vw,4rem);}
.memSortBar{margin-bottom:1rem;}
.memMainContent--page .memTitleBox{margin-bottom: clamp(1.5rem,3vw,3rem);justify-content: space-between;align-items: center;}

.memTit{font-size: clamp(1.25rem,5vw,1.75rem);font-weight: 700;letter-spacing: 0.15em;margin-bottom: 0;}
.memTit:only-child{margin-bottom:0}
.memTit__sub{font-size: clamp(1.25rem,4vw,1.375rem);}
.memTit__sub::before{content:'';display: inline-block;width: 1px;height: 1em;background: var(--txtBlack);vertical-align: middle;}
.memTit__sub .icon{}
.memTit__sub .icon img{max-width: clamp(30px,4vw,35px);max-height: clamp(30px,4vw,35px);filter: brightness(0.45);}
.memTit--ps{/*padding-left:2rem;*/}
.memTitDownload{letter-spacing: 0.02em;display: flex;gap: 0.625rem;}

.iconCircle{font-size: 1.125rem;background: #fff;border-radius: 100rem;width: 1.75rem;aspect-ratio: 1;display: flex;justify-content: center;align-items: center;}
.iconCircle--big{width:3rem;background: #eee;}

.memberData{filter: drop-shadow(0px 0px 2rem rgba(0, 0, 0, 0.1));}
.memberData__infor{padding: 2rem 0;display: grid;grid-template-columns: 6.25rem 1fr;gap: 1rem;}
.memberCover{aspect-ratio: 1;border-radius: 100rem;overflow: hidden;margin: 0;}
.memberCover__pic{width: 100%;height: 100%;object-fit: cover;}
.memberName{font-size:1.25rem;font-weight: 700;display: flex;gap: .25rem 1rem;align-items: baseline;margin-bottom: 1rem;flex-wrap: wrap;}
.memberName__tag{font-size:0.9375rem;font-weight: 400;padding: 0.125rem 0.25rem;color:var(--subColor-JH);border:1px solid var(--subColor-J);line-height: 1;word-break: keep-all;}
.memberName__tag:empty{display:none}
.memberDetail{font-size:0.9375rem;}
.memberData__btn{display: inline-flex;flex-direction:column;align-items: flex-start;}
.memberData__btn__link{padding: 0.5rem 2rem;background: var(--mainColor);border-radius: 100rem;color: #fff;display: inline-block;letter-spacing: 0.15em;}
.memberData__btn__link:not(:last-child){margin-bottom: 0.5rem;}
.memberData__btn__link:hover{color:#fff;background:var(--darkGreen);}

.memBoard__left{padding: 0 2rem;padding-right: 1rem;width: var(--leftW);}
.memIntegral{display:flex;flex-direction:column;gap: 1rem;width: 12rem;}
.memIntegral__item{border-radius:0.25rem;border-bottom-left-radius:1.125rem;background: var(--gradient-border);position: relative;padding: 0.75rem;text-align: center;min-width: 12rem;}
.memIntegral__item:after{content:'';position: absolute;width:calc(100% - 0.5rem);height: calc(100% - 0.5rem);background: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 0.25rem;border-bottom-left-radius: 1.125rem;}
.memIntegral__item__tit{position:relative;z-index:1;font-size: clamp(1rem,1.2vw,1.125rem);font-weight: 700;margin-bottom: 0.375rem;line-height: 1.375;}
.memIntegral__item__tit.small{font-size:0.9375rem;}
.memIntegral__item__pv{position:relative;z-index:1;font-size: clamp(1.625rem,2.5vw,2.25rem);color: var(--mainColor);font-weight: 700;line-height: 1;}
.memIntegral__item__pv:after{content:'PV';display: inline-block;font-weight:400;font-size:0.9375rem;margin-left:0.5rem;vertical-align: 2px;}

.memBoard__right{display:flex;gap: 2rem;padding: 1rem 0;width: calc(100% - var(--leftW));justify-content: space-between;}
.memRadial{display:flex;width: calc(100% - 12rem - 2rem);justify-content: center;}
.memRadial__item{width: 50%;max-width: 250px;margin: 0.75rem;}

.memMainContent{padding: clamp(3rem,3vw,5rem) 0 clamp(5rem,5vw,12rem);}
.memMainContent .container{padding-left:2rem}
.memMainContent--inner{display:flex;flex-direction:column;gap: clamp(3rem,3vw,4rem);margin-bottom: 4rem;}
.memTargets{display: flex;gap: 1rem;margin-bottom: 4rem;}
.memTargets__btn{background: #E6F4EE;flex-grow: 1;font-size: 1.25rem;color: var(--mainColor);font-weight: 700;text-align: center;padding: 1rem;border-radius: 0.25rem;position: relative;overflow: hidden;width: calc((100% - 3rem) / 4);}
.memTargets__btn:hover{color:#fff;background:var(--subColor);}
.memTargets__btn:after{content:'';position: absolute;width:5.625rem;aspect-ratio: 1;object-fit: cover;background-repeat: no-repeat;right: 0;top: 0.375rem;}


.memTargets__btn:nth-child(1):after{background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67508)' opacity='.15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.994 66.11c4.452 1.603 6.513 1.865 12.633 1.946v5.384h3.518v-5.58c3.993-.475 6.039-1.145 8.444-2.733 3.453-2.389 5.384-6.038 5.384-10.292 0-4.255-1.67-7.708-4.648-9.966-1.865-1.39-3.992-2.324-8.836-3.993v-11.16c3.65.066 7.037.802 9.77 2.062l.736-7.445c-3.126-.998-6.579-1.457-10.506-1.457v-5.514h-3.453v5.71c-8.705.737-13.745 5.254-13.745 12.29 0 4.254 1.669 7.38 5.122 9.638 1.8 1.194 3.714 1.996 8.23 3.584v12.289c-.605.065-.998.065-1.129.065-3.19 0-6.84-.998-10.636-2.864l-.867 8.035h-.017zM43.02 39.795c-3.73-1.26-5.187-2.65-5.187-5.056 0-2.52 1.8-4.32 5.187-5.056v10.112zm3.11 20.93v-11.16c3.86 1.521 5.186 2.928 5.186 5.71s-1.849 4.648-5.187 5.45zM45 90c24.79 0 45-20.21 45-45S69.79 0 45 0 0 20.21 0 45s20.21 45 45 45zm0-10.342c19.096 0 34.658-15.578 34.658-34.658 0-19.08-15.562-34.658-34.658-34.658-19.096 0-34.658 15.562-34.658 34.658 0 19.096 15.578 34.658 34.658 34.658z' fill='%2356B48B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67508'%3E%3Cpath fill='%23fff' d='M0 0h90v90H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.memTargets__btn:hover:nth-child(1):after{background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67508)' opacity='.3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.994 66.11c4.452 1.603 6.513 1.865 12.633 1.946v5.384h3.518v-5.58c3.993-.475 6.039-1.145 8.444-2.733 3.453-2.389 5.384-6.038 5.384-10.292 0-4.255-1.67-7.708-4.648-9.966-1.865-1.39-3.992-2.324-8.836-3.993v-11.16c3.65.066 7.037.802 9.77 2.062l.736-7.445c-3.126-.998-6.579-1.457-10.506-1.457v-5.514h-3.453v5.71c-8.705.737-13.745 5.254-13.745 12.29 0 4.254 1.669 7.38 5.122 9.638 1.8 1.194 3.714 1.996 8.23 3.584v12.289c-.605.065-.998.065-1.129.065-3.19 0-6.84-.998-10.636-2.864l-.867 8.035h-.017zM43.02 39.795c-3.73-1.26-5.187-2.65-5.187-5.056 0-2.52 1.8-4.32 5.187-5.056v10.112zm3.11 20.93v-11.16c3.86 1.521 5.186 2.928 5.186 5.71s-1.849 4.648-5.187 5.45zM45 90c24.79 0 45-20.21 45-45S69.79 0 45 0 0 20.21 0 45s20.21 45 45 45zm0-10.342c19.096 0 34.658-15.578 34.658-34.658 0-19.08-15.562-34.658-34.658-34.658-19.096 0-34.658 15.562-34.658 34.658 0 19.096 15.578 34.658 34.658 34.658z' fill='%2397D29A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67508'%3E%3Cpath fill='%23fff' d='M0 0h90v90H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.memTargets__btn:nth-child(2):after{background-image: url("data:image/svg+xml,%3Csvg width='90' height='86' viewBox='0 0 90 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67514)' opacity='.15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.85 44.652c1.031 21.796 18.451 39.3 40.22 40.47V59.87c-7.86-1.06-14.048-7.33-14.968-15.19H4.85v-.028zm7.33-33.893A47.25 47.25 0 0 0 0 39.719h28.179a18.975 18.975 0 0 1 3.902-9.06l-19.9-19.9zm.418 7.748l12.877 12.877a22.24 22.24 0 0 0-1.338 3.15H5.854a42.052 42.052 0 0 1 6.745-16.027zm37.126 66.615C72.162 83.924 90 65.332 90 42.59 90 19.845 70.907 0 47.411 0c-10.87 0-20.765 4.07-28.29 10.759l17.866 17.866a17.337 17.337 0 0 1 10.424-3.456c9.616 0 17.42 7.804 17.42 17.42 0 8.836-6.578 16.138-15.107 17.28v25.253z' fill='%2356B48B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67514'%3E%3Cpath fill='%23fff' d='M0 0h90v85.122H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.memTargets__btn:hover:nth-child(2):after{background-image: url("data:image/svg+xml,%3Csvg width='90' height='86' viewBox='0 0 90 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67514)' opacity='.3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.85 44.652c1.031 21.796 18.451 39.3 40.22 40.47V59.87c-7.86-1.06-14.048-7.33-14.968-15.19H4.85v-.028zm7.33-33.893A47.25 47.25 0 0 0 0 39.719h28.179a18.975 18.975 0 0 1 3.902-9.06l-19.9-19.9zm.418 7.748l12.877 12.877a22.24 22.24 0 0 0-1.338 3.15H5.854a42.052 42.052 0 0 1 6.745-16.027zm37.126 66.615C72.162 83.924 90 65.332 90 42.59 90 19.845 70.907 0 47.411 0c-10.87 0-20.765 4.07-28.29 10.759l17.866 17.866a17.337 17.337 0 0 1 10.424-3.456c9.616 0 17.42 7.804 17.42 17.42 0 8.836-6.578 16.138-15.107 17.28v25.253z' fill='%2397D29A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67514'%3E%3Cpath fill='%23fff' d='M0 0h90v85.122H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.memTargets__btn:nth-child(3):after{background-image: url("data:image/svg+xml,%3Csvg width='90' height='89' viewBox='0 0 90 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67520)' opacity='.15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.84 88.33c-1.145-8.36-2.307-15.43-3.665-21.975a2.174 2.174 0 0 0-1.457-1.637c-.769-.262-1.538-.114-2.127.41a10.002 10.002 0 0 1-4.418 2.274C7.576 68.727 1.833 65.29.36 59.744c-1.49-5.548 1.85-11.111 7.43-12.437a10.49 10.49 0 0 1 5.04.05c.785.196 1.537 0 2.077-.59.54-.572.704-1.325.459-2.078-2.111-6.382-4.648-13.123-7.855-20.994 8.46-.917 15.61-1.866 22.222-3.044a2.025 2.025 0 0 0 1.62-1.391c.245-.736.065-1.522-.475-2.11a10.34 10.34 0 0 1-2.422-4.42c-1.489-5.546 1.85-11.11 7.43-12.435 5.58-1.326 11.34 2.11 12.812 7.658.458 1.702.458 3.387.082 4.974-.18.77.05 1.522.655 2.062.605.54 1.374.736 2.127.507 6.414-1.914 13.189-4.238 21.109-7.2 3.19 7.871 5.744 14.613 7.854 20.995.246.753.082 1.522-.458 2.078-.54.573-1.292.786-2.078.59a10.698 10.698 0 0 0-5.04-.05c-5.596 1.326-8.918 6.89-7.429 12.437 1.49 5.547 7.233 8.983 12.813 7.658a10.35 10.35 0 0 0 4.418-2.275c.589-.523 1.358-.67 2.127-.409.77.262 1.293.85 1.457 1.636 1.358 6.546 2.52 13.615 3.665 21.977-7.92 2.945-14.695 5.285-21.11 7.2-.752.229-1.537.049-2.126-.507-.59-.54-.835-1.31-.655-2.062.377-1.571.36-3.273-.082-4.975-1.489-5.547-7.232-8.983-12.812-7.658-5.597 1.325-8.919 6.889-7.43 12.436a10.698 10.698 0 0 0 2.422 4.418c.54.59.72 1.359.475 2.111a2.025 2.025 0 0 1-1.62 1.391C40.45 86.45 33.3 87.415 24.84 88.331z' fill='%2356B48B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67520'%3E%3Cpath fill='%23fff' d='M0 0h90v88.331H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.memTargets__btn:hover:nth-child(3):after{background-image: url("data:image/svg+xml,%3Csvg width='90' height='89' viewBox='0 0 90 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67520)' opacity='.3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.84 88.33c-1.145-8.36-2.307-15.43-3.665-21.975a2.174 2.174 0 0 0-1.457-1.637c-.769-.262-1.538-.114-2.127.41a10.002 10.002 0 0 1-4.418 2.274C7.576 68.727 1.833 65.29.36 59.744c-1.49-5.548 1.85-11.111 7.43-12.437a10.49 10.49 0 0 1 5.04.05c.785.196 1.537 0 2.077-.59.54-.572.704-1.325.459-2.078-2.111-6.382-4.648-13.123-7.855-20.994 8.46-.917 15.61-1.866 22.222-3.044a2.025 2.025 0 0 0 1.62-1.391c.245-.736.065-1.522-.475-2.11a10.34 10.34 0 0 1-2.422-4.42c-1.489-5.546 1.85-11.11 7.43-12.435 5.58-1.326 11.34 2.11 12.812 7.658.458 1.702.458 3.387.082 4.974-.18.77.05 1.522.655 2.062.605.54 1.374.736 2.127.507 6.414-1.914 13.189-4.238 21.109-7.2 3.19 7.871 5.744 14.613 7.854 20.995.246.753.082 1.522-.458 2.078-.54.573-1.292.786-2.078.59a10.698 10.698 0 0 0-5.04-.05c-5.596 1.326-8.918 6.89-7.429 12.437 1.49 5.547 7.233 8.983 12.813 7.658a10.35 10.35 0 0 0 4.418-2.275c.589-.523 1.358-.67 2.127-.409.77.262 1.293.85 1.457 1.636 1.358 6.546 2.52 13.615 3.665 21.977-7.92 2.945-14.695 5.285-21.11 7.2-.752.229-1.537.049-2.126-.507-.59-.54-.835-1.31-.655-2.062.377-1.571.36-3.273-.082-4.975-1.489-5.547-7.232-8.983-12.812-7.658-5.597 1.325-8.919 6.889-7.43 12.436a10.698 10.698 0 0 0 2.422 4.418c.54.59.72 1.359.475 2.111a2.025 2.025 0 0 1-1.62 1.391C40.45 86.45 33.3 87.415 24.84 88.331z' fill='%2397D29A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67520'%3E%3Cpath fill='%23fff' d='M0 0h90v88.331H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.memTargets__btn:nth-child(4):after{background-image: url("data:image/svg+xml,%3Csvg width='78' height='90' viewBox='0 0 78 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67526)' opacity='.15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.978 0l3.273 10.064h10.587l-8.558 6.234 3.256 10.08-8.574-6.218-8.575 6.218 3.257-10.08-8.558-6.234h10.587l3.289-10.08.016.016zm0 90H21.96c8.64-15.71 14.318-37.734 17.018-66.093C45.196 52.266 58.19 74.291 77.956 90H63.9C51.284 74.176 42.987 52.135 38.978 23.907 32.76 52.266 19.768 74.291 0 90h14.056C26.673 74.176 34.97 52.135 38.978 23.907 41.694 52.266 47.373 74.291 55.996 90H38.978z' fill='%2356B48B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67526'%3E%3Cpath fill='%23fff' d='M0 0h77.956v90H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.memTargets__btn:hover:nth-child(4):after{background-image: url("data:image/svg+xml,%3Csvg width='78' height='90' viewBox='0 0 78 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7225_67526)' opacity='.3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.978 0l3.273 10.064h10.587l-8.558 6.234 3.256 10.08-8.574-6.218-8.575 6.218 3.257-10.08-8.558-6.234h10.587l3.289-10.08.016.016zm0 90H21.96c8.64-15.71 14.318-37.734 17.018-66.093C45.196 52.266 58.19 74.291 77.956 90H63.9C51.284 74.176 42.987 52.135 38.978 23.907 32.76 52.266 19.768 74.291 0 90h14.056C26.673 74.176 34.97 52.135 38.978 23.907 41.694 52.266 47.373 74.291 55.996 90H38.978z' fill='%2397D29A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7225_67526'%3E%3Cpath fill='%23fff' d='M0 0h77.956v90H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.memResale--inner{background: rgba(255,255,255,0.05);box-shadow: var(--shadow);border-radius: 0.25rem;display: flex;margin-bottom: clamp(3rem,3vw,4rem);position: relative;}
.memResale--inner:after{content:'';position:absolute;width:2rem;aspect-ratio:1;background: var(--darkGreen);border-radius:0.25rem;left: -0.25rem;bottom: -0.25rem;z-index: -1;}
.memResale__status{background:var(--mainColor);color:#fff;padding:1rem;border-radius: 0.25rem 0 0 0.25rem;width: 10rem;align-content: center;}
.memResale__status__icon{font-size: 1.5rem;display: flex;flex-direction: column;align-items: center;}
.memResale__status__icon .bi{font-size: 3.5rem;line-height: 1;margin-bottom: 0.5rem;}
.memResale__box{display: flex;gap: 1rem;padding: 1rem clamp(0.5rem,1vw,1rem);width: calc(100% - 10rem);}
.memResale__box__item{padding: 1rem clamp(0.5rem,0.8vw,1rem);background: #fff;border-radius: 0.25rem;display: flex;flex-direction: column;gap: clamp(0.5rem,1vw,1rem);align-items: center;justify-content: center;width: calc((100% - 2rem) / 3);}
.memResale__box__item--total{background:transparent;}
.memResale__box__item .tit{font-weight: 500;text-align: center;}
.memResale__box__item .num{font-size: clamp(1.625rem,2.5vw,2.25rem);font-weight: 700;position: relative;line-height: 0.75;}
.memResale__box__item--total .num{color:var(--mainColor);}
.memResale__box__item .num:after{content:'元';font-size: 0.9375rem;margin-left: 0.5rem;}
.memResale__box__item .num--period:after{content:'期';}
.memResale__box__item .brief{font-size:0.875rem;text-align: center;}
.memResale__box__item--total .brief{font-size:1rem;font-weight:500;}
.memResale__box__item  .receive{font-size:1.125rem;font-weight:500;background:var(--mainColor);color:#fff;padding:0.25rem 1rem;border-radius:100rem;}

/*會員-推薦連結*/
.hsBorder{position: relative;background: var(--gradient-border);border-radius: 0.25rem;border-bottom-left-radius: 1.125rem;z-index: 0;}
.hsBorder:after{content:'';position: absolute;width:calc(100% - 0.5rem);height:calc(100% - 0.5rem);left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 0.25rem 1rem;z-index: -1;}
.memRecommend{display: flex;gap: 3rem clamp(2rem,4vw,4rem);}
.memRecommend__item{width: calc((100% - clamp(2rem,4vw,4rem)) / 2);padding: 1.5rem 1rem 1rem .75rem;}
.memRecommend__item__tit{background: var(--mainColor);color: #fff;font-size: 1.125rem;font-weight: 700;padding: 0.25rem 1rem;border-radius: 1rem 0.5rem 1rem 0;position: absolute;left: 0;top: 0;transform: translateY(-50%);}
.memRecommend__item__box{display:flex;align-items: center;justify-content: space-between;z-index: 1;position: relative;}

.recommBox{display: flex;gap: 1rem;align-items: center;padding: 0 clamp(1rem,2vw,2rem);width:calc(100% - 7.5rem - 1rem)}
.recommQr{/* width:7.5rem; */}
.recommIcon{margin:0;width: 6.25rem;aspect-ratio: 1;}
.recommQr{margin:0;display: inline-block;/* height: 100%; */width: 7.5rem;}
.recommQr canvas{width: 100%;aspect-ratio:1;border: 0.25rem solid #fff;background: #fff;}
.recommQr img{width:120px;max-width:100%}
.recommBox__infor{display:flex;flex-direction:column;gap:1rem;margin: 0;width: calc(100% - 6.25rem - 1rem);}
.recommBox__infor__tit{font-size: clamp(1.25rem,1.2vw,1.75rem);font-weight:700;color:var(--mainColor);}
.copylink{position:relative;width: 100%;}
.copylink input{width:100%;}
.copylink input{padding-right:2rem;pointer-events: none;}
.copylink__box{content:'\F759';position:absolute;font-family: bootstrap-icons !important;font-size: 1rem;width: 2rem;aspect-ratio: 1;right: 0.25rem;top: calc(50% + 1px);transform: translateY(-50%);transition: 0.3s all;display: flex;justify-content: center;align-items: center;border-radius: 1rem;}
.copylink__box i:before{vertical-align:0;}
.copylink__box:hover{background:var(--mainColor);color:#fff;}
.recommInfor__social{display:flex;gap: 0.5rem;justify-content: flex-end;}
.recommInfor__social .socialItem{width:2.5rem;}


/*會員-行事曆*/
.eventCalendar{display: flex;flex-direction: column;gap: clamp(1rem,3vw,4rem);}
.evCCover{margin: 0;text-align: center;}

/*會員-重要公告*/
.noticeList{display: flex;flex-direction: column;}
.noticeList__item{background: #fff;padding: 1.5rem 1rem;display: flex;gap: 0 clamp(0.5rem,1vw,2rem);border-bottom: 1px solid rgba(114,113,113,0.1);position: relative;}
.noticeList__item__date{color:var(--subColor);position: relative;font-weight: 300;width: 10rem;}
.noticeList__item__date .day:after{content:'';position: absolute;width:1px;height: 100%;background: var(--txtBlack);transform: translateY(-50%) rotate(25deg);right: 1rem;top: 50%;opacity: 0.15;}
.noticeList__item__date .year{font-size: 0.875rem;writing-mode: vertical-rl;transform: translateY(0.25rem);}
.noticeList__item__date .day{font-size: 2rem;letter-spacing: 0.1em;position: relative;padding-right: 1.75rem;}

.noticeList__item__tit{display:flex;justify-content: space-between;width: calc(100% - 10rem - clamp(1rem,2vw,2rem));align-items: center;gap: 1rem;}
.noticeTit{}
.noticeTitMore{position:relative;text-transform:uppercase;padding-right: 3.625rem;height: 3rem;display: flex;align-items: center;margin: 0 1rem;opacity: 0.5;}
.noticeTitMore:after{content:'';position:absolute;height: 3rem;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg  stroke='%23727171' stroke-width='.97'%3E%3Crect x='1.235' y='1.361' width='47.53' height='47.53' rx='23.765'/%3E%3Cpath d='M11.752 25.379h26.497M32.95 30.856l5.299-5.477M32.95 19.901l5.299 5.478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")center/cover;top: 0;right: 0;}

/*會員-重要公告*/
.noticeContent{margin-bottom: 2rem;}
.memTitleBox--news .memTit {width:calc(100% - 250px - 1rem);}
.memTitleBox__group{display: flex;gap: 1rem;width: 250px;}
.memTitleBox__group__btn{background: #fff;padding: 0.5rem 1rem;border-radius: 100rem;line-height: 1;display: flex;align-items: center;gap: 0.5rem;}
.memTitleBox__group__btn i{color: var(--mainColor);font-size: clamp(1.125rem,1.2vw,1.5rem);transition:0.3s all;}
.memTitleBox__group__btn:hover{background:var(--mainColor);color:#fff;}
.memTitleBox__group__btn:hover i{color:#fff;}
 
.memInforZone__top{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom: 2rem;}
.memInforBox{background: rgba(255,255,255,0.5);transition: 0.3s all;padding: 2rem clamp(0.5rem,2vw,2rem);box-shadow: var(--shadow);}
.memInforBox:hover{background:rgba(255,255,255,1);}
.memInforBox__header{padding-bottom: 1rem;border-bottom:1px solid var(--lineColor);display: flex;justify-content: space-between;align-items: center;}
.memInforBox__header .toggleIcon{display:none;padding: .25rem .5rem;}
.memInforBoxTit{display:flex;align-items: baseline;gap: 0.25rem;flex: 1;flex-wrap: wrap;}
.memInforBoxTit h4{font-size:1.125rem;font-weight:700;margin: 0;}
.memInforBox__body{--picBoxSize: 170px;display:flex;gap:1rem;padding: 1rem 0;}
.memInforBox__body__content{width:100%;padding: 0 1rem;}
.memInforBox__header + .memInforBox__body .memInforBox__body__content{padding-top:0;}
.memInforBox__body:not(:last-of-type){border-bottom:1px solid var(--lineColor);margin-bottom: 1rem;}
.memInforBox__body--default{background:#f5f5f5}
.memInforCover>*+*{margin-top:1rem}
.memInforCover .form-control[type=file]{}
.memInforCover__pic{width: 8rem;aspect-ratio:1;object-fit:cover;clip-path: circle(50% at 50% 50%);}

/* .editInput{background:var(--lightGray);border:none;} */
/* .editInput:disabled{background:#fff;color:var(--txtBlack);} */

.formContentG{display: grid;justify-content: space-between;grid-template-columns: 1fr 6.25rem;gap: clamp(1rem,2vw,2rem);align-items: center;}
.formEditDel{display:flex;align-items: center;gap: 1rem;}
.inputWithe{background: rgb(0 0 0 / 2%);padding: 0.625rem 0.5rem;}

/*會員-訂單查詢*/
.memOrderSort{display: flex;flex-wrap: wrap;gap: 1rem;}
.memOrderSort__link{position: relative;font-weight: 500;opacity: 0.5;/* order: 2; */}
.memOrderSort__link.active{font-weight: 700;color: var(--mainColor);opacity: 1;}
.memOrderSort__link.active:after{content: '\F118';font-family: bootstrap-icons !important;font-size: 1.5rem;font-weight: 400;margin-left: 0.25rem;vertical-align: -1px;}
.memOrderSort__link+.memOrderSort__link:before{content:'';position:absolute;display: inline-block;width:1px;height: 90%;background: var(--txtBlack);left:0;top: 50%;transform: translateY(-50%);}
.memOrderSort__link+.memOrderSort__link{padding-left:1rem}


.orderFilter{background: #f5f5f5;padding: clamp(1rem,2vw,2rem);border-radius: 0.25rem;display: flex;gap: 1rem;box-shadow: var(--shadow-s);margin-bottom: 2rem;flex-wrap: wrap;}
.selectGroup{display:flex;align-items: center;gap: 1rem;white-space: nowrap;}
.selectGroup__inputG{display:flex;gap:0.5rem;align-items: center;/* text-align: center; */}
.selectGroup__inputG input{flex:1;/* min-width:inherit; *//* width: auto; */}
.selectGroup select{width:8rem;}
.selectGroup label{padding-left:0.25rem;min-width: 68px;}
.orderBtn{background:#ddd;border-radius:100rem;padding:0 1rem;color:var(--txtBlack);}

.memOrder__header{background: var(--mainColor);color: #fff;display: flex;align-items: center;border-radius: 0.25rem;box-shadow: var(--shadow-s);margin-bottom: 1rem;padding: 0 1rem;position: sticky;left: 0;top: 104px;z-index: 99;}
.orderTitle{padding:1.5rem 1rem;text-align: center;}
.memOrderList.shadowBox{padding-bottom: clamp(2rem,4vw,4rem);margin-bottom: clamp(2rem,4vw,4rem);}
.memOrderList__card{position: relative;border-radius: 0.25rem;border:1px solid #eee;background: rgba(255,255,255,0.5);transition: 0.3s all;}
.memOrderList__card:not(:last-child){margin-bottom:1rem;}
.memOrderList__card:hover{background:rgba(255,255,255,1);}
.memOrderList__card__top{border-bottom:1px solid var(--lineColor);padding: clamp(1rem,2vw,2rem);display: flex;justify-content: flex-start;align-items: center;gap: 1rem;}
.memOrderList__card__top .leftBox{display: flex;justify-content: flex-start;align-items: center;gap: 1rem;}
.memOrderList__card__btm{display: flex;transition: 0.3s all;padding: 0 1rem;}

.memOrderList__card__body{display: none;background: #fff;}
.memOrderList__card__body__schedule{display: flex;align-items: center;gap: 2rem;padding: 0 1rem;background: rgba(114, 113, 113, 0.1);border-top: 1px solid var(--lineColor);border-bottom: 1px solid var(--lineColor);}
.memOrderList__card__body__schedule>*{}
.memOrderList__card__body__schedule .numTxt{padding-left: 1rem;border-left: solid .25rem var(--mainColor);}
.memOrderList__card__body__schedule .numTxt__date{margin-bottom: .5rem;color:var(--mainColor)}
.memOrderList__card__body__schedule .numTxt__id{font-size: 1.125rem;font-weight:500}
.memOrderList__card__body__schedule .detailLink{width: 124px;margin-left: auto;padding:1.5rem 0 1.5rem 1rem;display: flex;flex-direction: column;align-items: center;border-left: 1px solid var(--lineColor);color: #4584BD;text-decoration: underline;font-size: .9rem;}
.memOrderList__card__body__schedule .detailLink i{width:26px;height:26px;line-height: 26px;margin-bottom: .25rem;border-radius:100%;background: #4584BD;color: #fff;text-align: center;}
.memOrderList__card__body__detail{padding: 1rem;background: rgba(114, 113, 113, 0.05);}
.termorder{
	--boxWidth_1:50%;
	--boxWidth_2:134px;
	--picBox:140px;
	display:flex;
	padding: 1rem 0;
	font-size: .95rem;
}
.termorder+.termorder{border-top: 1px solid rgb(114 113 113 / 15%);}
.termorder--head{padding-top: 0;}
.termorder--head .head__box{padding: 0 .5rem;font-weight: 500;}
.termorder--head .head__box:nth-child(1){width:var(--boxWidth_1)}
.termorder--head .head__box:nth-child(2){width:var(--boxWidth_2);text-align: center;}
.termorder--head .head__box:nth-child(3){width:calc(100%  - var(--boxWidth_1) - var(--boxWidth_2))}
.termorder--pdt{display: flex;/* align-items: center; */}
.termorder--pdt .pdt__box{padding: .5rem;}
.termorder--pdt .pdt__box--pic{width: var(--picBox);margin-bottom: 0;position: relative;}
.termorder--pdt .pdt__box--mjInfo{width:calc(var(--boxWidth_1) - var(--picBox));/* height: 100%; */display: flex;flex-wrap: wrap;align-content: space-between;}
.termorder--pdt .pdt__box--mjInfo .pdtName{width: 100%;}
.termorder--pdt .pdt__box:nth-child(3){width:var(--boxWidth_2);text-align: center;align-content: center;}
.termorder--pdt .pdt__box:nth-child(4){width: auto;align-content: center;}
.termorder--pdt .pdt__box .pdtSpec{margin: 0;font-size:0.85rem}

.orderInfor{padding: 2rem .5rem;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;font-size: 0.9375rem;min-width: 6.25rem;text-align: center;align-content: center;}
.orderInfor:not(:last-child){border-right:1px solid var(--lineColor);}
.numTxt__date{font-size: 1.125rem;font-weight: 700;margin-bottom: 0.75rem;}
.numTxt__id{font-size: 0.9375rem;line-height: 1;}
.typeTxt{display:flex;gap:1rem;margin-left: auto;}
.typeTxt__item{font-size: 0.9375rem;border:1px solid;line-height: 1;padding: 0.125rem 0.25rem;}
.typeTxt__item--color{color: var(--mainColor);}
.deliveryDayTxt{width: 120px;color: var(--mainColor);font-weight: 500;font-size: 1.115rem;border-right:solid 1px}
.deliveryDayTxt .day{margin-right: 2px;font-size: 2.75rem;font-weight: 700;line-height: 1;}

.memOrderList__card~.memOrderList--cancel{--shadow-height: 6rem;margin-top: calc(var(--shadow-height) * 2);}
.memOrderList__card~.memOrderList--cancel:after{content:'';position:absolute;height: var(--shadow-height);border-radius:3rem;width: calc(100% - clamp(3rem,8vw,8rem));top: calc(-1 * var(--shadow-height));left:50%;transform: translate(-50%,-100%);box-shadow: 0 0 2rem rgba(0,0,0,0.15);clip-path: polygon(0 100%, 100% 100%, 100% 200%, 0% 200%);}
.memOrderList__card~.memOrderList--cancel+.memOrderList--cancel{margin-top:0}
.memOrderList__card~.memOrderList--cancel+.memOrderList--cancel:after{display:none}
.memOrderList--cancel .typeTxt__item--color{color: var(--txtBlack);opacity: 0.5;}
.memOrderList--cancel .btnStyle--small{background:#ddd;color:var(--txtBlack);border-color:#ddd;}
.memOrderList--cancel .detailPop{opacity:0.5;border-color:var(--txtBlack);}
.memOrderList--cancel  .deliveryDayTxt,.memOrderList--cancel  .mainColor{color: var(--txtBlack);}

.detailPop{padding: 0.5rem 0.5rem;border:1px solid;line-height: 1;border-color: rgba(114,113,113,0.5);font-size: .9rem;}

.order--detailBtn{width: 11%;}
.order--status{width: 12%;}
.order--pricePv{width: 13%;flex-direction: column;}
.order--pay{width: 18%;}
.order--delivery{width: 20%;}
.order--delivery .delivery{flex:1}
.order--invoice{width: 14%;}
.order--contact{width: 12%;padding: 1rem 0.25rem;}
.pricePvBox{text-align:center;}

.orderDetailTit{border-bottom:1px solid var(--lineColor);font-weight: 700;padding-bottom: 1.125rem;display: flex;gap: 0.75rem;line-height: 1.25;flex-wrap: wrap;align-items: flex-end;}
.orderDetailTit__status{position:relative;padding-left:1rem;}
.orderDetailTit__status:before{content:'';position:absolute;width:1px;height:100%;background:var(--txtBlack);left:0;top:50%;transform:translateY(-50%);}

.cartBody--infor{background: rgba(114,113,113,0.05);padding: clamp(1rem,2vw,2rem);}
.popOrderInfor{display: flex;gap: 1.5rem clamp(1rem,2vw,2rem);}
.popOrderInfor__item{width:calc((100% - clamp(1rem,2vw,2rem) * 2) / 3);}
.popOrderInfor__item__tit{font-weight: 700;margin-bottom: 1rem;}
.popOrderInfor__item__content{list-style: none;margin: 0;padding: 0;letter-spacing: 0.02em;}
.popOrderInfor__item__content li:not(:last-child){margin-bottom: 0.25rem;}

/* 進度條 */
.scheduleBar{position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;width: 370px;height: 8px;background: #DDDDDD;border-radius: 3em;}
.scheduleBar::after{content: '';position: absolute;z-index: -2;left: 0;top: 0;bottom: 0;width:calc(25% * (var(--num) - 0.5));max-width:100%;border-radius: 3em;background: #FFB931;}
.scheduleBar__dot{position: relative;display: block;width: 6px;height: 6px;background: #fff;border-radius: 100%;color: rgb(114 113 113 / 50%);}
.scheduleBar__dot::before{content:'';display: none;position:absolute;z-index: -1;left:50%;top:50%;width: calc(100% + 4px);height: calc(100% + 4px);background:#E98B2A;border-radius:100%;transform:translate(-50%,-50%)}
.scheduleBar__dot::after{content:attr(data-txt);position: absolute;left: 50%;top: 100%;transform: translate(-50%,.5rem);font-size: .9rem;word-break: keep-all;text-align: center;}
.scheduleBar[data-num="1"] .scheduleBar__dot:nth-child(-n+1),
.scheduleBar[data-num="2"] .scheduleBar__dot:nth-child(-n+2),
.scheduleBar[data-num="3"] .scheduleBar__dot:nth-child(-n+3),
.scheduleBar[data-num="4"] .scheduleBar__dot:nth-child(-n+4),
.scheduleBar[data-num="5"] .scheduleBar__dot:nth-child(-n+5){color:#E98B2A;width:8px;height:8px;}

.scheduleBar[data-num="1"] .scheduleBar__dot:nth-child(-n+1)::before,
.scheduleBar[data-num="2"] .scheduleBar__dot:nth-child(-n+2)::before,
.scheduleBar[data-num="3"] .scheduleBar__dot:nth-child(-n+3)::before,
.scheduleBar[data-num="4"] .scheduleBar__dot:nth-child(-n+4)::before,
.scheduleBar[data-num="5"] .scheduleBar__dot:nth-child(-n+5)::before{display:block}

.scheduleBar[data-num="1"] .scheduleBar__dot:nth-child(-n+1)::after,
.scheduleBar[data-num="2"] .scheduleBar__dot:nth-child(-n+2)::after,
.scheduleBar[data-num="3"] .scheduleBar__dot:nth-child(-n+3)::after,
.scheduleBar[data-num="4"] .scheduleBar__dot:nth-child(-n+4)::after,
.scheduleBar[data-num="5"] .scheduleBar__dot:nth-child(-n+5)::after{font-weight: 500;}


/* 會員-長購訂單查詢 */
.termorderPage .memOrder__header{background: var(--darkGreen);}
.termorderPage .order--detailBtn{width: 13%;}
.termorderPage .order--invoice{width: 100px;}
.termorderPage .order--pay{width: 16%;}
.termorderPage .order--delivery{width: calc(20% + 100px);}

/* 連結：本期進行中&所有訂單 */
.termNav{display: flex;gap:.5rem;flex-wrap: wrap;margin-bottom: 2rem;}
.termNav__box{padding: .5rem 1rem;border-radius: .25rem;border:solid 2px rgba(59, 142, 142, 0.5);color:rgba(59, 142, 142, 0.75);background: #fff;}
.termNav__box:hover,.termNav__box.active{background: var(--mainColor);color:#fff}

/* 次功能-側選單 */
/* .membarLink--hasIcon{display: grid;grid-template-columns: 50px 1fr;align-items: center;gap: 1rem;padding-left:0}
.membarLink--hasIcon::before{display: none;}
.membarLink--hasIcon .icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: var(--mainColor);border-radius: 100%;}
.membarLink--hasIcon .icon img{max-width: 35px;max-height: 35px;} */

/* 次功能共同背景 */
/* .blockHeight--secondary .memMainContent{padding-top:1rem}
.blockHeight--secondary .breadCrumbs-block{margin-bottom: clamp(2rem,3vw,3rem);} */

/* 常見問題 */
.tabsGroup--faq{margin-bottom: clamp(2rem,2vw,4rem);padding-bottom: clamp(2rem,2vw,4rem);box-shadow: 0 4rem 3rem -5rem rgba(0,0,0,.3);}
.faqSortMenu{display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;margin-bottom: 4rem;}
.faqSortMenu__box{position:relative;display: flex;gap: .75rem;align-items:center;padding: 1.75rem 2rem 1.75rem 1.5rem;color: var(--mainColor);background: #D9E8E8;font-size: 1.25rem;font-weight: 500;border-radius: .25rem;}
.faqSortMenu__box::before,.faqSortMenu__box::after{content:'';position:absolute;top: 100%;left: 50%;aspect-ratio: 1/1;margin-top: -1rem;opacity: 0;-o-transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.faqSortMenu__box::before{z-index: 1;width: 12px;border-right: solid 2px #fff;border-bottom: solid 2px #fff;transform: translate(-50%, -75%) rotate(45deg);}
.faqSortMenu__box::after{width:2.5rem;aspect-ratio: 1;border-radius:100%;transform: translate(-50%, -50%);background: var(--subColor);border: solid 2px #fff;}
.faqSortMenu__box img{opacity: 1;width: clamp(1.5rem,2.5vw,2.75rem);aspect-ratio: 1/1;object-fit: contain;object-position: center;}
.faqSortMenu__box:not(.active) img{filter: sepia(100%) hue-rotate(90deg) brightness(80%) saturate(270%);}
.faqSortMenu__box.active,.faqSortMenu__box:hover{background:var(--mainColor);color:#fff}
.faqSortMenu__box.active img,.faqSortMenu__box:hover img{opacity:1}
.faqSortMenu__box.active::before,
.faqSortMenu__box.active::after{margin-top:0;opacity:1}

.faqSubSortNav{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;list-style-type: none;margin: 0;padding: 0;}
.faqSubSortNavLink{display: block;padding: .5rem 1rem;border-radius: .25rem;background: #fff;border:solid 2px rgba(59, 142, 142, 0.5);color: rgba(59, 142, 142, 0.6);font-weight: 500;font-size: 1.125rem;}
.faqSubSortNavLink:hover,.faqSubSortNavLink.active{background: var(--mainColor);border-color:var(--mainColor);color:#fff}

.faqList{counter-reset: faq-Q;}
.faqList__box{counter-increment: faq-Q;background: var(--lightGray);border-radius: .25rem;overflow: hidden;}
.faqList__box+.faqList__box{margin-top: 1rem;}
.faqList__box .mjBox{width: calc(100% - 100px);padding: 1.5rem 2rem;}
.faqList__box__header::before,.faqList__box__body::before{content: '';display: flex;justify-content: center;align-self: stretch;width: 100px;text-align: center;padding: 1.25rem 0;}
.faqList__box__header{position: relative;z-index: 1;display: flex;align-items: center;cursor: pointer;font-size: 1.125rem;}
.faqList__box__header::before{content: 'Q' counter(faq-Q);border-right:solid 1px rgba(114, 113, 113, 0.15);color:var(--subColor);font-size: 1.75rem;font-weight: 100;/* letter-spacing: 0.1em; */font-family: 'Roboto';font-weight: 500;font-style: italic;align-items: center;}
.faqList__box__header::after{content:'';position:absolute;z-index: -1;left:0;top:50%;transform:translateY(-50%);width: 2px;height: 40px;background: var(--subColor);-o-transition: width .3s ease-in-out,height .1s ease-in-out .3s;-webkit-transition: width .3s ease-in-out,height .1s ease-in-out .3s;-moz-transition: width .3s ease-in-out,height .1s ease-in-out .3s;transition: width .3s ease-in-out,height .1s ease-in-out .3s;}
.faqList__box__header .mjBox{width: calc(100% - 100px - 90px);}
.faqList__box__header .btnIcon{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-left: 25px;border:solid 1px;border-radius: 100%;color:var(--subColor)}
.faqList__box__header .btnIcon::before,.faqList__box__header .btnIcon::after{content: '';width:1rem;height: 1px;background: var(--subColor);}
.faqList__box__header .btnIcon::before{}
.faqList__box__header .btnIcon::after{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(90deg);}

.faqList__box__body {display: flex;align-items: flex-start;}
.faqList__box__body::before{border-right: solid 1px rgba(114, 113, 113, 0.15);background-image: url(../images/faq/faq.png);background-repeat: no-repeat;background-position: center 1.25rem;background-size: 42px;}
.faqList__box__body .mjBox{font-size:1rem}
.mjBox ul{margin-bottom:0;}

.faqList__box:hover .faqList__box__header{color:#fff;
	-o-transition: color .3s ease-in-out .1s;
    -webkit-transition: color .3s ease-in-out .1s;
    -moz-transition: widthcolor .3s ease-in-out .1s;
    transition: color .3s ease-in-out .1s;
}
.faqList__box--isOpen .faqList__box__header{color:#fff;background: var(--subColor);}
.faqList__box:hover .faqList__box__header::before,.faqList__box--isOpen .faqList__box__header::before{color:#fff;border-color: rgba(255,255,255,.15);
	-o-transition: color .3s ease-in-out .1s;
    -webkit-transition: color .3s ease-in-out .1s;
    -moz-transition: widthcolor .3s ease-in-out .1s;
    transition: color .3s ease-in-out .1s;																	 
}
.faqList__box:hover .faqList__box__header::after,
.faqList__box--isOpen .faqList__box__header::after{width:100%;height:100%;-o-transition: height .1s ease-in-out, width .3s ease-in-out .1s;-webkit-transition: height .1s ease-in-out, width .3s ease-in-out .1s;-moz-transition: height .1s ease-in-out, width .3s ease-in-out .1s;transition: height .1s ease-in-out, width .3s ease-in-out .1s;}
.faqList__box:hover .faqList__box__header .btnIcon,
.faqList__box--isOpen .faqList__box__header .btnIcon{color:#fff}
.faqList__box:hover .faqList__box__header .btnIcon::before,.faqList__box:hover .faqList__box__header .btnIcon::after,
.faqList__box--isOpen .faqList__box__header .btnIcon::before,.faqList__box--isOpen .faqList__box__header .btnIcon::after{background:#fff}
.faqList__box--isOpen .faqList__box__header .btnIcon::after{opacity:0}

.faqList__box--isOpen .faqList__box__body {display: flex;}

/* cookie視窗 */
.cookiesBox {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    width: auto;
    padding: 1rem 1rem;
    border-radius: 0;
    background: rgb(255 255 255 / 90%);
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 2rem rgba(0, 0, 0, .3);
    font-size: 1.125rem;
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in;
    backdrop-filter: blur(.5rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}
.cookiesBox .txt{margin: 0;font-size: clamp(.9rem,1.5vw,1rem);}
.cookiesBox .txt a {/* color: #fff; */text-decoration: underline;}
.cookiesBox__btn {display: inline-block;padding: .5rem 1.5rem;background: var(--subColor-JH);/* border: solid 1px var(--lightGray); */color: var(--lightGray);font-size: 1rem;color: #fff;text-decoration: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.cookiesBox__btn:hover{background:var(--mainColor);color:#fff}
@media screen {
	#printSection {
		display: none;
	}
}
  
@media print {
  @page {
    size: A4; /* 設置為橫向A4 */
    margin: 20mm; /* 設置頁面邊距，這裡設置為 20mm */
  }
	body{font-size: 12pt;}
	header,.newsTop,.quickQaZone,footer,.memTitleBox__group,.btnWrap{display: none!important;}
	.container,.container--small{max-width:inherit;width:100%;padding:0}
	.memMainContent{padding: 10mm 0;}
	.memTit{font-size: 16pt;padding: 10mm 0;margin: 0;}
	.memMainContent--page .memTitleBox{margin-bottom: 0;}
}

/*! 最新消息*/
#printThis{position:relative;z-index:1;}
.blockHeight--news{padding-top:1rem;position: relative;}
.blockHeight--news  .blockHeight--subPage{padding-top: clamp(2rem,6vw,6rem);}
.newsSort{display:flex;flex-wrap:wrap;position:relative;gap: .5rem 0;}
.newsSort:after{content:'';position:absolute;box-shadow: 0 4rem 3rem -5rem rgba(0,0,0,.3);width: 100%;height: 300px;left: 0;bottom: 0;pointer-events: none;}
.newsSort__item{flex:1;max-width:calc(100% / 3);font-size: clamp(1rem,1vw,1.375rem);font-weight:500;padding: clamp(.75rem,2vw,2rem) clamp(.25rem,1vw,2rem);position:relative;text-align:center;}
.newsSort__item.active{color:var(--mainColor);}
.newsSort__item:after{content:'';position:absolute;width: 75%;max-width: 6.25rem;aspect-ratio:100/6;background:var(--mainColor);border-radius:100rem;left:50%;bottom:0;transform:translate(-50%,50%);transition: 0.3s all;opacity: 0;}
.newsSort__item.active:after,.newsSort__item:hover:after{opacity:1;}
.newsPBox{display: flex;gap: clamp(1.5rem,2vw,3rem);flex-wrap:wrap;}
.newsPBox__item{width: calc((100% - (clamp(1.5rem,2vw,3rem) * 2)) / 3);background: rgb(58 113 121 / 5%);}
.newsCover{margin-bottom:0;}
.newsCover__pic{width:100%;}
.newsPInfor{padding:3rem 2rem 4rem;display:flex;flex-direction:column;gap:1rem;}
.newsPInfor__sub{display:flex;font-size:0.875rem;gap:0.5rem;color: var(--darkGreen);}
.newsPInfor__sub__date{position:relative;}
.newsPInfor__sub__date:after{content:'|';margin-left:0.5rem;}
.newsPInfor__sub__sort{opacity:0.5;}
.newsPInfor__tit{font-size:1.25rem;font-weight:500;padding-bottom:1rem;transition:0.3s all;}
.newsPInfor__brief{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsPBox__item:hover{background: rgb(58 113 121 / 15%);}
.newsPBox__item:hover .newsPInfor__tit{color:var(--darkGreen)}
.memTit:has(+ .memTitleBox__group .sharePBtn--wrapper){width: calc(100% - 1rem - 335px);}
.memTitleBox__group:has(.sharePBtn--wrapper){width: 335px;gap: 0.5rem;}
.sharePBtn--wrapper{display: inline-flex;gap:0.5rem;}
.sharePBtn{width: 2.5rem;aspect-ratio: 1;background:#fff;border-radius:100rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;line-height: 1;}
.sharePBtn img{width: 80%;filter: grayscale(1);}
.sharePBtn:hover{background:var(--mainColor);color:#fff;}
.sharePBtn:hover img{filter:brightness(10)}
.blockHeight--subPage--deco{position:relative;padding-top:10rem;}
.blockHeight--subPage--deco:before{content:'';position:absolute;background: url(../images/all/block2.png)center/cover;width:12.5rem;aspect-ratio: 240/270;object-fit: cover;right: 3rem;top:7.5rem;}
.blockHeight--news:has(.blockHeight--subPage--deco):after{content:'';position: absolute;width:100%;aspect-ratio:1920/1040;max-height: 50%;background: linear-gradient(20deg, rgba(209, 224, 240, 0.5) 18%, rgba(255, 255, 255, 0) 50%) left bottom;left: 0;bottom: 0;pointer-events: none;z-index: -1;}

/*! 聯絡我們*/
.blockHeight--subPage2{padding-top:1rem;}
.memberBg--contact{background: url(../images/bg/bg12.png)center/cover;}
.blockHeight--contact{position:relative;padding: clamp(2rem,4vw,4rem) 0;}
/* .blockHeight--contact:after{content:'';position:absolute;width:360px;aspect-ratio: 359/373;background:url(../images/contact/contact-icon.png)center/cover;right: 1.5rem;top: 0;transform: translateY(-25%);z-index: -1;} */
.blockHeight--contact .txtDeco{max-height:600px;top: 50%;transform: translate(-200%,-50%);left: 10vw;}
.ctAreaTop{position:relative;}
.ctAreaTop:before{content:'';position:absolute;background: url(../images/all/block2.png) center / cover;width: clamp(5rem, 15vw, 15rem);aspect-ratio: 240 / 270;right: 7.5rem;bottom: 0;transform: rotate(0deg);z-index: 1;}
.ctAreaTop:after{content:'';position:absolute;width:100%;height: 80%;background: url(../images/contact/ctAreaTop-bg.png) top/cover;left: 0;top: 50%;transform: translateY(-50%);}
.ctAreaTop .container{position:relative;z-index: 1;}
.contactBox{position: relative;z-index: 1;background: #fff;box-shadow: 0 0 2rem rgba(0,0,0,0.25);border-radius: 0.25rem;padding: 2rem;max-width: 900px;margin: auto;}
.contactBox .decoLine--center{margin-bottom: 3rem;}
.contactBox__infor{display:flex;flex-direction:column;gap:1rem;align-items: center;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:3rem;text-align: center;}
.contactBox__infor__num{display:flex;gap: 0.75rem clamp(2rem,3vw,4rem);}
.contactBox__infor__mjText{color:var(--mainColor);font-size: 1.25rem;font-weight: 400;text-align: center;}
.contactBox__infor__mjText a{color:var(--mainColor);}
.ctPhone + .ctPhone{position:relative;}
.ctPhone + .ctPhone:before{content:'';position:absolute;width:1px;height: 100%;background:var(--mainColor);left: calc(-1 * (clamp(2rem,3vw,4rem) / 2));top:50%;transform:translate(50%,-50%);}
.ctPhone img{width: auto;max-width: 100%;max-height: clamp(1.15rem,3vw,2.5rem);}
.contactBox .formGroup {display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center;}
.contactBox .formGroup__item {width: 100%;margin: 0;}
.contactBox .formGroup__item--half {width: calc((100% - 1rem) / 2);}
.contactBox .contactBox .formGroup__item{margin-bottom:0;}
.contactBox .formGroup__item--grid{display:grid;gap:1rem;grid-template-columns: 6.25rem 1fr;align-items: center;}
.contactBox .formContent{width:100%;}
.contactBox .formGroup__item:has(.g-recaptcha){display:flex;justify-content: center;align-items: center;gap: 1rem;}

/*!營業據點*/
.ctAreaBottom{padding-top:4.25rem;position:relative;}
.ctAreaBottom:after{content:'';position:absolute;background:url(../images/all/block2.png)center/cover;width: clamp(5rem,15vw,15rem);aspect-ratio: 240/270;left: 1.125rem;top: 12.5rem;transform: rotate(180deg);z-index: -1;}
.locationBox__tit{display: grid;grid-template-columns: 40% 60%;}
.locationBox__tit__board{padding: 4rem 2rem;min-height: 15rem;background: linear-gradient(270deg, rgba(86, 180, 139, 0.00) 0%, #56B48B 80%), linear-gradient(270deg, rgba(255, 255, 255, 0.00) 28%, #FFF 62%), url(../images/contact/locationCover.png) right/contain no-repeat, #FFF;margin-top: 3rem;border-radius: 0.25rem;border-top-right-radius: 1.5rem;display: flex;align-items: center;}
.locationBrief{width: 65%;color: #fff;min-width: clamp(1px,100%,400px);text-shadow: 0 0 0.5rem rgb(86 180 139 / 50%);}
.locationBox__main{display:flex;}
.locationBox__main__pic{margin-bottom:0;position:relative;margin-top: -2rem;width: 60%;}
.locationBox__main__pic img{border-radius:0.25rem;border-bottom-left-radius:1.5rem;overflow:hidden;transform:translateY(-2rem);}
.locationBox__main__pic:after{content:'';position:absolute;height: calc(100% + clamp(0.5rem,0.5vw,1.25rem));width:8rem;background:var(--mainColor);border-radius:0.25rem;border-bottom-left-radius:1.5rem;left:-2rem;bottom: calc(clamp(0.5rem,1vw,2rem) * -1);z-index:-1;}
.locationBox__main__infor{width:40%;}
.headQBox{display:flex;flex-direction:column;height: calc(100% - 4rem);justify-content: center;gap: 1rem 3rem;align-items: flex-start;}
.headQBox__tit{padding-left: 3rem;padding-bottom: 0.5rem;font-size:1.25rem;font-weight:700;color:var(--mainColor);position: relative;}
.headQBox__tit:before{content:'';position:absolute;height: 0.9375rem;aspect-ratio:1;background: url(../images/deco/cube.png) center/cover;left: 1.5rem;top: 50%;transform: translateY(calc(-50% - 0.25rem));}
.headQBox__tit:after{content:'';position:absolute;width:100%;height:1px;background:linear-gradient(to right,var(--mainColor),transparent);left:0;bottom:0}
.headQBox__slogan{padding-left: clamp(2rem,5vw,5rem);}
.headQBox__slogan__mj{font-size: clamp(1.5rem,2.2vw,2.25rem);color:var(--mainColor);font-weight:500;letter-spacing:0.25em;}
.headQBox__slogan__sub{font-size: clamp(.9rem,1.1vw,1.125rem);letter-spacing:0.4em;font-weight:500;}
.locationBox__list{margin-top:4rem;}
.cnpList{list-style:none;padding:0;margin:0;display:flex;justify-content: space-around;gap: 2rem clamp(1rem,2vw,5.375rem);flex-wrap: wrap;}
.cnpList__item{flex:1;padding: 1rem 0.875rem;min-width: 12.5rem;}
.cnpList__item__tit{font-size:1.25rem;font-weight:700;color: var(--mainColor);border-radius:100rem;padding:0.25rem 0.75rem;display: inline-block;border: 1px solid var(--mainColor);margin-bottom: 1rem;}
.cnpAddress{font-size: 1.125rem;font-weight:500;margin-bottom:0.5rem;min-height: 3.375rem;}
.cnpNum{color:var(--mainColor);font-weight: 500;}
.cnpNum__tel,.cnpNum__fax{position:relative;display: block;}
.cnpNum__tel:before,.cnpNum__fax:before{content:'TEL';padding-right:0.25rem;border-right:1px solid var(--mainColor);margin-right: 0.5rem;height: 1.75rem;display: inline-block;width: 2.5rem;}
.cnpNum__fax:before{content:'FAX';}

/* 宣告頁 */
.declareArticle{list-style-type: cjk-ideographic;padding-left: 3rem;color: var(--color);}
.declareArticle>li::marker{font-size: 1.5rem;color: var(--mainColor);}
.declareArticle>li{margin-bottom: 3rem;}
.declareArticle .tt{margin-bottom: 1.5rem;font-size: 1.5rem;font-weight: 500;color: var(--mainColor);}
.declareArticle ul,.declareArticle ol{margin-bottom:1rem}
.declareArticle ul{list-style-type: disc;}

/*成為興友*/
.pgBanner--joinUs{}
.pgBanner--joinUs .bnPic .pc{}
.pgBanner--joinUs .bnPic .mb{display:none}
.blockHeight--aboutJoin{position: relative;z-index: 2;padding-top: 0;background: var(--lightGray);}
.blockHeight--aboutJoin::before{content:'';position:absolute;z-index: -1;left: 0;bottom: 0;width: 300px;aspect-ratio: 1;background: url(../images/join/bg.png) no-repeat center/contain;}
.blockHeight--aboutJoin::after{content:'';position:absolute;z-index: -1;right:0;top:0;bottom:0;width:50%;background: url(../images/contact/ctAreaTop-bg.png) top / cover;background: linear-gradient(135deg, rgba(59, 142, 142, .75) 0%, rgba(59, 142, 142, .25) 30%, rgba(59, 142, 142, 1) 100%);}
.aboutJoinBlock{display: flex;gap: 1.5rem;align-items: flex-start;}
.aboutJoinBlock__block{}
.aboutJoinBlock__block--left{position: sticky;top: 100px;width: 40%;padding-right: 5%;padding-top: clamp(4rem,6vw,6rem);}
.aboutJoinBlock__block--right{width: 60%;margin: 0;transform:translateY(-4rem)}
.contactBox .formGroup+.contactBox__infor{margin-top:4rem}
.btnGroup--row{gap:1rem;justify-content: center;}
.btnGroup--row .btnStyle{flex-grow:inherit}
.joinul{list-style-type: none;display: flex;flex-direction: column;gap: 1rem;margin: 2rem 0 0;padding: 0;counter-reset: item;line-height: 1.5;font-size: clamp(1rem,3vw,1.25rem);}
.joinul__box{position: relative;padding-left: 3rem;list-style: none;counter-increment: item;}
.joinul__box::before{content: counter(item, decimal-leading-zero);color: var(--mainColor);font-size: 1.5rem;font-weight: 700;position: absolute;left: 0;top: 0;line-height: 1.2;font-weight: 900;}
.joinul__box .tt{color: var(--mainColor);font-size: 1.25rem;font-weight: 500;}
.joinul__box__info{list-style-type: none;padding: 0;    margin: 0;    display: flex;flex-direction: column;gap: .25rem;}
.joinul__box__info li{position: relative;padding-left: 2rem;}
.joinul__box__info li::before{content: '✔'; position: absolute;left: 0;top: 0;font-size: 1.25rem;}

/* 事業機會 */
.careerPage{
	--container: 1600px;
	font-size:1.25rem;
	font-size: clamp(1rem,1.5vw,1.25rem);
	}
.careerPage *,.careerPage *::before,.careerPage *::after{-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.careerPage img{max-width:100%;max-height: 100%;}
.careerPage .container{max-width: var(--container);}
.careerbg{position: relative;z-index: 2;background: url(../images/bg/bg1.png)center/cover;}
.careerbg:before{content:'';opacity: .75;position:absolute;width:100%;height:100%;background: var(--lightGray);top:0;left:0;z-index: -1;}
.blockHeight--careerBlock1{padding: 0!important;}
.blockHeight--careerBlock1 .breadCrumbs-block .breadCrumbs .item:after,
.blockHeight--careerBlock1 .breadCrumbs-block .breadCrumbs .item a{color:#fff}
.careerKv{position:relative;padding-top: 2rem;}
.careerKv::after{content: '';position: absolute;z-index: -1;left: 0;right: 0;top: 0;height: 70%;background: url(../images/career/block1.png) no-repeat center /cover;}
.careerKvSummary{display: flex;flex-direction: column;gap: clamp(1rem,5vw,3rem);max-width: 1000px;padding: 6rem;padding-left: calc((100vw - var(--container)) / 2);background: rgba(255,255,255,.5);backdrop-filter: blur(1rem);-webkit-backdrop-filter: blur(1rem);}
.careerKvSummary__subTxt{margin-bottom: 1rem;font-size: clamp(1.5rem,3vw,2rem);font-weight: 700;}
.careerKvSummary .pgTitBig{display:inline-block}
.pgTitBig--career .char:nth-child(n+5) {color: var(--mainColor);}
.pgTitBig--career.splitting span.char:nth-child(n+5){position: relative;}
.pgTitBig--career.splitting span.char:nth-child(n+5)::before{content: "";display: block;position: absolute;visibility: visible;width: clamp(6px, 1vw, 10px);height: clamp(6px, 1vw, 10px);border-radius: clamp(1px, 1vw, 2px);top: -40%;left: 40%;background-color: var(--subColor);}

.pgTitBig--career.splitting .word span.char:nth-child(5)::before,
.pgTitBig--career.splitting span.char:nth-child(7)::before,
.pgTitBig--career.splitting span.char:nth-child(8)::before{transform: rotate(45deg);}
.pgTitBig--career.splitting .word span.char:nth-child(7)::before{background-color: var(--mainColor);}

.careerStart{}
.careerStart__title{position:relative;color: var(--mainColor);max-width: 600px;margin: -6rem 0 0 auto;}
.careerStart__title::before{content:'START';position:relative;font-size: clamp(3rem,3vw,5rem);font-weight: 700;color: #fff;transition: var(--transition);transition-delay: 1s;top:0;opacity: 1;transition-duration: .5s;}
.careerStart__title__mj{position: relative;margin: 0;font-size: clamp(1.2rem,3vw,2rem);}
.careerStart__title__mj::before,.careerStart__title__mj::after{content:'';position:absolute;right: 100%;top: 50%;transform: translateY(-50%);margin-right: 2rem;}
.careerStart__title__mj::before{width: 1rem;aspect-ratio: 1;background: url('../images/all/dot.svg')no-repeat center/contain;transition-delay: 1.5s;transition-duration: 1s;}
.careerStart__title__mj::after{flex: 1;width: 100%;height: 1px;margin-right: 3rem;background: linear-gradient(to left, rgba(59, 142, 142, 1) 0%, rgba(59, 142, 142, 0) 100%);transition-delay: 1s;transition-duration: 1s;}

.careerStart__title:not(.animated)::before{opacity: 0;top:2rem}
.careerStart__title:not(.animated) .careerStart__title__mj::before{opacity: 0;right: 150%;}
.careerStart__title:not(.animated) .careerStart__title__mj::after{right:200%;width: 0;opacity: 0;}

.rankList{display:grid;grid-template-columns:repeat(3,1fr);gap: 0;list-style-type: none;margin: 0 .5rem;padding: 0;transform: translateY(50%);}
.rankList__box{position:relative;display: flex;margin: 0 -.5rem;}
.rankList__box .btnlink{z-index: 3;position:absolute;left:50%;top:100%;display: flex;align-items: center;justify-content: center;width: 2.75rem;aspect-ratio:1;/* border-radius:100%; *//* background:#fff; *//* box-shadow: 0 0 2rem rgba(0,0,0,.25); */transform: translate(-50%, -50%);}
.rankList__box .btnlink::before,.rankList__box .btnlink::after{content:'';position:absolute;left:50%;top:50%;aspect-ratio:1;border-radius:100%;transform: translate(-50%,-50%);}
.rankList__box .btnlink::before{z-index: -1;width:100%;background:#fff;box-shadow: 0 0 2rem rgba(0, 0, 0, .25);}
.rankList__box .btnlink::after{z-index: -3;width: 0%;background: var(--subColor);box-shadow: 0 0 1rem #143325;opacity: .5;}

.rankStep{flex: 1;display: flex;padding: 1rem 11% 2rem;color: var(--lightGray);flex-direction: column;gap: 1rem;}
.rankStep.arrow{}
.rankStep.arrowStart{padding-left: 2.5rem;}
.rankStep.arrowEnd{padding-right: 2.5rem;}
.rankStep__head{position: relative;display: flex;align-items: center;gap: 1rem;}
.rankStep__head .num{font-size: clamp(2.5rem,3vw,100px);font-weight: 600;line-height: 1;}
.rankStep__head .pic{max-width: 90px;object-fit: contain;object-position: center;text-align: center;}
.rankStep__head__name{flex:1;display: flex;margin: 0;font-size: clamp(1.25rem,2vw,2.5rem);flex-direction: column;justify-content: space-around;}
.rankStep__head__name .small{display: block;font-size: clamp(1.115rem,1.5vw,1.25rem);margin-top: .5rem;font-weight: 400;}
.rankStep__bottom{margin: auto 0 0;padding-top: 1rem;border-top:solid 1px;font-size: clamp(1.115rem, 1.5vw, 1.25rem);}

.blockHeight--careerBlock2{padding-top: calc(2 * clamp(4rem,6vw,6rem));}
.rankArea{position: relative;display: flex;flex-direction: column;gap: 7.5rem;padding: clamp(4rem,6vw,6rem) 0;}
.rankArea::after{content: attr(data-num);position: absolute;left:0;top:4rem;font-size: clamp(6rem,20vw,16.5rem);font-weight: 700;color: var(--mainColor);opacity: .05;transform: translateX(calc(-1 * clamp(6rem,20vw,16.5rem) / 4));line-height: 1;}
.rankArea .container{display: flex;flex-wrap: wrap;align-items: center;row-gap: 1rem;}
.rankArea .container--reverse{flex-direction: row-reverse;}
.rankArea__box{width:100%;margin-bottom: 0;}
.rankArea__box--info{display: flex;flex-direction: column;gap: 2rem;}
.rankArea__box--pic{
    text-align: center;
}
.rankArea__box--pic .pc{display: block;}
.rankArea__box--pic .mb{display: none;}
.rankArea__box__head{}
.rankName{display: flex;align-items: center;gap: 1rem;margin: 0;color: var(--mainColor);font-weight: 700;font-size: clamp(1.25rem,3vw,2rem);}
.rankName::after{content:'';width:50px;height: 11px;background-image: url(../images/career/title-icon.svg);background-size: contain;}
.rankName__pic{}
.rankTitle{display: flex;flex-wrap: wrap;align-items: center;gap: .25em;width: 100%;margin: 0;font-size: clamp(1.5rem,2.5vw,2.5rem);font-weight: 700;color: var(--mainColor);}
.rankTitle .br-mb{display:none}
/* .rankTitle br{width:100%;flex: 1;} */
.rankTitle--line::after{content: '';flex: 1;height: 1px;background: var(--txtBlack);opacity: .5;}
.rankName+.rankTitle:not(:has(.mj)){margin-top:.5rem}
.rankTitle .mj{font-family:"Noto Serif TC", sans-serif;font-weight: 900;font-size: 200%;color: #E76F51;line-height: 1;}
.rankArea__box__txt{margin: 0;text-align: justify;}
.rankArea__box__slogan{margin:0 auto}
.rankArea__box__slogan .pc{}
.rankArea__box__slogan .mb{display:none}
.bonusdPlan{border-radius: .25rem;overflow: hidden;text-align: center;width: 100%;}
.bonusdPlan tr{}
.bonusdPlan tr:not(:first-child){border-top:solid .25rem transparent}
.bonusdPlan tr>*:not(:last-child){border-right:solid .25rem transparent;}
.bonusdPlan tr>*{padding: clamp(.5rem,1vw,1rem) clamp(.5rem,.75vw,1rem);}
.bonusdPlan th{background:var(--subColor-JH);color:#fff;font-size: clamp(1rem,1.5vw,1.125rem);font-weight: 400;}
.bonusdPlan tr:nth-child(even) th{background:var(--mainColor);}
.bonusdPlan td{background: rgb(229 245 238 / 60%);}
.bonusdPlan .txt{margin: 0;font-size: clamp(.875rem,1.5vw,1.25rem);letter-spacing: 0;}
.digitTxt{font-family:"Noto Serif TC", sans-serif;font-weight: 700;font-size: 130%;color: var(--mainColor);line-height: 1.2;}
.glozeTxt{margin-top: 1rem;margin-bottom: 0;font-size: 1rem;}
.glozeTxt--right{text-align: right;}

.rankArea[data-num="02"]{}
.rankArea[data-num="02"]::before{content: '';position: absolute;z-index: -1;left: 0;top: 0;width: 95%;height: 100%;background: rgba(217, 232, 232, 0.5);}
.bonusdPlan--bgwhite td{background: #fff;}

.rankArea[data-num="03"]{padding-bottom:0;}
.rank3Table{display:grid;grid-template-columns: 66px repeat(4,1fr);gap: .25rem;border-radius: 1rem;overflow: hidden;}
.rank3Table__head{display: flex;padding: 1rem;background:var(--mainColor);color:#fff;text-align: center;align-items: center;}
.rank3Table__box{padding: 1rem;background:var(--lightGray);text-align: center;font-weight: 500;border-bottom: solid .25rem rgb(57 140 140 / 30%);}
.rank3Table__box .picBox{margin: 0;padding: 1.5rem 0;}
.rank3Table__box .infoBox{padding: 1.5rem 0;border-top:solid 1px #ccc;}
.rank3Table__box .infoBox__tt{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: .25rem;font-size: clamp(1.125rem,1.5vw,1.5rem);font-weight:700}
.rank3Table__box .infoBox__txt{margin-top: .25rem;font-size: clamp(.875rem,1.5vw,1rem);}
.rank3Table__box .digitTxt{font-size:150%}
.rank3Table__box p{margin-bottom:0}
.careerBtnStyle{display: inline-block;background:var(--mainColor);border:solid 2px var(--mainColor);color:#fff;padding: .75rem 1rem;border-radius:3rem}
.careerBtnStyle::before,.careerBtnStyle::after{content:'';margin: 0 .75rem;display: inline-block;aspect-ratio:1;vertical-align: middle;transition-delay:0.5s;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;}
.careerBtnStyle::before{width: 2rem;background: url('../images/career/careerBtn.svg')no-repeat center/contain;}
.careerBtnStyle::after{width: 1rem;background: url('../images/career/careerBtn-right.svg')no-repeat center/contain;transform: translateX(-1rem);opacity:0;}

.blockHeight--careerBlock3{padding-top:0}
.careerComplex{}
.careerComplex__tab{display: flex;justify-content: center;gap:.75rem;list-style-type: none;margin: 3rem 0 3rem;padding: 0;}
.careerComplex__tab__link{cursor: pointer;position: relative;max-width: clamp(3rem,25vw,350px);width: 100%;padding: 1rem;color:var(--mainColor);font-size: clamp(1.25rem,2vw,1.75rem);text-align: center;border: solid 2px var(--mainColor);}
.careerComplex__tab__link::after{content: '';--size: 1rem;position: absolute;left: 50%;top:100%;transform: translate(-50%,-1rem);opacity: 0;border-top: calc(var(--size) * 1.25) solid;border-right: var(--size) solid transparent;border-bottom: 0;border-left: var(--size) solid transparent;color: var(--mainColor);}
.careerComplex__tab__link.active{background: var(--mainColor);color: #fff;}
.careerComplex__tab__link.active::after{opacity: 1;transform: translate(-50%,0);}
.careerComplex__container{list-style-type: none;margin: 0;padding: 0;display:grid;grid-template-columns: repeat(4,1fr);gap: 1rem;}
.careerComplexBox{position: relative;opacity: 0.25;}
.careerComplexBox.active{opacity: 1;}
.careerComplexBox .picBox{margin:0;width:100%}
.careerComplexBox .picBox img{width:100%;height:100%;object-fit:cover}
.careerComplexBox .infoBox{position:absolute;left:0;right:0;bottom:0;height:100%;padding: 1.25rem .115rem;display:flex;flex-direction: column;justify-content: flex-end;align-content: center;align-items: center;background: linear-gradient(to top, rgb(59 142 142) 0%, rgb(59 142 142 / 0%) 50%);color: #fff;}
.careerComplexBox .infoBox__tt{width: 100%;margin: 0;font-size: clamp(1.125rem,2vw,1.75rem);font-weight: 700;text-align: center;}
.careerComplexBox .infoBox__tt::after{content: '';display: block;width: 70%;height: 1px;margin: .5rem auto;background: #fff;opacity: 0.7;}
.careerComplexBox .infoBox__txt{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;column-gap: .5rem;font-size: clamp(1rem,1.5vw,1.25rem);font-weight: 500;text-align: center;}
.careerComplexBox .infoBox__txt .big{font-size: 150%;color: #DFCDAB;}

.careerETF{display: flex;--padding: 8vw;overflow: hidden;}
.careerETF__left,.careerETF__right{width: 50%;padding: 4rem var(--padding);}

.careerETF__left {}
.careerETF__left{position: relative;z-index: 2;display: flex;background: url('../images/career/bg.png')no-repeat center/cover;flex-direction: column;justify-content: space-evenly;align-items: center;gap: 2rem;}
.careerETF__right{position: relative;z-index: 1;background-position: center;background-size: cover;-o-transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.careerETF__right::before{content: '';position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;background: var(--mainColor);opacity: .8;pointer-events: none;}
.careerETFTitle{display: inline-block;margin-left: auto;}
.careerETFTitle__mj{position: relative;/* display: inline-block; */font-size: clamp(1.5rem,2vw,2rem);font-weight:700;color:var(--mainColor)}
.careerETFTitle__mj::before,.careerETFTitle__mj::after{content:'';position:absolute;left: calc((1em * 5) + 2rem);top: 50%;transform: translateY(-50%);}
.careerETFTitle__mj::before{left: calc(100% + var(--padding) * 1.5);width: 1rem;aspect-ratio: 1;background: url('../images/all/dot.svg')no-repeat center/contain;filter: brightness(10);}
.careerETFTitle__mj::after{flex: 1;/* width: calc(100% + var(--padding) * 1.5); */right: calc(-1 * (var(--padding) * 1.5));height: 1px;background: linear-gradient(to left, rgb(255 255 255) 0%, rgb(255 255 255) calc(var(--padding) / 2), rgba(59, 142, 142, 1) calc(var(--padding) / 2), rgba(59, 142, 142, 0) 100%);}

.careerETFTitle__small{margin: 0;padding-left: 3em;font-size: clamp(1.15rem,1.5vw,1.5rem);}
.summaryCard{padding: 2.25rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);border-radius: 0 2rem 0 2rem;}
.summaryCard .decoTxt .bigTxt{font-weight:700}
.summaryCard__txt{font-weight: 500;line-height: 1.8;letter-spacing: .115em;text-align: justify;}
.summaryCard__txt p:last-child{margin-bottom: 0;}
.etfAlbum{--cross: 3rem;list-style-type: none;margin: 0;padding: var(--cross) 0;clear: both;overflow: hidden;}
.etfAlbum__item{float: left;width: calc(50% - 1rem);display: flex;flex-direction:column;justify-content: center;align-items: center;margin: calc(-1 * var(--cross) + 1rem) .5rem;padding: var(--cross) .5rem;border:solid 1px rgba(255, 255, 255, 0.4);color: #fff;}
.etfAlbum__item:nth-child(even){margin-top: var(--cross);}
.etfAlbum__item .infoTt{font-size: clamp(1.25rem,1.5vw,2rem);}
.etfAlbum__item .infoTxt{/* font-size: clamp(1rem,1.5vw,1.25rem); */}
.etfAlbum__item.active{background: rgba(255,255,255,.15);}

/*! 關於興田*/
/*! 關於興田--kv*/
.blockHeight--about{padding:0;}
.abBlock--kv{position: relative;padding: 2rem 0;min-height: clamp(15rem,49vw,49rem);background-size: clamp(12rem,75vw,87.5rem);/* overflow: hidden; */}
.abBlock--kv:before{content:'';position: absolute;background: url(../images/about/kvL.png)center/cover;left: 0;top: 0;width: 55%;aspect-ratio: 1050/680;-webkit-mask: linear-gradient(to right, #000 90%, transparent 100%);mask: linear-gradient(to right, #000 90%, transparent 100%);z-index: 1;}
.abBlock--kv:after{content:'';position:absolute;background:url(../images/about/kv-leaves.png)center/cover;aspect-ratio: 465/205;width: 24%;left: 0;top: 0;z-index: 1;}
.abBlock--kv .container{position:relative;z-index:1;}
.kvBg{position:absolute;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 0;}
.kvBg:after{content:'';position:absolute;background: url(../images/about/kvR.png) center / cover no-repeat, #eaf0f0;/* width: clamp(12rem,75vw,87.5rem); */height: 100%;aspect-ratio: 1400/785;right: 0;bottom: 0;background-position-x: 4rem;}
.abKvBox{display:flex;}
.abKvBox__main{width: 65%;padding-top: 2rem;position: relative;}
.abKvBox__main:after{content:'';position:absolute;background: url(../images/about/hsinten_border.png)center/cover no-repeat;aspect-ratio: 460/75;width: 54%;left: 0;bottom: -3.5rem;transform: translateY(100%);opacity: 0;transition: 1s all;transition-delay: 1s;}
.abKvBox__main:has(.animated.abKvBox__main__txt):after{opacity:1;}
.smallSg{display: flex;gap: clamp(0.5rem,0.8vw,1rem);justify-content: flex-end;flex-wrap: wrap;}
.smallSg__txt{position: relative;letter-spacing: 0.32em;font-size: clamp(1rem,1vw,1.25rem);}
.smallSg__txt + .smallSg__txt{padding-left:1.25rem;}
.smallSg__txt + .smallSg__txt:before{content:'';position: absolute;width:1px;height: 80%;left: 0;top: 50%;transform: translateY(-50%);background: #666;}
.abKvMainTt--wrapper{padding-bottom: clamp(1.5rem,2.5vw,3rem);margin-bottom: clamp(1.25rem,2vw,2.5rem);position:relative;}
.abKvMainTt--wrapper:before{content:'';position:absolute;background:var(--mainColor);width: 15%;height: 0.125rem;left: 0;bottom: 0;z-index: 1;opacity:0;transition:1s all;transition-delay:1s;}
.abKvMainTt--wrapper:after{content:'';position:absolute;background:#c9c9c9;width: 54%;height:0.125rem;left: 0;bottom: 0;opacity:0;transition:1s all;transition-delay:1s;}
.animated.abKvMainTt--wrapper:before,.animated.abKvMainTt--wrapper:after{opacity:1;}
.abKvMainTt{display: flex;color: var(--darkGreen);font-family: 'Noto Serif TC',serif;font-weight: 650;align-items: baseline;/* letter-spacing: 0.8em; */text-shadow: 0.625rem 0.625rem 0.75rem rgba(0,0,0,0.15);margin-right: -0.8em;flex-wrap: wrap;font-size: clamp(2.5rem, 5vw, 6.25rem);}
.abKvMainTt__big{/* font-size: clamp(2.5rem,5vw,6.25rem); */letter-spacing: 0.15em;}
.abKvMainTt__text{/* font-size: clamp(1.25rem,3vw,4rem); */font-size: 60%;white-space: nowrap;display: flex;align-items: center;gap: 0.25rem 0.75rem;flex-wrap: wrap;letter-spacing: 0.2em;}
.abKvMainTt__text__item + .abKvMainTt__text__item{position:relative;padding-left: clamp(1.375rem,2vw,2rem);}
.abKvMainTt__text__item + .abKvMainTt__text__item:before{content:'';position:absolute;background: url(../images/deco/cube.png)center/cover;width: clamp(0.625rem,1vw,1rem);aspect-ratio: 1;left: 0;top: 50%;transform: translateY(-50%);filter: drop-shadow(0.625rem 0.625rem 0.75rem rgba(0,0,0,0.15));opacity: 0;transition: 1s all;transition-delay: 1s;}
.animated.abKvMainTt--wrapper .abKvMainTt__text__item + .abKvMainTt__text__item:before{opacity:1;}
.abKvMainTt__text small{font-size: clamp(1.5rem,2.5vw,3rem);}
.abKvDeco{display: flex;position: relative;justify-content: flex-end;margin-top: 2.5rem;}
.abKvDeco__tag:after{content:'';position:absolute;width: clamp(45px,4vw,72px);background: url(../images/deco/square-t0.svg) center/cover;left: calc( clamp(45px,4vw,72px) * (-1) - 2rem);top: 50%;transform: translateY(-50%);aspect-ratio: 74/16;}
.abKvDeco__tag{font-size: clamp(1rem,1.2vw,1.25rem);color:#fff;background:var(--darkGreen);background: #005d6e;padding:0.25rem 1.5rem;border-radius:100rem;position: relative;letter-spacing: 0.05em;}
.seg{position:relative;}
.seg:after{content:'，';}
.seg:last-child:after{content:'。';}
.abKvBox__main__txt{font-size: clamp(1.025rem,1.2vw,1.375rem);color:#666;letter-spacing:0.1em;line-height:2;text-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.35);}
.abKvSub{width: 35%;display: flex;align-items: flex-start;flex-direction: row-reverse;font-size: clamp(0.875rem,1vw,1.25rem);letter-spacing: 0.35em;gap: 0.625rem;color: #666;position: absolute;right: clamp(3rem,4vw,5rem);top: 4rem;}
.abKvSub__txt{background:#fff;writing-mode: vertical-rl;padding: 1rem 0.25rem;}
/*! 關於興田--about Us*/
:root{
	--arc:url("data:image/svg+xml,%3Csvg width='1920' height='76' viewBox='0 0 1920 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12485_4)'%3E%3Cpath d='M-.085 76.146H1919.92v-.369C1678.56 13.636 1218.44 1.114 960.658 1.114 702.88 1.114 240.923 13.676-.085 76.146z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12485_4'%3E%3Cpath fill='%23fff' d='M0 0h1920v76H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--arcR:url("data:image/svg+xml,%3Csvg width='1920' height='76' viewBox='0 0 1920 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12485_2)'%3E%3Cpath d='M-.085-.146H1919.92v.369c-241.36 62.141-701.48 74.663-959.262 74.663C702.88 74.886 240.923 62.324-.085-.146z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12485_2'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 0 76)' d='M0 0h1920v76H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--rect:url("data:image/svg+xml,%3Csvg width='181' height='106' viewBox='0 0 181 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h181v106H0z'/%3E%3C/svg%3E");

	--quote:url("data:image/svg+xml,%3Csvg width='35' height='30' viewBox='0 0 35 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.41 4.69c-2.26 1.46-3.89 2.9-4.88 4.3-.99 1.41-1.7 3.24-2.11 5.5 1.3-.33 2.26-.5 2.9-.5 1.82 0 3.28.63 4.39 1.9 1.1 1.27 1.66 2.92 1.66 4.97s-.56 3.67-1.68 4.88c-1.12 1.21-2.6 1.82-4.45 1.82-2.23 0-4.03-.89-5.4-2.67-1.37-1.78-2.05-4.12-2.05-7.02 0-6.04 3.21-11.34 9.64-15.89l1.99 2.69-.01.02zm-19.78 0c-2.26 1.46-3.89 2.9-4.88 4.3-.99 1.41-1.7 3.24-2.11 5.5 1.3-.33 2.26-.5 2.9-.5 1.82 0 3.28.63 4.39 1.9 1.11 1.27 1.66 2.92 1.66 4.97s-.56 3.67-1.68 4.88c-1.12 1.21-2.6 1.82-4.45 1.82-2.23 0-4.04-.89-5.4-2.67-1.37-1.78-2.05-4.12-2.05-7.02C1 11.85 4.21 6.55 10.64 2l1.99 2.69z' fill='%2356B48B'/%3E%3C/svg%3E");
	--arrowGeom:url("data:image/svg+xml,%3Csvg width='55' height='96' viewBox='0 0 55 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12217_102)'%3E%3Cpath d='M54.43 47.92L0 95.84v-28.4l22.18-19.52L0 28.4V0l54.43 47.92z' fill='%23E5E5E5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12217_102'%3E%3Cpath fill='%23fff' d='M0 0h54.43v95.84H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.abBlock--about{padding-top:4.75rem;position: relative;padding-bottom: 6.25rem;}
.abBlock--about:after{content:'';position:absolute;width:100%;height: 115%;bottom:0;left:0;background: url(../images/about/about-bg.png)center/cover;z-index: -1;}
.abTop{position:relative;}
.abTop:before{content:'';position:absolute;width: calc(50% + 1.5rem);left: 50%;bottom: 0;transform: translateX(-1.5rem);height: 34%;background: var(--mainColor);opacity: 0.1;z-index: -1;}
.abTop:after{content:'';position:absolute;background: url(../images/about/txt-bh.png)center/cover no-repeat;aspect-ratio: 190/940;width: clamp(5rem,8vw,12.5rem);right: clamp(3rem,4vw,5rem);top: 0;transform: translateY(-14%);z-index: 1;}
.abTop .container{display:flex;position: relative;}
.abTop__img{margin-bottom:0;width: 50%;margin-left: -1.5rem;}
.abTop__content{padding-left: clamp(3rem,5vw,5rem);width: 50%;}
.abTop__content__tt{position:relative;padding-bottom: 1.5rem;margin-bottom: clamp(1rem,2vw,2.5rem);}
.abTop__content__tt:before{content:'';position:absolute;height:0.125rem;background:var(--mainColor);bottom: 0;left: calc(clamp(3rem,5vw,5rem) * -2);width: calc(clamp(3rem,5vw,5rem) * 2);z-index: 1;opacity: 0;transition: 1s all;transition-delay: 0.5s;}
.abTop__content__tt:after{content:'';position:absolute;height:0.125rem;background:#c9c9c9;width: calc(100% + clamp(3rem,5vw,5rem) * 2);left: calc(clamp(3rem,5vw,5rem) * -2);bottom: 0;opacity: 0;transition: 1s all;transition-delay: 0.5s;}
.animated.abTop__content__tt:before,.animated.abTop__content__tt:after{opacity:1;}
.abTop__content__tt .bigTxt, .visionBox__tt .bigTxt{color:var(--darkGreen);letter-spacing: 0.12em;}
.abTop__content__content{display:flex;flex-direction:column;}
.abTop__content__content .txt{font-size: clamp(1rem,1.2vw,1.375rem);letter-spacing: 0.1em;}
.subSTit{font-size:1.25rem;letter-spacing:0.03em;font-weight:650;position: relative;padding-right: calc(clamp(45px, 4vw, 72px) + 2rem);margin: 1rem 0;}
.subSTit--deco:after{content:'';position: absolute;width: clamp(45px, 4vw, 72px);background: url(../images/deco/square-t0.svg) center / cover;right: 1.5rem;top: 50%;transform: translateY(-50%);aspect-ratio: 74 / 16;}
.abBtm{padding: clamp(3rem,7vw,7.25rem) 0 clamp(5rem,12vw,12rem);margin-bottom: -5rem;position: relative;}
.abBtm__imgData:before, .abBtm__imgData:after{content:'';position:absolute;width: clamp(3rem,6vw,7.25rem);aspect-ratio: 1;right: clamp(10rem,16vw,20rem);top: 0;transform: translateY(-150%);z-index: 1;}
.abBtm__imgData:before{background:url(../images/about/logo-circle.png)center/cover;animation: 8s rotate-360 infinite forwards linear;}
.abBtm__imgData:after{background: url(../images/all/icon.png)center/cover no-repeat;background-size: 35%;}
@keyframes rotate-360{
	0%{transform:translateY(-150%) rotate(0deg);}
	100%{transform:translateY(-150%) rotate(360deg);}
}
.abBtm .container{display:flex;max-width: calc(50% + var(--container) / 2);margin-right: 0;padding-right: 0;justify-content: space-between;}
.tagTxt{font-size: clamp(1.125rem,1.2vw,1.5rem);color: #fff;background: var(--darkGreen);background: #005d6e;padding: 0.25rem 1.5rem;border-radius: 100rem;position: relative;letter-spacing: 0.05em;}
.tagTxt span{letter-spacing:0.25em;margin-right:-0.25em;display: inline-block;}
.tagTxt--border{background:transparent;border:1px solid #fff;}
.titleSet--wrapper{display:flex;flex-direction:column;}
.titleSet{display:flex;gap: 2rem;justify-content: space-between;align-items: baseline;}
.bigTxtBox{font-family: var(--enFamily);font-size: clamp(3rem,4vw,4.85rem);font-weight:800;color:var(--mainColor);letter-spacing: 0.06em;position: relative;line-height: 1;}
.bigTxtBox--deco{padding-right: calc(clamp(45px, 4vw, 72px) + 2.5rem);}
.bigTxtBox--deco:after{content:'';position:absolute;width: clamp(45px, 4vw, 72px);background: url(../images/deco/square-t0.svg) center / cover;right: 1.5rem;bottom: 0.125rem;transform: translateY(-50%);aspect-ratio: 74 / 16;opacity: 0;transition: 1s all;transition-delay: 1s;}
.animated .bigTxtBox--deco:after{opacity:1;}
.abBtm__content__tt + .txt{display:flex;flex-direction:column;gap: clamp(1rem,1.8vw,2rem);letter-spacing: 0.08em;font-size: clamp(1rem,1.2vw,1.25rem);line-height: 1.9;margin-bottom: 0;width: calc(100% - 3rem);}
.abBtm__content__tt + .txt p:last-child{margin:0;}

.txt--decoLogo{position:relative;}
.txt--decoLogo:after{content:'';position:absolute;background:url(../images/all/icon.png)center/cover;width: clamp(10rem,16vw,16.25rem);aspect-ratio: 1;right: 0;top: 0;opacity: 0.06;pointer-events: none;transform: translate(-30%,-30%);}

.abData--wrapper{position:absolute;right: clamp(3rem,7vw,7.5rem);bottom: 0;transform: translateY(-90%);}
.abData{display:flex;position: relative;z-index: 1;padding: 2rem;}
.abData:before{content:'';position:absolute;width:100%;height:100%;background: var(--mainColor);left: 0;top: 0;mix-blend-mode: color-dodge;opacity: 0.85;border-radius: 0.5rem;}
.abData:after{content:'';position:absolute;width:100%;height:100%;background: url(../images/about/frosted.png)center repeat-x;background-size: auto 100%;left: 0;top: 0;mix-blend-mode: color-dodge;opacity: 0.85;border-radius: 0.5rem;}
.abCover{margin:0;text-align: right;width: 100%;position: relative;height: 100%;}
.abCover__pic{height: 80%;max-height: 355px;object-fit: cover;aspect-ratio: 100/43;}
.abCover:after{content:'';position:absolute;background:url(../images/about/dots.png)center/cover;aspect-ratio: 205/235;width: clamp(5rem,12vw,12.8125rem);left: 0;top: 0;transform: translate(20%,-40%);}
.abBtm__content{width:45%;display: flex;flex-direction: column;justify-content: space-between;}
.abBtm__imgData{width:55%;display: flex;flex-direction: column;align-items: flex-start;position: relative;}
.abData__item{position:relative;z-index:1;text-align: center;padding: 0 clamp(0.25rem,1.8vw,2.25rem);}
.abData__item:not(:last-child){border-right: 1px solid #fff;}
.abData__item__icon{margin:0;position:absolute;left: 50%;top: 0;transform: translate(-50%,-80%);width: clamp(4rem,8vw,9rem);aspect-ratio: 118/119;}
.abData #num{display:none;}
.abData__item__box{display:flex;flex-direction:column;}
.dataNum{font-weight: 700;font-size: clamp(2rem,3vw,4rem);color:#fff;position:relative;font-family:var(--enFamily);line-height: 1.25;padding-right: 1rem;}
.dataNum:after{content:'+';font-size: clamp(1.25rem,2vw,3rem);line-height: 1;display: inline-block;position: absolute;width: 2rem;text-align: center;top: 0;transform: translateY(-40%);}
.dataNum--year:after{content:'年';font-size: clamp(1.125rem,1.2vw,1.5rem);font-weight: 400;top:unset;bottom:0;margin-left: 0.25rem;}
.dataTit{font-size: clamp(1rem,1.4vw,1.5rem);color:#fff;letter-spacing: 0.15em;margin-right: -0.15em;}
/*! 關於興田--vision*/
.abBlock--vision{padding: clamp(5rem,10vw,11.5rem) 0 clamp(5rem,11vw,12rem);position: relative;mask: var(--rect),var(--arcR) no-repeat;mask-composite: subtract;mask-position: top;margin: -5rem 0;mask-size: cover,103%;z-index: 1;}
.abBlock--vision:before{content:'';position:absolute;background: url(../images/about/txt-vision.png)center/cover;aspect-ratio: 602/75;width: clamp(15rem,32vw,37.625rem);top: clamp(3rem,8vw,8rem);right: clamp(5rem,10vw,10rem);}
.abBlock--vision:after{content:'';position:absolute;width:100%;height:100%;background: url(../images/about/vision-bg.png)center 75%/cover;left: 0;top: 1px;z-index: -1;mask: var(--rect), var(--arc) no-repeat;mask-composite: subtract;mask-position: bottom;mask-size: cover,105%;pointer-events: none;}
.visionBox{text-align:center;}
.visionBox__tt{position:relative;padding-bottom: 2.5rem;margin-bottom: 1.5rem;}
.visionBox__tt:after{content:'';position:absolute;width: clamp(45px, 4vw, 72px);background: url(../images/deco/square-t0.svg) center / cover;left: 50%;bottom: 0;transform: translateX(-50%);aspect-ratio: 74 / 16;}
.visionBox__tt .subTxt{margin-bottom:0;}
.visionBox__tt .bigTxt{}
.visionBox__txt{max-width:900px;margin:auto;}
/*! 關於興田--life*/
.abBlock--life{background:url(../images/about/life-bg.png)center/cover;padding: 8rem 0 clamp(3rem,6.5vw,6.25rem);overflow: hidden;position: relative;z-index: 0;clear: both;}
.abBlock--life:before,.abBlock--life:after{content:'';position:absolute;aspect-ratio: 1930/240;left: 0;bottom: 0;width: 100%;z-index: -1;}
.abBlock--life:before{background: var(--mainColor);mix-blend-mode: multiply;}
.abBlock--life:after{background: url(../images/about/life-floor.png)center/cover;mask: linear-gradient(-170deg, rgba(0,0,0,0.05), #000);}
.lifeBox{/* display:flex; *//* align-items: flex-end; */}
.lifeBox__content{width: 60%;float: left;}
.lifeBox__content__tt{display:flex;flex-direction: column;align-items: center;gap: 1rem;margin-bottom: 2rem;}
.lifeBox__content__tt .tagTxt{font-size: clamp(1rem,1.4vw,1.5rem);letter-spacing:0.4em;display: inline-block;font-weight: 500;}
.tagTxt--life{width:100%;position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;padding-right: clamp(2rem,3vw,3rem);}
.lifeTt{font-size: clamp(2rem,3vw,4.25rem);letter-spacing: clamp(0.25em,0.35vw,0.38em);font-family:'Noto Serif TC',serif;color:#fff;font-weight:500;position: relative;}
.lifeBox__img{float: right;width: 48%;margin-right: -8%;position: relative;}
.lifeBox__img:before,.lifeBox__img:after{content:'';position:absolute;z-index: -1;}
.lifeBox__img:before{background:url(../images/about/txt-health.png)center/cover;aspect-ratio: 405/76;width: clamp(12rem,25vw,25rem);left: 2rem;bottom: 0;transform: translateY(-150%);}
.lifeBox__img:after{background:url(../images/about/txt-career.png)center/cover;aspect-ratio: 417/77;width: clamp(13rem,26vw,26rem);bottom: 0;right: 0;transform: translateY(50%);}
.lifeBoxImg{margin:0;position: relative;z-index: 0;}
.lifeBoxImg img{position:relative;z-index:1;}
.lifeBoxImg:before{content:'';position:absolute;background: url(../images/about/txt-sustainability.png)center/cover;aspect-ratio: 869/77;width: clamp(25rem,54vw,54.375rem);right: 0;top: 0;transform: translate(10%,80%);z-index: -1;}
.lifeBoxImg:after{content:'';position:absolute;background:url(../images/about/life-family-shd.png)center/cover;width: 100%;aspect-ratio: 715/85;left: 0;bottom: 0;transform: translate(0%,58%);opacity: 0.85;}
.lifeList{/* display:flex; *//* gap: 2rem clamp(0.625rem,1.5vw,1.875rem); */}
.lifeList__item{/* width:100%; *//* max-width: 285px; */margin: 0 clamp(.25rem,1.25vw,1rem) 2rem;}
.lifeList__item__tt{color:#fff;letter-spacing:0.15em;font-family:'Mulish',sans-serif;font-weight: 700;text-align: center;margin-right: -0.15em;margin-bottom: 0.625rem;}
.lifeListBox{background:#fff;border-radius:1rem;text-align: center;padding: 0.75rem 0;box-shadow: 0 1px 0.625rem rgb(78 83 86 / 50%);}
.lifeListBox__tt{font-size:clamp(1.5rem,1.8vw,2rem);font-weight:500;color:var(--darkGreen);padding: 0.5rem 1.125rem;border-bottom: 1px solid #c9c9c9;display: inline-block;letter-spacing: 0.15em;margin-right: -0.15em;margin-bottom: 0.5rem;}
.lifeListCover{position:relative;margin: 0;display: flex;justify-content: center;}
.lifeListCover:after{content:'';position:absolute;width:100%;height: 75%;background:var(--mainColor);opacity: 0.1;left: 0;bottom: 0;}
.lifeListCover__pic{width:80%;max-width: 240px;position: relative;z-index: 1;}
.lifeListBox__txt{font-size: clamp(1rem,1.2vw,1.25rem);line-height:1.625;padding: 0.5rem;}

/*! 關於興田--brand*/
.abBlock--brand{background: url(../images/about/brand-bg.png) bottom / cover no-repeat, #bfbbb5;padding: 3.25rem 0 clamp(10rem,16vw,16.5rem);position: relative;z-index: 1;/* background-size: 115%; */overflow: hidden;margin-top: -3rem;}
.abBlock--brand:before{content:'';position:absolute;width:100%;height: 50%;background: linear-gradient(to bottom,#fff,transparent);left: 0;top: 0;opacity: 0.5;z-index: -1;}
.abBlock--brand:after{content:'';position:absolute;background: url(../images/about/brand-eqpt.png)center/cover;width: clamp(32rem,52vw,52rem);aspect-ratio: 700/249;bottom: 0;right: calc((100% - var(--container)) / 2);right: 1rem;}
.abFlex{display:flex;gap: 2rem clamp(1rem,1.5vw,1.875rem);position: relative;padding: 4rem 0 3rem;}
.abFlex__item{flex:1;}
.abFlex__item__tt{display:flex;gap:0.5rem;align-items: flex-end;margin-bottom: 0.75rem;flex-wrap: wrap;}
.abFlexTt{margin-bottom:0;}
.abFlexTt img{width:clamp(7rem,7vw,8rem)}
.abFlexTtSub{font-size: 0.8325rem;}
.brandBtm__box{display: flex;gap: 2rem clamp(3rem,4vw,5rem);align-items: center;}
.brandBtm__box__logo{display:flex;gap: clamp(3rem,6vw,9.1375rem);}
.logoImg{margin-bottom:0;position: relative;width: 8.75rem;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 1rem;}
.logoImg__pic{width: clamp(4rem,6vw,8.25rem);}
.logoImg  + .logoImg:before{content:'';position:absolute;width:1px;height: 80%;background: #bababa;top: 50%;left: calc(clamp(3rem,9vw,9.1375rem) * -0.5);transform: translate(-50%,-50%);}
.logoImg__txt{letter-spacing: 0.05em;font-weight: 700;display: block;text-align: center;}
.brandTop{margin-bottom: 2.5rem;}
.brandTop .container{display:flex;max-width: calc(100% - clamp(6rem,10vw,10rem));position: relative;}
.brandTop__logo{width: 42%;margin: 0;display: flex;gap: 1rem clamp(3rem,6vw,6.25rem);justify-content: center;}
.brandTop__logo__tt{font-size: 1.25rem;letter-spacing: 0.1em;font-weight: 700;writing-mode: vertical-lr;color: #898989;padding-top: 2rem;position: relative;z-index: 1;}
.brandLCover--wrapper{display:flex;align-items: center;}
.brandLCover{margin:0;}
.brandTop__infor{width: 58%;padding: 3.5rem clamp(2rem,3vw,4.25rem);position: relative;}
.brandTop__infor *{color:#fff;}
.brandTop__infor:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(to left,var(--mainColor),transparent);right: 0;top: 0;z-index: -1;opacity: 0.35;mix-blend-mode: multiply;}
.brandTop__infor .bigTxt{letter-spacing:0.2em;font-size: clamp(1.375rem,2vw,2.375rem);padding-bottom: 0.5rem;border-bottom: 0.8px solid #fff;}
.brandTop__infor__text.txt{font-size:clamp(1.125rem,1.3vw,1.375rem);letter-spacing: 0.115em;line-height: 1.9;margin-bottom: 0;}
.brandBtm{position:relative;}
.brandBtm:after{content:'';position:absolute;width:100%;height:100%;background: linear-gradient(70deg, #fff, rgba(255, 255, 255, 0.2));left:0;top:0;z-index:-1;opacity: 0.75;}
.brandBtm .container:before{content:'';position:absolute;background:url(../images/about/txt-brand.png)center/cover;aspect-ratio: 691/56;width: clamp(20rem,43vw,43.1875rem);left: 0;top: -0.5rem;transform: translateY(-50%);}
.brandBtm .container{max-width: calc(50% + var(--container) / 2 - 2.5rem);margin-right: 1.5rem;position: relative;}
.abFlex__tag.tagTxt{position:absolute;top: 0;left: 50%;transform: translate(-50%,-50%);}
/*! 關於興田--journey*/
.tlImgCover{width:100%;}
.tlImgCover{/* max-width:17.5rem; */}
.tlImgCover.slick-slide{transform: translateX(-100%) scale(.25);opacity: 0;transition: all 1s ease-in-out 0s!important;}
.tlImgCover.slick-slide.slick-current{transform: translateX(0rem) scale(1);opacity: 1;filter:blur(0)}
.abBlock--journey{/* overflow:hidden; */position: relative;z-index: 2;}
.abJrn--founder{padding-top:2rem;position:relative;overflow: hidden;}
.abJrn--founder:after{content:'';position:absolute;width: 80%;aspect-ratio: 1600/1020;background: url(../images/about/founder-bg.png)center/cover;left: 0;top: 0;z-index: -1;}
.abJrn .container{position: relative;}
.abJrn--founder .container{max-width:calc(100% - clamp(3rem,15vw,15rem));}
.abJrn--founder .abJrn__rps:before{content:'';position:absolute;background:url(../images/about/txt-journey.png)center/cover;aspect-ratio: 768/78;width: clamp(20rem,48vw,48rem);left: max(calc((100% - var(--container)) / 2),3rem);top: 1rem;}
.abJrn--founder .abJrn__slogan{background:  linear-gradient(135deg, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%),url(../images/about/journey-bg.png);}
.none--pc{display: none;}
.abJrnBox{padding-left: clamp(12rem,24vw,24rem);position: relative;}
.abJrnBox--rv{padding:0;padding-right: clamp(12rem,24vw,24rem);}
.abJrn--founder:before{content:'';position:absolute;background:url(../images/about/rps1.png?20241018)center/cover;aspect-ratio: 525/900;width: clamp(12rem,33vw,33rem);left: 2rem;top: 8rem;z-index: 1;opacity: 0;transition: 1s all ease-in;transition-delay: 1s;transform: translateX(1rem);}
.animated.abJrn--founder:before{opacity:1;transform: translateX(0);}
.abJrnRpsTxt{/* display:flex; *//* gap: 2rem clamp(3rem,6vw,6rem); */}
.abJrnRpsTxt--rv .rpsStaff{flex-direction:row-reverse;justify-content: flex-end;}
.rpsStaff{/* width:18.75rem; */display: flex;gap: 2rem clamp(3rem,6vw,6rem);}
.rpsStaff__sign{display:flex;flex-direction:column;gap: 1.875rem;align-items: flex-start;width: 18.75rem;}
.rpsStaff__sign figure{margin:0;}
.abJrn--founder .rpsStaff__sign figure:has(.rpsStaff__sign__pic){margin: 0;display: flex;width: 100%;justify-content: flex-end;}
.rpsStaff__sign__txt{font-size: 1.375rem;background: linear-gradient(to right,transparent ,#005d6e 13% ,#005d6e calc(100% - 13%),transparent);color: #fff;text-align: center;letter-spacing: 0.15em;display: inline-block;padding: 0.125rem 2.5rem;margin-right: 2rem;}
.abJrnBox__topic__brief{display:flex;flex-direction:column;}
.abJrn__rps{display: flex;gap: 2rem clamp(3rem,6vw,6rem);align-items: center;position: relative;z-index: 1;margin-bottom: 1.25rem;}
.abJrn .subSTit{padding-right:0;/* white-space:nowrap; */min-width: clamp(5rem,8vw,8.75rem);}
.abJrn .decoLine .line{/* width: 100%; */}
.abJrn--founder .decoLine .line{flex:1;}
.abJrn .titleBox--wrapper{display:flex;justify-content: flex-end;text-align: right;}
.abJrn .titleBox--wrapper--pc .titleBox{}
.abJrn .titleBox--wrapper--mb::before,.abJrn .titleBox--wrapper--mb::after{display:none}
.abJrn .titleBox--wrapper--mb .titleBox{display: none;}
.abJrn .titleBox{width: 45%;padding-top: 0;}
.abJrn .bigTxt{color:var(--mainColor);letter-spacing: 0.15em;margin-right: -0.15em;position: relative;display: inline-block;}
.abJrn .bigTxt.--dot:after{content:'';position:absolute;background: url(../images/deco/square-t0.svg) center / cover;width: 3.75rem;aspect-ratio: 74 / 16;right: 0;top: calc(-100% + 1rem);}
.abJrn .decoLine{margin:0;}
.abJrn__txt{width: calc(100% - 18.75rem - clamp(3rem,6vw,6rem));position:relative;font-size: clamp(1.125rem,1.2vw,1.375rem);line-height: 1.9;letter-spacing: 0.05em;}
.abJrn__txt:before{content:'';position:absolute;left:calc(clamp(3rem,6vw,6rem) * -0.5);top:50%;width: 1px;height: 100%;background: #ccc;transform: translate(-50%,-50%);}

.abJrn__slogan{background: url(../images/about/journey-bg.png);padding: 1.875rem 0;}
.abSlogan{font-size: clamp(1.5rem,3vw,3.125rem);letter-spacing: 0.05em;font-family: "Noto Serif TC",serif;color: var(--darkGreen);font-weight: 700;font-style: italic;}
.abSlogan--big{font-size: clamp(2rem,4vw,4.6875rem);}
.abSlogan--wrapper{position:relative;display: inline-flex;gap: 0 clamp(1.25rem,2vw,2rem);align-items: baseline;padding: 0 clamp(3rem,4.5vw,5rem);/* margin-right: 16rem; */line-height: 1.25;margin-right: clamp(10rem,18vw,18rem);flex-wrap: wrap;}
.abSlogan--column{flex-direction:column;}
.abSlogan--wrapper:before,.abSlogan--wrapper:after{content: '';position: absolute;background: var(--quote)center/cover;width: clamp(2rem,2.5vw,3rem);aspect-ratio: 35 / 30;}
.abSlogan--wrapper:before{left:1rem;top: 0;transform: translateY(-50%);}
.abSlogan--wrapper:after{right:1rem;transform: rotate(180deg) translateY(-50%);bottom: 0;}

.abJrn__timeline{padding: 0rem 0 2rem;background: #f9fbfd;}
.abTimeline--wrapper{}
.abTimeline__tt--wrapper{display:flex;width: 100%;justify-content: space-between;flex-wrap: wrap;gap: 5rem 2rem;}
.abTimeline__tt{display:flex;gap: 0.625rem;align-items: flex-end;font-weight: 500;letter-spacing: 0.1em;padding-bottom: 1rem;position: relative;margin: 1.5rem 0;/* margin-right: clamp(10rem,18rem,18.75rem); */margin-left: clamp(2rem,6vw,6.25rem);}
.abTimeline__tt--mb{display: none;}
.abTimeline__tt__mj{font-size:1.375rem;font-weight: 700;color: var(--mainColor);}
.abTimeline__tt__sub{font-size:0.875rem;}
.abTimeline__tt:before{content:'';position:absolute;width:10.5rem;height:3px;background:var(--mainColor);left: 0;bottom: 0;}
.abTimeline__tt:after{content:'';position:absolute;background: url(../images/deco/square-t0.svg)center/cover;width: 3.75rem;aspect-ratio: 74/16;left: 12rem;bottom: 0;transform: translateY(50%);}
.abTimeline__box{--yearSize: 3.125rem;display:flex;position: relative;padding-right: 2rem;pointer-events: none;}
.abTimeline__box::before{content:'';position:absolute;top: calc(var(--yearSize) * var(--lineHi) + 0.5rem);left: 50%;width: 50vw;height: 2px;background: #ccc;}
.abJrnBox--rv .abTimeline__box{padding:0;padding-left:2rem;}
.abTimeline__box:after{content:'';position:absolute;background: var(--arrowGeom)center/cover;width: 3.4375rem;aspect-ratio: 55/96;right: 0;top: 5.25rem;transform: translate(100%,-50%);mix-blend-mode: multiply;}
.abTimeline__box__item{flex:1;display: inline-flex;flex-direction: column;align-items: center;position: relative;cursor: pointer;text-align: center;}
.abTimeline__box__item:before,.abTimeline__box__item:after{content:'';position:absolute;width: 0;aspect-ratio:1;border-radius: 100rem;top: 5.25rem;left: 50%;transform: translate(-50%,-50%);z-index: 1;transition: 0.3s all;}
.abTimeline__box__item:before{width:0;border: 2px solid #005d6e;opacity: 0;}
.abTimeline__box__item:after{content:'';position:absolute;width:0.75rem;background:#ccc;}
.abTimelineNum{font-size: var(--yearSize);font-weight: 400;letter-spacing: 0.05em;font-family:var(--enFamily);-webkit-text-stroke: 3px #999;text-stroke: 3px #999;color: transparent;position: relative;transition: 0.3s all;text-align: center;display: inline-block;}
.abTimelineNum:after{content:attr(data-year);position:absolute;background: #F9FAFC;left: 0;top: 0;background-clip: text;-webkit-background-clip: text;-webkit-text-stroke: 1px #F9FAFC;text-stroke: 1px #F9FAFC;transition: 0.3s all;}
.abTimelineTxt{letter-spacing:0.05em;padding: 2rem 1.5rem;position: relative;margin-top: 0.5rem;width: 100%;line-height: 1.5625;height: 100%;text-align: left;transition: 0.3s all;}
.abTimelineTxt:before{content:'';position:absolute;width:100%;height:2px;background:#ccc;left:0;top: 0;}
.abJrn--founder .abTimeline__box__item:first-child .abTimelineTxt:before{background: linear-gradient(to right,transparent 50%,#ccc 50%);}
.abTimeline__box__item:last-child .abTimelineTxt:before{width:200%;}
.abTimeline__box__item .abTimelineTxt:after{content:'';position:absolute;width: 1px;height: 75%;background: #ccc;left: 0;top: 50%;transform: translateY(-50%);}
.abTimeline__box__item:first-child .abTimelineTxt:after{display:none}

.active.abTimeline__box__item:before,.abTimeline__box__item.slick-current:before{width:1.5rem;opacity:1;}
.active.abTimeline__box__item:after,.abTimeline__box__item.slick-current:after{background: #005d6e;}
.active.abTimeline__box__item .abTimelineNum,
.active.abTimeline__box__item .abTimelineNum:after,
.abTimeline__box__item.slick-current .abTimelineNum,
.abTimeline__box__item.slick-current .abTimelineNum:after{-webkit-text-stroke-color: #005d6e;text-stroke-color: #005d6e;}
.active.abTimeline__box__item .abTimelineNum:after,.abTimeline__box__item.slick-current .abTimelineNum:after{background-color: #005d6e;}
.active.abTimeline__box__item .abTimelineTxt,.abTimeline__box__item.slick-current .abTimelineTxt{color:var(--mainColor);}

.timeBoard .container{max-width: calc(100% - clamp(3rem, 7.5vw, 7.5rem));}
.timeBoard--wrapper{--timeShowSize: clamp(3rem,8vw,8.75rem);display:flex;justify-content: space-between;}
.timeShow{font-size: var(--timeShowSize);font-weight:800;font-family:var(--enFamily);letter-spacing:0.05em;color: #005d6e;opacity: 0;line-height: 1;transition: 0.3s all;transform-origin:left top;}
.animated.timeBoard--wrapper .timeShow{opacity:0.15}
.change.timeShow{filter:blur(1rem);transform:scale(0.95)}
.timeBoard--inner{display:flex;gap: clamp(1px,1.2vw,1.5rem);justify-content: flex-end;max-width: 900px;}
.timeBoard__item{flex:1;}
.timeBoard__item__tt{margin: 0.75rem 0;padding-left:1.25rem;}
.timeBoard__item__tt img{width: clamp(12.25rem,15vw,15rem);}
.timeBoard__item__img{position:relative;}
.timeBoardCover{margin-bottom:0;}
.timeBoardCover img{/* max-width:280px; */width: 100%;aspect-ratio: 360/240;}
.timeBoardCover .pc{}
.timeBoardCover .mb{display: none;}
.linkTxtImg{position:absolute;left:0;bottom:0;width:100%;height: 30%;padding: 1rem 2.25rem;display: flex;align-items: center;justify-content: center;transition: 0.3s all ease-in-out;}
.linkTxtImg:before,.linkTxtImg:after{content:'';position:absolute;width: 0;height:100%;background:var(--subColor-JH);left:0;bottom:0;transition: 0.6s all cubic-bezier(.77, 0, .175, 1);}
.linkTxtImg:after{opacity:0.5;}
.linkTxtImg__pic{margin-bottom:0;position:relative;display: flex;align-items: center;padding-right: 2rem;z-index: 1;transition: 0.5s all;transition-delay: 0.45s;opacity: 0;transform:translateX(-1rem);}
.linkTxtImg__pic:after{content:'';position:absolute;width: 1.125rem;aspect-ratio:1;background:url(../images/about/arrowDown.png)center/cover;transform: translateY(-50%) rotate(-90deg);margin-left: 1rem;filter: brightness(10);right: 0;top: 50%;}

.timeBoard{position:relative;}
.timeBoard:before{content:'';position:absolute;background: linear-gradient(to bottom,#f9fbfd 72%,#fff 72%);left: 0;top: 0;width: 100%;height: 100%;}

.abJrn--ceo{position:relative;padding-top: 1.5rem;overflow: hidden;}
.abJrn--ceo:before{content: '';position: absolute;background: url(../images/about/rps2.png?20241018) center / cover;aspect-ratio: 541 / 894;width: clamp(12rem, 30vw, 37rem);right: clamp(1rem,3vw,6rem);bottom: 3rem;opacity: 0;transition: 1s all ease-in;transition-delay: 1s;z-index: 2;transform: translateX(-1rem);}
.animated.abJrn--ceo:before{opacity:1;transform: translateX(0) translateY(-5%);}
.abJrn--ceo .titleBox--wrapper{justify-content:flex-start;gap: 1.875rem;align-items: flex-end;position: relative;}
.abJrn--ceo .titleBox--wrapper:before,.abJrn--ceo .titleBox--wrapper:after{content:'';position:absolute;z-index: -1;right: 0;object-fit: contain;}
.abJrn--ceo .titleBox--wrapper:before{background:url(../images/about/txt-future.png)center/cover;top: 0;aspect-ratio: 704 / 77;width: clamp(18rem, 44vw, 44rem);}
.abJrn--ceo .titleBox--wrapper:after{top: calc(clamp(20rem, 44vw, 44rem) / (704 / 77) + clamp(1rem,2.5vw,2.5rem));right: calc(-1 * (100vw - var(--container)) / 2);background:url(../images/about/txt-future2.png)center/cover;aspect-ratio: 75/11;width: clamp(12rem, 34vw, 32.875rem);}
.abJrn--ceo .titleBox{text-align:left;}
.tagTitle--wrapper{margin-bottom:1rem;position:relative}
.tagTitle{font-size: clamp(1.5rem,2vw,2.375rem);font-weight:700;letter-spacing:0.15em;background: var(--darkGreen);color:#fff;padding: 0.5rem 1.875rem;border-radius: .75em 0 .75em 0;display: inline-block;white-space: nowrap;}
.abTitleImg{width: clamp(20rem,40vw,40rem);image-rendering: pixelated;}
.slickImgBox__box{/* width:clamp(12rem,30vw,30rem); */display: flex;gap: 1rem 2.35rem;align-items: flex-end;}
.arrowFn{display:flex;gap:1rem;align-items: center;transform: translateY(-50%);}
.tlImg{z-index: 2;width:calc(100% - 2.5rem - 4.125rem);width: clamp(12.125rem,20vw,20rem);}
.tlImg--2{width:clamp(12.125rem,16vw,16rem)}
.arrowFn__tl{display: inline-flex;width:2.8125rem;aspect-ratio:1;background:#fff;border-radius:100rem;box-shadow: 0 0 0.5rem rgb(0 93 110 / 30%);justify-content: center;align-items: center;color: var(--mainColor);transition:0.3s all;cursor: pointer;}
.arrowFn__tl:hover{background:var(--mainColor);color:#fff;}
.tlImg--1{margin-top: -7rem;}

.abJrn--ceo .abJrnBox__topic{/* margin-right:3rem; */}
.abJrn--ceo .abJrn__txt{max-width: 700px;}
.abJrn--ceo .abJrn__timeline{background:#f2f2f2;padding: 1rem 0;}
.abJrn--ceo .abTimelineNum:after{background-color:#f2f2f2;}
.abJrn--ceo .abTimeline__box__item:first-child .abTimelineTxt:before{left:unset;right:0;width:200%;}
.abJrn--ceo .abTimeline__box__item:last-child .abTimelineTxt:before{width:100%;background: linear-gradient(to left,transparent 50%,#ccc 50%);}
.abJrn--ceo .abTimeline__box:after{right:unset;left: 0;transform: translate(-150%,-50%);}
.abJrn--ceo .abTimeline__box:before{left:inherit;right:50%}
.abJrn__ceoInTxt{padding:2.25rem 0;}
.abJrn--ceo .abJrn__txt:before{right: calc(clamp(3rem,6vw,6rem) * -0.5);left: unset;content: none;}
.abJrn--ceo .abSlogan--wrapper{display:flex;align-items: flex-start;gap: 0;width: fit-content;padding: 0 6rem;margin: 0;}
.abJrn--ceo .abSlogan:nth-child(2){/* margin-top: 3rem; */margin-left: 2vw;}
.abJrn--ceo .abJrn__slogan{padding-bottom:0;margin-bottom: 3rem;}
.abJrn--ceo .timeBoard--wrapper{transform: translateY(3rem);}
.abJrn--ceo .linkTxtImg__pic{padding-right:0}
.abJrn--ceo .linkTxtImg__pic:after{display:none}

/*! 關於興田--location*/
.abBlock--location{position: relative;background: linear-gradient(to bottom,#fff,#edf5f1,#e4eae9);padding: 5rem 0 10rem;overflow: hidden;}
.abLocGeo--wrapper:after{content:'';position:absolute;background:url(../images/about/global.png) bottom center / cover;width: 100%;aspect-ratio: 1920/760;left: 0;bottom: 0;transform: translateY(15%);}
.abLoc{position:relative;z-index:1;}
.abLoc__txt{position:relative;}
.abLoc__txt:after{content:'';position:absolute;background: url(../images/about/txt-location.png)center/cover;aspect-ratio: 871/67;width: clamp(25rem,54vw,54.4375rem);right: 0;top: 0;transform: translateY(-30%);}
.abLoc__txt__title .bigTxt{color:var(--mainColor);font-weight:700;letter-spacing: 0.12em;font-size: clamp(1.5rem,3vw,3.125rem);}
.abLoc__txt__title .decoLine{width: clamp(18rem,35vw,40%);margin: 1rem 0;}
.abLoc__txt__text{font-size: clamp(1rem,1.5vw,1.375rem);letter-spacing: 0.08em;}
.abLoc__main{padding: 10rem 0 13rem;position: relative;padding-left: clamp(8rem,10vw,14rem);}
.abLoc__main__box{position:relative;display: inline-block;}
.abLoc__main__box .tagTxt{position:absolute;right:3rem;top:0;transform:translateY(-50%);z-index: 1;font-size: clamp(1.025rem,1.1vw,1.4375rem);letter-spacing: 0.23em;padding: 0.25rem 1rem;}
.abFlex__tag.tagTxt .bi,.abLoc__main__box .tagTxt .bi{font-size:0.85rem;transform:translateY(-10%);display:inline-block;}
.abLocMain{background:#fff;border-radius:0 2.5rem 0 2.5rem;padding: 1.625rem 5rem;font-size: clamp(1rem,1.5vw,1.625rem);letter-spacing: 0.15em;font-family: 'Noto Serif TC',serif;font-style: italic;font-weight: 700;color: var(--darkGreen);display: inline-flex;flex-direction: column;position: relative;box-shadow: 0.375rem 0.375rem 0.375rem rgba(0,0,0,0.15);}
.abLocMain span:first-child{padding-right: clamp(2rem,4vw,6.25rem);}
.abLocMain span:nth-child(2){text-align:right;}
.abLocMain:before,.abLocMain:after{content:'';position:absolute;background: var(--quote)center/cover;width: 2.25rem;aspect-ratio: 35/30;}
.abLocMain:before{top:1rem;left:1.125rem}
.abLocMain:after{bottom:1rem;right:1.125rem;transform:rotate(180deg);}
.abLocGeo{position:absolute;background: url(../images/about/geo.png) bottom center/cover no-repeat;aspect-ratio: 140/135;transform: translateY(-2rem);opacity: 0;transition: 1s all;transition-delay: calc(0.25s + 0.125s * var(--eq));z-index: 1;width: clamp(5rem,8vw,8.75rem);}

.abLocGeo--wrapper{position:absolute;width: 100%;aspect-ratio: 1920/760;left: 0;bottom: 0;transform: translateY(calc(-100vw * 760 / 1920 * 0.12));}
.abLocGeo--wrapper .container{height:100%;position:relative;z-index: 1;}
.animated.abLocGeo--wrapper .abLocGeo{transform:translateY(0);opacity:1;}
.abLocGeo:after{content:'';position:absolute;width:1px;background:var(--darkGreen);bottom:0;left: 19.125%;top: 0;transform: translate(-50%, -100%);height: calc(var(--dataH) * 1rem);}
.abLocGeo__item{font-size: clamp(1.125rem,1.2vw,1.25rem);width:5rem;aspect-ratio:1;display:inline-flex;color: var(--mainColor);border: 1.3px solid var(--mainColor);border-radius: 100rem;align-items: center;justify-content: center;line-height: 1;position: absolute;top: calc(var(--dataH) * -1rem);font-weight: 500;left: 18%;transform: translate(-50%,-100%);}
.abLocGeo__item:before{content:'';position:absolute;width: calc(100% + 1.625rem);aspect-ratio:1;background: url("data:image/svg+xml,%3Csvg width='107' height='107' viewBox='0 0 107 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12177_250)' stroke='%23398C8C' stroke-width='.9'%3E%3Cpath opacity='1' d='M53.1 99.43c25.587 0 46.33-20.743 46.33-46.33S78.687 6.77 53.1 6.77 6.77 27.513 6.77 53.1 27.513 99.43 53.1 99.43z'/%3E%3Cpath opacity='.5' d='M53.1 105.75c29.078 0 52.65-23.572 52.65-52.65S82.178.45 53.1.45.45 24.022.45 53.1s23.572 52.65 52.65 52.65z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12177_250'%3E%3Cpath fill='%23fff' d='M0 0h106.21v106.21H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")center/cover;left: 50%;top: 50%;transform: translate(-50%,-50%);pointer-events: none;animation: zoomInOut 4s infinite ease-in-out;animation-direction: alternate;}
.abLocGeo__item:after{content:'';position:absolute;width: 100%;aspect-ratio:1;background: rgba(255,255,255,0.25);z-index: -1;border-radius: 100rem;-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}
@keyframes zoomInOut{
	0%{transform: translate(-50%,-50%) scale(.75);opacity:1}
	100%{transform:translate(-50%,-50%) scale(1.2);opacity:0;}
}
.geo--us{left: 14%;bottom: 38%;}
.geo--th{right: 26%;bottom: 36%;}
.geo--cn{right: 22.5%;bottom: 45%;}
.geo--tw{right: 18%;bottom: 34%;}
.geo--sg{right: 14.5%;bottom: 14%;}
.geo--id{right: 10%;bottom: 17.5%;}
.geo--vn{right: 22%;bottom: 26%;}
.geo--vn:before{content:'';position:absolute;width: 7rem;height:1px;background:var(--mainColor);bottom: 8%;right: 80%;}
.geo--vn:after{top: 92%;}
.geo--vn .abLocGeo__item{top: 91%;transform: translate(-15%,-50%);left: -9.5rem;}
.geo--my{right: 19%;bottom: 17%;}
.geo--my:before{content:'';position:absolute;width: 5rem;height:1px;background:var(--mainColor);bottom: 8%;right: 80%;}
.geo--my:after{top: 92%;}
.geo--my .abLocGeo__item{top: 91%;transform: translate(-15%,-50%);left: -7.5rem;}
.abLocGeo.geo--vn,.abLocGeo.geo--my{transform:translateX(-2rem);}
.animated.abLocGeo--wrapper .abLocGeo.geo--vn,.animated.abLocGeo--wrapper .abLocGeo.geo--my{transform:translateX(0);}

/*會員 優惠券*/
.blockHeight--coupon{}
.couponTab{display: flex;gap: 0.25rem;}
.couponTab__item{flex: 1;display: block;padding: 0.75rem 1rem 1.75rem;position: relative;color: var(--txtBlack);background: var(--lineColor);text-align: center;border-radius: .5rem .5rem 0 0;font-size: 1.025rem;letter-spacing: 0.1em;}
.active.couponTab__item{background: var(--mainColor);color: #fff;}
.couponContent{width: 100%;position: relative;padding: clamp(1.5rem,2vw,3rem);margin: 0 auto 3rem;background: #fff;border-radius: .75rem;box-shadow: 0 0 1rem rgba(0, 0, 0, .3);position: relative;}
.couponTab + .couponContent{margin-top: -1rem;}
.couponContent__item{display:grid;grid-template-columns:repeat(2,1fr);gap: 1rem;position: absolute;overflow: hidden;height: 0;width: 100%;transition: 1s;transform: translateY(1rem);opacity: 0;}
.couponContent__item:has(.couponContent__item__null){grid-template-columns:1fr;text-align: center;}
.active.couponContent__item{position:relative;height:auto;transform: translateY(0);overflow: visible;opacity: 1;}
.coupon{display: flex;display: grid;grid-template-columns: clamp(6rem,10vw,10rem) 1fr;}
.coupon--ng{opacity:0.5;pointer-events:none;}
.coupon__header,.coupon__body{padding: 1rem;}
.coupon__header{/* width: 10rem; */background: var(--mainColor);border-radius: 0.5rem 0 0 0.5rem;text-align: center;position: relative;}
.coupon__header:before, .coupon__header:after{content:'';position:absolute;padding: .5rem;border-radius: 50%;transform: translate(50%, -50%);box-shadow: inset 0 0 5px -2px rgba(0, 0, 0, .5);clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);right: 0;background: #fff;top: 0;}
.coupon__header:after{top:unset;bottom:0;transform: scaleY(-1) translate(50%, -50%);}
.coupon__header figure{margin:0;display: flex;flex-direction: column;gap: 0.625rem;align-items: center;height: 100%;justify-content: center;}
.hasImg{height:100%;aspect-ratio:800/550;object-fit:cover;}
.coupon__header img{border-radius:0.5rem 0 0 0.5rem;}
.coupon__header img:not(.hasImg){width: 90%;max-width: 4rem;}
.coupon__header:has(.hasImg){padding:0;}
.coupon__header figcaption{background: rgba(255,255,255,0.15);padding:0.125rem 0.5rem;width: 100%;color: #fff;}
.coupon__body{width:calc(100% - clamp(5rem,7vw,7.5rem));}
.coupon__body{/* width: calc(100% - 10rem); */width: 100%;border-left: 3px dotted #999;box-shadow: 2px 0 1.5rem -.5rem rgba(0,0,0,0.3);border-radius: 0 .5rem .5rem 0;padding: 1rem 1.25rem;display: flex;flex-direction: column;align-items: flex-start;}
.coupon__body__tag{display:inline-block;background: #D9E8E8;color: var(--darkGreen);padding: 0 0.5rem;border-radius: .25rem;font-size: .9rem;}
.coupon__body .remark{display: block;color: #aaa;font-size: .9rem;}
.coupon__body .remark .couponRule{margin-left:.25rem}
.coupon__body .discount{font-weight: 700;font-size: clamp(1.25rem,4vw,1.5rem);}
.coupon__body .hint{font-weight: 500;}
.coupon__body__name{display:flex;gap: 0.375rem;align-items: baseline;margin: 0.5rem 0;flex-wrap: wrap;}
.couponRule{color: var(--darkGreen);font-size: 0.9em;margin: 0.25rem 0;}

/*===== RWD =====*/
/*!===max*/
@media screen and (max-width:1680px){
	/*!1680=====會員總管*/
	.membarZone_list{padding-left: 0;}
	/* !1680=====事業機會 */
	.careerKvSummary{padding-left: 6rem;}

	/* !1680=====長購計畫 */
	.pcpDecoBox--2nd {margin-left:var(--containerPadding);margin-right:var(--containerPadding);width: auto;}
	.blockHeight--longDelivery .container{padding: 0 1rem;max-width: 100%;}

	/*!1680 關於(journey)*/
	.abJrn--ceo .container{--container:1320px}
	.abJrn--ceo .titleBox--wrapper:after{/* right: calc(-1 * (100vw - var(--container)) / 2); */}
	
}

@media screen and (max-width:1440px){
	:root{
		/* 間距 */
		--containerPadding: 2rem;
	}
	/*1400!=====全頁佈局*/
	.container{/* max-width:100%; */}

	/*!=1440====header*/
	.searchFixed{margin-right: 0;margin-left: 0;box-shadow: none;}
	.nav-link{letter-spacing: 0;margin-right: 0;font-size: 1rem;}
	.navbar>.container{padding: 0 1rem;flex-wrap: revert;}

	/*!1400=====會員總管*/
	.memberZone{flex-direction: column;}
	.membar{top: 51px;width:100%;height: auto;/* background: none; */background-size: calc(100% + 0.25rem);padding: 0;box-shadow: none;background: #D9E8E8;}
	.membarZone{/* overflow-y:auto; */}
	.membarZone_list{/* display:flex; *//* flex-wrap:wrap; *//* gap: 0.5rem 1rem; *//* width: auto; *//* white-space: nowrap; */padding: 0 3rem;}
	.memberZone__main{width:100%;}
	.memMainContent .container{margin:auto;max-width: 100%;}
	.newsBar--wrapper{--bgcolor: #fff;--bgcolor-more: var(--bgcolor);position:sticky;top: calc(56px + 104px);z-index:5;}
	
	.memIntegral__item__pv{font-size:2.125vw;letter-spacing: -0.05em;}
	
	/*會員-訊息跑馬燈*/
	.newsBar--wrapper .container{padding-top: .5rem;padding-bottom:.5rem}
	.newsBar{grid-template-columns: 4.5rem 1fr 4rem;margin-right:0;/* padding: 1rem; */}
	.newsBar--wrapper{}
	.newsBar__title{display: block;background: var(--mainColor);color:#fff;text-align: center;}
	.newsBar__btn{width: auto;}
	.newsBar__btn a{display: block;text-wrap: nowrap;text-align: center;border-bottom: none;color: var(--mainColor);text-decoration: underline;font-size: .9rem;}

	.memMainContent--inner{margin:0 1rem;}
	.memBoard{--leftW: 20rem;align-items: flex-start;padding:clamp(2rem,3vw,3rem) clamp(1rem,2vw,2rem);background: rgba(255,255,255,0.5);border-radius:0.25rem;}
	.memBoard__left{padding-left:0;padding-bottom: 1.25rem;position: sticky;left: 0;top: 8rem;}
	.memBoard__right{flex-direction:column;}
	.memRadial{width:100%;}
	.memIntegral{width:100%;flex-direction: row;flex-wrap: wrap;gap: clamp(.5rem,1vw,1rem);}
	.memIntegral__item{min-width: auto;width: calc((100% - clamp(.5rem,1vw,1rem) * calc(var(--num) - 1))/ var(--num));padding: 0.75rem 0;align-content: center;}
	.memIntegral__item:after{width: calc(100% - 0.4rem);height: calc(100% - 0.4rem);}
	.memOrder__header{top: calc(56px + 104px + 52px);}
	
	/*!1400=====首頁*/
	.txtDeco{writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;line-height: 1;transform: translateY(-35%);}
	.txtDeco span:nth-child(2){transform: translateX(4rem);}

	/*事業介紹*/
	.blockHeight--choose .container{max-width:100%;}
	.blockHeight--choose .mainTxtBox{display:flex;flex-direction: column;align-items: center;}
	.blockHeight--choose .txt{margin-top:0;}
	.blockHeight--choose .decoLine{position: relative;}
	.blockHeight--choose .decoLine .line{position:absolute;left: 50%;width: clamp(150px,250%,200px);transform: translateX(-50%);background: linear-gradient(to right,#E4E4E4 20%,transparent 20%,transparent 80%,#E4E4E4 80%);}
	
	/*!1400====購物車*/
	.cartZone__main{width: calc(100% - 320px - clamp(2rem,2vw,3rem));}
	.cartZone__detail{width: 320px;}

	.apiItem__box{flex-wrap:wrap;}
	.apiItem__box__left,.apiItem__box__right{width:100%;}
	.apiItem__box__left{border:none;margin: 0;}
	.apiItem:not(:last-child){margin-bottom:0.625rem;}

	/* 1440長購計畫 */
	.pcpDecoBox--2nd {padding: 3rem 4rem;}
	.promiseList { gap: 0;}
	.promiseList .txtBox .txt {width: 220px;}
	h3.boxTitle::after {width: 80px;}
	.orderStep img {width: 85px;}
	

	/* !1440=====事業機會 */
	.careerKvSummary{padding: 2rem;}
	.careerStart__title{margin-top:0}
	.rankList{transform: translateY(3rem);}
	

	/*!1440 關於(about)*/
	.abTop__img{margin:0;}
	.abBtm__content{width:55%;}
	.abData--wrapper{right:1.5rem;}
	.abTop:after{right: 1rem;z-index: -2;}
	/*!1440 關於(life)*/
	.lifeBox__img{margin:0;width: 40%;}
	/*!1440 關於(journey)*/
	.rpsStaff{display: block;}
	.rpsStaff__sign__txt{font-size:1.25rem;margin: 0;}
	.rpsStaff__sign figure{margin:auto}
	.rpsStaff__sign{float: left;margin-right: 2rem;width: 16.5rem;gap: 1.5rem;}
	.abJrnRpsTxt--rv .rpsStaff__sign{float: right;margin: 0;margin-left: 2rem;}
	.abJrn__txt{width:100%}
	.abJrn--founder .abJrn__slogan .container{/* max-width: 100%; *//* margin-left: 5rem; */}
	.abJrn--ceo .container{--container:1140px}
	.abJrn--ceo .abJrn__slogan .container{max-width: 100%;margin-right: 5rem;padding-right: var(--containerPadding)!important;padding-left: var(--containerPadding)!important;}
	.abSlogan--wrapper{margin-right:0;}
	.abTimeline__tt{margin-left:0;}
	.timeBoard .abJrnBox{padding:0;}
	.abJrn--ceo{padding-top:5rem;}
	.timeBoard__item__tt{padding:0;}
	/*!1440 關於(location)*/
	.abLoc__main{padding: 4rem 0 calc(100vw * 760 / 1920 - 8rem) 4rem;}
	/*!1440 關於(brand)*/
	.brandBtm__box__logo{gap:1rem;}
	.logoImg + .logoImg:before{left:-0.5rem;}

	
}

@media screen and (max-width:1280px){ /*1200
	
	/*!=====header*/
	.logo{position: relative;}
	.logo:after{content:'';position: absolute;background: url(../images/all/logo-xs.svg)no-repeat center/contain;width: 100%;height: 100%;}
	.logo__pic{aspect-ratio: 300/72;opacity: 0;}
    .pcp-ic img{width:18%;}

	/*1280=====養生新觀念*/
	.aboutOuter{padding: 0;}
	.aboutOuter .txtContent{width: 60%;}


	/*1280=====產品清單頁=====*/
	.layout--grid--three{grid-template-columns: repeat(2, 1fr);}

	/*1280=====產品landing Page頁=====*/
	.hotPdt.slick-dotted.slick-slider{margin-bottom: 0;padding-bottom: 1rem;}
	.hotPdt .slick-dots{max-width: 40%;text-align:left;padding:0 var(--containerPadding);bottom: 0;transform: inherit;}
	.hotPdt__item__infor{padding: 2rem 0;}
	.hotPdtDot{position: static;margin: auto;margin-right: 0;margin-top: -5vw;}
	.hotPdtG{padding-block:0;max-width: 1140px;margin: auto;}
	.hotPdtDot .slick-list{padding:0}

	/*購物車-架構*/
	.cartZone--wrapper{padding:0}
	.cartPage .container{max-width:100%}
	
	/*!1280=====購物車*/
	.cartMainItem, .cartAddItem, .cartAddItem__top{position: relative;flex-wrap:wrap;display: flex;justify-content: flex-end;gap: clamp(.25rem,1vw,.5rem);}
	.cartMainItem .cartItem--num,.cartAddItem__top .cartItem--num{width: auto;/* margin-left: var(--picSize); */order: 1;}
	.cartMainItem{padding-left: calc(var(--picSize) + 1rem);}
	.cartMainItem .cartPdtCover{position:absolute;left: .25rem;top: .25rem;}
	.cartItem--total{display: flex;justify-content: flex-end;align-items: baseline;flex-wrap: wrap;gap: .25rem;flex: 1;width: auto;padding: 0 .25rem;}
	.cartItem__pv{width: 100%;font-weight:400}
	.cartItem--name{display: block;width:100%;}
	
	.cartZone__main--top .cartHeader{display:none;}
	/* .cartHeader .cartItem--num,.cartHeader .cartItem--total{display:none;} */
	
	.cartPdtBox .cartContent{justify-content:flex-start;padding: .25rem;padding-right: 2rem;}
	.cartPdtCover--big + .cartContent{width: 100%;}
	.cartItem--dele{position:absolute;right:0;top:1rem;}
	
	.termPop__box--big{/* width:620px; */}
	.popOrderInfor{flex-wrap:wrap;}
	.popOrderInfor__item{width:100%;}
	.popOrderInfor__item__tit{margin-bottom:0.5rem;}
	.popOrderInfor__item__content{padding-left:1rem;border-left:1px solid var(--lineColor);margin-left:0.5rem;}

	
	
	/*主選單-購物車清單*/
	.deleBtn{font-size:1rem;}
	
	/* hot Product */
	.hotPdt .slick-list{/* padding-left:4rem; *//* padding-right:4rem; */}

	/*1280 長購計畫*/
	.orderStep { width:25% }
	.orderStep .txtBox{color:var(--lightGray2);}
	.orderStep .txtBox img{width:100%;}
	.orderStep .step::after{content:"";display: block;border-bottom:solid 1px var(--lightGray2);height: 5px;}
    .rankStep.arrowStart{padding-left: 1.5rem;}
	.rankStep.arrowEnd{padding-right: 1.5rem;}
	.arrow{clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);}
	.arrowStart{clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);}
	.arrowEnd{clip-path: polygon(100% 0%, 100% 100%, 80% 100%, 0% 100%, 5% 50%, 0% 0%);}
    .pcpDecoBox--2nd {}
	
	/* !1280=====關於興田1 */
	.abJrn .container{max-width:100%;}
	/*!1280關於(journey)*/
	.abTimeline__box{flex-wrap:wrap;}
	.abTimeline__box:after{width: 2rem;right: 1rem;}
	.abJrnBox--rv .abTimeline__box:after{left: 0;transform: translate(0,-50%);}
	.timeBoard--inner{max-width:100%;width: calc(100% - (var(--timeShowSize) * 2.5));}
	.abJrnBox,.abJrnBox--rv{padding:0;}
	.abJrn__slogan .abJrnBox{margin:0;display: flex;width: 100%;justify-content: center;align-items: flex-start;padding: 0;}
	.abJrn--ceo .abJrn__slogan .abJrnBox{flex-wrap: wrap;justify-content: flex-start;}
	.abJrn--ceo .abSlogan--wrapper{padding: 0 4rem;}
	
	.abJrn--ceo .timeBoard--inner{margin-left:auto;}
    
	.abJrn__rps .abJrnBox{padding:0;}
	.abJrn--founder:before,.abJrn--ceo:before{content:none;}
	.none--pc{display:block;}
	.abJrnRpsTxt{display: flex;align-items: center;gap: 1rem;padding: 0 clamp(2rem,5vw,6.25rem);}
	.timeBoard--wrapper{width:100%;}
	.timeShow--1{margin-top: -3rem;}
	.rpsStaff{display:flex;width: 100%;/* align-items: center; */flex-direction: column;}
	.abJrn--founder .rpsStaff__sign__pic{width: 150px;margin: auto;}
	.abJrn--ceo .rpsStaff__sign__pic{width: 120px;}
	.abJrnRpsTxt--rv .rpsStaff{flex-direction:column;gap: 0;}
	.abJrn__txt,.abJrn--ceo .abJrn__txt{max-width: 100%;}
	.abJrn__txt:before{content:none;}
	.abJrn--founder .rpsStaff__pic{aspect-ratio:525/900;width: clamp(15rem,20vw,20rem);}
	.abJrn--ceo .rpsStaff__pic{aspect-ratio: 590/965;width: clamp(15rem,20vw,20rem);}
	.abJrn .titleBox--wrapper--pc .titleBox{display: none;}
	.abJrn .titleBox--wrapper--pc::before,.abJrn .titleBox--wrapper--pc::after{display:none}
	.abJrn .titleBox--wrapper--mb::before,.abJrn .titleBox--wrapper--mb::after{display:block;right:0}
	.abJrn .titleBox--wrapper--mb::after{right: calc(-1 * var(--containerPadding));}
	.abJrn .titleBox--wrapper--mb .titleBox{display: block;padding-bottom: 0;margin-bottom: 0;}
	.abJrn--ceo{display: flex;flex-direction: column;}
	.abJrn--ceo .abJrnRpsTxt{gap:2rem;padding: 0;flex-direction: row-reverse;align-items: flex-start;padding-right: 10vw;}
	.abJrn--ceo .abJrnRpsTxt--rv .rpsStaff__sign{margin-left:auto}
	.abJrn--ceo .abJrn__timeline{padding-top:5rem;margin-top:-4rem}
	.abJrn--ceo .abJrn__rps,.abJrn--ceo .abJrn__timeline{}
	.abJrn--ceo .titleBox--wrapper{justify-content:space-between}
	.abJrn--ceo .abJrn__ceoInTxt{order: -1;}
	.abTimeline__tt--mb{display: flex;}
	
	/*!1280關於(brand)*/
	.brandTop{margin-bottom:1rem;}
	.abBlock--brand{background-size:cover;padding-top: 3rem;padding-bottom: 4rem;}
	.brandBtm__box__logo{width:52%;justify-content: center;}
	.brandBtm__box{flex-direction:column;}
	.brandTop__infor{width:100%;}
	.brandTop__infor:after{width:100vw;background:var(--mainColor);left: 50%;transform: translateX(-50%);}
	.brandBtm .container:before{content:none;}
	.abFlex{display:grid;grid-template-columns:repeat(2,1fr);padding-top: 3rem;position: relative;z-index: 1;padding-left: clamp(4rem,5vw,6rem);text-align: center;}
	.abFlex:after{content:'';position: absolute;z-index: -1;background: url(../images/about/txt-brand.png) center / cover;aspect-ratio: 691 / 56;width: clamp(20rem, 43vw, 43.1875rem);left: 0;top: 0;transform: rotate(90deg) translateY(-100%);transform-origin: left center;}
	.abFlex__item__tt{justify-content:center}
	.abFlex__tag.tagTxt{transform: translate(-50%,-75%);letter-spacing: 0.25em;white-space: nowrap;}
	.brandBtm:after{background: linear-gradient(20deg, #fff, rgba(255, 255, 255, 0.2) 80%);z-index: 0;}
	.abBlock--brand:after{z-index:-1;}

	.abLocGeo--wrapper{transform: translateY(calc(-100vw * 760 / 1920 * 0.12)) scale(1.08);}
	
	.abLocGeo__item:before,.abLocGeo__item:after{width:5rem;}
	.abLocGeo__item{border-color:transparent;}

	
	/*!1280 關於(life)*/
	.abBlock--life{overflow: visible;}
	.abBlock--life .container{max-width:100%}
	.lifeBox{/* flex-direction:column; *//* gap: 2rem; */}
	.lifeBox__content,.lifeBox__img{width:100%;float: none;}
	.lifeBox__content__tt{}
	.tagTxt--wrapper{flex-direction:column;padding: 0;}
	.lifeBox__img{margin:0;margin: -1rem 0 -8rem;}
	.lifeBoxImg{display: flex;justify-content: flex-end;}
	.lifeBoxImg img,.lifeBoxImg:after{width: clamp(16.5rem,55vw,35rem);}
	.lifeBoxImg:before{right:unset;left:0;top: 50%;transform: translateY(calc(-50% - 150% - 1rem));width: auto;}
	.lifeBoxImg:after{left:unset;right:0;}
	.lifeBox__img:before{top: 50%;bottom: unset;transform: translateY(-50%);left: 0;width: auto;}
	.lifeBox__img:after{left: 2rem;bottom: unset;transform: translateY(calc(50% + 50% + 1rem));top: 50%;width: auto;}
	.abBlock--life:before, .abBlock--life:after{aspect-ratio: 900/390;}
	.abBlock--life:after{opacity: 0.85;}
	.lifeBoxImg:before,.lifeBox__img:before,.lifeBox__img:after{height: clamp(2rem,4.25vw,6rem);max-width: 80vw;background-size: contain;background-repeat: no-repeat;}

	
	/*!1280===會員-訂單查詢*/
	.order--contact .btnStyle--small{font-size: 0.875em;}

	/* !1280=====事業機會 */
	.rankStep__head .pic{width: 25%;max-width: inherit;aspect-ratio: 1;}
	.careerComplex__container{gap:0.125rem}
	.careerComplexBox .infoBox{background: linear-gradient(to top, rgb(59 142 142) 0%, rgb(59 142 142 / 20%) 100%);}
	.careerETF{--padding:6vw}
	.careerETF__right{padding-right:4vw}
	.etfAlbum{--cross: 2rem;}
	.etfAlbum__item{}
	.rankArea[data-num="02"]::before{width: 98%;}

}
@media screen and (max-width:1024px){
	/*!1024 成為興友*/
	.blockHeight--aboutJoin::after{top:inherit;width:100%;height:50%;}
	.aboutJoinBlock{flex-wrap:wrap}
	.aboutJoinBlock__block{}
	.aboutJoinBlock__block--left{position: static;width: 100%;padding-right: 0%;}
	.aboutJoinBlock__block--right{width: 100%;transform:translateY(0)}

	
	

	
}
@media screen and (max-width:991px){
	body{--navbarH:68px;}
	/*ixLoading 載入效果*/
	.ixLoading--B .logoSvg.pc{display: none;}
	.ixLoading--B .logoSvg.mb{display: block;}
	.ixLoading--B .logoSvgG01 .icon--01{transform-origin: 8.5% 32%;}
	.ixLoading--B .logoSvgG01 .icon--02{transform-origin: 16.5% 32%;}
	.ixLoading--B .logoSvgG01 .icon--03{transform-origin: 8% 67%;}
	.ixLoading--B .logoSvgG01 .icon--04{transform-origin: 16% 70%;}
	.ixLoading--B .logoSvgG01 .iconCenter{transform-origin:15% 50%;}

	/*按鈕*/
	.btnGroup{gap: 0.625rem 1rem;}

	/* 欄位 */
	.form-select,
	.formFlex select{min-width:inherit;padding-right: 2rem;}
	
	/*全頁佈局*/
	.flexBox--spread{flex-direction:column;/* gap: 1rem; */flex-direction: row;gap: 0.5rem 1rem;margin-bottom: 1rem;}
	.flexBox--spread .mainTxtBox{width:100%;}
	.flexBox--spread .btnStyle{align-self: self-end;}
	.subTxt--en{flex-direction:column;align-items: flex-start;gap: 0;}

	.termPop--outer{width: calc(100% - 2rem);/* height: 80vh; */}
	.termPop__box,.termPop__box--big{width: 100%;/* height: 90vh; */}
	.termPop__box--auto{height:auto;}
	
	
	.btnStyle:hover{color:#fff;opacity:0.8;}
	
	/*!=====banner=====*/
	.pgTxtOuter{top: 1rem;left:0;bottom: 1rem;display: flex;flex-direction: column;padding: 0 var(--containerPadding);}
	.pgTxtOuter .pgTitle{margin-top:1rem}
	.bnPic,.bnPic--full{height: clamp(240px,40vw,300px);}
	.bnPic{mask-size: 100% 100%;}
	.breadCrumbs-block{margin-bottom: clamp(1rem,3vw,3rem);}
	.banner .slick-slide{height:80dvh}
	.slogan{top: 100%;left: 1rem;transform: translateY(calc(-100% - 2rem));}
	.slogan .bigTit{font-weight:500}
	.bigTit{letter-spacing: .125em;}
	.bigTit--white,.bigTit--light{text-shadow: 0px 0px 0.5rem #1a2929;}
	.bigTit--green{text-shadow: 0px 0px 0.5rem #fff;}
	.subTit{/* letter-spacing:0; */text-shadow: 0px 0px 0.5rem #1a2929;}
	.bnPcpPic .pcpPgTxt {margin-top: 6rem;}
	
	/*!991=====footer*/
	.ftMid--wrapper{flex-direction: column;align-items: flex-start;gap: 2rem;}
	.ftMid__right{display:flex;flex-wrap: wrap;gap: 1rem 2rem;width: 100%;justify-content: center;align-items: center;}
	.ftSmTxt{margin:0}
	
	/*!991=====header*/
	.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.3rem;aspect-ratio: 3/2;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem;order: 2;padding: 0;box-shadow: none!important;}
	.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--mainColor);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
	.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform: translateY(0.4rem) 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.4rem) rotate(-225deg);}
	.menuBar{display: none;position: absolute;left: 0;top: 100%;width: 100%;background: rgba(255,255,255,0.95);border-top: 1px solid var(--lineColor);}
	.open + .menuBar{/* box-shadow:0 1rem 1rem -0.5rem rgba(0,0,0,0.15); */}
	.menuBar:after{content:'';position: fixed;left:0;right:0;top: 76px;bottom:0;background: rgb(59 142 142 / 50%);z-index: -1;transition: 0.3s opacity,0.3s all;transition-delay: 0.3s,0s;pointer-events: none;opacity: 0;}
	.open + .menuBar:after{pointer-events:auto;opacity: 1;-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem);}
	.navbar-nav{width:100%;align-items: center;position: relative;left: 0;transition: 0.3s all;}
	.navbarFunction{padding: 1rem 0;gap: 1rem;}
	.navbar.navbar--fixed .navbarFunction{padding-top: .5rem;padding-bottom: .5rem;}
	.nav-link,.navbar:is(.index) .nav-link{height: 4rem;justify-content: flex-start;padding-left: 1rem;color: var(--txtBlack);text-shadow: none;font-size: 1rem;}
	.nav-link.dropdown-toggle{/* pointer-events:none; */}
	.nav-item{width:100%;position: relative;}
	.nav-item .nav-link.dropdown-toggle:after{border: none;content:'\F231';position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -0.125em;font-size: 0.6rem;}
	.nav-item.dropdown--small{position:static}
	/* .nav-item.dropdown:before{content:'';position:absolute;width:100%;height:100%;z-index: 2;} */
	.dropdown-toggle::after{content: none;right: 1.25rem;position: absolute;}
	.functionBox{align-items:center}
	.menuSideTool{margin:0;gap: 0;padding: 0 .5rem;/* background: transparent; */}
	.navbar.index .logo{padding:0;}

	.navbar.open-bg{background:#fff;box-shadow: 0px 0px 0.25rem 0px rgba(59, 100, 100, 0.25);}
	
	.navbar-nav .dropdown-menu{--backHeight: 56px;position:absolute;width: 100%;left: 100%;top:0;border:none;display: none;transition: 0.3s all;overflow-y: auto;height: calc(100vh - 74px);/* background: var(--lineColor); */background: #fff;padding: 0;}
	.navbar-nav .dropdown-menu.active{display:block}
	.navbar-nav--move{left: -100%;}
	.menuTit{margin-bottom: 1rem;}
	.dropdownInner{height: calc(100vh - 74px);display: flex;flex-direction: column;gap: 0;}
	.dropdownInner .rightBox{padding-bottom: calc(var(--backHeight) + 4rem);}
	.dropdownInner  > div{/* background:#fff; */padding: 1rem;color: var(--txtBlack);}
	.dropdownInner .rightBox .itemGroup:not(:last-child){margin-bottom:1rem;padding-bottom:1rem;border-bottom: 1px dashed var(--lineColor);}
	.dropdown-item--wrapper{width:100%;gap: 0;}
	.dropdown-item{padding: 0.5rem 0;padding-left: 1rem;border-left: 1px solid var(--lineColor);margin-left: 0.5rem;font-size: .9rem;}
	
	/*主選單-側邊功能*/
	.toolItem{font-size: 1.115rem;width: auto;height: auto;padding: .3rem .5rem;/* color: var(--txtBlack); */color: #fff;}
	
	.backDrop{padding: 1rem;background: #f9f9f9;/* background: var(--lineColor); */cursor: pointer;}
	.backDrop i{font-size: .75rem;vertical-align: .125em;}
	.navbar-toggler.open + .menuBar .navbar-nav--move .backDrop{position: absolute;top: 0;left: 0;width: 100%;z-index: 3;box-shadow: 0 3px 8px rgba(0,0,0,.1);border-top: solid 1px #eee;font-size: .9rem;}
	.navbar-toggler.open + .menuBar .dropdownInner{padding-top: calc(var(--backHeight) + 1rem);}

	.cartList{display:none!important;}

	/*991=====首頁=====*/
	.pdtZone.layout--grid{grid-template-columns: repeat(2, 1fr);gap: 0 1rem;margin-top: 0;}
	.ixMidBg .pdtZone.layout--grid:has(.pdtBox:nth-child(3):last-child) {grid-template-columns: repeat(3, 1fr);}
	.ixMidBg .pdtZone.layout--grid .pdtBox{max-width: 220px;margin: 0 auto;}

	.blockHeight--concept{padding: clamp(2rem,10vw,10rem) 0;overflow: hidden;}
	
	
	/*養生新觀念*/
	.aboutOuter{gap: 2.5rem;}
	.aboutOuter figure{width:100%}
	.aboutOuter .picContent{width:100%;justify-content: center;}
	.aboutOuter .txtContent{width:100%;padding: 0;display: flex;flex-direction: column;}
	.aboutOuter .txtContent .mb{display: block;}
	.aboutOuter .btnStyle{align-self: center;}
	.txtDeco{/* transform: translateY(-90%); */}
	.txtDeco span{display:block;}

	/*產品推薦*/
	.ixRecommend .mainTxtBox{margin: 0 var(--containerPadding) 1.5rem;padding-right: 0;}
	.recommendBox{margin: 0 1rem .5rem;}
	.recommendBox:first-child{margin:0}
	/* .recommendBox:nth-child(odd){margin-right:2rem;margin-left:auto}
	.recommendBox:nth-child(even){margin-left:2rem;} */
	.recommendTxt{right:1rem;bottom:1rem}
	.recommendTxt:before{width: 7rem;transform: translate(40%, 45%) rotate(-15deg);}
	.recommendName{margin-bottom:0}
	.ixRecommend.layout--grid{grid-template-columns: repeat(2, 1fr);gap: 1rem;}
	.pdtBox{/* border-bottom: 1px dashed #ddd; */padding-bottom: 0;}

	/*產品清單頁-卡片*/
	.pdtTag .label{font-size:.8rem;padding: 2px .25rem;}
	
	/*明星商品*/
	.pdtCartBtn{right: .5rem;width: 40px;height: 40px;font-size: 1rem;}
	.pdtBoxContent .priceBox{padding-bottom: .75rem;}
	.pdtBox .mainPic{margin-bottom:0}
	.pdtBox .pdtName{width: calc(100% - 3rem);margin-bottom: 0;}
	.pdtBox .txt{max-width: 100%;}
	.pdtZone--list .pdtBox{box-shadow: 0 2px 0.5rem 0 rgba(0, 0, 0, 0.10);}

	/*事業介紹*/
	.blockHeight--choose{padding-bottom:0}
	.ixIntroZone .aboutPic{display:none;}
	.ixIntroZone .aboutPic--mb{display:block;margin-left: auto;margin-right: auto;text-align: center;}
	.ixIntroZone .aboutPic--mb.mb1{margin-top:2rem;margin-bottom: 1rem;}
	.ixIntroZone .aboutPic--mb.mb2{margin-top:2rem;}
	.ixIntroZone .textContent--float{position:static;transform: none;}
	.blockHeight--choose .txt{letter-spacing:0;margin-bottom: 2rem;}
	.bigSlogan__sub{margin-top: 1rem;margin-left:calc(var(--containerPadding) / -2);margin-right:calc(var(--containerPadding) / -2);letter-spacing: .15em;}
	
	/*!991=====產品清單頁=====*/
	/*==區塊*/
	.pdtList__outer{flex-direction:column;}
	.searchSidebar{width:auto;z-index: 10;}
	.searchSidebar__btn{display: inline-block;margin-bottom: 1rem;background: var(--mainColor);color: #fff;padding: 0.5rem 1.5rem;border-radius: 100rem;font-size: .9rem;}
	.searchSidebar__btn--close{font-size:2rem;padding:0.25rem;line-height:1;aspect-ratio:1;width:3rem;margin-bottom: 1rem;display: flex;justify-content: center;align-items: center;position: absolute;right: 1rem;top: 1rem;background: transparent;color: var(--mainColor);}
	.searchSidebarMenu{position: fixed;left: 0;top: var(--navbarH);bottom: 0;width: 300px;padding: 1rem 1rem 4rem;padding-left: 2rem;background: #fff;z-index: 10;/* margin-top: var(--navbarH); */transform: translateX(-100%);transition: 0.3s ease-out all;font-size: .9rem;}
	.searchSidebarMenu.open{transform:translateX(0);box-shadow: 0 1rem 1rem rgba(0,0,0,0.15);}
	.searchSidebar__block--wrapper{height: calc(100% - 3rem);overflow-y:auto;margin-top: 3rem;padding-right: 1rem;}
	.pdtList__outer .pdtZone__outer{width:100%;margin: 0;}
	.pdtZone--list.pdtZone.layout--grid {gap: 1.5rem;}
	/* .blockHeight--pdtList .flexBox--spread{flex-direction: row;gap: 0.5rem 1rem;margin-bottom: 1rem;} */
	.pageMainTit{gap: .5rem;}
	
	/*篩選select*/
	.sortZone{padding: .25rem .5rem;}
	.selectStyle .optionOutput{font-size:.9rem}

	/*!991=====產品底層頁=====*/
	.blockHeight--pdtdetail .breadCrumbs-block{margin-bottom:0}
	.productDetail{flex-direction:column;gap:2rem;}
	.productDetail__block{width:100%;}
	.productDetail__block--pic{position:static;}
	.productDetail__block+.productDetail__block{padding:0;}
	.addPurchase__item{flex-wrap:wrap;gap: 0;}
	.box--info{width:100%;margin-left: calc(5% + 0.5rem);}
	.productImg__thumb{padding:0;}
	.FormatList__item+.FormatList__item{margin-top: .5rem;}
	.blockHeight--pdtdetail .btnBuyGroup{margin: 0;position: fixed;z-index: 99;left: 0;right: 0;bottom: 0dvh;}
	.pdtIntroZone .container{padding-left: 0;padding-right: 0;}

	/*!991===cookie視窗 */
	body:has(.blockHeight--pdtdetail) .cookiesBox{bottom:63px}
	
	/*!991=====產品landing page=====*/
	/* countDw */
	.blockHeight--landingActivity{padding: 0;}
	.blockHeight--landingActivity .container{padding-left: 0;padding-right: 0;max-width: 100%;}
	.modSet{padding: 2rem clamp(1rem,2vw,3rem);}
	.modSet__item{/* border-radius:0; */}
	.modSetTt{margin-bottom: .25rem;padding-right: 3rem;letter-spacing: 0;}
	.modSetBrief{margin: 0;letter-spacing:0;/* font-weight: 300; */}
	.modSet__item__infor{gap:.5rem}
	.modSet__item__infor .moreTxt{position: absolute;top: clamp(.5rem,2vw,1rem);right: clamp(.5rem,2vw,2rem);width: auto;padding: 0;}
	.modSet__item__infor .moreTxt span{letter-spacing:.15em;font-size: .8rem;padding: .1rem 0 .05rem;}
	.modSet__item__infor .moreTxt span:after{right:0}
	.countDwBox.slick-slider{width:100%;margin-bottom: 4rem;}
	.countDwBox__item{grid-template-columns: 1fr;gap: 0;}
	.countDwBox__item__infor{/* padding: var(--containerPadding); */}
	.countDwBox__item__infor{width:100%;display: inline-flex;flex-direction: column;margin-top: 2rem;margin-bottom: 0.5rem;}
	.countDwBox__item__infor .countDwTt{margin-left: var(--containerPadding);margin-right: var(--containerPadding);text-align: center;}
	.countDwBox__item__infor .countDwTxt{padding: 0 var(--containerPadding);margin-bottom: var(--containerPadding);text-align: center;}
	.countDwBox__item__infor .btnStyle{align-self: center;}
	.countDwBox__item__infor .countDwTime{/* order: -1; */margin: 0 0 var(--containerPadding);padding: var(--containerPadding);border-bottom: solid 1px #eee;}
	.timer-body-block{padding:0;}
	.blockHeight--hotPdt{padding-top: 4rem;padding-bottom: 0;}
	.blockHeight--hotPdt .decoTxt--pc{display: none;}
	.blockHeight--hotPdt .decoTxt--mb{display: flex;margin-bottom: var(--containerPadding);padding: 0 var(--containerPadding);}
	.blockHeight--hotPdt .decoTxt .subTxt,.hotPdtText__tt{font-size: max(1.25rem,4vw);}
	.hotPdtG{max-width: 100%;}
	.hotPdt__item {flex-direction:column;margin-bottom: 1rem;padding: 0;gap: 1rem;}
	.hotPdtCover{width:100%;}
	.hotPdt__item__infor .hotNum{z-index:1;left:inherit;right:0;transform:translateY(-100%)}
	.hotPdt__item__infor{width: 100%;padding: 0 var(--containerPadding);}
	.hotPdtMain{/* width:clamp(200px,50vw,500px); */margin-top: 0;}
	.hotPdt .slick-dots{max-width:inherit;text-align:center}
	.hotPdtDot{display: none;}
	.hotPdtMain{text-align:center;}
	.hotPdtText__pcs{justify-content: center;margin-bottom: 1rem;}
	.hotPdtText__tt{margin: 0 0 1rem;padding-bottom: 1rem;}
	.hotPdtText__tt:after{left:50%;transform: translateX(-50%);width: 50%;background: linear-gradient(to right,var(--mainColor)45%,var(--lineColor) 45%);}
	.shopBtnG{justify-content: center;}
	
	/* !991產品開合 */
	.pdName{font-weight:400;font-size: .95rem;}
	
	/*!991購物車--加購商品*/
	.addCartPdt__item{margin: 0 .25rem;padding: .5rem;}
	.addCartCover{margin: 0 auto .25rem;display: block;}
	.addCartPdt__item__infor{width: 100%;gap: .25rem;}
	.addCartPdt__item__infor .priceBox{width: 100%;gap: .25rem;padding: .25rem 0;}
	.addCartPdt__item__infor small{margin:auto 0;}
	.addCartPdt__item__infor .qty{margin-left:auto;}
	.addCartPdt__item__infor .specBox{gap:.25rem}
	.addCartPdt__item__infor .form-select{height:1.5rem;padding:0 .5rem;line-height:1}
	.priceBox{align-items:flex-end}
	.priceBox__pv{font-size: .75em;}
	.priceBox__pv span{font-size: .875rem;}
	
	
	/*!991=====購物車*/
	.cartZone{flex-direction: column;gap: 4rem;}
	.cartZone__main{width:100%;}
	.cartZone__detail{width:100%;}
	.cartZone .pdtName{font-size:1rem;font-weight: 450;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 2.4em;}
	.cartZone .pdtSpec{font-size:.75rem;}
	.cartContent__conform{}
	.cartPdtBox--small .pdtName{font-size:0.875rem}
	
	.radioFlex{display: block;}
	.radioFlex__content{padding-left:1.25rem}
	.payCard{text-align:left}
	.payCard__pic{height: 1.25rem;}
	
	.cartNum{width: 2.25rem;font-size:1.25rem;}
	.cartStep{font-size: 1rem;}
	.cartbar__item:not(:last-child):after{top: calc(1rem + 1px);}
	.discountTotal--mb{display:flex;align-items: center;gap: 0.5rem;}

	.apiItem__box{justify-content: space-between;}
	.apiItem__box__left,.apiItem__box__right{/* width: auto; */}
		
	/*購物數字增加減少*/
	.qty button{width: 1.5rem;}
	.qty input{width: 3rem;}
	.qty--sm{width: auto;}
	.qty--sm button{}
	.qty--sm input{}
	.addCartPdt .qty input, .mktCartPdt .qty input{width: 2em;}
	.addCartPdt__item__infor:not(:has(.specBox)) .qty--sm{width:100%}
    

	/*991=====footer*/
	.ftTop .container{flex-direction:column;align-items: flex-start;}
	.ftSloganBox{width:100%;}
	
	/*--------常見問題-------*/
	/*!991===qaBox*/
	.quickLinkList{grid-template-columns: repeat(3,1fr);}
	.quickLinkList__item:not(:last-child):before{display:none;}

	.discountTotal--mb + footer #goTop{bottom: 4.625rem;}
	.discountTotal--mb + footer.fixGoTop #goTop{bottom: auto!important;}

	/*!991===紅配綠*/
	.countDwBlock{padding-top:1rem;padding-bottom:1rem}
	.mktCartPdt .addCartPdt__item{width: calc((100% - (clamp(1rem,2vw,2rem) * 2)) / 3);}
	.redGreenTab__nav--wrapper{/* overflow-x:auto; *//* overflow-y: hidden; *//* position: sticky; *//* top: var(--navbarH); */}
	.redGreenTab__nav{/* width: fit-content; *//* display: flex; *//* flex-wrap: nowrap; */gap: .5rem;}
	.redGreenTab__btn--red,.redGreenTab__btn--green{/* white-space:nowrap; *//* width:auto!important; */font-size: 1.125rem;flex: 1;padding: 0.5rem .5rem;}

	/*!991===會員-會員總管*/
	.membar{top: 51px;}
	.newsBar--wrapper{top:calc(56px + 50px);}
	.membarZone__list__item.active{order:-1}
	.memMainContent .container,.newsBar--wrapper .container{max-width: 100%;/* padding: 0 1rem; */padding-right: var(--containerPadding);padding-left: var(--containerPadding);}
	.memRadial{gap: 1.5rem;}
	.memRadial__item{margin:0;width: 100%;max-width: none;}
	.memRadial__item__data .tit{font-size:1.125rem;font-weight:700;}
	.memRadial__item__data .tit br{display: none;}
	.memRadial__item__data .pvNum{text-align:right;color: var(--darkGreen);font-weight: 700;}
	.percentLeft{width:100%;height:1rem;background: linear-gradient(90deg, rgb(59, 142, 142) 0.98%, rgb(181, 202, 160) 40%, rgb(255, 181, 38) 98%), rgb(238, 238, 238);display: block;position: relative;border-radius: 1rem;overflow: hidden;margin-top: 0.125rem;}
	.percentLeft:after{content:'';position:absolute;right: 0;top:0;background:linear-gradient(90deg, rgb(59, 142, 142) 0.98%, rgb(181, 202, 160) 65%, rgb(255, 181, 38) 98%), rgb(238, 238, 238);background: #eee;height: 100%;width: calc(100% - var(--percent));}
	.memRadial__item__txt{font-size:0.875rem;margin:0.5rem 0;font-weight:700;}
	.memRadial__item__txt .brief{margin-top:0.25rem;font-weight:500}
	.memBoard{flex-direction:column;}
	.memBoard__left{width:100%;position:static;padding: 0;margin-bottom: 2rem;}
	.memberData__infor{padding:1rem;}
	.memberData__btn{/* align-items: center; */}
	.memberData__btn__link{width:100%;display: flex;justify-content: space-between;}
	.memberData{display:flex;gap: clamp(1rem,2vw,2rem);align-items: center;justify-content: center;flex-wrap: wrap;}
	.memBoard__right{width:100%;}
	.memTit--ps{/*padding-left:0.5rem;*/}

	.membarLink{padding: 1rem 1.5rem 1rem 1.5rem;}
	.membarZone_list{/* gap:0.5rem 0; *//* padding: 0 1rem; */}

	.memTit{letter-spacing: 0;}
	.memOrderSort__link.active:after{font-size: 1rem;}
	.memIntegral__item:after{/* width: calc(100% - 0.45rem); *//* height: calc(100% - 0.45rem); */}
	.memIntegral__item__pv{font-size: clamp(1.625rem,2.5vw,2.25rem);letter-spacing:0}
	
	
	/*!991===會員-重要公告*/
	.memInforBox__header .toggleIcon{display: inline-block;}
	#member_addr_default,#member_addr_area{display:none}
	#member_addr_default+.memInforBox__header{margin-top:1rem}
	.noticeList__item{}
	.noticeList__item__tit{}
	.noticeTitMore{margin:0;}
	.noticeTitMore{padding-right:3rem;}
	.noticeTitMore,.noticeTitMore:after{height:2.5rem;}
	.memMainContent--page .memTitleBox--news{flex-direction:column;display: flex;align-items: flex-start;gap: 0;}
	.memTitleBox__group{width:100%;justify-content: flex-end;align-items: center;}
	.memTitleBox--news .memTit{width:100%;}

	/*!991===會員-常用資料管理*/
	.memInforZone__top{grid-template-columns:1fr;}
	.memInforBox__body{flex-direction:column;}
	.memInforCover{text-align:center;margin: 0;}
	.formContentG{display: flex;flex-direction: column-reverse;gap: 0.25rem;}
	.formContent{width:100%;}
	.formEditDel{width:100%;justify-content: flex-end;}
	.radioFlex__txt--baseline{padding: 0;}

	/*!991===會員-推薦連結*/
	.memRecommend{flex-direction:column;margin-top: 2.5rem;}
	.memRecommend__item{width:100%;}

	/*!991===會員-訂單查詢*/
	.memOrder__header{display:none;}
	.memOrderList__card__top{gap:0.5rem;/* flex-direction: column; */align-items: flex-start;}
	.memOrderList__card__top .numTxt{flex:1}
	.memOrderList__card__top .typeTxt{/* width:100%; */justify-content: flex-end;flex-direction: column;gap: .25rem;}
	.memOrderList__card__btm{gap: .5rem;flex-wrap:wrap;align-items: flex-start;position: relative;padding: 1rem 0;margin-right: 5rem;border-right: 1px solid var(--lineColor);}
	
	.orderInfor{width: calc((100% - 5rem) / 3);padding: 0.5rem;min-height: 3.5rem;}
	.orderInfor,.termorderPage .orderInfor{width: 50%;padding: 0 1rem;min-height: inherit;display: flex;justify-content: flex-start;position: relative;padding: 0 1rem;}
	.orderInfor.order--detailBtn,.orderInfor.order--contact{position:absolute;left: 100%;width: 5rem;}
	.orderInfor.order--detailBtn{top: 0;width:5rem;justify-content: center;border: none;min-width: 5rem;padding: .5rem 0 0;}
	.order--delivery .delivery{text-align:left}
	.detailPop{width:3rem}
	.orderInfor.order--contact{bottom: 0;flex: 1;justify-content: center;width: 5rem;min-width: 5rem;margin-bottom: .5rem;}
	.orderInfor.order--contact .btnStyle{border-radius:0;width: 3rem;padding: 0.25rem 0.5rem;margin-left: auto;}
	.orderInfor.order--pricePv{flex-direction: row;flex-wrap: wrap;}
	.orderInfor.order--pricePv,
	.orderInfor.order--delivery{border:none}
	.orderInfor.order--delivery{align-items:flex-start}
	.pricePvBox{display:flex;/* flex-direction: column; */align-items: flex-start;gap: 0 0.5rem;flex-wrap: wrap;}
	.orderInfor.order--pricePv span +span {position:relative;}
	.orderInfor.order--pricePv span +span:before {content:'/';margin-right:0.5rem;}
	
	.orderInfor:before{background: var(--txtBlack);background: var(--mainColor);margin-right: 0.5rem;font-weight: 450;width: 2.5rem;padding: 0 .2rem;color: #fff;text-align: center;font-size: 0.875em;}
	.order--status:before{content: '狀態';}
	.order--pricePv:before{content:'金額';}
	.order--pay:before{content:'付款';}
	.order--delivery:before{content:'配送';}
	.order--invoice:before{content:'發票';}

	.termPop__box__content .memOrderList__card__btm{align-items: flex-start;margin-right: 0;}
	.termPop__box__content .orderInfor{flex-wrap: nowrap;align-items: flex-start;width: 31%;text-align: left;}
	.termPop__box__content .orderInfor:not(:last-child){border-right: 1px solid var(--lineColor);}
	.termPop__box__content .orderInfor:nth-child(3){border-right:none}
	.termPop__box__content .order--delivery span{flex:1}
	.termPop__box__content .order--detailBtn{/* width: 200px; */padding: 1.25rem 1rem;justify-content: flex-start;align-content: stretch;align-items: center;color: var(--mainColor);font-weight: 700;}
	.termPop__box__content .order--status{/* width: calc(100% - 200px); */flex-direction: row;align-items: center;}
	.termPop__box__content .orderInfor .tagOrderStatus{margin-top:0;margin-left: .25rem;}
	
	/* .termPop__box__content .order--invoice,
	.termPop__box__content .order--pricePv,
	.termPop__box__content .order--pay,
	.termPop__box__content .order--delivery{flex:1;} */
	.termPop__box__content .order--pricePv{flex-wrap:nowrap;}
	.termPop__box__content .order--pricePv .pricePvBox{flex:1}
	
	.termPop__box__content .order--status:before{content: '期數';}
	.termPop__box__content .order--invoice:before{content: '組數';}
	.termPop__box__content .orderInfor.order--detailBtn:before{content: '預計配送日';width: auto;}
	.termPop__box__content .orderInfor.order--detailBtn,.termPop__box__content  .orderInfor.order--contact{position:static;}

	/*!991===會員-長購訂單查詢 */
	/* .termorderPage .order--detailBtn{width: inherit;}
	.termorderPage .order--invoice{width: 100%;}
	.termorderPage .order--pay{width: 100%;} */
	.termorderPage .orderInfor.order--pricePv,.termorderPage .orderInfor.order--delivery{border-right:1px solid var(--lineColor)}
	.termorderPage .order--invoice,.termorderPage .order--pay{border:none}

	/*!991===長購計畫*/
	.pdtLongBox{grid-template-columns: repeat(2,1fr);}
	.pdtLongBox__item{}
	.pcp-ic{ width: 70vw;flex-wrap: wrap;justify-content: center;margin-top: 1.5rem;}
	.pcp-ic img{width: 20vw;}
	.longtermCaption .imgList{display: flex;flex-wrap: wrap;justify-content: center;}
	.pcpDecoBox.container {padding: 2rem 5rem;width: auto;max-width: inherit;right: 1rem;transform: translateY(calc(50% + 30px));}
	.pcpDecoBox--2nd {padding: 2rem 3rem;transform: translateY(-50%);}
	.subPlanList { gap: 1rem;}
	.longtermCaption .imgList__item {width: 20vw;}
	.longtermCaption .imgList__item--down, 	.longtermCaption .imgList__item--up, .longtermCaption .imgList__item--sm--down {transform: translateY(3rem);}
    .longtermCaption__bottom {float: none; margin-left: 1rem; display: flex; flex-direction: column;align-items: center; margin: 8rem 0 2rem 0;}
	.longtermCaption__bottom__txt{font-size: 1.5rem;letter-spacing: 4px;float: none;}
	.longtermBtn{}
	.pcp-greenbar {z-index: 1;position: relative;height: 240px;flex-wrap: wrap;/* display: block; */}
    .imgList__item.imgList__item--smDown{transform: translateY(3rem);}
	.promiseList { gap: 2rem;}
	.promiseList__item{flex-direction: column;}
	.orderStep {width:25%;gap: 1rem;flex-direction: column;}
	.subPlan .pgTitle {margin-top: 3rem;}
	.pcpTxtDeco{font-size: min(8rem, 10vw);}
	.pcpTxtDeco--promise, .pcpTxtDeco--plan {--removeX: 0;--removeY: -1rem;}
	

	/*!991===搜尋*/
	.blockHeight--search .flexBox--spread{flex-direction: row;flex-wrap: wrap;gap: 0.5rem 1rem;margin-bottom: 1rem;}
	
	/* 使用見證 */
	.useMessage .container{padding:0 0 2rem}
	.useMBox{margin-top: 0;}
	.useMBox .slick-list{padding-top: 0;}

	/*991=====紅配綠=====*/
	.blockHeight--mkt{padding-top:0}
	.redGreenTab{margin-left: calc(-.5 * var(--containerPadding));margin-right: calc(-0.5 * var(--containerPadding));}
	.redGreenTab__content__box{padding:.5rem;}
	.mktCartPdt{/* gap:.5rem; */}
	
	.blockHeight--mkt .addCartPdt__item__infor .qty{/* flex:1; *//* order:1; */justify-content: space-between;margin-top: auto;}
	.blockHeight--mkt .addCartPdt__item__infor .priceBox{/* flex:1; *//* flex-direction: column; *//* gap: 0; */}
	.blockHeight--mkt .addCartPdt__item .btnStyle{order:2}

	/* 次功能-側選單 */
	/* .membarLink--hasIcon{grid-template-columns: 40px 1fr;gap: .5rem;padding-left:0;padding-right: 1rem;}
	.membarLink--hasIcon .icon{width: 40px;height: 40px;}
	.membarLink--hasIcon .icon img{width:60%} */

	/* 常見問題 */
	.faqSubSortNavLink{padding:.25rem .5rem;font-size: 1rem;}

	/*會員-推薦連結*/
	.recommQr{position:relative}
	.recommQr::after{content:'長按圖片可下載';display: block;color: var(--mktRed);text-align: center;}

	/*!991 底層*/
	.memTitleBox{/* flex-direction:column; */flex-wrap: wrap;}
	.memTitleBox > *{width: 100%!important;}
	
	/*!991 最新消息*/
	.newsPBox__item{width: calc((100% - (clamp(1.5rem,2vw,3rem) * 1)) / 2);}
	.sharePBtn,.memTitleBox__group__btn{box-shadow: 0 1px 3px rgba(0,0,0,.15);}
	.sharePBtn{}
	.sharePBtn{width: 2rem;}
	.sharePBtn img{width: 90%;}

	/*會員-重要公告*/
	.memTitleBox__group__btn{padding: .5rem 1rem;}
	
	/*!991 聯絡我們*/
	.locationBox__tit{grid-template-columns: 100%;}
	.locationBox__tit__board{margin-top:0;}
	.locationBox__main{flex-direction:column-reverse;/* gap: 2rem; *//* margin-top: 2rem; */}
	.locationBox__main__pic,.locationBox__main__infor{width:100%;}
	.locationBox__main__pic{margin:0;}
	.locationBox__main__infor{/* margin: 1.5rem 0; */display: none;}
	.locationBox__main__pic img{transform:translateY(0);border-radius: 0 0 0.25rem 1.5rem;}
	.locationBox__main__pic:after{left: -.5rem;bottom: -.5rem;}
	.headQBox{gap:.5rem;}
	.headQBox__tit{font-size:1.15rem;font-weight:500}
	.headQBox__slogan__mj{margin: 0;letter-spacing:0.175em;}
	.headQBox__slogan__sub{letter-spacing:0.15em;font-weight:400;}
	.cnpList{display:grid;grid-template-columns:repeat(2,1fr)}
	.cnpList__item{text-align:center;padding: 0;min-width: inherit;}
	.cnpList__item__tit{font-size:1.15rem}
	.cnpAddress{font-size:1rem}

	/*!991 faq*/
	.tabsGroup--faq{/* margin-bottom: 2rem; *//* padding-bottom: 2rem; */}
	.faqSortMenu--wrapper{margin-left: calc(-1 * var(--containerPadding));margin-right: calc(-1 * var(--containerPadding));}
	.faqSortMenu{/*flex-wrap:nowrap;width: 100%;gap: 1rem;justify-content: flex-start;*/margin-bottom: clamp(1rem,2vw,2rem);padding-left: var(--containerPadding);padding-right: var(--containerPadding);}
	.faqSortMenu__box img{max-width: 2rem;}
	.faqSortMenu__box{white-space:nowrap;margin: 0 .25rem 0;padding: .75rem 1rem;font-size: clamp(1.115rem,1.2vw,1.25rem);}
	.faqSortMenu__box::before{width:0.625rem;display: none;}
	.faqSortMenu__box::after{width:2rem;display: none;}
	.faqSubSortNav{justify-content:flex-start;gap:.25rem;padding: 0 .25rem;}
	
	/* !991=====事業機會 */
	.careerPage{font-size:1rem}
	
	/* !991====標題 */
	.subTitle{/* margin: 0 auto 2rem; */}

	/*!991 會員 優惠券*/
	.couponContent__item{grid-template-columns:1fr;gap: 1.5rem;}
	.coupon__body__name{margin:0}
	.couponRule{margin:0}

	/*!991=====關於興田1=====*/
	.blockHeight--about{--container:720px;}
	/*!991 關於(balance)*/
	.blockHeight--about{--container:calc(100% - 6.25rem);}
	.abTop:before{width:100%;left:0;transform:translateX(0);height: 55%;bottom: 15%;}
	.abTop .container{z-index: 1;/* max-width: var(--container); */}
	/*!991 關於(data)*/
	.abArticle .container{flex-direction:column;max-width: var(--container);margin: auto;gap: 2rem;}
	.abBtm__imgData,.abBtm__content{width:100%;}
	.abBtm__imgData:before, .abBtm__imgData:after{right:1rem;width: 5rem;top: 5rem;}
	.abCover__pic{width:100%;height:auto;}
	.abData--wrapper{position: static;transform: translate(0);padding: 2rem 0 1rem;}
	.abData--wrapper .container{max-width: calc(100% - 2rem);display: block;padding: 0 1rem;margin: auto;}
	.abData{--gap: 2rem;justify-content: center;display: flex;gap: var(--gap);padding-top: 3.5rem;}
	.abData__item{/* padding: 0; */}
	.abData__item:not(:last-child){border:none;}
	.abData__item:not(:last-child)::after{content:'';position:absolute;right: calc(-1 * (var(--gap) / 2));top:0;width:1px;height:100%;background:#fff;}
	.abData__item__icon{top: -1.5rem;}
	.abData__item__icon img{transform: scale(1.75);}
	.abData__item__box{}
	.dataNum{font-size: clamp(1.5rem,8.5vw,4rem);padding-right: 0;}
	.dataNum:after{width:1rem}
	.dataNum:not(.dataNum--year):after,.dataNum--year:after{font-size: clamp(.85rem, 2vw, 1.25rem);}
	.dataNum:not(.dataNum--year):after{top: 50%;}
	.dataTit{margin-right: 0;}
	
	
	/*!991 關於(journey)*/
	
	.abJrn--founder{padding-top: 8rem;}
	.abJrn__slogan{}
	.abSlogan--wrapper{margin-right:0;justify-content:center}
	.abSlogan{letter-spacing:0.15em;font-size: clamp(2rem, 4vw, 4.6875rem);}
	.abJrn--ceo .abSlogan--wrapper{margin:0 calc(-1 * var(--containerPadding));padding: 0 clamp(3rem,4.5vw,5rem);}
	.abJrn--ceo .abSlogan:nth-child(1){margin: 0;margin-right: 1rem;}
	.abJrn--ceo .abSlogan:nth-child(2){margin: 0;margin-left: 1rem;}
	
	.abJrn .bigTxt.--dot:after{transform: translate(100%,-40%);right: -1rem;top: 50%;}
	.abJrn__timeline{padding-top:3rem}
	.abJrn--founder .abSlogan--wrapper{}
	.abJrn--founder .rpsStaff__sign figure:has(.rpsStaff__sign__pic){justify-content: center;}
	.abJrn--founder .rpsStaff{padding-top:2rem}
	
	
	
	/*!991 關於(brand)*/	
	.brandTop .container{/* flex-direction:column; */gap: 0.5rem 2rem;}
	.brandTop__logo__tt{padding:0;transform: translateY(50%);}
	.brandBtm .container:before{content:none;}
	.brandTop__logo{width: 60%;}
	.brandTop__infor{width:100%;}
	.brandLCover{transform:translateY(1rem);}
	.brandTop__infor{padding: 2rem 0 2.5rem;text-align: center;}
	.brandBtm .container{max-width: var(--container);margin: auto;z-index: 1;}
	.abBlock--brand:after{z-index: -1;left: 40%;right: unset;width: clamp(20rem,80vw,70rem);}
	.brandBtm__box__logo{gap:2rem;width: 40%;}
	.logoImg + .logoImg:before{left:-1rem;height: 50%;top: unset;bottom: 10%;transform: translate(-50%,0);}
	.logoImg{flex-direction:column-reverse;}
	.brandTop{margin-bottom: 2rem;}
	/*!991 關於(location)*/
	.abBlock--location .container{max-width:var(--container);}
	.abLocGeo__item{transform: translate(-50%,-100%) scale(0.85);transform-origin: center bottom;}
	.abLoc__main{padding-left:0;padding-top: 2rem;}
	.abLocGeo{display:none;}
	.abBlock--location{padding-bottom: 9rem;}
	.abLocGeo--wrapper{transform:none;}
	.abLocGeo--wrapper:after{background:url(../images/about/map-m.png?20241112)center/cover;transform: scale(1.08);transform-origin: center bottom;aspect-ratio: 1920/1000;mask: linear-gradient(to bottom, transparent ,#000 10rem);}

	/* !991=====事業機會 */
	.rankStep__head .pic{position:absolute;right: -1rem;top: -.5rem;width: 3em;}
	.careerComplexBox .infoBox__txt{height: 3em;align-items: baseline;}
	.careerComplexBox .infoBox__txt .big{/* margin-top: -.3em; */transform: scale(1.5);font-size: 100%;}
	.careerComplexBox .infoBox__txt .w100-mb{width:100%}
	.rank3Table__box{padding:1rem .5rem}
	.rankArea{gap: 4rem;}
	.rankArea__box{--pic: 40vw;}
	.rankArea__box--fill{}
	.rankArea__box--pic{max-width: 600px;margin: auto;}
	.rankArea__box--pic .pc{display: none;}
	.rankArea__box--pic .mb{display: inline-block;}	
	.rankArea__box--picName{position: absolute;right: 0;top: clamp(4rem,6vw,6rem);max-width: var(--pic);aspect-ratio: 1;}
    .rankArea .container:has(.rankArea__box--picName) .rankArea__box__head,.rankArea .container:has(.rankArea__box--picName) .rankArea__box__txt{padding-right: var(--pic);}
	.rankArea__box__txt .br-pc{display:none;}
	.rankArea__box__slogan.--slogan2{margin-left:0}
	
    

}
@media screen and (max-width: 880px){
	/* !880=====事業機會 */
	.rankList{grid-template-columns:repeat(1,1fr);gap: 0;max-width: 500px;margin: auto;}
	.rankList__box:nth-child(1){z-index:3}
	.rankList__box:nth-child(2){z-index:2}
	.rankList__box:nth-child(3){z-index:1}
	.rankStep{flex-direction:row;padding-top:2rem}
	.rankStep.arrow, .rankStep.arrowStart, .rankStep.arrowEnd{padding-left: 10%;padding-right: 10%;clip-path: inherit;border-radius: 0;}
	.rankStep__head{position: static;}
	.rankStep__head__name{}
	.rankStep__head .num{display: none;/*position:absolute;right:100%;top:0;color:var(--color)*/}
	.rankStep__head .pic{bottom:0;top:inherit;right: 1rem;}
	.rankStep__bottom{flex:1;border-left:solid 1px;border-top:none;padding:0 0 0 1rem;margin:auto 0}
	
}
@media screen and (max-width: 768px){
	/* .container{max-width: calc(100% - 1rem);width: 100%;padding-right: var(--containerPadding);padding-left: var(--containerPadding);} */
	.scrollXStyle{overflow-x: auto;}
	.decoLine .line{/* display:none; */}

	/*首頁-BANNER*/
	.bannerStyle .slick-prev,.bannerStyle .slick-next,.bannerStyle .slick-prev:focus,.bannerStyle .slick-next:focus{width: 3rem;height: 3rem;}

	/*!768=====共用*/
	.quickQaZone{position:relative;}
	/* .quickQaZone:after{content: '↼ scroll ⇀';position: absolute;bottom: 0.25rem;left: 1.5rem;color: #fff;opacity: 0.8;letter-spacing: 0.05em;animation: fadeIn 2s infinite forwards;} */
	.quickLinkList{/* width:1200px; *//* justify-content: flex-start; */}
	.sortBar--wrapper .container{padding: 0;margin: 0;max-width: 100%;}
	.sortBar{width:calc(100% - 2rem);margin:auto;}

	/*!768=====header*/
	/* .logo__pic{height:4rem;} */

	/*768=====banner*/
	.bnPcp{  height: 750px;}
	
	/* cookie視窗 */
	.cookiesBox{gap:.5rem;padding: .75rem;}
	.cookiesBox__btn{padding: .125rem 1rem;font-size: .9rem;}

	/*!768=====footer*/
	footer{padding-top: 5rem;padding-bottom: 3rem;}
	.ftSloagn{padding-bottom: 1rem;color:var(--mainColor)}
	.ftBtm .container{max-width: 100%;}
	
	.copyRight{text-align:center;letter-spacing: 0;}
	.quickLink--sitemap{width: 100%;/* justify-content: flex-start; */display: grid;grid-template-columns: repeat(3,1fr);gap: .5rem 1rem;text-align: center;}
	.linkItem:not(:last-child):before{right: -.5rem;}
	.linkItem:nth-child(3):before{display:none}
	.listItem{letter-spacing:0;display: grid;gap:1rem;grid-template-columns: 80px 1fr;}
	/* .listItem a{} */

	/*!768=====首頁*/
	/*產品推薦*/
	.blockHeight--pdtSort{padding-bottom:0;}
	.blockHeight--pdt{padding-bottom: 0;}
	.blockHeight--pdt:before{display:none}
	.blockHeight--pdt .pdtBox .pdtName{padding: 0;font-size: 17px;}
	.blockHeight--pdt .pdtBox .txt{font-size: .85rem;}
	.ixRecommend.layout--grid{grid-template-columns: 1fr;gap: 0;/* padding: 0 .75rem; */}
	.pdtBoxContent .moreBtn {display: none;}
	.pdtBox .txt{margin: 0;}

	/*!768===攜手共好*/
	.blockHeight--together{padding-bottom: 4rem;}
	.linkBoxOuter{flex-direction: column;margin-top: 2rem;}
	.linkBoxOuter .linkBox{width:100%;}
	.linkBoxOuter .linkName{padding-top: .5rem;font-size:1.25rem;font-weight: 500;}
	.togetherTxt{max-width:340px;margin-left:auto;margin-right:auto}
	.togetherTxt .mb{display: block}
	
	/*!768===養生新觀念*/
	.aboutOuter{flex-direction:column;}
	
	/*!768===qaBox*/
	.quickLink .icon{display:none}
	.quickLink span{font-size: 1rem;}
	.quickQaZone{padding: 2rem 0;}
	.quickQaZone .quickLinkList{gap: 1rem .25rem;width: 100%;flex-wrap: wrap;}

	/*!=====banner=====*/
	.banner .slick-slide{/* height: 100vh; */}
	.banner .slick-slide video{width: 100%;height:100%;aspect-ratio: inherit;}

	/*!768=====產品Landing Page頁*/
	.hotPdtG{/* width:calc(100% - 2rem); */}
	.hotPdtMain{margin-top:0;}
	.countDwBox__item{margin: 0;}
	.blockHeight--ixAd{padding:0}
	.blockHeight--ixAd .container{max-width: 100%;margin: 0;padding: 0;}
	.ixAd {padding-top: 10vw;}
	.ixAd .banner__box__pic.pc{display: none}
	.ixAd .banner__box__pic.mb{display: block}
	
	/* 滿版區塊 */
	.landinfFull__img--pc{display:none}
	.landinfFull__img--mb{display:block}
	
	/*!768=====購物車*/
	.cartZone--wrapper{padding: 0;}
	.cartbar{justify-content:flex-start;}
	.cartbar__item{/* width: auto; */}
	.cartbar__item.active{/* padding-right: 2.5rem; */}
	.cartbar__item.active:nth-child(3):after{width:100%;}
	.cartbar__item.active .cartStep{display: block;/* writing-mode: vertical-lr; */white-space: nowrap;}
	.cartStep{display: none;}

	.cartBody .cartItem--dele{order:-1;width: auto;text-align: right;margin-bottom: -1rem;}
	.cartItem--total{/* width: calc(100% - 8rem - calc(clamp(5.5rem,7vw,7.5rem) + 1rem) - 1rem); */}
	
	.cartItem__price--old{font-size:.875rem;font-weight:400}
	.cartAddItem__btm{flex-direction: column;gap: 0.5rem;}
	.cartAddItem__btm > *{width: 100%!important;}
	.cartAddItem__btm .cartItem--total,.cartAddItem__btm .cartItem--num{padding-left: calc(clamp(5.5rem,7vw,8.75rem) + 1rem);text-align:left;}

	/*!768===紅配綠*/
	.redGreenZone__body__header  .detailName{width:100%;padding-left: calc(clamp(1rem,2vw,2rem) + 1rem);}
	.redGreenZone__body__header .detailTotal{display:none;}
	.redGreenZone__body__header .detailDele{display:none;}
	.detailName{width:100%;padding: 0;}
	.detailTotal{width:100%;margin-left: 6rem;text-align: left;}
	.detailDele{width:100%;order:-1;}
	.mktCartPdt .addCartPdt__item{width: calc((100% - (clamp(.5rem,2vw,2rem))) / 2);padding: .5rem;}

	/*!768===會員總管*/
	.memMainContent--inner{margin: 0;}
	.memRadial{flex-direction:column;}
	.memRadial__item{width:100%;}
	.memRadial__item__data{position:relative;}
	.memRadial__item__data .tit{padding-right:3rem}
	.memRadial__item__data .pvNum{position:absolute;right:0;top:0;}
	.memIntegral__item{width:calc(50% - 1rem);}
	.memIntegral__item__tit.small{font-size:1rem;}
	.memResale--inner{flex-direction:column;}
	.memResale__status{width:100%;display: flex;justify-content: center;align-items: center;padding: 0.75rem 1rem;border-radius: 0.25rem 0.25rem 0 0;}
	.memResale__status__icon{flex-direction:row;gap:0.25rem;font-weight: 600;}
	.memResale__status__icon:after{content:'/';margin:0 0.5rem 0 0.25rem;display: inline-block;transform: translateY(-1px);}
	.memResale__status__icon .bi{margin:0;font-size:2rem;}
	.memResale--inner:after{content:none;}
	.memResale__box{width:100%;}
	.memTargets{flex-wrap:wrap;}
	.memTargets__btn{width:calc(50% - 0.5rem);font-size: 1.125rem;}

	/*!768===會員-重要公告*/
	.noticeList__item{flex-flow: column;}
	.noticeList__item__tit{width:100%;}
	.noticeTitMore{margin:0;padding-right: 2rem;position:absolute;right: 1rem;top: 1rem}
	.noticeTitMore,.noticeTitMore:after{height: 1.5rem;}
	.noticeList__item__date{width: calc(100% - 6.25rem);font-weight: 650;margin-bottom: 0.25rem;}
	.noticeList__item__date .year{writing-mode: lr;font-size: 1rem;position: relative;}
	.noticeList__item__date .year:after{content:'.';}
	.noticeList__item__date .day{font-size: 1rem;}
	
	

	/* !768產品開合 */
	.box--check{width:25px;}
	.box--pic{width: 80px;}
	.box--info{width: 100%;padding-left: .5rem;margin: 0;}
	.box--info .priceRange{}


	/*!768購物車-主資訊*/
	/* .cartZone__main--top .cartHeader{width:100%;display: block;} */
	/* .cartHeader .cartItem--name{width: 100%;grid-template-columns: 1rem 1fr 1rem;text-align:center} */

	/*!768==進階搜尋--按鈕*/
	.searchTit{font-size: .9rem}
	.sideBarLink,.filterGroup__name .filterTitle{font-size:1rem}

	/*!768 最新消息*/
	.newsPInfor{padding: 1rem;padding-bottom: 2rem;}

	/*!768 聯絡我們*/
	.contactBox__infor__num{/* flex-direction:column; */}
	.formGroup__item--half{width:100%;}
	.ctPhone + .ctPhone:before{/*display:none*/}
	.contactBox .formGroup__item{display:grid;grid-template-columns:3.5rem 1fr;}
	.locationBox__tit__board{min-height:auto;border-radius: .25rem 1.5rem 0 0;}
	.contactBox__infor__mjText .name{display:block}

	/* !768===長購計畫*/
	.subPlanList{flex-direction: column;gap: 0rem;}
	.subAarow{display: none;}
	.subPlanList__item .imgBox {text-align: center;}
	.orderStep {width: 100%;flex-direction: row;flex-wrap: nowrap;padding-left: 1rem;}
	.orderList{flex-direction: column;padding: 0;}
	.arrow{clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 0% 90%,0% 0%, 50% 10%, 50% 10%);margin: -.5rem 0;}
	.arrowStart{clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 0%);}
	.arrowEnd {clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 100%, 0% 100%);}
	.orderStep--mb{margin-bottom: 0;}
	.orderStep .txtBox {display: flex;gap: 1.5rem;align-items: center;flex: 1;}
	.orderStep .step {font-size: 2.25rem;}
	.orderStep .txtBox p {font-size: 1.25rem;margin: 0;}
	.longtermCaption .imgList{gap: 1rem;padding-top: 2rem;}
	
	.promiseList__item .boxTitle__num{position:relative;margin: 0 auto 1rem;transform: inherit;}
	.promiseList {gap: 2rem;flex-direction: column;align-items: flex-start;padding: 0 1rem;}
	.promiseList__item {flex-direction: row;gap: 0;align-items: center;}
	.promiseList__item .picBox{width: 3rem;}
	.promiseList__item .txtBox{text-align:left;align-items: center;flex-direction: row;justify-content: flex-start;}
	.promiseList .txtBox .boxTitle{display: block;margin-bottom: 0;padding: 0 1rem;font-size: 1.75rem;text-align: center;}
	.promiseList .txtBox .txt{width: auto;flex: 1;}
	.promiseList__item .boxTitle__txt{}
	.promiseList .txtBox .txt{/* font-size: 1rem; */}
	.longtermCaption .imgList .imgTitle {/* font-size: 1.2rem; */}
	.subPlan .pgTitle {max-width: 500px;margin-left: auto;margin-right: auto;}
	.labelSubTitle {width: 260px;height: 42px;margin-left: auto;font-size: 28px;}
	.subPlan .pgTitle .labelSubTitle {padding: 0rem 2rem;}
	.subPlanList__item {width: 65%;}
	
	.pcpDecoBox .pcpDecoTitle:nth-child(1):after{display: none;}
	.longterm .pgTitBig--big{position: relative;flex-direction: column;margin:0;padding-left:0;align-items: flex-start;}
	.longterm .pgTitBig--big .word{position:static}
	.longterm .pgTitBig--big .word::after{top: -1rem;left: clamp(60px,15vw,80px);right: 0;width: auto;max-width: 400px;transform: translateY(25%);}
	.plan-en img {top: 30%;}
	.pcp-greenbar {width: 100%;height: auto;display: block;}
	
	.pcpDecoBox.container {position: static;margin: 0 1rem;padding: 2rem;transform: translateY(1rem);}
	.pcpDecoBox .pcpDecoTitle{flex-wrap:wrap}
	.pcpTxtDeco--alignEnd{max-width: 100%;}
	.pcpDecoBox--2nd {transform: translateY(2rem);}
	.pcpDecoBox--2nd .pcpDecoTitle {min-width: inherit;}
	.longtermCaption{padding-top: 2rem;}

	/* !768=====事業機會 */
	.rankStep.arrowStart{/* padding-bottom:3rem; */}
	.rankStep.arrow, .rankStep.arrowStart, .rankStep.arrowEnd{padding: 2rem 6% 3rem;}
	.rankStep.arrow{/* padding-top:2rem; *//* padding-bottom:3rem; */}
	.rankStep.arrowEnd{/* padding-top:3rem; */}
	.rankStep__head{padding-left: 0;}
	.rankStep__head .num{position:absolute;opacity: .1;left: -1rem;font-size: 25vw;}
	.rankStep__head .pic{width: 2.75em;aspect-ratio: inherit;right: 0;bottom: -.5rem;text-align: right;}
	.rankStep__head .pic img{aspect-ratio: 1/2;width: 100%;max-height: inherit;object-fit: cover;object-position: left;opacity: .25;}
	.rankStep__head__name{order:inherit;flex: 1;font-weight: 700;}
	.rankStep__bottom{font-size:1rem}
	
	.careerStart__title__mj::before,.careerStart__title__mj::after{right: 0;top: 100%;margin-right: 0rem;margin-top:1rem}
	.rankArea{gap:3rem}
	.rankArea[data-num="02"]::before{width:100%}
	.rankName{margin-bottom:1rem}
	.bonusdPlan tr>*{padding: .5rem;}
	.bonusdPlan th{width:3.5em}
	.bonusdPlan td{padding:.5rem .25rem;}
	.bonusdPlan .digitTxt{}
	.bonusdPlan .txt{/* display:block; *//* font-size: 1rem; */}
	
	.rankTitle--line{margin-bottom: 1rem;font-size: 6.25vw;}
	.rankArea[data-num="02"] .container:nth-child(2) .rankArea__box--pic{margin-top:1.5rem}
	.rankName__pic img{height:60px;}
	
	.rank3Table{grid-template-columns: 1fr;border-radius: .5rem;}
	.rank3Table__head{justify-content: center;font-size: 1.15rem;font-weight: 600;letter-spacing: .25em;padding-left: calc(1rem + .25em);}
	.rank3Table__box{display:flex;gap: 1rem;align-items: center;border-bottom-width: .125rem;}
	.rank3Table__box .picBox{width:100px;padding: 0;}
	.rank3Table__box .picBox img{width:80%}
	.rank3Table__box .picBox__txt{margin-top:.5rem}
	.rank3Table__box .picBox__txt .mainColor{font-weight:700}
	.rank3Table__box .infoBox{flex: 1;display: flex;padding: 0 0 0 1rem;border-top: none;border-left: solid 1px #ccc;flex-direction: column;justify-content: center;}
	
	.careerComplexBox .infoBox{padding: 1rem .25rem;background: linear-gradient(to top, rgb(59 142 142) 0%, rgb(59 142 142 / 25%) 100%);}
	.careerComplexBox .infoBox__txt{}
	
	.careerComplex__tab{margin:2rem 0}
	.careerComplex__tab__link{padding: .5rem;}
	.careerComplex__container{grid-template-columns: repeat(2,1fr);}

	.careerETF{--padding: 2rem;flex-wrap:wrap}
	.careerETF__left,.careerETF__right{width: 100%}
	.etfAlbum__item{padding:2rem 1rem}
	
	/*!768 成為興友*/
	.aboutJoinBlock__block--left{padding: 2rem 0;}

	/*!768=====關於興田1*/
	.blockHeight--about{--container:540px;}
	/*!768 關於(kv)*/
	.abKvBox__main{padding-bottom: clamp(3rem,4vw,5rem);}
	.kvBg:after{background:url(../images/about/kvR-m.png)center bottom/cover;width: 100%;clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%, 40% calc(100% - 4rem), 0 calc(100% - 4rem));}
	.smallSg{justify-content: flex-start;margin-bottom: 1rem;}
	.abKvDeco{margin-top: 2rem;justify-content: flex-start;}
	.abKvDeco__tag{display:flex;flex-direction:column;}
	.seg + .seg{padding-left: 2rem;}
	.abKvDeco__tag:after,.seg:nth-child(n):after{content:none;}
	.abKvMainTt{letter-spacing:0.15em;}
	.smallSg__txt{letter-spacing:0.15em;}
	.smallSg__txt + .smallSg__txt{padding-left:0.75rem;}
	.abKvBox__main:after{content:none;}
	/*!768 關於(about)*/
	.abTop .container{flex-direction:column;gap: clamp(1rem,1.8vw,2rem);}
	.abTop__img,.abTop__content{width:100%;padding: 0;margin: 0;}
	.abBtm .container{flex-direction:column;padding: 0 var(--containerPadding);max-width: 100%;}
	.abBtm__content br{display:none;}
	/*!768 關於(journey)*/
	.timeShow{display:none!important;}
	.timeBoard--wrapper{width: auto;margin-left: calc(-1 * var(--containerPadding) + 1rem)!important;margin-right: calc(-1 * var(--containerPadding) + 1rem)!important;}
	.timeBoard--inner,.abJrn--ceo .timeBoard--inner{width:auto}
	.titleSet{flex-direction:column;gap:1rem;}
	.subSTit{padding:0;font-size: 1rem;}
	.abJrn--ceo .titleBox--wrapper:before{transform:translateY(-120%)}
	.tagTitle--wrapper{margin-bottom:0.5rem;}
	.tagTitle{font-weight:500;font-size:1.1375rem;padding: 0.25rem 1.5rem;}
	.abJrn .subSTit{margin:0;font-size: 1rem;}
	.abJrn--founder .abJrn__rps:before{top:0;left: 0;transform: translateY(-120%);width: 100%;}
	.abJrn .titleBox{width:90%;}
	.abBtm__content__tt + .txt{width:100%;}
	.abJrn .container{max-width:100%;}
	.abJrn--founder .rpsStaff__pic,.abJrn--ceo .rpsStaff__pic{width:clamp(12.5rem,30vw,30rem);}
	.abJrn--founder .abJrn__slogan .container,.abJrn--ceo .abJrn__slogan .container{margin:0;padding: 0;}
	.abJrn--ceo .abSlogan--wrapper{/* padding: 0 5rem; */}
	.abJrn--ceo .abJrn__slogan .abJrnBox{display: block;}
	.abJrn--ceo .timeBoard--wrapper{transform: translateY(1rem);padding-top: 1rem;}
	.abJrn--ceo .titleBox--wrapper:after{top: 0;}
	.abTimeline__box__item.slick-current .abTimelineNum{background:transparent;-webkit-text-stroke: 0px transparent;text-stroke: 0px transparent;color: #005d6e;font-weight:700;}
	.abTimeline__box__item.slick-current .abTimelineNum:after{opacity:0;}
	.abTimelineNum,.abTimelineTxt{display:flex;justify-content: center;}
	.abTimelineNum:after{left:50%;transform:translateX(-50%);}
	.abTimeline__box__item{padding:0 .5rem;}
	.abTimeline__box__item + .abTimeline__box__item .abTimelineTxt:after{display:none}
    .slick-current.abTimeline__box__item .abTimelineTxt:after,
	.abTimeline__box__item:first-child .abTimelineTxt:after{content:'';display:block;left:100%}
	
	.abTimeline__box__item:last-child .abTimelineTxt:after{left: -.5rem;}
	.abTimeline__box::before{left: 25vw;right: -10vw;width: auto;}
	
	
	.abJrn--ceo .titleBox--wrapper{/* flex-direction:column; *//* align-items: flex-start; */}
	.abJrn--ceo .abTimeline__box::before{right: 25vw;left: -10vw;}
	.abJrn .titleBox{width:100%;padding-bottom: 0;}
	
	/*!768 關於(brand)*/
	.brandTop .container{flex-direction:column;align-items: center;}
	.brandTop__logo,.brandBtm__box__logo{width:100%;}
	.brandBtm__box__logo{justify-content: center;}
	.brandTop__logo__tt{position:absolute;left:0;}
	.brandLCover{transform:none;max-width:70%;min-width:240px;margin:auto;padding: 2rem 0 1rem;}
	.abFlex__item__tt{}
	.abFlexCover{margin-bottom:0.5rem;}
	
	/*!768 關於興田--journey*/
	.abTimeline__box{position:relative;}
	
	.abJrn--ceo .titleBox--wrapper{justify-content: space-between;flex-direction: column;align-items: flex-start;}
	.slickImgBox__box{margin-left:auto}
	
	.rpsStaff{gap: 1rem clamp(1rem, 4vw, 3rem);}
	.rpsStaff__sign{}
	
	
	/*!768 關於(brand)*/
	.brandBtm .container,.abBlock--location .container{max-width:100%;}
	
	/*!768 關於kv*/	
	.abBlock--kv *{display:none;opacity: 0;}
	.abBlock--kv:after{display:none}
	.abBlock--kv{width:100%;background:url(../images/about/kv-mb.png?20241112)center/cover;aspect-ratio: 770/1249;}
	.abBlock--kv:before{content:none;}
	
	/*!768 關於(location)*/
	.abBlock--location{padding-bottom: 90vw;}
	.abLocGeo--wrapper:after{background:url(../images/about/map-s.png?20241112)center/100% auto;transform: scale(1);aspect-ratio: 5/6;}
	
	/*768=====產品底層=====*/
	.pdtdetailPic .pc{display: none;}
	.pdtdetailPic .mb{display: block;}

	/*!768===會員-訂單查詢*/
	.termPop__box__content .orderInfor{padding: 0 1rem;}
	.termPop__box__content .order--detailBtn{width:100%;padding-top: 1rem;}
	.termPop__box__content .order--status,
	.termPop__box__content .order--invoice,
	.termPop__box__content .order--pricePv,
	.termPop__box__content .order--pay,
	.termPop__box__content .order--delivery{flex:inherit;width:100%;text-align: left;}
	.termPop__box__content .order--pricePv{flex-wrap:nowrap;}
	.termPop__box__content .order--pricePv .pricePvBox{flex:1}

	/*!768===彈跳視窗*/
	.termPop__box__tit span{order:2;flex: 1;}
	.termPop__box__tit .orderDetailTit{font-size: 1.125rem;align-items: flex-start;}
	.termPop__box__tit .deliveryDayTxt{width: auto;border-bottom: solid 3px var(--mainColor);border-right: none;}
	.termPop__box__tit .orderDetailTit__status{order:1;flex: inherit;margin-top: auto;}

	/* !768=====事業機會 */
	.rankName{margin-bottom:1rem}
	.rankTitle{display: block;}
	.rankTitle .br-mb{display:block;}
	.rankArea__box{--pic:80%}
	.rankArea .container:has(.rankArea__box--picName) .rankArea__box__head,.rankArea .container:has(.rankArea__box--picName) .rankArea__box__txt{padding-right: 0;}
	.rankArea__box--picName{position:static;margin: auto;text-align: center;}
	.rankArea__box__slogan.--slogan2{margin-left:auto}
}

@media screen and (max-width:640px){
	/*!640===全頁佈局*/
	.blockHeight--pdtList,.blockHeight--pdtdetail,.blockHeight--cart,.blockHeight--mkt{--containerPadding: 1rem;}
	
	/*!640=====banner*/
	.bnPcp{height:700px;}
	.pcp-ic { width: 100%; margin-top: 0;}
	.pcp-ic img{ width: 24vw;}
	h3.pgTitBig.pgTitBig--pcp {padding: 0;}
	.bnPcpPic .pcpPgTxt {padding: 2rem 0 1rem 0;margin: 0 auto;justify-content: center;}
	.bnSource.pc:not(:only-child){display: none;}
	.bnSource.mb{display: block;}

	/*事業介紹*/
	.blockHeight--choose .bigSlogan__sub.pc{display:none}
	.blockHeight--choose .bigSlogan__sub.mb{display:block;width: 100%;max-width: 380px;/* color:var(--mainColor); */font-size: min(1.25rem,5.75vw);margin-bottom: .25em;/* margin-left: 0; *//* margin-right: 0; */}
	.blockHeight--choose .bigSlogan__sub.mb+.bigSlogan__sub.mb{margin-top:0;margin-bottom: 1rem;margin-left: 0;text-align: right;}
	
	/*!640===明星商品*/
	.pdtBox .pdtName,.pdtLongBox__tt{width: 100%;padding: 0 .5rem;font-size: 1rem;font-weight: 400;}
	.pdtBox .lineStyle, .pdtLongBox__item .lineStyle, .pdtDot__item .lineStyle{margin: .5rem auto;}
	
	/*!640===會員-訂單查詢*/
	.memOrderList__card__top .leftBox{flex-direction:column;align-items: flex-start;gap: .5rem;}
	.memOrderList__card__top .leftBox .deliveryDayTxt{width: auto;border-right: none;border-bottom: solid 3px;}
	.orderInfor, .termorderPage .orderInfor:not(.order--detailBtn,.order--contact){width: 100%;text-align: left;}
	.orderInfor:not(:last-child){border: none!important;}
	.orderFilter .selectGroup{width: 100%;}
	.orderFilter .selectGroup__inputG{flex-direction:column;flex: 1;}
	.orderFilter .selectGroup select{flex:1}
	.orderFilter .orderBtn{margin-left:auto}
	.memOrderList__card__body__schedule{flex-wrap: wrap;padding: 1rem 1rem 3rem;gap: 1rem;align-items: flex-start;}
	.memOrderList__card__body__schedule .numTxt{flex:1}
	.memOrderList__card__body__schedule .detailLink{padding-top:0;padding-bottom: 0;}
	.scheduleBar{order: 1;margin: 0 1rem;}
	.termorder--head .head__box{flex:1}
	.termorder--head .head__box:nth-child(1){width:auto}
	.termorder--head .head__box:nth-child(2),
	.termorder--head .head__box:nth-child(3){display:none}
	.termorder--pdt{flex-wrap:wrap;display:block;clear:both;overflow:hidden}
	.termorder{
	--boxWidth_1:100%;
	--boxWidth_2:100%;
	--picBox: 100px;
	}
	.termorder--pdt .pdt__box{float:left;}
	.termorder--pdt .pdt__box--pic{}
	.termorder--pdt .pdt__box--mjInfo{align-content: flex-start;}
	.termorder--pdt .pdt__box:nth-child(3){width:calc(100%  - var(--picBox));margin-left: auto;text-align: left;padding-top: 0;}
	.termorder--pdt .pdt__box:nth-child(4){width:100%}
	
	/* !640===會員-長購訂單查詢 */
	.termorderPage .order--invoice,
	.termorderPage .order--delivery{/* width: calc(100% - 5rem); */}

	/*!640===長購計畫*/
	.pdtLongBox__item{}
	.moreTxt--pcp{/* padding:.5rem; */}
	
	.longtermCaption .imgList__item {width: 24vw;}
	.longtermCaption .imgBox::before{border-bottom: solid 6px var(--mainColor);}
	.longtermCaption .imgBox::after{border-bottom: solid 6px transparent ;}
	.longtermCaption .imgTitle::before {width: 32px;height: 20px; margin-right: 4px;}
	
	
	.pcp-greenbar {height: 180px;}
	.longtermCaption__bottom {margin-top: 6rem;}
	.longtermBtn{padding: 0.5rem 1.5rem;border:solid 2px rgba(59, 142, 142,0);transition: all .5s;}
	.longtermBtn::before{width: 2rem;}
	.longtermCaption__bottom__txt {font-size: 1.15rem;}
	

	/* 常見問題 */
	.faqList__box .mjBox{padding: 1rem 1rem;width: 100%;}
	.faqList__box__header::before, .faqList__box__body::before{width: 3.5rem;padding: 1rem 0;font-size: 1.5rem;/* letter-spacing: 0; *//* font-weight: 300; */}
	.faqList__box__header .mjBox{width: calc(100% - 70px - 60px);width: calc(100% - 3.5rem - 2.5rem - 1rem);font-size: 1.025rem;}
	.faqList__box__header .btnIcon{margin-left: 0;}
	.faqList__box__body::before{display:none;}

	/* 使用見證 */
	.useMBox .slick-list{padding-left: 4rem;padding-right: 4rem;}

	/*! 最新消息*/
	.newsSort{justify-content: space-between;margin-left:calc(-1 * var(--containerPadding));margin-right:calc(-1 * var(--containerPadding));padding: 0 calc(var(--containerPadding) / 2);}
	.newsSort__item{flex: inherit;font-weight:400;/* padding-left: 0; *//* padding-right: 0; */}
	.newsSort__item:after{height:.25rem}

	/*!640=====關於興田1*/
	.bigTxtBox--deco{padding:0;}
	.bigTxtBox--deco:after{content:none;}
	.abBtm{padding-bottom: clamp(2rem,5vw,8rem);}
	.abData--wrapper{padding-bottom:0}
	.abData{--gap:.5rem}
	.abData{/* flex-direction:column; */display: grid;grid-template-columns: repeat(3,1fr);/* gap: .5rem; */padding: 3.5rem 1rem 3rem;/* align-items: center; */justify-content: center;}
	.abData:before,.abData:after{border-radius: 0;}
	.abBtm .container:has(.abData){padding:0}
	

	/*!640 關於興田--vision*/
	.abBlock--vision:after{background: url(../images/about/vision-bg.png)center top/cover;background-size: auto 125%;}
	
	/*!640 關於(life)*/
	.lifeList{flex-direction:column;}
	.lifeTt{text-align:center;font-size: 1.625rem;}
	.lifeListCover__pic{max-width:8rem;}
	.lifeList__item{max-width: 100%;margin: 0 1rem;}
	.lifeBoxImg:before, .lifeBox__img:before, .lifeBox__img:after{height:1.5rem;}
	.lifeBoxImg:before{top: 6rem;}
	.lifeBox__img:before{top:6rem}
	.lifeBox__img:after{top:6rem;}
	.lifeListBox{box-shadow:none;}
	.lifeBox__content__text{margin-left:calc(-1 * var(--containerPadding));margin-right:calc(-1 * var(--containerPadding));}
	.lifeBox__img{margin-top:-2rem}
	
	/*!640 關於(journey)*/
	.abJrnRpsTxt,.abJrn--ceo .abJrnRpsTxt{flex-direction:column;gap: 0;align-items: center;padding-right: 0;}
	.rpsStaff{align-items:center}
	.rpsStaff{gap:0;padding-bottom:2rem}
	.rpsStaff__sign__txt{margin:0;}
	.abJrnBox--rv{margin-top:2rem}
	.abJrn--ceo .rpsStaff__pic{margin:0;}
	.abJrnRpsTxt  .rpsStaff__sign,.abJrnRpsTxt--rv .rpsStaff__sign{margin:0;margin-top: -2rem;gap: 1rem;align-items: center;}
		.abJrn--ceo .abJrnRpsTxt--rv .rpsStaff__sign{margin:auto}
	.abSlogan{font-size: 7.5vw;}
	
	.timeBoardCover .pc{display: none;}
	.timeBoardCover .mb{display:block}


	/*成為興友*/
	.aboutJoinBlock{padding:0}
	.aboutJoinBlock__block--left{padding-left:var(--containerPadding);padding-right:var(--containerPadding);}
	.pgBanner--joinUs{height: 65dvh;}
	.pgBanner--joinUs .bnPic{height: 100%;mask: none;}
	.pgBanner--joinUs .bnPic .pc{display:none}
	.pgBanner--joinUs .bnPic .mb{display:block;object-position: center bottom;}
	.pgBanner--joinUs .pgTxtOuter{/* top:50%; */}
	.pgBanner--joinUs .pgTxtOuter .pgTitle{/* margin-top:auto; *//* margin-bottom:auto; */margin-top: 10dvh;}

	/*按鈕*/
	.btnGroup .btnStyle--download{padding:.25rem .75rem;}
	.btnStyle--download{}

	/*!640 會員 優惠券*/
	.blockHeight--coupon{}
	.blockHeight--coupon .couponTab,.blockHeight--coupon .couponContent{margin-left:calc(-1 * var(--containerPadding));margin-right:calc(-1 * var(--containerPadding));width: auto;padding: .5rem;}
	.blockHeight--coupon .couponContent{background: transparent;box-shadow: none;}
	.couponTab + .couponContent{margin-top:0}
	.couponTab__item{padding: .5rem;border-radius: .25rem;}
	.couponContent__item{gap:.5rem}
	.coupon__body{padding: 0.9rem .5rem;box-shadow: 2px 2px 1rem -.5rem rgba(0, 0, 0, 0.5);}

	/*!640=====紅配綠=====*/
	.redGreenTab__content__box{border-width: 5px!important;}
	.redGreenTab__btn small{font-size:.75rem}

	/* !640=====事業機會 */
	.rankList{grid-template-columns: 1fr;}
	.rankStep__head{flex-wrap:wrap}
	.rankStep__head__name{order:1;width:100%;flex: auto;}
	.rankArea__box__slogan{margin-left:0;margin-right:0}
	.rankArea__box__slogan .pc{display: none;}
	.rankArea__box__slogan .mb{display:block;width: 100%;}

	/*!640 聯絡我們*/
	.cnpList{gap: 2rem .5rem;margin-left: calc(-1 * var(--containerPadding) + .75rem);margin-right: calc(-1 * var(--containerPadding) + .75rem);}
    
}

@media screen and (max-width:480px){
	/*!480=====footer*/
	.ftSloagn .sub{display: block;margin-top: .25rem;font-size: 5vw;letter-spacing: .05em;}
	
	.formGroup--3eq{grid-template-columns: 1fr;}
	/*!480=====header*/
	.navbar-brand{padding: 0;}
	/* .logo:after{content:'';position: absolute;background: url(../images/all/logo-xs.svg)center/cover;width: 100%;height: 100%;} */
	.logo__pic{/* aspect-ratio: 125/120; *//* height: 3.25rem; */}

	/*!480=====banner*/
	.pgTitle--pcp{margin: 0 1rem;}
	.pcp-ic img{width:30%;}
	.pgTitBig--pcp {font-size: clamp(1.75rem, 3vw, 3rem);}
	h2.pgTitBig.pgTitBig--pcp{padding-bottom: 0.75rem;margin-bottom: 0.75rem;}
	

	/*!480=====footer*/
	.ftTit{display: block;text-align-last: justify;color: var(--mainColor);font-weight: 500;}
	.ftTit:after{content:'';}
	.listItem:not(:last-child){}
	.listItem{grid-template-columns: 70px 1fr;}

	/*!480=====首頁*/
	.blockHeight--concept{}
	.blockHeight--concept .bigSlogan{text-align:center}
	.blockHeight--concept .txt{letter-spacing:0;text-align: center;font-size: .95rem;margin-left: calc(-.5 * var(--containerPadding));margin-right: calc(-.5 * var(--containerPadding));}
	
	/*產品推薦*/
	.blockHeight--pdt .pdtZone.layout--grid{gap: 0 .5rem;}
	.blockHeight--pdtSort .txt--recommend{margin-right:calc(-0.5 * var(--containerPadding));letter-spacing: .05em;}
	.blockHeight--pdtSort .txt--recommend span:first-child{transform:translateX(0);text-align: left;}

	/*!480=====購物車*/
	.cartMainItem, .cartAddItem, .cartAddItem__top{/* flex-direction: column; */}
	.cartMainItem .cartItem--num, .cartAddItem__top .cartItem--num,.cartItem--total{/* width: calc((100% - clamp(5.5rem,7vw,7.5rem) - 2rem) / 2); *//* width: 100%; */margin-left: 0;width: auto;}

	/*!480=====紅配綠*/
	.mktCartPdt .addCartPdt__item{/* width: 100%; */}

	/*!480=====會員總管*/
	.memTargets__btn{width:100%;}
	.memResale__box{flex-direction:column;}
	.memResale__box__item{width:100%;}
	.memIntegral__item{width:100%;}
	.newsBar{}
	.newsBar__infor .bi{display:none;}
	.newsBarBox__item.slick-slide{/* gap:0.5rem; */}
	.newsBarBox__item__txt{padding-left:.5rem}

	/*!480===會員-推薦連結*/
	.memRecommend__item__box{flex-direction:column;gap:1rem;padding: 1rem 0;}
	.recommBox{width:100%;/* padding-left: calc(3rem + 2rem); */}
	.recommIcon{display:none;}
	.recommBox__infor{width:100%;}
	.memRecommend__item{z-index: 2;}
	.memRecommend__item:before{content:'';position:absolute;width: 4rem;display: block;aspect-ratio:1;right: 2rem;top: .5rem;background-size: contain;background-position: center;background-repeat: no-repeat;/* opacity: 0.25; */pointer-events: none;}
	.memRecommend__item:nth-child(1):before{background-image: url(../images/member/link-1.svg);}
	.memRecommend__item:nth-child(2):before{background-image: url(../images/member/link-2.svg);width:5rem}
	.recommQr{width:7.75rem;width: auto;}
	.recommQr canvas{border-width:0.5rem;}
	.recommInfor__social{justify-content: flex-start;}
	.recommQr img{width:200px}

	/*!991===會員-重要公告*/
	/* .memInforBox__header .mb-block{display:block} */
	.memInforBoxTit .smTxt{font-size:.75rem}

	/*!480===會員-訂單查詢*/
	.selectGroup--top{align-items: baseline;}
	.selectGroup__inputG{flex-wrap:wrap;gap: 0.25rem;/* justify-content: center; */}
	.selectGroup select{/* min-width: 100%; */width: 100%;}
	.orderBtn{padding: 0.25rem 3rem;margin: auto;}
	.orderInfor{/* min-height: 2.25rem; */}

	/*!480===長購計畫*/
	h3.boxTitle::before {top: 8px;left: 24px;width: 28px;height: 28px;}
	h3.boxTitle::after {left: 68px;width: 65px;border-bottom: solid 3px var(--mainColor);}
	.promiseList .boxTitle .titleNum { left: 31px;top: 7px;font-size: 1.5rem;}
	.promiseList .txtBox .boxTitle{ font-size: 1.25rem;}
	.longtermCaption .imgBox {height:36vw;margin-bottom: .25rem;}
	.longtermCaption .imgBox img {transform: scale(1, 1) translateY(0px);}
	.longtermCaption .imgBox img:hover{transform: scale(1.05, 1.05)}
	.longtermCaption .imgTitle::before {width: 24px; height: 14px; margin-right: 2px;}
	.longtermCaption .imgList { gap: .5rem;}
	.longtermCaption .imgList .imgTitle {font-size: 1rem;}
	.longtermCaption .imgList__item {width: 25vw;}
	.subPlan .pgTitle .word{margin-bottom: 1rem;}
	.subPlan .pgTitle .labelSubTitle {margin-left: 0rem;}
	.longterm .pdtLongBox__brief{display: none;}
	.longterm .pdtLongBox__price{/* flex-direction: column; */justify-content: center;gap: .25rem;}
	.pdtLongBox__price span{}
	.pdtLongBox__price__pv{font-size:0.75rem}
	.pdtLongBox__price__pv span{font-size:0.875rem}
	.pcpDecoBox--2nd {/* margin-top: -3em; */}
    .pcpDecoBox .pcpDecoTitle {letter-spacing: 4px;font-size: 1.15rem; margin-bottom: 0.5rem}
    .pcpDecoBox--2nd {/* right: 9%; *//* top: 16%; */padding: 1.25rem 2.25rem;}
	.longfaqItem__body .itemAns {/* width: 32px; *//* height: 32px; */font-size: 1.15rem;}
	.longterm .pgTitBig{font-size: 1.25rem;margin: 0;line-height: 1.5;}
	.promiseArea .pgTitle {margin-bottom: 2rem;}
	.plan-en {display: none;}
    .pcpDecoBox .pcpDecoTitle img {width: 50px;}
	.promiseArea {margin-bottom: 2rem;}
	.pgTitBig--top{margin: 0 auto;}
	.subPlanList {gap: 2rem;margin-bottom: 1.5rem;}
	.subPlanList__item {margin-bottom: 5rem;}
	.subPlanList__item .item-3 {width: 135%;transform: translate(-86%, 130%);}
	.orderStep .step {font-size: 1.75rem;}
	.orderStep .txtBox p {font-size: 1.2rem;margin: 0;}
	.orderStep img {width: 4rem;}
	.pgTitle img.titleDeco--ic {width: 50px;}
	.promiseArea img.titleDeco--ic, .orderArea img.titleDeco--ic, .longfaqList img.titleDeco--ic{ margin-bottom: -1rem;}
	.subPlan .pgTitle{margin-bottom: 1.5rem;}

	/* 長購計畫 QA */
	.longfaqItem__header{font-size: 1.125rem;}
	.longfaqItem__body p {font-size: 1rem;}
	.longfaqItem{--itemNum: 2.125rem;}
	.longfaqItem .itemNum{font-size: 1.15rem;}
	.longfaqItem .itemNum__di{font-size: .75rem;}
	.longfaqItem .itemNum, .longfaqItem--isOpen .itemNum {font-size: 1.15rem;}
	.longfaqItem__body{padding-left: calc(var(--itemNum) * .75);}


	/*!480 最新消息*/
	.newsPBox__item{width:100%;}

	/*!480 聯絡我們*/
	.contactBox .formGroup__item{display:flex;flex-direction:column;align-items: flex-start;gap: 0.125rem;}
	.cnpAddress{min-height:auto;}
	.locationBrief br{display:none;}
	.locationBox__tit__board{padding: 2rem;}

	/*!480 會員 優惠券*/
	/* .coupon{flex-direction:column;}
	.coupon__header,.coupon__body{border-radius: 0.75rem 0.75rem 0 0;width:100%;}
	.coupon__header:before{top:unset;bottom:0;left: 0;right: unset;transform: rotate(-90deg)translate(-50%,-50%);}
	.coupon__header:after{transform:rotate(90deg) translate(50%,-50%)}
	.coupon__body{border:none;border-top:3px dotted #999;border-radius: 0 0 0.75rem 0.75rem;} */
	.coupon__body__name{gap: .25rem;}
	.coupon__body__tag, .coupon__body .remark,.couponRule{font-size:.8rem}

	/*!480=====關於興田1*/
	.abTop__content{padding:0;}
	.abTop:after{/* right:1rem; */}
	
	/* .abTimeline__box__item:nth-child(n), .abTimeline__box__item.active + .abTimeline__box__item,.abTimeline__box__item:first-child:has(~ .abTimeline__box__item:last-child.active){position:absolute;opacity: 0;overflow: hidden;pointer-events: none;transform: translateX(1rem);transition: 0s all, 1s transform;}
	.abTimeline__box__item.active{position:relative;width: 100%;opacity: 1;height: 100%;pointer-events: all;transform: translateX(0);} */
	
	.slickImgBox__box{width:100%;display: flex;justify-content: space-between;position: relative;z-index: 1;}
	/* .abTimeline__box__item + .abTimeline__box__item .abTimelineTxt:after{content:none;} */
	.abTimelineTxt{padding:2rem 0;}

	.timeBoard--inner{/* flex-direction:column; *//* gap: 2rem; */}
	.active.abTimeline__box__item .abTimelineNum, .active.abTimeline__box__item .abTimelineNum:after{background:transparent;-webkit-text-stroke: 0px;color: #005d6e;font-weight: 700;}
	.abJrnRpsTxt{padding:0;}

	.abFlex{padding-left:0;grid-template-columns: 1fr;}
	.abFlex:after{display: none;left: -1rem;transform: rotate(90deg) translateY(-0%);}

	.brandTop__logo__tt{top: 1rem;transform: translateX(-100%);font-size: 1rem;}

	.abLocMain{padding: 2rem 3rem 1.25rem;display:inline-block;text-align:center;}
	.abLocMain:before, .abLocMain:after{width: 1.25rem;}
	.abLocMain span{padding:0!important;}
	
	/*!480 關於(data)*/
	.dataTit{font-size: .75rem;}
	
	/*!480=====關於興田--journey*/
	.abJrn .bigTxt{/* margin-right:2.5rem; */}
	.abJrn .bigTxt.--dot:after{width:2.5rem}
	.abTitleImg{}
	.abJrn .subSTit{/* font-size:1.15rem; */}
	/* .abTimeline__box{--yearSize: 13vw;}
	.abTimeline__box::before{top: calc(var(--yearSize) * var(--lineHi) + 0.5rem + (1.5rem / 2));}
	.abTimelineTxt:before{top: calc(1.5rem / 2);} */
	
	/*!480=====產品清單頁=====*/
	/*==區塊*/
	.pdtZone--list.pdtZone.layout--grid {gap: .5rem;}

	/* !480=====事業機會 */
	.blockHeight--careerBlock2{padding-top: clamp(4rem,6vw,6rem);}

	
}

@media screen and (max-width:420px){
	/*!420===長購計畫*/
	.pgTitBig.pgTitBig--pcp {font-size: 1.25rem;font-size: 6.25vw;}
	.pgTitle--pcp{margin: 0 0;}
	/*!420=====關於興田1=====*/
	.dataTit{font-size: .875rem;margin-right: 0;}
}


@media screen and (max-width:400px){
	/*!400===長購計畫*/
	.orderStep .txtBox {flex-direction: column; align-items: start; gap: .0rem;}

	/*!400=====產品landing page=====*/
	.modSetTt{font-size: 1.1rem;padding-right:2rem}
	.modSet__item__infor .moreTxt span{font-size:.6rem}


}
@media screen and (max-width:370px){
	/*!370===長購計畫*/
	.longtermCaption .imgList .imgTitle {font-size: .8rem;}
	.longtermBtn{gap: .5rem;padding: .5rem .75rem;font-size: 1rem;}
	.longtermCaption__bottom__txt{font-size:1rem;}

	
	/* !370=====事業機會 */
	.rankTitle--line{font-size: 6vw;}
	.rankTitle{font-size: 6.125vw;}
	.careerETF__left{}
	.careerETFTitle{width: 100%;margin-left:0}
	.careerETFTitle__small{margin-right: calc(-.5 * var(--containerPadding));padding-left: 0;font-size: 5.75vw;text-align: right;}
	.etfAlbum__item{padding:2rem .5rem}
	.etfAlbum__item .infoTxt{font-size:90%}
}

/* !===min */
@media screen and (min-width:992px){
	body{--navbarH: 104px;}
	a:hover{color:#777;}
	.aHover:hover{color: var(--mainColor);}
	/*共用*/
	.btnStyle:hover{background: var(--lightGray);color: var(--darkGreen);}
	.btnStyle--light0:hover{background:var(--subColor);color:#fff;}
	.btnStyle--gray0:hover{background:var(--mainColor);color:#fff;}
	.togetherBuy:hover {color:var(--subColor);}
	.decoLine--width{width: 50%;}
	.btnStyle--download:hover{background: var(--mainColor);color: #fff;}
	
	/*header*/
	.menuBar{display: flex!important;flex-basis: auto;flex-grow: 1;align-items: center;}
	.nav-item.dropdown:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;pointer-events: none;}
	.nav-item.dropdown:hover:after{pointer-events:auto;}
	.navbar .nav-link, .navbar.navbar--fixed .nav-link{height:6.5rem;}
	.navbar .nav-link:hover{color:var(--mainColor);text-shadow:none}
	.nav-item+.nav-item{padding-left: clamp(1rem,1vw,2rem);}
	.nav-link:before{content:'';position:absolute;right: calc(clamp(1rem,1vw,2rem) * (-0.5));top: 50%;width:1px;height: 1.25rem;background:#fff;transform: translate(100%,-50%);opacity: 0.5;}
	.landingTit{margin-left:-1.5rem;}
	
	.navbar .nav-item.dropdown:hover .dropdown-menu, .navbar .nav-item.dropdown .dropdown-menu.show {pointer-events: auto;opacity: 1;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
	.navbar .nav-item .dropdown-menu{pointer-events:none;display:block!important;opacity:0;-webkit-transform:translate(-50%,-1rem);transform:translate(-50%,-1rem);-webkit-transition:all .3s linear;transition:all .3s linear;top:100%!important;left:50%!important;margin-top:0!important;padding:.5rem 0;-webkit-box-shadow:0 1rem 1rem -.5rem rgba(59,100,100,0.25);box-shadow:0 1rem 1rem -.5rem rgba(59,100,100,0.25);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(0.5rem);border:none;width:100%;border-radius:0}

	/*主選單-側邊功能*/
	.toolItem:hover{color:#fff;}
	.toolItem:hover i{opacity:0.5}
	
		
	/*--下拉式選單--*/
	.dropdownInner{display:flex;max-width: 1140px;margin: 0 auto;padding: 3rem var(--containerPadding);}
	.dropdownInner .leftBox{width: 30%;margin-right: 2rem;padding-right: 2rem;position: relative;}
	.dropdownInner .leftBox:after{content:'';position:absolute;width:1px;height:100%;background:var(--txtBlack);opacity:0.1;right:0;top:0;}
	.dropdownInner .leftBox:before{content:'上下滑動';z-index:1;position:absolute;left:0;top: 100%;margin-top: .5rem;background:var(--mainColor);color:#fff;border-radius:3em;padding: .115rem 1rem;font-size: .7rem;font-size:.9rem}
	.dropdownInner .leftBox .dropdown-item--wrapper{max-height: 30vh;overflow:hidden;overflow-y:scroll}
	.dropdownInner .rightBox{width: 70%;display: flex;gap: 4rem;flex-wrap: wrap;}
	.backDrop{display: none;}
	.nav-item.dropdown--small .dropdownInner{padding:0}
	
	/*進階搜尋*/
	.searchSidebar__btn{display:none;}
	
	/*主選單-側邊功能*/
	.toolItem i{transition:0.3s all;}
	.toolItem:hover i{/* transform:scale(1.25); */}

	/*購物車*/
	.cartZone__detail{position:sticky;left:0;top: 7rem;padding-bottom:2rem;}
	.cartBody__itemBox:hover{box-shadow:0 0 1rem rgba(0,0,0,0.15);}
	.addCartPdt__item:hover{box-shadow:0 0 1rem rgba(0,0,0,0.15)}
	.addCartPdt__item:hover .btnStyle{background:var(--mainColor);color:#fff}

	/*!992=====首頁*/
	/*明星商品*/
	.pdtBox:hover .hoverPic,.pdtBox:hover .moreBtn{opacity:1;}
	.pdtBox:hover .pdtName,.pdtBox:hover .lineStyle{transform:translateY(-20px);opacity:0;}
	.pdtBox:hover:before,.pdtBox:hover:after,.pdtBox .pdtName--Hover{opacity:1;}
	.pdtBox:hover .txt{/* padding-top:1.5rem; */}

	/*!992=====產品Landing Page頁*/
	/* 組合模組 */
	.modSet__item .modSetCover,.modSet__item .modSet__item__infor,.modSet__item .modSetCover__pic{-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.modSet__item:hover .modSetCover,.modSet__item:hover .modSet__item__infor{opacity:.75}
	.modSet__item:hover .modSetCover__pic{transform:scale(1.05)}
	/* 組合模組-oneToTwo */
	.modSet.oneToTwo .modSet__item:nth-child(1){grid-column: 1/2;grid-row: 1/3;width: 100%;}
	.modSet.oneToTwo .modSet__item:nth-child(2){grid-column: 2/3;grid-row: 1/2;flex-direction: row;}
	.modSet.oneToTwo .modSet__item:nth-child(3){grid-column: 2 / 3;grid-row: 2/3;flex-direction: row-reverse;}
	.modSet.oneToTwo .modSet__item:nth-child(2) .modSet__item__infor,.modSet.oneToTwo .modSet__item:nth-child(3) .modSet__item__infor{width:40%;width: max(40%,300px);}
	.modSet.oneToTwo .modSet__item:nth-child(2) .modSetCover,.modSet.oneToTwo .modSet__item:nth-child(3) .modSetCover{width: calc(100% - max(40%,300px));width:60%;}
	.modSet.oneToTwo .modSet__item:nth-child(1) .modSetBrief{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	.modSet.oneToTwo .modSet__item:nth-child(n+2) .modSetBrief{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	/* 組合模組-quarter */
	.modSet.quarter .modSet__item{display:flex;flex-direction: row-reverse;}
	.modSet.quarter .modSet__item:nth-child(-n+2){flex-direction:row;}
	.modSet.quarter .modSet__item__infor{width:40%}
	.modSet.quarter .modSetCover{width:60%;}

	/*!992長購*/
	.pdtLongBox__item:hover img{opacity:0;}
	.pdtLongBox__item:hover .changePic{opacity:1;}
	.pdtLongBox__item:hover .moreTxt{background:var(--subColor-JH);color:#fff;}
	.longtermBtn:hover{background-color: rgba(255, 255, 255,0);color:var(--mainColor);border-color: var(--mainColor);letter-spacing: 0.675rem;}
	.longtermBtn:hover::before {background-image: url(../images/longterm/btn-ic-green.png);transform: rotate(360deg);}
	.longtermBtn:hover::after{width:2.5rem}


	/*!992會員中心*/
	.newsBar--wrapper{/* padding-right:4rem; */}
	.newsBar--wrapper .container{max-width: 100%;/* padding: 0; */}
	.memRadial__item__data{background: linear-gradient(90deg, #3B8E8E 0.98%, #B5CAA0 65%, #FFB526 98%), #EEE;position: relative;border-radius: 100rem;width: 100%;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow);margin-bottom: 1.5rem;flex-direction: column;}
	.percentLeft{width: calc(100% + 1px);aspect-ratio: 1;position:absolute;border-radius: 100rem;top: 50%;left: 50%;transform: translate(-50%,-50%);background: conic-gradient(transparent var(--percent),#f1f1f1 0%);transition: 0.3s all;}
	.memRadial__item__data:after{content:'';position: absolute;width: calc(100% - 1.5rem);height: calc(100% - 1.5rem);top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 100rem;}
	.memRadial__item__data .tit{position:relative;z-index:1;}
	.memRadial__item__data .pvNum{position:relative;z-index:1;}
	.memRadial__item__data .tit{font-size:1.125rem;font-weight:700;text-align:center;}
	.memRadial__item__data .pvNum{font-size:3rem;position:relative;display: flex;flex-direction: column;align-items: center;font-weight: 700;color: var(--mainColor);}
	.memRadial__item__data .pvNum:after{content:'PV';font-size:1.25rem;font-weight: 500;color: var(--txtBlack);}
	.memRadial__item__txt{text-align:center;}
	.memRadial__item__txt .tit{font-weight:700;}
	.memRadial__item__txt .brief{font-weight:500;font-size: 0.9375rem;}


	/*!992會員中心-重要公告*/
	.noticeList__item:hover{background: var(--mainColor);}
	.noticeList__item:hover .noticeList__item__date{color: #fff;}
	.noticeList__item:hover .noticeList__item__date:after{background:#fff;}
	.noticeList__item:hover .noticeList__item__tit{color: #fff;}
	.noticeList__item:hover .noticeTitMore{opacity:1;}
	.noticeList__item:hover .noticeTitMore:after{filter:brightness(10)}	

	/*!992會員中心-常用資料管理*/
	.memInforCover{width: var(--picBoxSize);text-align: center;}
	.memInforCover + .memInforBox__body__content{width: calc(100% - var(--picBoxSize) - 1rem);}

	/*!992產品推薦*/
	.recommendBox:hover .recommendName{display:flex;align-items: flex-start;margin-bottom: 0;}
	.recommendBox:hover .pdtFirstName{margin-bottom:0.5rem;}
	.recommendBox:hover figure{filter:blur(10px)}
	.recommendBox:hover .moreBtn>span{letter-spacing: 1.25em;margin-right: -0.5em;font-weight: 300;}
	.recommendBox:hover:before{opacity: .75;width: 100vw;height: 100vw;transition-delay: 250ms;}
	.recommendBox:hover .recommendTxt{bottom: 50%;width: 100%;height: 100%;padding-left: 4rem;flex-direction: row;align-items: center;justify-content: space-between;transform: translateY(50%);}
	.recommendBox:hover .recommendTxt:before{transform: translate(75%, 75%) rotate(-45deg);}
	.recommendBox:hover .pdtSecName{display: block;font-weight: 300;opacity: 1;height: auto;transform: translateY(0);transition-delay: 250ms;}
	
	/*加入購物車*/
	.btnStyle--canLoad:hover .bi-plus-circle-fill{transform: translateX(0px);opacity:1;}
	.btnStyle--canLoad:hover{background:#fff;color: var(--mainColor);}
	.btnStyle--canLoad:hover .cartIcon{transform: translateX(20px);opacity:0;}

	
	/* !992===事業機會 */
	.rankArea__box{width: 50%;padding: 0 2rem;}
	.rankArea__box--fill{width: 100%;}
	.bonusdPlan td:hover{background: var(--lightGray2);}
	.rankList__box .btnlink:hover::after{width: 180%;animation: btnlinkbg 1s ease-in-out 0s infinite;animation-direction:alternate;}
	@keyframes btnlinkbg {
		0%   {width:120%;}
		100% {width:180%;}
	}
	.careerBtnStyle:hover{background:transparent;color:var(--mainColor)}
	.careerBtnStyle:hover::before{background: url('../images/career/careerBtn-hover.svg')no-repeat center/contain;transform: rotate(180deg);}
	.careerBtnStyle:hover::after{transform:translateX(0rem);opacity:1}
	.careerComplex__tab__link:hover{background: var(--mainColor);color: #fff;}

	/*!992===關於興田*/
	.timeBoard__item__img:hover .linkTxtImg__pic{opacity:1;transform:translateX(0);}
	.timeBoard__item__img:hover .linkTxtImg:before,.timeBoard__item__img:hover .linkTxtImg:after{width:100%;}
	.timeBoard__item__img:hover .linkTxtImg:before{transition-delay:0.15s;}

	.lifeList__item{opacity: 0;transform: translateY(1rem) rotateY(45deg);transition: 1s all;}
	.lifeList__item:nth-child(1){transition-delay: 1.125s;}
	.lifeList__item:nth-child(2){transition-delay: 1.25s;}
	.lifeList__item:nth-child(3){transition-delay: 1.375s;}
	.animated.lifeList .lifeList__item{transform: translateY(0);opacity: 1;}

	.abFlex__item{opacity: 0;transform: translateY(1rem);transition: 1s all;transition-delay: calc(1s + var(--num)*0.125s);}
	.animated.abFlex .abFlex__item{transform: translateY(0);opacity: 1;}
}

@media screen and (min-width:1281px){
	/*1281+===登入&&忘記密碼===*/
	.blockHeight--sign{background: url(../images/bg/bg10-1.png)center top/cover;}
}

@media screen and (min-width:1401px){
	.btnStyle--sub + .btnStyle{/* width: calc(100% - 2rem - max(40%,9rem)); */padding: 0.5rem 1rem;}
	
	/*!1401+====購物車*/
	.cartZone__main{width: calc(100% - 420px - 3rem);}
	.cartZone__detail{width: 420px;}

	.membar:after{content:'';position:fixed;width: 360px;top:0;bottom:0;left: 0;background: url(../images/member/membar-bg.png)center/cover;opacity: 0;pointer-events: none;transition: 0.3s all;}
	body[style="overflow: hidden;"] .memberZone{}
	body[style="overflow: hidden;"] .membar{background: none;}
	body[style="overflow: hidden;"] .membar:after{opacity: 1;}
}
@media screen and (min-width:1441px){
	/* 會員管理-aside & main 變化的節點 */
	
	/*會員-訊息跑馬燈*/
	.newsBar{margin-right: calc((100vw - 1500px) / 2 + 4rem);}
	
	/*會員*/
	.membarLink span:after{content:'\F285';font-family: bootstrap-icons !important;vertical-align: -0.125rem;padding-left: 0.625rem;display: inline-block;transform: translateX(100%);opacity: 0;transition: 0.3s all;}
	.membarZone__list__item.active .membarLink span:after,.membarLink:hover span:after{transform:translateX(0);opacity:1;}

	/*!992會員中心*/
	.memMainContent .container{max-width: 1125px;width: 100%;margin: auto;margin-right: calc((100vw - 1500px) / 2 + 6rem);padding-right: 0;}

}
@media screen and (min-width:1681px){
	/*1681+==產品底層===*/
	.productDetail__block+.productDetail__block{padding-left: 10rem;}

	/*!1681+====紅配綠*/
	.countDwBlock:after{width:1440px;}
}

/* splitting 文字動畫效果 */
@-webkit-keyframes slide-in {
	0% {
	  -webkit-transform: translateY(100%) scale(0.5);
			  transform: translateY(100%) scale(0.5);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0) scale(1);
			  transform: translateY(0) scale(1);
	  opacity: 1;
	}
  }
  @keyframes slide-in {
	0% {
	  -webkit-transform: translateY(100%) scale(0.5);
			  transform: translateY(100%) scale(0.5);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0) scale(1);
			  transform: translateY(0) scale(1);
	  opacity: 1;
	}
  }
  @-webkit-keyframes vague-in {
	0% {
	  -webkit-transform: translateX(-100%);
			  transform: translateX(-100%);
	  -webkit-filter: blur(1em);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	  -webkit-filter: blur(0);
	  opacity: 1;
	}
  }
  @keyframes vague-in {
	0% {
	  -webkit-transform: translateX(-100%);
			  transform: translateX(-100%);
	  -webkit-filter: blur(1em);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	  -webkit-filter: blur(0);
	  opacity: 1;
	}
  }