@charset "utf-8";

/* CSS Document */
html{overflow-x: clip;}
body{font-family:'Poppins', 'Noto Sans TC', '微軟正黑體', sans-serif;font-size: 1.0625rem;line-height:1.6;color:var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: var(--headerH);letter-spacing: 0.06em;overflow-x: clip;}
body.pd0{padding-top: 0;background: #fff;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 999999999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
@media (min-width:768px){.wow{visibility:hidden;}}
/*--------------------------------------------------*/
/* !====無障礙功能==== */
/* 無障礙焦點樣式 */
/* a:focus,
button:focus,
[role="button"]:focus,
.swiper-button-next:focus, .swiper-button-prev:focus,
.swiper-pagination-bullet:focus,
.promotionResult--active:focus,
input:focus,
select:focus,
textarea:focus,
.gsc-results-close-btn-visible:focus,
.goTop:focus{z-index:99998;outline: var(--outline);outline-offset: var(--outline-offset);opacity: 1;} */

/* 跳過連結 - 無障礙功能 */
.accesskey {position: absolute;top:0;left: 6px;padding: .5rem;text-decoration: none;z-index: 10000;}
#C{position: relative;min-height: 60vh;}

/* 無障礙支援樣式 */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
/*--------------------------------------------------*/
a{color:var(--black);text-decoration:none;-o-transition:var(--trans);-webkit-transition:var(--trans);-moz-transition:var(--trans);transition:var(--trans)}
a:hover{}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
}
:root{
    --mjColor: #116636; /* 主色 */
    --mjColor-l:#5EA373;
    --mjColor-lx2:#5CD35A;
    --mjColor-llx2: #DAEADF;
    --mjColor-d:#203629;
    --subColor: #DE8613; /* 副色 */
    --subColor-l: #F2A23A;
    --subColor-d: #683A1B;

    --black: #221C17;

    --gray: #A6A6A6;
    --gray-d: #616265;
    --gray-l: #E8E8E8;
    --gray-lx2: #F7F7F7;

    --red: #DF4E4E;

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

    --outline: 5px dotted var(--subColor);
    --outline-offset: 0;
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.errorLine,.errorTxt,.red{--cl: var(--red);}
.errorLine{border-color: var(--cl)!important;}
.errorTxt{font-size: .875em;color: var(--cl);}
.errorTxt:empty{display: none;}
.red{color: var(--cl);}

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

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

/* !====submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{100%{transform:rotate(360deg)}}
@-moz-keyframes loadingI{100%{transform:rotate(360deg)}}
@-webkit-keyframes loadingI{100%{transform:rotate(360deg)}}
@keyframes loadingI{100%{transform:rotate(360deg)}}
/* bubble */
@-o-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-moz-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@-webkit-keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
@keyframes bubble{0%,100%{transform:scale(0)}50%{transform:scale(1)}}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/

/* !====全頁佈局 */
.wrapper { padding:2rem 0;}
main{position: relative;z-index: 5;}
.blockHeight{padding:clamp(2rem,3vw,3.5rem) 0;overflow-x: clip;}
.blockHeight.--inner{padding-top: clamp(1.5rem,3vw,2.5rem);}
.--bgGray{background: var(--gray-lx2);}
.--bgGrayl{background: var(--gray-l);}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
button{border:none;background: none;}
.imgscale{position: relative;width: fit-content;}
.imgscale::before{content:"\F62C";display: inline-block;font-family: bootstrap-icons !important;position: absolute;background:#454545;width: 1.5rem;height: 1.5rem;border-radius: 0.3rem;color:#fff;display: flex;justify-content: center;align-items: center;position: absolute;right:0.25rem;bottom:0.25rem;font-size: clamp(0.7rem, 1vw, 0.9rem);z-index: 2;}

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

/* !====標題 */
.mjTitGroup{display: flex;justify-content: space-between;align-items: center;border-bottom: 3px solid #EDEDED;margin-bottom: clamp(1rem,2.5vw,2rem);}
.mjTitGroup.--center{justify-content: center;}
.mjTitGroup .btnStyle{padding:clamp(0.5rem,1vw,0.65rem) clamp(1rem,2.5vw,1.75rem)}
.mjTitGroup .searchBx{width: clamp(20rem,28vw,28rem);}
.mjTit{padding:clamp(0.8rem,1.5vw,1.3rem) 0 ;border-bottom: 3px solid var(--mjColor);margin-bottom: 0;transform: translateY(2.5px);}
.mjTit__mj{font-size: clamp(1.375rem,3vw,2.2rem);color:var(--mjColor);font-weight: 700;}
.mjTit__en::before,.mjTit__type::before{content:"/";font-size: clamp(0.4rem,1vw,0.8rem);color:var(--mjColor-l);margin:0 clamp(0.2rem,1vw,0.6rem)}
.mjTit__en{font-size: clamp(0.875rem,1vw,1rem);color:var(--mjColor-l)}
.mjTit__type{font-size: clamp(1rem,1.3vw,1.125rem);color:var(--mjColor-l)}
.mjTit__type:empty{display: none;}
.inMiniTit{display: flex;align-items: center;gap:clamp(0.5rem,1.5vw,1.2rem);font-size: clamp(1rem,1.5vw,1.25rem);color:var(--mjColor-d);margin-bottom: clamp(2rem,3.5vw,3rem);white-space: nowrap;font-weight: 500;}
.inMiniTit::before,.inMiniTit::after{content:"";display: block;width: 100%;height: 1px;background: #d3d3d3;}
form+.inMiniTit{margin-top: clamp(2rem,4vw,3.5rem);}
.mjTitGroup .--back{margin-bottom: 0.5rem;}

/* !==== 滾軸樣式 ==== */
/* 設定整個滾動條的寬度 */
::-webkit-scrollbar{width:clamp(0.5rem,0.8vw,0.75rem);}
/* 調整滑塊（thumb）的樣式 */
::-webkit-scrollbar-thumb{background-color:var(--gray);border-radius:0.625rem;border:1px solid var(--gray-l);}
/* 調整軌道（track）的樣式 */
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0.625rem;}
/* 滑鼠懸停在滑塊上的樣式 */
::-webkit-scrollbar-thumb:hover{background:var(--gray-d);}

/* !==== header ==== */
.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;display: flex;background: #fff;    width: 100%;}
.hdCon{display: flex;align-items: center;justify-content: space-between;width: 100%;padding:0 clamp(0.5rem,1.5vw,2.5rem)}
.hdCon__funWrap{display: flex;gap:clamp(0.4rem,1vw,0.6rem)}
.pd0 .navbarBrand{padding:clamp(0.2rem,1vw,0.8rem) clamp(0.2rem,1.4vw,1.2rem)}
.navbarBrand{background: #D8F2E0;padding:clamp(0.2rem,0.8vw,0.4rem) clamp(0.2rem,1vw,1rem)}
.pd0 .navbarBrand__logo{width: clamp(8rem,14vw,12rem);}
.navbarBrand__logo{display: block;width: clamp(8rem,12vw,10rem);aspect-ratio: 25/14;background: url(../images/all/logo-default.png)no-repeat center center / contain;text-align: center;text-indent: -9999rem;}
.navbarToggle{order:1;display: none;}
.navbarNav{display: flex;align-items: center;}
.navbarNav__item{}
.navLink{--cl: var(--black);display: block;position: relative;;cursor: pointer;padding:clamp(1rem,2vw,2rem) clamp(0.4rem,1vw,1.125rem);font-size: clamp(1rem,1.5vw,1.125rem);transition: var(--trans);white-space: nowrap;}

.navLink span{position: relative;}
.navbarNav__item:has(.navSub__item.--noneRead) .navLink span::after{content:"new";position:absolute;left:50%;transform: translate(-50%,-120%);top:0;border-radius:0.5rem 0 0.5rem 0;background:var(--red);color:#fff;font-size: 0.75rem;padding:0 0.3rem}
.--noneRead .navSubLink span {position: relative;}
.--noneRead .navSubLink span::after{content:"";position:absolute;right:-0.5rem;top:-0.25rem;width:0.5rem;height:0.5rem;border-radius:50%;background:var(--red);}
.navSubLink span{position: relative;}
.navLink::before{content:"";position: absolute;left: 50%;bottom:10%;transform: translate(-50%,0%);width: 0.5rem;aspect-ratio: 1/1;background: var(--mjColor-lx2);border-radius: 0 2rem 2rem 2rem;transition: var(--trans);opacity: 0;}
.navLink:hover,.navLink.--isOpen,.active .navLink{color:var(--mjColor)}
.navLink:hover::before,.navLink.--isOpen::before,.active .navLink::before{bottom:15%;opacity: 1;}
.navSub{background-color: #fff;padding: 1rem;border: 1px solid var(--gray-lx2);border-radius: 0.3rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);list-style: none;;padding: 0;margin-top: -0.5rem;}
.navSubLink{display: block;text-align: center;padding:clamp(0.6rem,1.2vw,0.9rem) clamp(0.8rem,1.5vw,1.25rem);color:var(--gray-d);border-bottom:1px dashed #c1c0c0;font-size: clamp(1rem,1.4vw,1rem);}
.navSub__item:last-of-type .navSubLink{border-bottom: none;}
.navSubLink:hover{background: var(--gray-lx2);color:var(--mjColor)}
/* 功能性按鈕 */
.SearchBtn{position: relative;;width: clamp(2.5rem,3.5vw,3.2rem);transition: var(--trans);border-radius: 0.3rem;}
.SearchBtn__icon{position: absolute;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:var(--black)}
.SearchBtn:hover{background: var(--gray-lx2);}
/* .btnStyle.--enter{display: none;} */
/* .body--login .btnStyle.--member{display: none;} */
.btnStyle.--enter{display: flex;}
/*header -white */
.navbar.--white{background: transparent;  }
.navbar.--white .navLink,.navbar.--white .SearchBtn__icon{color:#fff;}
.navbar.--white .SearchBtn{background: rgba(255,255,255,0);}
.navbar.--white .SearchBtn:hover{background: rgba(255,255,255,0.3);}
.navbar.--white .btnStyle {background:linear-gradient(270deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);}
.navbar.--white .btnStyle.--outline{border-color: #fff;color:#fff;background: none;}
.navbar.--white .btnStyle.--outline:hover{background: var(--subColor);border-color: var(--subColor);}
.navbar.--white .btnStyle__icon{color:#fff}
.navbar.--white .navbarBrand{background: transparent;}
.navbar.--white .navbarBrand__logo{background:   url(../images/all/logo-white.png)no-repeat center center / contain;}
.navbar.--white .navbarToggle span{background: #fff;}
/* header --fixed */
.navbar--fixed .navbarBrand{padding:0.2rem clamp(0.2rem, 1.4vw, 1.2rem);}
.navbar--fixed  .navbarBrand__logo{width: clamp(8rem,12vw,10rem);}
.navbar--fixed  .navLink{padding:clamp(0.8rem,2vw,1.8rem) clamp(0.4rem,1.2vw,1.125rem)}

/* !====js-下拉選單==== */
.dropdown{position:relative;}
[data-toggle="dropdown"]{position: relative;cursor: pointer;display: block;}
/* [data-toggle="dropdown"]::after{content: '\F282';font-family: bootstrap-icons;display: inline-block;transition: var(--trans);} */
[data-toggle="dropdown"].--isOpen::after{transform: rotate(-180deg);}
.dropdownMenu{position: absolute;top: 100%;left: 50%;width:clamp(10rem,15vw,12rem);transform: translate(-50%, 0)!important;background: var(--mjColor-lx3);background: #fff;opacity: 0;transform: translate(0, -3rem);transition: var(--trans);pointer-events: none;}
.dropdown:has(.--isOpen) .dropdownMenu{pointer-events: inherit;transform: translate(-50%, 0);opacity: 1;}
.dropdown:not(:has(.--isOpen)) .dropdownMenu a,
.dropdown:not(:has(.--isOpen)) .dropdownMenu button {pointer-events: none;}
.dropdownMenu__close{display: none;}

/* !==== 按鈕 ==== */
.btnGroup{width: 100%;;display: flex;gap:0.8rem;}
.btnGroup.--center{justify-content: center;}
.btnGroup.--col{flex-direction: column;}
.btnStyle{display: flex;align-items: center;gap:clamp(0.2rem,0.8vw,0.5rem);padding:clamp(0.5rem,1vw,0.65rem) clamp(0.8rem,1.5vw,1.25rem);font-size:1rem ;border-radius: 0.3rem;background: var(--mjColor);text-align: center;color:#fff;transition: var(--trans);width: fit-content;white-space: nowrap;}
.btnStyle.--large{width: min(100%,12.5rem);font-size: clamp(1rem,1.3vw,1.125rem);justify-content: center;}
.btnStyle.--light{background: var(--mjColor-l);}
.btnStyle.--mini{padding:0.4rem clamp(0.8rem,1.5vw,1.25rem)}
.btnStyle__icon{font-size: clamp(1rem,1.3vw,1.25rem);}
.btnStyle:hover,.btnStyle.--outline:hover{background: var(--subColor);color:#fff;border-color:var(--subColor)}
.btnStyle.--liner{background: linear-gradient(270deg, #116636 0%, #5EA373 100%);}
.btnStyle.--liner:hover{background: linear-gradient(270deg, var(--subColor) 0%, var(--subColor) 100%);}
.btnStyle.--outline{background: transparent;border:1px solid var(--mjColor);color:var(--mjColor)}
.btnStyle.--outline.--white{border-color: #fff;color:#fff}
.btnStyle.--outline.--white:hover{border-color: var(--subColor);}
.btnStyle.--export{background: #FAEDDC;color:var(--subColor)}
.btnStyle.--export:hover{background: var(--subColor);color:#fff;}
.btnStyle.--full{width: 100%;}
.btnStyle.--center{justify-content: center;}
.btnStyle.--modify{padding:0.3rem clamp(0.4rem,1vw,0.8rem);background-color: var(--subColor);font-size: clamp(0.875rem,1vw,1rem);}
.btnStyle.--modify:hover,.btnStyle.--back:hover{opacity: .8;}
.btnStyle[class*="--modify"]:disabled{background: var(--gray);cursor: default;}
.btnStyle[class*="--modify"]:disabled:hover{opacity: 1;}
.btnStyle.--back{background: var(--gray-d);padding:clamp(0.25rem,0.6vw,0.4rem) clamp(0.8rem,1.5vw,1.2rem) ;font-size: clamp(0.875rem,1vw,rem);}

/* !====popUp燈箱 */
.popUpWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;align-items: center;justify-content: center;}
.js-mask{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999998;background: rgba(0,0,0,.5);/*-webkit-backdrop-filter: blur(.25rem);backdrop-filter: blur(.25rem);*/}
.popUpWrap__inner{position: relative;width: min(90%,80rem);max-height: calc(100% - 3rem);/*overflow: hidden;overflow-y: auto;*/padding: 0;background: #fff;border-radius: clamp(0.5rem,1vw,1rem);z-index: 999999;}
.popUpWrap__inner.--sm{ width: min(90%, 60rem);}
.popUpWrap__inner .close{cursor: pointer;position: absolute;right:clamp(0.8rem,2vw,1.5rem);top:clamp(0.6rem,1.8vw,1.2rem);color:#fff;z-index: 2;}
.popUpWrap__inner .close::after{content:'\F659';font-family: bootstrap-icons;font-size: clamp(1.125rem,2vw,1.5rem);}
.popUpWrap__inner .close:hover{transform: rotate(90deg);}
.popUpWrap__inner img{max-width:100%}
.popupTit{background: linear-gradient(270deg, #116636 0%, #5EA373 100%);color:#fff;padding:clamp(0.8rem,2vw,1.5rem) clamp(1.125rem,2vw,1.5rem);padding-right: 3rem;border-radius: clamp(0.5rem,1vw,1rem) clamp(0.5rem,1vw,1rem) 0 0;font-size: clamp(1.25rem,3vw,1.875rem);font-weight: 500;text-align: center;margin-bottom: 0;}
.popupCon{padding:clamp(1.2rem,1vw,2.5rem) clamp(1.125rem,2vw,2rem);font-size: clamp(0.875rem,1.2vw,1.125rem);}
.popupCon.--center{text-align: center;}
/* 搜尋框樣式 */
.popUpWrap__inner.--search{display: flex;gap:0.8rem;width: min(90%,56rem);flex-direction: column; align-items: center;padding:0;background: transparent;}
.popUpWrap__inner.--search .close{opacity: 0;display: none;}
.searchBx{display: flex;width: 100%;}
.searchBx__inner{width: 100%;background: transparent;border:none;position: relative;}
.searchBx__inner::before{position: absolute;right:clamp(1rem,1.3vw,1.125rem);top:50%;transform: translate(-50%,-50%);color:#fff;}
.searchBx__inner input::-webkit-input-placeholder { color: #fff; opacity: 0.7; }
.searchBx__inner input:-ms-input-placeholder { color: #fff; opacity: 0.7; }
.searchBx__inner input::placeholder { color: #fff; opacity: 0.7; }
.searchBx__inner input{height: 100%;width: 100%;background:var(--mjColor-l);color:#fff;border:none;padding:clamp(1rem,1.5vw,1.25rem) clamp(1rem,1.3vw,1.125rem);border-radius: 0.3rem;padding-right: 3.5rem;}
.searchBx__btn{background: var(--mjColor);white-space: nowrap;padding:clamp(0.6rem,1.5vw,1rem) clamp(1.125rem,2vw,1.5rem);color:#fff;border-radius: 0.3rem;}
.searchTit{color:#fff;font-size: clamp(1.25rem,1.8vw,1.8rem);}
.searchBx__inner .bi-search{position: absolute;z-index: 1;;right:clamp(1rem,1.3vw,1.125rem);top:50%;transform: translateY(-50%);color:#fff}


/* loading 首頁動畫 */
.hero-loading{position:fixed;inset:0;background:linear-gradient(0deg, #225C3A 0%, #3A9D65 100%);display:flex;flex-direction: column;justify-content:center;align-items:center;z-index:99999;opacity: 1; transition: opacity 1s ease, transform 1s ease;}
.hero-loading.--hidden{opacity: 0; pointer-events: none;}
.hero-loading .loadingLogo{width:clamp(9rem,13vw,12rem);aspect-ratio:25 / 17;background:url(../images/all/logo-white.png) no-repeat center center / cover;/*animation: breathe 2s ease-in-out infinite;*/ transform-origin: center center;margin-bottom: clamp(0.8rem,1vw,1rem);}
.loading-dots{display:flex;gap:clamp(0.4rem,1vw,0.5rem);justify-content:center;align-items:center;}
.loading-dots .dot{width:clamp(0.6rem,1vw,0.75rem);height:clamp(0.6rem,1vw,0.75rem);background-color:var(--mjColor);border-radius: 0 4rem 4rem 4rem;animation:colorWave 1.2s infinite ease-in-out;}
/* 依序延遲動畫，形成波浪效果 */
.loading-dots .dot:nth-child(1){animation-delay:0s;}
.loading-dots .dot:nth-child(2){animation-delay:0.2s;}
.loading-dots .dot:nth-child(3){animation-delay:0.4s;}
/* 點點 動畫 */
@keyframes colorWave{0%,60%,100%{background-color:var(--mjColor-lx2);}
30%{background-color:var(--mjColor-l);}
50%{background-color:var(--mjColor-l);}
}


/* !====banner */
.banner{position: relative;}
.hero{position:relative;height:100vh;overflow:hidden;}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.35);z-index:1;}
.hero::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 57.17%, rgba(0, 0, 0, 0.60) 100%);z-index: 1;}
.hero__video video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);}
.hero__content{position:absolute;width: clamp(40rem,90vw,102rem);left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;z-index: 2;}
.heroTit{margin-bottom: clamp(2rem,4vw,3.5rem);}
.heroTit__en{text-transform: uppercase;font-size: clamp(2rem,5vw,4.5rem);font-weight: 500;display: block;}
.heroTit__ch{display: flex;align-items: center;gap:clamp(0.4rem, 1vw,1rem);margin-top: clamp(0.5rem,1vw,1rem);font-size:clamp(1.125rem,2vw,1.5rem);font-weight: 300;}
.heroTit__ch::before{content:"";width: 0.8rem;aspect-ratio: 1/1;background: var(--mjColor-lx2);border-radius: 0 2rem 2rem 2rem;}
.animated.heroTit__ch{animation:bnTxtUp  0.8s ease-in-out forwards}
.animated.heroTit__en{animation:bnTxtUp  0.8s ease-in-out forwards}
@media screen and (min-width: 768px) {.heroTit__en,.heroTit__ch{opacity:0;transform:translateY(4rem);}}
@keyframes bnTxtUp{0%{opacity:0;transform:translateY(4rem);}100%{opacity:1;transform:translateY(0);}}
@keyframes bnTxtLeft{0%{opacity:0;transform:translateX(2rem);}100%{opacity:1;transform:translateX(0);}}
.scrollDn{position: absolute;z-index: 5;left: 50%;bottom:0;transform: translate(-50%,50%);width: clamp(7rem,12vw,10rem);aspect-ratio: 1/1;background: #fff;border-radius: 50%;}
.scrollDn::before{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%)scale(0.1);transform-origin: left top;width: 130%;aspect-ratio: 1/1;border-radius: 50%;background: rgba(255,255,255,0.6);animation: circleExpand 4s ease-out infinite;}
.scroll-down{position:absolute;left:50%;top:10%;transform:translateX(-50%);width:clamp(0.8rem,1vw,1rem);height:clamp(1rem,2vw,1.5rem);border:1px solid var(--gray-d);border-radius:5rem;display:flex;align-items:flex-start;justify-content:center;padding:0.3rem 0.1rem;box-sizing:border-box;position:relative;overflow:hidden;z-index: 2;}
.scroll-down__dot{position: relative;;width:clamp(0.2rem,0.3vw,0.3rem);height:clamp(0.2rem,0.3vw,0.3rem);background-color:var(--gray-d);border-radius:50%;animation:scroll-dot 2s infinite;z-index: 2;}
.scrollDn__p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-115%);font-size: clamp(0.7rem,1vw,0.875rem);color:var(--gray-d);margin-bottom: 0;}
@keyframes scroll-dot{
0%{transform:translateY(0);opacity:1;}
50%{transform:translateY(100%);opacity:0.5;}
100%{transform:translateY(0);opacity:1;}
}
@keyframes circleExpand{
0%{transform:scale(0.1) translate(-50%,-50%);opacity:0.9;}
60%{transform:scale(1.1) translate(-50%,-50%);opacity:0.45;}
100%{transform:scale(1.1) translate(-50%,-50%);opacity:0;}
}
/* 內頁banner */
.pgBanner{background: var(--gray-lx2) url(../images/banner/pgBanner.jpg)no-repeat left center /cover;padding:clamp(2rem,3.5vw,3.5rem)0 clamp(2rem,2.5vw,2.5rem);text-align: center;}
.pgBnTit{margin-bottom: clamp(0.8rem,2vw,1.25rem);font-size: clamp(1.5rem,4vw,3rem);color:var(--mjColor-d);font-weight: 600;}

/* !====麵包屑 */
.--center  .breadCrumbs{justify-content: flex-start;}
.breadCrumbs{list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 0;}
.breadCrumbs__item a{color:var(--gray-d);font-size: clamp(0.875rem,1.3vw,1rem);}
.breadCrumbs__item:last-child a,.breadCrumbs__item a:hover{color:var(--mjColor)}
.breadCrumbs__item+.breadCrumbs__item::before{content:"/";font-size: 0.6rem;color:var(--gray);margin:0 clamp(0.2rem,1vw,0.5rem)}
.--white .breadCrumbs__item a{color:rgba(255,255,255,0.8)}
.--white .breadCrumbs__item+.breadCrumbs__item::before{color:rgba(255,255,255,0.5)}
.--white .breadCrumbs__item:last-child a,.--white .breadCrumbs__item a:hover{color:rgba(255,255,255,1)}

/* !====側選單 */
.sideToggle{display: none;}
.sideNav{list-style-type: none;padding: 2rem 0;margin: 0;display: flex;flex-direction: column;gap: 0;}
.--product .sideNav__item.active .sideNavLink .txt::before{background: var(--mjColor-lx2);opacity: 1;}
.sideNavLink{--cl: var(--black);position: relative;display: block;color: var(--cl);}
.sideNavLink .txt{display:block;flex: 1;border-radius: 0.3rem;}
.sideNavLink.--hasSub{position: relative;display: flex;justify-content: space-between;}
.sideNav .--hasSub.--isOpen>.togSubBtn::before{transform:rotate(180deg)}
.sideNav .togSubBtn{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;aspect-ratio: 1;line-height: 1;background: var(--gray-l);}
.sideNav .togSubBtn::before{content: '\F282';font-size: 80%;font-family: 'bootstrap-icons';}
.sideNavDrop{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.3s ease;overflow: hidden;}
.sideNavDrop.--isOpen{grid-template-rows: 1fr;}
.sideNavDrop > *{min-height: 0;}
.sideNavSub{list-style-type:none;margin: 0;padding: 0;font-size: 1rem;background: rgba(0, 0, 0, .1);}
.sideNavSub__item{padding:.5rem}
/* 產品側選單 */
.--product .sidebar{width: clamp(12rem,17vw,16.25rem);flex:0 0 auto}
.--product  .sideNav{padding:0;background: var(--mjColor-l);color:#fff;border-radius: 0.6rem;overflow: hidden;background: #62a777;}
.--product  .sideNav__item:last-of-type .sideNavLink .txt{border-bottom: none;}
.--product .sideNavLink .txt{display: flex;gap:clamp(0.5rem,1vw,0.8rem);align-items: center;padding:clamp(0.6rem,1.3vw,1rem) clamp(1.125rem,1.3vw,1.25rem);color:#fff; border-bottom: 1px solid #4A9360;font-weight: 500;font-size: 1.125rem;}
.--product .sideNavLink .txt:hover{background: #6caf80;}
.--product .sideNavLink .txt:hover::before{background: var(--mjColor-lx2);opacity: 1;}
.--product .sideNavLink .txt::before{content:"";width: 0.75rem;aspect-ratio: 1/1;background: #fff;opacity: .3;border-radius:2rem 2rem 0 2rem;}
.--product .sideNavLink.--isOpen .txt::before{background: var(--mjColor-lx2);opacity: 1;}
.--product .sideNavLink.--hasSub::before{ content: '\F282';font-family: bootstrap-icons;display: inline-block;position: absolute;right:0;color:#fff;padding:0.8rem clamp(0.7rem,1.3vw,1rem);top:50%;transform:translateY(-50%);cursor: pointer;}
.--product .sideNavLink.--hasSub.--isOpen::before{transform:translateY(-50%) rotate(180deg);}
.sideNavSub{background:#509665;}
.sideNavSub__item{padding:0}
.sideNavSub__item .txt{display: block;padding:clamp(0.8rem,1.3vw,0.8rem) clamp(1.125rem,1.3vw,1.25rem);border-bottom: 1px solid #60A876;color:#fff;font-size: clamp(0.875rem,1.2vw,1rem);}
.sideNavSub__item.active{background:#3a7d4e;}
/* .sideNavSub__item .txt:hover{background: #5da372;} */
/* 第三層子選單 */
.sideNavSub .sideNavSub{background:#3a7d4e;}
.sideNavSub .sideNavSub .sideNavSub__item .txt{font-size:clamp(0.8125rem,1.1vw,0.9375rem);display: flex;align-items: center;gap:0.5rem;position: relative;}
.sideNavSub .sideNavSub .sideNavSub__item .txt::before{content:"";display: block;width:0.6rem;height: 0.6rem;background: #fff;opacity: 0.2;border-radius: 0.2rem;transition: var(--trans);}
.sideNavSub .sideNavSub .sideNavSub__item .txt:hover::before{background:#5cd35a ;opacity: 1;}
.sideNavSub .sideNavSub .sideNavSub__item.active .txt::before{background:#5cd35a ;opacity: 1;}
.sideNavSub__item > .sideNavLink.--hasSub .txt{padding-right:2rem;}
.sideNavSub__item > .sideNavLink.--hasSub::before{content:'\F282';font-family:bootstrap-icons;display:inline-block;transition:var(--trans);position:absolute;right:clamp(0.7rem,1.3vw,1rem);top:50%;transform:translateY(-50%);color:#fff;font-size:0.75rem;}
.sideNavSub__item > .sideNavLink.--hasSub.--isOpen::before{transform:translateY(-50%) rotate(180deg);}
.--product .sideNavSubLink.--isOpen{background: #3a7d4e;}
.--product .sideNavSubLink.--isOpen::before{content:"\F63B"}
.--product  .sideNavSubLink{position: relative;}
.--product .sideNavSubLink::before{content:'\F64D';font-family:bootstrap-icons;display:inline-block;transition:var(--trans);position:absolute;right:0;top:50%;transform:translateY(-50%);color:#fff;padding:0.8rem clamp(0.7rem,1.3vw,1rem);cursor: pointer;}


/* 無開合 */
.--sdSty01 .sideNav{flex-direction: row;justify-content: center;padding:0.6rem;background: var(--gray-lx2);width: fit-content;margin:0 auto;border-radius: 0.5rem;margin-bottom: clamp(2rem,4vw,3.5rem);}
.--sdSty01 .sideNav__item{width: fit-content;}
.--sdSty01 .sideNavLink .txt{padding:clamp(0.5rem,1vw,0.6rem) clamp(1rem,2vw,1.8rem);font-size: clamp(1rem,1.3vw,1.125rem);color: var(--gray-d);}
.--sdSty01 .sideNavLink .txt:hover{color:var(--mjColor-l)}
.--sdSty01 .active .sideNavLink .txt{background: var(--mjColor-l);color:#fff}

/* !====輪播樣式 */
.swiper-pagination-bullet{width:clamp(0.5rem,1vw,0.7rem);height:clamp(0.5rem,1vw,0.7rem);background: var(--gray-l);opacity: 1;}
.swiper-pagination-bullet-active{background: var(--mjColor-l);}
.swiper-button-next,.swiper-button-prev{width: clamp(1.6rem,2vw,2rem);height: clamp(2.5rem,3.5vw,3rem);background: rgba(0,0,0,0.4);border-radius: 0.25rem;transition: var(--trans);}
.swiper-button-next:hover,.swiper-button-prev:hover{background: var(--subColor);}
.swiper-button-next::after,.swiper-button-prev::after{display: none;}
.swiper-button-next::before,.swiper-button-prev::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: clamp(1.3rem,2vw,1.5rem);}

/* !====首頁廣告 */
.--blockHeight--adLg .container{max-width: 100rem}
.adLgSwiper .swiper-slide{background: var(--gray-lx2);padding:clamp(0.4rem,1vw,0.6rem);border-radius: clamp(0.6rem,1.5vw,0.8rem);}
.pdImg{position: relative;;border-radius: clamp(0.3rem,1vw,0.5rem);overflow: hidden;margin-bottom: 0;padding:clamp(0.4rem,1vw,0.6rem);display: block;}
.pdImg img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.3rem;}
.adLgSwiper .swiper-pagination{position: relative;bottom:0;padding:0.4rem 0}
.adMiddleWrap{display: flex;gap:1rem}
.pdImg.--large,.--pd0{padding:0;border-radius: 0;}
.pdImg.--middle{background: var(--gray-lx2);}
.pdImg.--sm{background: #fff;}
.pdImgSmBx{display: flex;gap:clamp(1.5rem,3vw,2.5rem)}

/* !====首頁中心區塊 */
.--blockHeight--ixCt{padding-top: 0;}
.ixCt{display: flex;gap:clamp(2rem,4vw,3.75rem)}
.ixCt__lg{flex:1;}
.ixCt__sm{width: clamp(16rem,24vw,21rem);flex:0 0 auto}
.caldSwiper{border-radius: clamp(0.3rem,1vw,0.5rem);overflow: hidden;}
.ixNews{background: var(--gray-lx2);padding:clamp(0.8rem,1.5vw,1.25rem) clamp(1.125rem,2.5vw,2rem);border-radius: clamp(0.3rem,1vw,0.5rem);}
.ixNews__item{position: relative;;display: flex;align-items: center;gap:0.5rem clamp(0.9rem,2vw,1.5rem);padding:clamp(0.8rem,1vw,1rem) 0;color:var(--gray-d);border-bottom: 1px dashed var(--gray);cursor: pointer;}
.ixNews__item:last-of-type{border-bottom: none;}
.ixNews__item:hover .ixArrow{padding-right: 0;opacity: 1;}
.ixNews__item:hover .ixNewsType{background: var(--subColor);color:#fff;}
.ixNews__item:hover {color:var(--mjColor)}
.ixNewsDate{display: flex;align-items: center;gap:0.5rem;font-size: clamp(1rem,1.2vw,1.125rem);white-space: nowrap;}
.ixNewsDate::before{content:"";display: block;width: 0.3rem;height: 0.25rem;background: var(--mjColor);border-radius: 50%;}
.ixNewsType{font-size: clamp(0.875rem,1vw,0.9rem);color:var(--gray-d);background: var(--gray-l);padding:0.25rem 0.75rem;border-radius: 2rem;    flex: 0 0 auto;}
.ixNewCon{font-size: clamp(1rem,1.2vw,1.125rem);margin-bottom: 0; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;box-sizing:border-box; }
.ixArrow{position: absolute;right:0;top:50%;transform: translateY(-50%);padding-right: 1rem;opacity: 0;transition: var(--trans);}

/* !====footer */
footer{position: relative;background:var(--mjColor-d);color:#fff;padding:clamp(1rem,2.5vw,1.5rem) 0}
footer .container{max-width: 1760px;display: flex;align-items: center;gap:clamp(2rem,4vw,3.75rem)}
footer a{color:#fff;font-size: clamp(0.93rem,1.25vw,1rem);}
footer a[href]:hover{color:var(--mjColor-lx2)}
.ftLg__tp,.ftLg__bt{display: flex;gap:clamp(0.8rem,1vw,1rem);justify-content: space-between;align-items: center;}
.ftLg__bt{flex-wrap: wrap;}
.ftLg__tp{border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: clamp(0.5rem,1vw,0.8rem);}
.ftInfoBx,.ftNav{display: flex;align-items: center;}
.ftInfoBx{gap:clamp(1.5rem,2vw,2.5rem)}
.ftSm{width:7.5rem;flex:0 0 auto;margin-bottom: 0.8rem;}
.ftInfoGp{display: flex;flex-wrap: wrap;width: 26rem;gap:0.5rem;}
.ftInfoGp__item.--addr::before{content:"地址｜";width: 100%;}
.ftInfoGp__item.--tel::before{content:"電話｜";width: 100%;}
.ftInfoGp__item.--fax{padding-left: 1rem;}
.ftInfoGp__item.--fax::before{content:"傳真｜";width: 100%;}
.ftNav{flex-wrap: wrap;justify-content: flex-end;}
.ftNav a{padding:0.2rem clamp(0.3rem,1vw,0.5rem);white-space: nowrap;}
.ftLg{flex:1;}
footer ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.ftLogo{display: block;width: clamp(8rem,10vw,10rem);aspect-ratio: 25/17;background: url(../images/all/logo-white.png)no-repeat center center / cover;text-align: center;text-indent: -9999rem;}
.ftQR{border-radius: 0.3rem;overflow: hidden;margin-bottom: clamp(0.2rem,4vw,0.6rem);}
.ftQRTit{position: relative;display: flex;align-items: center;background: #fff;border-radius: 0.3rem;overflow: hidden;color:var(--mjColor-d)}
.ftQRTit__icon{width: 2.3rem;aspect-ratio: 1/1;background: var(--mjColor-lx2) url(../images/all/line.svg)no-repeat center center / 70% auto;}
.ftQRTit__tit{font-size:clamp(0.75rem,1vw,0.93rem);padding:clamp(0.2rem,1vw,0.4rem) 0.2rem;flex:1;text-align: center;}
.copyright{font-size: clamp(0.75rem,1vw,0.875rem);opacity: .7;}
.copyright a{font-size: inherit;}
.ftTerms__item{color:rgba(255,255,255,0.7)}
.ftTerms__item +.ftTerms__item::before{content:"｜"}
.contactInfoIframe{position: relative;;width: 100%;aspect-ratio: 2/0.8;margin-top: clamp(1.5rem,2.5vw,2rem);border-radius: 0.5rem;overflow: hidden;}
.contactInfoIframe iframe{width: 100%;height: 100%;object-fit: cover;}

/* !====fixedMenu */
.fixedMenu{display: none;}
.fixedMenu{display: flex}
.fixedMenu{position: fixed;z-index: 6;;right:0;top:30%;;flex-direction: column;align-items: flex-end;gap:clamp(0.4rem,1vw,0.625rem); display: flex;}
.fixedMenu a[href]:hover{color:#fff}
.fixedMenu.--hide{transform: translateX(100%);align-items: flex-start;}
.fixedMenu.--hide .fixMuControl{transform: translateX(-100%);}
.fixedMenu__item{position: relative;;border-radius: 0.4rem 0 0 0.4rem;text-align: center;font-size: 0.75rem;padding:clamp(0.3rem,1vw,0.6rem) clamp(0.2rem,0.6vw,0.4rem);width: 4rem;letter-spacing: 0;}
.fixedMenu__item:hover{ filter: brightness(1.2);}
.fixedMenuIcon{position: relative;;width: 2rem;aspect-ratio: 1/1;display: block;margin:0 auto 0.2rem }
.--hasRed .fixedMenuIcon::after{content:"";position: absolute;right:.2rem;top:0.3rem;border-radius: 50%;width: 0.5rem;height: 0.5rem;background: #C52D28;}
.fixedMenuIcon::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: 1.5rem;}
.fixedMenu__item:nth-child(2){background: var(--mjColor-l);}
.fixedMenu__item:nth-child(2) .fixedMenuIcon::before{font-size: 1.6rem;left: 45%;top:53%}
.fixedMenu__item:nth-child(3){background: var(--mjColor);}
.fixedMenu__item:nth-child(4){background: var(--subColor-d);}
.fixedMenu__item:nth-child(5){background: #391f0e;color:#fff;display: none;}
.fixMuControl{display: flex;justify-content: center;color:var(--mjColor);background: #d8f2e0;border-radius: 0.8rem 0 0 0.8rem;;transition: var(--trans);writing-mode:vertical-lr;justify-content:center;gap:0.5rem;font-size:1rem;width:2.5rem;padding:0.4rem 0.5rem;border-left: 4px solid var(--mjColor-l);}
.fixMuControl span::before{position: relative;left: 0.2rem;}

/* !====訂購須知 */
.odNt{--num: 4;--gap:clamp(1.5rem,2vw,2rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;margin-bottom: clamp(1.5rem,2vw,2rem);}
.odNt__item{display: flex;flex-direction: column;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );box-shadow: 0 0 20px rgba(0,0,0,0.08);border-radius: 0.5rem;overflow: hidden;}
.odNtTit{display: flex;justify-content: center;font-size: clamp(1rem,1.5vw,1.125rem);padding: 1rem 1.5rem;margin-bottom: 0;text-align: center;transition: var(--trans);background: var(--mjColor-l);color:#fff;flex: 1;}
.odNtTit span{transition: var(--trans);opacity: 0;width: 0;}
.odNtImg{width: 100%;aspect-ratio: 4/2.5;background: var(--gray-l);overflow: hidden;position: relative;}
.odNtImg__img{overflow: hidden;position: relative;}
.odNtImg img{width: 100%;height: 100%;object-fit: cover;transition: var(--trans);}
.odNtImg::before{content:"";display: block;position: absolute;width: 100%;height: 100%;left: 0;top:0;background: var(--mjColor-l);opacity: 0;z-index: 1;}
.odNt__item:hover .odNtImg img{transform: scale(1.05);}
.odNt__item:hover .odNtImg::before{opacity: 0.2;}
.odNt__item:hover .odNtTit span{padding-left: 0.5rem;opacity: 1;}
.odDtTit,.inTit{display: flex;align-items: center;text-align: center;gap:clamp(1rem,2vw,1.5rem);white-space: nowrap;margin-bottom: clamp(1rem,2vw,2rem);color:var(--mjColor);font-weight: 600;font-size: clamp(1.375rem,2.5vw,2.2rem);}
.odDtTit::before,.odDtTit::after,.inTit::before,.inTit::after{content:"";width: 100%;height: 2px;background: linear-gradient(90deg, rgba(94, 163, 115, 0.00) 0%, #5EA373 100%);opacity: .5;}
.odDtTit::after,.inTit::after{transform: scaleX(-1);}

/* !====常見問題 */
.accordionGp{}
.accordionBx{--cl: var(--gray-lx2);--clTxt: var(--gray-d);margin-bottom: clamp(.5rem,1vw,.8rem);}
.accordionBx__hd {cursor: pointer;display: flex;align-items: center;gap: clamp(0.5rem,1vw,0.8rem);margin: 0;padding: clamp(0.5rem,1vw,0.8rem) clamp(1rem,2vw,1.5rem);border-radius: 0.3rem;background-color: var(--cl);color: var(--clTxt); transition: var(--trans);font-size: clamp(1rem,2vw,1.125rem);font-weight: 500;}
.accordionBx__hd::before{content:"Q";color:var(--mjColor-l);font-weight: 500;}
.accordionBx__hd:after {content: '\002B'; /* 可查Unicode字元列表：https://unicode-table.com/ */margin-left: auto;font-size: 1.5rem;color: var(--clTxt);font-weight: 400;}
.accordionBx__panel {overflow: hidden;max-height: 0;transition: var(--trans-ease);}
.accordionBx__panel .inner{padding: 1rem;background: var(--cl);}
.accordionBx__hd.active,.accordionBx__hd:hover {--cl: var(--mjColor-l);--clTxt:#fff;}
.accordionBx__hd.active::before,.accordionBx__hd:hover::before{color:#fff}
.accordionBx__hd.active:after {content: "\2212";}

/* !====最新消息 */
.newsItem{position: relative;;display: flex;align-items: center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1rem,1.5vw,1.5rem) 1.125rem;padding-right: clamp(1.125rem,3vw,3rem);border-bottom: 1px dashed var(--gray);font-size: clamp(1rem,1.3vw,1.125rem);transition: var(--trans);color:var(--gray-d)}
.newsItem:last-of-type{border-bottom: none;}
.newsItem::before{content:"";position: absolute;left: 50%;transform: translate(-50%);width: 100vw;height: 100%;background: var(--gray-lx2);opacity: 0;transition: var(--trans);}
.newsDate,.newsTxt,.newsArrow{z-index: 2;}
.newsDate{position: relative;display: flex;align-items: center;gap:clamp(0.5rem,1vw,0.9rem);width: clamp(7.5rem,10vw,9rem);flex:0 0 auto;}
.newsDate::before{content:"";width: 0.4rem;height: 0.4rem;background: var(--mjColor-lx2);border-radius: 50%;}
.newsTxt{position: relative;margin-bottom: 0; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;box-sizing:border-box; }
.newsArrow{position: absolute;right:clamp(0.5rem,2vw,1.5rem);top:50%;transform: translateY(-50%);transition: var(--trans);}
.newsItem:hover{color:var(--mjColor)}
.newsItem:hover .newsArrow{right:1rem}
.newsItem:hover::before{opacity: 1;}
/* 彈窗新聞 */
.nsDtCon{max-height: 65vh;overflow-y: auto;padding-right: clamp(0.5rem,1vw,1rem);}
.nsDtCon::-webkit-scrollbar{width:0.5rem;}
.newsDt__mj{position: relative;;display: flex;align-items: center;padding-left: 1rem;text-align: left;}
.newsDt__mj::before{content:"";position: absolute;display: block;width: 0.35rem;height: 100%;background: var(--mjColor-lx2);border-radius: 2rem;left: 0;top:0}

/* !====產品 */
.blockHeight--product{padding-top: clamp(0.8rem,2vw,1.5rem);}
.pdBnSwiper .swiper-pagination{position:relative;top:auto;bottom:auto;margin-top:0.5rem;margin-bottom: clamp(1rem,2vw,2rem);}
.pdBnSwiper .pdImg img{border-radius: 0;}
.productTit{position: relative;}
.productTit .searchBx__inner input{padding:clamp(0.5rem,1.5vw,0.8rem) clamp(1rem,1.3vw,1.125rem);background: var(--gray-l);color:var(--black);padding-right: 2.5rem;}
.productTit .searchBx__inner input::-webkit-input-placeholder { color: var(--gray-d); opacity: 0.7; }
.productTit .searchBx__inner input:-ms-input-placeholder { color: var(--gray-d); opacity: 0.7; }
.productTit .searchBx__inner input::placeholder { color:var(--gray-d); opacity: 0.7; }
.productTit .searchBx__inner .bi-search{right:0.3rem;color:var(--gray-d)}
.productSearchBx{position: absolute;right:0;bottom: 1rem;}
.container.--product{display: flex;gap:clamp(1.5rem,2vw,2rem)}
.mainCon{flex:1;}
.pdTb{display: flex;gap:0;list-style: none;padding-left: 0;width: 100%;border-radius: 0.4rem;letter-spacing: 0.02em;}
.pdTb.--Header .pdTb__item{background: #E0EAE3;color:var(--mjColor-d)}
.pdList .pdTb__item{display: flex;flex-direction: column;justify-items: center;/*background:#F8F8F8 ;*/color:#333}
.pdList .pdTb__item p{margin-bottom: 0;}
.pdTb__item{padding:clamp(0.6rem,1vw,0.8rem) clamp(0.4rem,1vw,0.6rem);font-size: clamp(0.875rem,1vw,1rem);}
.pdTb__item.--center{text-align: center;}
.--other{flex:1;}
.--pdS{width: clamp(3rem,4vw,4rem);}
.--pdSm{width: clamp(3.5rem,5vw,4.3rem);}
.--pdMType{width: clamp(4rem,5.8vw,5rem);}
.--pdM{width: clamp(4rem,6vw,5.5rem);}
.--pdTime{width: clamp(4rem,6.5vw,6.5rem);}
.--pdLg{width: clamp(7rem,12vw,9.5rem);}
.--pdLgB{width: clamp(8rem,14vw,11rem);}
.--pdCheck,.--pdItem{width: 2.5rem;white-space: nowrap;}
.--pdLg.--pdImg{width: clamp(6rem,8vw,8rem);}
.--mTitle{display: none;}
.pdList{list-style: none;padding-left: 0;}
/* 欄位細項 */
.pdList__item{background: #f8f8f8;border-radius: 0.4rem;/*overflow: hidden;*/}
.pdList__item+.pdList__item{margin-top: clamp(0.5rem,1vw,0.8rem);}
.pdList__item .pdTb{align-items: center;}
.pdTbImg{position: relative;display: block;width: 100%;aspect-ratio: 3/2;overflow: hidden;border-radius: 0.2rem;overflow: hidden;}
.pdTbImg img{width: 100%;height: 100%;object-fit: cover;}
.pdTbImg .pdTbImg__icon,.imgScale{position: absolute;right:0.5rem;bottom:0.5rem;color:#fff;background: #454545;width: 1.5rem;aspect-ratio: 1/1;border-radius: 0.3rem;}
.pdTbImg .pdTbImg__icon::before ,.imgScale::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: clamp(0.7rem,1vw,0.9rem);}
.pdTbType{padding:0.25rem 0.4rem;font-size: 0.75rem;margin-bottom: 0;}
.pdTbType+.pdTbType{margin-top: 0.3rem;}
.pdTbType.--type01{border:1px solid var(--gray-d);color:var(--gray-d)}
.pdTbType.--type01::before{content:"一般"}
.pdTbType.--type02{background: #3363A2;color:#fff}
.pdTbType.--type02::before{content:"冷藏"}
.pdTbType.--type03{background: var(--subColor);color:#fff;}
.pdTbType.--type03::before{content:"管制"}
.pdTbType.--type03 span{display: block;margin-top: -0.1rem;;font-size: 0.6rem;}
.pdTbType.--type04{border:1px solid var(--gray-d);color:var(--gray-d)}
.pdTbType.--type04::before{content:"OTC與其他"}
/* 單別徽章（全站 pdType 欄統一）：處方/管藥/冷鏈/一般。沿用既有色票；處方暫定綠，日後再調 */
.pdTbType.--cat-rx{background:#116636;color:#fff}
.pdTbType.--cat-rx::before{content:"處方"}
.pdTbType.--cat-ctrl{background: var(--subColor);color:#fff;}
.pdTbType.--cat-ctrl::before{content:"管藥"}
.pdTbType.--cat-ctrl span{display: block;margin-top: -0.1rem;font-size: 0.6rem;}
.pdTbType.--cat-cold{background: #3363A2;color:#fff}
.pdTbType.--cat-cold::before{content:"冷鏈"}
.pdTbType.--cat-gen{border:1px solid var(--gray-d);color:var(--gray-d)}
.pdTbType.--cat-gen::before{content:"一般"}
.pdTbType span:empty{display: none;}
.pdTbNHI span{display: block;}
.pdTbNHI__number{color:#333}
.pdTbNHI__price,.pdTbNHI__date{font-size: 0.8rem;color:var(--gray-d);white-space: nowrap;}
.pdTbNHI__price{color:var(--subColor)}
.pdTbNHI__price::before{content:"健保價：";color:var(--gray-d)}
.pdTbNHI__date::before{content:"效期："}
.pdTbName{margin-bottom: 0;}
.pdTbName__mj{display: block;color:#333;font-weight: 600;}
.pdTbName__sub{font-size: clamp(0.75rem,1vw,0.8rem);}
/* 多成分收合：其餘成分預設隱藏，展開時逐行顯示 */
.pdTbName__rest{display:none;}
.pdTbName.--isOpen .pdTbName__rest{display:block;}
/* 其餘成分各占一行，不再以頓號分隔 */
.pdTbName__sub.--extra{display:block;}
/* 紅色「複」字下拉鈕 */
.pdTbName__more{display:inline-block;margin-left:.25em;padding:0 .25em;border:0;background:none;line-height:1;color:var(--red);font-weight:700;font-size:.8rem;cursor:pointer;}
.pdTbName.--isOpen .pdTbName__more{opacity:.7;}
.pdList__item.--soldOut .pdTb__item:not(.--allOp){opacity: .4;}
.pdList__item.--soldOut .pdTbStock{color:var(--red)}
.pdList__item.--soldOut .pdTbStock::before{content:'\F622';font-family:bootstrap-icons;display:block;transition:var(--trans);}
.pdList__item.--locked .pdTb__item.--number{visibility: hidden;}
.pdList__item.--selected{background:var(--mjColor-llx2);box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pdTb__item.--number{flex-direction: row;gap:0.5rem;align-items: center;justify-content: center;max-width: 15.625rem;}
.pdTbSave__unsave{color:var(--gray-d);font-size: clamp(1.125rem,2vw,1.2rem);}
.pdTbSave__save{color:var(--red);font-size: clamp(1.125rem,2vw,1.2rem);}
.pdTbSave .pdTbSave__save{display: none;}
.pdTbSave.--saveOn .pdTbSave__save{display: block;}
.pdTbSave.--saveOn .pdTbSave__unsave{display: none;}
.pdTbSaveBox{position:relative;display:inline-block;}
.pdTbSave__tip,.pdTbTrack__tip,.pdTbOrder__tip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;font-size:13px;padding:6px 10px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;}
.pdTbSave__tip.show,.pdTbTrack__tip.show,.pdTbOrder__tip.show{opacity:1;}
.qtyButtonBx{position:relative;display:inline-block;}
.qtyBox{display:flex;align-items:center;gap:.25rem;background: #f0f0f0;padding:0.5rem;border-radius: 0.4rem;}
.qtyBtn{width:32px;height:32px;display:flex;justify-content:center;align-items:center;;background:#fff;cursor:pointer;border:1px solid #D0D0D0;color:var(--gray-d);transition: var(--trans);border-radius: 0.2rem;}
.qtyBtn:hover{background: var(--gray-d);color:#fff}
.qtyInput{width:2.5rem;text-align:center;border:none;height:clamp(2.5rem,3vw,3rem);background: transparent;flex: 1;}
.qtyInput::-webkit-outer-spin-button,.qtyInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.qtyInput[type=number]{-moz-appearance:textfield;}
.qtyButtonBx__item{width: clamp(2.8rem,3.5vw,3.2rem);border-radius: 0.2rem;font-size: 0.8rem;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0.3rem 0.2rem;transition: var(--trans);}
.qtyButtonBx__item:hover{opacity: .8;}
.qtyButtonBx__item .qtyBtnIcon::before{font-size: clamp(1rem,1vw,1.2rem);}
.qtyButtonBx__item .qtyBtnTxt{margin-top: -0.2rem;}
.pdTbTrack .qtyBtnTxt::before{content:"追蹤"}
.pdTbTrack.--trackOn .qtyBtnTxt::before{content:"取消"}
.pdTbTrack{border:1px solid var(--subColor-d);background: #fff;color:var(--subColor-d)}
.pdTbTrack .qtyBtnIcon::before{content:'\F18A';font-family:bootstrap-icons;display:inline-block;transition:var(--trans);}
.pdTbTrack.--trackOn .qtyBtnIcon::before{content:"\F189";color:#fff}
.pdTbTrack.--trackOn{background: var(--subColor-d);color:#fff}
.pdTbOrder{background: var(--mjColor-l);color:#fff;}
.pdTbOrder .qtyBtnIcon::before{content:'\F23D';font-family:bootstrap-icons;display:inline-block;transition:var(--trans);color:#fff;}
.pdTbTrack{display: none;}
.--soldOut .pdTbTrack{display: flex;}
.--soldOut .pdTbOrder{display: none;}
.pdList__alert{background: #f3dfdf;color:var(--red);font-size: clamp(0.75rem,1vw,0.93rem);padding:0.4rem 0.6rem;margin-bottom: 0;}
.pdList__alert:empty{display: none;}
.pdList__alert::before{font-size: 0.95em;padding-right: 0.5rem;}

/* !====相關連結 */
.linkGp{--num: 5;--gap:clamp(1.5rem,2vw,2.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.linkGp__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
/* .linkGp__item::before{position: absolute;right:0.5rem;top:0.5rem;color:#fff;font-size: clamp(1.5rem,3vw,2.5rem);;z-index: 4;opacity: 0;} */
.linkImg__Img{position: relative;;width: 100%;aspect-ratio: 2.5/1;border:1px solid #d7d7d7;border-radius: 0.3rem;margin-bottom: 0.5rem;overflow: hidden;}
.linkImg__Img::after{content:"";background: var(--mjColor-l);opacity: 0;position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;transition: var(--trans);}
.linkImg__Img img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 85%;height: 90%;object-fit: contain;}
.linkTit{text-align: center;font-size: clamp(1rem,2vw,1.125rem);color:var(--gray-d)}
.linkTit span{display: none;padding-left: 0.5rem;}
.linkGp__item:hover .linkImg__Img{border-color: var(--mjColor-l);}
.linkGp__item:hover .linkImg__Img::after{opacity: .4;}
.linkGp__item:hover::before{opacity: 1;}
.linkGp__item:hover .linkTit{color:var(--mjColor)}
.linkGp__item:hover .linkTit span{display: inline-block;}

/* !====頁碼*/
.pagination{display:flex;justify-content:center;gap: 0.8rem;flex-wrap: wrap;margin: 0;padding: clamp(1rem,2.5vw,2rem) 0 0;font-size: 1rem;list-style-type: none;}
.pagination li:not(.show){display:none}
.pagination a{display: flex;align-items: center;justify-content: center;width: clamp(1.9rem,3vw,2.5rem);aspect-ratio: 1;border-radius: 0.3rem;border-radius: 50%;}
.pagination .on a{color: #fff;background: var(--subColor-d);}
.pagination .on a:hover{background: var(--black);}
.pagination .arrow{display:flex!important;}
.pagination .arrow .no{opacity:.5;pointer-events:none}
.pagination .arrow a{display: flex;align-items: center;gap: 1rem;font-size: 80%;}
.pagination .arrow a:hover,.pagination a:hover{background: var(--gray-l);}
.pagination  .bi-chevron-left::before,.pagination  .bi-chevron-right::before{font-weight: bold !important;color: #000;;}

/* !====環境介紹 */
.envCardGroup{counter-reset:num;display: flex;flex-direction: column;align-items: center;--bs-gutter-x:clamp(1.5rem,4vw,3rem);--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);}
.inTitGroup{display: flex;flex-direction: column;margin-bottom: clamp(1.5rem,3vw,3rem);}
.inTitGroup__mj{font-size:clamp(1.35rem,3.5vw,2.5rem);color:var(--mjColor);font-weight: bold;margin-bottom: clamp(1.5rem,2vw,2rem);}
.inTitGroup__mj::after{content:"";display: block;width: 2rem;height: 4px;background: var(--mjColor-lx2);margin:1rem auto 0;border-radius: 2rem;}
.inTitGroup__sub{font-size:clamp(1.35rem,3vw,1.5rem);color:var(--mjColor-l);font-weight: 500;margin-bottom: 0.8rem;}
.inTitCon{width: min(100%,55rem);margin:0 auto;color:var(--gray-d);text-align: center;font-size: clamp(1rem,2vw,1.125rem);line-height: 1.7;}
.envCard{max-width: 85rem;position: relative;;display: flex;gap:clamp(2rem,4vw,4rem);padding:clamp(1.125rem,4vw,3.5rem);background: #f4f4f4;border-radius: clamp(0.5rem,2vw,1rem);}
.envCard.--all{max-width: 100vw;width: calc(100% + var(--bs-gutter-x)*2);--bs-gutter-x:clamp(1.5rem,4vw,3rem);--bs-gutter-y:0;margin-left: calc(-1 * var(--bs-gutter-x));margin-right: calc(-1 * var(--bs-gutter-x));overflow: hidden;justify-content: center;overflow: hidden;border-radius: 0;}
.envCard.--all .envCard__img{position: absolute;left: 0;top:0;width: 100%;height: 100%;padding:0;border-radius: 0;}
.envCard.--all .envCard__img img{object-fit: cover;}
.envCard.--all .envCardImg{border-radius: 0;}
.envCard.--all .envCard__txt{width: 70%;;position: relative;z-index: 2;;padding:clamp(1.2rem,4vw,3.5rem);border-radius: clamp(0.5rem,2vw,1rem);text-align: center;}
.envCard.--all .envCardTit{color:#fff;border-bottom: none;justify-content: center;transform: scale(1.2);}
.envCard.--all .envCardTit::before{background-color: #fff;}
.envCard.--all .envCardCon{color:rgba(255,255,255,1)}
.envCard.--all .envCardList{display: flex;gap:clamp(0.5rem,1vw,1rem);margin-top: clamp(2rem,4vw,3rem);}
.envCard.--all .envCardList__item{flex-direction: column;;width: 50%;align-items: center;gap:0.5rem;padding:0.8rem clamp(0.8rem,1vw,1.125rem)}
.envCard.--all .envCardList__item + .envCardList__item{margin-top: 0;}
.envCard.--all .envCardList__item span{font-size: clamp(1rem,1.5vw,1.25rem);}
.envCard +.envCard{margin-top: clamp(2rem,4vw,3rem);}
.envCard.--reverse{flex-direction: row-reverse;}
.envCard__img{padding:clamp(0.2rem,1vw,0.6rem);background: #fff;border-radius: 0.3rem;}
.envCard__img,.envCard__txt{width: 100%;}
.envCardImg{width: 100%;height: 100%/*aspect-ratio: 2/1*/;border-radius: 0.4rem;overflow: hidden;margin-bottom: 0;}
.envCardImg img{width: 100%;height: 100%;object-fit: cover;}
.envCardTit{--sph:clamp(0.6rem,1.5vw,1rem);display: flex;gap:clamp(0.5rem,1vw,0.8rem);align-items: center;color:var(--mjColor-l);font-weight: 600;font-size: clamp(1.25rem,2vw,1.8rem);border-bottom: 1px dashed var(--mjColor-l);margin-bottom: var(--sph);padding-bottom: var(--sph);}
.envCardTit::before{content:"";display: block;width: clamp(2rem,3vw,2.5rem);aspect-ratio: 1/1;background: var(--mjColor-l);border-radius: 2rem 2rem 2rem 0;background-repeat: no-repeat;background-position: center center;background-size: 90% auto;}
.envCard:nth-child(1) .envCardTit::before{background-image: url(../images/about/envIcon01.svg);}
.envCard:nth-child(2) .envCardTit::before{background-image: url(../images/about/envIcon02.svg);}
.envCard.--all .envCardTit::before{background-image: url(../images/about/envIcon03.svg);}
.envGroup .envCard:nth-child(1) .envCardTit::before{background-image: url(../images/about/envIcon04.svg);}
.envGroup .envCard:nth-child(2) .envCardTit::before{background-image: url(../images/about/envIcon05.svg);}
.envCardCon{margin-bottom: clamp(1rem,2vw,1.5rem);color: var(--gray-d);font-weight: 500;font-size: clamp(1rem,1.2vw,1.125rem);}
.envCardList{list-style: none;padding-left: 0;}
.envCardList__item{padding:0.6rem clamp(0.8rem,1vw,1.125rem);background: #fff;font-size: 1rem;border-radius: 0.5rem;display: flex;color:var(--gray-d);font-weight: 500;}
.envCardList__item span{display: flex;align-items: center;gap:0.5rem;color:var(--mjColor-l);font-weight: bold;white-space: nowrap;}
.envCardList__item span::before{content:"\F26B";font-family:bootstrap-icons;display:inline-block;transition:var(--trans);}
.envCardList__item+.envCardList__item{margin-top: clamp(0.5rem,1vw,0.9rem);}
.envGroup{display: flex;max-width: 85rem;margin:0 auto;gap:clamp(2rem,4vw,4rem);margin-top: clamp(2rem,4vw,4rem);}
.envGroup .envCard +.envCard{margin-top: 0;}
.envGroup .envCard{width: 50%;}

/* !====人才招募 */
.creLeader{position: relative;;display: flex;align-items: center;gap:clamp(1rem,4vw,4rem);padding-top: clamp(1rem,4vw,3rem);}
.creLeader__img,.creLeader__txt{width: 50%;flex:0 0 auto;}
.creLeader__img img{width: 100%;}
.creLdSlogan{text-indent: -9999rem;transform: translateX(-40%);width: clamp(30rem,50vw,50rem);aspect-ratio: 7/1;background: url(../images/careers/creSlogan.svg)no-repeat center center / contain;margin-bottom: clamp(1rem,2vw,2rem);}
.creLdTit{font-size: clamp(1.5rem,3vw,2.5rem);color:var(--mjColor-d);font-weight: 600;margin-bottom: clamp(1rem,2vw,2rem);font-weight: 700;margin-bottom: 1rem;}
.creLdTit__mj{display: flex;align-items: center;gap:0.8rem;line-height: 1.7;}
.creLdTit__mj:first-child::after{content:"";width: clamp(4rem,16vw,16rem);height: 1px;background: var(--mjColor-d);display: block;}
.creLdCon{width: min(100%,30rem);color:var(--gray-d);}
.inTitsy02.--white .inTitsy02__en{color:var(--mjColor-lx2)}
.inTitsy02.--white .inTitsy02__mj{font-weight: 500;}
.inTitsy02.--white .inTitsy02__mj,.inTitsy02.--white .inTitsy02__sub{color:#fff;}
.inTitsy02{margin-bottom: clamp(1.5rem,3vw,3rem);text-align: center;}
.inTitsy02__en{display: block;font-size: clamp(1rem,1.5vw,1.125rem);color:var(--mjColor-l);margin-bottom: clamp(0.3rem,1vw,0.5rem);}
.inTitsy02__mj{display: block;font-size: clamp(1.375rem,2vw,2rem);font-weight: 700;color:var(--mjColor-d);margin-bottom: clamp(0.8rem,1.5vw,1.5rem);}
.inTitsy02__sub{font-size: clamp(1rem,1.5vw,1.125rem);color:var(--gray-d)}
.--bgGray+.--bgGray{padding-top: 0;}
.creTeam{--num: 4;--gap:clamp(1rem,2vw,2rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.creTeam__item{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );;background: #fff;padding:clamp(1.25rem,3vw,2.5rem) clamp(1.125rem,2vw,1.75rem);}
.creTeam__icon{position: relative;;display: block;margin-bottom: clamp(0.8rem,1vw,1rem);width:clamp( 2.75rem,4vw,3.2rem);aspect-ratio: 1/1;background: var(--mjColor-llx2);border-radius: 0.3rem;}
.creTeam__icon::before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:var(--mjColor);font-size: clamp(1.25rem,2vw,1.5rem);}
.creTeam__title{font-size: clamp(1.125rem,1.5vw,1.25rem);color:var(--mjColor);font-weight: 600;}
.creTeam__desc{color:var(--gray-d);margin-bottom: 0;}
.creGrowGroup{width: min(100%,60rem);margin:0 auto clamp(1rem,2vw,2rem);border-radius: clamp(0.8rem,1.5vw,1.2rem);overflow: hidden;}
.creGrowLead{color:#fff;font-size: clamp(1rem,1.5vw,1.125rem);padding:clamp(0.5rem,1.5vw,1.5rem) 1.125rem;background: var(--mjColor);text-align: center;margin-bottom: clamp(0.8rem,1.5vw,1rem);font-size: 1rem;line-height: 1.8;}
.creGrow{--num: 2;--gap:clamp(0.8rem,1.5vw,1rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;}
.creGrow__item{display: flex;align-items: center;gap:0.8rem;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );;background: var(--gray-lx2);padding:clamp(0.8rem,2vw,2rem);text-align: center;transition: var(--trans);}
.creGrow__item:hover{background: var(--mjColor-l);}
.creGrow__item:hover .creGrow__title{color:#fff;}
.creGrow__item:hover .creGrow__icon{font-size: clamp(1.25rem,2.3vw,1.875rem);}
.creGrow__item:hover .creGrow__icon::before{color:var(--mjColor-l);}
.creGrow__icon{position: relative;;display: block;font-size: clamp(1rem,2vw,1.5rem);color:var(--gray);border-radius: 50%;width: clamp(2rem,4.5vw,3.5rem);aspect-ratio: 1/1;background: #fff;transition: var(--trans);}
.creGrow__icon::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.creGrow__title{font-size: clamp(1rem,1.5vw,1.125rem);color:var(--gray-d);font-weight: 500;transition: var(--trans);margin-bottom: 0;text-align: left;line-height: 1.6;}
.--careersSup{position: relative;}
.--careersSup::before{content:"";position: absolute;left: 0;top:0;background: var(--mjColor);width: 100%;height: clamp(20rem,30vw,25rem);}
.--careersSup .container{position: relative;z-index: 2;}
.creSupGroup{display: flex;align-items: center;padding:clamp(1.125rem,3vw,3rem);background: var(--mjColor-l);border-radius: clamp(0.5rem,1vw,1rem);}
.creSupTit{--sph:clamp(1rem,2vw,1.5rem);width: clamp(20rem,30vw,25rem);text-align: center;padding-right: var(--sph);margin-right: var(--sph);color:#fff;line-height: 1.7;font-weight: 600;font-size: clamp(1.25rem,2vw,1.5rem);}
.creSupTit__icon{display: block;font-size: clamp(2rem,4vw,3.5rem);}
.creSupList{list-style: none;padding-left: 0;flex:1;}
.creSupItem{display: flex;align-items: center;gap:0.5rem;font-size: clamp(1rem,1.3vw,1.25rem);color:#fff;padding:clamp(0.5rem,1vw,0.8rem) 0}
.creSupItem+.creSupItem{border-top: 1px dashed rgba(255,255,255,0.5);}
.--careersJoinUs{padding-bottom: 0;}
.creJoin{display: flex;position: relative;}
.creJoin__link{display: block;width: clamp(5rem,6vw,12rem);aspect-ratio: 1/1;background: var(--mjColor-l);position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border-radius: 50%;z-index: 2;}
.creJoin__link:hover span{letter-spacing: 2px;}
.creJoin__link::after{content:"";display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%)scale(0.1);transform-origin: left top;width: 130%;aspect-ratio: 1/1;border-radius: 50%;background: rgb(142 202 160);animation: circleExpand 2s ease-out infinite;}
.creJoin__link span{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: clamp(1rem,2vw,1.375rem);transition: var(--trans);}
.creJoin .inTitsy02__mj{display: flex;gap:clamp(0.5rem,1vw,1rem);align-items: center;font-size: clamp(1.25rem,3vw,2.3rem);}
.creJoin  .inTitsy02__sub{display: block;width: min(100%,37rem);line-height: 1.7;}
.creJoin .inTitsy02__mj::after{display: block;content:"";width: clamp(3rem,12vw,12rem);height: 1px;background: var(--mjColor-d);}
.creJoin__Txt,.creJoin__img{width: 50%;}
.creJoin__img{aspect-ratio: 4/1.8;margin-bottom: 0;}
.creJoin__img img{width: 100%;height: 100%;object-fit: cover;}
.creJoin__Txt{display: flex;;flex-direction: column;justify-content: center;text-align: left;padding:clamp(2rem,4vw,3rem)clamp(2rem,6vw,8rem);background: var(--gray-lx2);margin-bottom: 0;}
.creJoin__Txt .inTitsy02{text-align: left;margin-bottom: 0;}

/* !====聯絡我們 */
.blockHeight--contact{padding-top: 0;}
.formGroup{display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 2vw, 1.5rem);margin-bottom: clamp(2rem,4vw,3.5rem);}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{width: 100%;display: flex;gap:0.5rem;align-items: center;margin-bottom: 0.5rem;color:var(--mjColor-d);font-weight: 500;}
.formGroup__item  label .red{margin-left: -0.3rem;}
.formGroup__item  label::before{content:"";width:0.2rem;height: 1rem;background: var(--mjColor-l);display: inline-block;}
.contactLeader{text-align: center;padding:clamp(2rem,4vw,4rem) 0 }
.contactLdTit{margin-bottom: 1rem;color:var(--mjColor-d);font-size: clamp(1.5rem,2vw,2rem);}
.contactLdTit__en{display: block;color:var(--mjColor-l);font-size: clamp(1rem,1.5vw,1.125rem);margin-bottom: clamp(0.2rem,1vw,0.5rem);}
.contactLdTit__mj{font-weight: 700;}
.contactLdTit+p{color:var(--gray-d);font-size:clamp(1rem,1.2vw,1.125rem);}
.contactBx{display: flex;gap:clamp(1.5rem,2vw,2rem);background: var(--gray-lx2);border-radius: clamp(0.5rem,1vw,1rem);padding:clamp(1.125rem,3vw,3rem)}
.contactBx__info{background: var(--mjColor-l);color:#fff;padding:clamp(1.125rem,3vw,3rem);border-radius: clamp(0.3rem,1vw,0.7rem);}
.contactBx__infoTit{font-weight: 500;font-size: clamp(1.8rem,2.5vw,2.5rem);margin-bottom: clamp(0.8rem,1.5vw,1.5rem);}
.contactBx__infoCon{margin-bottom:clamp(2.5rem,5vw,4.5rem);font-size:clamp(1rem,1.2vw,1.125rem);}
.contactInfo__item{--iconW:clamp(3rem,3.5vw,3.5rem);position: relative;padding-left: calc(0.9rem + var(--iconW));display: flex;flex-direction: column;}
.contactInfo__item+.contactInfo__item{margin-top: clamp(1rem,2.5vw,2rem);}
.contactInfo__item::before{content:"";width: var(--iconW);aspect-ratio: 1/1;background: rgba(255,255,255,0.15);border-radius: 0.4rem;position: absolute;left: 0;top:0;background-size: 80% auto;background-position: center center;}
.contactInfoItTit{font-size: 1rem;margin-bottom: 0.2rem;opacity: .8;}
.contactInfoItCon{margin-bottom: 0;color:#fff;}
.contactInfo__item.--time::before{background-image: url(../images/all/contactIcon01.svg);}
.contactInfo__item.--addr::before{background-image: url(../images/all/contactIcon02.svg);}
.contactInfo__item.--phone::before{background-image: url(../images/all/contactIcon03.svg);}

/* !====會員登入&註冊 */
.inputWrap{display:flex;flex-wrap:wrap;gap:var(--gap);--gap:clamp(1.5rem,2vw,2rem);align-items: flex-start;}
.inputWrap .btnGroup{margin-top: clamp(1rem,2vw,1.5rem);}
.inputGroup{display: flex;width: 100%;gap:var(--gap);--gap:clamp(1.5rem,2vw,2rem)}
.inputItemTips{margin-bottom: 0;color:var(--red);font-size:clamp(0.75rem,1vw,0.875rem);}
.inputItemLink{border:1px solid var(--mjColor-l);color:#fff;;transition:background 0.3s;display: flex;align-items: center;border-radius: 0.375rem;cursor: pointer;font-size: clamp(0.875rem,1vw,1rem);white-space: nowrap;color:var(--mjColor-l);padding:0 1rem}
.inputItemLink:hover{background: var(--subColor);color:#fff;border-color:var(--subColor);}
.inputItem{width:100%;}
.inputItem .errorTxt{display: block;width: 100%;text-align: left;}
.inputItem.--half{width:calc(50% - (var(--gap)/2));}
.inputItem.--inline{display: flex;flex-wrap: wrap;align-items: flex-start;}
.inputItem.--inline .inputItem__label{width: clamp(12rem,14vw,12.5rem);flex:0 0 auto;margin-bottom: 0;padding-top: 0.8rem;}
.inputItem.--inline .inputItem__input{width: calc(100% - clamp(12rem,14vw,12.5rem));}
.inputItem.--inline .inputItem__input.--col{flex-direction: column;}
.inputItem.--date .inputItem__label{width: clamp(6rem,8vw,8rem);padding-top: 0;}
.inputItem.--date{align-items: center;width: min(100%,40rem);;}
.loginBx{width: min(90%,43rem);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.125rem,3vw,2.5rem);background: #fff;border-radius: clamp(0.3rem,0.6vw,0.8rem);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05)}
.loginBx .loginContainer{width:min(100%,28rem);margin:0 auto;}
.loginBx__txt{display: flex;justify-content: center;align-items: center;gap:0.8rem}
.loginBx__txt .btnStyle{padding:0.4rem 1.125rem;background: var(--mjColor-llx2);color:var(--mjColor-l)}
.loginBx__txt .btnStyle:hover{background: var(--subColor);color:#fff;}
.loginBx .btnStyle.--large{margin:0 auto clamp(1.5rem,2rem,2rem);width: 100%;}
.loginBx .noticeBx{margin-top: calc(-1 * clamp(0.6rem,1.5vw,1.5rem));margin-bottom: 1rem;padding:0.8rem 1rem}
.loginTit{margin-bottom: clamp(1.5rem,3vw,2.5rem);}
.loginTit__mj{display: flex;align-items: center;gap:clamp(0.8rem,1vw,0.8rem);font-size: clamp(1.375rem,2.5vw,2rem);color:var(--mjColor-d);font-weight: 600;white-space: nowrap;margin-bottom: 1rem}
.loginTit__mj::before,.loginTit__mj::after{content:"";display: block;width: 100%;height: 1px;background: #C3C3C3;;}
.loginTit__sub{display: block;font-size: 1rem;color:var(--gray-d);text-align: center;}
.inputItem input,.inputItem select,.inputItem textarea{background-color:#f5f5f5;border:none}
.inputItem.--must .labelTxt::after{content:"*";color:var(--red);margin-left: -0.2rem;transform: translateY(-0.1rem);}
.inputItem .labelTxt{display: flex;align-items: center;gap:0.5rem;font-size: clamp(1rem,1.2vw,1.125rem);color:var(--mjColor-d);font-weight: 500;}
.inputItem .labelTxt::before{content:"";width: 0.2rem;height: 1rem;background: var(--mjColor-l);}
.inputItem__label{display: flex;justify-content: space-between;margin-bottom: clamp(0.2rem,1vw,0.5rem);}
.inputItem__input{display: flex;gap:0.75rem}
.inputItem__input.--centerY{align-items: center;}
.inputItem__input+.inputItem__input,.errorTxt+.fileUpload{margin-top:clamp(0.5rem,1vw,1rem) ;}
.inputItem__input .--area{width: 7.2rem;}
.inputLink{color:var(--mjColor-l);font-size: clamp(0.93rem,1vw,1rem);}
.inputLink::before{padding:0 0.2rem}
.rgStep{list-style: none;padding-left: 0;width: min(100%,40rem);margin:0 auto clamp(1rem,2.5vw,2.5rem);display: flex;gap:clamp(0.1rem,0.8vw,1rem);justify-content: center; align-items: flex-start;counter-reset:num;}
.rgStep__item{color:#aaa;width: 100%;text-align: center;font-size: 1rem;font-weight: 500;}
.rgStep__item::before{counter-increment:num; content:'0'counter(num) ;width: clamp(3rem,4vw,3.75rem);aspect-ratio: 1/1;border-radius: 50%;background: #cecece;display: flex;justify-content: center;align-items: center;margin:0 auto 0.5rem;color:#fff}
.rgStep__item.active{color:var(--mjColor)}
.rgStep__item.active::before{background:#104A29 ;}
.rgStep__arrow{width:clamp(1rem,2vw,1.25rem);flex:0 0 auto;aspect-ratio: 1/1;background: url(../images/all/stepArrow.svg)no-repeat center center/ contain;transform: translateY(1.5rem);opacity: .5;}
.registerBx{background: #fff;border-radius: 0.8rem;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);padding:0;}
.registerTit{padding:clamp(1.125rem,1.5vw,1.5rem) clamp(1.125rem,1.5vw,1.25rem);border-bottom: 1px dashed #CACACA;text-align: center;}
.registerTit__num{display: block;margin-top: -0.5rem;font-size: clamp(0.875rem,1vw,1rem);color:#9D9D9D;line-height: 2;}
.registerTit__mj{display: block;font-size: clamp(1.375rem,2vw,2rem);color:var(--mjColor-d);font-weight: 700;}
.registerCon{padding:clamp(1.125rem,2vw,2rem);width: min(100%,75rem);margin:0 auto clamp(2rem,4vw,3.75rem)}
.registerCon .btnGroup{margin:clamp(1.375rem,2.5vw,2rem) 0}
.sameAddressCheck{position:relative;padding-left:1.5rem;cursor:pointer;font-size:15px;user-select:none;display:inline-flex;align-items:center;color:var(--mjColor-l)}
.sameAddressCheck input{position:absolute;opacity:0;cursor:pointer;}
.sameAddressCheck .checkmark{position:absolute;left:0;top:2px;height:1.125rem;width:1.125rem;border:1px solid var(--mjColor-l);border-radius:4px;transition:all 0.2s ease;}
.sameAddressCheck:hover .checkmark{border-color:var(--mjColor-l)}
.sameAddressCheck input:checked ~ .checkmark{background-color:var(--mjColor-l);border-color:var(--mjColor-l);;}
.sameAddressCheck .checkmark:after{content:"";position:absolute;display:none;}
.sameAddressCheck input:checked ~ .checkmark:after{display:block;}
.sameAddressCheck .checkmark:after{left:5px;top:0px;width:0.375rem;height:0.75rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
/*input date 樣式 */
input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer;}
input[type="date"]::-moz-calendar-picker-indicator{opacity:0;}
input[type="date"]{min-width: 12rem;}
.date-wrap{position:relative;width: 100%;background: #f5f5f5;}
.calendar-icon{position:absolute;width: auto !important;right:0.75rem;top:50%;transform:translateY(-50%);pointer-events:none;}
.date-wrap input{width: 100%;min-width: 12rem;}

/* file檔案樣式 */
.fileUpload{position: relative;;display:inline-flex;gap:10px;cursor:pointer;font-size:15px;color:var(--gray-d);background: #f5f5f5;width:100%;padding:0.5rem;border-radius: 0.375rem;}
.fileUpload input[type="file"]{display:none;}
.fileBtn{background:var(--subColor);color:#fff;padding:0.5rem 1.25rem;transition:background 0.3s;display: flex;align-items: center;border-radius: 0.375rem;cursor: pointer;}
.fileBtn:hover{background:var(--subColor-l);}
.fileName{color:var(--gray-d);display: flex;align-items: center;word-break: break-all;padding: 0.4rem 0;}
.fileDelete{position: absolute;right:1rem;top:50%;transform: translateY(-50%);}
.fileDelete:hover{opacity: .8;}
.fileDelete::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:var(--gray);font-size: clamp(1.125rem,1.5vw,1.375rem);}
/* 單選樣式 */
.radioGroup{display:flex;gap:2rem;align-items:center;padding:1rem 0;;width:100%;}
.radioItem{position:relative;font-size:1rem;color:var(--black);cursor:pointer;min-width: 7.5rem;}
.radioItem input[type="radio"]{position:absolute;opacity:0;pointer-events:none;}
.radioLabel{position:relative;padding-left:1.75rem;cursor:pointer;color: var(--mjColor-d);}
.radioLabel::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;border:1px solid var(--gray-d);border-radius:50%;box-sizing:border-box;transition:all 0.2s ease;background: #fff;}
.radioItem input[type="radio"]:checked + .radioLabel::after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:var(--gray-d);border-radius:50%;}
/* 注意事項框 */
.inputItem+.noticeBx{margin-top: clamp(1.375rem,2.5vw,2rem);}
.inputItem .noticeBx{margin-top: clamp(0.5rem,1vw,0.8rem);}
.noticeBx{--color:var(--mjColor-d);width: 100%;;padding:clamp(0.5rem,1vw,0.8rem) clamp(1.125rem,2vw,1.5rem);background:#f5f5f5;color:var(--color);border-radius: 0.375rem;}
.noticeBx.--red{background:#F3DFDF ;color:var(--red)}
.noticeBx.--red .noticeBx__list li::before{background: var(--red);}
.noticeBx.--red .noticeLink{color:var(--red);border-bottom: 1px solid var(--red);}
.noticeBx.--red .noticeLink:hover{opacity: .8;}
.noticeBx.--red .noticeBx__tit::before{content:"\F33A";font-family:bootstrap-icons;}
.noticeBx.--pd0{padding:0;background: transparent;}
.noticeBx__tit{display: flex;gap:0.5rem;align-items: center;font-size: clamp(0.875rem,1.2vw,1rem);font-weight: 700;margin-bottom: clamp(0.5rem,1vw,0.8rem);}
.noticeBx__list{padding-left: 0;list-style: none;margin-bottom: 0;}
.noticeBx__list li{font-size: clamp(0.875rem,1.2vw,0.93rem);position: relative;padding-left: 0.6rem;}
.noticeBx__list li+li{margin-top: 0.5rem;}
.noticeBx__list li::before{content:"";display: inline-block;position: absolute;left: 0rem;top:0.6rem;width: 0.2rem;height: 0.2rem;background: var(--color);border-radius: 50%;}
.registerEnd{text-align: center;}
.registerEnd__tit{margin-bottom: clamp(1rem,2vw,1.5rem);color:var(--mjColor-l);font-weight: 700;font-size: clamp(1.25rem,2vw,1.5rem);}
.registerEnd__titIcon{display: block;font-size: clamp(2rem,4vw,3.5rem);margin-bottom: clamp(0.2rem,1vw,0.6rem);}
.registerEnd__list{list-style: none;padding-left: 0;width: min(100%,37.5rem);margin:0 auto clamp(2rem,4vw,3.5rem);background: var(--gray-lx2);border-top: 2px solid var(--mjColor-l);padding:clamp(0.5rem,1.5vw,1.2rem) clamp(1.125rem,2.5vw,2rem)}
.registerEnd__list li{display: flex;align-items: center;gap:0.8rem;padding:clamp(0.5rem,1.5vw,1rem) 0;}
.registerEnd__list li+ li{border-top: 1px dashed var(--gray);}
.rgEndListTit{display: flex;gap:0.5rem;align-items: center;font-size: 1rem;width: clamp(6rem,10vw,10rem);color:var(--gray-d);flex: 0 0 auto;}
.rgEndListTit::before{content:"";width:0.2rem;height:0.875rem;background:var(--mjColor-l);}
.rgEndListTxt{color:var(--mjColor-d);font-size: 1rem;text-align: left;text-decoration: none;}
/* select */
.form-select{color:var(--gray-d)}
.form-select option{color:var(--black)}
.form-select option:first-child{color:var(--gray-d)}


/* !====會員專區 */
.blockHeight.--member{padding-bottom: 0;padding-top: clamp(1rem,2vw,2rem);}
.blockHeight.--member .mjTitGroup{align-items: flex-end;}
.blockHeight.--member .breadCrumbsWrap{padding-bottom: 0.5rem;}
.memBlock{--sideW:clamp(13rem,20vw,23.75rem);display: flex;}
.memBlock .pdList__item,.memBlock  .pdList .pdTb__item{background: #fff;}
.memBlock__side{height: calc(100vh - clamp(1rem, 2vw, 2rem) - var(--headerH));position: sticky; top: calc(clamp(1rem, 2vw, 2rem) + var(--headerH));width: var(--sideW);flex:0 0 auto;background:linear-gradient(0deg, #225C3A 0%, #3A9D65 100%);color:#fff;padding:clamp(1.5rem,2vw,1.75rem) clamp(0.5rem,1.5vw,0.75rem);border-radius: 0 clamp(0.8rem,1.5vw,1.125rem) 0 0;}
.memBlock__main{flex:1;padding: 0 clamp(1.125rem,4.5vw,4rem) clamp(2rem,4vw,3.75rem) clamp(1.125rem,3vw,3rem);transition: 0.5s all ease-in-out;}
.memBlock__side.--hide{transform: translateX(-100%);position: fixed;}
.memBlock__side.--hide .memBlock__toggle{transform: translateX(60%);}
.memBlock__side.--hide .memBlock__toggle span{transform: scaleX(-1);top:20%;left: 45%;}
.memBlock__side.--hide +.memBlock__main{padding-left: clamp(1.125rem,4.5vw,4rem);}
.memBlock__side .sideNavWrap{max-height: calc(100vh - 16rem);overflow-y: auto;}
.memBlock .sideNav{padding-top: 0;}
.memBlock .sideNavLink .txt{display: flex;align-items: center;gap:0.6rem;border-radius: 4rem 0 0 4rem;color:#fff;padding:clamp(0.8rem,1.3vw,1.2rem) clamp(1.25rem,1.5vw,1.35rem);font-size: clamp(0.93rem,1.2vw,1rem);transition: var(--trans);}
.memBlock .sideNavLink .txt:hover{background:linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%);}
.memBlock .sideNavLink .txt:hover::before{padding-right: 0.3rem;}
.memBlock .sideNavLink .txt::before{font-size:1.2em;transition: var(--trans);}
.memBlock .sideNav__item.active  .sideNavLink .txt{background:linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.12) 100%);;}
.memBlock .sideNav__item.--hasRed .sideNavLink::after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:0.5rem;height:0.5rem;border-radius:50%;background:#C52D28;pointer-events:none;}
.memBlock__toggle{position: absolute;width: clamp(2.5rem,3.5vw,3rem);aspect-ratio: 1/1;border-radius: 50%;top:2rem;right: 0;transform: translateX(50%);background: var(--mjColor-l);transition: var(--trans);}
.memBlock__toggle:hover{background: var(--subColor);}
.memBlock__toggle span{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;}
.memberDt{display: flex;align-items: center;gap:clamp(0.8rem,1.5vw,1.2rem);padding-bottom: clamp(1rem,2vw,1.5rem);margin-bottom: 1rem;border-bottom: 1px solid #5FAE81;padding-left:clamp(0.2rem,0.6vw,1.125rem) ;padding-right:clamp(0.2rem,0.6vw,1.125rem)}
.memberDt::before{content:"";display: block;width: clamp(2.8rem,4vw,4.5rem);aspect-ratio: 1/1;background: url(../images/all/user.svg)no-repeat center center/contain;}
.memberDt__name{font-size: clamp(1.375rem,1.5vw,1.5rem);font-weight: 600;}
.memberDt__name::after{content:"您好！";font-size: clamp(0.93rem,1.3vw,1rem);font-weight: 400;white-space: nowrap;padding-left: 0.3rem;}
.memberDt__name::before{background: #3FB93D;;width: fit-content;margin-bottom: clamp(0.3rem,1vw,0.7rem);padding:0.2rem clamp(0.8rem,1vw,1rem )0.2rem clamp(0.4rem,1vw,0.7rem);border-radius: 0.8rem 0.8rem 0.8rem 0;font-size: clamp(0.75rem,1vw,0.93rem);font-weight: 500;}
.memberDt.--type01 .memberDt__name::before{content:"‧醫療院所";display: block;}
.memberDt.--type02 .memberDt__name::before{content:"‧藥商";display: block;}
.memberDt.--type03 .memberDt__name::before{content:"‧動物醫院";display: block;}
.inputWrap.--frame{background: #fff;padding:clamp(1.25rem,2vw,2rem) clamp(1.125rem,2vw,1.5rem);border-radius: clamp(0.25rem,1vw,0.5rem);}
.inputWrap.--frame+.btnGroup{margin-top: clamp(1.25rem,2vw,1.5rem);}
/* 留言板 */
.messageList{width: 100%;}
.messageList__item{text-align: right;width: fit-content;margin-left: auto;width: min(100%,50rem);}
.messageList__item+.messageList__item{margin-top: clamp(1.5rem,2.5vw,2rem);}
.messageList__item.--admin{--imgw:clamp(3.5rem,6vw,5.3rem);position: relative;;padding-left:calc( clamp(1rem,2vw,1.5rem) + var(--imgw)) ;margin-right: auto;text-align: left;margin-left: 0;}
.messageList__item.--admin::before{content:"泰昌藥品";position: absolute;left: calc( var(--imgw) / 2);bottom:0;font-size: 0.8rem;transform: translateX(-50%);color:var(--mjColor-d)}
.messageList__item.--admin::after{content:"";display: block;position: absolute;left: calc( var(--imgw) / 2);bottom:1.2rem;transform: translateX(-50%);width: var(--imgw);aspect-ratio: 1/1;background: url(../images/all/message_admin.png)no-repeat center center / 80% auto;}
.messageList__item.--admin .messageBubble{border-radius: clamp(0.5rem,1vw,1rem) clamp(0.5rem,1vw,1rem) clamp(0.5rem,1vw,1rem) 0;background: var(--gray-l);}
.messageList__item.--admin .messageCon{color:var(--black)}
.messageBubble{border-radius: clamp(0.5rem,1vw,1rem) clamp(0.5rem,1vw,1rem) 0 clamp(0.5rem,1vw,1rem);background: var(--mjColor-llx2);padding:clamp(1.125rem,2vw,1.125rem) clamp(1.125rem,2vw,1.5rem);}
.messageType{background: var(--mjColor-l);color:#fff;border-radius: 4rem;padding:0.4rem 1.125rem;font-size: 0.93rem;}
.messageCon{font-size: 1rem;color:var(--mjColor);margin-top: clamp(0.5rem,1vw,0.8rem);}
.messageTime{margin-top:0.5rem; font-size: 0.85rem;color:var(--gray)}
.controlCertList{--num: 4;--gap:clamp(1rem,2vw,1.5rem);display:flex;gap: var(--gap) ;flex-wrap: wrap;list-style: none;padding-left: 0;}
.controlCertList__item{position: relative;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );background: #E9E9E9;padding:clamp(0.8rem,1.5vw,1.25rem);border-radius: 0.25rem;}
.controlCertList__item .btnStyle{width: 100%;justify-content: center;background: #A72F2F;}
.controlCertImg{display: block;width: 100%;aspect-ratio: 2/1.3;position: relative;margin-bottom: clamp(0.1rem,1vw,0.5rem);}
.controlCertImg img{width: 100%;height: 100%;object-fit: cover;}
.controlOrder{position: absolute;z-index: 2;left: 0;top:0;padding:clamp(0.1rem,0.5vw,0.4rem) clamp(0.5rem,1vw,0.875rem);background: var(--mjColor-l);color:#fff;font-size: 1rem;border-radius: 0.25rem 0 0.25rem 0;font-size: clamp(0.875rem,1vw,1rem);}
.orderInfo{list-style: none;padding-left: 0;margin-bottom: clamp(0.5rem,1vw,1rem);}
.orderInfo__item{display: flex;justify-content: space-between;font-size: 0.875rem;padding:clamp(0.45rem,1vw,0.6rem) 0}
.orderInfo__item+.orderInfo__item{border-top: 1px dashed #BCBCBC;}
.orderInfo__item span{color:var(--gray-d)}
.orderInfo__itemData{color:var(--black);display: flex;align-items: center;gap:0.3rem}
.orderInfo__itemData::before{display:inline-block;font-family:bootstrap-icons!important;}
.--status01 .orderInfo__item:nth-child(3) .orderInfo__itemData{color:var(--subColor)}
.--status01 .orderInfo__item:nth-child(3) .orderInfo__itemData::before{content:"\F421"}
.--status02 .orderInfo__item:nth-child(3) .orderInfo__itemData{color:var(--mjColor)}
.--status02 .orderInfo__item:nth-child(3) .orderInfo__itemData::before{content:"\F26B"}
.--status03 .orderInfo__item:nth-child(3) .orderInfo__itemData{color:var(--red)}
.--status03 .orderInfo__item:nth-child(3) .orderInfo__itemData::before{content:"\F333"}
.controlCertList__item.--status01 .btnStyle{ pointer-events: none;  cursor: not-allowed;background: var(--gray);}
.controlCertList__item.--status02 .btnStyle{ visibility: hidden;}
/* 出貨紀錄 */
.orderTab{display: flex;flex-wrap: wrap;gap:0.5rem;margin-bottom: clamp(0.8rem,1vw,1rem);}
.orderTab__item{padding:clamp(0.3rem,1vw,0.75rem) clamp(0.8rem,1.1vw,1.75rem);background: var(--gray-l);color:var(--gray-d);text-align: center;transition: var(--trans);border-radius:  clamp(0.25rem,0.6vw,0.5rem);font-size: clamp(0.875rem,1vw,1.125rem);}
.orderTab__item span::before{content:"("}
.orderTab__item span::after{content:")"}
.orderTab__item:hover{color:var(--subColor-d);background: #e6ded9;}
.orderTab__item.--active{background: var(--subColor-d);color:#fff;}
.memShRecord{background: #fff;padding:clamp(1.5rem,2.5vw,2rem) clamp(0.8rem,1.8vw,2.5rem);border-radius: clamp(0.4rem,0.8vw,0.8rem);}
.memShRecord__top{display: flex;justify-content: space-between;align-items: center;padding-bottom: clamp(0.8rem,1.5vw,1.125rem);border-bottom: 1px dashed #cacaca;margin-bottom: clamp(0.8rem,1.5vw,1.125rem);}
.shRecordTable ul{list-style: none;padding-left: 0;display: flex;margin-bottom: 0;}
.sRTb__item{padding: clamp(0.6rem, 1vw, 0.8rem) clamp(0.4rem, 1vw, 0.6rem); font-size: clamp(0.875rem, 1vw, 1rem);flex:1;text-align: center;}
.sRTb__item{color:var(--gray-d);display: flex;flex-direction: column;justify-content: center;}
.sRTb__item.--sm{width: 4rem;flex:0 0 auto;}
.--tbToggle{position: relative;cursor: pointer;}
.--tbToggle span{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.sRTb__item.--tL{text-align: left;}
.sRDtList{border-left: 1px solid var(--gray-l);flex-direction: column;}
.sRList{flex-direction: column;}
.sRList,.sRList__item,.sRDtList,.sRDtList__item{width: 100%;}
.--Header .sRTb__item{font-weight: 500;color:var(--black)}
.sRList__item{border-radius: clamp(0.25rem,1vw,0.4rem);cursor: pointer;}
.sRList .sRList__item:nth-child(odd){background: var(--gray-lx2);}
.sRList .sRList__item.--open {background: var(--mjColor-llx2);}
.sRList__item.--open .sRDropDown{display: block;}
.sRList__item.--open .sRTb__item{color:var(--mjColor-d)}
.sRList__item.--open .--tbToggle span{transform:rotate(180deg);top:25%;left:35%;}
.sRDropDown{width: calc(100% - 1.5rem);margin:0 auto clamp(0.5rem,1vw,0.8rem);border-top: 1px solid var(--gray-l);display: none;}
.sRTb__item .status{--clB:#FAEDDC;--clT:#D9904E;;display: flex;align-items: center;gap:0.5rem;background: var(--clB);color:var(--clT);border-radius: 0.25rem;padding:0.25rem clamp(0.5rem,1vw,0.75rem);width: fit-content;margin:0 auto}
.sRTb__item .status::before{content:"";width: 0.375rem;height: 0.375rem;border-radius: 50%;background: var(--clT);}
.sRTb__item .status::after{content:"處理中";display: flex;white-space: nowrap;}
.sRTb__item .--status02::after{content:"備貨中"}
.sRTb__item .--status03{--clB:#DBECF9;--clT:#4F7FA8;}
.sRTb__item .--status03::after{content:"配送中"}
.sRTb__item .--status04{--clB:#DFEEE3;;--clT:#5EA373;}
.--open .sRTb__item .--status04{--clB:#b2d3bb;--clT:#347548;}
.sRTb__item .--status04::after{content:"已送達"}
.sRDtTb__item.--sm{width:clamp(2rem,5vw,4rem);flex:0 0 auto}
.sRDtTb__item.--lg{width:clamp(16rem,25vw,25rem);flex:0 0 auto;align-items: flex-start;flex-direction: column;}
.sRDtTb__item.--tL{text-align: left;}
.sRDtTb__item{padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.2rem, 1vw, 0.4rem); font-size: clamp(0.875rem, 1vw, 1rem);flex:1;text-align: center;font-size: 0.875rem;border-right:1px solid var(--gray-l);border-bottom: 1px solid var(--gray-l);background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.--Header .sRDtTb__item{background: #C2DFCB;}
.nhiName{font-weight: 700;line-height: 1.3;}
.sRNotice{color:var(--mjColor-d);font-size: 0.875rem;margin-bottom: clamp(0.8rem,1.5vw,1.375rem);margin-top: clamp(0.5rem,1vw,0.8rem);}
.sRNotice::before{content:"訂單備註："}
.sRNotice:empty{display: none;}
.sRTotal{font-size: 1rem;font-weight: 500;line-height: 1.2;text-align: right;color:var(--mjColor-d);}
.sRTotal__num{color:var(--red);font-size: clamp(1.25rem,2vw,1.5rem);padding:0 0.5rem}
.itemCounter{counter-reset:num;}
.itemCounter__item::before{counter-increment:num; content:counter(num);}
/* 會員主頁 */
.memAccount{color:var(--mjColor-d);font-size: clamp(1.125rem,1.5vw,1.25rem);margin-bottom: 0.8rem;}
.memAccount span{color:var(--mjColor);padding-left: 0.8rem;}
.memCard{display: flex;gap:clamp(0.8rem,1.2vw,1.25rem);width: 100%;margin-bottom: clamp(1.5rem,2.3vw,2.5rem);}
.memCard__item{position: relative;;width: 100%;;padding:clamp(1rem,2vw,1.5rem) clamp(1.25rem,1.5vw,2rem) clamp(0.8rem,1.5vw,1rem);background: linear-gradient(170deg, #87BC97 0%, #549367 103.99%);border-radius: clamp(0.2rem,1vw,0.5rem);color:#fff;}
.memCard__item::before{content:"";display: block;width: clamp(4rem,7.5vw,7rem);aspect-ratio: 1/1;position: absolute;right:0.5rem ;top:50%;transform: translateY(-50%);background-size: 90% auto;background-position: center center;background-repeat: no-repeat;}
.memCard__item:nth-child(1)::before{background-image: url(../images/all/memIcon01.svg);}
.memCard__item:nth-child(2)::before{background-image: url(../images/all/memIcon02.svg);}
.memCard__item:nth-child(3)::before{background-image: url(../images/all/memIcon03.svg);}
.memCard__tit{padding-left: 1rem;position: relative;font-size: clamp(1rem,1.3vw,1.25rem);font-weight: 500;margin-bottom:0.6rem;}
.memCard__tit::before{content:"";display: block;position: absolute;left: 0;top:clamp(0.3rem,0.5vw,0.5rem);width: 0.375rem;aspect-ratio: 1/1;border-radius: 50%;background: #fff;}
.memCard__tit span{font-size: 0.8em;font-weight: 400;}
.memCard__con{display: flex;align-items: center;flex-wrap: wrap;}
.memCard__conTxt{display: flex;align-items: center;font-size: clamp(1.5rem,2.5vw,2.5rem);font-weight: 500;margin-bottom: 0;}
.memCard__conTxt+.memCard__conTxt::before{content:"/";font-size: 1rem;margin:0 clamp(0.2rem,0.6vw,0.8rem);}
.memCard__conMin{display: flex;align-items: center;font-size: 1rem;margin-bottom: 0;padding-left: clamp(0.2rem,1vw,0.8rem);}
.memCard__notice{font-size: clamp(0.75rem,1vw,0.875rem);margin-bottom: 0;font-weight: 300;}
.--shippingA .memCard__conTxt::after{content:"Route A"}
.--shippingA .memCard__conMin::after{content:"/ 無敵星星"}
.--shippingB .memCard__conTxt::after{content:"Route B"}
.--shippingB .memCard__conMin::after{content:"/ 自有車隊"}
.--shippingC .memCard__conTxt::after{content:"Route C"}
.--shippingC .memCard__conMin::after{content:"/ 一般委外"}
.--shippingD .memCard__conTxt::after{content:"Route D"}
.--shippingD .memCard__conMin::after{content:"/ 偏遠加給(委外)"}
.--shippingE .memCard__conTxt::after{content:"Route E"}
.--shippingE .memCard__conMin::after{content:"/ 離島加給 (委外)"}
.memDbBlock{display: flex;flex-wrap: wrap;gap:clamp(1.5rem,2vw,2rem)}
.memDbBlock__sm{width: clamp(24rem,30vw,29rem);}
.memDbBlock__lg{width: calc( 100%  -  clamp(24rem,30vw,29rem) - clamp(1.5rem,2vw,2rem));}
.memDbBlock__full{width: 100%;}
.memDbTit{display: flex;justify-content: space-between;align-items: center;margin-bottom: clamp(0.5rem,1vw,0.8rem);}
.memDbTit__tit{margin-bottom: 0;font-size: clamp(1.125rem,1.5vw,1.25rem);font-weight: 700;color:var(--mjColor)}
.memStatus{display: flex;gap:0.3rem;align-items: center;font-size: clamp(0.875rem,1vw,1rem);margin-bottom: 0;}
.memStatus.--approved{color:var(--mjColor-l)}
.memStatus::before{font-family: 'bootstrap-icons';}
.memStatus.--approved::before{content:"\F26A";}
.memStatus.--approved::after{content:"審核通過"}
.memStatus.--pending{color:var(--subColor)}
.memStatus.--pending::before{content:"\F421"}
.memStatus.--pending::after{content:"審核中"}
.memStatus.--rejected{color:var(--red)}
.memStatus.--rejected::before{content:"\F333"}
.memStatus.--rejected::after{content:"審核失敗"}
.memStatus.--upload{color:var(--subColor)}
.memStatus.--upload::before{content:"\F379"}
.memStatus.--upload::after{content:"待上傳"}
.memDbFm{--pd:clamp(1.125rem,2vw,1.5rem);background: #fff;border-radius: 0.35rem;padding:var(--pd)}
.memDbFmTit{display: flex;flex-wrap: wrap;gap:1rem;align-items: center;justify-content: space-between;margin-bottom: clamp(0.8rem,1.1vw,1rem);}
.memDbFmTit__tit{position: relative;padding-left: 1rem;margin-bottom: 0;font-size: clamp(1rem,1.1vw,1.125rem);color:var(--mjColor-d);font-weight: 500;}
.memDbFmTit__tit::before{content:"";display: block;position: absolute;left: 0;top:clamp(0.3rem,0.5vw,0.4rem);width: 0.4rem;height: 0.4rem;border-radius: 50%;background: var(--mjColor-l);}
.memDbFmTxt{color:var(--gray-d);font-size: 0.875rem;margin-bottom: 0;}
.memRadioGroup{display:flex;gap:0;padding:0.3rem;background:var(--gray-l);border-radius:0.3rem;}
.radio-label{display:inline-block;width: clamp(4rem,6vw,5rem);padding:0.2rem;text-align: center;cursor:pointer;color:var(--gray-d);font-size:16px;transition:all 0.3s;font-size: 1rem;}
.radio-label:first-of-type{border-radius:0.25rem;}
.radio-label:last-of-type{border-radius:0.25rem;}
.radio-label:hover{color:var(--mjColor-l);}
.memRadioGroup input[type="radio"]{display:none;}
.memRadioGroup input[type="radio"]:checked + .radio-label{background-color:var(--mjColor-l);color:white;}
.memRadioGroup input[type="radio"]:checked + .radio-label:hover{background-color:var(--mjColor-l);}
.memRadioGroup input[type="radio"]:disabled + .radio-label{cursor:default;}
.memRadioGroup input[type="radio"]:disabled + .radio-label:hover{color:var(--gray-d)}
.memRadioGroup input[type="radio"]:disabled:checked + .radio-label{background-color:var(--gray);cursor:default;}
.memRadioGroup input[type="radio"]:disabled:checked + .radio-label:hover{color:#fff}
.memDbItem+.memDbItem{margin-top: 1.5rem;}
.memCertList{list-style: none;padding-left: 0;--gap:1.5rem;display:flex;gap: var(--gap) ;}
.memCertList__item{display: flex;flex-direction: column;justify-content: space-between;width:100%;}
.memCerTit{display: flex;flex-direction: column;font-size: clamp(0.875rem,0.8vw,1rem);color:var(--mjColor-d);margin-bottom: clamp(0.5rem,1vw,1rem);}
.memCerTit__tit{color:var(--mjColor-l);font-weight: 700;}
.memCerImg{border:1px solid #D8D8D8;padding:clamp(0.4rem,0.7vw,0.8rem);position: relative;}
.memCerImg__img{text-align: center;height: clamp(8rem,10vw,10rem);margin-bottom: 0;display: block;}
.memCerImg__img img{width:initial;height:100%;object-fit:cover;}
.memCerUpload{margin-top:clamp(0.5rem,1vw,0.8rem);display:flex;flex-direction:column;gap:clamp(0.4rem,0.8vw,0.6rem);}
.memCerUpload .fileUpload{font-size:0.875rem;}
.memCerUpload .btnStyle{width:100%;justify-content:center;}
.memDbNotice{margin: calc(-1 * var(--pd));margin-bottom: 1rem;background: var(--mjColor-llx2);text-align: center;color:var(--mjColor-d);font-size: 1rem;padding:0.8rem 1.125rem;border-radius: 0.35rem 0.35rem 0 0;}
.memDbNotice::before{padding-right: 0.5rem;}
.memDbList{--num: 2;--gap:1.5rem;display:flex;gap: 0 var(--gap) ;flex-wrap: wrap;list-style: none;padding-left: 0;}
.memDbList__item{display: flex;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );padding:clamp(0.8rem,1.5vw,1.3rem) 0;border-bottom: 1px dashed var(--gray);}
.memDbList__itemTxt,.memDbList__itemCon{margin-bottom: 0;font-size: 1rem;}
.memDbList__itemTxt:first-child{display: flex;align-items: center;gap:0.5rem;width: clamp(8rem,10vw,10rem);flex:0 0 auto;color:var(--gray-d)}
.memDbList__itemTxt::before{content:"";width: 0.2rem;height: 1rem;background: var(--mjColor-l);}
.memDbList__itemCon{flex:1;color:var(--mjColor-d)}
.memDbList__item:last-of-type{border-bottom: none;width: 100%;}

/* !====訂單系統 */
.orderWrap{display: flex;gap:clamp(1.5rem,2vw,2rem);padding-bottom: clamp(2rem,4vw,4rem);align-items: flex-start;}
.orderWrap__main{flex:1;}
.orderWrap__cart{position: sticky;top: calc(var(--headerH) + 2rem);;width: clamp(12rem,18vw,20rem);background: #fff;padding:clamp(1.125rem,1.2vw,1.25rem);border-radius: 0.35rem;border:1px solid var(--mjColor)}
.orderWrap .orderTab{margin-top: clamp(0.8rem,2vw,1.5rem);margin-bottom: clamp(0.3rem,0.5vw,0.8rem);}
.orderWrap .orderTab .orderTool{margin-left:auto;flex-shrink:0;align-self:center;}
.orderWrap .orderTab__item{border-radius: clamp(0.25rem,0.6vw,0.5rem);}
.--order .pdList__item{background: #fff;}
.--order .qtyBox{background: #f5f5f5;}
.pdList .--pdTime{color:var(--red)}
.pdList .--pdTime::before{content:"剩餘時間";display: block;/*font-size: 0.75rem;*/}
.pdTbDel::before{color:var(--gray);font-size: 1.25rem;}
/* checkbox 樣式 */
.pdCheckLabel{position:relative;display:inline-block;cursor:pointer;width:1.2rem;height:1.2rem;margin:0 auto}
.pdCheckInput{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}
.pdCheckLabel::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.2rem;height:1.2rem;border:1px solid var(--gray-d);border-radius:0.25rem;background:#fff;transition:var(--trans);box-sizing:border-box;}
.pdCheckLabel.--checked::before,
.pdCheckLabel:has(.pdCheckInput:checked)::before{background:var(--mjColor);border-color:var(--mjColor);}
.pdCheckLabel.--checked::after,
.pdCheckLabel:has(.pdCheckInput:checked)::after{content:"\F633";font-family:bootstrap-icons;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;line-height:1;}
.orderNote{margin-top:clamp(1.5rem,3vw,2.5rem) }
.orderTit{font-size: clamp(1.125rem,2vw,1.25rem);color:var(--mjColor);font-weight: 700;}
.orderNote textarea{border:none}
.orderWrap__cart .orderTit{margin-bottom: clamp(0.8rem,1vw,1rem);}
.orderTtList{--ph:clamp(0.5rem,1.5vw,1.5rem);padding-bottom: var(--ph);margin-bottom: var(--ph);border-bottom: 1px dashed #b7b7b7;list-style: none;padding-left: 0;}
.orderTtList__item{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 1rem;}
.orderTtList__item+.orderTtList__item{margin-top: clamp(0.5rem,1.5vw,1rem);}
.tTListTit,.tTListNum{width: 50%;}
.tTListNum{text-align: right;}
.tTListTips{width: 100%;margin-top: 0.5rem;padding:0.5rem 0.8rem;background:var(--gray-lx2) ;color:var(--gray-d);letter-spacing: 0.01rem;text-align: center;border-radius: 0.2rem;font-size: 0.8rem;}
.tTListTips p{margin-bottom: 0;}
.tTListTips__pass{display: none;}
.tTListTips.--pass{background:#FCF3E8;color:var(--subColor)}
.--pass .tTListTips__pass{display: flex;align-items: center;justify-content: center;gap:0.3rem;margin-bottom: 0;text-align: left;}
.--pass .tTListTips__pass::before{display: flex;justify-content: center;align-items: center;width:clamp(0.9rem,1.4vw,1.2rem);aspect-ratio: 1/1;border-radius: 50%;background: var(--subColor);color:#fff;font-size: clamp(0.5rem,1vw,0.6rem);    flex: 0 0 auto;}
.--pass .tTListTips__txt{display: none;}
.tTListShipping{margin-top: 0.5rem;width: 100%;}
.tTListShipping.--open .shippingList{display: block;}
.tTListShipping.--open .shippingToggle::before{transform: rotate(180deg);top:0.7rem}
.shippingToggle{position: relative;;background: var(--mjColor-l);color:#fff;padding: 0.5rem 0.8rem;border-radius: 0.2rem;width: 100%;font-size: 0.875rem;text-align: left;}
.shippingToggle::before{position: absolute;right:0.8rem;top:0.75rem}
.shippingList{display: none;list-style: none;padding-left: 0;background: var(--gray-lx2);padding:0.5rem 0.8rem}
.shippingList li{display: flex;padding:0.6rem 0;font-size: 0.875rem;}
.shippingList li+li{border-top: 1px dashed #AEAEAE;}
.shippingListTit{width: clamp(3.5rem,5vw,5rem);flex:0 0 auto;color:var(--mjColor-d)}
.shippingListData{flex:1;color:var(--mjColor)}
.shippingList li:last-of-type{background: #fff;border-top: 0;color:var(--gray-d);padding:0.2rem 0.5rem;border-radius: 0.2rem;font-size: 0.8rem;justify-content: center;}
.orderTotal{margin-bottom: clamp(0.8rem,1.5vw,1.2rem);}
.orderTotal__num{display: block;text-align: right;font-size: clamp(1.5rem,3vw,2.25rem);color:var(--mjColor);font-weight: 500;}
.orderTotal__num::before{content:"NT$";font-size: 0.6em;padding-right: 0.5rem;}
.orderTotal__tit{display: block;text-align: right;font-size: clamp(1rem,1.5vw,1.125rem);color:var(--mjColor-l);}
.popUpWrap .sRDropDown{display: flex;flex-direction: column;}
/* .popUpWrap .sRDtTb,.popUpWrap .sRDtList,.popUpWrap .sRNotice{display: none;} */
.sRDropDown_tb{max-height: 40vh;overflow: auto;}
.popUpWrap .sRTb__item{text-align: left;font-size: clamp(1rem,1.3vw,1.125rem);color:var(--mjColor-d);}
.popUpWrap .sRTb__item:nth-child(1){width: 100%;}
.popUpWrap  .sRList .sRList__item:nth-child(odd){background: transparent;padding: 0;border: none;}
.popUpWrap  .sRTotal{margin-bottom: 0;}
.popUpWrap .sRList__item.--open .sRDropDown{display: flex;}
.popUpWrap .sRNotice{text-align: left;}
.popUpWrap .shRecordTable ul{cursor: default;}
.sRList+.btnGroup{margin-top:clamp(1rem,1.5vw,1.5rem);}

/* !====搜尋結果 */
.searchBanner{background:url(../images/all/searchBg.jpg) no-repeat center center /cover;padding:clamp(2.5rem,4vw,4rem) 0;text-align: center;}
.searchBanner__tit{margin-bottom: clamp(1.5rem,2.5vw,2rem);}
.searchBanner__titEn{display: block;color:var(--mjColor-l);font-size: clamp(1rem,1.5vw,1.125rem);margin-bottom: 0.5rem;}
.searchBanner__titMj{color:var(--mjColor-d);font-size: clamp(1.375rem,3vw,3rem);font-weight: 700;}
.searchBanner .searchBx__inner {width:min(100%,50rem);margin:0 auto;}
.searchBanner .searchBx__inner input{background: #fff;color:var(--back);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);}
.searchBanner  .searchBx__inner .bi-search{color:var(--back)}
.searchTab{flex-direction:row;justify-content:center;padding:0.6rem;background:var(--gray-lx2);width:fit-content;margin:0 auto;border-radius:0.5rem;margin-bottom:clamp(2rem,4vw,3.5rem);}
.searchTab__item{padding:clamp(0.3rem,1vw,0.6rem) clamp(1rem,2vw,1.8rem);border-radius:0.3rem;font-size:1.125rem;color:var(--gray-d);}
.searchTab__item.active{background:var(--mjColor-l);color:#fff;}

/* !====條款樣式*/
.termBx{font-size: clamp(0.93rem,1.3vw,1.125rem);}
.termBx ul,.termBx ol{list-style: none;}
.termBx__tit{text-align: center;font-weight: 600;font-size: clamp(1.125rem,2vw,1.75rem);line-height: 1.7;}
.termBx__tit br{display: none;}
.applyCont .termBx__tit,.termCon .termBx__tit,.rgCon  .termBx__tit{font-size: clamp(1.125rem,2vw,1.375rem);font-weight: 500;}
.termBx__date{display: block;width: 100%;margin-bottom: clamp(1rem,2vw,2rem);padding-bottom:  clamp(1rem,2vw,2rem);text-align: center;color:var(--gray-d);font-size: clamp(0.875rem,1.3vw,1rem);border-bottom: 1px solid #ddd;}
.termBx a{color:var(--mjColor-l)}
.termBx a:hover{color:var(--mjColor)}
.termBx p + p {margin-top: -0.5rem !important}
.termTit{padding-bottom: 0.8rem;}
/* 第一層：一、二、三 */
.termUl-1{counter-reset:term1;list-style:none;padding-left:0;}
.termUl-1 > li,.termFirt{counter-increment:term1;margin-bottom:clamp(0.8rem,1.3vw,1.5rem);font-weight: 500;color:var(--mjColor);font-size: clamp(1rem,1.3vw,1.25rem);}
.termUl-1 > li + li{border-top: 1px dashed #b5b5b5;padding-top: clamp(0.8rem,1.3vw,1.5rem);}
.termFirt + p{font-weight: 500;font-size: clamp(0.875rem,1.5vw,1rem)}
.termUl-1 > li > p{font-weight: 500;color:var(--gray-d);font-size: clamp(0.875rem,1.5vw,1rem)}
.termUl-1 > li  p,.termUl-1 > li  ol{margin-top: clamp(0.4rem,1vw,0.5rem);}
.termUl-1 > li::before{content:counter(term1,cjk-ideographic) "、";font-weight:bold;margin-right:0.5em;}
/* 第二層：1. 2. 3. */
.termUl-2{counter-reset:term2;list-style:none;padding-left:0em;}
.termUl-2 > li{counter-increment:term2;margin-bottom:0.5em;color:var(--gray-d);font-size: clamp(0.875rem,1.5vw,1rem);display: flex;align-items: center;}
.termUl-2 > li::before{content:counter(term2) ". ";font-weight:normal;margin-right:0.3em;min-width: 1.25rem;flex:0 0 auto;}
.termUl-2.point >li{display: flex;align-items: center;gap:0.3rem}
.termUl-2.point >li::before{content:"";width: 0.4rem;min-width: 0.4rem;aspect-ratio: 1/1;border-radius: 50%;background: var(--gray-d);display: block;margin-right:0.3em;}
/* 第三層：(1) (2) (3) */
.termUl-3{counter-reset:term3;list-style:none;padding-left:1.2em;}
.termUl-3 > li{counter-increment:term3;margin-bottom:0.3em;font-weight: 400;}
.termUl-3 > li::before{content:"(" counter(term3) ") ";font-weight:normal;margin-right:0.3em;}
.termUl-3.--none > li::before{display: none;}

/* !====關於泰昌 */
.--abEnd{position: relative;}
.--abEnd::before{content:"";position: absolute;left: 0;top: 0;width: 100%;height: clamp(24rem,30vw,30rem);background: var(--mjColor-l);}
.--abEnd .abImg,.--abEnd .abTxt{width: 100%;}
.--abEnd .abTxt__tit{margin-bottom: 0;}
.--abEnd .abTxt .abTxt__con{max-width: 45rem;;margin-bottom: 0;}
.--abEnd .abBlock{flex-direction: column;gap:2rem}
.--abEnd .abTxt{display: flex;justify-content: space-between;align-items: flex-end;gap:clamp(1.5rem,3vw,3rem)}
.--abEnd .abImg__img{height: clamp(16rem,30vw,30rem);}
.abBlock{display: flex;justify-content: center;gap:clamp(1.5rem,4vw,4rem);}
.abBlock.--white .abTxt__titSub{border-color: #fff;color:#fff}
.abBlock.--white .abTxt__titSub::before{background: #fff}
.abBlock.--white .abTxt__titMj,.abBlock.--white .abTxt__con{color:#fff}
.abImg,.abTxt{width: 50%;position: relative;}
.--bgGray .abImg{max-width:30rem ;}
.abTxt{padding: clamp(0.5rem,1vw,2rem) 0;z-index: 2;}
.abImg__img{position: relative;width: 100%;height: 100%;border-radius: clamp(0.3rem,1vw,0.6rem);overflow: hidden;}
.abImg__img img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.5rem;}
.abImg__dec{position: absolute;display: block;left: -1.5rem;bottom:-1rem;transform: translateX(-40%);font-size: clamp(6rem,10vw,12rem);font-weight: 700;color:#fff}
.abTxt__tit{margin-bottom: clamp(0.5rem,2vw,2rem);}
.abTxt__titSub{display: flex;align-items: center;gap:0.5rem;width: fit-content;;margin-bottom: 0.5rem;color:var(--mjColor-l);font-size: clamp(0.875rem,1.5vw,1rem);font-weight: 500;border-radius: 4rem;padding:0.6rem clamp(0.8rem,1.5vw,1.25rem);border:1px solid var(--mjColor-l);}
.abTxt__titSub::before{content:"";display: block;width: 0.4rem;aspect-ratio: 1/1;border-radius: 50%;background: var(--mjColor-l);}
.abTxt__titMj{font-size: clamp(1.375rem,3vw,2.5rem);font-weight: 700;color: var(--mjColor-d);line-height: 1.6;white-space: nowrap;}
.abTxt__titMark{color:var(--mjColor);}
.abTxt__con{color:var(--gray-d);font-size: clamp(0.875rem,1.3vw,1rem);line-height: 1.8;}
.abTxt__con span{display: block;font-size: clamp(1.125rem,2vw,1.5rem);font-weight: 600;margin-bottom: 0.5rem;}
.abTxt__point{list-style: none;padding-left: 0;display: flex;color:#fff;margin-top: clamp(1rem,2vw,2rem);gap:clamp(0.5rem,1vw,1rem);}
.abTxt__pointItem{width: 100%;text-align: center;background: var(--mjColor-l);border-radius: clamp(0.5rem,1vw,1rem);display: flex;flex-direction: column;gap:0.6rem;align-items: center;justify-content: center;width: clamp(6rem,10vw,6rem);aspect-ratio: 1/1;font-size: clamp(1rem,1.5vw,1rem);}
.abTxt__pointItem.--x{background: transparent;width: auto;color:var(--gray);font-size: clamp(1.2rem,2vw,1.5rem);}
.abTxt__pointItem::before{font-size: clamp(1.3em,1.5vw,1.8em);display: block;}
.abTxt__slogan{text-align: right;font-weight: 800;font-size: clamp(4rem,10vw,9.5rem);line-height: 0.8;color:#d2d2d2;transform: translateX(20%);opacity: .3;}
.abTxt__List{list-style: none;padding-left: 0;--num: 2;--gap:0.8rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;margin: clamp(1rem,2vw,2rem) 0;}
.abTxt__ListItem{width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );display: flex;align-items: center;gap:0.5rem;font-weight:700;color:var(--mjColor-d);font-size: clamp(1rem,1.5vw,1.125rem);}
.abTxt__ListItem::before{color:var(--mjColor-l);font-size: 1.2em;}
.abImg__txt{position: absolute;left: 2%;bottom:10%;font-size: clamp(1.5rem,3vw,3rem);font-weight: 700;color:#fff;opacity: .6;}
.abBlock .abImg__link{position: absolute;right:0;top:0;width: clamp(6rem,8vw,8rem);aspect-ratio: 1/1;border-radius: 50%;background: var(--mjColor);transform: translate(20%,-30%);border:0.5rem solid var(--mjColor-l);display: flex;flex-direction: column;gap:clamp(0.3rem,0.5vw,0.5rem);align-items: center;justify-content: center;color:#fff;font-weight: 500;left: auto;font-size: 0.875rem}
.abBlock .abImg__link::before{font-size: clamp(1.25rem,2vw,1.5rem);}

/* !====編輯器 */
ol,ul{padding-left: 2rem;}
.articleMain+.btnGroup{margin-top: clamp(2rem,3vw,3rem);}
.article--wrapper{display:flex;flex-direction:column;gap:2rem;}
.articleTop{margin-bottom: clamp(1.5rem,3vw,3rem);}
.tx01{margin-bottom:1rem;/*font-size: clamp(1rem,1.3vw,1.125rem);*/line-height: 1.8;font-weight: 500;}
.tx01 figure{border-radius: clamp(0.3rem,1vw,0.6rem);overflow: hidden;}
.tx01 strong{font-weight: bold;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: clamp(1rem, 3vw, 3rem)}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 img{max-width:100%;width: 100%;;max-height:100%;height:auto!important;border-radius: var(--radius-m);}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: var(--radius-m)}

/* !========================RWD======================== */

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

    /* !====會員專區 */
    .orderInfo__item{flex-direction: column;}

    /* !====訂單系統 */
    .orderTtList__item{flex-direction: column;}
    .tTListTit, .tTListNum{width: 100%;}
    .shippingList li{flex-direction: column;}
    .shippingListTit{width: 100%;}

}

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

    /* !====footer */
    .ftLg__tp{flex-direction: column;align-items: flex-start;}
    .ftNav{margin-top: -1rem;margin-bottom: clamp(1rem,1vw,1rem);}

    /* !====相關連結 */
    .linkGp{--num: 4}

    /* !====會員專區 */
    .inputItem.--inline.--half{width: 100%;}
    .memDbBlock__lg,.memDbBlock__sm{width: 100%;}


}

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

    /* !====會員專區 */
    .controlCertList{--num:3}
    .sRDtTb__item .pdTbType{display: block;}

    /* !====產品 */
    .pdTb.--Header .pdTb__item{display: none;}
    .pdTb.--Header .pdTb__item.--mTitle{display: block;text-align: center;}
    .pdList{--num: 3;--gap:1.5rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;}
    .pdList__item{position: relative;;width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );padding: 0.5rem;;padding-top: 1.5rem;}
    .pdTb{flex-wrap: wrap;}
    .pdTb__item.--pdImg{order:1;width: 40%;max-width: 9rem;padding: 0.4em;}
    .pdTb__item.--pdType{order:3;width: 100%;padding:0;position: absolute;left: 0;top:0;z-index: 2;flex-direction: row;}
    .pdTb__item.--pdType .pdTbType+.pdTbType{margin-top: 0;}
    .pdTb__item.--pdType .pdTbType{width: 100%;}
    .pdTb__item.--pdNhi{order:2;width: 60%;padding-right: 2rem;padding-left: 0;}
    .pdTb__item.--pdName{order:4;width: 100%; min-width: 100%;padding-top: 0;padding-bottom: 0.5rem;min-height: 5.625rem}
    .pdTb__item.--pdPrice{order:6;width: 50%;text-align: right;border-top: 1px dashed #cacaca;}
    .pdTb__item.--pdStock{order:5;width: 50%;border-top: 1px dashed #cacaca;}
    .pdTb__item.--pdNumber{order:7;width: 100%;max-width: 100%;}
    .pdTb__item.--pdsave{position:absolute;right:0.1rem;top:2rem;padding:0;background:transparent;z-index:3;}
    .qtyBox{width: calc(100% - 3.5rem);}
    .pdTbStock{display:flex;gap:0.5rem;justify-content:flex-start;white-space: nowrap;}
    .pdTbStock::before{content:"庫存："}
    .pdList__item+.pdList__item{margin-top: 0;}
    .pdTbType{display: flex;justify-content: center;align-items: center;gap:0.5rem}
    .pdTbType.--type01, .pdTbType.--type04{background: var(--gray);border:none;color:#fff}
    .pdTbType.--type03 span{margin-top: 0rem;font-size: 1em;}
    .pdTbType.--cat-gen{background: var(--gray);border:none;color:#fff}
    .pdTbType.--cat-ctrl span{margin-top: 0rem;font-size: 1em;}

    /* !====訂單系統 */
    .--order .pdList{--num: 1;}
    .--pdDel{order:3}
    .--order .pdTb__item.--pdName{min-height: auto;order:2;width: calc(100% - 5.5rem - clamp(7rem,12vw,12rem) );min-width: auto;}
    .--order .itemCounter__item{display: none;}
    .--order .pdTb__item.--pdStock,.--order .pdTb__item.--pdPrice{width: 15%;border-top:none}
    .--order .pdTb__item.--pdImg{order:2;width: clamp(7rem,12vw,12rem);max-width: auto;}
    .--order .--pdTime{order:8;white-space: nowrap;width: 20%;}
    .--order .--pdSubtotal{order:11;width: fit-content;white-space: nowrap;width: 20%;text-align: right;font-weight: 500;}
    .--order .pdTbStock{flex-direction: column;align-items: flex-start;gap:0}
    .--order .pdTbStock::before{content:"庫存";opacity: .5;}
    .--order .--pdPrice::before{content:"單價";opacity: .5;}
    .--order .pdTb__item.--pdNumber{width: 30%;max-width: 30%;}
    .--order .qtyBox{width: auto;}
    .--order .--pdPrice{text-align: left;}

}

@media screen and (max-width: 1023px) {
    /* !====選單==== */
    .navbarToggle{--w: 2rem;--h:2px;--mv: .5rem;--cl: var(--black);position: relative;display: flex;flex-direction: column;gap:0.35rem;align-items: center;justify-content: center;width: var(--w);height: var(--w);padding: 0;border: none;background-color: transparent;}
    .navbarToggle span{width: 1.8rem;height: 2px;background: var(--mjColor-d);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
    .navbarToggle.--isOpen  span:nth-child(1){transform:translateY(0.45rem) rotate(45deg);}
    .navbarToggle.--isOpen  span:nth-child(2){transform:translateX(0.75rem);opacity:0;}
    .navbarToggle.--isOpen  span:nth-child(3){transform:translateY(-0.5rem) rotate(-45deg);}
    .navbarNav{width: 100%;display: none;position: fixed;top:var(--headerH);left:0;right:0;bottom:0;background-color:#fff;z-index:9999;flex-direction: column;align-items: center;}
    .navbarNav.--isOpen{display: block;}
    .navLink{padding: .5rem 1rem;}
    .navSub{position: static;}
    .dropdown:has(.--isOpen) .dropdownMenu{transform: translate(0,0) !important;width: 100%;background: transparent;box-shadow: none;}
    .navSubLink{text-align: left;background: #f4f4f4;padding: 0.8rem 1.5rem;border: none;}
    .navSub.dropdownMenu{display: none;}
    .navbarNav .dropdown:has(.--isOpen) .navSub.dropdownMenu{display: block;margin-bottom: 0;}
    .hdCon{justify-content: flex-end;gap:0.8rem;padding-left: 0;}
    .navbarBrand{aspect-ratio: 100/57}
    .navbarNav__item:has(.navSub__item.--noneRead) .navLink span::after{position: static !important;margin-left: 0.4rem;}
    .navLink,.navbar--fixed .navLink{padding:1rem 1.125rem;border-bottom: 1px dashed var(--gray);}
    .navSub{border: none;margin-top: 0;}
    .navLink::before{transform: translate(0,-50%);top:50%;bottom:auto;left: 6rem;}
    .navLink:hover::before, .navLink.--isOpen::before, .active .navLink::before{transform: translate(0,-50%);top:50%;bottom:auto;left: 6rem;}
    .navbarNav__item.dropdown .navLink::after{content: "\F282";font-family: bootstrap-icons;display: inline-block;transition: var(--trans);position: absolute;right:1.25rem;top:50%;transform: translate(0,-50%);}
    .navbarNav__item.dropdown .navLink.--isOpen::after{transform: translate(0,-50%) rotate(180deg);}

    /* !====bannner */
    .hero{height: auto;aspect-ratio: 4/3;min-height: 500px;}

    /* !====首頁中心區塊 */
    .ixCt{flex-direction: column;}
    .ixCt__sm{width: 100%;}
    .caldSwiper{width: min(100%,30rem);margin: 0 auto}

    /* !====訂購須知 */
    .odNt{--num: 3;}

    /* !====會員專區 */
    .controlCertList{--num:2}
    .inputItem.--inline{flex-direction: column;}
    .inputItem.--inline .inputItem__label{padding-top: 0;margin-bottom: 0.5rem;}
    .inputItem.--inline .inputItem__input,.inputWrap,.inputItem.--half{width: 100%;}
    .memShRecord__top{flex-direction: column;align-items: flex-start;gap:0.8rem}
    .inputItem.--date{align-items: flex-start;width: 100%;}
    .memBlock .sideNavLink .txt{border-radius: 0.4rem}
    .memBlock .sideNav__item.active .sideNavLink .txt,.memBlock .sideNavLink .txt:hover{background: rgba(0, 0, 0, .1);}
    .inputGroup{flex-direction: column;}
    /* 出貨紀錄 */
    .sRTb.--Header{display: none;}
    .sRTb{flex-wrap: wrap;position: relative;padding: 0.8rem 1rem 0.8rem 2rem;align-items: flex-start;}
    .sRTb__item{flex:0 0 auto;width: calc( (100% - 2rem ) / 2 );padding:0;text-align: left;padding: 0 0 0.5rem 0.8rem;white-space: nowrap;}
    .sRTb__item::before{display: block;color:var(--black);margin-bottom: 0.2rem;font-weight: 500;}
    .sRTb__item:nth-child(1){width: 2rem;position: absolute;right: 0.25rem;top:1.2rem}
    .sRTb__item:nth-child(2)::before{content:"訂單編號";}
    .sRTb__item:nth-child(3)::before{content:"訂單日期";}
    .sRTb__item:nth-child(4)::before{content:"訂單金額";margin-top: 0.5rem;}
    .sRTb__item:nth-child(5)::before{content:"狀態";margin-top: 0.5rem;}
    .sRTb__item .status{margin-left: 0;}
    .sRList__item.--open .sRTb__item{top:0.5rem;right:0.5rem}
    .memDbList{--num: 1;}
    .memCard{flex-direction: column;}

    /* !====產品 */
    .pdList{--num: 2;}
    .productSearchBx{position: relative;bottom:auto;right: auto;margin-bottom: clamp(0.5rem,1.5vw,1.5rem);}
    .pdTb__item.--pdNhi{padding-left: 0.5rem;}

    /* !====環境介紹 */
    .envCard{flex-direction: column;align-items: center;}
    .envCard.--reverse,.envGroup{flex-direction: column;}
    .envGroup .envCard{width: 100%;}
    .envCard.--all .envCard__txt{width: 100%;}

    /* !====人才招募 */
    .creTeam{--num: 2;}


    /* !====聯絡我們 */
    .contactBx{flex-direction: column;padding-bottom: 3rem;}
    .contactBx__infoTit,.contactBx__infoCon{text-align: center;}
    .contactBx .btnWrap{display: flex;justify-content: center;}

    /* !====關於泰昌 */
    .--abEnd .abTxt{flex-direction: column;align-items: flex-start;gap:0.5rem}
    .abTxt__titMj br{display: none;}

}

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

    /* !====標題 */
    .--member .mjTitGroup{position: relative;margin-bottom: 3.2rem;}
    .mjTitGroup.--m0{margin-bottom: 2rem;}
    .mjTitGroup .breadCrumbsWrap{position: absolute;bottom:0;transform: translateY(130%);}

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

     /* !====bannner */
    .hero__content{width: 90%;}

     /* !====相關連結 */
    .linkGp{--num: 3}

    /* !====訂購須知 */
    .odNt{--num:2}
    .odNtTit span{opacity: 1;width: auto;padding-left: 0.5rem;}

    /* !====產品 */
    .pdTb{padding:0.3rem;margin-bottom: 0;}
    .pdList{--num: 2;}
    .pdTb__item:nth-child(4){min-height: auto;font-size: 1rem;}
    .pdList__item.--locked .pdTb__item.--number{display: none;}

    /* 側選單 */
    .container.--product{flex-direction: column;}
    .--product .sidebar{width: 100%;}
    /* .--product .sideNavSub{display: flex;flex-wrap: wrap;}
    .--product .sideNavSub__item .txt{border-bottom: none} */
    .--product  .sideNavDrop.--isOpen .sideNavSub{width: 100%;}
    .--product .sideNavSub__item{width: 100%;}
    /* .--product .sideNavLink.--hasSub::before{} */

    /* !====footer */
     footer{padding-bottom: 6rem;}
    footer .container{flex-direction: column;}
    .ftLg{width: 100%;}
    .ftLg__tp{align-items: center;}
    .ftInfoBx{flex-direction: column;}
    .ftNav{margin-top: 0.8rem;justify-content: center;}
    .ftInfoGp{justify-content: center;}
    .ftLg__bt{justify-content: center;flex-direction: column-reverse;}
    .copyright{text-align: center;}
    #goTop{bottom:6rem}

    /* !====fixedMenu */
    .fixedMenu{width: 100%;flex-direction: row;bottom:0;top:auto;gap:0}
    .fixMuControl{display: none;}
    .fixedMenu__item{width: 100%;border-radius: 0;padding-bottom: 0.8rem;}
    .fixedMenu__item:nth-child(5){display: block;}
    /* .btnStyle.--enter.--outline{display: none;} */

    /* !====訂單系統 */
    .orderWrap{flex-direction: column;}
    .orderWrap__cart{position: relative;top:auto;width: 100%;}

    /* !====會員專區 */
    .memBlock{flex-direction: column;}
    .memBlock__side{height: auto;position: relative;top:auto;width: calc(100% - 2rem);margin:0 auto;border-radius: 0.4rem}
    .memBlock__toggle{display: none;}
    .sideToggle{display: block;}
    .--member .sideNavWrap,.--product .sideNavWrap{display: none;}
    .sideNavWrap.--isOpen{display: block;margin-top: 0.8rem;}
    .memberDt{gap:1rem;border-bottom: none;margin-bottom: 0;}
    .memberDt::before{width: 3.5rem;}
    .--member .sideToggle,.--product .sideToggle{position: relative;;color:#fff;width:100%;padding:0.5rem 1.2rem;border-radius:0.4rem;text-align:left;}
    .--member .sideToggle::before,.--product .sideToggle::before{content: "\F479";font-family: bootstrap-icons;position: absolute;right:1.2rem;top:50%;transform: translate(0,-50%);}
    .--member .sideToggle{border:1px solid rgba(255,255,255,0.5);}
    .--product .sideToggle{color: var(--mjColor-l);border:1px solid var(--mjColor-l);}
    .sideNav{padding-bottom: 0;}
    /* 出貨紀錄 */
    .sRDtList{border:none}
    .sRDtTb.--Header{display: none;}
    .sRDtTb{flex-wrap: wrap;}
    .sRDtTb__item{display: flex;justify-content: space-between;padding: 0.8rem;}
    .popUpWrap__inner  .sRDtTb__item{background: #f0f0f0;}
    .sRDtList__item+.sRDtList__item{margin-top: 0.8rem;}
    .sRDtTb__item.itemCounter__item{justify-content: center;}
    .sRDtTb__item.--name{width: calc(100% - clamp(2rem,5vw,4rem));}
    .sRDtTb__item.--type{order:-1;width: 100%;flex:0 0 auto;padding:0}
    .sRDtTb__item.--price::before{content:"單價";color:var(--gray-d)}
    .sRDtTb__item.--number::before{content:"數量";color:var(--gray-d)}
    .sRDtTb__item.--price,.sRDtTb__item.--number{width: 50%;flex:0 0 auto;flex-direction: row;}
    .sRDtTb__item.--subtotal{flex-direction: row;}
    .sRDtTb__item.--subtotal::before{content:"小計";color:var(--gray-d)}
    .sRDtTb__item .pdTbType{width: 100%;}
    .pdTbType+.pdTbType{margin-top: 0;}
    .shRecordTable br{display: none;}
    .popUpWrap .sRDropDown{margin:0;width: 100%;}
    .pdTbType.--type03{display: flex;}
    .pdTbType.--cat-ctrl{display: flex;}
    .sRList__item{border:1px solid  #cdcdcd}
    .sRList__item+.sRList__item{margin-top: 1rem;}
    .sRList .sRList__item:nth-child(odd){background: transparent;}
    .sRList .sRList__item.--open{background: var(--mjColor-llx2);border-color: var(--mjColor-l);}
    .sRList .sRList__item.--open .sRTb__item::before{color:var(--mjColor)}

    /* !====人才招募 */
    .creLeader{flex-direction: column-reverse;}
    .creLeader__img, .creLeader__txt{width: 100%;}
    .creLdCon{width: 100%;}
    .creLdSlogan{transform: translateX(0);max-width: 80%;}
    .creJoin{flex-direction: column;}
    .creJoin__Txt, .creJoin__img,.creJoin .inTitsy02__sub{width: 100%;}
    .creJoin__link{left: auto;right:10%;top:0;transform: translate(0,-50%);}

    /* !====搜尋結果 */
    .searchBanner{background: url(../images/all/searchBg.jpg) no-repeat left  center /cover;}

    /* !====關於泰昌 */
    .abBlock{flex-direction: column-reverse;}
    .--bgGray .abBlock{flex-direction: column;}
    .--bgGray .abImg{max-width: 100%;}
    .abImg, .abTxt{width: 100%;}
    .abTxt__point{justify-content: center;}
    .abTxt__slogan{transform: translateX(0%);text-align: left;margin-bottom: 0;}
    .abTxt__titMj{white-space: normal;}
    .abTxt__List{--num:1}
    .abBlock .abImg__link{transform: translate(20%,-20%);}

}


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

    /* !====首頁廣告 */
    .blockHeight.--blockHeight--adLg{padding:1.8rem 0 0 0}
    .adMiddleWrap,.pdImgSmBx{flex-direction: column;}
    .pdBnSwiper .swiper-pagination{margin-top: 0;}

    /* !====banner */
    .scroll-down{top:0.8rem}

    /* !====首頁最新消息 */
    .ixNews__item{flex-wrap: wrap;}
    .ixNewCon{width: 100%;}
    .ixCt{gap:0.5rem}

    /* !====側選單 */
    .--sdSty01 .sideNav{--num: 2;--gap:0.8rem;display:flex;gap: var(--gap) ;flex-wrap: wrap;background: transparent;padding:0;width: 100%;}
    .--sdSty01 .sideNav__item {width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );background:var(--gray-l) ; border-radius: 0.3rem;}
    .--sdSty01 .sideNavLink .txt{text-align: center;}

    /* !====訂購須知 */
    .odNt{--num:1}

    /* !====最新消息 */
    .newsItem{flex-direction: column;  align-items: flex-start; gap: 0.4rem;}
    .newsItem::before{display: none;}


    /* !====會員登入&註冊 */
    .rgStep__item span{display: none;}
    .rgStep__arrow{transform: translateY(1.1rem);}
    .radioGroup{flex-direction: column;align-items: flex-start;gap:1rem}
    /*input date 樣式 */
    .memShRecord__top .date-wrap:first-of-type{width: calc(100% - 3rem);}
    .registerEnd__p br{display: none;}
    .date-wrap{min-height: 2.8rem;display: flex;align-items: center;}
    .inputItem__input{flex-wrap: wrap;}

     /* !====會員專區 */
    .memCertList{flex-direction: column;}
    .memDbFmTit .btnStyle.--modify{width: 100%;justify-content: center;}
    .inputItem__input.--centerY{flex-wrap: wrap;}
    .inputItem__input.--centerY input:nth-child(1){width: calc(100% - 3rem);}
    .inputItem__input.--centerY span{width: 2rem;}
    .inputItem__input.--centerY input:last-of-type{width: 100%;}
    .inputItem.--date .btnStyle{width: 100%;justify-content: center;}
    .controlCertList{--num: 1;}
    .orderInfo__item{flex-direction: row;}
    .controlCertList__item.--status02 .btnStyle{display: none;}
    .date-wrap input{min-width: 100%;background-color:transparent}

     /* !====相關連結 */
    .linkGp{--num: 2}

    /* !====產品 */
    .pdList{--num: 1;}

    /* !====訂單系統 */
    .--order .--pdTime,.--order .--pdSubtotal{width: 50%;}
    .--order .--pdTime{flex-direction: row;}
    .--order .pdTb__item.--pdStock, .--order .pdTb__item.--pdPrice{width: 20%;}
    .--order .pdTb__item.--pdNumber{width: 60%;max-width: 60%;}
    .--order .qtyBox{width: 100%;}

    /* !====人才招募 */
    .creTeam,.creGrow{--num: 1;}
    .creSupGroup{flex-direction: column;}
    .creSupTit{margin-right: 0;padding-right: 0;margin-bottom: 1rem;}
    .creTeam__item{padding-left: 4.5rem;position: relative;}
    .creTeam__icon{position: absolute;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1rem,2vw,1.5rem) }

    /* !====聯絡我們 */
    .formGroup__item--half{width: 100%;}
    .blockHeight--contact{padding-bottom: 0;}
    .contactBx__info{margin-top: -2.5rem;}
    .contactBx .btnStyle.--large{width: 100%;padding:0.8rem}

    /* !====環境介紹 */
    .envCard.--all .envCardList{flex-direction: column;}
    .envCard.--all .envCardList__item{width: 100%;padding:0.8rem}
    .envCardList__item{flex-direction: column;}
    .contactLeader br{display: none;}

}

/* 無障礙功能-高對比度支援 */
@media (prefers-contrast: high) {
    :root{
        --outline: 3px solid #000 !important;
        --outline-offset: 2px !important;
    }

}