.brxe-container {padding-right: 40px; padding-left: 40px; max-width: 1280px; width: 100%; margin-right: auto; margin-left: auto} #brx-content.wordpress {max-width: 1280px; width: 100%} .woocommerce main.site-main {width: 100%} .brxe-section {display: flex; justify-content: center; margin-right: auto; margin-left: auto; padding-top: 96px; padding-bottom: 96px} html {font-size: 16px} body {font-size: 1rem; font-family: "Noto Sans TC"} h1 {font-size: 48px; color: var(--brown); font-weight: 900} h1, h2, h3, h4, h5, h6 {font-family: "Arial"; color: var(--brown)} h2 {font-size: 36px} h3 {font-size: 30px} h4 {font-size: 17px} .brxe-text {font-size: 17px; color: var(--gray600); line-height: 1.75; font-weight: 400} .brxe-text-basic {font-size: 17px; color: var(--gray600); line-height: 1.75; font-weight: 400}@media (max-width: 992px) { .brxe-container {padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px}}@media (max-width: 601px) { h1 {font-size: 32px} h2 {font-size: 28px} h3 {font-size: 24px} .brxe-text {font-size: 16px} .brxe-text-basic {font-size: 16px}}@media (max-width: 376px) { h2 {font-size: 26px} h3 {font-size: 20px} .brxe-text {font-size: 16px} .brxe-text-basic {font-size: 16px}}