@import url(https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap);html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,footer,button,a,span{font-family:"Alexandria",sans-serif;font-family:"Alexandria",sans-serif,'Noto Sans TC',sans-serif!important}:root{--base-width:1920;--scale:calc(100vw / var(--base-width));--line-height-common:1.3;--line-height-unique-large:2.7;--font-size-f62:6.2rem;--font-size-f48:4.8rem;--font-size-f42:4.2rem;--font-size-f36:3.6rem;--font-size-f32:3.2rem;--font-size-f24:2.4rem;--font-size-f20:2.0rem;--font-size-f16:1.6rem;--font-size-f14:1.4rem;--letter-spacing:0.12rem}@media (max-width:1024px){:root{--base-width:1024;--scale:calc(100vw / var(--base-width))}}@media (max-width:768px){:root{--base-width:768;--scale:calc(100vw / var(--base-width))}}.f-62,.f-48,.f-42,.f-36,.f-32,.f-24{line-height:var(--line-height-common);letter-spacing:var(--letter-spacing)}.f-20,.f-16,.f-14{line-height:var(--line-height-large);letter-spacing:var(--letter-spacing)}.f-62{font-size:var(--font-size-f62)}.f-48{font-size:var(--font-size-f48)}.f-42{font-size:var(--font-size-f42)}.f-36{font-size:var(--font-size-f36)}.f-32{font-size:var(--font-size-f32)}.f-24{font-size:var(--font-size-f24)}.f-20{font-size:var(--font-size-f20)}.f-16{font-size:var(--font-size-f16)}.f-14{font-size:var(--font-size-f14)}@media (max-width:576px){:root{--font-size-f62:4.2rem;--font-size-f48:3.6rem;--font-size-f42:2.8rem;--font-size-f36:2.2rem;--font-size-f32:2.0rem;--font-size-f24:1.8rem;--font-size-f20:1.6rem}}body{font-weight:400;color:#000}main{margin-top:-76px;line-height:var(--line-height-ratio);letter-spacing:var(--letter-spacing)}body.bricks-is-frontend.admin-bar #brx-header.sticky{top:0!important}#brx-header.sticky.on-scroll.scrolling{border-bottom:1px solid #EEE}#brx-header.sticky.on-scroll.scrolling .header-logo svg path{fill:#000}.kv .brxe-button:hover{color:#fff!important}.digital-tab.brx-open .fill.brxe-icon{fill:#fff!important}.blog-info-content .wp-block-heading,.wp-block-image{margin:3rem auto;display:block}.blog-info-content h1.brxe-post-title{margin-bottom:4rem}@media (max-width:576px){.blog-info-content h1.brxe-post-title{margin-bottom:0rem}}.blog-info-content h2.wp-block-heading{margin:7rem auto 2rem auto;font-size:var(--font-size-f42);padding-left:30px;border-left:10px solid #FFBD21;display:block}.blog-info-content h2.wp-block-heading:first-child{margin:0}.blog-info-content h3.wp-block-heading{font-size:var(--font-size-f32);color:#CA3A1C}.blog-info-content h4.wp-block-heading{font-size:var(--font-size-f24)}.wp-block-image{margin:3rem auto}.wp-element-caption{text-align:left}.works-tag .bricks-widget-wrapper ul{display:flex;column-gap:2rem;row-gap:2rem;justify-content:center;flex-wrap:wrap}.works-tag .bricks-widget-wrapper ul li a{display:inline-block;padding:1rem 2rem;background:#eee;border-radius:4px;font-size:2rem;font-weight:700;transition:.5s}.works-tag .bricks-widget-wrapper ul li a:hover{background:#FFBD21;transition:.5s}@media (max-width:576px){.works-tag .bricks-widget-wrapper ul li a{display:inline-block;padding:1rem;font-size:1.6rem}}.bricks-layout-item .content-wrapper.middle,.bricks-layout-item .overlay-wrapper.middle{justify-content:flex-start}.brxe-posts.works-list .bricks-layout-wrapper .bricks-layout-inner .content-wrapper.middle h3:nth-child(1){margin-top:0!important;margin-bottom:0!important;font-size:2.4rem;order:2}.brxe-posts.works-list .bricks-layout-wrapper .bricks-layout-inner .content-wrapper.middle p{font-size:1.6rem;margin:1rem 0 1rem 0!important;-webkit-line-clamp:3;order:3}.brxe-posts.works-list .bricks-layout-wrapper .bricks-layout-inner .content-wrapper.middle h3:nth-child(2){font-size:1.4rem;font-weight:400;color:#CA3A1C;background:#fef3e7;padding:.5rem 1rem;border-radius:50px;margin:1rem 0 1rem 0!important;order:1}.bricks-layout-wrapper .image-wrapper{margin-bottom:1rem}.brxe-posts.works-list .bricks-layout-item{margin-bottom:4rem}@media (max-width:576px){.brxe-posts.works-list .bricks-layout-wrapper .bricks-layout-inner .content-wrapper.middle h3{font-size:1.8rem}}#brxe-norbpz .bricks-nav-menu{column-gap:20px;row-gap:10px;flex-direction:column;flex-wrap:wrap;height:100px}@media (max-width:576px){#brxe-norbpz .bricks-nav-menu{column-gap:10px;row-gap:10px;flex-direction:column;flex-wrap:wrap;height:auto}}