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}
@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 }}