#member-function{position:fixed;right:0;bottom:0;z-index:1000;width:260px;background:var(--primary)}
#member-function > ul{height:54px;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
#member-function > ul > li{height:54px;float:left}
#member-function ul .sidetop a{position:relative;width:60px;height:60px}
#member-function ul .sidetop a:before{position:absolute;width:25%;height:25%;border:solid #ffffff;border-width:2px 0 0 2px;display:block;top:calc((100% - 7px) / 2);left:calc((100% - 30px) / 2);content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#member-function ul li.topMenu{display:none}
#member-function ul li a{width:100%;display:block;overflow:hidden}
#member-function ul li i{width:50px;height:50px;display:inline-block;float:left;text-align:center;line-height:54px;color:#fff}
#member-function ul li a b{width:90px;display:block;float:left;transition:all 0.4s ease;line-height:54px;color:#fff;text-align:center}
#member-function ul li:first-child > i{float:left;font:normal normal normal 14px/1 FontAwesome;line-height:54px}
#member-function ul li:first-child > i:before{content:"\f007"}
#member-function ul li.pcount a{display:flex;align-items:center;justify-content:center;position:relative;gap:15px}
#member-function ul li.pcount a svg, #member-function ul li.member a svg{fill:#ffffff;width:25px;height:25px}
#member-function ul li.pcount a span{background-color:#ffffff;padding:2px;width:18px;height:18px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:5px;left:30px;font-size:12px;font-weight:normal;border-radius:50%;line-height:15px}
#member-function ul li.pcount a:last-child{background-color:#f3f3f3;line-height:160%;text-align:center;margin-top:10px;padding:12px 28px;font-size:14px}
#member-function ul li.pcount ul.sub-order-list li{position:relative}
#member-function ul li.pcount ul.sub-order-list li:first-child{width:100%;inset:0;max-height:90%;overscroll-behavior:none;overflow:hidden;overflow-y:auto}
#member-function ul li.pcount ul.sub-order-list li:first-child::selection{background:#e3e3e3;text-shadow:none;color:#fff}
#member-function ul li.pcount ul.sub-order-list li:first-child::-webkit-scrollbar{width:5px}
#member-function ul li.pcount ul.sub-order-list li:first-child::-webkit-scrollbar-track{background:#ededed}
#member-function ul li.pcount ul.sub-order-list li:first-child::-webkit-scrollbar-thumb{background:#e3e3e3}
#member-function ul li.pcount ul.sub-order-list li:first-child::-webkit-scrollbar-thumb:hover{background:#e3e3e3}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .list{padding:10px 10px;border-bottom:1px #dddddd solid;style="color:red;";display:grid;grid-template-columns:70px 1fr;gap:10px}
#member-function ul li.pcount ul.sub-order-list li #shopping-list p,#member-function ul li.pcount ul.sub-order-list li #op-sum,#member-function ul li.pcount ul.sub-order-list li #op-sum b{font-size:17px}
#member-function ul li.pcount ul.sub-order-list li p.buttons a{background-color:var(--primary);color:var(--light);display:flex;flex-direction:column;align-items:center}
#member-function ul li.pcount ul.sub-order-list li #shopping-list b{color:#4f4f4f;font-size:13px;vertical-align:baseline}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .cart-price{display:grid;grid-template-columns:50px 10px 1fr;gap:4px;align-items:center}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .cart-price input{padding:0 10px;text-align:center}
#member-function ul li.pcount ul.sub-order-list li  #op-sum{padding:10px 30px;display:flex;align-items:center;justify-content:space-between}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .cart-info{position:relative}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .list h3{line-height:170%;font-size:14px;color:#333333;font-weight:500;width:90%;margin-bottom:10px}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .list img{width:100%}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .list p{font-size:12px}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .list p.cart-close{position:absolute;top:0;right:0}
#member-function ul li.pcount ul.sub-order-list li #shopping-list .list p.cart-close a{padding:8px;line-height:80%;margin-top:0}
#member-function ul li.member a{height: 100%;display: flex;align-items: center;justify-content: center;width: 100%;padding-left: .5em;}
#member-function ul li .member-site{width:0;background:#000;float:left;opacity:0.8;transition:all 0.4s ease;overflow:hidden}
#member-function ul li:hover .member-site{width:250px;height:54px;overflow:hidden}
#member-function ul li .member-site a{width:125px;display:block;float:left;line-height:54px;color:#fff}
#member-function ul li .member-site a .sidebox{line-height:54px;width:150px}
#member-function ul li .member-site a i{width:54px;height:54px;display:inline-block;text-align:center;line-height:54px}
.mobileList{position:fixed;width:100%;display:none;bottom:0;z-index:500}
.mobileList .topIcon{text-align:right}
.mobileList .topIcon a{margin:10px;width:50px;height:50px;background:#333;border-radius:50%;display:inline-block;text-align:center;line-height:44px;font-size:20px;color:#fff}
.mobileList ul{overflow:hidden}
.mobileList ul li{float:left;background:#333333;width:20%;min-height:68px}
.mobileList ul li .sidebox{text-align:center}
.mobileList ul li a{padding:10px 0;width:100%;height:100%;display:block;color:#fff;text-align:center;font-size:12px;border-right:1px #fff solid;font-family:微軟正黑體,蘋果儷中黑,"Lucida Grande",Arial,"Arial Narrow"}
.mobileList ul li a i,#member-function ul li i{display:block;font-size:20px}
#member-function ul li i{font-size:inherit}
.mobileList ul li a i b,#member-function ul li i span{position:absolute;width:15px;height:15px;margin-left:5px;font-size:12px;font-weight:normal;background:#ffffff;border-radius:50%;line-height:15px}
#member-function ul li i span{margin-top:10px;text-align:center}
.overlay-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:99;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}
.overlay-bg.active{opacity:1;visibility:visible}
#member-function ul li.pcount ul.sub-order-list{position:absolute;z-index:100;width:340px;height:100vh;right: -500px;bottom:0;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;opacity:0;-webkit-transition:0.9s;transition:0.9s}
#member-function ul li.pcount ul.sub-order-list.active{transform:translateY(0);opacity:1;visibility:visible;right: 0;}

#member-function ul li.pcount #go_product { padding: 30% 2em 0; }
#member-function ul li.pcount #go_product p { margin: .8em 0; display: flex; justify-content: center; align-items: center; gap: .3em; }
#member-function ul li.pcount #go_product p a { margin: 0; padding: 0 .5em; width: auto; background-color: transparent; line-height: 1.7; font-size: 1em; text-decoration: underline; }
#member-function ul li.pcount #go_product p:nth-child(2) , #member-function ul li.pcount #go_product p:nth-child(2) * { color: #6c6c6c; }

/* 讓 hSearch 以 #member-function 為定位基準 */
#member-function{
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 260px;
  background: var(--primary);
}

/* 搜尋表單：預設關閉 */
#hSearch{
  display:none;
  position:absolute;
  right:34px;
  bottom:60px;
  width:260px;
  padding:8px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  z-index:1002;
  align-items:center;
  gap:8px;
}

/* 打開狀態（唯一控制點） */
#hSearch.open{
  display:flex;
  animation:fadeInUp .25s ease;
}

/* 輸入框 */
#hSearch input[type="text"]{
  flex:1;
  height:38px;
  border:none;
  outline:none;
  font-size:15px;
  color:#333;
  background:transparent;
}

#hSearch input::placeholder{
  color:#aaa;
}

/* 搜尋按鈕 */
#hSearch #goSearch{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:50%;
  border:none;
  background:rgba(0,0,0,0.05);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

#hSearch #goSearch:hover{
  background:rgba(0,0,0,0.1);
}

@keyframes fadeInUp{
  from{opacity:0; transform:translateY(8px);}
  to{opacity:1; transform:translateY(0);}
}

@media screen and (max-width:768px){
	.mobileList{display:block}
	#member-function{display:none}
}