Help
RSS
API
Feed
Maltego
Contact
Domain > pysun.com.tw
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2021-04-12
3.0.232.217
(
ClassC
)
2023-06-12
3.0.30.190
(
ClassC
)
2024-11-06
18.136.254.91
(
ClassC
)
2025-12-09
34.102.209.218
(
ClassC
)
Port 443
HTTP/1.1 200 OKcontent-type: text/html; charsetUTF-8x-powered-by: PHP/7.3.33cache-control: no-cache, privateset-cookie: XSRF-TOKENeyJpdiI6ImZyTzdURUsySWtOd2lYZER2VTlvdXc9PSIsInZhbHVlIjoiTmpJWThrR2RsTE9KbGk2U3RIWFZwT0prNmcyYXpIdFVWZEkzcGh2ekJ5Tk4zbG9qQ1wvZWxKdUFqMHBlZlNVTUgiLCJtYWMiOiJkMmNiMTUxZWU0N2I4MGFmM2IxYTZiOTlmOWNjYmNkMGEwMmJlMWI3ZTljYzE0YzE4Y2JkNmEwMGE0YWVlOTY2In0%3D; expiresTue, 09-Dec-2025 21:07:05 GMT; Max-Age7200; path/; domainpysun.com.twset-cookie: pysuncomtw_sessioneyJpdiI6IjQ3T2V0MHhEeWV3YU5VV1NaUWR0SEE9PSIsInZhbHVlIjoiOVdBNlZaUkZkZmVVRFN0Z2FwU2VwUlVTZmhyUEkwNTF0UGdZbHNJb1lpT1ZBSmF4SFdkMEhDVHlwTFhjT3NxMSIsIm1hYyI6IjRiNzlmNjY2YmUzZTdhZWIwYTJiZTdjZWI5NmM0ODQ5Zjc0ZjZiZmUzYWQyOTdiZWJmNTRkNWQ0ZWQ0M2VkZTUifQ%3D%3D; expiresTue, 09-Dec-2025 21:07:05 GMT; Max-Age7200; path/; domainpysun.com.tw; httponlyx-frame-options: SAMEORIGINx-content-type-options: nosniffdate: Tue, 09 Dec 2025 19:07:05 GMTserver: Google Frontendvia: 1.1 googleAlt-Svc: h3:443; ma2592000,h3-29:443; ma2592000Transfer-Encoding: chunked !DOCTYPE html>html> head> meta charsetutf-8>title>PYSUN 台灣零售網/title>meta namecsrf-token contentQM7RDT1aKvUE5NQK7UE4E1TzAR5gFXDrCo2r8gN6>link relapple-touch-icon hrefhttps://shopstore-image.pages.dev/upload/14424/favicon/14424_67fdc537a8320.jpg>link relicon hrefhttps://shopstore-image.pages.dev/upload/14424/favicon/14424_67fdc537a8320.jpg>meta propertyog:url contenthttps://pysun.com.tw />meta propertyog:title contentPYSUN 台灣零售網 />meta propertyog:site_name contentPYSUN 台灣零售網 />meta propertyog:type contentproduct />meta propertyog:description content首頁 />meta propertyog:image contenthttps://shopstore.tw/img/no-photo.png />meta namedescription contentPYSUN 只給您最好的，因為您值得 />meta namefragment content!>meta nameauthor content>meta nameHandheldFriendly contentTrue>meta nameviewport contentwidthdevice-width, initial-scale1>meta namegoogle contentnotranslate/>meta http-equivContent-Language contentzh-Hant-TW/>meta http-equivX-UA-Compatible contentIEedge, chrome1>meta http-equivcleartype contenton>meta http-equivx-dns-prefetch-control contenton>link relpreconnect hrefhttps://shopstore-manage.shopstore.tw>link relpreconnect href//cdnjs.cloudflare.com>link relpreconnect href//connect.facebook.net>link relpreconnect href//static.xx.fbcdn.net>link reldns-prefetch hrefhttps://shopstore-manage.shopstore.tw>link reldns-prefetch href//cdnjs.cloudflare.com>link reldns-prefetch href//connect.facebook.net>link reldns-prefetch href//static.xx.fbcdn.net>link reldns-prefetch href//www.googletagmanager.com>link relstylesheet hrefhttps://pysun.com.tw/css/icomoon/style.css?2.6.600 >link relstylesheet hrefhttps://pysun.com.tw/css/loading_list.css?2.6.600>link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.5.1/css/OverlayScrollbars.min.css>link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.17.2/simplelightbox.min.css>link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css/>link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css>link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.14/theme-chalk/index.min.css integritysha512-cTraKrkPq3y0mm73JlMTDOugmX/NwJ/WCitAFxMdS/l+P/qMIUzGkbg3oCx9e8suEU2rurxP+5aIidz0ZjKdpw crossoriginanonymous referrerpolicyno-referrer />link relstylesheet href//fonts.googleapis.com/css?familyUnna:400|Alegreya:400|Alegreya:400|Macondo:400|Corben:400|Ultra:400|Alegraya:400|Source+Sans Pro:200|Acme:400|Amiri:400|EB+Garamond:400|Seaweed+Script:400italic|Alegreya:700|Source+Sans Pro:200|Source+Sans Pro:400|Dancing+Script:400|Titan+One:400|Arapey:400|Source+Sans Pro:200|Open+Sans:400|Open+Sans:600|Open+Sans:700|Amiri:400|Courgette:400|Vollkorn:400|Gentium+Book Basic:700|Cardo:400|Volkhov:400|PT+Serif:400|Volkhov:700|Alegreya:700|Lemon:400|Special+Elite:400|Source+Sans Pro:300|Source+Sans Pro:400|Varela+Round:400|Nunito:700|Lora:400|IM+Fell French Canon:400|IM+Fell French Canon:500 typetext/css>style>.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?familyNoto+Sans+TC);:root{ --shopstore-primary:#444444; --shopstore-secondary:#ad8349; --shopstore-text-color: #212529; --shopstore-text-highlight-color: var(--shopstore-primary); /* btn */ --shopstore-btn-background: var(--shopstore-primary); --shopstore-btn-text-color: white; --shopstore-btn-border-color: transparent; --shopstore-btn-background-hover: color-mix(in srgb, var(--shopstore-btn-background) 85%, white); --shopstore-btn-text-color-hover: var(--shopstore-btn-text-color); --shopstore-btn-border-color-hover: var(--shopstore-btn-border-color);}* { -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, Helvetica Neue, Helvetica, Arial, sans-serif; }@-webkit-keyframes slideDown { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 65% { transform: translateY(6%); } 80% { transform: translateY(4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } }@-moz-keyframes slideDown { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 65% { transform: translateY(6%); } 80% { transform: translateY(4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } }@-o-keyframes slideDown { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 65% { transform: translateY(6%); } 80% { transform: translateY(4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } }@keyframes slideDown { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 65% { transform: translateY(6%); } 80% { transform: translateY(4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } }@-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@-moz-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@-o-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@-webkit-keyframes pound { 0% { transform: none; } 50% { transform: translateY(10px) scale(3.5); } 100% { transform: none; } }@-moz-keyframes pound { 0% { transform: none; } 50% { transform: translateY(10px) scale(3.5); } 100% { transform: none; } }@-o-keyframes pound { 0% { transform: none; } 50% { transform: translateY(10px) scale(3.5); } 100% { transform: none; } }@keyframes pound { 0% { transform: none; } 50% { transform: translateY(10px) scale(3.5); } 100% { transform: none; } }/******************** fadeInDown*******************/@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(20%, -20%, 0); transform: translate3d(20%, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@-moz-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(20%, -20%, 0); transform: translate3d(20%, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@-o-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(20%, -20%, 0); transform: translate3d(20%, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(20%, -20%, 0); transform: translate3d(20%, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }body { width: 100%; max-width: 100%; *zoom: 1; overflow-x: hidden; -webkit-overflow-scrolling: touch; }body:before, body:after { content: ; display: table; }body:after { clear: both; }body.noScroll { overflow: hidden; }#wrap { width: 100%; min-height: 100vh; min-width: 320px; }#wrap:has(.pop__cart.isOpen) { overflow: hidden; }@media (max-width: 767px) { #wrap { overflow: hidden; } }a { text-decoration: revert; }inputtypetext, inputtypeurl, inputtypeemail, inputtypepassword, inputtypenumber, inputtypedate { box-sizing: border-box; min-height: 40px; width: 100%; padding: 5px; font-size: 16px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; margin-bottom: 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }inputtypetext:focus, inputtypeurl:focus, inputtypeemail:focus, inputtypepassword:focus, inputtypenumber:focus, inputtypedate:focus { background-color: color-mix(in srgb, var(--shopstore-primary) 10%, white); }inputtypenumber { text-align: center; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }inputtypenumber::-webkit-inner-spin-button, inputtypenumber::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0; }textarea { box-sizing: border-box; min-height: 40px; width: 100%; padding: 5px; font-size: 16px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; margin-bottom: 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: color-mix(in srgb, var(--shopstore-primary) 10%, white);}inputtypesubmit, inputtypebutton, buttontypesubmit, buttontypebutton:not(.flickity-button, .uniform-btn, .btn-icon, .carts-tabs-link) { box-sizing: border-box; min-height: 40px; padding: 5px 20px; font-size: 16px; outline: none; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: none; background: var(--shopstore-primary); color: white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; touch-action: manipulation; }inputtypesubmit:hover, inputtypesubmit:active, inputtypesubmit:focus, inputtypebutton:hover, inputtypebutton:active, inputtypebutton:focus, buttontypesubmit:hover, buttontypesubmit:active, buttontypesubmit:focus, buttontypebutton:not(.flickity-button, .uniform-btn):hover, buttontypebutton:not(.flickity-button, .uniform-btn):active, buttontypebutton:not(.flickity-button, .uniform-btn):focus { box-shadow: none; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity90); filter: alpha(opacity90); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }buttontypebutton.is-selecting { background-color: #e6e6e6; color: var(--shopstore-primary); }buttontypebutton.not-selected { background-color: white; color: var(--shopstore-primary); border:1px solid var(--shopstore-primary) }.mb-2{margin-bottom: .75rem;}.d-block{display:block;}.row{display: flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}.w-100{width: 100%;}.col-md-6{width: 100%;padding-right:15px;padding-left:15px}@media (min-width: 981px){ .col-md-6{flex:0 0 50%;max-width:50%;} }.sort-select { width: 15%; margin-left: auto; margin-bottom: 30px; position: relative; color: inherit; /* Target IE9 and IE10 */ }.sort-select::after { content: \25BE; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #444444; pointer-events: none; }.sort-select select { -webkit-appearance: none; -moz-appearance: none; min-height: 34px; width: 100%; padding: 0 5px; font-size: 16px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-family: inherit; outline: none; }@media (max-width:767px){ .sort-select{ width: 40%; } }.select-wrap { position: relative; color: inherit; /* Target IE9 and IE10 */ }.select-wrap::after { content: \25BE; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #444444; pointer-events: none; }.select-wrap select::-ms-expand { display: none; }.select-wrap select { -webkit-appearance: none; -moz-appearance: none; min-height: 40px; width: 100%; padding: 10px 5px; font-size: 16px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-family: inherit; outline: none; }.select-wrap select:focus { background-color: color-mix(in srgb, var(--shopstore-primary) 10%, white); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }.select-wrap select:disabled { cursor: not-allowed; }.select-area { display: flex; margin-bottom: 10px; }.number-wrap { position: relative; display: block; width: 100%; }.number-wrap > input { display: block; height: 100%; margin-bottom: 0;border-color: var(--shopstore-primary); }.number-wrap > button { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 10px; padding-right: 10px; height: 100%; margin-bottom: 0; }.number-wrap > button.num-minus { left: 0; padding-right: 10px; padding-left: 10px; }.number-wrap > button.num-plus { right: 0; padding-right: 10px; padding-left: 10px; }/******************** inputtypefile*******************/inputtypefile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }inputtypefile + label { border-radius: 5px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: flex; overflow: hidden; vertical-align: middle; padding: 5px 20px; font-size: 16px; background-color: var(--shopstore-primary); color: white; border: 1px solid var(--shopstore-primary); }inputtypefile + label span{margin-right: 5px;}inputtypefile:focus + label, inputtypefile.has-focus + label { outline: none; }inputtypefile:focus + label, inputtypefile.has-focus + label, inputtypefile + label:hover { color: var(--shopstore-primary); background-color: white; }.currency > sup { font-size: 12px; font-style: normal; text-decoration: none; top: 0; line-height: normal; }.chat-btn{display: flex; justify-content: space-between;}.chat-btn button{min-height: 0;border: 1px solid var(--shopstore-primary);display: flex;}.chat-btn button span{display: inline-block;transform: rotate(-45deg);margin-right: 5px;}/******************** head top*******************/header { display: block; width: 100%; margin: 0 auto; *zoom: 1; }header:before, header:after { content: ; display: table; }header:after { clear: both; }.headtop { width: 100%; background: rgba(255, 255, 255, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; position: fixed; z-index: 99999; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop { border-bottom: 1px solid #9c9c9c; } }.headtop_main{ height: 30px; width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop_main { height: 66px } }/** head top mobile分類bar*******************/.headtop__category_bar{display: none;}@media (max-width: 980px), (max-device-width: 1024px){.headtop__category_bar{display: flex; width:calc(100% - 30px); height: 40px; overflow:auto; margin:auto;}.headtop__category_bar ul{list-style:none;display: flex;align-items: center;flex-wrap:nowrap;padding:0;}.headtop__category_bar li{padding: 0 15px; white-space:nowrap;}.headtop__category_bar li a{color: #000000;text-decoration:none;}}@media (min-device-width: 1025px){ .headtop__category_bar::-webkit-scrollbar {height: 5px;} .headtop__category_bar::-webkit-scrollbar-track {background: transparent;} .headtop__category_bar::-webkit-scrollbar-thumb {background-color: transparent;} .headtop__category_bar:hover.headtop__category_bar::-webkit-scrollbar-track {background: #F1F0F0;} .headtop__category_bar:hover.headtop__category_bar::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3); } .headtop__category_bar::-webkit-scrollbar-track:hover {background-color: #F1F0F0;} .headtop__category_bar::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, .3);} /* Firefox */ .headtop__category_bar {scrollbar-width: thin;scrollbar-color: rgba(0, 0, 0, 0.3) #F1F0F0;} }/** head top 基本功能*******************/.headtop-icon { font-size: 16px; overflow: visible; color: #555555; transition: color .2s ease;}.headtop-icon.icon-search { font-size: 20px;}@media (max-width: 980px), (max-device-width: 1024px) { .headtop-icon { font-size: 24px; text-align: center; display: block; color: inherit;} .headtop-icon.icon-search { font-size: 24px;} .sidebar__stable-nav .headtop-icon { font-size: 16px; padding: 4px; color: inherit;}}.headtop__store-essentials { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: 20px; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__store-essentials { margin: auto; order: 4; } }.headtop__store-essentials a { font-size: 16px; position: relative; margin-right: 20px; text-decoration: none; color: #555555; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__store-essentials a { font-size: 24px; margin: auto 10px; border: none; text-align: center; }.headtop__store-essentials a:first-child { margin-left: 10px; } }.headtop__store-essentials a:first-child::before { content: ; display: block; width: 20px; height: 1px; position: absolute; background: #555555; transform: rotate(-75deg); left: -17px; top: 8px; }.headtop__store-essentials a::after { content: ; display: block; width: 20px; height: 1px; position: absolute; background: #555555; transform: rotate(-75deg); right: -20px; top: 8px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; }.headtop__store-essentials a:hover, .headtop__store-essentials a:hover .headtop-icon { color: #6c6c6c; }.headtop__store-essentials a .pc-menu { margin-left: 3px; }.mobile-menu{ display: none; }.headtop__store-essentials a b { font-size: 12px; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__store-essentials a::before { display: none !important; } .headtop__store-essentials a::after { display: none; } .headtop__store-essentials a .pc-menu { display: none; } .mobile-menu { display: block; font-size: 14px; line-height: 1.2; white-space: nowrap; margin-top: 3px; font-weight: 400;} .headtop__store-essentials a.cart-manage-btn .group { display: flex; justify-content: center; align-items: end;} .headtop__store-essentials a.order-manage-btn { display: none; } .headtop__store-essentials a.contact-btn { display: none; } .headtop__store-essentials a.blog-btn { display: none; } .headtop__store-essentials a.sign-in-btn { display: none; } .headtop__store-essentials a.sign-out-btn { display: none; } .headtop__store-essentials a.member-btn { display: none; } }@media (min-width: 981px) { /* 避免 safari 多層 scale 時模糊*/ .cart-manage-btn.anime > * { -webkit-animation-delay: 0; -webkit-animation-duration: 0.7s; -webkit-animation-name: pound; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.7s; -moz-animation-name: pound; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.7s; animation-name: pound; animation-fill-mode: fowards; animation-direction: ease; }}@media (max-width: 980px) { .cart-manage-btn.anime { -webkit-animation-delay: 0; -webkit-animation-duration: 0.7s; -webkit-animation-name: pound; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.7s; -moz-animation-name: pound; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.7s; animation-name: pound; animation-fill-mode: fowards; animation-direction: ease; }}.cart-manage-btn.anime::after { transform: rotate(-165deg); height: 0; }/** head top 社群功能*******************/.headtop__social-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; justify-items: center; align-content: center; align-items: center; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__social-nav { display: none; } .headtop__social-nav.in-sidebar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; width: 100%; justify-content: flex-start; } .headtop__social-nav.in-sidebar a { font-size: 18px; margin-right: 10px; } .headtop__social-nav.in-sidebar span.icon-facebook2 { color: #3b5998; } .headtop__social-nav.in-sidebar span.icon-instagram { color: #e4405f; } .headtop__social-nav.in-sidebar span.icon-line { color: #00c300; } .headtop__social-nav.in-sidebar span.icon-youtube { color: #f00; } }.headtop__social-nav a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 18px; text-decoration: none; justify-content: center; align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; }.headtop__social-nav a:not(:last-child) { margin-right: 8px; }.headtop__social-nav a span { color: #555555; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }.headtop__social-nav a:hover span { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }.headtop__social-nav a:hover span.icon-facebook2 { color: #3b5998; }.headtop__social-nav a:hover span.icon-instagram { color: #e4405f; }.headtop__social-nav a:hover span.icon-line { color: #00c300; }.headtop__social-nav a:hover span.icon-youtube { color: #f00; }/** head top 搜尋bar*******************/.headtop__search-block { display: inline-block; margin-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__search-block { order: 3; padding: 0; background: none; margin-right: 0; } }.headtop__search-block form { margin-bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; justify-items: center; align-content: center; align-items: center; }.headtop__search-block .search-box { display: block; visibility: hidden; width: 0; flex-direction: row; flex-wrap: nowrap; justify-content: center; justify-items: center; align-content: center; align-items: center; margin: 0; padding: 0; position: relative; }.headtop__search-block .search-box.open { width: 180px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; visibility: visible; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__search-block .search-box.open { width: 200px; } }.headtop__search-block .search-box.open .search-box__input { border-color: #9c9c9c; visibility: visible; }.headtop__search-block .search-box__input { width: 100%; visibility: hidden; border: none; border-bottom: 1px solid white; padding-top: 3px; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__search-block .search-box__input { font-size: 22px; } }.headtop__search-block .search-box__submit { border: none; color: #555555; background:transparent; cursor: pointer; position: absolute; margin: 0; padding: 3px; right: 0; font-size: 18px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); min-height: auto; display: none; }.headtop__search-block .search-box__submit:hover { color: var(--shopstore-primary); }.search-box__input:focus{outline: none;outline-offset: 0;}.search-box__input{-webkit-appearance: none!important; /* Safari 和 Chrome，常用於iOS下移除內建樣式 */-moz-appearance: none!important;/* FireFox */appearance: none!important;box-shadow: none!important;border-radius: 0 !important;}@media (max-width: 980px), (max-device-width: 1024px){.search-box__input{line-height:2em;height:2em;}}@media (max-width: 980px), (max-device-width: 1024px) { .headtop__search-block .search-box__submit { font-size: 20px; } }.headtop__search-block .search-button { display: block; text-decoration: none; color: #555555; padding-left: 6px; padding-right: 6px; font-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }.headtop__search-block .search-button:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__search-block .search-button { font-size: 22px; text-align: center; padding-right: 0; } }.headtop__logo { display: none; flex-grow: 1; order: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__logo { display: block; height: 75%; width: 38%; text-align: center; } .headtop__logo.move img { width: auto; } .headtop__logo a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; width: 100%; align-items: center; justify-content: flex-start; } .headtop__logo img { display: block; height: 100%; max-width: 100%; object-fit: scale-down; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@media (max-width: 980px), (max-device-width: 1024px) { .items-list-btn{ display: none; } }/** head sidebar menu *******************/.headtop__sidebar { display: none; }@media (max-width: 980px), (max-device-width: 1024px) { .headtop__sidebar { display: block; order: 4; margin: auto; } }.sidebar__nav-btn { display: none; margin-right: 10px; position: relative; }@media (max-width: 980px), (max-device-width: 1024px) { .sidebar__nav-btn { display: block; text-align: center; } .sidebar__nav-btn a { text-decoration: none; color: #555555; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sidebar__nav-btn a:hover { color: var(--shopstore-secondary); } .sidebar__nav-btn .icon-th-menu{ font-size: 24px; } }.sidebar__nav { z-index: 1002; position: fixed; width: 0; height: 100vh; background-color: rgba(68, 68, 68, 0.35); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; right: 0; top: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }.sidebar__nav.open { width: 100%; }.sidebar__nav.open .sidebar__nav-close { left: calc(20% - 48px); }.sidebar__nav-close { font-size: 36px; color: white; text-decoration: none; position: fixed; left: 100%; top: 10px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; display: inline-block; padding: 5px 6px; background: var(--shopstore-primary); -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }.sidebar__nav-close:hover { color: var(--shopstore-secondary); }.sidebar__nav--ul { list-style: none; display: block; margin: 0; padding: 10px 15px 100px; background: var(--shopstore-primary); float: right; width: 80%; min-height: 100vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }.sidebar__nav--ul ul { list-style: none; width: 100%; flex-basis: 100%; clear: both; padding: 0; display: none; }.sidebar__nav--ul ul.close { display: none; }.sidebar__nav--ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; justify-items: center; flex-wrap: wrap; align-items: center; align-content: center; }.sidebar__nav--ul li a { display: inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: 100%; color: white; font-size: 16px; text-decoration: none; overflow-wrap: break-word; word-break: break-all; flex: 1 1 0; padding: 10px 0; }.sidebar__nav--ul li a span { flex: 1 1 0; }.sidebar__nav--ul > li { padding: 0; }.sidebar__nav--ul > li > a { order: 1; color: white; font-size: 18px; border-bottom: 1px solid #9c9c9c; }.sidebar__nav--ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }.sidebar__nav--ul > li.lev span { order: 2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }.sidebar__nav--ul > li.lev span.lev-btn { font-size: 20px; padding: 3px; float: right; color: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }.sidebar__nav--ul > li.lev span.close { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: white; }.sidebar__nav--ul > li > ul { margin: 5px 0; order: 3; }.sidebar__nav--ul > li > ul > li { padding: 0 0 0 10px; }.sidebar__nav--ul > li > ul > li > a {font-size: 16px; order: 1; border-bottom: 1px solid rgba(156, 156, 156, 0.7); }.sidebar__nav--ul > li > ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }.sidebar__nav--ul > li > ul > li > a::before { content: - ; margin-right: 5px; }.sidebar__nav--ul > li > ul > li > ul { order: 3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }.sidebar__nav--ul > li > ul > li > ul li { padding: 0 15px }.sidebar__nav--ul > li > ul > li > ul li a {font-size: 14px; width: 100%; border-bottom: 1px dashed rgba(156, 156, 156, 0.7); }.sidebar__nav--ul > li > ul > li > ul li a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }.sidebar__nav--ul > li > ul > li > ul > li > a::before { content: \e912; font-family: icomoon !important; margin-right: 5px;}/* 第四層 */.sidebar__nav--ul > li > ul > li > ul > li > a { order: 1; }.sidebar__nav--ul > li > ul > li > ul > li > ul { order: 3; }.sidebar__nav--ul > li > ul > li > ul > li > ul li a::before { content: ⦁ ; margin-right: 5px; }.sidebar__stable-nav { display: block; width: 100%; margin: 10px auto; }.sidebar__stable-nav a { font-size: 18px; text-decoration: none; color: white; display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(156, 156, 156, 0.7); }.sidebar__stable-nav a span { padding: 3px; }.sidebar__stable-nav a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }/******************** head main*******************/.headmain { display: block; width: 100%; clear: both; margin: 66px auto 10px; }@media (max-width: 980px), (max-device-width: 1024px) { .headmain { display: none; } }/** head main logo*******************/.headmain__logo { display: block; text-align: center; width: 100%; margin: 0; padding: 0; }.headmain__logo a { display: inline-block; min-height: 100px; height: 100px; width: auto; outline: none; }.headmain__logo a img { display: block; max-height: 100%; max-width: 100%;}/** head main drop down menu *******************/.headmain__nav a { display: block;width: 100%;}.headmain__nav--ul { list-style: none;padding: 0; clear: both; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center !important; justify-items: center; align-content: center; align-items: flex-start; width: 100%; position: relative; }.headmain__nav--ul:before, .headmain__nav--ul:after { content: ; display: table; }.headmain__nav--ul:after { clear: both; }.headmain__nav--ul ul { list-style: none; margin: 0; padding: 0; }.headmain__nav--ul > li { margin: 0; padding: 3px 5px; position: relative; }.headmain__nav--ul > li > a { display: inline-block; font-size: 18px; margin: 0; padding: 2.5px 8px; color: #444444; text-decoration: none; white-space: nowrap; position: relative; }.headmain__nav--ul > li:hover > a, .headmain__nav--ul > li:active > a { color: var(--shopstore-secondary); }.headmain__nav--ul > li:hover.lev > a::after, .headmain__nav--ul > li:active.lev > a::after { color: var(--shopstore-secondary); }.headmain__nav--ul > li:hover > ul, .headmain__nav--ul > li:active > ul { visibility: visible; }.headmain__nav--ul > li.lev > a::after { display: inline-block; font-family: icomoon !important; content: \e313; color: #868e97; padding: 0; margin: 0; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; }.headmain__nav--ul > li > ul { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; visibility: hidden; background: #fff; z-index: 900; padding: 5px 8px; border-radius: 10px;border:1px solid #9c9c9c; }.headmain__nav--ul > li.lev > ul { max-height: 70vh; overflow-y: auto; overflow-x: hidden; width: 198px;}.headmain__nav--ul > li > ul > li { margin: 0; padding: 3px; position: relative; display: block; word-wrap: break-word; min-width: 180px; max-width: 180px; border-bottom: 1px solid #9c9c9c;}.headmain__nav--ul > li > ul > li:last-child { border-bottom: none; }.headmain__nav--ul > li > ul > li > a { display: block; font-size: 16px; color: #444444; padding: 5px; margin: 0; text-decoration: none; position: relative; }.headmain__nav--ul > li > ul > li:hover > a, .headmain__nav--ul > li > ul > li > ul > li:active > a { color: var(--shopstore-secondary); }.headmain__nav--ul > li > ul > li > ul { display: block; z-index: 901; clear: both; overflow: hidden; padding: 0; }.headmain__nav--ul > li > ul > li > ul > li { margin: 0; padding: 0px 8px 0px 15px; display: block; min-width: 180px; max-width: 180px; word-wrap: break-word; }.headmain__nav--ul > li > ul > li > ul > li > a { display: block; font-size: 14px; color: rgba(69, 69, 69,.8); padding: 5px; margin: 0; text-decoration: none; word-break: break-all; white-space: normal; }.headmain__nav--ul > li > ul > li > ul > li:hover > a, .headmain__nav--ul > li > ul > li > ul > li:active > a { color: var(--shopstore-secondary); }/* 第四層 */.headmain__nav--ul > li > ul > li > ul > li > ul { display: block; z-index: 901; clear: both; overflow: hidden; padding: 0; }.headmain__nav--ul > li > ul > li > ul > li > ul > li { margin: 0; padding: 0px 16px 0px 15px; display: block; min-width: 180px; max-width: 180px; word-wrap: break-word; }.headmain__nav--ul > li > ul > li > ul > li > ul > li > a { display: block; font-size: 14px; color: #95867d; padding: 5px 5px 5px 10px; margin: 0; text-decoration: none; word-break: break-all; white-space: normal; }.headmain__nav--ul > li > ul > li > ul > li > ul > li:hover > a, .headmain__nav--ul > li > ul > li > ul > li > ul > li:active > a { color: var(--shopstore-secondary); }/* nav scrollbar */.headmain__nav ::-webkit-scrollbar { width: 5px; }.headmain__nav ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background:rgba(0, 0, 0, 0.1); }.headmain__nav ::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; background-color: #F1F0F0;}.headmain__nav * { scrollbar-color: rgba(0, 0, 0, 0.1) #F1F0F0; scrollbar-width: thin;}/******************** footer*******************/footer { display: block; width: 100%; margin: 50px auto 25px auto; *zoom: 1; }footer:before, footer:after { content: ; display: table; }footer:after { clear: both; }.footer__nav { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }.footer__nav a { text-decoration: none; font-size: 16px; padding: 5px 15px; position: relative; text-transform: uppercase; color: #444444; }.footer__nav a span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }.footer__nav a:not(:last-child)::after { content: ; display: block; width: 15px; height: 1px; position: absolute; background: #555555; transform: rotate(-75deg); right: -7px; top: 50%; }.footer__nav a:hover span.icon-facebook2 { color: #3b5998; }.footer__nav a:hover span.icon-instagram { color: #e4405f; }.footer__nav a:hover span.icon-line { color: #00c300; }.footer__nav a:hover span.icon-youtube { color: #f00; }@media (max-width:576px){.footer__nav a , .footer-end p , .footer__information > a span{ font-size:12px!important;}}.footer__information { width: 100%; margin: 5px auto; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; }.footer__information.in-sidebar { justify-content: flex-start; align-items: flex-start; text-align: left; padding: 0; }.footer__information.in-sidebar > a { width: 100%; padding: 0; }.footer__information.in-sidebar > a b { color: var(--shopstore-secondary); }.footer__information.in-sidebar > a span { color: white; }.footer__information.in-sidebar > a span.icon { color: var(--shopstore-secondary); }.footer__information > a { display: inline-block; color: #6c6c6c; text-decoration: none; padding: 0 8px; position: relative; }.footer__information > a b { font-family: arial; font-weight: normal; font-size: 14px; color: #444444; }.footer__information > a span { font-size: 14px; color: #6c6c6c; }.footer__information > a span.icon { margin-right: 3px; font-size: 12px; color: var(--shopstore-primary); }.footer__information > a span.icon.icon-LINEID { font-size: 12px; }.footer-end { width: 100%; display: inline-block; text-align: -webkit-center; }.footer-end.in-sidebar p { text-align: left; color: white; word-break: break-word; }.footer-end p { font-size: 14px; color: #444444; padding: 0; margin: 3px auto; text-align: center; }.footer-end p a { color: var(--shopstore-secondary); text-decoration: none; margin: 0 5px; }.footer-end p a:hover { text-decoration: underline; }.footer-end .partner-list { padding-bottom: 25px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; max-width: 1300px; }.footer-end .partner-list .partner-item { margin: 5px 10px; }.footer-end .partner-list .partner-item img { max-width: 80px; max-height: 40px; }/******************** main*******************/main { clear: both; *zoom: 1; display: block; width: 100%; }main:before, main:after { content: ; display: table; }main:after { clear: both; }@media (max-width: 980px), (max-device-width: 1024px) { main { margin: 66px auto 30px auto; } }/** slick slider*******************//******************** flickity*******************/.flickity-enabled { position: relative; }.flickity-enabled:focus { outline: none; }.flickity-viewport { overflow: hidden; position: relative; height: 100%; transition: height 0.5s; }.flickity-slider { position: absolute; width: 100%; height: 100%; }/* draggable */.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.flickity-page-dots { list-style: none; margin: 0; padding: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }.flickity-page-dots > li { display: block; width: 10px; height: 10px; background-color: rgba(85, 85, 85, 0.8); border-right: 1px dotted rgba(85, 85, 85, 0.8); -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; margin: 2px; padding: 0; cursor: pointer; }.flickity-page-dots > li:first-child { border-left: 1px dotted rgba(85, 85, 85, 0.8); }@media only screen and (max-width: 640px) { .flickity-page-dots > li { width: 8px; height: 8px; margin: 1px; } }.flickity-page-dots > li.is-selected { background-color: var(--shopstore-secondary); }.flickity-page-dots > li button { display: none; }.os-content { outline: none; }.flickity-prev-next-button { border: none; background: none; display: block; width: 36px; height: 36px; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; line-height: 36px; outline: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }@media only screen and (max-width: 640px) { .flickity-prev-next-button { width: 28px; height: 28px; } }.flickity-prev-next-button svg { fill: var(--shopstore-secondary); fill-opacity: 0; }.flickity-prev-next-button::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 36px; height: 36px; color: #9c9c9c; padding-top: 2px; font-family: icomoon !important; font-size: 36px; }@media only screen and (max-width: 640px) { .flickity-prev-next-button::before { font-size: 28px; } }.flickity-prev-next-button:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }.flickity-prev-next-button.previous { z-index: 800; left: 0.2%; text-decoration: none; }.flickity-prev-next-button.previous::before { content: \e913; }.flickity-prev-next-button.next { z-index: 800; right: 0.2%; text-decoration: none; }.flickity-prev-next-button.next::before { content: \e912; }/** cakes cake *******************//* .cake .piece img{ z-index:2;} *//* .cake {z-index:1; display: block; clear: both; outline: none; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } */.cake-wrapper .pd__photo { border: 1px solid #cecece; border-radius: 20px; overflow: hidden; }.cake-wrapper .piece:not(:has(.pd__info)) { border: 1px solid #cecece; border-radius: 20px; }.cake .is-img a { display: block; height: 100%; }.cake .is-img img { display: block; width: 100%; height: 100%; object-fit: cover; }.cake .is-txt { height: auto; display: block; overflow: hidden; position: relative; }.cake .is-txt * { max-width: 100%; }.cake .is-txt .txt__wrap { height: 100%; width: 100%; display: block; padding: 0 15px;}.cake .is-vid { position: relative; }.cake .is-vid > .vid-cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.15); cursor: pointer; }.cake .is-vid > .vid-cover a { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 72px; text-decoration: none; color: #6c6c6c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }.cake .is-vid > .vid-cover a:hover { color: var(--shopstore-secondary); }.cake .is-vid > .vid-cover.isplaying { display: none; }.cake .is-tube { position: relative; }.cake .is-tube iframe { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }.cake .is-tube .warp-grippy { position: absolute; width: calc((100% - 90px)/2); height: calc(100% - 10% - 10%); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: move; cursor: -webkit-grab; cursor: grab; }.cake .is-tube .warp-grippy::before { position: absolute; display: block; content: ; width: 100%; height: calc(100% / 2 - 45px); z-index: 3; cursor: move; cursor: -webkit-grab; cursor: grab; }.cake .is-tube .warp-grippy.onLeft { left: 0; }.cake .is-tube .warp-grippy.onLeft::before { top: 0; right: -100%; }.cake .is-tube .warp-grippy.onRight { right: 0; }.cake .is-tube .warp-grippy.onRight::before { bottom: 0; left: -100%; }.cake .is-tube .tube-cover { display: block; width: 100%; height: 100%; position: relative; text-decoration: none; outline: none; background-image: url(https://fakeimg.pl/800x600/ededed/?text...); background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }.cake .is-tube .tube-cover::after { content: ; background-image: url(https://pysun.com.tw/s_template/img/play-button.png); background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 1px 2px #444444; }.cake .is-tube .tube-cover.isplaying { display: none; }/* .cake .is-cpd { display: block; position: relative; }.cake .is-cpd .pd__photo { display: block; width: 100%; height: 100%; text-decoration: none; }.cake .is-cpd .pd__photo img { display: block; width: 100%; height: 100%; object-fit: cover; } */.cake .is-cpd .pd__content { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.35); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; padding: 10px; }@media only screen and (max-width: 640px) { .cake .is-cpd .pd__content { background: none; padding: 5px; } }.cake .is-cpd .pd__content .name { font-size: 24px; margin: 5px 0; padding: 0 5px; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #444444; }@media only screen and (max-width: 980px) { .cake .is-cpd .pd__content .name { font-size: 16px; margin: 3px 0; } }/* @media only screen and (max-width: 640px) { .cake .is-cpd .pd__content .name { display: none; } } */.cake .is-cpd .pd__content .price { white-space: nowrap; font-size: 28px; margin: 5px 0; padding: 0 10px; color: var(--shopstore-secondary); }@media only screen and (max-width: 980px) { .cake .is-cpd .pd__content .price { font-size: 20px; margin: 3px 0; } .cake .is-cpd .pd__content .price::before { font-size: 12px; } }@media only screen and (max-width: 640px) { .cake .is-cpd .pd__content .price { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: var(--shopstore-primary); color: white; } .cake .is-cpd .pd__content .price::before { font-size: 8px; } }.cake .is-cpd .pd__content .cart { white-space: nowrap; display: block; text-decoration: none; font-size: 30px; color: white; background: #444444; padding: 8px 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }.cake .is-cpd .pd__content .cart:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }@media only screen and (max-width: 980px) { .cake .is-cpd .pd__content .cart { padding: 4px 5px; font-size: 20px; } }@media only screen and (max-width: 640px) { .cake .is-cpd .pd__content .cart { display: none; } }.cake .is-cpd .pd__content .soldout { white-space: nowrap; font-size: 28px; margin: 5px 0; padding: 0 10px; color: var(--shopstore-secondary); }@media only screen and (max-width: 980px) { .cake .is-cpd .pd__content .soldout { font-size: 20px; margin: 3px 0; } .cake .is-cpd .pd__content .soldout::before { font-size: 12px; } }@media only screen and (max-width: 640px) { .cake .is-cpd .pd__content .soldout { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: var(--shopstore-primary); color: white; } .cake .is-cpd .pd__content .soldout::before { font-size: 8px; } }.cake .flickity-page-dots { flex-direction: column; position: absolute; top: 5px; right: 5px; margin: 5px; }@media only screen and (max-width: 480px) { .cake .flickity-prev-next-button { display: none !important; } }/* cakes__1*****************************/.cakes__1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; *zoom: 1; overflow: hidden; clear: both; }.cakes__1:before, .cakes__1:after { content: ; display: table; }.cakes__1:after { clear: both; }.cakes__1.grid-full-mid .cake { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: none; }.cakes__1.grid-full-mid .cake .tube-cover { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }@media (max-width: 980px), (max-device-width: 1024px) { .cakes__1.ontop { margin-top: 0; } }.cakes__1 .cake-wrapper { width: 100%; flex-basis: 100%; }.cakes__1 .cake .flickity-page-dots { flex-direction: row; position: absolute; top: auto; left: 50%; transform: translateX(-50%); right: auto; bottom: 8px; width: 100%; }.cakes__1 .cake:has(.pd__action) .flickity-page-dots { bottom: calc(1.35em + 27px); /* 按鈕文字 + 按鈕間距 */ font-size: 1.125rem;}@media (max-width: 767px) { .cakes__1 .cake:has(.pd__action) .flickity-page-dots { bottom: calc(1.35em + 19px - 3px); /* 按鈕文字 + 按鈕間距 */ font-size: 0.875rem; }}/* cakes__2*****************************/.cakes__2 { display: block; *zoom: 1; }.cakes__2:before, .cakes__2:after { content: ; display: table; }.cakes__2:after { clear: both; }.cakes__2 .cake-wrapper { width: 49.01961%; float: left; }.cakes__2 .cake-wrapper:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.cakes__2 .cake-wrapper:nth-child(2n + 2) { margin-left: 50.98039%; margin-right: -100%; clear: none; }/* cakes__3*****************************/.cakes__3 { display: block; *zoom: 1; }.cakes__3:before, .cakes__3:after { content: ; display: table; }.cakes__3:after { clear: both; }.cakes__3 .cake-wrapper { width: 32.02614%; float: left; }.cakes__3 .cake-wrapper:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.cakes__3 .cake-wrapper:nth-child(3n + 2) { margin-left: 33.98693%; margin-right: -100%; clear: none; }.cakes__3 .cake-wrapper:nth-child(3n + 3) { margin-left: 67.97386%; margin-right: -100%; clear: none; }@media only screen and (max-width: 980px) { .cakes__3 .cake-wrapper { width: 49.01961%; float: left; margin-bottom: 15px; } .cakes__3 .cake-wrapper:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cakes__3 .cake-wrapper:nth-child(2n + 2) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .cakes__3 .cake-wrapper:last-child { width: 100%; } }@media only screen and (max-width: 980px) { .cakes__3 .cake .is-cpd .pd__content { background: none; padding: 5px; } .cakes__3 .cake .is-cpd .pd__content .name { display: none; } .cakes__3 .cake .is-cpd .pd__content .price, .cakes__3 .cake .is-cpd .pd__content .soldout { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: var(--shopstore-primary); color: white; } .cakes__3 .cake .is-cpd .pd__content .price::before, .cakes__3 .cake .is-cpd .pd__content .soldout::before { font-size: 8px; } .cakes__3 .cake .is-cpd .pd__content .cart { display: none; } }/* cakes__4*****************************/.cakes__4 { display: block; *zoom: 1; }.cakes__4:before, .cakes__4:after { content: ; display: table; }.cakes__4:after { clear: both; }.cakes__4 .cake-wrapper { width: 23.52941%; float: left; }.cakes__4 .cake-wrapper:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.cakes__4 .cake-wrapper:nth-child(4n + 2) { margin-left: 25.4902%; margin-right: -100%; clear: none; }.cakes__4 .cake-wrapper:nth-child(4n + 3) { margin-left: 50.98039%; margin-right: -100%; clear: none; }.cakes__4 .cake-wrapper:nth-child(4n + 4) { margin-left: 76.47059%; margin-right: -100%; clear: none; }@media only screen and (max-width: 980px) { .cakes__4 .cake-wrapper { width: 49.01961%; float: left; margin-bottom: 20px; } .cakes__4 .cake-wrapper:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cakes__4 .cake-wrapper:nth-child(2n + 2) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .cakes__4 .cake-wrapper:nth-last-child(-n+2) { margin-bottom: 0; } }@media only screen and (max-width: 980px) { .cakes__4 .cake .is-cpd .pd__content { background: none; padding: 5px; } .cakes__4 .cake .is-cpd .pd__content .name { display: none; } .cakes__4 .cake .is-cpd .pd__content .price, .cakes__4 .cake .is-cpd .pd__content .soldout { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: var(--shopstore-primary); color: white; } .cakes__4 .cake .is-cpd .pd__content .price::before, .cakes__4 .cake .is-cpd .pd__content .soldout::before { font-size: 8px; } .cakes__4 .cake .is-cpd .pd__content .cart { display: none; } }/* cakes__5*****************************/.cakes__5 { *zoom: 1; display: block; }.cakes__5:before, .cakes__5:after { content: ; display: table; }.cakes__5:after { clear: both; }.cakes__5 .cakes-s { width: 49.01961%; float: left; }.cakes__5 .cakes-s:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.cakes__5 .cakes-s:nth-child(2n + 2) { margin-left: 50.98039%; margin-right: -100%; clear: none; }@media only screen and (max-width: 980px) { .cakes__5 .cakes-s { width: 99.15033%; float: left; } .cakes__5 .cakes-s:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } }.cakes__5 .cakes-s.side-L { display: block; }@media only screen and (max-width: 980px) { .cakes__5 .cakes-s.side-L { margin-bottom: 20px; } }.cakes__5 .cakes-s.side-L .cake-wrapper { width: 100%; }.cakes__5 .cakes-s.side-R .cake-wrapper { width: 100%; margin-bottom: 20px; clear: both; }@media only screen and (max-width: 980px) { .cakes__5 .cakes-s.side-R .cake-wrapper { width: 49.01961%; float: left; margin-bottom: 0; } .cakes__5 .cakes-s.side-R .cake-wrapper:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cakes__5 .cakes-s.side-R .cake-wrapper:nth-child(2n + 2) { margin-left: 50.98039%; margin-right: -100%; clear: none; } }.cakes__6 { *zoom: 1; display: block; }.cakes__6:before, .cakes__6:after { content: ; display: table; }.cakes__6:after { clear: both; }.cakes__6 .cake-wrapper { height: auto; float: left; margin-bottom: 20px; width: 32.02614%; }.cakes__6 .cake-wrapper:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.cakes__6 .cake-wrapper:nth-child(3n + 2) { margin-left: 67.97386%; margin-right: -100%; clear: none; }.cakes__6 .cake-wrapper:nth-child(3n + 3) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.cakes__6 .cake-wrapper:nth-child(3n + 4) { margin-left: 33.98693%; margin-right: -100%; clear: none; }.cakes__6 .cake-wrapper:nth-child(3n + 5) { margin-left: 67.97386%; margin-right: -100%; clear: none; }.cakes__6 .cake-wrapper:nth-last-child(-n+3) { margin-bottom: 0; }@media only screen and (max-width: 980px) { .cakes__6 .cake-wrapper { width: 49.01961%; } .cakes__6 .cake-wrapper:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cakes__6 .cake-wrapper:nth-child(3n + 2) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cakes__6 .cake-wrapper:nth-child(3n + 3) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .cakes__6 .cake-wrapper:nth-child(3n + 4) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .cakes__6 .cake-wrapper:nth-child(3n + 5) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .cakes__6 .cake-wrapper:nth-child(-n+3) { margin-bottom: 20px; } .cakes__6 .cake-wrapper:nth-last-child(-n+2) { margin-bottom: 0; } }.cakes__6 .cake-wrapper.cake-doubleX { width: 66.01307%; }@media only screen and (max-width: 980px) { .cakes__6 .cake-wrapper.cake-doubleX { width: 100%; } }.cakes__7 { display: block; *zoom: 1; overflow: hidden;}.cakes__7:before, .cakes__7:after { content: ; display: table; }.cakes__7:after { clear: both; }.cakes__7 .cake-wrapper { border: none; width: 100%; overflow: hidden; }.cakes__7 .cake-wrapper > .flickity-viewport { overflow: visible; }.cakes__7 .cake-wrapper .piece { display: block; width: 25%; margin: 0 6px; }.cakes__7 .cake-wrapper .pd__photo { border: 1px solid #cecece; border-radius: 20px; overflow: hidden;}@media only screen and (max-width: 980px) { .cakes__7 .cake-wrapper .piece { width: 50%; } }.cakes__7 .cake-wrapper .piece img { display: block; width: 100%; object-fit: cover; }/** contt-title *******************/.contt-title { margin-top: 3%; margin-bottom: 3%; overflow: hidden; clear: both; *zoom: 1; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-wrap: wrap; }.contt-title:before, .contt-title:after { content: ; display: table; }.contt-title:after { clear: both; }.contt-title.pos-mid { align-content: center; align-items: center; text-align: center; }.contt-title.pos-left { align-content: flex-start; align-items: flex-start; text-align: left; }.contt-title.pos-right { align-content: flex-end; align-items: flex-end; text-align: right; }.contt-title.little-mg { margin: 10px auto; }.contt-title_decoration { font-weight: 200; color: #555555; display: inline-block; }.contt-title__main { font-size: 28px; font-weight: 500; color: #444444; margin: 0; padding: 0; }.contt-title__words { font-size: 12px; color: #555555; margin: 0; padding: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }/******************** product*******************/.container { *zoom: 1; clear: both; }.container:before, .container:after { content: ; display: table; }.container:after { clear: both; }.pageinfo-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: 1px solid rgba(156, 156, 156, 0.35); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px; margin: 20px auto; }.pageinfo-main.hasTexture { background-color: rgba(108, 108, 108, 0.1); background-image: url(https://pysun.com.tw/s_template/img/noise-pattern.png); }.pageinfo-main.noBorder { border: none; }.pageinfo-main.hasUnderline { position: relative; }.pageinfo-main.hasUnderline::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; display: block; content: ; background: #6c6c6c; height: 5px; width: 16.66667%; }.pageinfo__notice { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }.pageinfo__notice h3 { display: block; font-size: 24px; font-weight: normal; color: #444444; text-align: center; align-self: center; flex-basis: 100%; }.pageinfo__notice h3 span { font-size: 100px; }.pageinfo__notice h4 { display: block; font-size: 20px; font-weight: normal; color: #444444; text-align: center; align-self: center; flex-basis: 100%; }.pageinfo__notice h4 span { font-size: 20px; padding: 0 10px; }.pageinfo__remarks { display: block; width: 100%; padding: 8px 5px; color: #444444; }.pageinfo__remarks img{max-width: 100%;}/** page path *******************/.pageinfo__path-ol { list-style: none; margin: 0; padding: 0; flex-grow: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }@media only screen and (max-width: 980px) { .pageinfo__path-ol { justify-content: center; } }.pageinfo__path-ol li { display: block; font-size: 16px; color: #6c6c6c; margin: 0 2px; }.pageinfo__path-ol li a { text-decoration: none; color: #6c6c6c; }.pageinfo__path-ol li a:hover { color: var(--shopstore-secondary); }.pageinfo__path-ol li:not(:first-child)::before { content: \e315; font-family: icomoon !important; text-transform: none; line-height: 1; padding-right: 2px; }.pageinfo__path-ol li.son::before { display: inline-block; content: \e900 !important; font-family: icomoon !important; text-transform: none; line-height: 1; padding-right: 2px; font-size: 13px; }.pageinfo__count { color: #6c6c6c; font-size: 16px; padding: 0; margin: 0; }.pageinfo__count b { color: var(--shopstore-secondary); }@media only screen and (max-width: 980px) { .pageinfo__count { display: none; } }.pds-main { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }/** pds nav *******************/.pds__nav { display: block; width: 16.66667%; }@media only screen and (max-width: 980px) { .pds__nav { display: none; } }.pds__nav-ul { list-style: none; display: block; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }.pds__nav-ul ul { list-style: none; width: 100%; flex-basis: 100%; clear: both; padding: 0; display: none; }.pds__nav-ul ul.close { display: none; }.pds__nav-ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; justify-items: center; flex-wrap: wrap; align-items: center; align-content: center; }.pds__nav-ul li a { display: inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: 100%; font-size: 16px; text-decoration: none; overflow-wrap: break-word; word-break: break-all; flex: 1 1 0; color: #444444; padding: 5px 0; }.pds__nav-ul li a span { flex: 1 1 0; overflow-wrap: normal; }.pds__nav-ul > li { padding: 0; justify-content: flex-start; }.pds__nav-ul > li > a { order: 1; font-size: 16px; }.pds__nav-ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }.pds__nav-ul > li.lev span { order: 2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }.pds__nav-ul > li.lev span.lev-btn { font-size: 18px; padding: 3px; float: right; color: #6c6c6c; cursor: pointer; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }.pds__nav-ul > li.lev span.close { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }.pds__nav-ul > li > ul { margin: 3px 0; order: 3; }.pds__nav-ul > li > ul > li { padding: 0 0 0 10px; }.pds__nav-ul > li > ul > li > a { order: 1; border-bottom: 1px dashed rgba(156, 156, 156, 0.35); }.pds__nav-ul > li > ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }.pds__nav-ul > li > ul > li > a::before { content: - ; font-size: 12px; margin-right: 5px;}.pds__nav-ul > li > ul > li > ul { order: 3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }.pds__nav-ul > li > ul > li > ul li { padding: 0 10px; }.pds__nav-ul > li > ul > li > ul li a { width: 100%; }.pds__nav-ul > li > ul > li > ul li a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70); }.pds__nav-ul > li > ul > li > ul li a::before { content: \e912; font-family: icomoon !important; font-size: 12px; margin-right: 5px; }/** pds items *******************/.pds__items { display: block; width: 83.33333%; border: 1px soild #333; }@media only screen and (max-width: 980px) { .pds__items { width: 100%; } }.pds__items-div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: 25px; }@media only screen and (max-width: 980px) { .pds__items-div { margin-left: 0; } }.pd-item { display: block; margin-bottom: 20px; overflow: hidden; width: 23.52941%; float: left; }.pd-item:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.pd-item:nth-child(4n + 2) { margin-left: 25.4902%; margin-right: -100%; clear: none; }.pd-item:nth-child(4n + 3) { margin-left: 50.98039%; margin-right: -100%; clear: none; }.pd-item:nth-child(4n + 4) { margin-left: 76.47059%; margin-right: -100%; clear: none; }@media only screen and (max-width: 1024px) { .pd-item { width: 32.02614%; float: left; } .pd-item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .pd-item:nth-child(3n + 2) { margin-left: 33.98693%; margin-right: -100%; clear: none; } .pd-item:nth-child(3n + 3) { margin-left: 67.97386%; margin-right: -100%; clear: none; } }@media only screen and (max-width: 780px) { .pd-item { width: 49.01961%; float: left; } .pd-item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .pd-item:nth-child(2n + 2) { margin-left: 50.98039%; margin-right: -100%; clear: none; } }.pd-item .photo { display: block; width: 100%; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 5px; }.pd-item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }.pd-item .photo:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }.pd-item .desc { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; align-items: center; }.pd-item .desc .name { flex-basis: 100%; order: 1; font-size: 15px; color: #555555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 4px; }.pd-item .desc .name > a { color: #555555; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; max-height: 3em; -webkit-line-clamp: 2; overflow: hidden; }.pd-item .desc .all-name > a { max-height: inherit; display: block; }.pd-item .desc .all-name > a:hover { color: #8c8c8c; }.pd-item .desc .price { order: 2; font-size: 16px; color: #6c6c6c; margin: 2px; text-decoration: underline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 75%; }.pd-item .desc .original-price { font-size: 12px; color: #9c9c9c; text-decoration: line-through; width: 100%; text-align: right; max-width: inherit; }.pd-item .desc .soldout { order: 2; font-size: 20px; color: #6c6c6c; margin: 2px; text-decoration: underline; }.pd-item .desc .cart { order: 3; font-size: 14px; color: white; background: var(--shopstore-primary); -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-decoration: none; line-height: 23px; margin: 2px; }.pd-item .desc .cart span { padding: 5px; vertical-align: text-bottom; }.pd-item .desc .cart:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }.pds__items-single-div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }@media only screen and (max-width: 980px) { .pds__items-single-div { margin-left: 0; } }/*.pds__items-single-div.in-pop { flex-direction: column; justify-content: center; margin: 0 auto; max-width: 540px; }.pds__items-single-div.in-pop .item-show { flex-basis: 100%; }.pds__items-single-div.in-pop .item-show .img-view { max-width: 540px; }.pds__items-single-div.in-pop .item-show .img-view img { width: 100%; height: 100%; object-fit: cover; }.pds__items-single-div.in-pop .item-cart { flex-basis: 100%; width: 100%; margin: 5px auto; padding: 0; }.pds__items-single-div.in-pop .item-cart .name .title { font-size: 18px; }@media only screen and (max-width: 780px) { .pds__items-single-div.in-pop .item-cart .name .title { font-size: 14px; } }.pds__items-single-div.in-pop .item-cart .price .original { font-size: 14px; }.pds__items-single-div.in-pop .item-cart .price .special { font-size: 28px; }@media only screen and (max-width: 780px) { .pds__items-single-div.in-pop .item-cart .price .original { font-size: 12px; } .pds__items-single-div.in-pop .item-cart .price .special { font-size: 22px; } }.pds__items-single-div.in-pop .item-cart form.cart__form-form { margin: 0 auto; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item { flex-direction: column; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(1) { float: left; width: 49.01961%; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(2) { float: right; width: 49.01961%; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(3) { width: 100%; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(3) buttontypesubmit { width: 100%; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item .limit-hint { margin-bottom: 15px; display: flex; font-size: small; }.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item .limit-hint span{flex: inherit; padding: 0 5px;}.pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item label { font-size: 14px; }.pds__items-single-div.in-pop .item-cart form.cart__form-form .addtocart_btn { align-self: center; }.pds__items-single-div.in-pop .item-cart form.cart__form-form .addtocart_btn.anime { width: 50px !important; height: 50px !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size: 0; position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: spin; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: spin; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: spin; animation-fill-mode: fowards; animation-direction: ease; }.pds__items-single-div.in-pop .item-cart form.cart__form-form .addtocart_btn.anime::before { margin: 0 auto; content: \e90d; font-family: icomoon !important; font-size: 30px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } */.item-show { order: 1; flex-basis: 50%; flex: 1 1 0; overflow-wrap: break-word; word-break: break-all; }@media only screen and (max-width: 980px) { .item-show { flex-basis: 100%; } }.item-show .img-tumbs { width: 100%; display: block; margin: 8px auto; }.item-show .img-tumbs a { display: block; width: 11.49425%; float: left; float: left; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; }.item-show .img-tumbs a:nth-child(8n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.item-show .img-tumbs a:nth-child(8n + 2) { margin-left: 12.64368%; margin-right: -100%; clear: none; }.item-show .img-tumbs a:nth-child(8n + 3) { margin-left: 25.28736%; margin-right: -100%; clear: none; }.item-show .img-tumbs a:nth-child(8n + 4) { margin-left: 37.93103%; margin-right: -100%; clear: none; }.item-show .img-tumbs a:nth-child(8n + 5) { margin-left: 50.57471%; margin-right: -100%; clear: none; }.item-show .img-tumbs a:nth-child(8n + 6) { margin-left: 63.21839%; margin-right: -100%; clear: none; }.item-show .img-tumbs a:nth-child(8n + 7) { margin-left: 75.86207%; margin-right: -100%; clear: none; }.item-show .img-tumbs a:nth-child(8n + 8) { margin-left: 88.50575%; margin-right: -100%; clear: none; }.item-show .img-tumbs a img { display: block; width: 100%; height: 100%; object-fit: cover; }.item-show .img-view { padding: 0; margin: 0; display: block; width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; overflow: hidden; }.item-show .img-view a { display: none; width: 100%; height: 100%; }.item-show .img-view a.isShow { display: block; }.item-show .img-view a img { display: block; width: 100%; height: 100%; object-fit: cover; }.item-cart { order: 2; flex-basis: 50%; flex: 1 1 0; *zoom: 1; clear: both; padding: 20px; }.item-cart:before, .item-cart:after { content: ; display: table; }.item-cart:after { clear: both; }@media only screen and (max-width: 980px) { .item-cart { flex-basis: 100%; } }.cart__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; padding-bottom: 20px; border-bottom: 1px solid #9c9c9c; }.cart__info .name .title { font-size: 24px; margin: 0; padding: 0; padding-right: 10px; word-wrap: break-word; word-break: break-word; }.template-title { color: #444444; }.cart__info .introduction { width: 100%;margin: 1.5rem 0;text-align: justify;}@media only screen and (max-width: 780px) { .cart__info .name .title { font-size: 20px; } }@media only screen and (max-width: 480px) { .cart__info .name .title { font-size: 18px; } }.cart__info .name .pdid { margin: 0; padding: 0; font-size: 14px; color: #6c6c6c; }.cart__info .name .pdid span { color: #6c6c6c; padding: 0 5px; word-break: break-all; }@media only screen and (max-width: 780px) { .cart__info .name .pdid { font-size: 12px; } }.cart__info .name .instock { margin: 0; padding: 0; font-size: 14px; color: #6c6c6c; }.cart__info .name .instock span { color: #6c6c6c; padding: 0 5px; }@media only screen and (max-width: 980px) { .cart__info .name .instock { font-size: 12px; } }.cart__info .name { flex: 1 1 0; }.cart__info .name .sales{ margin: 15px 0; }.cart__info .name .sale_name{ text-decoration: none; }.cart__info .name a.sale_name:hover{ background-color: #E24747; color: #ffffff;}.cart__info .price { align-self: flex-end; }.cart__info .price p { margin: 0; padding: 0; display: inline-block;}.cart__info .price .original { font-size: 20px; color: #9c9c9c; text-align: right; }@media only screen and (max-width: 780px) { .cart__info .price .original { font-size: 16px; } }@media only screen and (max-width: 480px) { .cart__info .price .original { font-size: 14px; } }.cart__info .price .special { font-size: 44px; color: var(--shopstore-primary); text-align: right; }@media only screen and (max-width: 780px) { .cart__info .price .special { font-size: 30px; } }@media only screen and (max-width: 480px) { .cart__info .price .special { font-size: 24px; } }.cart__info .price .soldout { font-size: 20px; color: #444444; text-align: right; border-bottom: 1px solid #444444; }@media only screen and (max-width: 780px) { .cart__info .price .soldout { font-size: 16px; } }@media only screen and (max-width: 480px) { .cart__info .price .soldout { font-size: 14px; } }.cart__form { display: block; *zoom: 1; clear: both; }.cart__form:before, .cart__form:after { content: ; display: table; }.cart__form:after { clear: both; }.cart__form form.cart__form-form { width: 100%; margin: 20px auto 10px; }.cart__form form.cart__form-form ul { list-style: none; width: 100%; margin: 0; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }.cart__form form.cart__form-form ul li.form-limit { display: flex; align-items: start; }.cart__form form.cart__form-form ul li.form-limit { font-size: 14px; white-space: nowrap; }.cart__form form.cart__form-form ul li.form-limit span { padding: 0 5px; }.cart__form form.cart__form-form ul li.form-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; overflow: hidden; }.cart__form form.cart__form-form ul li.form-item.self-flex-end { justify-content: flex-end; }.cart__form form.cart__form-form ul li.form-item label { display: block; font-size: 20px; padding: 10px; }.cart__form form.cart__form-form ul li.form-item span { display: block; flex: 1 1 0; }.cart__form form.cart__form-form ul li.form-item input, .cart__form form.cart__form-form ul li.form-item select, .cart__form form.cart__form-form ul li.form-item textarea { width: 100%; }.cart__form form.cart__form-form ul li.form-item button { align-self: flex-end; margin-bottom: 10px; }.cart__form form.cart__form-form .addtocart_btn.anime { width: 50px; height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size: 0; position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: spin; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: spin; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: spin; animation-fill-mode: fowards; animation-direction: ease; }.cart__form form.cart__form-form .addtocart_btn.anime::before { margin: 0 auto; content: \e90d; font-family: icomoon !important; font-size: 30px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }.button-container button {flex-grow: 1;}.item-dsec { order: 3; flex-basis: 100%; margin: 35px auto 20px; }.item-dsec *{max-width: 100%!important; word-wrap: break-word; word-break: break-word; }.item-dsec table { width: 100%; }.dsec__tabs { display: block; width: 100%; }.dsec__tabs-ul { list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom: 1px solid #9c9c9c; margin: 0 auto 20px; padding: 0; }.dsec__tabs-ul.equal { justify-content: space-between; }.dsec__tabs-ul.equal > li { text-align: center; flex: 1; }.dsec__tabs-ul li { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px; font-size: 14px; color: #6c6c6c; cursor: pointer; }.dsec__tabs-ul li.isOpen { background: var(--shopstore-primary); color: white; }.dsec__tabs-ul li.isOpen > a { color: white; }.dsec__tabs-ul li > a { text-decoration: none; color: #6c6c6c; display: block; width: 100%; }.dsec__page { display: none; width: 100%; }.dsec__page.isOpen { display: block; }/******************** pds__related*******************/.pds__related { display: block; width: 100%; margin: 20px auto; padding: 0; *zoom: 1; order: 4; }.pds__related:before, .pds__related:after { content: ; display: table; }.pds__related:after { clear: both; }.pds__related-list { display: block; width: 100%; margin: 0 auto; }.related-list-item { width: 23.52941%; float: left; }.related-list-item:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.related-list-item:nth-child(4n + 2) { margin-left: 25.4902%; margin-right: -100%; clear: none; }.related-list-item:nth-child(4n + 3) { margin-left: 50.98039%; margin-right: -100%; clear: none; }.related-list-item:nth-child(4n + 4) { margin-left: 76.47059%; margin-right: -100%; clear: none; }@media only screen and (max-width: 780px) { .related-list-item { width: 99.16667%; float: left; margin: 5px auto; padding: 5px 0; border-bottom: 1px solid #9c9c9c; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .related-list-item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } }.related-list-item .photo { display: block; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; }.related-list-item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }@media only screen and (max-width: 780px) { .related-list-item .photo { width: 70px; min-width: 70px; max-width: 70px; order: 1; } }.related-list-item .price { font-size: 20px; text-align: right; border-bottom: 1px solid #9c9c9c; color: #444444; }.related-list-item .price > sup { top: 0; font-size: 10px; }@media only screen and (max-width: 780px) { .related-list-item .price { order: 3; border: none; } }.related-list-item .name { font-size: 14px; text-align: center; color: #444444; white-space: pre-wrap; overflow: hidden; max-height: 3em; line-height: 1.5; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }@media only screen and (max-width: 780px) { .related-list-item .name { flex: 1 1 0; order: 2; text-align: left; padding: 0 10px; } }/******************** carts checkout*******************/.carts-lists { flex-basis: 100%; flex: 1 1 0; }ul.carts-lists-ul { list-style: none; display: block; margin: 0; padding: 0; }ul.carts-lists-ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #9c9c9c; position: relative; }@media only screen and (max-width: 980px) { ul.carts-lists-ul li { flex-wrap: wrap; align-items: flex-start; } }ul.carts-lists-ul li.summary , .shop-lists li.summary { display: block; text-align: right; margin: 15px 0;}ul.carts-lists-ul li.summary p , .shop-lists li.summary p { font-size: 14px; }ul.carts-lists-ul li.summary p span , .shop-lists li.summary p span { font-size: 24px; margin-left: 10px; }@media only screen and (max-width: 980px) { ul.carts-lists-ul li:first-child { display: none; } }ul.carts-lists-ul li:first-child div { color: #6c6c6c; text-transform: uppercase; font-size: 12px; }ul.carts-lists-ul li > div { display: block; overflow: hidden; padding: 10px; text-align: center; color: #444444; overflow-wrap: break-word; word-break: break-all; clear: both; }ul.carts-lists-ul li > div.photo { flex-basis: 120px; overflow: hidden; }ul.carts-lists-ul li > div.photo img { width: 100%; height: 80px; object-fit: contain;}@media only screen and (max-width: 980px) { ul.carts-lists-ul li > div.photo { flex-basis: 33.33333%; } }ul.carts-lists-ul li > div.info { flex-basis: 62.5%; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }@media only screen and (max-width: 980px) { ul.carts-lists-ul li > div.info { flex-basis: 66.66667%; flex-direction: column; align-items: flex-start; } }ul.carts-lists-ul li > div.info > div { overflow-wrap: break-word; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; text-align: center; }ul.carts-lists-ul li > div.info > div.name { text-align: left; }ul.carts-lists-ul li > div.info > div.name a{ color: #444444;text-decoration: none;}ul.carts-lists-ul li > div.info > div.name a:hover{ text-decoration: underline;}ul.carts-lists-ul li > div.info > div i { display: none; font-style: normal; background: var(--shopstore-primary); color: white; font-size: 12px; margin-right: 5px; padding: 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }@media only screen and (max-width: 980px) { ul.carts-lists-ul li > div.info > div { text-align: left; margin: 3px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } ul.carts-lists-ul li > div.info > div i { display: block; width: 45px; flex-basis: 45px; text-align: center; min-width: 45px; } ul.carts-lists-ul li > div.info .coupon i{ display: inline-block; }}ul.carts-lists-ul li > div.info .name { flex-basis: 33.33333%; }ul.carts-lists-ul li > div.info .size { flex-basis: 15%; }ul.carts-lists-ul li > div.info .coupon { flex-basis: 25%; align-items: center; text-align: justify; }ul.carts-lists-ul li > div.info .qty { flex-basis: 25%; }ul.carts-lists-ul li > div.info .qty > span { display: block; flex: 1 1 0; }ul.carts-lists-ul li > div.info .qty > span input { display: block; width: 100%; }ul.carts-lists-ul li > div.info .qty > span button { padding-right: 8px; padding-left: 8px; }ul.carts-lists-ul li > div.info .qty > span.number-wrap { margin-top: 5px; }@media only screen and (max-width: 980px) { ul.carts-lists-ul li > div.info .qty{ width: 100%; } ul.carts-lists-ul li > div.info .qty > span input { min-width: 110px; min-height: auto; padding: 5px; } ul.carts-lists-ul li > div.info .qty > span button { min-height: 25px; padding: 6px; } }ul.carts-lists-ul li > div.info .price { flex-basis: 16.66667%; position: relative;}.customer_price {position: absolute;top: -15px; font-size: 14px;left: 50%; transform: translateX(-50%);}@media only screen and (max-width: 980px){.customer_price , .is_customer_price{display: none;}}.is_customer_price {margin: 2px;font-size: 14px;}ul.carts-lists-ul li > div.total { flex-basis: 16.66667%; }ul.carts-lists-ul li > div.total i { display: none; font-style: normal; margin-right: 5px; font-size: 14px; }@media only screen and (max-width: 980px) { ul.carts-lists-ul li > div.total { flex-basis: 100%; align-self: flex-start; text-align: right; font-size: 20px; } ul.carts-lists-ul li > div.total i { display: inline-block; } }ul.carts-lists-ul li > div.del { flex-basis: 8.33333%; color: var(--shopstore-primary); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }ul.carts-lists-ul li > div.del:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }@media only screen and (max-width: 980px) { ul.carts-lists-ul li > div.del { position: absolute; background: none; color: var(--shopstore-primary); right: auto; left: 5px; bottom: 5px; } }.carts-summary { order: 2; flex-basis: 25%; margin-left: 25px; }@media only screen and (max-width: 980px) { .carts-summary { flex-basis: 100%; margin: 0; margin-top: 25px; } }.carts-summary-ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }.carts-summary-ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 5px; margin: 0; }.carts-summary-ul li span { font-size: 16px; }.carts-summary-ul li b { font-size: 16px; }.carts-summary-ul li:nth-child(odd) { background: rgba(156, 156, 156, 0.15); }.summary__total p { border: 1px solid rgba(156, 156, 156, 0.35); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 5px; }.summary__total p span { font-size: 16px; }.summary__total p b { font-size: 16px; }.carts-checkout { display: block; width: 100%; }.carts-checkout-main, .carts-checkout-send { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; clear: both; }@media only screen and (max-width: 980px) { .carts-checkout-main, .carts-checkout-send { flex-direction: column; flex-wrap: nowrap; } }.carts-checkout-main .checkout__way, .carts-checkout-send .checkout__way { flex-basis: 49.01961%; }@media only screen and (max-width: 980px) { .carts-checkout-main .checkout__way, .carts-checkout-send .checkout__way { flex-basis: 100%; } }.carts-checkout-main .checkout__customer, .carts-checkout-send .checkout__customer { flex-basis: 49.01961%; }@media only screen and (max-width: 980px) { .carts-checkout-main .checkout__customer, .carts-checkout-send .checkout__customer { flex-basis: 100%; } }.carts-checkout-main .checkout__detail, .carts-checkout-send .checkout__detail { max-width: 49.01961%; width: 49.01961%; }@media only screen and (max-width: 980px) { .carts-checkout-main .checkout__detail, .carts-checkout-send .checkout__detail { max-width: 100%; width: 100%; } }.carts-checkout-main .checkout__detail-L, .carts-checkout-send .checkout__detail-L { max-width: 66.01307%; width: 66.01307%; }@media (max-width: 980px), (max-device-width: 1024px) { .carts-checkout-main .checkout__detail-L, .carts-checkout-send .checkout__detail-L { max-width: 100%; width: 100%; } }.carts-checkout-main .checkout__detail-R, .carts-checkout-send .checkout__detail-R { max-width: 32.02614%; width: 32.02614%; }@media (max-width: 980px), (max-device-width: 1024px) { .carts-checkout-main .checkout__detail-R, .carts-checkout-send .checkout__detail-R { max-width: 100%; width: 100%; } }.carts-checkout-main .checkout__detail-R.isSticky, .carts-checkout-send .checkout__detail-R.isSticky { position: -webkit-sticky; position: sticky; top: 50px; }@media (max-width: 980px), (max-device-width: 1024px) { .carts-checkout-main .checkout__detail-R.isSticky, .carts-checkout-send .checkout__detail-R.isSticky { position: -webkit-static; position: static; top: auto; } }.carts-checkout-main .checkout-div .contt-title { padding-bottom: 20px; border-bottom: 1px solid #9c9c9c; }.carts-checkout-main .checkout__send, .carts-checkout-send .checkout__send { width: 100%; }.carts-checkout-main .checkout__send > article, .carts-checkout-send .checkout__send > article { justify-content: space-between; }.carts-checkout-main .checkout__send > article span:last-child, .carts-checkout-send .checkout__send > article span:last-child { margin-left: auto; }.carts-checkout-main .checkout-div, .carts-checkout-send .checkout-div { margin-bottom: 25px; width: 100%; }.carts-checkout-main .checkout-div .contt-title .contt-title__main, .carts-checkout-send .checkout-div .contt-title .contt-title__main { margin-top: 20px; }.carts-checkout-main .checkout-div article, .carts-checkout-main .checkout-div fieldset, .carts-checkout-send .checkout-div article, .carts-checkout-send .checkout-div fieldset { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: none; margin-bottom: 10px; }.carts-checkout-main .checkout-div article:first-child, .carts-checkout-main .checkout-div fieldset:first-child, .carts-checkout-send .checkout-div article:first-child, .carts-checkout-send .checkout-div fieldset:first-child { margin-top: 25px; }.carts-checkout-main .checkout-div article.checks span, .carts-checkout-main .checkout-div fieldset.checks span, .carts-checkout-send .checkout-div article.checks span, .carts-checkout-send .checkout-div fieldset.checks span { flex: initial; margin-right: 5px; }.carts-checkout-main .checkout-div article.checks span:first-child, .carts-checkout-main .checkout-div fieldset.checks span:first-child, .carts-checkout-send .checkout-div article.checks span:first-child, .carts-checkout-send .checkout-div fieldset.checks span:first-child { margin-left: auto; }.carts-checkout-main .checkout-div article.checks span input, .carts-checkout-main .checkout-div fieldset.checks span input, .carts-checkout-send .checkout-div article.checks span input, .carts-checkout-send .checkout-div fieldset.checks span input { width: auto; }.carts-checkout-main .checkout-div article.checks label, .carts-checkout-main .checkout-div fieldset.checks label, .carts-checkout-send .checkout-div article.checks label, .carts-checkout-send .checkout-div fieldset.checks label { color: #000000; }.carts-checkout-main .checkout-div article.checks a, .carts-checkout-main .checkout-div fieldset.checks a, .carts-checkout-send .checkout-div article.checks a, .carts-checkout-send .checkout-div fieldset.checks a { color: var(--shopstore-secondary); }.carts-checkout-main .checkout-div article.btns span, .carts-checkout-main .checkout-div fieldset.btns span, .carts-checkout-send .checkout-div article.btns span, .carts-checkout-send .checkout-div fieldset.btns span { flex: initial; }.carts-checkout-main .checkout-div article.btns span:first-child, .carts-checkout-main .checkout-div fieldset.btns span:first-child, .carts-checkout-send .checkout-div article.btns span:first-child, .carts-checkout-send .checkout-div fieldset.btns span:first-child { margin-right: 10px; }.carts-checkout-main .checkout-div article.btns a, .carts-checkout-main .checkout-div fieldset.btns a, .carts-checkout-send .checkout-div article.btns a, .carts-checkout-send .checkout-div fieldset.btns a { color: rgba(0, 0, 0, 0.5); text-decoration: none; }.carts-checkout-main .checkout-div article.btns a::before, .carts-checkout-main .checkout-div fieldset.btns a::before, .carts-checkout-send .checkout-div article.btns a::before, .carts-checkout-send .checkout-div fieldset.btns a::before { content: \e314; font-family: icomoon !important; }.carts-checkout-main .checkout-div article label, .carts-checkout-main .checkout-div fieldset label, .carts-checkout-send .checkout-div article label, .carts-checkout-send .checkout-div fieldset label { font-size: 16px; white-space: nowrap; padding: 0 10px 0 0; color: #000000; align-self: flex-start; margin-top: 7.8px; }.carts-checkout-main .checkout-div article label > b, .carts-checkout-main .checkout-div fieldset label > b, .carts-checkout-send .checkout-div article label > b, .carts-checkout-send .checkout-div fieldset label > b { padding: 2px 3px; margin-left: 3px; color: var(--shopstore-secondary); font-size: 14px; }.carts-checkout-main .checkout-div article span, .carts-checkout-main .checkout-div fieldset span, .carts-checkout-send .checkout-div article span, .carts-checkout-send .checkout-div fieldset span { flex: 1 1 0; position: relative; }.carts-checkout-main .checkout-div article span i, .carts-checkout-main .checkout-div fieldset span i, .carts-checkout-send .checkout-div article span i, .carts-checkout-send .checkout-div fieldset span i { position: absolute; left: 0; bottom: -8px; font-size: 12px; font-style: normal; }.carts-checkout-main .checkout-div article span .cfm, .carts-checkout-main .checkout-div fieldset span .cfm, .carts-checkout-send .checkout-div article span .cfm, .carts-checkout-send .checkout-div fieldset span .cfm { position: absolute; top: 0; right: 0; padding-left: 8px; padding-right: 8px; }.carts-checkout-main .checkout-div article select, .carts-checkout-main .checkout-div article input, .carts-checkout-main .checkout-div fieldset select, .carts-checkout-main .checkout-div fieldset input, .carts-checkout-send .checkout-div article select, .carts-checkout-send .checkout-div article input, .carts-checkout-send .checkout-div fieldset select, .carts-checkout-send .checkout-div fieldset input { width: 100%; }.carts-checkout-main .checkout-div article button, .carts-checkout-main .checkout-div fieldset button, .carts-checkout-send .checkout-div article button, .carts-checkout-send .checkout-div fieldset button { float: right; cursor: pointer; }.carts-checkout-main .checkout-div article.checks span{align-self: flex-end;}.carts-checkout-main .checkout-div .contt-title {padding-bottom: 20px;border-bottom: 1px solid #9c9c9c;}.checkout__detail-L .carts-tw{display: flex;}.checkout__detail-L .carts-tw span{margin-bottom: 10px;} .checkout__detail-L .carts-tw span:nth-child(2){margin-left: 10px;margin-bottom:10px;}.checkout__detail-L .carts-tw input{margin-bottom: 0;}.deal-alert{background-color: #d40f26;color: #ffffff;padding: 5px;width: 100%; display: flex;justify-content: center;text-align: justify;}.carts-explan img{max-width: 100%; }.orders-carts-items-ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; list-style: none; }.orders-carts-items-ul > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; min-width: 100%; margin-bottom: 10px; }.orders-carts-items-ul > li .photo { display: block; width: 20.83333%; padding-right: 10px; }.orders-carts-items-ul > li .photo img { display: block; max-width: 100%; }.orders-carts-items-ul > li .info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 79.16667%; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }.orders-carts-items-ul > li .info .name { width: 100%; color: #000000; font-size: 16px; word-break: break-all;}.orders-carts-items-ul > li .info .variation { color: #555555; font-size: 12px; width: 100%; margin-bottom: 5px; }.orders-carts-items-ul > li .info .qty { color: #555555; font-size: 12px; text-align: right; }.orders-carts-items-ul > li .info .qty::before { content: x; color: #555555; padding: 0 3px; }.orders-carts-items-ul > li .info .price { width: 100%; font-size: 14px; color: #000000; }.orders-carts-items-ul > li .info .price::before { content: attr(data-title); margin-right: 5px; font-size: 12px; }.orders-carts-items-ul > li .info .offer { width: 100%; font-size: 14px; color: #000000; }.orders-carts-items-ul > li .info .offer::before { content: attr(data-title); margin-right: 1px; font-size: 12px; }.orders-carts-items-ul > li .info .offer > .offer-item { margin: 5px 0; }.orders-carts-items-ul > li .info .offer > .offer-item:not(:first-child) { margin-left: 35px; }.orders-carts-items-ul > li .info .sub { width: 100%; font-size: 16px; color: #000000; text-align: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-end; }.orders-carts-items-ul > li .info .sub b { order: 3; }.orders-carts-items-ul > li .info .sub::before { content: attr(data-title); order: 1; font-size: 12px; }.orders-carts-items-ul > li .info .sub::after { display: block; content: ; flex: 1 1 0; height: 1px; background: rgba(0, 0, 0, 0.35); margin-right: 10px; margin-left: 10px; order: 2; }.orders-detail-ul .total b{font-size: 20px;}.orders-detail-ul .total > span { align-self: center; }.superstore-btn { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity0); filter: alpha(opacity0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }.superstore-btn.isOpen { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100); }/******************** orders*******************/.orders-search { display: block; width: 100%; clear: both; margin: 0 auto 25px; border-bottom: 1px solid rgba(156, 156, 156, 0.35); }.orders-search-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }@media only screen and (max-width: 780px) { .orders-search-main { flex-direction: column; justify-content: center; } }.orders-search-main fieldset, .orders-search-main article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 0 10px; flex-basis: 42.10526%; }.orders-search-main fieldset:last-child, .orders-search-main article:last-child { flex-basis: 15.78947%; }.orders-search-main fieldset label, .orders-search-main article label { font-size: 16px; flex-basis: 100px; text-align: center; }.orders-search-main fieldset span, .orders-search-main article span { flex: 1 1 0; }.orders-search-main fieldset select, .orders-search-main fieldset input, .orders-search-main article select, .orders-search-main article input { width: 100%; }.orders-search-main fieldset button, .orders-search-main article button { float: right; cursor: pointer; }.orders-list { display: block; width: 100%; }.orders-list-ul { margin: 0; padding: 0; list-style: none; display: block; width: 100%; }.orders-list-ul > li:first-child { display: none; border-bottom: 1px dashed #9c9c9c; }.orders-list-ul > li:first-child span.number { color: #6c6c6c; font-size: 14px; }.orders-list-ul > li:first-child span.shipment { color: #6c6c6c; font-size: 14px; }.orders-list-ul > li:first-child span.bill { color: #6c6c6c; font-size: 14px; }.orders-list-ul > li:first-child span.bill::before { content: ; }.orders-list-ul > li:first-child .list-item__head { cursor: default; background: none; }.orders-list-ul > li:first-child .list-item__head:hover { background: none; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100); }.orders-list-ul > li:first-child .list-item__head.isOpen { border: none; }.orders-list-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; border-bottom: 1px solid rgba(108, 108, 108, 0.25); }.orders-list-item:not(:first-child) { border: 1px solid rgba(108, 108, 108, 0.25); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-top: 10px; margin-bottom: 10px; padding: 10px; }.orders-list-item .list-item__head { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; width: 100%; cursor: pointer; padding: 5px 0; }.orders-list-item .list-item__head:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }.orders-list-item .list-item__head.isOpen { border-bottom: 1px solid rgba(68, 68, 68, 0.25); }.orders-list-item .list-item__head .icon-keyboard_arrow_right{ background-color: var(--shopstore-primary); color: #ffffff; margin-right: 5px; border-radius: 50%; font-size: 12px;}.orders-list-item .list-item__head.isOpen .icon-keyboard_arrow_right{transform: rotate(90deg);}.orders-list-item .list-item__head span { font-size: 16px; color: #444444; }.orders-list-item .list-item__head span.number { flex-basis: 50%; font-size: 20px; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }.orders-list-item .list-item__head span.shipment { flex-basis: 25%; text-align: center; }.orders-list-item .list-item__head span.shipment b { background: var(--shopstore-primary); color: white; font-weight: normal; font-size: 12px; padding: 0 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}.orders-list-item .list-item__head span.bill { flex-basis: 25%; text-align: center; }.orders-list-item .list-item__head span.deadline { flex-basis: 100%; width: 100%; margin-top: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; }.orders-list-item .list-item__head span.deadline b { border-bottom: 1px solid rgba(156, 156, 156, 0.35); font-weight: normal; margin: 0; padding: 0 5px 5px 0; align-self: flex-end; flex: 1 1 0; text-align: right; }.orders-list-item .list-item__head span.deadline b > i { background: #444444; color: white; font-style: normal; font-size: 12px; padding: 0 3px; margin-left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }@media only screen and (max-width: 640px) { .orders-list-item .list-item__head span.deadline b { width: 100%; border-bottom: none; border-top: 1px solid rgba(156, 156, 156, 0.35); align-self: flex-start; text-align: left; } }.orders-list-item .list-item__head span.deadline ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }@media only screen and (max-width: 640px) { .orders-list-item .list-item__head span.deadline ul { width: 100%; margin-top: 5px; } .orders-list-item .list-item__head span.deadline ul li { font-size: 12px; padding: 3px; } }.orders-list-item .list-item__head span.deadline ul li { display: block; border: 1px solid rgba(156, 156, 156, 0.35); min-width: 50px; padding: 5px; margin: 0 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align: center; }.orders-list-item .list-item__main { display: none; max-height: 0; }.orders-list-item .list-item__main.isOpen { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-height: 10000px; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: slideDown; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease-in-out; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: slideDown; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease-in-out; animation-delay: 0; animation-duration: 0.5s; animation-name: slideDown; animation-fill-mode: fowards; animation-direction: ease-in-out; }@media only screen and (max-width: 640px){ .orders-list-item .list-item__head span.number{flex-basis: 100%;flex: auto;}}@media only screen and (max-width: 640px){ .orders-list-item .list-item__head span.shipment{flex-basis: 100%;text-align: left;}}@media only screen and (max-width: 640px){ .orders-list-item .list-item__head span.bill{flex-basis: 100%;text-align: right;}}.shop-lists { display: block; width: 100%; }ul.shop-lists-ul { list-style: none; display: 100%; margin: 0; padding: 0; }ul.shop-lists-ul > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border-bottom: 1px solid rgba(156, 156, 156, 0.35); }@media only screen and (max-width: 980px) { ul.shop-lists-ul > li { flex-wrap: wrap; align-items: flex-start; } }@media only screen and (max-width: 980px) { ul.shop-lists-ul > li:first-child { display: none; } }ul.shop-lists-ul > li:first-child div { color: #6c6c6c; text-transform: uppercase; font-size: 12px; }ul.shop-lists-ul > li > div { display: block; overflow: hidden; padding: 10px; text-align: center; color: #444444; overflow-wrap: break-word; word-break: break-all; clear: both; }ul.shop-lists-ul li > div.info > div.name a{ color: #444444;text-decoration: none;}ul.shop-lists-ul li > div.info > div.name a:hover{ text-decoration: underline;}@media only screen and (max-width: 980px) { ul.shop-lists-ul > li > div { text-align: left; margin: 3px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }ul.shop-lists-ul > li > div.photo { width: 120px; flex-basis: 120px; overflow: hidden; }ul.shop-lists-ul > li > div.photo img { width: 100%; height: 80px; object-fit: contain;}@media only screen and (max-width: 980px) { ul.shop-lists-ul > li > div.photo { flex-basis: 33.33333%; } }ul.shop-lists-ul > li > div.info { flex-basis: 70.83333%; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }@media only screen and (max-width: 980px) { ul.shop-lists-ul > li > div.info { flex-basis: 66.66667%; flex: 1; flex-direction: column; align-items: flex-start; } }ul.shop-lists-ul > li > div.info > div { overflow-wrap: break-word; word-break: break-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; text-align: center; }ul.shop-lists-ul > li > div.info > div.name { text-align: left; }ul.shop-lists-ul > li > div.info > div i { display: none; font-style: normal; background: var(--shopstore-primary); color: white; font-size: 12px; margin-right: 5px; padding: 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }@media only screen and (max-width: 980px) { ul.shop-lists-ul > li > div.info > div { text-align: left; margin: 3px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } ul.shop-lists-ul > li > div.info > div i { display: block; width: 45px; flex-basis: 45px; text-align: center; min-width: 45px; } }ul.shop-lists-ul > li > div.info .name { flex-basis: 33.33333%; }ul.shop-lists-ul > li > div.info .size { flex-basis: 15%; }ul.shop-lists-ul > li > div.info .coupon { flex-basis: 25%; display: block; }ul.shop-lists-ul > li > div.info .qty { flex-basis: 25%; }ul.shop-lists-ul > li > div.info .price { flex-basis: 16.66667%; }@media only screen and (max-width: 980px) { ul.shop-lists-ul > li > div.info { flex-basis: 50%; } }ul.shop-lists-ul > li > div.total { flex-basis: 16.66667%; }ul.shop-lists-ul > li > div.total i { display: none; font-style: normal; margin-right: 5px; font-size: 14px; }@media only screen and (max-width: 980px) { ul.shop-lists-ul > li > div.total { flex-basis: 100%; align-self: flex-start; text-align: right; font-size: 20px; } ul.shop-lists-ul > li > div.total i { display: inline-block; } }.orders-detail-div { display: block; width: 100%; }.orders-detail-information { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 15px auto; }.orders-detail-ul { list-style: none; margin: 0 auto; padding: 0; width: 49.01961%; margin-bottom:10px;}.orders-detail-ul.just-single { width: 100%; }@media only screen and (max-width: 980px) { .orders-detail-ul { width: 100%; } }.orders-detail-ul:nth-child(odd) li:nth-child(odd) { background: rgba(156, 156, 156, 0.25); }.orders-detail-ul:nth-child(even) li:nth-child(even) { background: rgba(156, 156, 156, 0.25); }@media only screen and (max-width: 980px) { .orders-detail-ul:nth-child(even) li:nth-child(odd) { background: rgba(156, 156, 156, 0.25); } .orders-detail-ul:nth-child(even) li:nth-child(even) { background: white; } }.orders-detail-ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; padding: 5px; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }.orders-detail-ul li span { font-size: 16px; font-weight: 400; white-space: nowrap; align-self: center; }.orders-detail-ul li b { font-size: 16px; font-weight: normal; overflow-wrap: break-word; word-break: break-all; align-self: flex-end; overflow: hidden; }.orders-detail-ul .total b{color: var(--shopstore-secondary);}.orders-detail-tilte p { border: 1px solid rgba(156, 156, 156, 0.35); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px; }.orders-detail-tilte p span { font-size: 16px; }.orders-detail-tilte p b { font-size: 16px; overflow-wrap: break-word; word-break: break-all;color: var(--shopstore-primary); }.order-cancel{ text-align: right; margin-top: 5px; }.order-cancel{ text-align: right; margin-top: 5px; }.order-cancel a { color: var(--shopstore-secondary); }.extra-main { display: block; width: 100%; }.extra-nav { margin-top: 3%; margin-bottom: 3%; overflow: hidden; clear: both; *zoom: 1; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; }.extra-nav:before, .extra-nav:after { content: ; display: table; }.extra-nav:after { clear: both; }.extra-nav.pos-mid { justify-content: center; align-items: center; text-align: center; }.extra-nav.pos-left { justify-content: flex-start; align-items: flex-start; text-align: left; }.extra-nav.pos-right { justify-content: flex-end; align-items: flex-end; text-align: right; }/******************** blog*******************/.blog-main { margin-top: 25px; }.blog-list { display: block; width: 100%; *zoom: 1; clear: both; }.blog-list:before, .blog-list:after { content: ; display: table; }.blog-list:after { clear: both; }.list-item { display: block; margin-bottom: 35px; overflow: hidden; width: 22.85714%; float: left; }.list-item:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }.list-item:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }.list-item:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }.list-item:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }@media only screen and (max-width: 980px) { .list-item { width: 31.42857%; float: left; } .list-item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .list-item:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; } .list-item:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; } }@media only screen and (max-width: 780px) { .list-item { width: 48.57143%; float: left; } .list-item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .list-item:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; } }@media only screen and (max-width: 480px) { .list-item { width: 99.14286%; float: left; } .list-item:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } }.list-item .photo { display: block; width: 100%; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 5px; }.list-item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }.list-item .photo:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }.list-item .desc { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }.list-item .desc .title { flex-basis: 100%; width: 100%; font-size: 18px; color: #555555; text-overflow: ellipsis; overflow: hidden; display: inline-block; text-decoration: underline; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}.list-item .desc .title::before { content: \e244; font-family: icomoon !important; }.list-item .desc .title:hover { opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity85); filter: alpha(opacity85); }.list-item .desc .time { text-indent: 15px; font-size: 12px; color: #6c6c6c; padding: 5px 0 0 0; }.list-item .essay { font-size: 14px; color: #555555; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.list-item .link { float: right; color: #6c6c6c; padding: 2px 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }.list-item .link::after { content: \e5d3; font-family: icomoon !important; }.list-item .link:hover { opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity85); filter: alpha(opacity85); }.blog-btn-div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; *zoom: 1; clear: both; text-align: center; margin: 35px auto; }.blog-btn-div:before, .blog-btn-div:after { content: ; display: table; }.blog-btn-div:after { clear: both; }.blog-btn-div a.btn { font-size: 20px; padding: 5px 10px; border: 1px solid rgba(156, 156, 156, 0.7); -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-decoration: none; color: #444444; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }.blog-btn-div a.btn:hover { cursor: pointer; padding: 5px 20px; background: #444444; color: white; }/******************** other grid setting*******************/.grid-full-mid { width: 100%; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }.grid-over-mid { width: 100%; margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }.grid-1300-mid { max-width: 1300px; margin-right: auto; margin-left: auto; }@media only screen and (max-width: 1300px) { .grid-1300-mid { padding-left: 25px; padding-right: 25px; } }.grid-980-mid { max-width: 980px; margin-right: auto; margin-left: auto; }@media only screen and (max-width: 980px) { .grid-980-mid { padding-left: 25px; padding-right: 25px; } }/******************** popup*******************/.pop { visibility: hidden; overflow-y: auto; z-index: 99999; background: rgba(85, 85, 85, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; }.pop-main { display: inline-block; width: 100%; max-width: 540px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -150%; padding: 30px; position: absolute; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); }@media only screen and (max-width: 640px) { .pop-main { width: 90%; } }.pop__contact.isOpen { visibility: visible; -webkit-perspective: 0; }.pop__contact.isOpen .pop-main { top: 15%; }.pop__contact .pop-main { background: white; }.pop__contact .pop-main form.pop__contact-form { width: 100%; margin: 20px auto; }.pop__contact .pop-main form.pop__contact-form ul { list-style: none; width: 100%; margin: 0; padding: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }.pop__contact .pop-main form.pop__contact-form ul li.form-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; margin: 10px auto; align-items: center; overflow: hidden; }.pop__contact .pop-main form.pop__contact-form ul li.form-item.self-flex-end { flex-direction: row; justify-content: flex-end; }.pop__contact .pop-main form.pop__contact-form ul li.form-item.self-center { flex-direction: row; justify-content: center; }.pop__contact .pop-main form.pop__contact-form ul li.form-item label { display: block; font-size: 16px; padding: 10px; width: 100%; }.pop__contact .pop-main form.pop__contact-form ul li.form-item span { display: block; width: 100%; }.pop__contact .pop-main form.pop__contact-form ul li.form-item input, .pop__contact .pop-main form.pop__contact-form ul li.form-item textarea { width: 100%; }.pop__contact .pop-main form.pop__contact-form ul li.form-item button { align-self: flex-end; }.pop__contact .pop-main form.pop__contact-form ul.side-cart-list-ul li { border-bottom: 1px dashed #444444; }.pop__contact .pop-main form.pop__contact-form ul.side-cart-list-ul div { color: #444444; }.pop__contact .pop-main form.pop__contact-form ul.side-cart-list-ul .notice-hint { text-align: right; color: #444444; }.send_btn { align-self: center; }.send_btn.anime { width: 50px !important; height: 50px !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size: 0; position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: spin; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: spin; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: spin; animation-fill-mode: fowards; animation-direction: ease; }.send_btn.anime::before { margin: 0 auto; content: \e90d; font-family: icomoon !important; font-size: 30px; text-align: center; }/******************** pop cart order list*******************/.pop__cart { display: none; overflow-x: hidden;}.pop__cart.isOpen { display: block; visibility: visible; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }.pop__cart .pop-cart-main { position: absolute; top: 0; right: 0; display: block; width: 260px; height: 100%; background: #333333; -webkit-overflow-scrolling: touch; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInDown; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: fadeInDown; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: fadeInDown; animation-fill-mode: fowards; animation-direction: ease; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }.pop__cart .pop-cart-main .contt-title__main { color: #ffffff; padding:0!important;font-size: 20px;}.pop__cart .pop-cart-main .contt-title.little-mg{ background-color: black; padding: 10px 0;margin: 0!important;}.pop__cart .pop-cart-main .carts-empty{ color: #ffffff; text-align: center; font-size: 16px; margin: 15px 0;}.side-cart-list-ul { list-style: none; padding: 0; margin: 0; }.side-cart-list-ul > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; position: relative; padding: 10px; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }.side-cart-list-ul > li .photo { display: block; width: 55.2px; height: 55.2px; min-width: 55.2px; }.side-cart-list-ul > li .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }.side-cart-list-ul > li .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; padding: 0 0 0 5px; flex: 1 1 0; }.side-cart-list-ul > li .details a { color: #ffffff; text-decoration:none; }.side-cart-list-ul > li .details > div { font-size: 12px; line-height: 1.15; color: #ffffff; margin-bottom: 5px;}.side-cart-list-ul > li .details > div.name { width: 100%; overflow: hidden; word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}.side-cart-list-ul > li .details > div.size { width: 100%; text-overflow: ellipsis; overflow: hidden; color: rgba(255, 255, 255, 0.7); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}.side-cart-list-ul > li .details > div.qty::after { content: x; margin: 0 3px; color: rgba(255, 255, 255, 0.7); }.side-cart-list-ul > li .details > div.price { flex: 1 1 0; }.side-cart-list-ul > li .details > div.price sup { font-size: 12px; line-height: 1.15; }/* .side-cart-list-ul > li .details > div.del { border: 1px solid rgba(255, 255, 255, 0.7); } */.side-cart-list-ul > li .details > div.del a { display: block; padding: 0 3px; text-decoration: none; color: #ffffff; }.side-cart-list-ul > li .details > div.del a:hover { background: rgba(51, 51, 51, 0.7); color: #ff3621; }.cart-btn-div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; *zoom: 1; clear: both; text-align: center; margin: 20px auto 100px; }.cart-btn-div:before, .cart-btn-div:after { content: ; display: table; }.cart-btn-div:after { clear: both; }.cart-btn-div a.btn { width: 75%; font-size: 20px; padding: 5px 10px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 5px; text-decoration: none; color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); margin-bottom: 15px; }.cart-btn-div a.btn:hover { background: rgba(17, 17, 17, 0.7); color: #ededed; }/******************** pop pds items*******************/.pds__items { *zoom: 1; clear: both; }.pds__items:before, .pds__items:after { content: ; display: table; }.pds__items:after { clear: both; }.pop__item.isOpen { visibility: visible;overflow-y: auto; }.pop__item.isOpen .pop-main { top: 10%; margin-bottom: 30px;}@media only screen and (max-width: 325px) { .pop__item.isOpen .pop-main { top: 8%; } }.pop-item-main { background: white; }.pop__item::-webkit-scrollbar { display: none;}.pop__item{ -ms-overflow-style: none;}/******************** sign*******************/.sign-main { margin: 25px auto; }.sign-tab-div { display: block; max-width: 500px; }.sign-tab-div.pos-mid { margin: 0 auto; }.sign-div article, .sign-div fieldset { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 10px 0; }.sign-div article:first-child, .sign-div fieldset:first-child { margin-top: 25px; }.sign-div article > label, .sign-div fieldset > label { font-size: 16px; white-space: nowrap; padding-right: 10px; color: #333333; }.sign-div article > span, .sign-div fieldset > span { flex: 1 1 0; position: relative; color: #333333; }.sign-div article > span i, .sign-div fieldset > span i { position: absolute; left: 0; bottom: -8px; font-size: 12px; font-style: normal; }.sign-div article > span .cfm, .sign-div fieldset > span .cfm { position: absolute; top: 0; right: 0; padding-left: 8px; padding-right: 8px; }.sign-div article > span.pos-mid-toson, .sign-div fieldset > span.pos-mid-toson { text-align: center; }.sign-div article > span select, .sign-div article > span input, .sign-div fieldset > span select, .sign-div fieldset > span input { width: 100%; vertical-align: baseline; margin: 0; }.sign-div article > span inputtypecheckbox, .sign-div fieldset > span inputtypecheckbox { width: auto; margin-right: 5px; }.sign-div article > span button, .sign-div fieldset > span button { width: 100%; margin: 10px auto; cursor: pointer; }.sign-div article > span button.sign-fb-btn, .sign-div fieldset > span button.sign-fb-btn { background: #3c5a99; color: white; border: none; }.sign-div article > span button.sign-line-btn, .sign-div fieldset > span button.sign-line-btn { background: #06C755; color: white; border: none; }.sign-div article > span button.sign-google-btn, .sign-div fieldset > span button.sign-google-btn { background: #fff; color: #898989; border: 1px solid #898989; }.sign-div article > span a, .sign-div fieldset > span a { color: var(--shopstore-secondary); }.sign-div article > span a:hover, .sign-div fieldset > span a:hover { text-decoration: underline; }/******************** users*******************/.users-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; margin: 25px auto; }@media (max-width: 980px), (max-device-width: 1024px) { .users-main { flex-wrap: wrap; } }.users-main .dsec__tabs { width: 16.66667%; margin-right: 50px; }@media (max-width: 980px), (max-device-width: 1024px) { .users-main .dsec__tabs { width: 100%; margin-right: 0; } }.users-main .dsec__tabs .dsec__tabs-ul { flex-wrap: wrap; border: none; }@media (max-width: 980px), (max-device-width: 1024px) { .users-main .dsec__tabs .dsec__tabs-ul { flex-wrap: wrap; border-bottom: 1px solid #9c9c9c; justify-content: space-between; } }.users-main .dsec__tabs .dsec__tabs-ul li { width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 0; }@media (max-width: 980px), (max-device-width: 1024px) { .users-main .dsec__tabs .dsec__tabs-ul li { text-align: center; width: auto; flex: 1; } }.users-main .dsec__tabs .dsec__tabs-ul li a { display: block; padding: 12px 3px; text-decoration: none; color: #6c6c6c;text-align: center; }.users-main .dsec__tabs .dsec__tabs-ul li.isOpen a { color: white; }.users-main .dsec__page { flex: 1; min-width: 83.33333%; }@media (max-width: 980px), (max-device-width: 1024px) { .users-main .dsec__page { width: 100%; }}.users-info-div article, .users-info-div fieldset { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 10px 0; width: 80%; }.users-info-div article.hastag-a, .users-info-div fieldset.hastag-a { margin: 20px 0; }@media (max-width: 980px), (max-device-width: 1024px) { .users-info-div article, .users-info-div fieldset { width: 100%; } }.users-info-div article > label, .users-info-div fieldset > label { font-size: 16px; white-space: nowrap; padding-right: 10px; color: #333333; flex-basis: 74px; }.users-info-div article > span, .users-info-div fieldset > span { flex: 1 1 0; position: relative; color: #333333; }.users-info-div article > span.pos-mid-toson, .users-info-div fieldset > span.pos-mid-toson { text-align: center; }.users-info-div article > span select, .users-info-div article > span input, .users-info-div fieldset > span select, .users-info-div fieldset > span input { width: 100%; vertical-align: baseline; margin: 0; }.users-info-div article > span inputtypecheckbox, .users-info-div fieldset > span inputtypecheckbox { width: auto; margin-right: 5px; }.users-info-div article > span button, .users-info-div fieldset > span button { width: 100%; margin: 10px auto; cursor: pointer; }.users-info-div article > span div.connecting, .users-info-div fieldset > span div.connecting { padding: 5px 5px }.users-info-div article > span a, .users-info-div fieldset > span a { color: var(--shopstore-secondary); text-decoration: none; }.users-info-div article > span a:hover, .users-info-div fieldset > span a:hover { text-decoration: underline; }.users-info-div article > span .social { display: inline-flex; width: 100%; min-height: 34px; margin-top: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; }.users-info-div article > span .social:hover { opacity:0.85; outline: none; text-shadow: none; cursor: pointer; }.users-info-div article > span .social > span.social-user { display: inline-flex; align-items: center; width: 100%; justify-content: center; }.users-info-div article > span .social > span.social-user > img { width: 30px; margin: 2px; margin-right: 10px; border-radius: 50%; }.users-info-div article > span .social > span.social-icon { border-right: 1px solid #ffffffa1; padding: 8px; display: inline-flex; align-items: center; }.users-info-div article > span .social-facebook { background: #3c5a99; color: white; }.users-info-div article > span .social-google { background: #fff; color: #898989; border: 1px solid #898989; }.users-info-div article > span .social-line { background: #06C755; color: white; }.users-gift-ul { list-style: none; margin: 0; padding: 0; }.users-gift-ul li { padding: 5px 0; margin: 0; width: 100%; border-bottom: 1px solid #9c9c9c; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; color: #444444; }@media only screen and (max-width: 640px) { .users-gift-ul li { justify-content: space-between; position: relative;} }.users-gift-ul li.invalid { color: #9c9c9c; text-decoration: line-through; }.users-gift-ul li > span { margin: 0 5px; font-size: 14px; }.users-gift-ul li > span:not(:first-child) { text-align: center; }@media only screen and (max-width: 640px) { .users-gift-ul li > span { margin-bottom: 5px; min-width: 100%; max-width: 100%; white-space: normal;} }.users-gift-ul li > span.name { flex: 1; }.users-gift-ul li > span.amount { width: 75px; flex-basis: 75px; }.users-gift-ul li > span.amount sup { padding: 0; margin: 0; }.users-gift-ul li > span.status { flex-basis: 75px; width: 75px; }.users-gift-ul li > span.date { flex-basis: 115px; width: 115px; }.users-gift-ul li > span.deadline { flex-basis: 115px; width: 115px; }@media only screen and (max-width: 640px){.users-gift-ul li:first-child{ display:none;} .users-gift-ul li > span.amount{ flex-basis: 100%;position: absolute;right: 0;text-align: right;font-size: 16px;bottom: 0;text-align:right!important;color:var(--shopstore-secondary);} .users-gift-ul li > span::before{content:attr(data-coin);} .users-gift-ul li > span:not(:first-child){text-align:left;} .users-gift-ul li > span.name{text-overflow: ellipsis;white-space: nowrap;} .invalid > span.amount{text-decoration: line-through;color: #9c9c9c!important;}}.chat-panel { display: block; position: relative; -webkit-overflow-scrolling: touch; width: 100%; height: 450px; overflow-x: hidden; overflow-y: scroll; }@media only screen and (max-width: 480px) { .chat-panel { height: 300px; } }@media only screen and (max-width: 325px) { .chat-panel { height: 220px; } }.chat-panel .user-store, .chat-panel .user-member { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; margin: 10px 0; max-width: 83.33333%; width: 100%;}.chat-panel .user-store .avatar, .chat-panel .user-member .avatar { font-size: 30px; padding: 5px 8px; background: rgba(156, 156, 156, 0.15); -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; color: #444444; }.chat-panel .user-store .message p, .chat-panel .user-member .message p { font-size: 14px; padding: 10px; margin: 0 5px; background: rgba(156, 156, 156, 0.15); display: grid;color: #444444; }.chat-panel .user-store .message .time, .chat-panel .user-member .message .time { font-size: 10px; color: #444444; margin: 0; padding: 5px 0; }.chat-panel .user-store { justify-content: flex-start; float: left; }.chat-panel .user-store .avatar { order: 1; }.chat-panel .user-store .message { order: 2; }.chat-panel .user-store .time { order: 3; text-align: right; }.chat-panel .user-member { justify-content: flex-end; float: right; }.chat-panel .user-member .avatar { order: 2; }.chat-panel .user-member .message { order: 1; max-width: 100%; }.chat-panel .user-member .message *, .chat-panel .user-store .message * { max-width: 100%; }.chat-panel .user-member .time { order: 3; text-align: left; }.chat-toolbar { display: block; width: 100%; }.chat-toolbar article, .chat-toolbar fieldset { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 10px 0; }.chat-toolbar article.pos-right, .chat-toolbar fieldset.pos-right { justify-content: flex-end; }/******************** separation line*******************/.separation-line { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; width: 100%; margin: 10px auto; }.separation-line > span { padding: 0 8px; }.separation-line::before, .separation-line::after { content: ; display: inline-block; height: 1px; flex: 1 1 0; background: rgba(17, 17, 17, 0.2); }/******************** pagination*******************/.pagination { display: block; text-align: center; width: 100%; margin: 25px auto; *zoom: 1; clear: both; padding: 0; }.pagination:before, .pagination:after { content: ; display: table; }.pagination:after { clear: both; }ul.pagination-ul { list-style: inline-block; }ul.pagination-ul li { display: inline-block; }ul.pagination-ul li a { padding: 0 8px; text-decoration: none; color: #444444; }ul.pagination-ul li a:hover { color: var(--shopstore-secondary); }ul.pagination-ul li.disabled a { color: rgba(156, 156, 156, 0.3); cursor: normal; }ul.pagination-ul li.active a { z-index: 2; cursor: default; color: white; background: var(--shopstore-primary); border: 0px solid #9c9c9c; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }ul.pagination-ul li.first a::before, ul.pagination-ul li.prev a::before, ul.pagination-ul li.next a::before, ul.pagination-ul li.last a::before { font-family: icomoon !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }ul.pagination-ul li.prev a::before { content: \e913; }ul.pagination-ul li.next a::before { content: \e912; }/******************** scrollbar*******************/.os-scrollbar.os-scrollbar-vertical { padding: 0; }.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { border-radius: 0; background: rgba(68, 68, 68, 0.35); }.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width: 5px; }.sl-wrapper .sl-close, .sl-wrapper .sl-counter { top: 50px; }@media (max-width: 980px), (max-device-width: 1024px) { .sl-wrapper .sl-close, .sl-wrapper .sl-counter { top: 80px; } }/*# sourceMappingURLmain.css.map */.price-area{ display: flex; justify-content: flex-end; align-items: baseline;}/******************** banner*******************/.pds-banner { width: 100%; max-width: 100%; display: block; margin: 10px auto 50px !important;}.pds-banner img { display: block; max-width: 100%; height: auto; }.pds-banner img { display: block; width: 100%; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin-bottom: 5px; }.banner_center { display: block; margin-left: auto; margin-right: auto;}/* banner end *//******************** separation & button*******************/.getClick { color: var(--shopstore-primary) !important; background-color: white !important; border: 1px solid!important;padding: 5px 10px!important;}.getClick.isChosen { color: white !important; background-color: var(--shopstore-primary) !important; }.buttonDisplay {flex: 1 1 0;}.buttonSpan {padding:5px; display:inline-block!important; margin:0; text-align:center;}.buttonOption { color: rgb(0, 0, 0) !important; background-color: transparent !important; border:none !important;}/* separation & button *//*bar*/.progressbar { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *zoom: 1; margin: 20px auto 80px; padding: 0 10%; }.progressbar:before, .progressbar:after { content: ; display: table; }.progressbar:after { clear: both; }.progressbar-ul { list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0; width: 100%; }@media (max-width: 980px), (max-device-width: 1024px) { .progressbar-ul { padding: 0; } }.progressbar-ul > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; text-align: center; flex: 1; }.progressbar-ul > li:first-child { margin-left: calc(-50% + 45px); }.progressbar-ul > li:first-child::before, .progressbar-ul > li:first-child::after { content: none; }.progressbar-ul > li.active > span { background-color: var(--shopstore-primary); color:#e6e6e6;}.progressbar-ul > li.active::after, .progressbar-ul > li.active::before { border-top: 1px solid var(--shopstore-primary); border-bottom: 1px solid var(--shopstore-primary); background-color:var(--shopstore-primary);}.progressbar-ul > li > span { color: var(--shopstore-primary); background-color: #e6e6e6; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-weight: bold; position: relative; order: 3; }.progressbar-ul > li > span::before { position: absolute; width: 100%; height: 100%; display: block; content: ; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }.progressbar-ul > li > span::after { content: attr(data-bar); position: absolute; bottom: -25px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; font-size: 14px; color: #000000; }.progressbar-ul > li::before { order: 1; content: ; display: block; height: 3px; width: calc((100% - 30px) / 2); background: #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }.progressbar-ul > li::after { order: 2; content: ; display: block; height: 3px; width: calc((100% - 30px) / 2); background: #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }/******************* pop board */.pop__board { *zoom: 1; clear: both; }.pop__board:before, .pop__board:after { content: ; display: table; }.pop__board:after { clear: both; }.pop-board-main .cakes { margin: 10px auto; }.pop-board-main .cakes .flickity-page-dots { display: none; }@media only screen and (max-width: 780px) { .pop-board-main .cakes { margin: 0 auto; } }.pop__board .pop-main { max-width: 0; max-height: 0; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }.pop__board.isOpen { visibility: visible; }.pop__board.isOpen .pop-main { top: 10%; max-width: 800px; max-height: unset; height: auto; padding: 15px 25px; background: rgba(255, 255, 255, 0.9); color: #555555; margin-bottom: 50px; }.pop__board.isOpen .pop-main img { max-width: 100%; }@media only screen and (max-width: 780px) { .pop__board.isOpen .pop-main { padding-left: 15px; padding-right: 15px; } }@media only screen and (max-width: 325px) { .pop__board.isOpen .pop-main { top: 8%; } }.pop__board.isOpen .ad-close { top: calc(10% - 5px)!important; right: -5px!important;}.ad-times { color:#ffffff; border-radius:50%; padding:1px; font-size:22px; background-color: #555555; }.ad-times::before { margin-left: 1px; }@media (max-width: 1024px) { .ad-times::before { margin-left: 0; } }/************************************* nav background area for mobile *************************************/@media (max-width: 980px), (max-device-width: 1024px) { .sidebar__nav.open:after { background: var(--shopstore-primary); width: 100%; height: 100vh; position: fixed; right: -20%; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 1; } .sidebar__nav:after { content: ; display: block; width: 0; z-index: -1; opacity: 0; }}/******************** marquee*******************/.marquee { overflow: hidden; }/************************* Others later added *************************/.is-pre {font-size: 10px;color: #ff0000;display: block;}ul.shop-lists-ul>li>div.info>div.name div { display: contents;}.coupon-used{border: 1px solid #dcdcdc;border-radius:5px;}.orders-detail-div .coupon-used{margin-bottom: 15px;}.coupon-used-title{ margin-bottom: 5px;background-color: var(--shopstore-primary);color:#ffffff;padding: 5px 10px;border-top-right-radius: 5px;border-top-left-radius: 5px;}.sale-item{ display: flex;justify-content: space-between;padding: 5px 10px;}.sale-item-name{flex:1 1 0;}.sale-item-name span { margin-right:5px; word-break: break-all; }.coupon_code{font-size:14px;background-color: #dcdcdc;padding: 0 5px;color: #000000;}.sale-item-name .icon-times:hover{cursor: pointer;}.show-description{border: 1px solid #dcdcdc;border-radius: 5px;margin-bottom: 30px;}.show-description-area{padding: 0 15px;}.show-description-area > p:first-child{background-color: var(--shopstore-primary);color: #ffffff;padding: 5px;display: inline-block}.show-description-area > p{margin-bottom: 0;}.show-description-area > .order-remark { white-space: pre-line; word-wrap: break-word; margin-bottom: revert; }.show-description-area img{max-width: 100%;}.aftee-logo{display: flex;}.aftee-logo img{height: 18px;}.coupon-title { font-size: 14px; padding: 5px 0; display: block; word-break: break-all; }.coupon-slash { display: none; }@media only screen and (max-width: 980px) { .coupon-title { display: unset; } .coupon-slash { display: unset; }}.item-spec { display: block;color:#969696;}.item-limit { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color:#969696; font-size: 12px; margin-top: 5px; text-align: center;}.item-limit span{ padding: 0 5px; }.balance { text-align: right;}.text-label { cursor: pointer;margin-top: 0 !important;text-decoration-line: underline;}.has-error {border-color: #a94442!important;}@media only screen and (max-width: 768px) { .discount-points__info {display: block !important;} .discount-points__info > span {display: block;margin: 5px 0;} .balance {text-align: left !important;} .point-number {float: right !important;}}@media (max-width:980px){ .name-reset {display: block !important;}}.select-wrap__birth {margin-right: 5px;}.discount-title{margin-bottom:5px;}.receiver__tool-bar > span > a.shown__name::before {content:\e315;font-family:icomoon !important;font-size: 14px;}.receiver__tool-bar > span > a.isOpen::before {content:\e313;}.hint {font-size: 12px;border-radius: 50%;background: #e46050;color: #fff;padding: 0 3px;position: absolute;transform:scale(0.85);-webkit-transform:scale(0.85);} @media (max-width:360px){.hint{ top:0; right:0;}}.cake img { transition: opacity 0.4s; opacity: 0; }.cake img.flickity-lazyloaded, .cake img.flickity-lazyerror { opacity: 1; }.timer { display: flex; justify-content: center; z-index: 2; background-color: #a00000; color: #ffffff; padding: 15px 0; align-items:center; flex-wrap: wrap; position: fixed; width: 100%; row-gap: 8px; }.timer p{ margin: 0; padding: 0 10px; }.counter .number{ background-color: #ffffff; color: #444444; padding: 0 5px; border-radius: 5px; font-size: 20px; }.counter .date{ font-size: 12px; margin: 0 5px; }@media (mex-width:767px){ .timer p{ margin-bottom: 10px; } }span.google-icon-font { font-weight: bolder; font-family: Arial !important; margin: 0 4px; line-height: 1; }/************************* discount_block *************************/.home-discount-01{ padding: 10px; background-color: #f3f3f3; border-radius: 10px; }.hd-title-01{ position: relative; display: flex; align-items: center; border-bottom: 1px solid #dddddd; margin-bottom: 10px; padding-bottom: 10px; }.hd-title-01 p{ margin: 0; font-size: 18px; color: var(--shopstore-secondary); font-weight: bold; }.hd-title-01 i{ color: var(--shopstore-secondary); margin-left: 5px; }.hd-time-01 { margin-left: 15px; margin-right: 15px; white-space: nowrap; }.hd-num-01 { background-color: #000000; color: #ffffff; padding: 0 3px; font-size: 14px; border-radius: 5px; }.hd-more-link-01{ margin-left: auto; }.hd-title-01 a{ width: max-content; background-color: #ffffff; box-shadow: 1px 1px 0px 0px #cccccc;border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; font-weight: bold; }.hd-title-01 a i { color: #444444; margin-left: 0; }@media (max-width:575px){ .hd-title-01{ display: flex; flex-wrap: wrap; justify-content:end; } .hd-title-01 p{ font-size: 16px; width: 100%; margin-bottom: 15px; } .hd-title-01 i { font-size: 14px; } .hd-more-link-01{ margin-left: unset; } .hd-title-01 a{ padding: 2px 5px; font-size: 12px;}}.home-discount-02{ padding-bottom: 10px; border-radius: 10px; background-color: #e0dfdf; }.hd-title-02{ position: relative; display: flex; align-items: center; background: linear-gradient(to right, color-mix(in srgb, var(--shopstore-primary) 70% , white), #d8d8d8); margin-bottom: 10px; padding: 10px;padding-left: 15px;border-top-left-radius: 10px; border-top-right-radius: 10px; }.hd-title-02 p{ margin: 0; font-size: 18px; color: #ffffff; font-weight: bold; }.hd-title-02 i{ color: #ffffff; margin-left: 5px; }.hd-time-02 { margin-left: 15px; margin-right: 15px; color: #ffffff;white-space: nowrap; }.hd-num-02 { background-color: #ffffff; color: #000000; padding: 0 3px; font-size: 14px; border-radius: 5px; }.hd-more-link-02{ margin-left: auto; }.hd-title-02 a{ width: max-content; background-color: #ffffff;box-shadow: 1px 1px 0px 0px #cccccc;border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; font-weight: bold; }.hd-title-02 a i { color: #444444; margin-left: 0; }@media (max-width:575px){ .hd-title-02 { display: flex; flex-wrap: wrap; justify-content:end; } .hd-title-02 p{ font-size: 16px; width: 100%; margin-bottom: 15px; } .hd-title-02 i { font-size: 14px; } .hd-more-link-02{ margin-left: unset; } .hd-title-02 a{ padding: 2px 5px; font-size: 12px;}}.home-discount-03{ background-color: #f3f3f3; border-radius: 10px; padding-bottom: 15px; }.hd-title-03{ position: relative; background-color: #ffffff; display: flex;justify-content: space-between ;align-items: center; margin-bottom: 15px; }.hd-title-03 p{ margin: 0; font-size: 18px; color: var(--shopstore-secondary); font-weight: bold; }.hd-title-03 i{ color: var(--shopstore-secondary); margin-left: 5px; }.hd-time-03 { display: inline-block; margin-left: 15px; margin-right: 15px; white-space: nowrap; }.hd-num-03 { background-color: #000000; color: #ffffff; padding: 0 3px; font-size: 14px; border-radius: 5px; }.hd-title-03 a{ background-color: #ffffff;box-shadow: 1px 1px 0px 0px #cccccc; border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; font-weight: bold; white-space: pre;margin-right: 10px; }.hd-title-03 a i { color: #444444; margin-left: 0; }.hd-left-03{ display: flex; justify-content: center ; align-items: center; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); background-color: #f3f3f3; padding: 10px; padding-right: 7%; border-top-left-radius: 10px; }@media (max-width:575px){ .hd-left-03{ flex-direction: column;padding-right: 10%;} .hd-title-03 p{ font-size: 16px;margin-bottom: 15px; } .hd-title-03 i { font-size: 14px; margin-left: 0; } .hd-title-03 a{ padding: 2px 5px; font-size: 12px; }}.home-discount-04{ display: flex; align-items: center;border-radius: 10px; }.hd-left-04{ position: relative; width: 22%; padding: 10px; display: flex; flex-direction: column; justify-content: space-around;align-items: center; color: #ffffff; border-radius:10px;background: linear-gradient(to bottom, color-mix(in srgb, var(--shopstore-primary) 70% , white), #e4e4e4); }.hd-left-04 p { margin: 0;text-align: center; font-size: 24px; text-shadow: 1px 1px 3px #cccccc; }.hd-time-04 { text-align: center; color: #000000; white-space: nowrap; }.hd-num-04 { background-color: #000000; color: #ffffff; padding: 0 3px; font-size: 14px; border-radius: 5px; }.hd-left-04 a { width: 100%; background-color: #ffffff;box-shadow: 1px 1px 0px 0px #cccccc;border-radius: 10px; padding: 2px 10px; display: flex; justify-content: center;align-items: center; font-size: 14px; text-decoration: none; color: #444444; font-weight: bold; }.hd-left-04 a i { color: #444444; margin-left: 0; }@media (max-width: 980px){ .home-discount-04{ flex-direction: column ; padding-bottom: 15px; background-color: #dddddd; } .hd-left-04{ width:100%; margin-bottom: 15px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center;} .hd-left-04 p { width: 100%;; margin: 0; font-size: 16px; margin-bottom: 15px; } .hd-left-04 p i{ font-size: 12px; } .hd-time-04{ margin-right: 15px; } .hd-left-04 a { width: max-content ; box-shadow: none; font-size: 12px; padding: 2px 5px; }}.pop__cancel .pop-main { background-color: #ffffff; }.pop__canael-form ul { list-style: none; width: 100%; margin: 0; padding: 5px 0; }.pop__canael-form .form-item { margin: 10px auto; }.pop__canael-form .form-item label { padding: 10px; display: block; width: 100%; }.cancel-select { position: relative; color: inherit; }.cancel-select::after { content: \25BE; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #444444; pointer-events: none; }.cancel-select select::-ms-expand { display: none; }.cancel-select select { -webkit-appearance: none; -moz-appearance: none; min-height: 40px; width: 100%; padding: 10px 5px; font-size: 16px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-family: inherit; outline: none; }.cancel-select select:focus { background-color: rgba(156, 156, 156, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }.cancel-select select:disabled { cursor: not-allowed; }.pop__cancel .self-center { text-align: center; }.pop__cancel.isOpen { visibility: visible; }.pop__cancel.isOpen .pop-main { top: 15%; }.orders-detail-tilte span input { align-self: center; margin-right: 10px;}.return ul.shop-lists-ul > li { border-bottom: 0; margin-bottom: 0; }.return ul.shop-lists-ul > li > div.info .price , .return ul.shop-lists-ul > li > div.info .qty { flex-basis: 33.33333%; }.return-outer { border-bottom: 1px solid rgba(156, 156, 156, 0.35); margin: 15px auto; }.qty-select span , .return-area .reason span , .return-way .chose { position: relative; color: inherit; background-color: transparent; /* Target IE9 and IE10 */}.qty-select span select , .return-area .reason span select , .return-way .chose select { -webkit-appearance: none; -moz-appearance: none; min-height: 40px; width: 100%; padding: 10px 5px; font-size: 16px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-family: inherit; outline: none; }.qty-select span::after , .return-area .reason span::after , .return-way .chose::after { content: \25BE; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #444444; pointer-events: none; }.qty-select span select:focus , .return-area .reason span select:focus , .return-way .chose select:focus { }/* .qty-select span select:hover , .return-area .reason span select:hover , .return-way .chose select:hover { border-color: #79cddf; box-shadow: none; } */.qty-select span select :disabled , .return-area .reason span select:disabled , .return-way .chose select:disabled { cursor: not-allowed; }.qty-select span { width: 70%; }.return-area { border-bottom: 1px solid rgba(156, 156, 156, 0.35) ; display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 15px; margin-bottom: 15px; }.return-area .reason , .return-area .enter-reason { width: 50%; display: flex; align-items: center; padding-right: 15px; }.return-area .reason span , .return-area .enter-reason span { display: inline-block; width: 90%; }.return-area .enter-reason { width: 50%; }.return-area .enter-reason input { margin-bottom: 0; }.return-area .reason::before , .enter-reason::before { content: attr(data-title); font-size: 14px !important; padding: 0 8px; white-space: nowrap; font-weight: normal; color: #6c6c6c; }.return-info { border-bottom: 1px solid #cccccc; margin: 20px 0; padding-bottom: 15px; }.return-info ul { list-style: none; margin: 0; margin-bottom: 15px; padding-left: 0; }.return-info .area { display: flex; align-items: center; }.return-way { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 0 15px; }.return-way label , .return-address label , .return-description { white-space: nowrap; padding: 0 10px 0 5px; color: #000000; }.return-way .chose { width: 100%; padding-right: 0; }.return-address { width: 100%; margin-bottom: 5px; padding: 0 15px; display: flex; align-items: center; }.return-address .carts-tw { display: flex; margin-bottom: 5px; justify-content: space-between; }.return-address .carts-tw span { width: 49%; padding-right: 0; }.return-address .right { width: 100%; margin-top: 5px; }.return-address input { margin-top: 5px; }.return-btn { text-align: right; margin-top: 30px; }@media (max-width:780px){ .return-area .reason , .return-area .enter-reason , .return-way { width: 100%!important; margin-bottom: 15px; } .return-area { display: block; } .return-info .area { display: block; } }@media (max-width:780px) { .return ul.carts-items-ul li > article .spec > div.qty , .return ul.carts-items-ul li > article .spec > div.price , .return ul.carts-items-ul li > article .spec > div.total { width: 50%; display: flex; } }@media (max-width:480px) { .return ul.carts-items-ul li > article .spec > div.qty , .return ul.carts-items-ul li > article .spec > div.price , .return ul.carts-items-ul li > article .spec > div.total { width: 100%; } }.addon-name { color: #ffffff;font-size: 16px;font-weight: bold;padding: 0 10px; background-color: var(--shopstore-primary); }.gift-main{ margin: 30px 0; border: 1px solid #e0e0e0; padding: 15px; }.gift-title{ margin-bottom: 15px; background-color: var(--shopstore-primary); padding: 5px 15px; display: inline-block; color: #ffffff; }.gift-item { width: 25%; margin-right: 10px; }.gift-item img{ width: 150px; height: 150px; object-fit: contain; }.gift-area{ display: flex; }.gift-img { display: inline-block; position: relative; }.gift-img .icon-zoom-in { color: #00000040; position: absolute; font-size: 30px; text-decoration: none; -webkit-text-stroke: 1px #ffffff80; bottom: 5px; right: 0; }.gift-cell{ padding: 10px; display: flex; flex-direction: column; width: 100%; flex: 1 1 0; }.gift-cell .price{ color: var(--shopstore-secondary); }.gift-cell .name{ word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 5px; overflow: hidden; }.gift-cell button{ margin-top: auto; white-space: nowrap; }.gift-tag{ font-size: 12px; margin-right: 5px; background-color: var(--shopstore-primary); color: #ffffff; vertical-align: super; padding: 0 5px; border-radius: 3px; }@media (max-width:1299px){ .gift-area{ display: block; } .gift-area{ text-align: center; } .gift-cell .name{ margin-bottom: 0; } .gift-cell .price{ margin-bottom: 10px; } .diff_hint { order: 4; } }@media (max-width:767px){ .gift-item{ width: 50%; } .gift-item img{ width: 100%; } }@media (min-width:781px){ .gift-number{ text-align: center; } }@media (max-width:980px){ .addon-name{ background-color: transparent; color: #ff0000; padding: 0; font-size: 14px; } }@media (min-width:1300px) { .diff_hint { text-align: left; } }.eit-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: hsla(0, 0%, 0%, 0.6); display: flex; align-items: center; justify-content: center; text-align: center; z-index: 1000000; }.eit-bg p { color: #ffffff; font-size: 28px; }.eit-bg button { color: #ffffff; font-size: 28px; padding: 5px 15px; border: 2px solid; margin: 30px 0; background-color:transparent; }#check_q { font-size: 13px !important; color: #bb2e1d; }.order-log-button { padding: 0px 5px !important; font-size: 14px !important; min-height: 0px !important; margin-bottom: 3px !important; }.back__to-login::before { content: \e913; font-family: icomoon !important; font-size: 12px; }.coupon-code-error { color: #a94442; font-size: 14px; }.pre_order { font-size:14px; color:#444444b5; }.hint-text { display: block; text-align: right; }.hint-text > span { word-break: keep-all; color: var(--shopstore-secondary) !important; font-size: 14px; }@media only screen and (max-width: 768px) { .hint-text > span { word-break: normal; } }.blog-list { padding: 0; }.blog-sort { display: inline-block; list-style: none; margin: 10px 10px 0 0; }.blog-sort a { display: inline-block; border: 1px solid var(--shopstore-primary); padding: 5px 10px; border-radius: 5px; text-decoration: none; color: var(--shopstore-primary); }.blog-sort a:hover , .blog-sort a:focus { background-color: var(--shopstore-primary); color: #ffffff; }.blog-sort.active a { background-color: var(--shopstore-primary); color: #ffffff; }@media (min-width:1025px) { .mobile-nav{ display:none; } }.mobile-nav { border-top: 1px solid #e1e1e1; background-color: #ffffff; position: fixed; bottom: 0; width: 100%; z-index: 100; }.mobile-nav .area { display: flex; justify-content: center; padding: 5px 0; padding-bottom: 15px; }.mobile-nav .area .item { text-align: center; width: 20%; order: unset; color: #555555; text-decoration: none; margin-right: 0; }.mobile-nav .area .item span { font-size: 20px; margin-bottom: 0; }.mobile-nav .area .item p { font-size: 12px; margin: 0; }.mobile-nav .area .item b { font-size: 12px; } .mobile-gapis-mobile-nav { margin-bottom: 40px!important; }/*addons*/.addons { margin-bottom: 30px; }.addons-title{ background-color: #e3e3e3; color: #747474; padding: 10px; font-size: 14px; margin-bottom: 0; }.addons-title span{ margin-right: 5px; font-size: 12px; }.addons-all { background-color: #f1f1f1; }.addons-area { display: flex; padding: 30px 10px; margin: 0 15px; border-bottom: 1px solid #c7c7c7; position: relative; }.addons-area .addons-right { margin-left: 10px; }.addons-area .addon_check { margin-top: 20px; min-width: 15px; }.addons-area .name { margin-bottom: 5px; }.addons-area img { width: 60px; height: 60px; margin: 0 10px; }.addons-area .number-wrap { width: 150px; margin-bottom: 10px; }.addons-area .number-wrap input { width: 100%; min-height: 25px; padding: 0; }.addons-area .number-wrap button { min-height: 25px; padding: 0 5px; }.addons-area .price { color: var(--shopstore-secondary); }.addons-area:last-child { border-bottom: 0; }.addon-max { margin-left: 10px; font-size: 12px; color: #444444; }.addon-spread { font-size: 12px; color: var(--shopstore-secondary); position: absolute; right: 0; top: 5px;}/* customer_url */.customer_url_pc{display: block;}.customer_url_mobile{display: none;}.link_btn{min-height:unset!important;}@media only screen and (max-width: 640px) { .customer_url_pc{display: none;} .customer_url_mobile{display: table;width: 100%;border-collapse: separate;border-spacing: 0;margin-bottom: 15px;} .customer_url_mobile th{border-bottom: 1px solid rgb(205,205,205);border-left: 1px solid rgb(205,205,205);background-color: rgb(228,228,228);text-align: left;padding: 10px 15px;width: 140px;} .customer_url_mobile td{border-bottom: 1px solid rgb(205,205,205);border-right: 1px solid rgb(205,205,205);padding: 10px 15px;} .customer_url_mobile tr:first-child th{border-top-left-radius: 5px;border-top: 1px solid rgb(205,205,205);} .customer_url_mobile tr:first-child td{border-top-right-radius: 5px;border-top: 1px solid rgb(205,205,205)} .customer_url_mobile tr:last-child th{border-bottom-left-radius: 5px;} .customer_url_mobile tr:last-child td{border-bottom-right-radius: 5px;}}.setting-window { display: none;padding:30px 15px; width: 100%; height: 100%;background-color: rgba(0, 0, 0, .4);position: fixed;top: 0;left: 0;z-index: 99999;overflow-y: auto;}.setting-window .content {background-color: #fff; width: 100%;max-width:700px;margin:auto;display: flex;flex-direction: column;padding: 5px 20px 20px 20px;border-radius: 10px;}.setting-window .setting {display: flex;justify-content: space-between;align-items: center;margin: 0 20px ;border-bottom: 1px solid #9d9d9d;padding: 15px 0;}.setting-window .description { max-width: 60%; }.remark_text{color: var(--shopstore-secondary);}@media only screen and (max-width: 575px) { .setting-window { padding: 15px 10px; }}/* 通用的 css 放置處 */body { color: var(--shopstore-text-color)}img { max-width: 100%; }/******************** 商店載入中畫面*******************/.loading-img { position: fixed; z-index: 100000; width: 100%; height: 100%; opacity: 0.95; transition: opacity 0.2s ease-in-out; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; }/******************** 商店右側懸浮按鈕*******************/.fab-container { display: flex; flex-direction: column; align-items: center; position: fixed; bottom: 120px; right: 15px; z-index: 499; }.fab-container img { width: 100%; }.fab-container .title { position: absolute; right: 60px; padding: 5px 10px; text-align: center; white-space: nowrap; font-size: 14px; font-weight: normal; width: fit-content; border-radius: 5px; }.fab-container .addcart-list { display: block; margin-top: -70px; }.fab-container .addcart-list > .add_cart { margin-top: 5px; }.fab-container .addcart-list > .quick_check { margin-top: 40px; }.fab-container .fab-btn { height: 45px; width: 45px; border-radius: 50%; box-shadow: 0px 2px 3px 1px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer; margin-bottom: 10px; background-size: cover; background-position: center; text-decoration: none;}.fab-container .fab-btn i { font-size: 25px; transition: transform .5s ease; }.fab-container .fab-btn svg { width: 25px; }.fab-container .sub-button { position: fixed; display: flex; align-items: center; justify-content: center; bottom: 140px; right: 17px; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0px 2px 3px 1px rgba(0,0,0,.3); cursor: pointer; background-size: cover; background-position: center; }.fab-container .sub-button, .fab-container .fab-btn.top, .fab-container .addcart-list { visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; }/******************** 商品內頁*******************//* 使 facebook 留言區塊強制滿版 */.fb-comments iframe { width: 100% !important; }/******************** tinymce 編輯器文章*******************/.tinymce-content { word-wrap: break-word; word-break: break-word; }.tinymce-content h1 *, .tinymce-content h2 *, .tinymce-content h3 *, .tinymce-content h4 *, .tinymce-content h5 *, .tinymce-content h6 *, .tinymce-content h1, .tinymce-content h2, .tinymce-content h3, .tinymce-content h4, .tinymce-content h5, .tinymce-content h6 { font-weight: bold; }.tinymce-content strong *, .tinymce-content b * { font-weight: bolder; }.tinymce-content table { border-collapse: collapse; }.tinymce-content table:not(cellpadding) td,.tinymce-content table:not(cellpadding) th { padding: 0.4rem; }.tinymce-content tableborder:not(border0):not(style*border-width) td,.tinymce-content tableborder:not(border0):not(style*border-width) th { border-width: 1px; }.tinymce-content tableborder:not(border0):not(style*border-style) td,.tinymce-content tableborder:not(border0):not(style*border-style) th { /*border-style: solid;*/ }.tinymce-content tableborder:not(border0):not(style*border-color) td,.tinymce-content tableborder:not(border0):not(style*border-color) th { border-color: #ccc; }.tinymce-content figure { display: table; margin: 1rem auto; }.tinymce-content figure figcaption { color: #999; display: block; margin-top: 0.25rem; text-align: center; }.tinymce-content hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0; }.tinymce-content code { background-color: #e8e8e8; border-radius: 3px; padding: 0.1rem 0.2rem; }.tinymce-content blockquote { border-left: 2px solid #ccc; margin-left: 1.5rem; padding-left: 1rem; }.tinymce-content ol { list-style: decimal; }.tinymce-content ul { list-style: inside; }.tinymce-content img { max-width: 100%; height: auto; vertical-align: middle;}/* 讓錨點位置距離頂部有段距離 */:root { scroll-padding-top: 80px; }@media (max-width: 980px), (max-device-width: 1024px) { :root { scroll-padding-top: 120px; } }/******************** 手機板導覽列*******************/.mobile-nav .blog-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/* 商品內頁照片區域 */.item-show{max-width: 50%;height: max-content;padding: 20px;}.product-photo-swiper{width: 100%;height: 100%;margin: auto;}.swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;z-index: 0!important;}.swiper-slide {display: flex;justify-content: center;align-items: center;aspect-ratio: 1/1;}.swiper-slide img {display: block;width: 100%; height:100% ;object-fit: contain;}.mySwiper { box-sizing: border-box;margin: 15px 0; }.mySwiper .swiper-slide { width: 20%;opacity: 0.4;}.mySwiper .swiper-slide-thumb-active {opacity: 1;}.mySwiper2 .swiper-pagination{display: none;}.mySwiper2 .swiper-button-next ,.mySwiper2 .swiper-button-prev{color: #a3a3a3;}.mySwiper2 .swiper-button-next:after , .mySwiper2 .swiper-button-prev:after{font-size: 15px;font-weight:600;}.swiper3 .swiper-button-next:after , .swiper3 .swiper-button-prev:after{font-size: 20px;font-weight:600;}#photoShowModal{display: none; padding: 15px; width: 100%;height: 100%;background-color: rgba(0,0,0,.8);position: fixed;top: 0;left: 0;z-index: 99999;}.modal-contain{width: 95%;max-width:700px;height: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;}.close_modal_btn{display: flex;margin-left: auto; padding-bottom: 10px;color: #fff;background: transparent;border: 0;font-size: 40px;line-height: 40px;}.close_modal_btn:hover{opacity: .8;}@media only screen and (max-width: 980px) { .item-show{max-width: 100%;margin-bottom: 15px;padding: 0;} .mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{ display: none;} .mySwiper2 .swiper-pagination{display: block; background:rgba(0,0,0,.3);color:#fff;padding: 3px 8px;border-radius: 25px; width: max-content;left: unset; right: 8px;} }/******************** 前台其他用途*******************//* 凸顯不可使用輸入框 */inputdisabled, inputreadonly { cursor: not-allowed; filter: brightness(0.85); }/* 避免 pop_cart 內按鈕在 ios 要點2次 */.os-scrollbar { display: none;}/******************** 共用元件*******************//* 各版型統一按鈕 */.uniform-btn { outline: none; cursor: pointer; touch-action: manipulation; border: 1px solid transparent; border-radius: 5px; transition: all .2s; display: inline-block; line-height: 1.2;}.uniform-btn:disabled { cursor: not-allowed;}.template-btn { background: var(--shopstore-btn-background); border-color: var(--shopstore-btn-border-color); color: var(--shopstore-btn-text-color);}@media (hover:hover){ .template-btn:hover { background: var(--shopstore-btn-background-hover); border-color: var(--shopstore-btn-border-color-hover); color: var(--shopstore-btn-text-color-hover); }}/* 社群按鈕 */.fb-btn { background: #2C4290; border: 1px solid #2C4290; color: #fff;}.fb-btn:hover { background: #4667D9; border-color: #4667D9;}.line-btn { background: #359509; border: 1px solid #359509; color: #fff;}.line-btn:hover { background: #44B00B; border-color: #44B00B;}.google-btn { background: #f9f9f9; border: 1px solid #cbcbcb; color: #949494;}.google-btn:hover { background: #fff;}/******************** 彈跳視窗*******************//* pop */body:has(.pop__item.isOpen) { overflow: hidden;}.pop-main-lg { max-width: 980px;}@media (max-width: 991px) { .pop-main-lg { max-width: 540px; }}/* modal */.modal .icon-close { font-size: 20px; padding: 8px; width: 40px; height: 40px; border-radius: 50%; background: none; transition: background .3s ease-out;}.modal .icon-close:hover { background: #EAEAEA;}/* pop */.pop .icon-close { position: absolute; top: 0; right: 0; color: var(--shopstore-text-color); font-size: 20px; padding: 8px; width: 40px; height: 40px; border-radius: 50%; background: none; transition: opacity .3s ease-out;}.pop .icon-close:hover { opacity: 0.5;}/* 優惠 */.sales { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding-left: 0; order: -1;}.sales .sale_name { color: #E24747; padding: 7px 10px; border: 1px solid #E24747; border-radius: 5px; font-size: .875rem; word-wrap: break-word; word-break: break-word;}.cake-product .is-cpd .pd__content, .cake-product .is-cpd .pd__sold { text-align: center; margin-top: 10px;}.cake-product .is-cpd .pd__content .name, .cake-product .is-cpd .pd__sold .name { font-weight: 500; margin-bottom: 10px; font-size: 1rem;}.cake-product .is-cpd .pd__content .del-price, .cake-product .is-cpd .pd__sold .del-price{ font-size: .75rem; color: #949494;}.cake-product .is-cpd .pd__content .del-price.hidden, .cake-product .is-cpd .pd__sold .del-price.hidden { visibility: hidden;}.cake-product .is-cpd .pd__content .del-price sup, .cake-product .is-cpd .pd__sold .del-price sup{ top: 0; font-size: inherit;}.cake-product .is-cpd .pd__content .price, .cake-product .is-cpd .pd__sold .price { margin: 0 0 10px;}.cake-product .is-cpd .pd__content .soldout, .cake-product .is-cpd .pd__sold .soldout { margin: 0; color: var(--shopstore-text-highlight-color); font-weight: 700;}.cake-product .is-cpd .pd__content .price, .cake-product .is-cpd .pd__sold .price, .cake-product .is-cpd .price .currency > sup { font-size: 1rem; color: var(--shopstore-text-highlight-color);}.cake-product .is-cpd .pd__content .price .currency, .cake-product .is-cpd .pd__sold .price .currency, .cake-product .is-cpd .pd__content .price.currency, .cake-product .is-cpd .pd__sold .price.currency{ font-weight: 700; font-size: 1.5rem;}.cake-product .flickity-viewport { border-radius: 0;}.cake-product .flickity-page-dots { order: -1; justify-content: start; margin: 0; padding: 0;}.cake-product .flickity-page-dots > li { border-radius: 50px; background-color: #d5d5d5; height: 6px; width: 20px; margin: 0 3px; border: none; box-shadow: none; flex: none;}.cake-product .flickity-page-dots > li.is-selected { background-color: var(--shopstore-text-highlight-color);}.cake-product .flickity-button { display: none;}@media (max-width: 767px) { .cake-product .is-cpd .pd__content, .cake-product .is-cpd .pd__sold { margin-top: 5px; } .cake-product .is-cpd .pd__content .name, .cake-product .is-cpd .pd__sold .name { font-weight: 400; font-size: 1rem; } .cake-product .is-cpd .pd__content .del-price, .cake-product .is-cpd .pd__sold .del-price { font-size: .75rem; } .cake-product .is-cpd .pd__content .price, .cake-product .is-cpd .pd__sold .price { font-size: .875rem; } .cake-product .is-cpd .pd__content .price .currency, .cake-product .is-cpd .pd__sold .price .currency{ font-size: .875rem; display: block; }}.message .product { display: flex; flex-direction: column; align-items: start; gap: 8px; width: 250px;}.message .product .product-img { text-align: center; max-height: 250px;}.message .product .product-img img { object-fit: cover; height: auto;}.message .product .product-name { font-size: 1rem; font-weight: 700; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-right: 0;}.message .product .product-price { display: flex; align-items: center;}.message .product .product-price :last-child { opacity: 0.6; text-decoration: line-through; font-size: 0.75rem; margin-right: 0;}.message .product .product-price :first-child { opacity: 1; text-decoration: none; font-size: 0.875rem; margin-right: 4px;}.message .product .product-link { text-align: center; align-self: center; width: 100%; padding: 8px 0; text-decoration: none;}@media (max-width:767px) { .message .product { width: 200px; }}/*** 樣式 ***//* 動畫 */.pop-main.pop-item-main { top: 0; transform: translate(-50%, -100%);}.pop__item.isOpen .pop-main { top: 0; transform: translate(-50%, 10vh);}/* 容器樣式、結構 */.pop__item .pop-main { border-radius: 5px;}.pop__item .in-pop.pds__items-single-div { display: block; margin: 0;}.pop__item .item-show { max-width: 100%; padding: 0; height: fit-content; order: initial; background: none;}.pop__item .item-cart { padding: 0; width: 100%;}.pop__item .cart__info { display: flex; flex-direction: column; padding-bottom: 0; border: none;}/* 關閉按鈕 */.pop__item.show-product .icon-close { background-color: rgba(255, 255, 255, 0.7); width: 30px; height: 30px; margin: 12px; display: flex; align-items: center; justify-content: center; z-index: 1;}/* 商品圖 */.pop__item .product-photo { display: block; cursor: auto;}/* swiper */.pop__item .img-swiper { margin-bottom: 15px;}.pop__item .thumbs-swiper { display: none;}.pop__item .thumbs-swiper .swiper-slide { opacity: 0.4; cursor: pointer;}.pop__item .thumbs-swiper .swiper-slide-thumb-active { opacity: 1;}.pop__item .img-swiper .swiper-slide { aspect-ratio: auto;}.pop__item .img-swiper .swiper-pagination { right: 0; padding: 2px 14px; left: auto; width: auto; background: rgba(255, 255, 255, .8); border-radius: 50px; font-size: .875rem; margin: 10px; position: absolute;}.pop__item .img-swiper .swiper-button-next, .pop__item .img-swiper .swiper-button-prev { font-weight: 700;}@media (hover: hover) { .pop__item .img-swiper .swiper-button-next, .pop__item .img-swiper .swiper-button-prev { opacity: 0; transition: opacity .2s; } .pop__item .img-swiper:hover .swiper-button-next, .pop__item .img-swiper:hover .swiper-button-prev { opacity: 1; } .pop__item .img-swiper:hover .swiper-button-next.swiper-button-disabled, .pop__item .img-swiper:hover .swiper-button-prev.swiper-button-disabled { opacity: .35; }}/* 庫存、銷量、貨號 */.pop__item .product-info { display: grid; grid-template-columns: auto auto; gap: 5px; justify-content: space-between; margin-bottom: 20px; margin-top: 10px; padding-left: 0; list-style: none;}.pop__item .product-info li { color: #949494; font-size: .875rem;}/* 預購提示 */.pop__item .pre_order { display: flex; gap: 5px; margin-bottom: 10px; color: inherit; font-size: .9375rem;}.pop__item .pre_order_txt { flex-shrink: 0;}.pop__item .pre_order .pre_order_hint { font-size: .875rem; color: var(--shopstore-text-highlight-color); word-wrap: break-word; word-break: break-word;}/* 商品名 */.pop__item .item-name .title { font-size: 1.25rem; letter-spacing: 2px; font-weight: 700; word-wrap: break-word; word-break: break-word; margin-bottom: 0;}.pop__item .in-pop > .item-name { display: none; margin-bottom: 24px;}.pop__item .item-show .item-name { display: block; margin-top: 25px; margin-bottom: 10px;}/* 優惠 */.pop__item .sales { margin: 0 0 15px;}/* 商品介紹 */.pop__item .introduction { word-wrap: break-word; word-break: break-word; margin: 15px 0;}/* 商品描述 */.pop__item .description { margin: 15px 0;}.pop__item .description .toggle-btn { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; background: none; color: var(--shopstore-text-color); margin-bottom: 10px; border-radius: 0; border-top: 1px solid #949494; border-bottom: 1px solid #949494;}.pop__item .description .toggle-btn .icon-chevron-down { transition: rotate .3s;}.pop__item .description .toggle-btnaria-expandedtrue .icon-chevron-down { rotate: 180deg;}.pop__item .description .description-content { padding: 0 10px;}/* 價格 */.pop__item .item-cart .cart__info .price { text-align: end; margin: 0;}.pop__item .item-cart .cart__info .price .special { font-size: 1.75rem; margin: 0;}.pop__item .item-cart .cart__info .price .original { font-size: .875rem; margin-right: 0px; color: #949494;}/* form */.pop__item .cart__form form.cart__form-form ul { padding: 0;}.pop__item .cart__form form.cart__form-form { margin: 0;}.pop__item .cart__form form.cart__form-form ul li.form-item { display: block; font-size: .9375rem;}.pop__item .cart__form form.cart__form-form ul li.form-item > label { padding: 0 0 5px; font-size: .875rem; font-weight: 500; background: none; color: var(--shopstore-text-color); line-height: 1.5;}.pop__item .cart__form .form-item > label ~ * { flex-grow: 1;}/* 多規格按鈕 */.pop__item .cart__form .form-item .select-wrap { max-height: initial;}.pop__item .cart__form .form-item .select-wrap select { text-align: center; padding: 5px; font-size: 1rem; max-height: initial; line-height: 1.2;}.pop__item .cart__form .form-item .radio-wrap { display: flex; flex-wrap: wrap; gap: 10px; width: auto;}.pop__item .cart__form .form-item .radio-wrap input { display: none;}.pop__item .cart__form .form-item .radio-wrap .getClick { cursor: pointer; line-height: 1.5; font-size: .875rem; font-weight: 500; margin: 0; background: none;}.pop__item .cart__form .form-item .radio-wrap .getClick.isChosen { cursor: revert;}/* 購買數量限制 */.pop__item .number-wrap > input { max-height: initial; text-align: center;}.pop__item .number-wrap > button { max-height: initial;}/* 購買數量限制 */.pop__item .item-cart .limit-hint { color: #949494; display: flex; flex-wrap: wrap; margin-top: 5px; font-size: .8125rem;}.pop__item .item-cart .limit-hint span { padding: 0 4px;}/* 結帳按鈕 */.pop__item .cart__form form.cart__form-form ul .form-item:has(.btn-container) { margin-bottom: 0;}.pop__item .cart__form .cart__form-form ul li.form-item button { margin: 0; box-shadow: none;}.pop__item .cart__form .btn-container { width: 100%; display: flex; justify-content: center; gap: 10px;}.pop__item .cart__form .btn-container button { width: 100%; padding: 10px; font-size: 1rem; font-weight: 700;}.pop__item .cart__form .btn-container button.quick_check { max-width: 50%;}.pop__item .cart__form .btn-container .addtocart_btn.anime { margin: 0 auto;}@media (max-width: 767px) { .pop__item .product-photo { margin: -30px -30px 0; width: auto; } .pop__item .product-photo img { border-radius: 5px; } .pop__item .sales { margin-bottom: 20px; }}/*** 電腦版橫式 start ***/@media (min-width: 992px) { .pop__item .pop-main-lg .in-pop { display: flex; max-width: 100%; } .pop__item .pop-main.pop-main-lg { padding-right: 10px; /* 邊界30px - 預留scrollbar空間20px */ } .pop__item .pop-main-lg .in-pop .item-show { width: 50%; flex-basis: 50%; height: fit-content; padding-right: 48px; } .pop__item .pop-main-lg .thumbs-swiper { display: block; } .pop__item .pop-main-lg .cart__info { display: block; } .pop__item .pop-main-lg .product-info { margin-bottom: 0; } .pop__item .pop-main-lg .in-pop .item-cart { flex-basis: 50%; padding-right: 20px; max-height: 650px; overflow-y: auto; } .pop__item .item-cart::-webkit-scrollbar { width: 7px; background: transparent; } /* .pop__item .item-cart::-webkit-scrollbar-button { display: none; } */ .pop__item .item-cart::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(200, 200, 200, 0.8); } .pop__item .pop-main-lg .in-pop .item-show .item-name { display: none; } .pop__item .pop-main-lg .in-pop .item-name { display: block; width: 100%; padding-right: 20px; }}/*** 電腦版橫式 end ***/:root { --cart-primary: #C94B31;}.grid-1300-mid:has(.carts-shopping) { padding-left: 25px; padding-right: 25px;}.carts-shopping { margin: 25px auto 0;}.carts-shopping .carts-block { margin: 0 0 25px;}.carts-shopping .carts-block:last-child { margin-bottom: 0;}.carts-shopping .carts-block .carts-block-content:last-child { border-bottom: 0;}.carts-shopping .carts-block .carts-block-row { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between;}.carts-shopping .carts-block .carts-block-head { background: #EAEAEA; padding: 10px 18px; font-size: 1.0625rem;}.carts-shopping .carts-block .carts-block-content { margin-left: 18px; margin-right: 18px; margin-block: 0; padding: 25px 0; position: relative; font-size: 1rem;}.carts-block{ margin: 48px 0; border: 2px solid #eaeaea; border-radius: 5px; color: #101010; background-color: #fff;}.carts-block sup { top: 0;}.carts-block h2, .carts-block h3, .carts-block h4, .carts-block h5, .carts-block p { font-weight: 400; margin: 0;}.carts-block ul { list-style: none; margin: 0; padding: 0;}.carts-block input, .carts-block select, .carts-block textarea{ border: 1px solid #E7E7E7; border-radius: 5px; padding: 8px 16px; font-size: .9375rem; margin-bottom: 0; line-height: 1; text-align: start; background: #fff; color: #101010; box-shadow: none;}.carts-block input, .carts-block select { min-height: 35px;}.carts-block inputtypecheckbox, .carts-block inputtyperadio { min-height: initial; padding: 0;}.carts-block input:hover, .carts-block select:hover, .carts-block textarea:hover { background: #fff; border-color: #E7E7E7; color: inherit;}.carts-block input:focus { background: #fff; border: 1px solid #E7E7E7; color: #101010;}.carts-block input::placeholder, .carts-block textarea::placeholder { color: #949494; font-size: inherit; font-weight: 400;}.carts-block input:focus::placeholder, .carts-block textarea:focus::placeholder { color: transparent;}.carts-block select { appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer;}.carts-block .select { position: relative; display: block;}.carts-block .select::before { content: \e92d; font-family: icomoon !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; transform: translateY(-50%); right: 18px; pointer-events: none; font-size: .875rem;}.carts-block select optionvalue { color: #949494;}.carts-block select:focus-visible { outline: 0; border: 1px solid #949494;}.carts-block .form-item-lg { min-height: 40px; width: 100%; border-color: #E7E7E7;}.carts-block .form-hint { padding: 0 10px; font-size: .875rem; color: var(--cart-primary);}.carts-block buttontypebutton, .carts-shopping buttontypebutton { overflow: visible;}@media (max-width: 767px) { .carts-shopping .carts-block .carts-block-head { font-size: .9375rem; } .carts-shopping .carts-block .carts-block-content { font-size: .875rem; padding: 20px 0; } .carts-block input, .carts-block select, .carts-block textarea { font-size: .75rem; } .carts-block .form-hint { font-size: .75rem; }}/* 區塊收合 */.carts-shopping .cart-collapse .cart-collapse-head { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 6px;}.carts-shopping .cart-collapse .cart-collapse-head .icon-chevron-down { transition: rotate .3s;}.carts-shopping .cart-collapse.active .cart-collapse-head .icon-chevron-down { rotate: 180deg;}/* 區塊 item 收合 */.carts-shopping .carts-block-content .cart-collapse .cart-collapse-head { justify-content: start;}.carts-shopping .carts-block-content .cart-collapse .cart-collapse-head .icon-chevron-down { color: #949494; font-size: 0.5rem;}.carts-shopping .carts-block-content .cart-collapse .cart-collapse-head .price { margin-left: auto;}.carts-shopping .carts-block-content .cart-collapse .cart-collapse-content { background: #f4f4f4; padding: 6px; border-radius: 5px; font-size: 0.75rem; display: flex; flex-direction: column; margin-top: 15px;}.carts-shopping .carts-block-content .cart-collapse .cart-collapse-content .price { flex-shrink: 0;}.carts-shopping .order-detail li.cart-collapse { display: block;}.carts-shopping .order-detail .cart-collapse li:last-child { margin-bottom: 0;}/* 商品明細 */.carts-details .carts-block-content:first-child { padding-top: 17px;}.carts-details .carts-block-content { border-bottom: 2px solid #EAEAEA;}.carts-details .carts-block-content .carts-block-row { flex-wrap: wrap;}.carts-details .carts-block-content > li:not(:first-child) { padding-top: 25px;}.carts-details .carts-block-col-info { flex: 1 1; display: flex; align-items: center; max-width: 440px;} .carts-details .carts-block-col-price, .carts-details .carts-block-col-total { min-width: 70px; text-align: center; margin: 0 12px;}.carts-details .carts-block-col-qty { width: 120px; text-align: center;} .carts-details .carts-block-col-del { width: 18px; text-align: center;}.carts-details .photo { margin-right: 14px; align-self: start; width: 95px; flex-shrink: 0;}.carts-details .photo img { max-width: 100%; width: 100%; object-fit: contain;}.carts-details .info { line-height: 1.5;}.carts-details .info .is-pre { font-size: 0.875rem; color: var(--cart-primary); margin-bottom: 2px;}.carts-details .info .name { text-align: justify;}.carts-details .info .name .title{ color: #101010; font-size: 1rem; display: block; margin-bottom: 10px;}.carts-details .info .name a.title { text-decoration: 1px underline transparent; text-underline-offset: 3px; transition: text-decoration-color .2s;}.carts-details .info .name a.title:hover{ text-decoration-color: inherit;}.carts-details .info .name .name-sort{ color: #838383; font-size: 1rem; display: block; margin: 5px 0 10px;}/* 優惠 */.carts-details .discount { width: 100%;}.carts-details .discount-tag { margin-left: 109px; margin-top: 10px; max-width: calc(100% - 435px);}/* 標籤 */.carts-details .info .badge{ background-color: #FFF0D3; color: #C8720D;}/* 價格 */.carts-details .price del{ color: #949494; font-size: .875rem;}.carts-details .price, .carts-details .total { font-size: 1rem; white-space: nowrap;}.carts-details .price sup, .carts-details .total sup { font-size: 0.875rem;}.carts-details .price .price-hint { white-space: nowrap;}/* 數量 */.carts-details .qty .qty-group { display: flex; border: 1px solid #949494; border-radius: 5px; overflow: hidden;}.carts-details .qty .qty-group input { border: 0; padding-inline: 8px; text-align: center;}.carts-details .qty .qty-btn { background: #fff; padding: 8px 12px; color: #101010; min-height: 35px; border-radius: 0; font-size: 1rem; transition: background .3s;}.carts-details .qty .qty-btn:hover { background: #dddddd;}.carts-details .del { cursor: pointer; font-size: 1rem;}.carts-details .del .icon-bin { transition: color .2s;}.carts-details .del:hover .icon-bin { color: var(--cart-primary);}@media (max-width: 1199px) { .carts-details .carts-block-content > li:not(:first-child) { padding-top: 20px; } .carts-details .carts-block-head .carts-block-col-price, .carts-details .carts-block-head .carts-block-col-qty, .carts-details .carts-block-head .carts-block-col-total, .carts-details .carts-block-head .carts-block-col-del { display: none; } .carts-details .carts-block-content .carts-block-col-info { width: 100%; } .carts-details .addon-content .carts-block-col-info, .carts-details .gift-content .carts-block-col-info { align-items: stretch; } .carts-details .addon-content .info, .carts-details .gift-content .info { display: flex; flex-direction: column; justify-content: space-between; text-align: left; } .carts-details .info .is-pre { font-size: 0.75rem; } .carts-details .info .name .title { font-size: .875rem; margin-bottom: 0px; } .carts-details .info .name .name-sort { font-size: .75rem; margin: 0; } .carts-details .carts-block-col-price, .carts-details .carts-block-col-total, .carts-details .gift-content .carts-block-col-qty { min-width: initial; width: fit-content; text-align: end; margin: 0 0 0 auto; } .carts-details .addon-content .carts-block-col-price, .carts-details .gift-content .carts-block-col-qty { position: relative; top: -20px; margin-bottom: -20px; line-height: 20px; display: block; } .carts-details .price del { display: block; } .carts-details .price del, .carts-details .price sup { font-size: .625rem; } .carts-details .price { font-size: .75rem; width: 100%; } .carts-details .price div { display: inline-block; } .carts-details .carts-block-content .carts-block-row { position: relative; padding-top: 14px; } .carts-details .gift-content .carts-block-row { padding-top: 0; display: block; } .carts-details .carts-block-col-qty { width: 88px; display: inline-block; margin: 12px 0 4px; } .carts-details .gift-content .qty { font-size: .875rem; } .carts-details .gift-content .qty::before { content: 數量： } .carts-details .qty .qty-group { border-radius: 0; } .carts-details .qty .qty-group * { font-size: .8125rem ; padding: 2px; min-height: 23px; text-align: center; } .carts-details .carts-block-col-total { float: right; line-height: 42px; } .carts-details .total, .carts-details .total sup { font-size: 1rem; font-weight: 700; } .carts-details .total::before { content: 小計 ; font-size: .875rem; } .carts-details .discount-tag { margin-left: 0; max-width: initial; } .carts-details .discount-tag:first-child { margin-top: 0; } .carts-details .discount-tag .discount-tag-title { color: #838383; } .carts-details .del { position: absolute; top: 0; right: 0; font-size: 1rem; line-height: 1; padding: 1px 4px; } .carts-details .del .icon-bin { color: #CACACA; } .carts-details .del .icon-bin::before { content: \e90c; }}.comment-modal { color: #101010;}.comment-modal * { font-weight: 400;}@media (min-width: 992px) { .comment-modal .modal-lg{ max-width: 600px; }}.comment-modal hr { margin: 0; height: 2px; background-color: #EAEAEA; opacity: 1;}.comment-modal .modal-header { background-color: #EAEAEA; padding: 10px 18px; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;}.comment-modal .modal-title { font-size: 1rem;}.comment-modal .modal-body { padding: 20px 25px 0; margin-bottom: 20px; border-bottom: 2px solid #EAEAEA;}.comment-modal .notice { border: 1px solid var(--cart-primary); border-radius: 5px; color: var(--cart-primary); text-align: center; padding: 12px;}.comment-modal .modal-body .item { padding: 20px 0; border-top: 2px solid #EAEAEA; display: flex; flex-direction: column; gap: 20px;}.comment-modal .modal-body .item:first-child { border-top: 0;}.comment-modal .prod { display: flex; gap: 20px;}.comment-modal .prod .img { width: 95px; flex-shrink: 0;}.comment-modal .prod img{ max-width: 100%; object-fit: contain;}.comment-modal .name { font-size: 1rem;}.comment-modal .sort { color: #838383; margin-top: 20px;}.comment-modal .rate > label { margin-bottom: 15px;}.comment-modal .comment > label { margin-bottom: 18px;}.comment-modal .el-rate__icon { font-size: 1.5rem;}.comment-modal .el-rate__icon.el-icon-star-on { background: linear-gradient(to right, #FFE4A5, #F7BA2A); background: -webkit-linear-gradient(to right, #FFE4A5, #F7BA2A); background-clip: text; -webkit-background-clip: text; transform: scale(1.2);}.comment-modal .el-rate { height: auto;}.comment-modal .comment-content { margin-bottom: 20px;}.comment-modal .comment textarea { font-size: 1rem;}.comment-modal .comment textarea:focus { border-color: #E7E7E7; box-shadow: none;}.comment-modal .photo-area .photo-btn { background: #535353; border: 1px solid #535353; border-radius: 5px; color: #fff; display: inline-flex; align-items: center; box-shadow: none; transition: all .2s;}.comment-modal .photo-area .photo-btn:hover { background: #fff; color: #535353; box-shadow: none;}.comment-modal .photo-area .photo-text { color: #838383;}.comment-modal .photo-area .photo-container { padding-top: 20px; display: flex; flex-wrap: wrap; gap: 12px;}.comment-modal .photo-area .img { width: 100px; height: 100px; border: 1px solid #EAEAEA; position: relative; cursor: pointer;}.comment-modal .photo-area .img img { max-width: 100%; max-height: 100%; object-fit: cover;}.comment-modal .photo-area .img .close-btn { position: absolute; top: 0; right: 0; font-size: 0.75rem; padding: 6px; background: #fff; color: #101010; border-radius: 0; min-height: auto; line-height: 1; transition: color 0.2s;}.comment-modal .photo-area .img .close-btn:hover { color: var(--cart-primary);}.comment-modal .modal-footer { border-top: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 0 25px 20px; justify-content: center;}.comment-modal .modal-footer > span { color: #838383; margin-top: 16px;}.comment-modal buttontypebutton.confirm-btn { width: 100%; color: #fff; background: #397AF7; border: 1px solid #397AF7; margin: 0; padding: 12px; transition: all .2s;}.comment-modal button.confirm-btn span { display: inline-block; transform: rotate(-45deg); transform-origin: 40% 50%; margin-right: 6px;}.comment-modal buttontypebutton.confirm-btn:hover { color: #397AF7; background: #fff;}@media (max-width: 767px) { .comment-modal .modal-header { padding: 4px 18px; } .comment-modal .modal-body { padding: 18px 18px 0; margin-bottom: 18px; font-size: .875rem; } .comment-modal .modal-body .item { padding: 18px 0; gap: 18px; } .comment-modal .notice { padding: 8px; } .comment-modal .rate > label { margin-bottom: 12px; } .comment-modal .comment > label { margin-bottom: 15px; } .comment-modal .el-rate__icon { font-size: 1.25rem; } .comment-modal .photo-area .photo-btn { font-size: .875rem; } .comment-modal .photo-area .photo-container { gap: 8px; } .comment-modal .modal-footer { padding: 0 20px 18px; }}/* 已使用優惠 */.carts-shopping .coupon-used .carts-block-content li { font-size: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-bottom: 15px;}.carts-shopping .coupon-used .carts-block-content li:last-child { margin-bottom: 0;}.carts-shopping .coupon-used .coupon-name { display: flex; align-items: center;}.carts-shopping .coupon-used .coupon-name .circle-icon { width: 2em; height: 2em; border-radius: 50%; background: #101010; color: #fff; position: relative; margin-right: 12px; flex-shrink: 0; font-size: 9px;}.carts-shopping .coupon-used .coupon-name .circle-icon class^icon- { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.carts-shopping .coupon-used .badge { margin-left: 10px;}.carts-shopping .coupon-used .not-reached .coupon-name{ color: #949494;}.carts-shopping .coupon-used .not-reached .coupon-name::before { content: \f111; font-weight: 400;}.carts-shopping .coupon-used .not-reached .coupon-name small{ color: var(--cart-primary); margin-left: 10px;}.carts-shopping .coupon-used .minus-currency { display: flex; align-items: center;}@media (max-width: 767px) { .carts-shopping .coupon-used .carts-block-content li { font-size: .75rem; } .carts-shopping .coupon-used .coupon-name .circle-icon { width: 14px; height: 14px; margin-right: 5px; font-size: 6px; } .carts-shopping .coupon-used .currency { display: none; }}.discount-tag { display: flex; text-align: justify;}.discount-tag .discount-tag-badge { font-size: 0.875rem; display: flex; align-items: center; background: var(--cart-primary); color: #fff; position: relative; padding: 0 .4em 0 .5em; margin: 0 .75em 0 .5em; white-space: nowrap; height: 1.5em;}.discount-tag .discount-tag-badge::before, .discount-tag .discount-tag-badge::after { box-sizing: border-box; content: ; display: inline-block; position: absolute; top: 0; width: 0; height: inherit; border-style: solid; border-width: .75em 0 .75em .5em;}.discount-tag .discount-tag-badge::before { left: -0.4em; border-left-color: #fff; border-top-color: var(--cart-primary); border-bottom-color: var(--cart-primary);}.discount-tag .discount-tag-badge::after { right: -0.4em; border-left-color: var(--cart-primary); border-top-color: #fff; border-bottom-color: #fff;}.discount-tag .discount-tag-title { font-size: 0.875rem; line-height: 1.5; word-break: break-word; color: #535353; padding: 0; display: inline-block; min-width: 5em;}.discount-tag.inactive .discount-tag-badge { background: #949494;}.discount-tag.inactive .discount-tag-badge::before { border-top-color:#949494; border-bottom-color: #949494;}.discount-tag.inactive .discount-tag-badge::after { border-left-color: #949494;}.discount-tag.inactive .discount-tag-title { color: #949494;}@media (max-width: 767px) { .discount-tag .discount-tag-badge, .discount-tag .discount-tag-title { font-size: .75rem; }}.badge { display: inline-block; font-size: .875rem; font-weight: 400; padding: 5px 9px; border-radius: 5px; background: #eaeaea; color: #535353;}.badge-success { color: #fff; background-color: #78BF76;}.badge-safe { color: #fff; background-color: #4196E5;}.badge-warning { color: #fff; background-color: #FF8B20;}.carts-block .badge + .btn-icontypebutton { font-size: 1rem; color: var(--cart-primary); padding: 6px; min-height: auto; cursor: pointer;}.carts-block .badge + .btn-icontypebutton:hover { background: none; color: var(--cart-primary); opacity: .8;}.btn-icontypebutton:not(.flickity-button, .uniform-btn) { background: transparent; border: 0;}@media (max-width: 767px) { .badge { font-size: .75rem; }}.primary-view:has(.container__cart) { width: 100%; flex: 1 1 auto; /* a h j 版型 */ overflow: revert; /* h 版型 */}/* 登入 */.login-hint { padding: 17px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;}.login-hint p { font-size: 1rem; min-width: 8em;}.login-hint .btn-group { display: flex; gap: 10px; flex-wrap: wrap;}.login-hint .uniform-btn { min-width: 70px; white-space: nowrap; padding: 6px; font-size: 1rem; display: flex; align-items: center; justify-content: center; transition: background .3s, border-color .3s;}.login-hint .uniform-btn img { margin-right: 5px; vertical-align: middle;}.login-hint .login-btn { background: #535353; border: 1px solid #535353; color: #fff;}.login-hint .login-btn:hover { background: #A3A3A3; border-color: #A3A3A3;}/* 登入 modal */.pop__login.isOpen { visibility: visible; overflow-y: auto;}.pop__login.isOpen .pop-main { top: 10%; padding: 0px; margin-top: 40px; margin-bottom: 40px;}/* 防詐騙 */.before-paid { padding: 15px;}.before-paid p { margin: 0;}@media (max-width: 767px) { .login-hint { font-size: .75rem; padding-bottom: 20px; margin: 15px 0; justify-content: center; } .login-hint .btn-group { gap: 8px; } .login-hint p { text-align: center; } .login-hint .uniform-btn { min-width: 60px; font-size: .8125rem; } .login-hint .uniform-btn img { height: 15px; } .before-paid { padding: 5px; margin: 15px 0; }}/** 購物內容 **/.container__cart .carts-shopping { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: start; gap: 25px;}.container__cart .carts-main { width: 60%; flex-grow: 1;}@media (max-width: 767px) { .container__cart .carts-shopping { flex-direction: column; } .container__cart .carts-main { width: 100%; } }/* 加購商品區 */.container__cart .addons-block .carts-block-content { margin: 0;}.addons-block .swiper-slide { aspect-ratio: initial; height: auto; display: flex; /* 避免 safari 時內層抓不到高度 */}.addons-block .swiper-slide img { height: auto;}.container__cart .addons-block .carts-block-head { display: flex; justify-content: space-between; align-items: center;}.addons-block .addons-swiper-buttons { display: flex; gap: 10px;}.addons-block .addons-swiper-buttons button { background: transparent; padding: 2px 6px; min-height: initial; transition: opacity .2s;}.addons-block .addons-swiper-buttons .arrow { border-top: 6px solid transparent; border-bottom: 6px solid transparent;}.addons-block .addons-swiper-buttons .addons-swiper-button-prev .arrow { border-right: 7px solid #101010;}.addons-block .addons-swiper-buttons .addons-swiper-button-next .arrow { border-left: 7px solid #101010;}.addons-block .addons-swiper-buttons button:hover { opacity: .7; background: none;}.addons-block .addons-swiper-buttons button:disabled { opacity: .2; cursor: not-allowed;}.addons-block .addons-swiper-scrollbar-drag { background-color: #949494;}.addons-block .addons-swiper-scrollbar { background-color: #EAEAEA; height: 5px; position: static; margin: 18px 10px 0; display: none;}.addons-block .item { display: flex; flex-direction: column; align-items: center; gap: 20px; height: 100%;}.addons-block .item .item-img { width: 95px; margin: 0 auto; flex-shrink: 0; align-self: flex-start; position: relative;}.addons-block .item .item-img a { position: absolute; display: block; bottom: 0; right: 0; text-decoration: none; color: #101010; font-size: 1rem; padding: 4px; background-color: rgba(255, 255, 255, .7); border-top-left-radius: 8px;}.addons-block .item .item-content { display: flex; flex-direction: column; align-items: center; height: 100%;}.addons-block .item .item-name { text-align: justify; line-height: 1.5; margin-bottom: auto;}.addons-block .item .item-price { margin-bottom: 10px; margin-top: 6px;}.addons-block .item .item-price del { font-size: .75rem; color: #949494; margin-right: 7px;} .addons-block .item .item-price span { font-size: 1rem; color: var(--cart-primary);}.addons-block .item .item-btn { background-color: var(--cart-primary); color: #fff; font-size: 1rem; white-space: nowrap; padding: 6px 20px; transition: opacity .3s;}.addons-block .item .item-btn:hover { opacity: .8;}.addons-block .item .item-action { display: flex; flex-direction: column; align-items: center;}.addons-block:has(.item-text) .item .item-action.no-text::after { content: ;}.addons-block .item .item-text, .addons-block:has(.item-text) .item .item-action.no-text::after { color: var(--cart-primary); font-size: .875rem; padding-top: 6px; height: 3em; box-sizing: content-box;}@media (max-width: 991px) { .addons-block .addons-swiper-buttons { display: none; } .addons-block .addons-swiper-scrollbar { display: block; } .addons-block .item { gap: 15px; } .addons-block .item .item-img { width: 88px; } .addons-block .item .item-name { font-size: .875rem; } .addons-block .item .item-price { text-align: center; margin-bottom: 5px; } .addons-block .item .item-price span { display: block; font-size: .875rem; } .addons-block .item .item-btn { margin: 0 auto; width: 120px; font-size: .875rem; } .addons-block .item .item-text, .addons-block:has(.item-text) .item .item-action.no-text::after { font-size: .75rem; }}/* 付款與運送方式 */.carts-shopping .payment-logistics h3 { font-size: 1rem; margin-bottom: 10px;}.carts-shopping .payment-logistics .radio-group { display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 10px; margin-bottom: 20px;}.carts-shopping .payment-logistics .radio-group li { width: calc(50% - 5px);}.carts-shopping .payment-logistics .radio-group label { display: flex; align-items: center; gap: 15px; padding: 12px 18px; font-size: .9375rem; border-radius: 5px; border: 1px solid #E7E7E7; cursor: pointer; transition: border-color .1s;}.carts-shopping .payment-logistics .radio-group label:hover { border-color: #949494;}.carts-shopping .payment-logistics .radio-group .icon { width: 18px; height: 18px; text-align: center;}.carts-shopping .payment-logistics .radio-group .icon img { object-fit: contain;}.carts-shopping .payment-logistics .radio-group:last-of-type, .carts-shopping .payment-logistics .select:last-of-type, .carts-shopping .payment-logistics .logistics-content .radio-group, .carts-shopping .payment-logistics .logistics-content .select { margin-bottom: 0;}.carts-shopping .payment-logistics .payment-content { padding-bottom: 20px; border-bottom: 1px solid #949494;}.carts-shopping .payment-logistics .payment-content .select { margin-bottom: 10px;}.carts-shopping .payment-logistics .description { margin-top: 20px;}.carts-shopping .payment-logistics .logistics-content { padding-top: 20px;}.carts-shopping .payment-logistics .error-message { background-color: var(--cart-primary); color: #fff; text-align: center; font-size: .85rem; padding-block: 5px; margin-top: 10px; border-radius: 5px;}.carts-shopping .payment-logistics ul:has( > .discount-tag) { margin-top: 10px;}@media (max-width: 991px) { .carts-shopping .payment-logistics .radio-group { row-gap: 15px; margin-block: 15px; } .carts-shopping .payment-logistics .radio-group li { width: 100%; } .carts-shopping .payment-logistics .description { margin-top: 15px; }}@media (max-width: 767px) { .carts-shopping .payment-logistics h3 { font-size: .875rem; } .carts-shopping .payment-logistics .radio-group label { font-size: .75rem; padding-block: 10px; } .carts-shopping .payment-logistics .payment-content { padding-bottom: 15px; } .carts-shopping .payment-logistics .logistics-content { padding-top: 15px; } .carts-shopping .payment-logistics .error-message { font-size: .6875rem; padding-block: 10px; }}/* 手機版折扣代碼、購物金 */.carts-shopping .code-point .carts-block-content { padding-block: 25px;}.carts-shopping .code-point .carts-block-content > div { margin-bottom: 15px;}.carts-shopping .code-point .carts-block-content > :last-child { margin-bottom: 0;}.carts-shopping .code-point label { display: block; margin-bottom: 10px;}/* 會員／購買人資訊 */.carts-shopping .customer-info .form-rows:not(:last-child) { margin-bottom: 20px;}.carts-shopping .customer-info .form-group { display: flex; column-gap: 10px; row-gap: 10px; flex-wrap: wrap;}.carts-shopping .customer-info .form-group > *{ width: 100%;}.carts-shopping .customer-info .form-group > #city, .carts-shopping .customer-info .form-group > #area{ width: calc(50% - 5px);}.carts-shopping .customer-info label { display: block; margin-bottom: 10px;}.carts-shopping .customer-info label:has(> typecheckbox) { display: flex; align-items: center; gap: 10px;}.carts-shopping .terms-checkbox label:has(> typecheckbox) { display: flex; align-items: center; gap: 10px;}.carts-shopping .customer-info select, .carts-shopping .customer-info input, .carts-shopping .customer-info textarea { padding: 10px 18px;}.carts-shopping .customer-info input::placeholder, .carts-shopping .customer-info textarea::placeholder { color: #949494; opacity: 1;}.carts-shopping .customer-info input:focus::placeholder, .carts-shopping .customer-info textarea:focus::placeholder { color: transparent;}.customer-info textarea:focus { background-color: #fff;}.carts-shopping .customer-info hr { border: none; border-top: 1px solid #949494; margin-block: 27px;}@media (max-width: 767px) { .carts-shopping .customer-info { margin-bottom: 25px; border-bottom: 2px solid #eaeaea; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .carts-shopping .customer-info .form-rows:not(:last-child) { margin-bottom: 15px; } .carts-shopping .customer-info .form-group > #city, .carts-shopping .customer-info .form-group > #area{ width: 100%; } .carts-shopping .customer-info hr { border-top: 1px solid #EAEAEA; margin-block: 15px; }}/* 同意條款 */.carts-shopping .terms-checkbox { border: none;}.carts-shopping .terms-checkbox .carts-block-content { margin: 0 auto; width: fit-content; display: flex; flex-direction: column; row-gap: 10px; padding: 25px 0;}.carts-shopping .terms-checkbox .carts-block-content > li:last-child { display: flex; row-gap: 10px; column-gap: 20px;}.carts-shopping .terms-checkbox .carts-block-content label a { color: var(--cart-primary); text-decoration-color: transparent; transition: text-decoration-color .1s;}.carts-shopping .terms-checkbox .carts-block-content label a:hover { text-decoration-color: var(--cart-primary);}@media (max-width: 991px) { .carts-shopping .terms-checkbox .carts-block-content li { margin: 0; } .carts-shopping .terms-checkbox .carts-block-content > li:last-child { flex-direction: column; } .carts-shopping .terms-checkbox .carts-block-content { padding: 20px 0; }}/* 訂單資訊 */.carts-shopping .order-detail .carts-block-content { padding-bottom: 0;}.carts-shopping .order-detail li, .carts-shopping .order-detail .carts-block-foot { display: flex; justify-content: space-between; align-items: center; gap: 33px;}.carts-shopping .order-detail li { margin-bottom: 15px; word-wrap: break-word; word-break: break-word;}.carts-shopping .order-detail .price { white-space: nowrap;}.carts-shopping .order-detail .carts-block-foot { padding: 15px 0 25px; margin: 0 18px; border-top: 1px solid #eaeaea; font-size: 1rem;}.carts-shopping .order-detail .carts-block-foot .price { font-size: 1.25rem; color: var(--cart-primary); font-weight: 700;}.carts-shopping .order-detail .carts-block-foot sup { top: -3px;}/* 結帳按鈕 */.carts-shopping button.checkout { width: 100%; min-height: 50px; background-color: var(--cart-primary); color: #fff; border: none; font-weight: 700; font-size: 1.5rem; letter-spacing: 3px; transition: opacity .3s;}.carts-shopping button.checkout:hover { opacity: 0.8; background-color: var(--cart-primary); color: #fff;}@media (max-width: 767px) { .carts-shopping button.checkout { font-size: 1.25rem; }}/* 購物車sidebar */.carts-side { width: 24%; position: sticky; min-width: 275px;}.carts-side > div:first-child { overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; height: 100%;}.carts-side > div:first-child::-webkit-scrollbar { display: none;}.carts-side .carts-block .carts-block-content { padding: 9px 16px;}.carts-side .carts-block .carts-block-content { padding: 13px 0 0; margin: 0 16px;}.carts-side .carts-block li { padding-bottom: 20px;}.carts-shopping .carts-block .input-container { display: flex; gap: 5px;}.carts-shopping .carts-block .input-container button { background: var(--cart-primary); color: #fff; font-size: .875rem; white-space: nowrap; padding: 8px; min-height: 35px; line-height: 1; transition: opacity .3s;}.carts-shopping .carts-block .input-container button:hover { opacity: .8;}.carts-shopping .carts-block .input-container button:disabled { background: #949494; cursor: not-allowed; opacity: 1;}.carts-shopping .carts-block .input-container + .error-message { font-size: .875rem; color: var(--cart-primary); padding: 1px 17px 0;}.carts-shopping .carts-block .input-container + small { font-size: .875rem; color: #949494; padding-top: 7px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2px;}.carts-shopping .discount-point .input-container { gap: 0;}.carts-shopping .discount-point .input-container input { border-radius: 5px 0 0 5px;}.carts-shopping .discount-point .input-container .unit { border-radius: 0 5px 5px 0; font-size: .875rem; background: #949494; color: #fff; padding: 0 16px; display: flex; align-items: center;}/* 購物車內容 */.carts-side .carts-items .title { font-size: .9375rem; text-align: justify; margin-bottom: 8px;}.carts-side .carts-items .carts-block-content { border-bottom: 1px solid #949494;}.carts-side .carts-items li:not(:last-child) { background: linear-gradient(to right, #949494 0%, #949494 50%, transparent 50%) repeat-x bottom / 9px 1px; margin-bottom: 20px;}.carts-side .carts-items .info { display: flex;}.carts-side .carts-items .badge { background-color: #eaeaea; color: #535353; }.carts-side .carts-items .qty { font-size: .875rem; margin-left: auto;}.carts-side .carts-items .carts-block-foot { font-size: 0.875rem; text-align: center; padding: 15px 0 21px; color: #949494}/* 結帳金額 */.carts-side .checkout-detail li { display: flex; justify-content: space-between; align-items: center; font-size: .9375rem;}.carts-side .checkout-detail .carts-block-foot { padding: 13px 16px 20px; display: flex; justify-content: space-between; align-items: center;}.carts-side .checkout-detail .carts-block-foot .price { color: var(--cart-primary); font-size: 1.375rem; font-weight: 700;}.carts-side .checkout-detail .carts-block-foot sup { top: -3px;}/* 折扣代碼 */.carts-side .discount-code .carts-block-content { padding: 25px 0;}/* 購物金折抵 */.carts-side .discount-point .carts-block-content { padding: 22px 0 18px;}/* tab */.carts-tabs { position: absolute; right: -60px; top: 0; list-style: none; padding: 0; margin: 0;}.carts-tabs li:not(:last-child) {margin-bottom: 25px; position: relative;}.carts-tabs li:not(:last-child)::after { content: ; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); height: 25px; width: 1px; background-color: #d9d9d9;}.carts-tabs .carts-tabs-link { display: block; text-align: center; box-sizing: content-box; font-size: 1.125rem; width: 1em; padding: 8px; border-radius: 5px; background: #F0F0F0; color: #101010; text-decoration: none; transition: background-color .2s, color .2s, opacity .2s;}.carts-tabs .carts-tabs-link:hover { opacity: .8;}.carts-tabs .carts-tabs-link.active { background-color: var(--cart-primary); color: #fff;} .container__cart:has(.carts-side) { container-type: inline-size;}@container (max-width: 1460px) { .carts-side { display: flex; } .carts-side > div:first-child { flex-grow: 1; } .carts-tabs { position: static; margin-left: 25px; }}@media (max-width: 1460px) { .carts-side { display: flex; } .carts-side > div:first-child { flex-grow: 1; } .carts-tabs { position: static; margin-left: 25px; } .container__cart:has(.carts-side) { container-type: revert; }}@media (max-width: 991px) { .carts-side { width: 40%; }}@media (max-width: 767px) { .carts-side { position: static; height: auto !important; } .carts-tabs { position: fixed; left: 0; display: flex; justify-content: space-between; width: 100%; margin-left: 0; background: #fff; padding-inline: 25px; border-bottom: 1px solid #E7E7E7; z-index: 10; } .carts-tabs li:not(:last-child) { margin-bottom: 0; } .carts-tabs li:not(:last-child)::after { display: none; } .carts-tabs .carts-tabs-link { width: auto; background: #fff; color: #101010; font-size: .875rem; font-weight: 700; } .carts-tabs .carts-tabs-link.active { background: #fff; color: var(--cart-primary); } .carts-shopping .carts-block .input-container + small { font-size: .75rem; }}/* facebook checkbox */.carts-block.fb_checkbox_area.has-hint { background-color: #EAEAEA; color: #949494;}.carts-block.fb_checkbox_area .carts-block-content { padding: 25px 0; z-index:0;}.carts-block.fb_checkbox_area.has-hint .carts-block-content { padding: 0;}.fb_checkbox_area.has-hint .fb_checkbox_text { line-height: 1.5; text-align: justify;}.fb-messenger-checkbox { position: absolute !important; z-index: -1;}.fb-messenger-checkbox span, .fb-messenger-checkbox iframe { height: 1.5em !important; width: 11.5em !important; overflow: hidden; opacity: 0;}.fb_checkbox_proxy { display: flex; align-items: center; padding: 0; cursor: pointer; background: #fff; pointer-events: none;}.fb_checkbox_proxy span { display: inline-flex; align-items: center; margin-right: 6px; margin-left: 6px; font-size: 15px; font-weight: 700px; color: rgba(0, 0, 0, .75);}@media (max-width: 767px) { .fb-messenger-checkbox span { max-height: 50px; } .carts-shopping .carts-block.fb_checkbox_area { margin-bottom: 25px; } .carts-shopping .carts-block.fb_checkbox_area .carts-block-head { background: #fff; padding-bottom: 0; padding-top: 15px; }}/* 信用卡彈窗 */.carts-shopping .pop buttontypesubmit { margin-top: 4%; width: 100%;}.orders-list-item .list-item__head .order-badge { background-color: #fff; border: 1px solid #EAEAEA; color: #535353; padding: 0 10px; display: flex; align-items: center; justify-content: center; gap: 4px; font-size: .875rem;}.orders-list-item .list-item__head .order-badge.highlight { color: #397AF7;}.orders-list-item .list-item__head .deadline .order-badge { margin: 0 5px;}.orders-list-item .list-item__head .shipment .order-badge { margin-top: 4px;}/style>script srchttps://pysun.com.tw/js/cookie.js?2.6.600>/script>!-- LINE Tag Base Code -->!-- End LINE Tag Base Code -->script typeapplication/ld+json> { @context: https://schema.org, @type: OnlineStore, url: https://pysun.com.tw/, logo: https://shopstore-image.pages.dev/upload/14424/logo/14424_67fc7a5fc5090.jpg, image: https://shopstore-image.pages.dev/upload/14424/logo/14424_67fc7a5fc5090.jpg, name: PYSUN 台灣零售網, alternateName: PYSUN 台灣零售網, email: pysunco@gmail.com, telephone: 0970380607, description: PYSUN 只給您最好的，因為您值得, datePublished: 2025-04-14T10:52:52+0800, dateModified: 2025-05-13T10:43:55+0800, isPartOf: { @type: WebSite, @id: https://pysun.com.tw/#WebSite, url: https://pysun.com.tw/, name: PYSUN 台灣零售網, alternateName: PYSUN 台灣零售網, description: PYSUN 只給您最好的，因為您值得 } }/script>script typeapplication/ld+json> { @context: https://schema.org, @type: BreadcrumbList, itemListElement: { @type: ListItem, position: 1, name: PYSUN 台灣零售網, item: https://pysun.com.tw/ } }/script>script> var fbPixelStatus false; var fbEventSetting JSON.parse(`{ViewContent:null,AddToCart:null,InitiateCheckout:null,CompleteRegistration:null,Purchase:null}`); var gAdsStatus false; var gAdsEvent false; var gaStatus false; var dcardAdsStatus false; var lineTagStatus false; var lineTagOAStatus false; function promoteAddToCart(product_id, product_name, quantity, price, option_values, category_title) { console.log(AddToCart); if (fbPixelStatus) { let item {}; if (product_id ) { item { content_type: product, currency: TWD, value: price, }; } else { item { content_ids: product_id, content_name: product_name, content_type: product, currency: TWD, contents: {id: product_id, quantity: quantity }, value: (fbEventSetting.AddToCart null) ? price : fbEventSetting.AddToCart, }; } fbq(track, AddToCart, item); } if (gAdsStatus && gAdsEvent.cart ! ) { gtag(event, conversion, { send_to: gAdsEvent.cart, transaction_id: , value: price, currency: TWD, }); } if (gaStatus) { let item {}; if (product_id ) { item { category: category_title, variant: option_values, quantity: quantity, price: price, }; } else { item { id: product_id, name: product_name, category: category_title, variant: option_values, quantity: quantity, price: price, }; } gtag(event, add_to_cart, { items: item }); } if (dcardAdsStatus) { window.dadk(track, AddToCart); } if (lineTagStatus) { _lt(send, cv, { type: AddToCart },); } if (lineTagOAStatus) { _lt(send, cv, { type: AddToCart },); } } function promoteCompleteRegistration() { console.log(CompleteRegistration); if (fbPixelStatus) { fbq(track, CompleteRegistration, { content_name: registration, currency: TWD, status: true, value: (fbEventSetting.CompleteRegistration null) ? 0 : fbEventSetting.CompleteRegistration, }); } if (gAdsStatus && gAdsEvent.register ! ) { gtag(event, conversion, { send_to: gAdsEvent.register, transaction_id: }); } if (dcardAdsStatus) { window.dadk(track, CompleteRegistration); } if (lineTagStatus) { _lt(send, cv, { type: CompleteRegistration },); } if (lineTagOAStatus) { _lt(send, cv, { type: CompleteRegistration },); } } function promoteContact() { console.log(Contact); if (fbPixelStatus) { fbq(track, Contact); } if (gAdsStatus && gAdsEvent.contact ! ) { gtag(event, conversion, { send_to: gAdsEvent.contact, transaction_id: }); } if(dcardAdsStatus) { window.dadk(track, Contact); } if (lineTagStatus) { _lt(send, cv, { type: Contact },); } if (lineTagOAStatus) { _lt(send, cv, { type: Contact },); } } function promoteInitiateCheckOut(facebookEventInfo, price, cart_items) { console.log(InitiateCheckOut); if (fbPixelStatus) { fbq(track, InitiateCheckout,{ content_category: InitiateCheckout, content_type: product, content_ids: facebookEventInfocontent_ids, contents: facebookEventInfocontents, num_items: facebookEventInfonum_items, currency: TWD, value: (fbEventSetting.InitiateCheckout null) ? price : fbEventSetting.InitiateCheckout, }); } if (gaStatus) { gtag(event, begin_checkout, { value: price, currency: TWD, items: { item_id: cart_items0?.id ?? 0, item_name: cart_items0?.title ?? , }, }); } if(dcardAdsStatus) { window.dadk(track, InitiateCheckout); } if (lineTagStatus) { _lt(send, cv, { type: InitiateCheckOut },); } if (lineTagOAStatus) { _lt(send, cv, { type: InitiateCheckOut },); } } function promotePurchase(facebookEventInfo, price, order_items null, order_code , shipping_cost 0) { console.log(Purchase); if (fbPixelStatus) { if (facebookEventInfo ! null) { fbq(track, Purchase, { content_name: Purchase, content_type: product, content_ids: facebookEventInfocontent_ids, contents: facebookEventInfocontents, num_items: facebookEventInfonum_items, currency: TWD, value: (fbEventSetting.Purchase null) ? price : fbEventSetting.Purchase, }); } else { fbq(track, Purchase, { currency: TWD, value: (fbEventSetting.Purchase null) ? price : fbEventSetting.Purchase, }); } } if (gAdsStatus && gAdsEvent.purchase ! ) { gtag(event, conversion, { send_to: gAdsEvent.purchase, transaction_id: , value: price, currency: TWD }); } if (gaStatus && order_items ! null) { gtag(event, purchase, { transaction_id: order_code, affiliation: ShopStore, value: price, currency: TWD, shipping: shipping_cost, items: order_items, }); } if (dcardAdsStatus) { window.dadk(track, Purchase, {value: price, currency: NTD}); } if (lineTagStatus) { _lt(send, cv, { type: Purchase, value: price, currency: TWD },); } if (lineTagOAStatus) { _lt(send, cv, { type: Purchase, value: price, currency: TWD },); } } function promoteViewContent(product_id, product_name, quantity, price, option_values, category_title) { console.log(ViewContent); if (fbPixelStatus) { fbq(track, ViewContent, { content_ids: product_id, content_name: product_name, content_type: product, currency: TWD, contents: {id: product_id, quantity: quantity}, value: (fbEventSetting.ViewContent null) ? price : fbEventSetting.ViewContent, }); } if (gaStatus) { gtag(event, view_item, { items: { id: product_id, name: product_name, category: category_title, variant: option_values, price: price, } }); } if (dcardAdsStatus) window.dadk(track, ViewContent); if (lineTagStatus) { _lt(send, cv, { type: ViewItemDetail },); } if (lineTagOAStatus) { _lt(send, cv, { type: ViewItemDetail },); } } function promoteSearch() { console.log(Search); if (dcardAdsStatus) window.dadk(track, Search); if (lineTagStatus) { _lt(send, cv, { type: Search },); } if (lineTagOAStatus) { _lt(send, cv, { type: Search },); } }/script>link relstylesheet hrefhttps://pysun.com.tw/css/product-tag.css >link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.css>style> .cake-wrapper img { transition: opacity 0.4s; opacity: 0; } .cake-wrapper img.flickity-lazyloaded, .cake-wrapper img.flickity-lazyerror, .cake-wrapper div.tinymce-content img { opacity: 1; } #toast-container > div { max-width: 95vw; } .toggle_password {position: absolute;top: 50%;bottom: unset!important;left: unset!important;right: 15px;transform: translateY(-50%);cursor: pointer;} v-cloak { display:none; }/style>script srchttps://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.1/vue-resource.min.js>/script>script typetext/javascript srchttps://platform-api.sharethis.com/js/sharethis.js#property67f7985354a3d000192a47ef&productinline-share-buttons&sourceplatform asyncasync>/script> link relstylesheet hrefhttps://pysun.com.tw/css/product-tag.css >style>@media only screen and (min-width: 769px) { .cakes__7 .cake-wrapper { height: 33%; } }@media only screen and (min-width: 414px) and (max-width: 768px) { .cakes__7 .cake-wrapper { height: 17%; } }@media only screen and (min-width: 376px) and (max-width: 414px) { .cakes__7 .cake-wrapper { height: 25%; } }@media only screen and (min-width: 321px) and (max-width: 375px) { .cakes__7 .cake-wrapper { height: 23%; } }.swal2-container.swal2-shown { background: color-mix(in srgb, var(--shopstore-primary) 70%, rgba(255, 255, 255, .3)) !important;}/style> style> .marquee { width: 100%; } .swal2-popup .swal2-title { font-size:1.375rem !important; } .footer-email { margin-top:20px; max-width:84%; } .footer-email p { text-align:right; } @media (max-width: 1024px) { .footer-email { max-width:100%; } .footer-email p { text-align:center; } } /style> /head> body> section idwrap data-currencyNT$> !-- Header -------------------------------------------------------------------------- --> header> section classheadtop stylez-index:1000;> div classheadtop_main> nav classheadtop__social-nav> /nav>nav classheadtop__store-essentials> a hrefhttps://pysun.com.tw/category classitems-list-btn>span classheadtop-icon icon-dashboard>/span>span classpc-menu>商品列表/span>/a> a hrefjavascript:; classcart-manage-btn toPop> div classgroup>span classheadtop-icon icon-shopping_cart>/span>span classpc-menu>購物車/span>b classcart_items_amount>0/b>/div> span classmobile-menu styledisplay: none;>購物車/span> /a> a hrefjavascript:; classcontact-btn toPop>span classheadtop-icon icon-textsms>/span>span classpc-menu>聯絡我們/span>/a> a hrefhttps://pysun.com.tw/blog classblog-btn>span classheadtop-icon icon-newspaper>/span>span classpc-menu>部落格/span>/a> a hrefhttps://pysun.com.tw/order_form classorder-manage-btn>span classheadtop-icon icon-assignment>/span>span classpc-menu>訂單查詢/span>/a> a hrefhttps://pysun.com.tw/user/sign_in classsign-in-btn>span classheadtop-icon icon-users>/span>span classpc-menu>會員登入/span>/a> /nav>div classheadtop__search-block> form action> div classsearch-box> input classsearch-box__input placeholder找點什麼? namesearch> button classsearch-box__submit typesubmit>span classicon-arrow-forward>/button> /div> a classsearch-button hrefjavascript:void(0);>span classheadtop-icon icon-search>/span>span classmobile-menu styledisplay: none;>搜尋/span>/a> /form>/div> !-- mediamax 680px show --> h1 classheadtop__logo>a hrefhttps://pysun.com.tw>img srchttps://shopstore-image.pages.dev/upload/14424/logo/14424_67fc7a5fc5090.jpg.webp alt>/a>/h1> !-- mediamax 680px show --> div classheadtop__sidebar> div classsidebar__nav-btn>a hrefjavascript:void(0);>span classheadtop-icon icon-th-menu>/span>span classmobile-menu styledisplay: none;>選單/span>/a>/div> nav classsidebar__nav> a hrefjavascript:void(0); classsidebar__nav-close>span classicon-times>/span>/a> ul classsidebar__nav--ul> li>a hrefhttps://pysun.com.tw/category>商品列表/a>/li> nav classsidebar__stable-nav> a hrefhttps://pysun.com.tw/user/sign_in classsign-in-btn>span classheadtop-icon icon-users>/span>span>會員登入/span>/a> a hrefhttps://pysun.com.tw/order_form classorder-manage-btn>span classheadtop-icon icon-assignment>/span>span>訂單查詢/span>/a> a hrefjavascript:; classcontact-btn toPop>span classheadtop-icon icon-textsms>/span>span>聯絡我們/span>/a> a hrefhttps://pysun.com.tw/blog classblog-btn>span classheadtop-icon icon-newspaper>/span>span>部落格/span>/a> a hrefhttps://pysun.com.tw/about_policy>span>/span>span>服務條款及隱私政策/span>/a> /nav> nav classheadtop__social-nav in-sidebar> /nav> div classfooter__information in-sidebar> a hrefmailto:pysunco@gmail.com>span classicon icon-markunread>/span>span>pysunco@gmail.com/span>/a> a hrefhttps://www.google.com.tw/maps/search/宜蘭縣礁溪鄉中山路二段53-1號/ target_blank>span classicon icon-home>/span>span>宜蘭縣礁溪鄉中山路二段53-1號/span>/a> a hrefjavascript:;>span classicon icon-quill>/span>span>統一編號 85100634/span>/a> /div> section classfooter-end in-sidebar> p styleline-height: 1.1rem>Copyright © span classyear>/span> a hrefhttps://pysun.com.tw>PYSUN 台灣零售網/a> 基於 a hrefhttps://shopstore.tw target_blank>shopstore/a> 平台提供/p> /section> /ul> /nav> /div> /div> /section> section classheadmain grid-1300-mid> h1 classheadmain__logo>a hrefhttps://pysun.com.tw>img srchttps://shopstore-image.pages.dev/upload/14424/logo/14424_67fc7a5fc5090.jpg.webp alt>/a>/h1> nav classheadmain__nav> ul classheadmain__nav--ul> /ul> /nav> /section>/header> !-- main -------------------------------------------------------------------------- --> main> section classcakes cakes__1 grid-1300-mid needResetSize cake-ratio1700/1000 data-sizetrue style > div classcake-wrapper cake data-flickity{prevNextButtons:true, autoPlay: true, pageDots: true}> div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fc7ae7d08b7.jpg.webp phone alt title> /a>/div> /div> /section> section classcontt-title grid-1300-mid pos-mid> span classcontt-title_decoration icon-minus>/span> div classcontt-title__main> 商品快覽 /div> /section> section classcakes cakes__3 grid-1300-mid needResetSize cake-ratio640/550 data-sizetrue style > div classcake-wrapper cake data-flickity{prevNextButtons:true, autoPlay: true, pageDots: true}> div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb78664627.png.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb7960b032.png.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb79614a39.png.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb796bbef0.png.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb796c7d66.png.webp phone alt title> /a>/div> /div> div classcake-wrapper cake data-flickity{prevNextButtons:true, autoPlay: true, pageDots: true}> div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb7c741d89.png.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb7ceb41e5.jpg.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb8556b90e.png.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb864bb71e.jpg.webp phone alt title> /a>/div> /div> div classcake-wrapper cake data-flickity{prevNextButtons:true, autoPlay: true, pageDots: true}> div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb7f96fe03.jpg.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb80d01f44.jpg.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb81ce32a1.jpg.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb82b10270.jpg.webp phone alt title> /a>/div>div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb8b3a4a05.png.webp phone alt title> /a>/div> /div> /section> section classcontt-title grid-1300-mid pos-mid> span classcontt-title_decoration icon-minus>/span> div classcontt-title__main> 關於 PYSUN /div> /section> section classcakes cakes__2 grid-1300-mid needResetSize cake-ratio640/550 data-sizetrue style > div classcake-wrapper cake data-flickity{prevNextButtons:true, autoPlay: true, pageDots: true}> div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb5cc95264.jpg.webp phone alt title> /a>/div> /div> div classcake-wrapper cake data-flickity{prevNextButtons:true, autoPlay: true, pageDots: true}> div classpiece is-img> a hrefjavascript:void(0); target> img data-flickity-lazyloadhttps://shopstore-image.pages.dev/upload/14424/home_block/14424_67fcb5f141132.jpg.webp phone alt title> /a>/div> /div> /section> !-- 滿版的內容(a, j, h template) --> /main> !-- footer -------------------------------------------------------------------------- --> footer> section classfooter-main> nav classfooter__nav> a hrefhttps://pysun.com.tw/about_policy>服務條款及隱私政策/a> /nav> /section> section classfooter-end> div classfooter__information> a hrefmailto:pysunco@gmail.com>span classicon icon-markunread>/span>span>pysunco@gmail.com/span>/a> a hrefhttps://www.google.com.tw/maps/search/宜蘭縣礁溪鄉中山路二段53-1號/ target_blank>span classicon icon-home>/span>span>宜蘭縣礁溪鄉中山路二段53-1號/span>/a> a hrefjavascript:;>span classicon icon-quill>/span>span>統一編號 85100634/span>/a> /div> p classmobile-gap>Copyright © span classyear>/span> a hrefhttps://pysun.com.tw>PYSUN 台灣零售網/a> 基於a hrefhttps://shopstore.tw target_blank>shopstore/a>平台提供/p> /section> /footer>!-- pop -->div classpop pop__contact stylez-index:1000;> div classpop-main pop-contact-main> section classcontt-title pos-mid> div classcontt-title__main>span>聯絡我們/span>/div> /section> form classpop__contact-form action> ul classside-cart-list-ul isReplenishShow> li> div classphoto>img :src alt>/div> div classdetails data-prod-id data-prod-spec-id data-prod-sku> div classname>/div> div classsize>-/div> div classprice>/div> /div> /li> div classnotice-hint>※ 當此商品補貨時會自動通知您/div> /ul> ul> li classform-item> label for>Email/label> span>input idemail typeemail placeholder請輸入您的信箱(Email) styleline-height:25px;>/span> /li> li classform-item> label for>問題/label> span> textarea idcomment typetext placeholder請輸入您的訊息 rows5 styleresize: none; font-family: none;>/textarea> /span> /li> li classform-item self-center> button classsend_btn typesubmit onclickmsgSubmit()>發送/button> /li> /ul> /form> /div>/div>!-- pop end -->!-- fab-btn -->!-- fab-btn-end -->style> @media only screen and (max-width: 768px) { .cart-btn-div a.btn:hover { background: unset; color: unset; } }/style>div classpop pop__cart idleft_cart> div classpop-cart-main hasScrollbar> section classcontt-title pos-mid little-mg> div classcontt-title__main nodubleline>購物車/div> /section> div classcarts-empty v-showitems undefined || items.length 0>您的購物車是空的/div> div v-ifitems stylepadding-bottom: 20px> ul classside-cart-list-ul> li v-for(item, i) in items> div classphoto>a :hrefitem.route>img :srcitem.photo alt>/a>/div> div classdetails> div classname>a :hrefitem.route>{{ item.name }}/a>/div> div classsize>{{ item.option_sort }}/div> div classqty v-showitem.status 1>{{ item.quantity }}/div> div classprice v-showitem.status 1>{{ item.price }}/div> div classprice v-showitem.status 0>已下架/div> div classdel v-show!(item.is_addon_gift && item.option_sort 贈品)>a hrefjavascript:; @clickdeleteCartItem(i) classicon-bin>/a>/div> /div> /li> /ul>!-- end side-cart-list --> div classcart-btn-div v-ifitems.length > 0> a hrefhttps://pysun.com.tw/carts classbtn>直接結帳/a> a hrefhttps://pysun.com.tw/user/sign_in?redirect_urlhttps://pysun.com.tw/carts classbtn>會員結帳/a> /div> /div> /div>!-- end pop-cart-main -->/div>!-- end pop pop__cart -->script srchttps://pysun.com.tw/js/number_format.js>/script>script srchttps://pysun.com.tw/js/html_decode.js>/script>script> window.addEventListener(pageshow, function (event) { var historyTraversal event.persisted, perf window.performance, perfEntries perf && perf.getEntriesByType && perf.getEntriesByType(navigation), perfEntryType perfEntries && perfEntries0 && perfEntries0.type, navigationType perf && perf.navigation && perf.navigation.type; if ( historyTraversal || perfEntryType back_forward || navigationType 2 ) { cart_vue.getCartItem(); document.querySelectorAll(img).forEach((img) > { const src img.src; img.src ; img.src src; }); } }); Vue.http.headers.commonX-CSRF-TOKEN document.head.querySelector(metanamecsrf-token).content; var cart_vue new Vue({ el:#left_cart, data: { items: , }, watch:{ items: function() { this.$nextTick(function(){ cart_vue.items.forEach(function(item){ let price item.price.toString(); item.priceNumber 0; item.quantityNumber item.quantity; if(typeof item.quantity number) item.quantity item.quantity.numberFormat(0, ., ,); if (price ! - && !price.match(NT)) { item.priceNumber item.price; item.price NT$ + item.price.numberFormat(0, ., ,); } }); }); }, }, created: function() { if (true) { this.getCartItem(); //第一次進入時沒有token，需要重整或重新取得購物車 } }, methods: { deleteCartItem: function(i) { if(typeof this.itemsi.isDelete undefined || this.itemsi.isDelete ! true) { let url /cart_item/ + this.itemsi.id; if (typeof product_item ! undefined) url + ?item + product_item.prod_id this.itemsi.isDelete true; this.$http.delete(url).then(function(res) { this.itemsi.isDelete false; if (res.body.result ! success && res.body.result ! deleted) { toastr.warning(無法刪除此商品！, , {timeOut: 2500}); } else if (res.body.result ! deleted) { if(gaStatus) { gtag(event, remove_from_cart, { items: { id: this.itemsi.product_id, name: this.itemsi.name, category: this.itemsi.category_title, list_position: i + 1, quantity: this.itemsi.quantityNumber, price: this.itemsi.priceNumber, } }); } this.items.splice(i, 1); //移除已刪除之加購品 res.body.delete_addon_gift_item_ids.forEach(function(id) { cart_vue.items.forEach(function(item, index) { if (id item.id && item.is_addon_gift) { cart_vue.items.splice(index, 1); } }); }); if (typeof product_item ! undefined) { //商品內頁更新加購品列表 product_item.addons ; res.body.addons.forEach(function(addon) { product_item.addons.push({ id: addon.id, photo: addon.photo, title: addon.title, price: addon.price, condition_type: addon.condition_type, condition_value: addon.diff null ? 0 : addon.diff, count_qty: 0, limit_max: addon.limit_max null ? 9999999 : addon.limit_max, quantity: addon.quantity_unlimit ? 9999999 : addon.quantity, diff: 0, diff_text: , check: false, }); }); product_item.$nextTick(function() { product_item.setCurrencyAndWrap(); }); } $(.cart_items_amount).text(this.items.length); setTimeout(function(){ setImgOnError(); }, 10); } }, function(err) { this.itemsi.isDelete false; if (!err.ok) { if (err.status 404 && err.body.message.match(No query results for model)) { this.items.splice(i, 1); $(.cart_items_amount).text(this.items.length); setTimeout(function(){ setImgOnError(); }, 10); } } else toastr.error(無法刪除此商品！, , {timeOut: 2500}); }); } }, getCartItem: function() { this.$http.post(https://pysun.com.tw/cart/get_cart_items).then(function(res) { if (res.body.result success) { if (res.body.items_amount > 0) { var cart_btn $(form).find(.addtocart_btn); var cart_mgr $(.cart-manage-btn); var cart_popup $(.pop__item); if (cart_btn){ if (cart_btn.hasClass(anime) ! true){ cart_btn.addClass(anime); setTimeout(function(){ if(cart_popup.hasClass(isOpen)){ cart_popup.removeClass(isOpen); } }, 600); setTimeout(function(){ $(.cart_items_amount).text(res.body.items_amount); cart_mgr.addClass(anime); setImgOnError(); }, 800); setTimeout(function () { $(#prod_count).val(1); cart_btn.removeClass(anime); cart_mgr.removeClass(anime); }, 2000); } } } else { $(.cart_items_amount).text(0); } if (res.body.items && cart_vue) { cart_vue.items JSON.parse(JSON.stringify(res.body.items)); } } }, function(err) { }); }, } });/script> /section> script srchttps://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/19.1.3/lazyload.min.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.12.11/sweetalert2.all.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/flickity/2.3.0/flickity.pkgd.min.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.5.1/js/jquery.overlayScrollbars.min.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/twbs-pagination/1.2.5/jquery.twbsPagination.min.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.17.2/simple-lightbox.min.js>/script>script srchttps://www.google.com/recaptcha/api.js?onloadonloadCallback&renderexplicit async defer>/script>script srchttps://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js>/script>script srchttps://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js>/script>script srchttps://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.14/index.min.js integritysha512-UFrGse168I/Fki88TZky6wKSHCJykXJBpzmqwBzbIHzsadjMPpch2HULCuAQLewK19bXUf8PqkEjGSWPiUJ3qQ crossoriginanonymous referrerpolicyno-referrer>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.14/locale/zh-TW.min.js integritysha512-D0lBRkjwxuSBK9eXeLyIAx0Wqtztl/VRnnymdMWZK3fNbwnq+W6umEaALcldntZAhSKMo944vUh1kYLZL+zf6Q crossoriginanonymous referrerpolicyno-referrer>/script>script srchttps://pysun.com.tw/js/toastr.js?2.6.600>/script>!-- 檢測顏色對比 -->script srchttps://pysun.com.tw/js/color-checker.js?2.6.600>/script>script srchttps://pysun.com.tw/js/general.js?2.6.600>/script>script srchttps://pysun.com.tw/s_template/js/main.js?2.6.600>/script>script> var reCaptcha_register; var reCaptcha_contact; var onloadCallback function() { }; function msgSubmit() { let contact_prod {}; $.ajaxSetup({ headers: { X-CSRF-TOKEN: $(metanamecsrf-token).attr(content) } }); var email $(form.pop__contact-form input#email).val(); if(email.length 0 || $(#comment).val().length 0) { toastr.warning(填寫的資料不完全！, , {timeOut: 2500}); event.preventDefault(); return false; } if ($(form.pop__contact-form div.details).attr(data-prod-id) ! ) { contact_prod { id: $(form.pop__contact-form div.details).attr(data-prod-id), spec_id:$(form.pop__contact-form div.details).attr(data-prod-spec-id), } } var data { email: email, comment: $(#comment).val(), contact_prod: contact_prod, } $.post(https://pysun.com.tw/contact, data, function(res) { if (res.result success){ promoteContact(); $(#comment).val(); var contact_popup $(.pop__contact); var contact_btn $(form).find(.send_btn); if(contact_btn){ if(contact_btn.hasClass(anime) ! true){ contact_btn.attr(type, submit).addClass(anime); setTimeout(function(){ if(contact_popup.hasClass(isOpen)){ contact_popup.removeClass(isOpen); } }, 600); setTimeout(function () { contact_btn.removeClass(anime); contact_btn.attr(type, button); }, 2000); } } } else { if (res.messages) { var messages res.messages; var message ; if (messages.email) { message messages.email0; } else if (messages.comment) { message messages.comment0; } else { message messages; } toastr.warning(message, , {timeOut: 2500}); } } grecaptcha.reset(reCaptcha_contact); }).fail(function(res) { if (res.status 429) { toastr.warning(訊息傳送過多，請稍後在試！, , {timeOut: 2500}); } console.log(FAIL, res); grecaptcha.reset(reCaptcha_contact); }); } $(.search-box__submit).click(function () { promoteSearch(); input $(inputnamesearch).val(); if (window.location.href.includes(https://pysun.com.tw/category)) { category ; } else { category /; } var regex /^\/\S*\?/; var cTAR category.match(regex); if (cTAR ! null) { category cTAR0; } else { category category + ?; } console.log(input) window.location.hrefhttps://pysun.com.tw/category + category + search + input;});/script>!-- Web Font Loader -->script> WebFont.load({ google: { families: }, active: function() { console.log(Font loaded); setTimeout(() > { $(.loading-img).css(opacity, 0); $(.loading-img).on(transitionend, function() { $(this).hide(); }); }, 100); }, inactive: function() { console.log(Font failed to load); setTimeout(() > { $(.loading-img).css(opacity, 0); $(.loading-img).on(transitionend, function() { $(this).hide(); }); }, 100); } });/script>!-- Facebook SDK code for Customer Chat -->script>setImgOnError();function setImgOnError() { if(supportsWebp() false) { $(img).each(function(){ var imgSrc $(this).attr(src); if(imgSrc undefined) imgSrc ; $(this).unbind(error).attr(src, imgSrc.replace(.webp, ) ); if($(this).attr(data-flickity-lazyload) ! undefined) { $(this).attr(data-flickity-lazyload, $(this).attr(data-flickity-lazyload).replace(.webp, ) ); } if($(this).closest(a).attr(href) imgSrc) $(this).closest(a).attr(href, imgSrc.replace(.webp, )); }); }}function supportsWebp() { if (!self.createImageBitmap) return false; const webpData data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA; const blob fetch(webpData).then(function(r) { r.blob(); }); return createImageBitmap(blob).then(function() { return true;}, function() { return false;});}/script>script srchttps://pysun.com.tw/js/cookie.js?2.6.600>/script>script> $.ajaxSetup({ headers: { X-CSRF-TOKEN: $(metanamecsrf-token).attr(content) } }); //setTimeout(resetToken(), 600000); function resetToken() { $.post(https://pysun.com.tw/reset/token, function(res) { if(res.result success) $.ajaxSetup({ headers: { X-CSRF-TOKEN: res.messages }}); else { location.reload(); } }).fail(function(err) {}); setTimeout(resetToken(), 600000); } $(.sidebar__nav--ul li a).click(function(e) { if($(this).parent().is(.lev)) { if ($(this).parent().find(.lev-btn).hasClass(close)) { e.preventDefault(); $(this).addClass(open); $(this).parent().find(.lev-btn).removeClass(close).siblings(ul).slideDown(); } else { $(.sidebar__nav-close).click(); } } }); if(getCookie(passerby)) { document.cookie passerbytrue;Max-Age600; } toastr.options.escapeHtml true; //請輸入至少非結數量單選價小總計沒有則不用些對建議真實確認式碼順利方郵街道/信箱訊息找什麼舊個格字元點提送醒您新開始當初註冊號的帳打印收藏夾更多尋件整地址員需商品最為低會必須交易失敗之間合本高僅儲存統與相社群標題位庫足符可金扣額在無效折代適已使目前所擇貨導致或款項超過低於金流示預購勾同該導向長短每享銀角零卡黑貓宅急便萊爾匯直接東南西北京經了天都幕綿很禮線上冷凍便雄詳賣場規才旦系喔皆錄玉山如省繫官否事勿際捷青庚醫院周遭莊繳好若推薦那回饋給透這複獎勵但源仍刻身難辨惡阻慮也採據情連貫某殊等就造看起風情況思凝書由身支援特屬諒候覆早反待把怎比學林口/script> script> $(document).ready(function() { $(.time-timer).each(function(){ blockTimeCounter(this); }); }); function blockTimeCounter(timer) { endDate $(timer).attr(data-endDate); endDate new Date(endDate); now new Date(); let hours Math.floor((endDate - now)/(3600*1000)); let leave2 (endDate - now) % (3600*1000); let minutes Math.floor(leave2/(60*1000)); let leave3 leave2 % (60*1000); let seconds Math.floor(leave3/(1000)); if (endDate - now > 0) { $(timer).find(.time-hour).html(addZero(hours)); $(timer).find(.time-min).html(addZero(minutes)); $(timer).find(.time-sec).html(addZero(seconds)); setTimeout(function() { blockTimeCounter(timer); }, 1000); } else { $(timer).closest(.cakes).hide(); } } function addZero(num) { num + num; if (num.length 2) num 0 + num; return num; } /script>script> /script>script>$(document).ready(function() { let fabButtonCount $(.fab-btn).length; let translateYIncrement 50; let firstPosition -1 * translateYIncrement - ((fabButtonCount - 1) * 55); $(.sub-button).css(transform, `translateY(${firstPosition + translateYIncrement}px)`); // 使子按鈕出現位置固定從+號按鈕開始 $(.fab-container > .fab-btn.main).on(click, function() { $(this).toggleClass(active); if ($(this).hasClass(active)) { $(.sub-button).each(function(index) { var translateYValue -1 * (index + 1) * translateYIncrement - ((fabButtonCount - 1) * 55); $(this).css({ transform: translateY( + translateYValue + px), opacity: 0, visibility: hidden, }); setTimeout(function() { $(.sub-button).eq(index).css(opacity, 1); $(.sub-button).eq(index).css(visibility, visible); }, index * 50); $(.fab-btn.main i).css(transform, rotate(45deg)); }); } else { $(.sub-button).css(transform, `translateY(${firstPosition + translateYIncrement}px)`); $(.sub-button).css(opacity, 0); $(.sub-button).css(visibility, hidden); $(.fab-btn.main i).css(transform, rotate(0)); } }); $(.fab-container > .fab-btn.addcart).on(click, function() { $(this).toggleClass(active); if ($(this).hasClass(active)) { $(.fab-container > .fab-btn.addcart > .addcart-list).css(opacity, 1); $(.fab-container > .fab-btn.addcart > .addcart-list).css(visibility, visible); } else { $(.fab-container > .fab-btn.addcart > .addcart-list).css(opacity, 0); $(.fab-container > .fab-btn.addcart > .addcart-list).css(visibility, hidden); } }); $(.fab-container > .fab-btn.top).on(click, function() { window.scrollTo({ top: 0, behavior: smooth }); }); $(window).scroll(function() { showTopButton($(this).scrollTop()); }); showTopButton($(this).scrollTop()); var lazyLoadInstance new LazyLoad();});function showTopButton(top) { if (top > 100) { $(.fab-container > .fab-btn.top).css(opacity, 1); $(.fab-container > .fab-btn.top).css(visibility, visible); } else { $(.fab-container > .fab-btn.top).css(opacity, 0); $(.fab-container > .fab-btn.top).css(visibility, hidden); }}/script> script>var autoPlayCake ;$(.cake-wrapper).each(function() { if(typeof $(this).attr(data-flickity) ! undefined) { var flickitySetting $.parseJSON($(this).attr(data-flickity)); var autoPlay flickitySetting.autoPlay; if(autoPlay) autoPlayCake.push($(this)); }});var zoneFlickityPlayTimer null;zoneFlickityPlayTimer setTimeout(zoneFlickityPlay(), 250);$(window).scroll(function () { clearTimeout(zoneFlickityPlayTimer); zoneFlickityPlayTimer setTimeout(zoneFlickityPlay(), 250);});function zoneFlickityPlay() { var scrollTop $(window).scrollTop() - 100; var scrollBottom $(window).scrollTop() + $(window).height() + 100; $(autoPlayCake).each(function() { var thisTop $(this).offset().top; var thisBottom thisTop + $(this).outerHeight(true); if( thisTop scrollBottom && ( thisTop > scrollTop || thisBottom > scrollTop ) ) { $(this).flickity(playPlayer); /* setTimeout(() > { $(this).flickity(next); }, 250); */ } else $(this).flickity(stopPlayer); });}/script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]