body.lang-zh-hant, body.zh-hant, html[lang^="zh"] body { --psd-ff-heading: "Noto Sans TC", sans-serif; --psd-ff-body: "Noto Sans TC", sans-serif;} body {color: var(--body-clr); font-size: var(--text-m); font-family: "Poppins", Arial, Helvetica, sans-serif; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--primary); font-family: "Fraunces", Georgia, "Times New Roman", serif;; font-weight: 700; line-height: 1.3} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-container {width: 144rem; column-gap: var(--gap-m); row-gap: var(--gap-m); padding-right: clamp(1.6rem, 1.486rem + 0.357vw, 2rem); padding-left: clamp(1.6rem, 1.486rem + 0.357vw, 2rem)} .woocommerce main.site-main {width: 144rem} #brx-content.wordpress {width: 144rem}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--accent)}:where(:root) .bricks-background-secondary {background-color: var(--accent)}:where(:root) .bricks-color-light {color: var(--primary-light)}:where(:root) .bricks-background-light {background-color: var(--primary-light)}:where(:root) .bricks-color-muted {color: var(--accent-light)}:where(:root) .bricks-background-muted {background-color: var(--accent-light)} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--gap-m)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--gap-xs)} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--gap-xs)}.contextual-spacing :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: var(--gap-m)}.contextual-spacing p:not(:first-child) {margin-block-start: var(--gap-xs)}.contextual-spacing > * + * {margin-block-start: var(--gap-xs)} .brxe-shortcode :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: var(--gap-m)} .brxe-shortcode p:not(:first-child) {margin-block-start: var(--gap-xs)} .brxe-shortcode > * + * {margin-block-start: var(--gap-xs)} .brxe-rich-text :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: var(--gap-m)} .brxe-rich-text p:not(:first-child) {margin-block-start: var(--gap-xs)} .brxe-rich-text > * + * {margin-block-start: var(--gap-xs)} .brxe-section {padding-top: var(--gap-3xl); padding-bottom: var(--gap-3xl); column-gap: 4rem; row-gap: 4rem} .brxe-block {column-gap: var(--gap-m); row-gap: var(--gap-m)} .brxe-div {column-gap: var(--gap-m); row-gap: var(--gap-m)}.brxe-icon-box .icon i {font-size: var(--Icon-m)} .bricks-button {padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; font-family: "Fraunces"; font-weight: 700}@media (max-width: 478px) { h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} body {font-size: var(--text-m)} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)}}h1,h2,h3,h4,h5,h6, p {margin: 0;}