@import url('https://unpkg.com/css.gg@2.0.0/icons/css/chevron-left.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/chevron-right.css');:root {--fg-color:#000;--bg-color:#f8f8f8;--hover-color:#454545;--link-color:#969696;--footer-bg-color:#141414;--white:#fff;--black:#000;--grey:#999;--dark-grey:#333;--line-color:#141414}
.dark {--fg-color:#fff;--bg-color:#141414;--hover-color:#d0d0d0;--footer-bg-color:#282828;--line-color:#666}
svg path,
svg rect {fill:var(--fg-color)}
svg line {stroke:var(--fg-color)}
.post-list-page header.feature {margin-bottom:50px;padding-top:0;padding-bottom:50px;border-bottom:#ccc solid 1px}
.post-list-page header.feature img,
.post-list-page header.feature iframe.kv {margin-bottom:50px}
@media screen and (max-width:640px) {.post-list-page header.feature img,.post-list-page header.feature iframe.kv {width:112%;margin-left:-6% }}
.post-list-page header.feature iframe.kv {width:'100%';height:800px}
@media screen and (max-width:640px) {.post-list-page header.feature iframe.kv {height:600px }}
.post-list-page header.feature h1 {margin:0;font-size:2.833333rem;font-weight:700;text-align:initial}
.post-list-page header.feature h2 {align-self:flex-start;padding:0;margin-top:0.83em;font-size:1.333333rem;font-weight:normal;text-align:left;border-bottom:none}
.post-list-page header.feature time {font-size:smaller;font-family:sans-serif}
.post-list-page header.feature p {margin-top:20px;font-size:1.416rem;font-family:sans-serif;line-height:1.8}
.post-list-page address.columnist {display:flex;flex-direction:row;margin-top:50px;margin-bottom:100px;padding-bottom:50px;border-bottom:#ccc solid 1px;font-style:normal}
.post-list-page address.columnist img {width:170px;aspect-ratio:1;border:#eee solid 1px}
.post-list-page address.columnist div {margin-left:37px;padding-left:37px;border-left:#ccc solid 1px}
.post-list-page address.columnist div h3 {margin-top:0;margin-bottom:50px;font-size:2rem;font-weight:700}
.post-list-page address.columnist div h3 span {font-size:1.083333rem;color:#999}
.post-list-page address.columnist div p {font-size:1.25rem;line-height:1.8}
@media screen and (max-width:640px) {.post-list-page address.columnist {flex-direction:column;align-items:center }.post-list-page address.columnist div {margin-left:0;padding-left:0;border-left:none }.post-list-page address.columnist div h3 {margin:20px 0;text-align:center }}
.post-list-page address.author {margin-top:0}
@media screen and (max-width:640px) {.post-list-page address.author {margin-bottom:55px }.post-list-page address.author div {margin-top:20px }.post-list-page address.author div p {margin-bottom:0 }}
.post-list-page div.post-list {display:grid;grid-template-columns:repeat(3,1fr);column-gap:80px;row-gap:123px;grid-auto-rows:minmax(100px,auto)}
@media screen and (max-width:1000px) {.post-list-page div.post-list {grid-template-columns:repeat(2,1fr);column-gap:50px }}
@media screen and (max-width:640px) {.post-list-page div.post-list {grid-template-columns:repeat(1,1fr);row-gap:90px }.post-list-page div.post-list article {position:relative }.post-list-page div.post-list article::after {content:'';display:block;width:50px;height:0.5px;background-color:var(--fg-color);position:absolute;bottom:-37px;left:50%;margin-left:-25px }.post-list-page div.post-list article:last-child::after {display:none }}
.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(4,1fr);column-gap:56px}
@media screen and (max-width:1000px) {.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(3,1fr);column-gap:50px;row-gap:50px }.post-list-page div.post-list.shop-product-list .post-list-item div.subtitle {height:30px;margin-top:15px;font-size:12px;line-height:1.2 }}
@media screen and (max-width:640px) {.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:20px }.post-list-page div.post-list.shop-product-list .post-list-item h3 {font-size:15px }}
@media screen and (max-width:320px) {.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(1,1fr);row-gap:90px }}
.post-list-page div.post-list.podcast-program-list {row-gap:137px}
.post-list-page div.post-list.podcast-program-list a.image {border:none !important}
.post-list-page div.post-list.podcast-program-list img {border-radius:7px}
.post-list-page div.post-list.podcast-program-list article::after {display:none}
.post-list-page div.post-list.podcast-episode-list {row-gap:130px}
.post-list-page div.post-list.podcast-episode-list article a.image,
.post-list-page div.post-list.podcast-episode-list div a.image {aspect-ratio:1;height:260px}
.post-list-page div.post-list.podcast-episode-list article img,
.post-list-page div.post-list.podcast-episode-list div img {border-radius:7px}
.post-list-page div.post-list.podcast-episode-list article div.subtitle,
.post-list-page div.post-list.podcast-episode-list div div.subtitle {justify-content:center}
.post-list-page div.post-list.podcast-episode-list article h3,
.post-list-page div.post-list.podcast-episode-list div h3 {text-align:center}
.post-list-page div.post-list.podcast-episode-list article::after {display:none}
.post-list-page div.post-list.latest {margin-bottom:90px;padding-bottom:90px;border-bottom:#ccc solid 1px}
.post-list-page div.post-list.columnist-list.podcast-program-list div a.image {height:260px}
.post-list-page div.post-list.columnist-list div {font-size:1.25rem}
.post-list-page div.post-list.columnist-list div a.image {display:block;aspect-ratio:1;height:150px;margin:0 auto;border:#eee solid 1px}
.post-list-page div.post-list.columnist-list div h3 {text-align:center;font-weight:700}
.post-list-page div.post-list.columnist-list div address {margin-bottom:20px;text-align:center;font-style:normal;font-size:1.16666rem;font-weight:700;font-family:Arial,Helvetica,sans-serif}
.post-list-page div.post-list.columnist-list div article {padding-bottom:15px;margin-bottom:15px;border-bottom:var(--fg-color) solid 1px}
.post-list-page div.post-list.columnist-list div article time {display:block;margin-bottom:10px;color:#999;font-family:Arial,Helvetica,sans-serif;font-size:0.91666rem}
.post-list-page div.post-list.columnist-list div article a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.post-list-page div.post-list.columnist-list div a.more::after {content:'›';font-size:1.2em;margin-left:5px}
.post-list-page div.post-list.columnist-list div a.more:link,
.post-list-page div.post-list.columnist-list div a.more:visited {color:#999}
.post-list-page div.post-list.columnist-list div a.more:hover,
.post-list-page div.post-list.columnist-list div a.more:active {color:var(--fg-color)}
.post-list-page div.pagination {margin-top:80px;text-align:center;font-family:Arial,Helvetica,sans-serif}
.post-list-page div.pagination a {margin:0 20px}
.post-list-item a.image {display:block;margin:0 auto}
.post-list-item a.image img {aspect-ratio:1.5;object-fit:cover}
.post-list-item div.subtitle {display:flex;align-items:center;height:20px;margin-top:25px;font-size:1.16666rem;font-family:Arial,Helvetica,sans-serif}
@media screen and (max-width:640px) {.post-list-item div.subtitle a {color:#999 }}
.post-list-item div.subtitle .text-badge {margin-bottom:0;margin-right:5px;height:20px;padding:4px 8px;line-height:1;font-size:12px}
.post-list-item div.subtitle .text-badge-wapper {display:flex;margin-right:5px}
.post-list-item h3 {margin:15px 0;min-height:3em;font-size:1.916666666rem;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-clamp:2}
@media screen and (max-width:640px) {.post-list-item h3 {min-height:auto }}
.post-list-item p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:1.25rem;line-height:1.8;line-clamp:4}
.post-list-item.shop-product-list-item img {aspect-ratio:0.66666667 !important}
.post-list-item.shop-product-list-item div.subtitle {color:#808080}
.post-list-item.shop-product-list-item h3 {margin-top:2px;font-size:1.5rem}
.post-list-item.shop-product-list-item p {font-family:Arial,Helvetica,sans-serif}
.post-list-item.shop-product-list-item p .old-price {color:#808080}
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/chevron-left.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/chevron-right.css');
:root {--fg-color:#000;--bg-color:#f8f8f8;--hover-color:#454545;--link-color:#969696;--footer-bg-color:#141414;--white:#fff;--black:#000;--grey:#999;--dark-grey:#333;--line-color:#141414}
.dark {--fg-color:#fff;--bg-color:#141414;--hover-color:#d0d0d0;--footer-bg-color:#282828;--line-color:#666}
svg path,
svg rect {fill:var(--fg-color)}
svg line {stroke:var(--fg-color)}
.product-page .price-wrapper {font-family:Arial,Helvetica,sans-serif}
.product-page .price-wrapper .old-price {color:#808080;text-decoration:line-through}
.product-page .price-wrapper .main-price {display:block;margin:10px 0;font-size:24px}
.product-page .offers-wrapper {display:flex;flex-direction:column;min-width:240px;font-family:Arial,Helvetica,sans-serif}
.product-page div.product-images {margin-top:40px;margin-bottom:40px;padding-bottom:40px;border-bottom:#ccc solid 1px}
@media screen and (max-width:640px) {.product-page div.product-images {margin-bottom:0;padding-bottom:0;border-bottom:none }}
.product-page div.info {display:flex;justify-content:space-between;margin:40px 0;padding-bottom:40px;border-bottom:var(--fg-color) solid 0.5px;font-family:Arial,Helvetica,sans-serif}
.product-page div.info div.summary {box-sizing:border-box;padding-right:50px;max-width:680px}
.product-page div.info div.summary h2 {margin:0;color:#808080;font-size:17px}
.product-page div.info div.summary h1 {margin-top:20px;margin-bottom:30px;font-size:36px;font-family:'Noto Serif TC',serif;font-weight:700;letter-spacing:0.1em;line-height:1.4}
.product-page div.info div.summary p {font-size:16px}
.product-page div.info div.product-offer-property-container {margin-bottom:1.5em}
.product-page div.info div.selection {width:394px}
.product-page div.info div.selection .price-wrapper {text-align:right}
@media screen and (max-width:640px) {.product-page div.info {flex-direction:column;margin-bottom:0 }.product-page div.info div.summary {padding-right:0 }.product-page div.info div.summary h1 {font-size:30px }.product-page div.info div.selection {width:100%;margin-top:50px }.product-page div.info div.selection .price-wrapper {margin-bottom:20px;text-align:left }}
.product-page div.description {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px}
.product-page div.description nav {align-self:flex-start;padding-left:20px;border-left:var(--fg-color) solid 0.5px;min-width:120px;font-family:Arial,Helvetica,sans-serif;font-size:17px}
.product-page div.description nav a {display:block;margin-bottom:20px;color:#999}
.product-page div.description nav a.active {color:var(--fg-color)}
.product-page div.description nav a:last-child {margin-bottom:0}
.product-page div.description section {width:800px;font-size:1.33333rem}
.product-page div.description section a.nav {display:none;font-family:Arial,Helvetica,sans-serif;font-size:17px}
.product-page div.description section article h1:first-child {margin-top:0}
.product-page div.description section article.magazine-subscription form {display:flex;justify-content:space-between}
.product-page div.description section article.magazine-subscription form div.content {display:flex;flex-direction:column;justify-content:space-between}
.product-page div.description section article.magazine-subscription form h1 {margin-bottom:20px;line-height:1;font-size:24px}
.product-page div.description section article.magazine-subscription form div.image {width:400px}
.product-page div.description section article.magazine-subscription form .price-wrapper {display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:10px}
.product-page div.description section article.magazine-subscription form .price-wrapper .main-price {margin:0;font-size:20px}
.product-page div.description section article.magazine-subscription form .price-wrapper .old-price {font-size:14px}
.product-page div.description section article.magazine-subscription form .quantity-add-to-cart-combo .quantity {width:200px}
.product-page div.description section article.magazine-subscription form .quantity-add-to-cart-combo button {width:100px}
@media screen and (max-width:640px) {.product-page div.description section article.magazine-subscription form {flex-direction:column-reverse;gap:40px }.product-page div.description section article.magazine-subscription form div.image {width:auto }}
@media screen and (max-width:640px) {.product-page div.description {flex-direction:column }.product-page div.description nav {display:none }.product-page div.description a.nav {display:flex !important;position:relative;flex:1;padding:15px 0;border-bottom:var(--fg-color) solid 0.5px;color:var(--fg-color) }.product-page div.description a.nav.hidden {display:none !important }.product-page div.description a.nav::before {content:'';position:absolute;right:4px;top:21px;width:10px;height:10px;display:inline-block;margin-left:15px;border-left:1px solid var(--picker-color,var(--fg-color));border-top:1px solid var(--picker-color,var(--fg-color));transform:translateY(-4px) rotate(225deg);transition:all 0.5s }.product-page div.description a.nav.active::before {transform:translateY(2px) rotate(45deg);transition:all 0.5s }.product-page div.description section {width:auto }.product-page div.description section article {padding-top:20px }.product-page div.description section article.description {display:none }}
.shopping-page {font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:0;margin-bottom:80px}
.two-cols-page {display:flex;gap:80px}
.two-cols-page .main {flex:2}
.two-cols-page .summary {display:flex;flex:1;flex-direction:column;border-top:var(--fg-color) solid 1px;padding-top:20px;min-width:300px}
.two-cols-page .summary >div {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.two-cols-page .summary .total {padding:20px 0;margin-bottom:20px;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px}
.two-cols-page .summary .total .price {font-size:30px}
.two-cols-page .summary button {flex:none;margin-bottom:20px;height:45px}
@media screen and (max-width:1000px) {.two-cols-page {flex-direction:column }.two-cols-page .summary {width:50%;align-self:flex-end }}
@media screen and (max-width:640px) {.two-cols-page .summary {width:100% }}
.cart-page .main {display:flex;flex-direction:column}
.cart-page .main .clear {align-self:flex-end}
.cart-items {display:block !important}
.cart-items .cart-item {position:relative;display:flex;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:#ccc solid 1px}
.cart-items .cart-item >div {display:flex;gap:20px;align-items:center;justify-content:space-between}
.cart-items .cart-item:first-child {border-top:var(--fg-color) solid 1px;padding-top:20px}
.cart-items .cart-item a {cursor:pointer;border-bottom:none}
.cart-items .cart-item .image {display:block;width:50px;min-height:75px;background-color:#ccc}
.cart-items .cart-item .name {flex:5;padding-right:30px;line-height:1.5}
.cart-items .cart-item .name .offer-name {display:block;font-size:12px;margin-top:5px}
.cart-items .cart-item .price {text-align:right;white-space:nowrap}
.cart-items .cart-item .x {color:#999}
.cart-items .cart-item .quantity input {width:70px;height:30px;font-size:14px}
.cart-items .cart-item .subtotal {width:90px}
.cart-items .cart-item .remove svg {transform:scale(0.8);margin-top:3px}
.cart-items .cart-item .remove a:hover svg line,
.cart-items .cart-item .remove a:active svg line {stroke:#666}
.cart-items .cart-item.removed .name .warning {color:#f00;font-size:12px}
@media screen and (max-width:640px) {.cart-items .cart-item {flex-direction:column }.cart-items .cart-item >div:nth-child(1) {align-self:flex-start;align-items:flex-start;gap:10px }.cart-items .cart-item >div:nth-child(2) {align-self:flex-end;gap:5px;margin-top:10px }.cart-items .cart-item .image {width:40px;min-height:60px }.cart-items .cart-item .name {padding-right:40px }.cart-items .cart-item .quantity input {width:40px;height:20px;font-size:12px }.cart-items .cart-item .remove {position:absolute;right:0;top:-3px }.cart-items .cart-item:first-child .remove {top:17px }}
.creditcard-page {padding-bottom:50px}
.creditcard-page .creditcard-expiry-date {align-items:flex-end;gap:20px}
.creditcard-page .creditcard-expiry-date span {font-size:24px;color:#999}
.order-list-page .order-item:first-child {border-top:var(--fg-color) solid 1px}
.order-list-page .order-item:first-child .header {display:flex}
.order-list-page .order-item .row {display:flex;justify-content:space-between;padding-top:20px;padding-bottom:20px;border-bottom:#ccc solid 1px}
.order-list-page .order-item .row div {flex:1;display:flex;align-items:center;gap:10px}
.order-list-page .order-item .row div.status {flex:1.5}
.order-list-page .order-item .header {display:none}
@media screen and (max-width:640px) {.order-list-page .order-item {display:flex }.order-list-page .order-item .row {flex:2;flex-direction:column;gap:15px }.order-list-page .order-item .row:first-child {flex:1 }.order-list-page .order-item .row div {min-height:20px }.order-list-page .header {display:flex !important }}
.order-page .main h2 {padding-top:1em;border-top:var(--fg-color) solid 1px}
@media screen and (max-width:640px) {.order-page .main h2 {font-size:20px }}
.order-page .main h2:first-child {margin-top:0}
.order-page .main >div {display:flex;justify-content:space-between;padding-bottom:15px}
.order-page .main >div span:nth-child(1) {flex:1}
.order-page .main >div span:nth-child(2) {flex:2;text-align:right}
.text-badge {margin:0}
.info-item {display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px}
.info-item >div {display:flex;align-items:center;gap:5px}
@media screen and (max-width:640px) {.info-item >div {flex-direction:column;align-items:flex-end }}