body{margin:0;font-family:Noto Sans TC,sans-serif;--main-height: calc((var(--vh, 1vh) * 100));--header-height: 60px;--page-height: calc(var(--main-height) - var(--header-height));--sea-blue: #1d2f44}h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:none}ul{list-style:none;padding:0;margin:0}.PopUpMain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;transition:.5s;pointer-events:none}.PopUpMain .PopUpFrame{position:absolute;top:0;left:0;width:100%;height:100%;overflow:overlay;display:flex;align-items:center;justify-content:center;pointer-events:none}.PopUpMain .PopUpFrame.active{pointer-events:all}.PopUpMain .PopUpFrame .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:.3s;pointer-events:none}.PopUpMain .PopUpFrame.active .bg{pointer-events:all;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}.PopUpMain .PopUpFrame .popupContent{position:absolute;z-index:1;opacity:0;transition:opacity .3s;overflow:overlay;max-height:var(--main-height)}.PopUpMain .PopUpFrame.active .popupContent{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}