.offcanvas-menu .menu__header{height:72px;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.offcanvas-menu .menu__header .header__logo{width:125px;height:20px}.offcanvas-menu .header__close{color:#383838;border:0;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.offcanvas-menu .header__menu{padding:0 20px}.offcanvas-menu .menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.offcanvas-menu .menu__link{position:relative;padding:16px 12px;font-family:"Noto Sans TC";font-weight:400;font-size:16px;line-height:18px;letter-spacing:10%;color:#383838;text-decoration:none}.offcanvas-menu .menu__link.menu__link--active{color:#0e0e0e;font-weight:600;line-height:160%;letter-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.offcanvas-menu .menu__link.menu__link--active::after{content:'';position:absolute;left:0;width:4px;height:4px;border-radius:50%;background-color:#0e0e0e}.offcanvas-menu .menu__divider{-ms-flex-negative:0;flex-shrink:0;width:100%;height:1px;background-color:#f1f1f1}