@charset "utf-8";

/* CSS Document */
body{font-family:'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.02em;background: var(--gray-lx2);}
body.pd0{padding-top: 0;background: #fff;}
body.pd0 footer .ftInfo{background: var(--gray-lx2);}
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引擎 */
    image-rendering: crisp-edges;
}
:root{
    --mjColor: #172A88; /* 主色 */
    --mjColor-l: #3C7BD4;
    --subColor: #F39800; /* 副色 */

    --black: #2A2C37;

    --gray: #A6A6A6;
    --gray-d: #616265;
    --gray-l: #E6E6E6;
    --gray-lx2: #F8F8F8;

    --red: #DF5252;
    --green:#19B442;

    --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:clamp(3rem,4vw,4rem);display:none;cursor:pointer;z-index: 2;position:fixed;bottom:1rem;right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background: var(--mjColor);color: #fff;border-radius: 100rem;transition:0.3s all;}
#goTop:hover{background:var(--mjColor-l);color:#fff;}
/* !====Line好友 */
.lineLink{--size:clamp(3rem,4vw,4rem);cursor:pointer;z-index: 2;position:fixed;bottom:clamp(4.5rem,6vw,5.5rem);right:1rem;width:var(--size);aspect-ratio:1;line-height:var(--size);text-align: center;background:#02b902;color: #fff;border-radius: 100rem;transition:0.3s all;}
.lineLink::before{content:"";width: 60%;aspect-ratio: 1/1;display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: url(../images/all/line.svg)no-repeat center center / contain;}

/* !====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;}
.blockHeight{padding:clamp(3rem,5vw,6rem) 0;}
.sr-only{  position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

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

/* !====標題 */
.mjTit{display: flex;flex-direction: column;margin-bottom: clamp(2rem,4vw,3.75rem);}
.mjTit.--white .mjTit__en{color:#fff;opacity: .7;}
.mjTit.--white .mjTit__en::before,.mjTit.--white .mjTit__en::after{background: rgba(255,255,255,0.7);}
.mjTit.--white .mjTit__mj{color:#fff;font-weight: 600;}
.mjTit.--center{align-items: center;}
.mjTit__en{display: block;;display: flex;align-items: center;gap:0.5rem;margin-bottom: clamp(0.3rem,1vw,0.6rem);color:var(--gray-d);font-size: clamp(1rem,1.3vw,1.125rem);font-family: 'Poppins';}
.mjTit__en::before,.mjTit__en::after{content:"";display: inline-block;width:0.375rem;height: 0.375rem;background: var(--gray-d);}
.mjTit__mj{font-size: clamp(1.875rem,2.5vw,2.5rem);font-weight: 700;color:var(--mjColor)}

/* !====按鈕 */
.btnWrap { display: flex;gap:clamp(0.8rem,1.5vw,1.5rem);margin:2em 0; justify-content: center; }
.btnStyle{position: relative;display: flex;align-items: center;width: fit-content;;background: var(--mjColor);border:none;padding:0}
.btnStyle.--center{margin-left: auto;margin-right: auto;}
.btnStyle::before{content:"";position:absolute;right:0;top:0;width: 0;height: 100%;background: var(--subColor);transition: 0.5s ease-in-out}
.btnStyle__txt{position: relative;z-index: 2;;padding:clamp(0.4rem,1vw,0.7rem) clamp(1.2rem,2.5vw,1.5rem);color:#fff;font-size: clamp(1rem,1.3vw,1.125rem);letter-spacing: 0.06em;}
.btnStyle__icon{display: block;position: relative;;width: clamp(3rem,4.5vw,3.5rem);aspect-ratio: 1/1;background: rgba(255,255,255,0.15);}
.btnStyle__icon::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;transition: 0.5s ease-in-out;font-size: clamp(0.8rem,1vw,1rem);}
.btnStyle:hover::before{width: 100%;left: 0;}
.btnStyle:hover .btnStyle__icon:before{transform: translate(-50%,-50%) rotate(45deg);}
.btnStyle.--step:hover .btnStyle__icon:before{transform: translate(-50%,-50%) rotate(0deg)}
.btnStyle.--light{background: var(--mjColor-l);}
.btnStyle.--black{background: var(--black);}
.btnStyle.--outLineB{border:1px solid var(--black);color:var(--black);background: transparent;}
.btnStyle.--outLineB .btnStyle__icon{border-right:1px solid;}
.btnStyle.--outLineB .btnStyle__icon::before{color: var(--black);}
.btnStyle.--outLineB:hover{border-color: var(--subColor);}
.btnStyle.--outLineB:hover .btnStyle__txt{color:#fff}
.btnStyle.--outLineB:hover .btnStyle__icon{border-color: transparent;}
.btnStyle.--outLineB:hover .btnStyle__icon::before{color:#fff}
.btnStyle.--outLineB .btnStyle__txt{color:var(--black)}
.btnStyle.--outLineW{border:1px solid #fff}
.btnStyle.--outLineW::before{background: rgba(255,255,255,0.2);}
.btnStyle:disabled{opacity: .5;}
.btnStyle:disabled::before{display: none;}
.mbFnWrap{display: flex;gap:0.8rem}
.fnBtn{display: flex;align-items: center;gap:0.8rem;width: fit-content;padding:clamp(0.6rem,1vw,0.8rem) clamp(0.8rem,1.3vw,1.25rem);background: var(--mjColor);transition: var(--trans);color:#fff;font-size: clamp(0.875rem,1.3vw,1.125rem);}
.fnBtn.--center{margin-left: auto;margin-right: auto;}
.fnBtn.--light{background: var(--mjColor-l);}
.fnBtn.--black{background: var(--black);}
.fnBtn.--outLineB{background: transparent;border:1px solid var(--black);color:var(--black)}
.fnBtn:hover{background: var(--subColor);border-color: var(--subColor);color:#fff}


/* !====banner */
.banner__box{position: relative;width: 100%;}
.banner picture{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top:0}
.banner picture img{width: 100%;height: 100%;object-fit: cover;}
.bnCont{position: relative;width: 100%;padding:clamp(8rem,14vw,11rem) 0 clamp(6rem,12vw,9rem);display: flex;align-items: center;}
.bnContTxt,.bnContImg{width: 50%;}
.bnContImg{opacity: 0;transform: translateX(4rem);}
.bnContImg__img{width: clamp(16rem,24vw,23rem);aspect-ratio: 350/545;margin:0 auto}
.bnContImg__img img{width: 100%;height: 100%;object-fit: contain;}
.bnContTxt{color:#fff;opacity: 0;transform: translateY(4rem);padding-left: clamp(3rem,8.5vw,20rem);;}
.swiper-slide-active .bnContTxt{animation:bnTxtUp 0.8s ease-in-out 0.4s forwards}
.swiper-slide-active .bnContImg{animation:bnTxtLeft 1s ease-in-out 0.4s forwards}
@keyframes bnTxtUp{0%{opacity:0;transform:translateY(4rem);}100%{opacity:1;transform:translateY(0);}}
@keyframes bnTxtLeft{0%{opacity:0;transform:translateX(4rem);}100%{opacity:1;transform:translateX(0);}}
.bnTit{margin-bottom: clamp(1rem,2vw,2rem);}
.bnTit__en{display: inline-block;margin-bottom: clamp(0.5rem,1vw,0.8rem);padding:clamp(0.5rem,1vw,0.75rem) clamp(0.5rem,1vw,1rem);font-family: 'Poppins';font-size: clamp(0.875rem,2vw,1.5rem);border:1px solid ;}
.bnTit__mj{display: block;font-size: clamp(1.5rem,3vw,3.5rem);font-weight: 600;line-height: 1.4;}
.bn_minTxt{display: flex;gap:0.5rem;margin-bottom: clamp(1.5rem,4vw,3.5rem);font-size: clamp(1rem,1.3vw,1.125rem);font-weight: 300;}
.bn_minTxt::before{content:"";display: inline-block;width: clamp(1rem,2vw,2.5em);height: 1px;background: rgba(255,255,255,.5);position: relative;top: 0.8rem;}
.banner .swiper-pagination{bottom:18%;text-align: left;z-index: 4;left:clamp(3rem,8.5vw,20rem)}
.banner .swiper-pagination-bullet{background: #fff;}
.featureList{position: relative;z-index: 2;;list-style: none;display: flex;padding-left: 0;width: 90%;margin-left: auto;margin-right: auto;margin-top: calc(-1 * clamp(4rem,8vw,6rem));}
.featureList__item{width: 100%;display: flex;justify-content: center;align-items: center;gap:clamp(0.6rem,1vw,0.8rem);background: var(--gray-lx2);padding:clamp(1rem,3vw,2.5rem);border-right:1px solid #cbcbcb;}
.featureTxt{font-size: clamp(0.875rem,1.5vw,1.25rem);margin-bottom: 0;font-weight: 500;}
.featureList__item:nth-child(even) .featureIcon{background: var(--mjColor-l);}
.featureList__item:last-child{border-right: none;}
.featureIcon{position: relative;;width:clamp(3rem,5vw,5rem);aspect-ratio: 1/1;background: var(--mjColor);border-radius: 0.25rem;}
.featureIcon::before{content:"";width: 100%;aspect-ratio: 1/1;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-size:100% auto;background-position: center center;}
.featureIcon.--icon01::before{background-image: url(../images/index/feature01.svg);}
.featureIcon.--icon02::before{background-image: url(../images/index/feature02.svg);}
.featureIcon.--icon03::before{background-image: url(../images/index/feature03.svg);}
.featureIcon.--icon04::before{background-image: url(../images/index/feature04.svg);}

.pgBanner{background:#f0f0f0 url(../images/banner/pgbannerBg.jpg)no-repeat left 40% center / cover;padding:clamp(1.8rem,4vw,4rem) 0;}
.pgBanner .container{display: flex;justify-content: space-between;flex-direction: column;/*align-items: flex-end;*/}
.pgBnTit__en{display: flex;font-family: 'Poppins';font-size: clamp(1rem,1.2vw,1.375rem);color:var(--mjColor);margin-bottom: clamp(0.8rem,1.5vw,1.25rem);}
.pgBnTit__en::before{content:"";margin-right: 0.5rem;width: clamp(0.8rem,1vw,1rem);aspect-ratio: 1/1;clip-path: polygon(0 0, 100% 0, 0 70%);background: var(--subColor);transform: translateY(0.1rem);}
.pgBnTit__mj{display: block;font-size: clamp(1.75rem,3.5vw,3rem);font-weight: 600;letter-spacing: 0.09rem;white-space: nowrap;overflow: hidden;}
@media screen and (min-width:767px){.pgBnTit__mj__bx{display:block;transform:translateY(80%);opacity:0;}
.pgBnTit.animated .pgBnTit__mj__bx{animation:pgTitAni 0.6s ease-out forwards;}
@keyframes pgTitAni{0%{transform:translateY(80%);opacity:0;}100%{transform:translateY(0%);opacity:1;}}}

.memberBanner{background: url(../images/member/memberBg.jpg)no-repeat left center / cover;/*background: #e9e9e9;*/}
.memberBanner .container{display: flex;justify-content: space-between;align-items: center;padding:clamp(2rem,5vw,4.5rem) calc(var(--bs-gutter-x) * .5) clamp(6.5rem,10vw,9rem) calc(var(--bs-gutter-x) * .5)}
.memberName__name{display: flex;align-items: center;font-size: clamp(1.875rem,3vw,2.5rem);font-weight: 600;letter-spacing: 0.2rem;}
.memberName__name::before{content:"";width:clamp(3.5rem,5vw,4.5rem);aspect-ratio: 1/1;margin-right:0.8rem;background: url(../images/member/memberIcon.svg)no-repeat center center / contain;}
.memberName__name::after{content:"會員您好！";font-size: clamp(1rem,1.3vw,1.25rem);margin-left: clamp(0.5rem,1vw,0.8rem);padding-top: clamp(0.5rem,1vw,1rem);font-weight: 400;letter-spacing: 0.04rem;opacity: .8;}


/* 麵包屑 */
.breadCont{padding:clamp(0.2rem,1vw,0.5rem);background-color: #fff;}
.breadCrumbsWrap{width: 100%;}
.breadCrumbs{--gap: 1.5rem;gap: 0.2rem var(--gap);display: flex;flex-wrap: wrap;list-style: none;padding-left: 0;margin-bottom: 0;padding-bottom: 0.4rem;}
.breadCrumbs__item{position: relative;}
.breadCrumbs__item+ .breadCrumbs__item::before{content:'';position:absolute;width:0.2rem;height: 0.2rem;;aspect-ratio:1;background:#9d9d9d;left:calc(var(--gap) * -0.5);top:53%;transform:translate(-50%,-50%);}
.breadCrumbs__item a{color:var(--gray);font-size: clamp(0.93rem,1.2vw,1rem);}
.breadCrumbs__item a:hover{color: var(--mjColor);}
.breadCrumbs__item:last-of-type a{color: var(--gray-d);}

/* !====側選單 */
.sideToggle{display: none;border:none;width:100%;background:var(--mjColor);color:#fff;padding:0.8rem;line-height:1;}
.pgContent .container{display: flex;gap:clamp(2rem,4vw,3.5rem);align-items: flex-start;}
.pgContent .container.--col{flex-direction: column;gap:clamp(1.5rem,2vw,2rem)}
.container.--col .sideNavWrap{display: flex;justify-content: center;}
.container.--col .sideNav{display: flex;width: fit-content;background: #fff;padding:clamp(0.6rem,1vw,0.8rem)}
.container.--col  .sidebar{position: relative;top:auto;width: 100%;}
.container.--col  .sideNav{justify-content: center;flex-wrap: wrap;gap:clamp(0.4rem,1vw,0.8rem) 0.6rem}
.container.--col .sideNavLink a::before{display: none;}
.container.--col .sideNavLink a:hover{color:var(--mjColor);background: #E8EAF4;}
.container.--col .sideNavLink a{border-bottom: none;padding:clamp(0.5rem,1vw,0.6rem) clamp(0.6rem,2vw,2rem);color:var(--gray-d);font-size: clamp(1rem,1.3vw,1.125rem);}
.container.--col .sideNavLink.--isOpen a{color:#fff;background: var(--mjColor);}
.sidebar{position: sticky;top:calc(var(--headerH) + 2rem);left: 0;width: clamp(16rem,20vw,20rem);flex:0 0 auto;}
.sideNav{list-style: none;padding-left: 0;}
.sideNavLink a{display: flex;align-items: center;padding:clamp(0.8rem,1.2vw,1.2rem) 0;border-bottom: 1px dashed var(--gray);font-size: clamp(1rem,1.3vw,1.25rem);font-weight: 500;transition: var(--trans);}
.sideNavLink a::before{content:"";width: 0.4rem;height: 0.4rem;background: #D9D9D9;margin-right: 0.8rem;transition: var(--trans);}
.sideNavLink.--isOpen a{color:var(--mjColor)}
.sideNavLink.--isOpen a::before{background: var(--mjColor);}
.mainCont{flex:1;}
.sideNavLink:not(.--isOpen) a:hover::before{margin-right: 1.2rem;background: var(--subColor);}
.sideNavLink:not(.--isOpen) a:hover{color:var(--subColor)}

/* !====首頁 - 申請流程*/
.ixPcList{position: relative;;display: flex;justify-content: center;list-style: none;padding-left: 0;width: min(100%,87.5rem);margin-bottom: clamp(2.5rem,4vw,4.5rem) ; counter-reset:num;}
.ixPcList::before{content:"";width: 80%;height: 1px;border-top: 1px dashed #A6A6A6;position: absolute;left: 50%;top:1.5rem;transform: translateX(-50%);z-index: -1;}
.ixPcList__item{width: 100%;text-align: center;}
.ixPcList__item::before{ counter-increment:num; content:counter(num);;display: flex;align-items: center;justify-content: center;width: clamp(2.5rem,3.5vw,3rem);aspect-ratio: 1/1;margin:0 auto clamp(1rem,1.5vw,1.5rem) auto;background: var(--mjColor);text-align: center;vertical-align: middle;border-radius: 50%;color:#fff;font-family: 'Poppins';font-size: clamp(1rem,1.5vw,1.25rem);border:4px solid #fff}
.ixPcIcon{display: block;width: clamp(5rem,8vw,8rem);aspect-ratio: 1/1;margin:0 auto clamp(0.5rem,1vw,1rem) auto;border-radius: 50%;background-color: #F0F0F0;}
.ixPcIcon::before{content:"";display: block;width: 100%;height: 100%;;background-repeat: no-repeat;background-position: center center;background-size: 70% auto;opacity: .8;}
.ixPcList__item:nth-child(1)::before{background:#172A88 ;}
.ixPcList__item:nth-child(1) .ixPcIcon::before{background-image:url(../images/index/process01.svg) ;}
.ixPcList__item:nth-child(2)::before{background:#1E3A97 ;}
.ixPcList__item:nth-child(2) .ixPcIcon::before{background-image:url(../images/index/process02.svg) ;}
.ixPcList__item:nth-child(3)::before{background:#172A88 ;}
.ixPcList__item:nth-child(3) .ixPcIcon::before{background-image:url(../images/index/process03.svg) ;}
.ixPcList__item:nth-child(4)::before{background:#264AA6 ;}
.ixPcList__item:nth-child(4) .ixPcIcon::before{background-image:url(../images/index/process04.svg) ;}
.ixPcList__item:nth-child(5)::before{background:#2D5BB6 ;}
.ixPcList__item:nth-child(5) .ixPcIcon::before{background-image:url(../images/index/process05.svg) ;}
.ixPcList__item:nth-child(6)::before{background:#356BC5 ;}
.ixPcList__item:nth-child(6) .ixPcIcon::before{background-image:url(../images/index/process06.svg) ;}
.ixPcTxt{font-size: clamp(0.93rem,1.3vw,1.125rem);font-weight: 500;}

/* !====首頁 - 關於卡售*/
.--ixAbout{position: relative;;background: var(--gray-lx2);overflow-x: clip;}
.--ixAbout::before{content:"";display: block;position: absolute;left: 40%;top:8%;transform: translateX(-20%);width: clamp(30rem,45vw,45rem); aspect-ratio: 716/357;background: url(../images/index/ixAboutMap.svg)no-repeat center center / contain;}
.ixAbout{position: relative;z-index: 1;;display: flex;align-items: center;gap:clamp(2rem,4vw,3.5rem);}
.ixAbout__txt{flex:1}
.ixAbout__img{width: clamp(22rem,32vw,38rem);margin-bottom: 0;}
.ixAbout__img img{width: 100%;height: 100%;object-fit: cover;}
.ixAbmTit{margin-top: calc(-1 * clamp(1rem,1.5vw,1.8rem));margin-bottom: clamp(0.5rem,1vw,1rem);font-weight: 600;font-size: clamp(1.125rem,1.3vw,1.4rem);line-height: 1.7;}
.ixAbmTit .mb{display: none;}
.ixAbmCont{font-size: clamp(0.93rem,1.2vw,1.12rem);color:var(--gray-d);margin-bottom: clamp(2rem,3vw,3rem);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/* !====首頁 - 海外平台*/
.--ixPl{position: relative;}
/* .--ixPl::before{content:"";position: absolute;left: 0;top:0;width: 100%;height: clamp(20rem,30vw,25rem);background: url(../images/index/ixPlbg.jpg)no-repeat center center / cover;} */
.--ixPl .container{position: relative;z-index: 1;}
.ixPlList{position: relative;;background:var(--gray-lx2) ;display: flex;flex-wrap: wrap;}
.ixPlList::before{content:"";width: 100%;
height: 2px;position: absolute;z-index: 2;;left: 0;bottom:0;background: var(--gray-lx2);}
.ixPlList__item{width: 50%;padding:clamp(1.5rem,2vw,2rem)clamp(1.5rem,2.5vw,2.5rem);border-bottom: 1px dashed #C0C0C0;border-right: 1px dashed #C0C0C0;}
.ixPlList__item:nth-child(even){border-right: none;}
.ixPlList__item:hover .ixPlName{color:var(--mjColor)}
.ixPlList__item:hover .ixPlName::before{width: 0.375rem;}
.ixPlList__item:hover .ixPlArrow{background: var(--mjColor);}
.ixPlList__item:hover .ixPlArrow::before{transform: translate(-50%,-50%) rotate(45deg);color:#fff;font-size: 0.85rem;}
.ixPlList__item:hover img{width: 110%;height: 110%;}
.ixPlName{position: relative;;display: flex;align-items: center;font-size: clamp(1rem,1.3vw,1.125rem);font-weight: 600;margin-bottom: clamp(1rem,1.3vw,1.125rem);transition: var(--trans);}
.ixPlName::before{content:"";width: 0;height: 0.375rem;background: var(--mjColor);margin-right: 0.5rem;transition: var(--trans);}
.ixPlArrow{position: absolute;top:50%;transform: translateY(-50%);right:0;width: 2rem;aspect-ratio: 1/1;border-radius: 50%;background: var(--gray-l);transition: var(--trans);}
.ixPlArrow::before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: 0.9rem;transition: var(--trans);}
.ixLogo{position: relative;;margin: 0 auto;width: clamp(12rem,18vw,17rem);aspect-ratio: 57/30;}
.ixLogo img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: contain;transition: var(--trans);max-width: initial;}


/* Upload file 上傳檔案 */
.radio_box{display:inline-block}
.radio_box label{cursor:pointer}
.radio_box label span{display:inline-block;width:18px;height:18px;border:solid 1.5px #ccc;border-radius:50px;margin-right:.5em;vertical-align:middle;position:relative}
.radio_box input[type="radio"]{display:none}
.radio_box input[type="radio"]:checked + label span{border-color:#78c328}
.radio_box input[type="radio"]:checked + label span:after{content:'';display:block;width:10px;height:10px;background:#78c328;border-radius:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
ul.set-tips{background:#f2f2f2;padding:.5em;padding-left:2em;border-radius:.4em;font-size:.9em;margin:0}
.upload-box{display:flex;align-items:center;margin:.8em 0;width: 100%;}
.upload-box > div{width: 100%;}
.upload-box img{max-width:120px;height:auto;margin:0 .8em;background:#f2f2f2}
.upload-box p{margin-bottom:0;margin-right:1em}
.upload-box .photo{display:flex;align-items:center}
.upload-box .photo span{color:red;font-size:.9em}
.upload-box .photo a{border:solid thin #44403F;color:#44403F;border-radius:50px;padding:.5em 1em;font-size:.9em;cursor:pointer;outline:none!important;text-decoration:none}
.upload-box .photo a:hover{background:#44403F;color:#fff}
.upload-box .photo + .file-upload{margin-left:.5em}
.upload-box .file-upload{display:inline-block;border:solid thin #44403F;color:#44403F;border-radius:50px;font-size:.9em;outline:none!important}
.upload-box .file-upload:hover{background:#44403F;color:#fff}
.upload-box .file-upload label{width:auto;padding:.5em 1em;cursor:pointer}
.upload-box .file-upload input{display:none}
.upload-box .photo.file span[class^="fas"]{color:inherit;font-size:1.1em;font-weight:400;padding:0 .5em}
.upload-box .photo.file span[class$="pdf"]:before{color:red}
.upload-box .photo.file span[class$="word"]:before{color:#2392d2}
.upload-box .photo.file span[class$="excel"]:before{color:#35ab1e}
.upload-box .photo.file span:before{margin-right:.5em;font-weight:300}
.default-img-box ul{padding-left:0;margin-bottom:0;list-style:none}
.default-img-box ul li:not(.non){display:inline-block;margin-top:.8em;margin-right:.5em}
.default-img-box ul li label,.upload-title label{cursor:pointer;width:auto}
.default-img-box ul li label span,.upload-title label span{display:inline-block;width:18px;height:18px;border:solid 1.5px #999;border-radius:50px;margin-right:.5em;vertical-align:middle;position:relative}
.default-img-box ul li input[type=radio]:checked + label span,.upload-title input[type=radio]:checked + label span{border-color:#78c328}
.default-img-box ul li input[type=radio]:checked + label span:after,.upload-title input[type=radio]:checked + label span:after{content:'';display:block;width:10px;height:10px;background:#78c328;border-radius:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.default-img-box ul li label img{width:calc(100% - 26px);max-width:120px}
.default-img-box ul li input[type="radio"],.upload-title input[type=radio]{display:none}


/* !====footer */
footer{display: flex;overflow-x: clip;}
.ftInfo{display: flex;flex:0 0 auto;flex-direction: column;justify-content: center;align-items: center;background: #fff;padding:clamp(1rem,2vw,2rem);width: clamp(18rem,25vw,28rem);}
.ftLogo{display: block;width: clamp(12rem,16vw,14rem);aspect-ratio: 8 / 5;background: url(../images/all/logo.svg)no-repeat center center / contain;margin-bottom: clamp(1rem,2vw,1.5rem);}
.ftInfoList{list-style: none;padding-left: 0;}
.ftInfoList__item{display: flex;align-items: center;gap:0.6rem;font-size:1rem;}
.ftInfoList__item a:hover{color:var(--mjColor)}
.ftInfoList__item+.ftInfoList__item{margin-top: 0.5rem}
.ftInfoList__item::before{color:var(--mjColor)}
.ftList{flex:1;background: var(--black);color:#fff;padding:  clamp(3rem,5vw,5rem)  clamp(1.25rem,5vw,5rem)  clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,5vw,5rem)}
.ftList__top{display: flex;justify-content: space-between;}
.ftNav{display: flex;gap:clamp(0.5rem,1vw,1rem)}
.ftNav__item{width:clamp(14rem,16vw,15rem);}
.ftNavLink{position: relative;display: flex;align-items: center;color:#fff;white-space: nowrap;font-size: clamp(1rem,1vw,1.125rem);}
.ftNavLink::before{content:"";width: 0.25rem;height: 0.25rem;background: #fff;margin-right: 0.5rem;}
.ftNavLink+.ftNavLink{margin-top: clamp(0.2rem,1vw,0.8rem);}
.ftNavLink[href]:not([href="#"]):hover {color:var(--subColor)}
.ftNavLink[href]:not([href="#"]):hover::before{background: var(--subColor);}
.ftSubLink{color:rgba(255,255,255,0.7);font-size: clamp(0.93rem,1vw,1rem);transition: var(--trans);}
.ftSubLink:hover{color:var(--subColor)}
.ftSub__item+.ftSub__item{margin-top: 0.2rem;}
.ftSub{list-style: none;padding-left: 0;margin-top: clamp(0.3rem,1vw,1rem);}
.ftBtn__item{display: block;width: clamp(7rem,10vw,10rem);padding:0.7rem 1.125rem;transition: var(--trans);font-size: clamp(0.875rem,1vw,1rem);background:rgba(255,255,255,0.1);color:#fff;text-align: center;white-space: nowrap;}
.ftBtn__item+.ftBtn__item{margin-top: clamp(0.8rem,1.5vw,1rem);}
.ftBtn__item:hover{background: var(--subColor);}
.copyright{padding-top: clamp(1.25rem,2vw,1.8rem);margin-top:clamp(1.25rem,2vw,1.8rem);border-top: 1px dashed rgba(255,255,255,0.5);font-size: clamp(0.93rem,1vw,1rem);opacity: .8;font-weight: 300;}
.copyright a{color:inherit}

/* !====FAQ */
.accordionWrap__item{--num: 2;--gap:4rem;display:flex;gap: 0 var(--gap) ;flex-wrap: wrap;}
.accordionBx{--cl: var(--gray-lx2);--clTxt: var(--black);width:calc((100% - var(--gap) * (var(--num) - 1)) / var(--num) );}
.accordionBx__hd {cursor: pointer;display: flex;align-items: center;margin: 0;padding: clamp(0.8rem,1.5vw,1rem) 1rem 1rem;background-color: var(--cl);color: var(--clTxt);transition: var(--trans);font-size: clamp(1rem,1.2vw,1.125rem);font-weight: 550;}
.accordionBx__hd::before{content:"Q";background: var(--black);color:#fff;width: 2rem;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;font-family: 'Poppins';font-weight: 400;margin-right: clamp(0.5rem,1.3vw,1rem);}
.accordionBx__hd:after {content: '\002B';margin-left: auto;font-size: 1.5rem;color: var(--clTxt);font-weight: 300;}
.accordionBx__panel {overflow: hidden;max-height: 0;transition: var(--trans-ease);border-bottom: 1px dashed var(--gray);}
.accordionBx__panel .inner{padding:  clamp(0.8rem,1.5vw,1rem) 1rem 1rem;background: var(--cl);font-size: 1rem;}
.accordionBx__hd.active,.accordionBx__hd:hover {--cl: var(--black);--clTxt:#fff;}
.accordionBx__hd.active:after {content: "\2212";}
.accordionBx__hd.active+.accordionBx__panel .inner{background: #fff;font-size: clamp(1rem,1.2vw,1.125rem);}
.accordionBx__hd.active::before,.accordionBx__hd:hover::before{background:#fff;color:var(--black);}

/* !====聯絡我們 */
.contactCard{display: flex;width: min(100%,80rem);background: var(--mjColor) url(../images/all/contactBg.jpg)no-repeat center center / cover;border-radius: 0.3rem;margin:0 auto clamp(1rem,2vw,2rem) auto}
.contactCard__item{position: relative;;width: 100%;color:#fff;text-align: center;padding:clamp(1.25rem,2vw,2rem)}
.contactCard__item::before{content:"";width: 100%;height: 100%;background: #e7e7e7;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);opacity: 0;transition: var(--trans);border-radius: 0.3rem;}
.contactCard__item.--active::before{content:"";width: 110%;height: 115%;opacity: 1;}
.contactCard__item.--active .contactIcon{background: var(--mjColor);}
.contactCard__item.--active .contactTit{color:var(--mjColor);font-weight: 500;letter-spacing: 0.1rem;}
.contactCard__item.--active .contactCon{color:#010129;font-weight: 500;}
.contactIcon{position: relative;z-index: 1;width: clamp(3rem,4vw,4rem);aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;margin:0 auto 1rem auto;background: rgb(2 2 2 / 60%);border-radius: 0.3rem;font-size: clamp(1.3rem,2vw,1.5rem);}
.contactTit{position: relative;z-index: 1;font-family: 'Poppins';font-size: clamp(1.125rem,1.3vw,1.3rem);transition: var(--trans);}
.contactCon{position: relative;z-index: 1;opacity: .8;transition: var(--trans);color:#fff;}
.formTit{text-align:center;width:min(100%,51rem);margin:0 auto;}
.formTit__mj{position: relative;;display: block;font-family: 'Poppins';font-size: clamp(1.875rem,3vw,3.5rem);font-weight: 500;color:var(--mjColor);margin-bottom: clamp(0.5rem,1vw,1rem);padding-bottom:1rem;}
.formTit__mj::before{content:"";position: absolute;left: 50%;bottom:0;transform: translate(-50%,100%);width: 2rem;height: 0.3rem;background: var(--subColor);}
.formTit__sub{font-size: clamp(1rem,1.25vw,1.125rem);}
.blockHeight--contact .container{flex-direction: column;}
.formGroup{width: min(100%,60rem);;display: flex; flex-wrap: wrap;gap: var(--gap);--gap: clamp(1rem, 2vw, 2rem);margin-bottom: clamp(2rem,4vw,3.5rem);margin-left: auto;margin-right: auto;background: #fff;padding:clamp(1rem,3.5vw,4rem)}
.formGroup .--bottomBtn a{ margin:0 auto}
.formGroup__item{width: 100%;}
.formGroup__item--half{width: calc(50% - (var(--gap)/2));}
.formGroup__item  label{display: block;margin-bottom: 0.5rem;font-weight: 500;}
.formGroup__item input,.formGroup__item textarea{width: 100%;border:1px solid #e1e1e1;padding:0.4rem 1rem;background: var(--gray-lx2);}

/* !====登入 */
.blockHeight--login .container{gap:0;width: min(100%,87.5rem);align-items: stretch;}
.loginBx{background: #fff;flex:1;padding:clamp(1.5rem,4vw,4rem)}
.toRg{display: flex;flex-direction: column;justify-content: center;gap:clamp(1rem,2.5vw,2rem);width: clamp(20rem,35vw,36rem);background:var(--mjColor);padding:clamp(1.875rem,2.5vw,3rem);text-align: center;color:#fff;}
.toRgLogo{display: block;width: clamp(12rem,20vw,21.875rem);aspect-ratio: 8 / 5;background: url(../images/all/logo-white.svg) no-repeat center center / contain;margin:0 auto;opacity: .5;}
.toRgTit__en{display: block;font-family: 'Poppins';font-size: clamp(1.5rem,3vw,2.5rem);margin-bottom: 0.2rem;font-weight: 500;}
.toRgTit__mj{font-size: clamp(1rem,1.2vw,1.25rem);font-weight: 300;}
.toRgTips{text-align:center;font-size:clamp(0.875rem,1.3vw,1rem);color:#fff;opacity:.6;margin-top:1.5rem}
.rgTit__icon{display: block;margin-top: clamp(2rem,4vw,4rem);font-size: clamp(2rem,4vw,4rem);color:var(--green);margin-bottom: 0.8rem;}
.loginTit{--sp:clamp(1.2rem,1.25vw,1.5rem);font-size: clamp(1.5rem,2vw,2rem);color:var(--mjColor);font-weight: 600;padding-bottom:var(--sp) ;margin-bottom: var(--sp);border-bottom: 1px dashed var(--gray);}
.labelTxt{display: flex;gap:0.5rem;flex:1;font-size: clamp(1rem,1.3vw,1.125rem);font-weight: 500;}
.labelTxt span{font-size: 0.93rem;color:var(--gray-d);}
.labelTxt::before{content:"";width:0.35rem;height:0.35rem;background-color:var(--mjColor);position: relative;top:clamp(0.6rem,1vw,0.8rem)}
.inputWrap{display:flex;flex-wrap:wrap;gap:var(--gap);--gap:clamp(1.5rem,2vw,2rem);}
.inputGroup{display:flex;gap:var(--gap);--gap:clamp(1.5rem,2vw,2rem);width: 100%;}
.inputItem{width:100%;}
.inputItem + button{margin-top: clamp(2rem,3.5vw,3rem);}
.inputItem .tipsTxt{color:var(--red);font-size: clamp(0.875rem,1.3vw,1rem);margin-bottom: 0;margin-top: clamp(0.3rem,1vw,0.6rem)}
.inputItem.--must .labelTxt::after{content:"*";color:var(--red);margin-left: -0.2rem;}
.inputItem.--half{width:calc(50% - (var(--gap)/2));}
.inputItem+.btnStyle{margin-top: clamp(2rem,4vw,3.75rem);}
.inputItem__input{display: flex;align-items: center;gap:0.7rem}
.inputItem__input.--note{display: block;background: #f1f1f1;padding:clamp(0.8rem,1.5vw,1.2rem)}
.inputItem__input ul li+li{margin-top: 0.5rem;}
.inputItem__input *{font-size: 1rem;}
.inputItem__input+.inputItem__input{margin-top: clamp(0.5rem,1vw,0.8rem);}
.inputItem__input__tit{white-space: nowrap;margin-bottom: 0;font-size: clamp(0.875rem,1vw,1rem);min-width: 7rem;}
.inputItem__input__unit{white-space: nowrap;padding-left: 0.5rem;font-size: 1rem;font-weight: 500;margin-bottom: 0;}
.inputItem__input__tit.--must::after{content:"*";color:var(--red);}
.inputItemTips{font-size: 0.875rem;color:var(--red);margin-bottom: 0;}
.inputItemLink{padding:0.5rem 1rem;background: var(--black);white-space: nowrap;color:#fff;transition: var(--trans);border:none}
.inputItemLink:hover{background: var(--subColor);}
.inputItem__input input,.inputItem__input textarea,.inputItem__input select{width: 100%;border:1px solid #D3D3D3;padding:0.5rem 1rem}
input[readonly]{background-color:var(--gray-l);cursor:not-allowed;border:transparent}

.inputItem__label{display: flex;margin-bottom:clamp(0.5rem,1vw,0.9rem);}
.inputLink{font-size: 0.875rem;border-bottom: 1px solid #cbcbcb;color:var(--gray-d);transition: var(--trans);}
.inputLink:hover{color:var(--mjColor)}
.inputLink::after{margin-left: 0.3rem;}
.accountResult{margin-top: clamp(2rem,4vw,3.5rem);padding-bottom: clamp(1rem,2rem,2rem);text-align: center;border:1px dashed #a9bfe1}
.accountResult__tit{background: #e0eaf9;padding:0.8rem 1.125rem;color:var(--mjColor)}
.accountResult__con{margin-top: clamp(1rem,2vw,2rem);margin-bottom: clamp(2rem,3vw,3rem);}
.accountResult .fnBtn{padding:0.6rem 1.5rem;margin: 0 auto;}

/* !====會員註冊 */
.blockHeight--register .container{width: min(100%,87.5rem);align-items: stretch;gap:0}
.rgStepBx{width: clamp(18rem,25vw,25rem);padding:clamp(1rem,3vw,3.75rem);background:url(../images/all/rgBg.jpg) center bottom / cover;color:#fff;}
.rgMain{position: relative;flex:1;background: #fff;padding:clamp(1rem,4vw,3.75rem)}
.rgCon+.rgCon{margin-top: clamp(1rem,2vw,1.5rem);}
.rgCon.--group{background:var(--gray-lx2) ;padding: clamp(1rem,2vw,1.5rem) 0}
.rgMain__back{display: block;margin-top:calc(-1 * clamp(0.5rem,1vw,1rem));margin-bottom: 1rem;}
.rgMain__back:hover{color:var(--mjColor-l)}
.rgMain__back::before{margin-right: 0.5rem;}
.rgStepTit{margin-bottom: clamp(1.2rem,2.5vw,3rem);}
.rgStepTit__en{display: block;font-size: clamp(1.75rem,2.5vw,2.5rem);font-weight: 500;margin-bottom: 0rem;}
.rgStepTit__mj{font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight: 300;}
.rgTit{--sp:clamp(1.3rem,2.5vw,2rem);;text-align: center;padding-bottom: var(--sp);margin-bottom: var(--sp);border-bottom: 1px dashed var(--gray);}
.rgTit.--sm{width: min(100%,50rem);margin-left: auto;margin-right: auto;}
.rgTit__mj{display: block;font-size:clamp(1.375rem,2vw,2rem) ;color:var(--mjColor);font-weight: 700;margin-bottom: clamp(0.2rem,1vw,0.4rem);}
.rgTit__sub{font-size: clamp(0.875rem,1vw,1rem);color:var(--gray-d)}
.rgStep{position: relative;;list-style: none;padding-left: 0;counter-reset:num;}
.rgStep::before{content:"";position: absolute;left: 1.2rem;top:50%;transform: translateY(-50%);width: 1px;height: calc(100% - 1.25rem);border-right: 2px dotted rgba(255,255,255,0.5);}
.rgStep__item{position: relative;;display: flex;align-items: center;gap:clamp(0.5rem,1vw,0.8rem);font-size: clamp(0.875rem,1.5vw,1.25rem);padding:0.5rem 0;text-align: center;}
.rgStep__item.active::before{background: #fff;color:var(--mjColor);font-weight: 500;}
.rgStep__item::before{counter-increment:num; content:'0'counter(num);display: flex;align-items: center;justify-content: center;width: 2.5rem;aspect-ratio: 1/1;border-radius: 50%;border:1px solid;font-size: 0.93rem;font-family: 'Poppins';background: var(--mjColor);position: relative;z-index: 2;}
.rgStep__item+.rgStep__item{margin-top: clamp(1.2rem,2vw,1.5rem);}
.rgCon.--center{text-align: center;}
.rgCon__tit{font-weight: 600;font-size: clamp(1.125rem,1.5vw,1.25rem);margin:clamp(1rem,3vw,2.5rem) 0}
.rgCon__mt{font-weight: 600;font-size: clamp(1.125rem,1.5vw,1.25rem);margin-bottom: 0rem;text-align: center;}
.rgCon__con{font-size: clamp(0.93rem,1.2vw,1rem);color:var(--gray-d);margin-bottom: 3rem;}
.rgMain .termBx__date{margin-bottom: 1rem;padding-bottom: 1rem;}

.rgBtTxt{width: 100%;font-size:0.875rem;color:var(--red);margin-top: clamp(2rem,4vw,3.5rem);margin-bottom: clamp(1rem,2.5vw,2rem);background: #f9efef;padding:clamp(0.8rem,1vw,1rem)}
.rgBtTxt.--row2 .rgBtTxt__p{display: flex;align-items: flex-start;gap:0.5rem}
.rgBtTxt__p{margin-bottom: 0.5rem;}
.terms{background: var(--gray-lx2);padding: clamp(1rem,1.5vw,1.5rem)  clamp(0.6rem,2.5vw,2.5rem)}
.rgCon .terms{padding:0 clamp(0.6rem,1.5vw,1.5rem) 0 clamp(1rem,2.5vw,2.5rem)}
.rgCon  .btnWrap{width: 100%;}
.terms+form ,.rgCon +form{margin-top: clamp(2rem,3vw,2.5rem);}
.terms__item{max-height: clamp(16rem,20vw,20rem);overflow-y: scroll;padding-right: clamp(0.4rem,1.5vw,1.5rem);}
.terms__item p{font-size: clamp(0.875rem,1vw,1rem);}
/* 條款checkbox */
.blockHeight--apply .terms-checkbox{margin-top: clamp(0.8rem,1vw,1.2rem);}
.terms-checkbox{display:flex;justify-content: center;align-items:center;gap:0.5rem;cursor:pointer;user-select:none;font-size:clamp(0.875rem,1.3vw,1.125rem);color:var(--black);}
.terms-checkbox+.btnStyle{margin-top: clamp(2rem,4vw,3.5rem);}
.terms-checkbox input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.checkbox-custom{width:1.25rem;aspect-ratio: 1/1;display:inline-block;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,transform .08s ease;background:var(--gray-l);position:relative;flex:0 0 auto;}
.checkbox-custom::after{content:"";position:absolute;left:7px;top:2px;width:0.43rem;height:0.75rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .12s ease;pointer-events:none;}
.terms-checkbox input[type="checkbox"]:checked + .checkbox-custom{background-color:var(--black);}
.terms-checkbox input[type="checkbox"]:checked + .checkbox-custom::after{transform:rotate(45deg) scale(1);}
.scroll-hint{font-size:clamp(0.75rem,1vw,0.875rem);color:var(--red);text-align:center;margin-top:0.5rem;display:none;height: 0px;}
.scroll-hint.show{display:block;}
.agreeAllLabel{margin:clamp(1.5rem,2.5vw,2rem) 0 3rem}
.terms-checkbox input[disabled] + .checkbox-custom{background-color:var(--gray-l);opacity:0.5;cursor:not-allowed;}
.terms-checkbox input[disabled] ~ .terms-text{color:var(--gray);cursor:not-allowed;}
.terms-txt__term{padding:0 0.3rem}
/* file檔案樣式 */
.fileUpload{position: relative;;display:inline-flex;gap:10px;cursor:pointer;font-size:15px;color:var(--gray-d);border:1px dashed var(--gray);width:100%;padding-right: 2.5rem;}
.fileUpload input[type="file"]{display:none;}
.fileBtn{background:var(--black);color:#fff;padding:clamp(0.5rem,1vw,0.8rem) 1.25rem;transition:background 0.3s;display: flex;align-items: center;white-space: nowrap;}
.fileBtn.--delete{background: #fff;position: absolute;right: clamp(0.4rem,1vw,1rem);top: 50%; transform: translateY(-50%);}
.fileBtn.--delete:hover{background: transparent;}
.fileBtn.--delete:hover:before{opacity: .8;}
.fileBtn.--delete::before{content:"\F78A";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-size: clamp(1.125rem,1.5vw,1.375rem);position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);color:var(--gray)}
.fileBtn:hover{background:var(--subColor);}
.fileName{color:#666;font-size:14px;display: flex;align-items: center;word-break: break-all;padding: 0.4rem 0;}


/* !====會員中心 */
.blockHeight--member{padding-top:0 ;padding-left: 1.25rem;padding-right: 1.25rem;}
.blockHeight--member .container{display: block;--titH:clamp(5rem,8vw,7rem);margin-top: calc(-1* var(--titH));background: #fff;padding:0}
.memberTit{height: var(--titH);display: flex;justify-content: space-between;align-items: center;width: 100%;padding:0 clamp(1.25rem,3.5vw,3rem);border-bottom: 1px dashed var(--gray);}
.blockHeight--member .fnBtn{padding:0.5rem clamp(0.8rem,1.3vw,1.25rem)}
.memberTit__tt{font-size: clamp(1.5rem,2vw,2rem);color:var(--mjColor);font-weight: 700;margin-bottom: 0;}
.memberTit__tt.--orderNm{display: flex;align-items: center;gap:0.8rem}
.memberTit__tt.--orderNm::before{content:"";width: 0.6rem;aspect-ratio: 1/1;border-radius: 50%;background: var(--mjColor-l);}
.memberTit__tt.--orderNm span{font-weight:400;font-family:'Poppins';font-size:0.6em;color:var(--gray-d);padding:0.4rem 0.9rem;background:#efefef;border-radius:30px;margin-top: 0.2rem;}
.searchBx{display: flex;}
.memberCont{padding:clamp(2.5rem,4vw,3.75rem)  clamp(1.25rem,3.5vw,3rem);padding-bottom: clamp(3.5rem,5vw,6rem);background: #fff;}
.searchBx__form{display: flex;}
.searchBx__inner label{padding-right: 1rem;font-weight: 500;font-size: clamp(0.875rem,1vw,1rem);}
.searchBx__inner input{background: #efefef;height: 2.8rem;border:none;padding:0.2rem 1rem}
.searchBtn{border:none;/*width:2.8rem;aspect-ratio: 1/1;*/display: flex;align-items: center;justify-content: center;background: #efefef;gap: 0.5rem;padding-right: 0.8rem;}
.searchBtn::before{color:var(--black)}
/* 資訊清單樣式 */
.dtList{--xPd:clamp(1.2rem,2vw,2rem);}
.dtListTit{display: flex;justify-content: space-between;align-items: center;background: var(--gray-d);color:#fff;padding:0 var(--xPd)}
.dtListTit__tit{margin-bottom: 0;font-size: clamp(1rem,1.5vw,1.375rem);font-weight: 600;padding:clamp(1rem,2rem,1.6rem) 0}
.dtListTit__tit .tipsTxt{font-size: clamp(0.875rem,1vw,1rem);padding-left: 0.8rem;font-weight: 300;}
.dtListTit__control{position: relative;color:#fff;font-size: clamp(1rem,1.3vw,1.25rem);border:none;background: transparent;transition: var(--trans);}
.--open .dtListTit__control::after{transform: translate(-50%,-50%) scaleY(-1);}
.dtListTit__control::after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.dtListCon{background: #F4F4F4;padding:var(--xPd)}
.dtItemList{list-style: none;padding-left: 0;}
.dtItemList__item{display: flex;align-items: center;padding:clamp(1rem,1.5vw,1.2rem) 0;font-weight: 500;border-bottom:1px dashed #b5b5b5;}
.dtItemList__item input{border:none; padding: 0.6rem 1rem;}
.dtItemList__item .radioGroup{background: transparent;padding:0;}
.dtList__item+.inputWrap{margin-top: clamp(1.5rem,3vw,2rem);}
.dtList__item+.dtList__item{border-top: 1px solid  #a7a7a7;}
.dtItemList__item:last-of-type{border-bottom: none;}
.dtItemTit{display: flex;gap:0.8rem;align-items: center;font-size: clamp(1rem,1.3vw,1rem);width: 16rem;margin-bottom: 0;opacity: .7;}
.dtItemTit::before{content:"";display: block;width: 0.375rem;height: 0.375rem;background: var(--mjColor);}
.dtItemCon > * {margin-bottom: 0;font-size:  clamp(1rem,1.3vw,1rem)}
.dtItemCon.--imgbx{display: flex;flex-wrap: wrap;gap:0.6rem}
.dtItemCon__img{width: clamp(4rem,6vw,5rem);}
.dtItemCon__img img{width: 100%;}
.memberCont > .fnBtn ,.memberCont > .btnStyle{margin-top: clamp(2rem,4vw,4rem);}
/* 單選樣式 */
.radioGroup{display:flex;gap:2rem;align-items:center;padding:1rem;background:#e5e5e5;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;}
.radioLabel::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--black);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(--black);border-radius:50%;}


/* 表格樣式 */
table{width:100%; border-collapse: separate; border-spacing: 0 clamp(0.6rem,1vw,1rem)}
.ListTb{margin-top: calc(-1 * clamp(1rem,2vw,2rem));}
.ListTb .--wS{width:clamp(3rem,7.5vw,6.25rem);}
.ListTb .--wM{width:clamp(7rem,9vw,9rem) ;}
.ListTb .--wL{width:clamp(10rem,13vw,13rem) ;}
.ListTb .--tC{text-align: center;}
.ListTb .--tC a{margin-left: auto;margin-right: auto;}
.ListTb td,.ListTb th{padding:clamp(0.7rem,1vw,1rem) clamp(0.8rem,1.5vw,1rem);font-size: clamp(0.875rem,1vw,1rem);  vertical-align: middle;}
.ListTb th{font-weight: 600;white-space: nowrap;}
.ListTb th br{display: none;}
.ListTb td{color:var(--gray-d)}
.ListTb td:nth-child(2){white-space: nowrap;}
.ListTb thead th{border-bottom: 1px dashed var(--gray);}
.ListTb tbody tr{background: #F6F6F6;}
.ListTb tbody tr:hover{background: #E8EAF4;}
.ListTb tbody tr:hover td{color:var(--mjColor)}
.tbBtn{position: relative;;display: block;width: 2rem;aspect-ratio: 1/1;border-radius: 2px;background: var(--mjColor);color:#fff;transition: var(--trans);}
.tbBtn:hover{opacity: .8;}
.tbBtn::after{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.tbBtn.--light{background: var(--mjColor-l);}
.tbBtn.--more::after{content: "\f285";}
.tbBtn.--edit::after{content:"\F4C9"}
.orderNm{position: relative;margin-bottom: 0;}
.orderNm::before{content:"#"}
.orderStaus{color:var(--mjColor-l);display: flex;align-items: center;gap:0.5rem;margin-bottom: 0;}
.orderStaus::before{content:" \F10C";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.orderStaus.--status1{color:var(--red)}
.orderStaus.--status1::before{content:"\F332"}
.orderStaus.--status1::after{content:"會員未寄出貨品"}
.orderStaus.--status2::after{content:"會員已寄出貨品"}
.orderStaus.--status3::after{content:"卡售已收到貨品"}
.orderStaus.--status4::after{content:"貨品已寄海外賣場"}
.orderStaus.--status5::after{content:"海外貨品待上架"}
.orderStaus.--status6::after{content:"海外貨品已上架"}
.orderStaus.--status7::after{content:"海外貨品已售出"}
.orderStaus.--status8::after{content:"海外有物品重上架"}
.orderStaus.--status9,.orderStaus.--status10{color:#EF9133}
.orderStaus.--status9::before,.orderStaus.--status10::before{content:"\F638"}
.orderStaus.--status9::after{content:"等待買家付款"}
.orderStaus.--status10::after{content:"待匯款至台灣"}
.orderStaus.--status11{color:var(--gray-d)}
.orderStaus.--status11::before{content:"\F26A"}
.orderStaus.--status11::after{content:"已匯款結案"}
.orderStaus.--status12,.orderStaus.--status13{color:#fff}
.orderStaus.--status12::before,.orderStaus.--status13::before{content:"\F117";background:#715FB1;border-radius:50%;padding:0.12rem;display:flex;justify-content:center;align-items:center;}
.orderStaus.--status12::after{content:"物品退回寄回申請中";color:#715FB1;}
.orderStaus.--status13::after{content:"物品已退回寄回";color:#715FB1;}
.orderStaus.--status14::before{content:"\F52A"}
.orderStaus.--status14{color:#715FB1;}
.orderStaus.--status14::after{content:"物品鑑定中"}


/* !====送件申請 */
.blockHeight--apply .container{flex-direction: column;gap:clamp(1.5rem,2vw,2rem)}
.apStep{position: relative;width: min(100%,60rem);margin-left: auto;margin-right: auto;display: flex;align-items: flex-start;counter-reset:num;}
.apStep::before{content:"";position: absolute;left: 50%;transform: translateX(-50%);top:2rem;width: 70%;height: 1px;border-top: 1px dashed var(--gray);z-index: 1;}
.apStep__item{width: 100%;;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:1rem;font-size: clamp(0.875rem,1.6vw,1.125rem);background: var(--gray-lx2);transition: var(--trans);font-weight: 500;    white-space: nowrap;}
.apStep__item::before{counter-increment:num; content:'0'counter(num) ;position: relative;z-index: 2;;display: flex;align-items: center;justify-content: center;width: 3.75rem;aspect-ratio: 1/1;border-radius: 50%;background: var(--gray-lx2);border:1px solid var(--gray-d);color:var(--gray-d);font-family: 'Poppins';transition: var(--trans);}
.apStep__item.active{color:var(--mjColor)}
.apStep__item.active::before{background:var(--mjColor);color:#fff;border-color: var(--mjColor);}
.applyGp{width: 100%;}
.applyTit{width: 100%;margin-bottom: 0;padding:clamp(1.25rem,2vw,1.5rem);background: #E8EAF4;text-align: center;font-size: clamp(1.375rem,2vw,2rem);font-weight: 700;color:var(--mjColor);}
.applyTit::after{content:"";display: block;width: 1.75rem;height: clamp(0.15rem,0.3vw,0.2rem);background: var(--mjColor);border-radius: 4rem;margin:clamp(0.8rem,1vw,1rem) auto 0;}
.applyCont{padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3.5vw,3rem) clamp(1.25rem,3.5vw,3rem) ;background: #fff;}
.applyCont .rgTit__icon{margin-top: 0;}
.applyCont .btnWrap{margin-top:clamp(2rem,4vw,3.5rem);width: 100%;}
.applyCont .radioGroup{background: #f1f1f1;}
.applyCont .radioGroup.--card{gap:clamp(2rem,4vw,3.75rem);background: transparent;}
.applySubTit{margin-bottom: clamp(1.25rem,2.5vw,2rem);text-align: center}
.applySubTit__mj{font-weight: 600;;font-size: clamp(1.125rem,2vw,1.75rem);}
.applySubTit__sub{display: block;font-size: clamp(1rem,1.3vw,1.125rem);margin-top: clamp(0.8rem,1vw,1rem);}
.applySubTit__sub.--red{color:var(--red)}
/* 卡片radio樣式 */
.radioCard input[type="radio"]{display:none;}
.radioCard{position: relative;;width: 50%;border:2px solid #ebebeb;padding:0.625rem;margin-top: clamp(1rem,2vw,2rem);cursor: pointer;}
.radioCard__tick{--sph:1.625rem;position: absolute;right:var(--sph);top:var(--sph);background: #fff;border:2px solid var(--gray-l);width: 1.5rem;aspect-ratio: 1/1;border-radius: 0.1rem;}
.radioCard__tick::before{content:"";position:absolute;left:7px;top:0px;width:0.43rem;height:0.75rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .12sease;}
.radioCard__content{background-color: #f3f3f3;padding:clamp(1.5rem,2.5vw,2rem);text-align: center;}
.radioCard__icon{position: relative;top:1rem;display: block;width:clamp(4rem,6vw,5.625rem);margin:0 auto clamp(1rem,1.5vw,1.5rem);aspect-ratio:1/1;background-color:#999;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;transition:background-color 0.3s ease;}
.radioCard__icon.--icon01{mask-image:url(../images/member/card01.svg);-webkit-mask-image:url(../images/member/card01.svg);}
.radioCard__icon.--icon02{mask-image:url(../images/member/card02.svg);-webkit-mask-image:url(../images/member/card02.svg);}
.radioCardTit{margin-bottom: 0;font-size: clamp(1.25rem,2vw,1.5rem);font-weight: 500;}
.radioCardTit__en{display: block;margin-bottom: 0.5rem;opacity: 0.1;font-family: 'Poppins';font-size: clamp(1.5rem,2.5vw,2.5rem);}
.radioCard input[type="radio"]:checked + .radioCard__tick{background: var(--mjColor);border-color: var(--mjColor);}
.radioCard input[type="radio"]:checked + .radioCard__tick::before {    transform: rotate(45deg) scale(1.3);}
.radioCard input[type="radio"]:checked ~ .radioCard__content,.radioCard:hover .radioCard__content {background:#E8EAF4 ;}
.radioCard input[type="radio"]:checked ~ .radioCard__content .radioCardTit,.radioCard:hover .radioCardTit{color:var(--mjColor)}
.radioCard input[type="radio"]:checked ~ .radioCard__content .radioCard__icon,.radioCard:hover .radioCard__icon{background-color: var(--mjColor);}
.radioCard:has(input[type="radio"]:checked),.radioCard:hover{border-color:var(--mjColor);}
/* 卡片上傳 */
.fileGroup{width: 100%;}
.fileItem{display: flex;align-items: center;}
.fileItem+.fileItem{margin-top: clamp(0.5rem,1vw,1rem);}
.filebtn{position: relative;;width: clamp(4rem,4.5vw,4.5rem);aspect-ratio: 1/1;background: transparent;border:none;}
.filePreviewLink{max-width: 60px !important;}
.filebtn:hover{opacity: .7;}
.filebtn::before,.filebtn::after{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: clamp(1.875rem,2.5vw,2rem);transition: var(--trans);color:var(--gray)}
.filebtn.--add::before{color:#fff;z-index: 2;}
.filebtn.--add::after{content:"";width: clamp(2rem,3vw,2.5rem);aspect-ratio: 1/1;background: var(--subColor);border-radius: 50%;}
.apEndTxt{text-align: center;font-size: clamp(1.125rem,1.3vw,1.25rem);}
.apEndTxt__p{color:var(--gray-d);}
.apEndTxt__tit{font-size: clamp(1.125rem,2vw,1.5rem);margin:clamp(1.2rem,2vw,1.5rem) 0}
.apEndTxt__tit.--tB{font-weight: 700;}
.apEndTxt__tips{display: flex;align-items: center;gap:0.5rem;margin:0 auto clamp(1rem,1.5vw,1.5rem);padding:0.3rem 1rem;width: fit-content;;background:#FDF2F2 ;color:var(--red);text-align: left;font-size: clamp(1rem,1.2vw,1.25rem);}
.apEndTxt__note{font-weight: 700;color:var(--gray-d);font-size: clamp(1rem,1.2vw,1.25rem);}

/* !====申請流程*/
.blockHeight--guide .container{display: block;counter-reset:num;}
.guideMj{text-align: center;margin-bottom: clamp(2.5rem,3vw,3.5rem);}
.guideMj__mj{display: block;font-size: clamp(1.5rem,2.5vw,1.875rem);font-weight: bold;color:var(--mjColor);margin-bottom: clamp(0.2rem,1vw,0.5rem);}
.guideMj__sub{font-size: clamp(1rem,1.3vw,1.125rem);line-height: 1.3;}
.guideMj__sub br{display: none;}
.guideGroup{width: 100%;margin-bottom: clamp(2rem,4vw,3.5rem);}
.guideTit{margin-bottom: clamp(1.5rem,2vw,2rem);}
.guideTit__mj{display: flex;gap:clamp(0.5rem,1.5vw,1rem);align-items: center;white-space: nowrap;font-weight: bold;font-size: clamp(1.375rem,2.5vw,1.875rem);}
.guideTit__mj::before{counter-increment:num;content: '0'counter(num);width:clamp( 2.4rem,3vw,2.8rem);aspect-ratio: 1/1;background: var(--mjColor);color:#fff;display: flex;align-items: center;justify-content: center;font-size: clamp(0.93rem,1.3vw,1.25rem);border-radius: 50%;font-weight: 400;flex: 0 0 auto;}
.guideTit__mj::after{content:"";width: 100%;height: 1px;background: var(--gray);}
.guideTit__sub{display: block;margin-top: clamp(1.25rem,2vw,2rem);font-size: clamp(1rem,1.3vw,1.125rem);text-align: center;line-height: 1.5;}
.guideTit__sub br{display: none;}
.guideImg__tit{text-align: center;font-size: clamp(1rem,1.3vw,1.125rem);color:var(--mjColor);margin-bottom: clamp(0.8rem,2vw,1.5rem);font-weight: 500;line-height: 1.7;}
.guideImg__img{position: relative;;width: min(90%,45rem);margin: 0 auto;display: block;}
.guideImg__img+.guideImg__tit{margin-top: 1rem;}
.guideImg{position: relative;}
.guideImg__img::before{content:"\F62C";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display: flex;align-items: center;justify-content: center;position: absolute;right:0.5rem;bottom:0.5rem;background: var(--black);color:#fff;width: clamp(2rem,3vw,2.2rem);aspect-ratio: 1/1;font-size: 1rem;border-radius: 0.5rem}
.guideImg__img img{width: 100%;height: 100%;object-fit: contain;}
.guideImg+.guideImg{margin-top: clamp(1.5rem,2vw,2rem);}
.guideImg-web{display: block;}
.guide-mb{display: none;}

/* !====條款樣式*/
.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);}
.termFirt + p{font-weight: 500;font-size: clamp(0.875rem,1.5vw,1rem)}
.termUl-1 > li > p{font-weight: 500;color:var(--black);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;font-weight: 600;color:var(--black);font-size: clamp(0.875rem,1.5vw,1rem);}
.termUl-2 > li::before{content:counter(term2) ". ";font-weight:normal;margin-right:0.3em;}
/* 第三層：a. b. c. */
.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;}

/* !====popUp燈箱 */
.popUpWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;align-items: center;justify-content: center;}
.popUpWrap .js-mask{position: absolute;left: 0;right: 0;width: 100%;height: 100%;z-index: -1;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(.25rem);backdrop-filter: blur(.25rem);}
.popUpWrap__inner{position: relative;max-width: 1000px;width:min(90%,40rem);max-height: calc(100% - 3rem);overflow: hidden;overflow-y: auto;background: #fff;}
.popUpWrap__inner .close{cursor: pointer;display: flex;align-items: center;justify-content: center;width: 3.5rem;aspect-ratio: 1;border-radius: 0;background: var(--mjColor);color:#fff;position: absolute;right:0rem;top:0;}
.popUpWrap__inner .close::after{content:'\F659';font-family: bootstrap-icons;}
.popUpWrap__inner img{max-width:100%}
.popUpTit{padding:clamp(0.3rem,1vw,1rem);background: var(--mjColor);color:#fff;text-align: center;}
.popUpCon{padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,2rem) ;text-align: center;}
.popUpCon .fnBtn{margin-top: clamp(2.5rem,4vw,3.5rem);}
.user-email{padding:0.2rem 0.6rem;background: var(--gray-l); }

/* !====頁碼*/
.pagination{display:flex;justify-content:center;gap: 0.8rem;flex-wrap: wrap;margin: 0;padding: clamp(2rem,5vw,5rem) 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;}
.pagination .on a{color: #fff;background: var(--mjColor);}
.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;;}


/* !====滾軸樣式 */
::-webkit-scrollbar{width:.25rem;/*右側捲軸寬度*/height:.25rem;/*下方捲軸高度*/}
/* 軌道背景底色 */
::-webkit-scrollbar-track{background:rgba(0 0 0 / 10%);}
/* 滑桿樣式 */
::-webkit-scrollbar-thumb{background:var(--gray-d);border-radius:.5rem;}
::-webkit-scrollbar-thumb:hover{background:var(--gray-d);opacity:.8;transition:all .5s;}
/* 捲軸兩側頂端的按鈕 */
::-webkit-scrollbar-button{display:none;background-color:var(--gray-d);}
::-webkit-scrollbar-button:hover{background-color:var(--gray-d);}

/* !====編輯器 */
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;line-height: 1.8;font-weight: 400;}
.tx01 strong{font-weight: bold;}
.tx01 figure{border-radius: var(--radius);overflow: hidden;}
.text{padding:1rem 0;}
.tx01:last-child{margin-bottom:0;padding-bottom:0;}
.pageContent table { max-width:100%;width: 100%;}
.img-left,.img-right{display: flex;align-items: center;gap: clamp(1rem, 3vw, 3rem)}
.img-left figure,.img-right figure{width: calc(50% - .5rem);}
.img-right{flex-direction: row-reverse}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width: calc(50% - .5rem);}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;width: auto;}
.tx01 a{color: #242f8a;text-decoration: underline;}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding: 1rem 0;font-size: 1rem;}
.tx01 img{max-width:100%;width: 100%;;max-height:100%;height:auto!important;border-radius: var(--radius-m);}
.tx01 iframe{overflow:hidden;width: 100%; aspect-ratio: 16/9;border-radius: var(--radius-m)}

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

    /* !====footer */
    .ftList__top{flex-wrap: wrap;gap:3.5rem}
    .ftBtn{display: flex;gap:0.8rem}
    .ftBtn__item+.ftBtn__item{margin-top: 0;}

    /* !====會員中心 */
    /* 表格樣式 */
    .ListTb th br{display: block;}

}

@media screen and (max-width: 992px) {
    /* !====banner */
    .pgBanner .container{flex-direction: column;align-items: flex-start;gap:1rem}
    .featureList{flex-wrap: wrap;}
    .featureList__item{width: 50%;border-color: #d9d9d9;}
    .featureList__item:nth-child(3),.featureList__item:nth-child(4){border-top: 1px solid #d9d9d9;}
    .featureList__item:nth-child(3){order:4;border-right: none;}
    .featureList__item:nth-child(4){order:3;border-right:  1px solid #d9d9d9;;}
    .featureList__item:nth-child(2){border-right: none;}


     /* !====側選單 */
    .pgContent .container{flex-direction: column;}
    .pgContent .container.--col .sideToggle{display: none;}
    .sideToggle{display: block;}
    .sidebar{width: 100%;position: relative;top:auto}
    .sideNav{display: none;margin-top: 0.8rem;}
    .sideNavWrap.--isOpen .sideNav{display: block;}

    /* !====footer */
    footer{flex-direction: column;  }
    .ftInfo{  width: 100%;flex-direction: row;gap:3rem}
    .copyright{text-align: center;}
    .ftBtn{margin:0 auto}
    .ftNav{width: 100%;flex-wrap: wrap;gap: 0}
    .ftNav__item{width: 50%;}
    .ftNav__item:last-of-type{width: 100%;display: flex;flex-wrap: wrap;}
    .ftNav__item .ftNavLink[href]:not([href="#"]){width: 50%;padding: 0.4rem 0;}

    /* !====登入 */
    .blockHeight--login .container{flex-direction: row;}
    .inputItem.--half{width: 100%;}

    /* !====會員註冊 */
    .rgStepBx{width: 100%;}
    .rgStep{display: flex;align-items: flex-start;justify-content: center;margin-bottom: 0.5rem;}
    .rgStep::before{width: 80%;height: 1px;top:1.7rem;left: 50%;;transform: translate(-50%,0);border-top: 2px dotted rgba(255,255,255,0.5);}
    .rgStep__item+.rgStep__item{margin-top: 0;}
    .rgStep__item{flex-direction: column;width: 100%;}
    .rgStepTit{text-align: center;}
    .inputItem__input.--mcol{flex-direction: column;align-items: flex-start;}

    /* !====FAQ */
    .accordionWrap__item{--num:1;--gap:0}

     /* !====會員中心 */
    .ListTb th:nth-child(5),.ListTb td:nth-child(5){display: none;}
    .ListTb th 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}
    /* !====編輯器 */
    .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%;}


    /* !====首頁 - 關於卡售*/
    .ixAbout{flex-direction: column;}
    .ixAbout__txt{text-align: center;}
    .ixAbout__txt .mjTit__en{justify-content: center;}
    .ixAbout__txt .btnStyle{margin:0 auto}
    .ixAbout__img{width: min(100%,24rem);}
    .ixAbmTit .mb{display: block;}
    .ixAbmTit .wb{display: none;}
    /* !====首頁 - 海外平台*/
    .ixPlList__item{width: 100%;}


    /* !====聯絡我們 */
    .contactCard{flex-direction: column;}
    .contactCard__item+.contactCard__item{border-top: 1px solid rgba(255,255,255,0.3);}
    .contactCard__item.--active::before{display: none;}
    .contactCard__item.--active .contactIcon{background:rgb(2 2 2 / 60%)}
    .contactCard__item.--active .contactTit{color:#fff;font-weight: 400;letter-spacing: 0.02em;}
    .contactCard__item.--active .contactCon{color:#fff;font-weight: 400;}
    .formTit__sub br{display: none;}
    .formGroup__item--half{width: 100%;}

    /* !====登入 */
    .blockHeight--login .container{flex-direction: column;}
    .blockHeight--login .btnStyle{margin-left: auto;margin-right: auto;}
    .toRg{width: 100%;}
    .toRgLogo{display: none;}
    .loginTit{text-align: center;}
    .toRgTit__en{opacity: .5;}

     /* !====會員中心 */
    .memberBanner .container{flex-direction: column; align-items: flex-start;gap: 1.5rem;}
    .memberTit.--center{flex-direction: column;height: auto;padding-top: 1.5rem;padding-bottom: 1.5rem;gap:1.5rem}
    .memberTit__tt.--orderNm span{display: none;}
    .ListTb th:nth-child(7), .ListTb th:nth-child(2), .ListTb th:nth-child(3),.ListTb th:nth-child(4), .ListTb td:nth-child(7), .ListTb td:nth-child(2),.ListTb td:nth-child(3),.ListTb td:nth-child(4){display: none;}
    .searchBx__form{position: relative;;align-items: flex-end;}
    .searchBtn{height: 2.75rem;position: absolute;right:0;bottom:0;z-index: 1;}
    .searchBx__inner{text-align: center;}
    .searchBx__inner label{padding-bottom: 0.5rem;padding-right: 0;display: none;}
    .searchBx__inner input{width: 100%;padding-right: 3.2rem;}

}


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

    /* !====banner*/
    .bnCont{flex-direction: column;}
    .bnContTxt, .bnContImg{width: 100%;}
    .bnContTxt{padding-left: 1.125rem;padding-right: 1.125rem;padding-bottom: 1rem;}
    .banner .swiper-pagination{bottom:10%;text-align:center;left:0;}
    .bn_minTxt::before{display: none;}
    .bnContTxt{text-align: center;}
    .bnContTxt .btnStyle{margin:0 auto}
    .bn_minTxt{justify-content: center;}

    /* !====首頁 - 申請流程*/
    .blockHeight.--ixPc{padding-top: 2rem;}
    .ixPcList{flex-direction: column;width: min(100%,20rem);margin-left: auto;margin-right: auto;margin-top: 3rem;gap: 1rem;}
    .ixPcList::before{width: 1px;height: 80%;border-top: none;border-left: 1px dashed #A6A6A6;left: 1.2rem;top:50%;transform: translate(0,-50%);}
    .ixPcList__item{display: flex;align-items: center;}
    .ixPcList__item::before{margin-left: 0;margin-right: 0;flex: 0 0 auto;}
    .ixPcIcon{margin-left: clamp(1.5rem, 3vw, 2rem);margin-right: clamp(1.5rem, 4vw, 3rem);width: 4rem;}
    .ixPcTxt{text-align: left;font-size: 1rem;}

    /* !====申請流程*/
    .guideMj__sub br{display: block;}
    .guideImg-web{display: none;}
    .guide-mb{display: block;}
    .guideImg__img::before{display: none;}
    .guideTit__sub br{display: block;}

    /* !====送件申請 */
    .applyCont .radioGroup.--card{flex-direction: column;gap:0.5rem}
    .radioGroup.--card .radioCard{width: 100%;margin-top: 0;}
    .radioCardTit__en{display: none;}
    .radioCard__icon{margin-top: -1rem;margin-bottom: 1.5rem;}
    .btnWrap.--mcol{flex-direction: column;}
    .btnWrap.--mcol .btnStyle{width: 100%;}
    .applyCont .btnWrap .btnStyle{justify-content: center;}

    /* !====footer */
    .ftInfo{flex-direction: column;gap:0.5rem}
    .copyright{padding-right: 2rem;padding-left: 2rem;}

     /* !====會員中心 */
    .memberBanner{background: url(../images/member/m-memberBg.jpg)no-repeat right center / cover;}
    .blockHeight--member{padding-left: 0.875rem;padding-right: 0.875rem;}
    .mbFnWrap{width: 100%;}
    .mbFnWrap .fnBtn{width: 100%;justify-content: center;}
    .mbFnWrap .fnBtn::after{display: none;}
    .dtItemList__item{flex-direction: column;gap:1rem;align-items: flex-start;}
    .dtItemCon{width: 100%;text-align: left;}
    .dtListCon:not(.--edit){padding-top: 0;padding-bottom: 0;}

    /* !====條款樣式*/
    .termBx__tit br{display: block;}
    .terms{padding:clamp(1rem,1.5vw,1.5rem)  clamp(0.1rem,2.5vw,2.5rem) clamp(1rem,1.5vw,1.5rem)   clamp(1rem,2.5vw,2.5rem)}
    .termFirt{text-align: center;}


     /* !====會員註冊 */
    .rgStep__item  span{display: none;}

}


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