:where(:root) .bricks-color-primary {color: var(--primary-color)}:where(:root) .bricks-background-primary {background-color: var(--primary-color)}:where(:root) .bricks-color-secondary {color: var(--secondary-color)}:where(:root) .bricks-background-secondary {background-color: var(--secondary-color)} html {font-size: 100%} body {font-size: var(--body-text); color: var(--body-text-color); font-family: "Noto Sans TC"; font-weight: 400} .brxe-section {padding-right: 3rem; padding-left: 3rem} .brxe-container {width: 1380px} .woocommerce main.site-main {width: 1380px} #brx-content.wordpress {width: 1380px} .bricks-button {font-size: var(--button-text); transition: all 0.3s ease-out} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary-color)} html {background-color: var(--website-bg)} body {background: none}@media (max-width: 1540px) { .brxe-container {width: 1280px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px}}@media (max-width: 1200px) { .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}@media (max-width: 767px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}@media (max-width: 480px) { .brxe-section {padding-right: 1.2rem; padding-left: 1.2rem} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}