LUMO 禾日微光・Essential Fragrance

LUMO 禾日微光・Essential Fragrance .cakes { margin: 20px auto; } .cake-wrapper { z-index: 1; clear: both; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; outline: none; display: flex; flex-direction: column; row-gap: 2px; } .cake-wrapper .piece img{ z-index:2;} .cake-wrapper .piece { overflow: hidden; width: 100%; } .cake-wrapper .is-cpd { display: block; position: relative; } .cake-wrapper .is-cpd .pd__info { position: relative; } .cake-wrapper .is-cpd .pd__photo { display: block; width: 100%; height: 100%; text-decoration: none; } .cake-wrapper .is-cpd .pd__photo img { display: block; width: 100%; height: 100%; object-fit: cover; } .cake .is-cpd .del-price { display: none; } .cake .is-cpd .pd__content .price .text, .cake .is-cpd .pd__sold .price .text { display: none; } .cakes__7 .cake-wrapper { overflow: hidden; } /* 手機手勢縮放 */ .flickity-viewport { touch-action: pan-y pinch-zoom !important; } /* 一頁式商店輪播購物按鈕 *****************************/ .cake-wrapper .is-cpd .pd__action { margin-top: 10px; padding-bottom: 1px; /* 避免 .flickity-viewport 計算高度時忽略小數點導致按鈕框線不見 */ } .cake-wrapper .is-cpd .pd__action .cart-btn { display: flex; gap: 4px; align-items: center; justify-content: center; width: 100%; padding: 10px; line-height: 1; font-weight: 700; font-size: 1.125rem; } .cake-wrapper .is-cpd .pd__action .cart-btn.addtosoldout { background-color: #949494; color: #fff; border-color: #949494; } @media (hover:hover) { .cake-wrapper .is-cpd .pd__action .cart-btn.addtosoldout:hover { background-color: #aaaaaa; color: #fff; border-color: #aaaaaa; } } @media (max-width: 767px) { .cake-wrapper .is-cpd .pd__action .cart-btn { padding: 6px; font-size: .875rem; } } /* flickity-page-dots 動態 *****************************/ .cake-wrapper .flickity-page-dots { overflow: hidden; padding: 0; --shift-amount: ''; } .cake-wrapper.cake .flickity-page-dots { flex-wrap: nowrap; justify-content: start; } .cake-wrapper .flickity-page-dots > li { flex-shrink: 0; transform: var(--shift-amount); transition: transform 0.3s; } .cake-wrapper .flickity-page-dots > li:active, .cake-wrapper .flickity-page-dots > li:focus { transform: var(--shift-amount); }@charset "UTF-8"; @import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css"); @import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC"); :root{ --shopstore-primary: #262526; --shopstore-secondary:#787fa0; --shopstore-text-color: #262526; --shopstore-text-highlight-color: var(--shopstore-primary); /* btn */ --shopstore-btn-background: var(--shopstore-secondary); --shopstore-btn-text-color: #f3f3f3; --shopstore-btn-border-color: transparent; --shopstore-btn-background-hover: color-mix(in srgb, var(--shopstore-secondary) 50% , white); --shopstore-btn-text-color-hover: #262526; --shopstore-btn-border-color-hover: transparent; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: 'xingothic-tc','Noto Sans TC','PingFang TC','Microsoft JhengHei', 'sans-serif'; font-weight: 300; } ::placeholder { color: rgba(127, 128, 132, 0.7); opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(127, 128, 132, 0.7); } ::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(127, 128, 132, 0.7); } a { text-decoration: revert; } input[type=text], input[type=url], input[type=email], input[type=password], input[type=number], input[type=date] { box-sizing: border-box; min-height: 34px; max-height: 34px; width: 100%; padding: 5px; font-size: 16px; vertical-align: middle; outline: none; color: #262526; border: none; border: 1px solid #7f8084; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type=text]:focus, input[type=url]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=date]:focus { border-color: var(--shopstore-secondary); } input[type=text]:hover, input[type=url]:hover, input[type=email]:hover, input[type=password]:hover, input[type=number]:hover, input[type=date]:hover { border-color: var(--shopstore-secondary); } input[type=number] { text-align: center; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0; } textarea { box-sizing: border-box; min-height: 34px; width: 100%; padding: 5px 5px 5px 0; font-size: 16px; outline: none; color: #262526; margin-bottom: 10px; border: none; border: 1px solid #7f8084; display: block; overflow: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-bor