.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);pointer-events:none;opacity:0;transition:opacity .3s ease-in-out;z-index:1000;display:flex;justify-content:center;padding:30px;overflow-y:scroll;box-sizing:border-box;transition-delay:.2s}.modal--open{opacity:1;pointer-events:auto;transition-delay:0s}.modal__content{background:transparent;overflow-y:visible;opacity:0;margin:auto 0;height:-moz-fit-content;height:fit-content;transform:translateY(100px);transition:transform,opacity;transition-delay:.2s;transition-timing-function:ease;transition-duration:.3s}.modal--open .modal__content{opacity:1;transform:translateY(0);transition-timing-function:cubic-bezier(0,0,0,1)}body.modal-open{overflow:hidden}.hamburger{--gap:5px;--height-bar:2px;--pos-y-bar-one:0;--pos-y-bar-three:0;--scale-bar:1;--rotate-bar-one:0;--rotate-bar-three:0;width:20px;display:flex;flex-direction:column;gap:var(--gap);cursor:pointer;position:relative;background:none;border:none;padding:0}.hamburger__line{position:relative;height:var(--height-bar);width:100%;background-color:#676767}.hamburger__line:first-child{top:var(--pos-y-bar-one);transform:rotate(var(--rotate-bar-one));transition:top .2s .1s,transform .1s}.hamburger__line:nth-child(2){transform:scaleX(var(--scale-bar));transition:transform .15s .1s}.hamburger__line:nth-child(3){bottom:var(--pos-y-bar-three);transform:rotate(var(--rotate-bar-three));transition:bottom .2s .1s,transform .1s}.hamburger--open{--pos-y-bar-one:calc(var(--gap) + var(--height-bar));--pos-y-bar-three:calc(var(--gap) + var(--height-bar));--scale-bar:0;--rotate-bar-one:45deg;--rotate-bar-three:-45deg}.hamburger--open .hamburger__line:first-child{transition:top .2s,transform .2s .1s}.hamburger--open .hamburger__line:nth-child(3){transition:bottom .2s,transform .2s .1s}.navbar{width:100%;background-color:var(--color-white);position:sticky;top:0;z-index:1000;transition:box-shadow var(--transition-normal);height:var(--navbar-height);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.navbar__container{max-width:1600px;margin:0 auto;height:100%}.navbar__nav{justify-content:space-between;padding:0 max(20px,3%)}.navbar__left,.navbar__nav{display:flex;align-items:center;height:100%}.navbar__left{gap:24px}.navbar__left svg{width:-moz-fit-content;width:fit-content}.navbar__right{display:flex;align-items:center;gap:24px}.navbar__logo{height:70%;width:auto;max-width:200px}.navbar__icon{width:32px;height:32px;color:var(--color-);cursor:pointer;transition:color var(--transition-normal)}.navbar__icon:hover{color:var(--color-black)}.navbar__icon svg{width:100%;height:100%;fill:currentColor}.navbar__links{display:flex;align-items:center}.navbar__links,.navbar__links__item{font-family:var(--font-noto-sans-tc)}.navbar__links__item{padding:10px 24px;color:black;opacity:.6;font-size:var(--text-xl);cursor:pointer;text-decoration:none;transition:color var(--transition-normal),opacity var(--transition-normal)}.navbar__links__item:hover{color:var(--color-primary);opacity:1}.navbar__cta-button{padding:8px 20px;border:1.5px solid var(--color-primary);font-weight:400;color:var(--color-primary);cursor:pointer;transition:all var(--transition-normal)}.navbar__cta-button:hover{background-color:var(--color-primary);color:var(--color-white)}.navbar-md{height:var(--navbar-md-height)}.navbar-md__container{max-width:1600px;margin:0 auto;height:100%}.navbar-md__nav{justify-content:space-between;padding:0 20px}.navbar-md__left,.navbar-md__nav{display:flex;align-items:center;height:100%}.navbar-md__left{gap:24px}.navbar-md__right{display:flex;align-items:center;gap:24px}.navbar-md__logo{height:75%;width:auto;max-width:150px}.navbar-md__icon{width:32px;height:32px;color:var(--color-black-60);cursor:pointer;transition:color var(--transition-normal)}.navbar-md__icon:hover{color:var(--color-black)}.navbar-md__icon svg{width:100%;height:100%;fill:currentColor}.navbar-md__mobile-menu{background-color:var(--color-white);border-top:1px solid rgba(0,0,0,.1);max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease-out,visibility .3s ease-out}.navbar-md__mobile-menu__content{display:flex;flex-direction:column;align-items:flex-end;gap:24px;padding:36px 24px;transform:translateY(-10px);transition:transform .3s ease-out .1s}.navbar-md__mobile-menu__item{font-family:var(--font-noto-sans-tc);font-size:var(--text-xl);color:var(--color-black-60);text-decoration:none;transition:color var(--transition-normal)}.navbar-md__mobile-menu__item:hover{color:var(--color-black)}.navbar-md__mobile-menu__item--primary,.navbar-md__mobile-menu__item--primary:hover{color:var(--color-primary)}.navbar-md__mobile-menu__language{display:flex;gap:16px}.navbar-md__language-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.6);background:var(--color-white);color:var(--color-black-60);font-family:var(--font-noto-sans-tc);font-size:16px;cursor:pointer;transition:all var(--transition-normal)}.navbar-md__language-btn--active{background:#666666;border-color:rgba(102,102,102,.6);color:var(--color-white)}.navbar-md__language-btn:hover:not(.navbar-md__language-btn--active){border-color:var(--color-black);color:var(--color-black)}.navbar-md--open .navbar-md__mobile-menu{max-height:400px;opacity:1;visibility:visible}.navbar-md--open .navbar-md__mobile-menu__content{transform:translateY(0)}