#header{width:100%;height:740px;background-image:url(../../public_images/png/memberArea-header-bg-white-tw.png);background-size:auto;background-repeat:no-repeat;background-position:top;background-color:#b7c8cf}#header #logo{position:absolute;top:0;left:22%;transform:translate(-50%,0)}#header #logo img{width:50%;height:auto}div#sub-link{width:75%;position:absolute;top:10px;left:23%}#header #sub-link-left-block{display:flex;align-items:center}#header #sub-link-left-block .sub-link-left-block-item{display:flex;align-items:center;margin:0 10px}#header #sub-link-left-block .sub-link-left-block-item:hover a,#header #sub-link-left-block .sub-link-left-block-item:hover>ul>li:first-child{color:#a3a3a3}#header #sub-link-left-block .sub-link-left-block-item img{margin-right:5px}#header #sub-link-left-block .sub-link-left-block-item .top-sub-button{position:relative;cursor:pointer;margin-left:-10px}#sub-link-left-block ul li:first-child{padding-left:10px}#header #sub-link-left-block .sub-link-left-block-item .top-sub-button .submenu{display:none;white-space:nowrap;position:absolute;z-index:999;cursor:pointer}.langbtn_submenu_item{padding:10px;border-radius:5px}.langbtn_submenu_item:hover{background-color:rgb(236 236 236 / 60%)}#header #sub-link-right-block{display:flex;align-items:center;gap:8px;position:absolute;top:6px;right:27%}#member-capsule{display:flex;align-items:center;gap:8px;background:#333;border-radius:999px;padding:5px 14px 5px 5px;cursor:pointer;transition:background .2s,box-shadow .2s;user-select:none}#member-capsule:hover{background:#444;box-shadow:0 2px 10px rgba(0,0,0,.15)}.capsule-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4a7c59,#3a6348);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.capsule-avatar-sm{width:26px;height:26px;font-size:12px}.capsule-username{font-size:.88em;font-weight:600;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-badge{font-size:.72em;font-weight:700;color:#fff;background:#4a7c59;padding:2px 8px;border-radius:999px;white-space:nowrap}.capsule-badge-sm{font-size:.68em;padding:1px 6px}.capsule-vip{font-size:.78em;font-weight:700;color:#ed8936;white-space:nowrap}.capsule-chevron{width:16px;height:16px;color:#999;flex-shrink:0;transition:transform .2s}#member-capsule:hover .capsule-chevron{color:#ccc}.header-icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:#3a3a3a;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s,color .2s;padding:0}.header-icon-btn:hover{background:#4a4a4a;color:#fff}.header-icon-btn svg{width:18px;height:18px}.header-notification-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#e53e3e;border:2px solid #3a3a3a}.member-capsule-mobile{display:flex;align-items:center;gap:6px;background:#333;border-radius:999px;padding:4px 10px 4px 4px;cursor:pointer}#header #navigator-link{position:absolute;top:620px;left:50%;transform:translate(-50%,0);white-space:nowrap;display:flex;align-items:center;background-color:rgba(40,73,144,.65);padding:10px;border-radius:10px}#header #navigator-link .navigator-link-item{margin:0 8px}#header #navigator-link .navigator-link-item a{margin:0 5px;color:#fff}#header #navigator-link .navigator-link-item:hover a{color:#fff;font-weight:700}#scroll-top-button-mobile{display:none;position:fixed;right:20px;bottom:70px;z-index:9999}#m-header,#mobile-side-menu-pop-out{display:none}.m-menu-longout-block{display:flex;align-items:center;justify-content:space-between;background-color:#ececec;border-radius:5px;margin:20px}#vip-expires{color:#fff;padding:10px 20px;border-radius:5px;background-color:#e32525;position:absolute;transform:translate(-50%,0);left:50%;top:250px}@media (max-width:1420px){#header #sub-link-left-block{left:10%}#header #sub-link-right-block{right:10%}}@media (max-width:1024px){#header{display:none}#m-header{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:99999;background-color:#1861ae}#m-header div{display:flex;align-items:center}.m-header-item{margin-left:10px}#m-langbtn{cursor:default;margin-right:10px}#m-langbtn>li:first-child{color:#fff}#m-langbtn .submenu{display:none;position:absolute;background-color:#1861ae;right:0;top:50px}#m-langbtn .submenu .langbtn_submenu_item{color:#fff}#m-header-menu-btn{display:block;cursor:pointer;background-image:url(../../public_images/png/m-header-menu-btn.png);background-repeat:no-repeat;background-size:cover;width:30px;height:30px}#mobile-side-menu-pop-out{position:fixed;top:50px;z-index:9999;background:#fff;width:100%;height:100vh;overflow-x:hidden;overflow-y:scroll}#mobile-side-menu-pop-out .mobile-side-menu-pop-out-menu-item{display:flex;align-items:center;padding:20px}#mobile-side-menu-pop-out .mobile-side-menu-pop-out-menu-item img{margin-right:5px}#vip-expires{top:3px;z-index:999999}}.m-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:999998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.m-overlay.show{opacity:1;visibility:visible}.m-drawer{position:fixed;top:0;right:-380px;width:360px;max-width:92vw;height:100vh;background:#fff;z-index:999999;box-shadow:-4px 0 24px rgba(0,0,0,.1);transition:right .35s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;font-family:'Noto Sans TC',-apple-system,sans-serif}.m-drawer.show{right:0}.m-drawer-hd{background:linear-gradient(135deg,#4a7c59,#2e5339);padding:24px 20px 20px;color:#fff;position:relative;flex-shrink:0}.m-drawer-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.m-drawer-close:hover{background:rgba(255,255,255,.25)}.m-drawer-avatar{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;margin-bottom:12px}.m-drawer-name{font-size:1.15em;font-weight:700;margin-bottom:2px}.m-drawer-email{font-size:.82em;color:rgba(255,255,255,.65)}.m-drawer-body{flex:1;overflow-y:auto;padding:0}.m-section{padding:16px 20px;border-bottom:1px solid #f0f0f0}.m-section:last-child{border-bottom:none}.m-section-title{font-size:.72em;color:#999;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.m-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:.88em}.m-row-label{color:#6b6b6b;display:flex;align-items:center;gap:6px}.m-row-label svg{width:14px;height:14px;color:#999}.m-row-val{font-weight:600;color:#2c2c2c}.m-row-val.warn{color:#c62828}.m-row-val.gold{color:#8b6f3a}.m-prog{margin-top:4px}.m-prog-bar{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:4px}.m-prog-fill{height:100%;border-radius:3px;transition:width .5s ease}.m-prog-label{display:flex;justify-content:space-between;font-size:.75em;color:#999;margin-top:3px}.m-vip-card{background:#f5eedf;border:1px solid rgba(201,168,108,.2);border-radius:12px;padding:14px 16px;margin-top:6px}.m-vip-card.expired{background:#ffebee;border-color:rgba(198,40,40,.15)}.m-vip-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.m-vip-dot{width:8px;height:8px;border-radius:50%}.m-vip-dot.active{background:#34a853}.m-vip-dot.expired{background:#c62828}.m-vip-status-text{font-size:.85em;font-weight:700}.m-vip-card .m-vip-status-text{color:#8b6f3a}.m-vip-card.expired .m-vip-status-text{color:#c62828}.m-vip-dates{font-size:.78em;color:#999;line-height:1.5;display:flex;flex-direction:column;gap:6px}.m-vip-date-row{display:flex;flex-direction:column;gap:2px}.m-vip-date-label{color:#999;font-size:.92em}.m-vip-date-val{color:#2c2c2c;font-weight:700;font-size:1em;word-break:break-word}.m-vip-date-val.m-vip-remain{color:#c62828}.m-cta{padding:16px 20px}.m-btn{display:block;width:100%;padding:12px;border:none;border-radius:10px;font-family:'Noto Sans TC',sans-serif;font-size:.92em;font-weight:700;cursor:pointer;transition:all .25s ease;text-align:center;text-decoration:none}.m-btn-upgrade{background:linear-gradient(135deg,#c9a86c,#d4b87a);color:#fff;box-shadow:0 2px 8px rgba(201,168,108,.3)}.m-btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(201,168,108,.4)}.m-btn-manage{background:#f5f5f2;color:#4a7c59;border:1px solid #e0e0e0;margin-top:8px}.m-btn-manage:hover{background:#e8f5e9;border-color:#4a7c59}.m-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.m-quick-link{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:8px;background:#f5f5f2;font-size:.8em;font-weight:600;color:#6b6b6b;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.m-quick-link:hover{background:#e8f5e9;color:#4a7c59;border-color:rgba(74,124,89,.2)}.m-quick-link svg{width:14px;height:14px;flex-shrink:0}@media (max-width:768px){.m-drawer{width:100%;max-width:100%;right:-100%}.m-drawer-hd{padding:20px 16px 16px}.m-drawer-avatar{width:48px;height:48px;font-size:18px}.m-drawer-name{font-size:1.05em}.m-section{padding:14px 16px}.m-cta{padding:14px 16px}.m-quick-link{padding:8px 10px;font-size:.78em}}@media (max-width:580px){.m-drawer{width:100%;max-width:100%}.m-drawer-body{-webkit-overflow-scrolling:touch}.m-quick{grid-template-columns:1fr 1fr}}