@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
	--color__main:#6A8767;
	--color__greb:#f1f1f1;
	--color__sec:#EC7610;
}
/* CSS Document */
body{font-family:'Inter','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}
body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;pointer-events:none;opacity:0;-webkit-transition:1s cubic-bezier(0.42,0,0.58,1);transition:1s cubic-bezier(0.42,0,0.58,1)}
body.page-fade::after{opacity:1}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#777}
*{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}
img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:auto;max-width:100%}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width: clamp(40px,3vw, 58px);height: clamp(40px,3vw, 58px);line-height: clamp(36px,2.8vw, 54px);text-align:center;background: #000;transition: all .3s;}
#goTop:hover{background:#999;color:#FFF}

#goTop svg{
	width: 28px;
}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.tableContainer{width:100%;overflow-x: scroll;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/* submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 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:2rem 0;}

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

/* 主內容區 */
.main{
	margin-top: 102px;
	min-height: calc(100% - 102px - 233px);
}

/* 標題 */
.bigTitle{}
.mainTilte{}

/*banner*/
.banner{}
.banner__box{position:relative}
.bannerTitle{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.pgBanner{}

/* 首頁產品 */
.blockHeight--product{}

/* 產品列表 */
.pdPages .mainContent{
	display: flex;
}
.pdtLis{}
.pdtLis__item{}
.pdtName{}

/* header */
header.navbar{background-color:var(--color__main)}
header.navbar .navbar-toggler{filter:brightness(20);border:1px solid #fff}
header.navbar .navbar-nav .nav-link .bi{font-size:26px}
header.navbar .navbar-nav .nav-link{color:#FFF;font-size:20px;font-style:normal;font-weight:700;line-height:normal}
header.navbar .nav-item{padding:0 8px}
header.navbar .nav-item + .nav-item{position:relative}
header.navbar .nav-item + .nav-item::after{content:'';display:block;width:1px;height:16px;background-color:#fff;position:absolute;left:0;transform:translateY(-50%);top:50%}
header.navbar .navbar-brand img{max-width:125px}
/* footer */
.ftLogo{max-width: 96px;margin-right: clamp(30px,5vw,80px);}
.ft{background:var(--color__main);color:#fff;padding:clamp(24px,2.5vw,44px) 0;}
.ft .container{display: flex;}
.ft .ftText{display: flex;align-items: flex-end;    justify-content: space-between;width: 100%;}
.ft .ftInto{display: flex;flex-direction: column;padding-left: 0;list-style: none;margin-bottom: 0;}
.ft .ftInto .link{color: #fff;}
.ft .ftInto .link:hover{color:rgba(255,255,255,.5); text-decoration:none;}


/* 麵包屑 */
.breadCrumb{margin-bottom:clamp(30px,2vw,60px)}
.breadCrumb .breadCrumb__item{color:#000;font-size:18px;font-style:normal;font-weight:400;line-height:normal}
.breadCrumb .breadCrumb__item.active{color:var(--color__main)}

/* 產品搜尋 */
.pdSearchFrom{margin-bottom: clamp(30px,4vw,60px);}
.searchBox{display:flex;padding: clamp(20px,2vw,34px)  clamp(32px,5vw,120px);background-color:var(--color__greb)}
.searchBox__text{color:var(--color,#8F8F8F);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:normal;padding: clamp(10px,1.5vw,20px)  clamp(14px,2vw,30px);border:2px solid #D9D9D9;background:#FFF;flex-grow:1;margin-right:5px}
.searchBtn{margin:0 5px;background-color:var(--color__main);border:#ffdead;color:#fff;padding:0 20px;font-size: 20px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.searchBtn:hover{opacity: 0.8;color: #fff;}
.adv__searchBtn{margin:0 5px;background-color:var(--color__sec);border:#ffdead;color:#fff;padding:0 20px;font-size: 20px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.adv__searchBtn:hover{opacity: 0.8;color: #fff;}
.adv__searchBox{padding:0 clamp(32px,5vw,120px);background-color:var(--color__greb);}
.searchBox__list:first-child{border-top:1px solid #D9D9D9}
.searchBox__list{display:flex;align-items: center;border-bottom: 1px solid #eee;}
.searchBox__list label{text-align: center;}
.searchBox__list--acdc label{width: 70px;}
.searchBox__list--dcdc label{/* width: 110px; */}
.searchBox__listTitle{width: 214px;padding: 12px;font-weight: 400;color: #000;font-size: 18px;position: relative;display: flex;align-items: center;}
.searchBox__listTitle::before{content: '';display: block;width: 10px;height: 10px;background-color: var(--color__sec);margin-right: 10px;}
.searchBox__listItem{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;width: calc(100% - 250px);padding: 8px 0;/* background: #f3f5f8; */}
.searchBox__Option{margin: 5px 2px;}
.searchBox__Option label{background: #d9d9d9;padding: 10px 16px;font-size: 18px;}
.searchBox__Option.unactive{color: #000;;background: var(--color__greb);pointer-events: none;opacity: .4;}
.searchBox__Option input{display:none}
.searchBox__Option i{margin-right:5px;font-size: 13px;color: #d4d8dc;}
.searchBox__Option.active{color:#fff}
.searchBox__Option.active label{background:var(--color__main)}
.searchBox__Option.active i{color:var(--color__main)}
.selectResult{margin-top: 100px;}
.selectResult__num span{color:var(--color__main);margin-left: 10px;}

.searchBox__list +.searchBox__list{
	border-top: 1px dashed #D9D9D9;
}

/* 側選單 */
.sidebarBtn{background:#000;color:#fff;display:block;padding:16px 26px;font-size:20px;font-style:normal;font-weight:700;width:100%}
.sidebar{min-width:280px;margin-right:clamp(40px,5vw,80px)}
.sideNav{padding-left:0;list-style:none}
.sideNav__item{font-size:18px;font-style:normal;font-weight:700;background-color:#f1f1f1;border-top:1px solid #fff}
.sideNav__item .sideNavLink{padding:10px 26px;display:block}
.sideNav__item .sec_sideNav .sideNavLink{padding-left:36px}
.sideNav__item--active,.sideNav__item:hover,.secBtn{position:relative}
.secBtn::after{content:'';display:block;width:12px;height:12px;border-width:3px;border-style:solid;border-color:#000 #000 transparent transparent;transform:rotate(135deg) translate(-50%,-50%);position:absolute;right:20px;top:calc(50% - 6px)}
.secBtn.show{background-color:var(--color__main);color:#fff}
.secBtn.show::after{border-color:#fff #fff transparent transparent}
.sideNav__item--active .sideNavLink,.sideNav__item:hover > .sideNavLink{color:#000}
.sec_sideNav{background-color:#D5E2D3;padding-left:0;list-style:none;display: none;}
.secBtn.show +.secList .sideNav__item{background:#D5E2D3}
.sec_sideNav .sideNav__item--active{color:var(--color__main)}
.sec_sideNav .sideNavLink.active,.sec_sideNav .sideNavLink:hover{color:var(--color__main)}
/* layout--頁面主內容區 */
.mainCenter{display: flex;justify-content: space-between;width: 100%;}



/* 共用元素 */
.btnSave{transition:opacity .3s;padding:7px 36px;color:#FFF;font-size:18px;font-weight:700;border-radius:0;background-color:var(--color__sec)}
.btnSave:hover{opacity:.8;background:var(--color__sec);color:#fff}
.btnLogIn{background-color:var(--color__main);transition:opacity .3s;padding:7px 36px;color:#FFF;font-size:18px;font-weight:700;border-radius:0}
.btnLogIn:hover{opacity:.8;background:var(--color__main);color:#fff}
.btnBack{color:#FFF;font-size:18px;font-style:normal;font-weight:700;line-height:normal;background:#000;padding:12px 36px;display:inline-flex;align-items:center;transform:translateX(-50%);left:50%;position:relative}
.btnBack:hover{opacity:.8;background:#000;color:#fff}

/* 共用元素--表單 */
.form-control{color:#000;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:normal;border:#ffdead;margin-bottom:10px}
.form-control::placeholder{background-color:#fff}
.form-control:-internal-autofill-previewed,.form-control:-internal-autofill-selected{-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0!important}
.form-control[type="password"]{position:relative}
.form-control[type="password"] + .bi{cursor:pointer}
.formGroup__item{display:flex;align-items:center;margin-bottom:2.5rem;gap:1rem;border-bottom:1px solid}
.formGroup__item__radio{align-items:center}
.formGroup__item >label{flex-shrink:0;width:115px}
.form-control:disabled{color:#8F8F8f;background-color:transparent}
.form-control:focus{border-color:transparent}
.formGroup__item > label{color:var(--color,#8F8F8F);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;width:160px}
.custom-radio{display:flex;align-items:center}
.custom-radio label{display:inline-block;margin-left:10px}
.custom-radio input{width:20px;height:20px}
.formGroup__item__checkbox{display:flex;margin-bottom:clamp(30px,6vw,100px);align-items:center}
.formGroup__item__checkbox .form-checkbox{width:20px;height:20px}
.formGroup__item__checkbox .form-checkbox[type=checkbox]{margin-right:5px;cursor:pointer;font-size:14px;width:20px;height:20px;position:relative}
.formGroup__item__checkbox .form-checkbox[type=checkbox]:after{position:absolute;width:20px;height:20px;top:0;content:" ";background-color:#eee;color:#fff;display:inline-block;visibility:visible;padding:0 3px;border-radius:3px;padding-left:5px}
.formGroup__item__checkbox .form-checkbox[type=checkbox]:checked:after{content:"✓";font-size:14px;background-color:var(--color__main)}

/* 頁碼 page_number */
.pageNumber{display:flex;justify-content: flex-end;flex-wrap: wrap;padding: 1rem 0;gap: 1rem;}
.pageNumber a{display: block;aspect-ratio:1;height: 2rem;text-align: center;padding: 0.25rem;transition:0.3s all;}
.pageNumber a:hover,.pageNumber a.on{background:var(--color-1);color:#fff;border-radius: 0;background: #000;}
.pageNumber__top{/* width: 100%; */display: flex;align-items: center;justify-content: flex-end;margin-left: auto;}
.pageTotal{text-align: center;}
.pageTotal span{color:var(--color__main)}
.pageEnter{border-left: 1px solid #d9d9d9;padding-left: 15px;margin-left: 15px;}
.pageEnter form{display: flex;align-items: center;}
.pageEnter input{width:40px;margin:0 5px;border-radius:0;border:1px solid}
.pageEnter input:focus-visible{outline:none}

/* 產品列表 */
.pdtBox{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}
.pdtBox__item{border:1px solid #D9D9D9;background: #D9D9D9;display: flex;flex-direction: column;}
.pdtBox__item:hover .pdtTitle{background-color:var(--color__main);color:#fff}
.pdtCover{text-align:center;margin-bottom: 0;background: #fff;/* min-height: 250px; */display: flex;align-items: center;justify-content: center;}
.pdtCover__pic{height: 250px;aspect-ratio: 550/450;object-fit:cover;}
.pdtBox__item__infor{background:#D9D9D9;display:flex;align-items:stretch;justify-content:space-between;height: 100%;}
.pdtBox__item__infor .arrow{position:relative}
.pdtBox__item__infor .arrow::after{content:'';border-color:#fff #fff transparent transparent;border-width:5px;border-style:solid;width:20px;height:20px;display:block;transform:rotate(45deg) translate(-50%,-50%);left:26%;top:55%;position:absolute}
.pdtTitle{color:#000;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal;padding:7px 20px;transition:all .3s;display:flex;width:100%;align-items:center}
.pdtBox__item__infor .arrow{width:60px;background:#000;flex-shrink:0;min-height:54px}


/* 產品底層 */
.pdDetailPages .mainContent{display:flex}
.pdDetailPages .slider-nav-thumbnails img{width:100%}
.pdDetailPages .slider-nav-thumbnails{margin:0 -4px}
.pdDetailPages .slider-nav-thumbnails .slick-slide{border:1px solid #D9D9D9;margin:4px;cursor:pointer;transition:filter .3s}
.pdDetailPages .slider-nav-thumbnails .slick-slide:hover{filter:brightness(0.9)}
.pdDetailPages .slick-next{position:absolute;right:0;bottom:0;background:#fff;border:1px solid #8F8F8F;width:52px;height:36px;transform:unset;top:unset}
.pdDetailPages .slick-prev{position:absolute;right:51px;bottom:0;background:#fff;border:1px solid #8F8F8F;width:52px;height:36px;transform:unset;top:unset;left:unset;z-index:1}
.pdDetailPages .slick-prev,.pdDetailPages .slick-next{transition:all .3s}
.pdDetailPages .slick-prev:hover,.pdDetailPages .slick-next:hover{background-color:#8F8F8F}
.pdDetailPages .slick-prev:hover::after,.pdDetailPages .slick-next:hover::after{border-color:#fff #fff transparent transparent}
.pdDetailPages .slick-prev::after{content:'';display:block;width:16px;height:16px;border-width:5px;border-style:solid;border-color:#8F8F8F #8F8F8F transparent transparent;transform:rotate(225deg) translate(-50%,-50%);position:absolute;left:calc(50% - 3px);top:-1px}
.pdDetailPages .slick-next:after{content:'';display:block;width:16px;height:16px;border-width:5px;border-style:solid;border-color:#8F8F8F #8F8F8F transparent transparent;transform:rotate(45deg) translate(-50%,-50%);left:auto;top:50%;position:absolute;left:calc(50% - 10px);top:calc(50% + 4px)}
.pdDetailPages .slick-prev:before,.pdDetailPages .slick-next:before{display:none}
.pdDetailPages .slider{border:1px solid #D9D9D9;margin-bottom:30px;position:relative}
.pdContent{width:70%}
.pdTop{display:flex;margin-bottom:clamp(20px,4vw,52px)}
.pdPicBox{width:50%}
.pdInto{width:50%;padding-left:60px}
.pdInto .pdTit{color:var(--color__main);font-family:'Inter';font-size:28px;font-style:normal;font-weight:700;line-height:33.6px}
.pdInto .decPic{text-align:right;border-bottom:1px solid #d9d9d9;padding-bottom:14px;margin-bottom:24px}


/* 會員登入 */
.logInPages .container.pageTit{color:#000;font-size:clamp(22px,2.5vw,32px);font-style:normal;font-weight:700;line-height:normal;padding:3vw 13vw 0}
.logInPages .container{display:flex;justify-content:space-between;align-items:flex-start;padding:0 13vw}
.logInPages .logo{width:clamp(200px,21vw,284px);padding-left:60px}
.logInPages .btnLogIn{margin-bottom:150px}
.logInFrom{padding-left:0;position:relative;margin-top:clamp(40px,5vw,80px)}


/* 會員專區 */
.memInfoPages .pageTitBox{background:#F1F1F1}
.memInfoPages .pageTitBox>.container{display:flex;align-items:center;justify-content:space-between;padding-top:clamp(30px,6vw,110px);padding-bottom:clamp(18px,2.5vw,34px)}
.memInfoPages .main_content{display:flex;align-items:flex-start;margin-top:clamp(30px,5vw,100px);margin-bottom:clamp(30px,4vw,80px)}
.memInfoPages .pageTit{color:#000;font-size:clamp(22px,2.5vw,32px);font-style:normal;font-weight:700;line-height:normal;margin:0}
.memInfoPages .picBox{width:clamp(110px,10vw,136px);height:clamp(110px,10vw,136px);background-color:var(--color__main);display:flex;align-items:center;justify-content:center;padding:10px;margin-right:clamp(30px,6vw,114px);flex-shrink:0;margin-bottom:20px}
.memInfoPagesFrom{width:100%}
.editorTab th{background:#000;color:#FFF;text-align:center}
.editorTab th,.editorTab td{padding:16px;vertical-align:middle;text-align:center}
.editorTab .gText{color:#8F8F8F}
.editorTab .tag{color:#8F8F8F;background:#D9D9D9;border-radius:4px;padding:3px 12px;display:inline-block}
.editorTab td{background-color:transparent}
.editorTab td p{margin-bottom:6px}
.editorTab tbody tr:nth-child(odd){background-color:#F1F1F1}

/* RWD */
@media (max-width:1480px) {
	.ft .ftText{flex-direction:column;align-items:flex-start}
	.copyright{margin-top:14px;padding-top:14px;border-top:1px solid #fff;width:100%}
}
@media (max-width:1199px) {
	/* 會員登入 */
	.logInPages .container{padding: 0 30px;	}
	/* 產品列表 */
	.pdtBox {grid-template-columns: repeat(2,1fr);}
}
@media (max-width:991px) {
	/* header */
	.main{margin-top: 44px;}
	header.navbar .navbar-nav{margin-top:20px;padding-top: 0;border-top:1px solid #fff}
	header.navbar .nav-item + .nav-item{border-top:1px dashed #fff}
	header.navbar .nav-item + .nav-item::after{display:none}
	header.navbar .navbar-nav .nav-link{padding:10px 0;font-size: 15px;}
	header.navbar .navbar-nav .nav-link .bi {font-size: 22px;}
	header.navbar .navbar-brand img{max-width: 76px;}
	/* footer */
	.ft .container{flex-direction:column}
	.ft .ftInto .link{font-size: 14px;}
	.copyright{font-size: 14px;}

	/* 側選單 */
	.sidebar{margin-right: 0;}
	.sidebarBtn{padding: 8px 16px}
	.sideNav{max-height: 240px;overflow-y: auto;}

	/* 通用元素 */
	.btnSave{font-size: 15px;padding: 4px 12px;}
	.btnLogIn{font-size: 15px;padding: 4px 12px;}
	.btnBack{font-size: 15px;padding: 4px 12px;}
	
	.formGroup__item{margin-bottom: 0.8rem;}

	.btnBack svg{ width: 12px;}

	/* 主內容區 */
	.mainContent{flex-direction: column;}

	/* 產品搜尋 */
	.searchBox{display:flex;flex-wrap:wrap}
	.adv__searchBox{max-height:240px;overflow-y:auto}
	.searchBox__text{width:100%;flex-shrink:0;margin-bottom:10px}
	.searchBtn{padding:6px 20px;flex-grow:1;margin-left:0}
	.adv__searchBtn{padding:6px 20px;flex-grow:1;margin-right:0}
	.searchBox__list{align-items:flex-start;flex-direction:column}
	.searchBox__listTitle{padding-bottom:0}
	.searchBox__listItem{width:100%;padding-top:0}
	.searchBox__Option label{padding:4px 8px;font-size:15px}

	/* 產品詳情 */
	.pdContent{width:100%}
.pdInto{padding-left:30px}
.pdDetailPages .product_show_into_content{padding-left:0}
.pdDetailPages .product_show_into_pic{margin-bottom:20px}
.editorTab th,.editorTab td{padding:10px}

	/* 會員專區 */
	.memInfoPages .main_content{flex-direction:column}
}

@media (max-width:768px) {
	
	/* 產品詳情 */
	.pdTop{flex-direction: column;}
	.pdPicBox{width: 100%;margin-bottom: 40px
	}
	.pdInto{width: 100%;padding-left: 0;}
	/* 會員登入 */
	.logInPages .container.pageTit{padding:  0 30px;}
	.logInPages .btnLogIn{margin-bottom: 0;}
	.logInPages .container{flex-direction: column;}
	.logInPages .logo{order: -1;padding-left: 0;max-width: 120px;margin: auto;margin-top: 20px;}
	.logInFrom{margin-top: 20px;}

	/* 共用元素--表單 */
	.form-control{margin-bottom:0}
	.formGroup__item > label{width: 100px;}
	/* 頁碼 */
	.pageNumber{justify-content: center;column-gap: .25rem;}
	.pageNumber__top{margin:0 auto}
}

@media (max-width:480px) {
	/* 產品搜尋 */
	.searchBox__text{margin-bottom: 4px;}
	.searchBtn{width: 100%;margin:4px 0;}
	.adv__searchBtn{width: 100%;margin:4px 0;}

	/* 產品列表 */
	.pdtBox {grid-template-columns: repeat(1,1fr);}

	/* 會員專區 */
	.memInfoPages .pageTitBox>.container {display: flex;align-items: center;}
}