@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 }}
form {font-family:Arial,Helvetica,sans-serif}
form.narrow {max-width:700px !important}
form select,
form input,
form button {height:45px;font-size:16px}
form .small select,
form .small input,
form .small button {height:35px;font-size:14px}
form .small input.quantity {font-size:16px}
form select {appearance:none;outline:none;display:block;box-sizing:border-box;width:100%;padding:0 50px 0 10px;border:var(--fg-color) solid 1px;border-radius:0;margin:10px 0;background-color:transparent;background-image:url("/themes/verse-v2/assets/images/common/arr-b.svg");background-repeat:no-repeat;background-position:95% 47%;color:var(--fg-color)}
form input:not([type=image]) {outline:none;display:block;box-sizing:border-box;margin:10px 0;padding:0 10px;border:var(--fg-color) solid 1px;border-radius:0;background:transparent;width:100%;color:var(--fg-color)}
form input:not([type=image]).quantity {text-align:center;font-size:20px}
form input[type=checkbox] {height:auto}
form input[type=radio] {width:auto;height:auto;display:inline}
form textarea {outline:none;width:100%;min-height:10em;box-sizing:border-box;padding:10px}
form button {flex:1;border:none;box-sizing:border-box;padding:0 1em;background:var(--fg-color);color:var(--bg-color);white-space:nowrap}
form button.full {width:100%}
form button.sub {background:none;color:var(--fg-color);border:var(--fg-color) solid 1px}
form.simple input {border:none;border-bottom:var(--fg-color) solid 1px;padding-left:0}
form .quantity-warning {margin:1em 0;color:red}
form .quantity-add-to-cart-combo {display:flex;gap:10px}
form .quantity-add-to-cart-combo .quantity {margin:0;width:240px}
@media screen and (max-width:1000px) {form .quantity-add-to-cart-combo .quantity {display:flex;flex:1;width:auto }}
form .input-btn-combo {display:flex;gap:10px}
form .element-group {margin-bottom:30px}
form .element-group .notice {margin-top:5px}
form .cols {display:flex;justify-content:space-between;gap:50px}
form .cols >div {flex:1}
@media screen and (max-width:640px) {form .cols {display:block }form .cols >div {margin-bottom:30px }}
form .action {margin:80px 0;text-align:center}
form .action button {min-width:200px}
form #address-tw input[name=shipping_postcode] {display:none}
article div.content-wrapper div.content,
.editor {}
article div.content-wrapper div.content .nowrap,
.editor .nowrap {white-space:nowrap}
article div.content-wrapper div.content .center,
.editor .center {text-align:center !important}
article div.content-wrapper div.content .w20p,
.editor .w20p {width:20%}
article div.content-wrapper div.content .w16p,
.editor .w16p {width:16%}
article div.content-wrapper div.content .w15p,
.editor .w15p {width:15%}
article div.content-wrapper div.content p,
.editor p {margin-bottom:2.399rem;line-height:1.8}
article div.content-wrapper div.content .colored-bg,
.editor .colored-bg,
article div.content-wrapper div.content .promo-block,
.editor .promo-block {margin-bottom:0;padding:2rem 2.3rem 0;color:var(--black);background-color:#ccc}
article div.content-wrapper div.content p.colored-bg,
.editor p.colored-bg,
article div.content-wrapper div.content .promo-block,
.editor .promo-block {margin-bottom:2.399rem;padding:2rem 2.3rem}
article div.content-wrapper div.content .colored-bg a,
.editor .colored-bg a {color:var(--fg-color)}
article div.content-wrapper div.content .promo-block,
.editor .promo-block {background:none !important;color:#f00}
article div.content-wrapper div.content .promo-block a,
.editor .promo-block a {color:#f00}
@media screen and (max-width:600px) {article div.content-wrapper div.content .colored-bg,.editor .colored-bg,article div.content-wrapper div.content .promo-block,.editor .promo-block {padding:1rem 1.3rem }}
article div.content-wrapper div.content .bordered,
.editor .bordered {padding:40px 0 36px;border-top:solid 1px;border-top-color:var(--black,var(--fg-color));border-bottom:solid 1px;border-bottom-color:var(--black,var(--fg-color))}
article div.content-wrapper div.content .back-to-feature,
.editor .back-to-feature {margin:50px 0}
article div.content-wrapper div.content .fr-img-caption .fr-inner,
.editor .fr-img-caption .fr-inner,
article div.content-wrapper div.content span.img-caption,
.editor span.img-caption,
article div.content-wrapper div.content p.img-caption,
.editor p.img-caption {display:block;margin-top:1rem;font-size:smaller;font-family:sans-serif}
article div.content-wrapper div.content p.img-caption,
.editor p.img-caption {margin-top:-1.5rem !important}
article div.content-wrapper div.content p.img-group,
.editor p.img-group {display:flex !important;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
article div.content-wrapper div.content p.img-group.cols-2 img,
.editor p.img-group.cols-2 img {width:49.7%;height:auto;margin:0.3% 0}
article div.content-wrapper div.content p.img-group.cols-2 >a,
.editor p.img-group.cols-2 >a {width:49.7%;height:auto;margin:0.3% 0}
article div.content-wrapper div.content p.img-group.cols-2 >a img,
.editor p.img-group.cols-2 >a img {width:100%}
article div.content-wrapper div.content p.img-group.cols-3 img,
.editor p.img-group.cols-3 img {width:33%;height:auto;margin:0.5% 0}
@media screen and (max-width:480px) {article div.content-wrapper div.content p.img-group,.editor p.img-group {display:block }article div.content-wrapper div.content p.img-group.cols-2 img,.editor p.img-group.cols-2 img,article div.content-wrapper div.content p.img-group.cols-3 img,.editor p.img-group.cols-3 img {width:100% }}
article div.content-wrapper div.content a.button,
.editor a.button {display:inline-block;padding:0.5rem 5rem;font-size:1rem;letter-spacing:1px;text-align:center;text-decoration:none;color:var(--btn-border,#343434);border:solid 1px;border-radius:2px;border-color:var(--btn-border,#343434)}
article div.content-wrapper div.content a.button:hover,
.editor a.button:hover {color:var(--btn-color,#8f5e13)}
article div.content-wrapper div.content ul,
.editor ul,
article div.content-wrapper div.content ol,
.editor ol {line-height:1.8;margin:2.399rem 0;padding-left:1.25em}
article div.content-wrapper div.content ul,
.editor ul,
article div.content-wrapper div.content ul li,
.editor ul li {list-style-type:disc}
article div.content-wrapper div.content ul p,
.editor ul p,
article div.content-wrapper div.content ol p,
.editor ol p {margin-bottom:unset !important}
article div.content-wrapper div.content table,
.editor table {width:100%;margin:20px 0}
article div.content-wrapper div.content table td,
.editor table td {font-weight:inherit;padding:10px 1em;border:solid 1px;border-color:var(--post-border,rgba(0,0,0,0.15))}
article div.content-wrapper div.content table td.oc-cell-highlighted,
.editor table td.oc-cell-highlighted {background-color:var(--picker-showBg,#f6efdf);text-align:center}
article div.content-wrapper div.content table p,
.editor table p,
article div.content-wrapper div.content table ul,
.editor table ul,
article div.content-wrapper div.content table ol,
.editor table ol {margin:unset !important;text-align:unset !important;font-size:1em !important;letter-spacing:0.1em !important}
article div.content-wrapper div.content table ul,
.editor table ul,
article div.content-wrapper div.content table ol,
.editor table ol {padding-left:1.5rem}
@media screen and (max-width:480px) {article div.content-wrapper div.content table th,.editor table th,article div.content-wrapper div.content table td,.editor table td {padding:10px 5px }article div.content-wrapper div.content table p,.editor table p,article div.content-wrapper div.content table ul,.editor table ul,article div.content-wrapper div.content table ol,.editor table ol {font-size:12px !important;line-height:1.5 !important }}
article div.content-wrapper div.content table.small-font,
.editor table.small-font {font-size:0.9em}
article div.content-wrapper div.content .fr-fb,
.editor .fr-fb {display:block;overflow:hidden}
article div.content-wrapper div.content .fr-fb iframe,
.editor .fr-fb iframe {display:block;margin:0 auto}
article div.content-wrapper div.content .twitter-tweet.twitter-tweet-rendered,
.editor .twitter-tweet.twitter-tweet-rendered,
article div.content-wrapper div.content .instagram-media.instagram-media-rendered,
.editor .instagram-media.instagram-media-rendered {margin:0 auto 40px auto!important}
article div.content-wrapper div.content .embedly-container,
.editor .embedly-container {overflow:hidden}
article div.content-wrapper div.content .embedly-card .embedly-card-hug,
.editor .embedly-card .embedly-card-hug {margin:0 auto!important;max-width:100% !important}
article div.content-wrapper div.content .embedly-card .embedly-card-hug iframe,
.editor .embedly-card .embedly-card-hug iframe {margin:0 auto!important}
article div.content-wrapper div.content .embedly-youtube iframe,
.editor .embedly-youtube iframe {width:100% !important}
@media screen and (max-width:375px) {article div.content-wrapper div.content .embedly-container.embedly-facebook,.editor .embedly-container.embedly-facebook {width:110%;margin-left:-5% }}
.editor.magazine-toc h1 {display:inline-block;margin-top:40px;margin-bottom:0;border-bottom:0.8px solid;border-bottom-color:var(--font-color,#343434)}
.editor.magazine-toc p {margin:10px 0}
.editor section {padding-bottom:50px;margin-bottom:50px;border-bottom:#ccc solid 1px}
.editor section:last-child {padding-bottom:0;margin-bottom:0;border-bottom:none}
.editor img {max-width:100%}
.editor h1 {font-weight:700;font-size:2rem;line-height:1.5}
.editor h2 {font-weight:700;font-size:1.5rem;line-height:1.5}
.editor h3 {font-size:1rem}
.editor h4 {font-size:1rem}
.editor ul,
.editor ol {padding-left:2em}
.editor ul {list-style-type:disc}
.editor ol {list-style-type:decimal}
.editor li {list-style-type:inherit}
.editor h1:first-child,
.editor p:first-child {margin-top:0}
.dark article div.content-wrapper div.content .colored-bg,
.dark .editor .colored-bg,
.dark article div.content-wrapper div.content .promo-block,
.dark .editor .promo-block {color:var(--white);background-color:var(--footer-bg-color)}