Domain > daheyufu.com.tw

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2023-06-11	3.0.30.190 (ClassC)
2025-12-11	34.102.209.218 (ClassC)

HTTP/1.1 200 OKcontent-type: text/html; charsetUTF-8x-powered-by: PHP/7.3.33cache-control: no-cache, privateset-cookie: XSRF-TOKENeyJpdiI6Imd0SkVtQlhLY3ZOK3dKK25LaDZjMWc9PSIsInZhbHVlIjoieXFLbTBnT2ZoTjIranpEUlwvRW5DT3NnZUNTb2NEVGJKTUtPZng3WVJOY1R0dVROTkF1cnQ2YTJkWm01Z3IwczQiLCJtYWMiOiI3Mzg3NDkwM2U1YzY2ODI4MDYxYjEwMzE0MTY0OGUxMjNiZTkwYzYzODBhZjEyMDdhMTdlNTY1ODY2NWNlNGE5In0%3D; expiresThu, 11-Dec-2025 10:02:39 GMT; Max-Age7200; path/; domaindaheyufu.com.twset-cookie: daheyufucomtw_sessioneyJpdiI6IlY2TUFZZTF3dW1WQm10T3hDUUNXZGc9PSIsInZhbHVlIjoiRUVOdExJSDIyZUthQWxKejV3aHQzOWFlN3l3QzY5V0xoUnVEMW1RQjNxMnBWb2hld295d3RZMEJnSlZDZE9zOSIsIm1hYyI6ImMyMjMzZWJlNTViMTY5ZjFjMDY1YmJlYzFhYjNhOGZmZGU0NmQ1YTE2MjkyNzhjZDFjZDZlOGNjNWEzMTZjNWQifQ%3D%3D; expiresThu, 11-Dec-2025 10:02:39 GMT; Max-Age7200; path/; domaindaheyufu.com.tw; httponlyx-frame-options: SAMEORIGINx-content-type-options: nosniffdate: Thu, 11 Dec 2025 08:02:39 GMTserver: Google Frontendvia: 1.1 googleAlt-Svc: h3:443; ma2592000,h3-29:443; ma2592000Transfer-Encoding: chunked

!DOCTYPE html>html>    head>        meta charsetutf-8>title>大和魚夫食品 for ShopStore/title>meta namecsrf-token contentS8uKqck9GQJk69t2Yx9cP7VVZZ9tAlQfZkWvZXS7>link relapple-touch-icon hrefhttps://shopstore-image.pages.dev/upload/11585/favicon/11585_66861695c2515.jpg>link relicon hrefhttps://shopstore-image.pages.dev/upload/11585/favicon/11585_66861695c2515.jpg>meta propertyog:url contenthttps://daheyufu.com.tw />meta propertyog:title content首頁 | 各式經典美食製造家 />meta propertyog:site_name content大和魚夫食品 />meta propertyog:type contentproduct />meta propertyog:description content大和魚夫是你美食生活的好朋友 />meta propertyog:image contenthttps://shopstore-image.pages.dev/upload/11585/meta_setting/11585_668616dfcf034.jpeg />meta namedescription content【大和魚夫食品】～以創新概念顛覆大家對美食既定習性印象 開創市場上少見的美食以日式風手作 い基準，呈現獨家僅有、 營養豐富美味無比的特色美食挑戰大家的視覺and味蕾... />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://daheyufu.com.tw/css/icomoon/style.css?2.6.600 >link relstylesheet hrefhttps://daheyufu.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: calc(1.125rem + 6px); } .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: calc(.875rem + 6px); } } /* 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: calc(16px + 6px); 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: calc(16px + 6px); 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: calc(12px + 4px); 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: calc(16px + 6px); overflow: visible; color: #555555; transition: color .2s ease;} .headtop-icon.icon-search { font-size: calc(20px + 6px);} @media (max-width: 980px), (max-device-width: 1024px) { .headtop-icon { font-size: calc(24px + 6px); text-align: center; display: block; color: inherit;} .headtop-icon.icon-search { font-size: calc(24px + 6px);} .sidebar__stable-nav .headtop-icon { font-size: calc(16px + 6px); 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: calc(16px + 6px); 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: calc(24px + 6px); 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: calc(12px + 6px); } @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: calc(14px + 6px); 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: calc(18px + 6px); 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: calc(18px + 6px); 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: calc(22px + 6px); } } .headtop__search-block .search-box__submit { border: none; color: #555555; background:transparent; cursor: pointer; position: absolute; margin: 0; padding: 3px; right: 0; font-size: calc(18px + 6px); -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: calc(20px + 6px); } } .headtop__search-block .search-button { display: block; text-decoration: none; color: #555555; padding-left: 6px; padding-right: 6px; font-size: calc(18px + 6px); -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: calc(22px + 6px); 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: calc(24px + 6px); } } .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: calc(36px + 6px); 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: calc(16px + 6px); 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: calc(18px + 6px); 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: calc(20px + 6px); 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: calc(16px + 6px); 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: calc(14px + 6px); 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: calc(18px + 6px); 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: calc(18px + 6px); 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: calc(14px + 6px); 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: calc(16px + 6px); 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: calc(14px + 6px); 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: calc(14px + 6px); 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: calc(16px + 6px); 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: calc(12px + 6px)!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: calc(14px + 6px); color: #444444; } .footer__information > a span { font-size: calc(14px + 6px); color: #6c6c6c; } .footer__information > a span.icon { margin-right: 3px; font-size: calc(12px + 6px); color: var(--shopstore-primary); } .footer__information > a span.icon.icon-LINEID { font-size: calc(12px + 6px); } .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: calc(14px + 6px); 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: calc(36px + 6px); } @media only screen and (max-width: 640px) { .flickity-prev-next-button::before { font-size: calc(28px + 6px); } } .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: calc(72px + 6px); 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://daheyufu.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: calc(24px + 6px); 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: calc(16px + 6px); 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: calc(28px + 6px); 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: calc(20px + 6px); margin: 3px 0; } .cake .is-cpd .pd__content .price::before { font-size: calc(12px + 6px); } } @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: calc(16px + 6px); background: var(--shopstore-primary); color: white; } .cake .is-cpd .pd__content .price::before { font-size: calc(8px + 6px); } } .cake .is-cpd .pd__content .cart { white-space: nowrap; display: block; text-decoration: none; font-size: calc(30px + 6px); 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: calc(20px + 6px); } } @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: calc(28px + 6px); 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: calc(20px + 6px); margin: 3px 0; } .cake .is-cpd .pd__content .soldout::before { font-size: calc(12px + 6px); } } @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: calc(16px + 6px); background: var(--shopstore-primary); color: white; } .cake .is-cpd .pd__content .soldout::before { font-size: calc(8px + 6px); } } .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: calc(1.125rem + 6px); } @media (max-width: 767px) { .cakes__1 .cake:has(.pd__action) .flickity-page-dots { bottom: calc(1.35em + 19px - 3px); /* 按鈕文字 + 按鈕間距 */ font-size: calc(0.875rem + 6px); } } /* 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: calc(16px + 6px); 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: calc(8px + 6px); } .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: calc(16px + 6px); 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: calc(8px + 6px); } .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: calc(28px + 6px); font-weight: 500; color: #444444; margin: 0; padding: 0; } .contt-title__words { font-size: calc(12px + 6px); 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://daheyufu.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: calc(24px + 6px); font-weight: normal; color: #444444; text-align: center; align-self: center; flex-basis: 100%; } .pageinfo__notice h3 span { font-size: calc(100px + 6px); } .pageinfo__notice h4 { display: block; font-size: calc(20px + 6px); font-weight: normal; color: #444444; text-align: center; align-self: center; flex-basis: 100%; } .pageinfo__notice h4 span { font-size: calc(20px + 6px); 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: calc(16px + 6px); 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: calc(13px + 6px); } .pageinfo__count { color: #6c6c6c; font-size: calc(16px + 6px); 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: calc(16px + 6px); 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: calc(16px + 6px); } .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: calc(18px + 6px); 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: calc(12px + 6px); 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: calc(12px + 6px); 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: calc(15px + 6px); 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: calc(16px + 6px); 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: calc(12px + 6px); color: #9c9c9c; text-decoration: line-through; width: 100%; text-align: right; max-width: inherit; } .pd-item .desc .soldout { order: 2; font-size: calc(20px + 6px); color: #6c6c6c; margin: 2px; text-decoration: underline; } .pd-item .desc .cart { order: 3; font-size: calc(14px + 6px); 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: 35px; 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: calc(18px + 6px); } @media only screen and (max-width: 780px) { .pds__items-single-div.in-pop .item-cart .name .title { font-size: calc(14px + 6px); } } .pds__items-single-div.in-pop .item-cart .price .original { font-size: calc(14px + 6px); } .pds__items-single-div.in-pop .item-cart .price .special { font-size: calc(28px + 6px); } @media only screen and (max-width: 780px) { .pds__items-single-div.in-pop .item-cart .price .original { font-size: calc(12px + 6px); } .pds__items-single-div.in-pop .item-cart .price .special { font-size: calc(22px + 6px); } } .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: calc(small + 6px); } .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: calc(14px + 6px); } .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: calc(0 + 6px); 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: calc(30px + 6px); 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: calc(24px + 6px); 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: calc(20px + 6px); } } @media only screen and (max-width: 480px) { .cart__info .name .title { font-size: calc(18px + 6px); } } .cart__info .name .pdid { margin: 0; padding: 0; font-size: calc(14px + 6px); 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: calc(12px + 6px); } } .cart__info .name .instock { margin: 0; padding: 0; font-size: calc(14px + 6px); 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: calc(12px + 6px); } } .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: calc(20px + 6px); color: #9c9c9c; text-align: right; } @media only screen and (max-width: 780px) { .cart__info .price .original { font-size: calc(16px + 6px); } } @media only screen and (max-width: 480px) { .cart__info .price .original { font-size: calc(14px + 6px); } } .cart__info .price .special { font-size: calc(44px + 6px); color: var(--shopstore-primary); text-align: right; } @media only screen and (max-width: 780px) { .cart__info .price .special { font-size: calc(30px + 6px); } } @media only screen and (max-width: 480px) { .cart__info .price .special { font-size: calc(24px + 6px); } } .cart__info .price .soldout { font-size: calc(20px + 6px); color: #444444; text-align: right; border-bottom: 1px solid #444444; } @media only screen and (max-width: 780px) { .cart__info .price .soldout { font-size: calc(16px + 6px); } } @media only screen and (max-width: 480px) { .cart__info .price .soldout { font-size: calc(14px + 6px); } } .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: calc(14px + 6px); 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: calc(20px + 6px); 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: calc(0 + 6px); 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: calc(30px + 6px); 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: calc(14px + 6px); 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: calc(20px + 6px); text-align: right; border-bottom: 1px solid #9c9c9c; color: #444444; } .related-list-item .price > sup { top: 0; font-size: calc(10px + 6px); } @media only screen and (max-width: 780px) { .related-list-item .price { order: 3; border: none; } } .related-list-item .name { font-size: calc(14px + 6px); 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: calc(14px + 6px); } ul.carts-lists-ul li.summary p span ,  .shop-lists li.summary p span { font-size: calc(24px + 6px); 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: calc(12px + 6px); } 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: calc(12px + 6px); 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: calc(14px + 6px);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: calc(14px + 6px);} 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: calc(14px + 6px); } @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: calc(20px + 6px); } 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: calc(16px + 6px); } .carts-summary-ul li b { font-size: calc(16px + 6px); } .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: calc(16px + 6px); } .summary__total p b { font-size: calc(16px + 6px); } .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: calc(16px + 6px); 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: calc(14px + 6px); } .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: calc(12px + 6px); 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: calc(16px + 6px); word-break: break-all;} .orders-carts-items-ul > li .info .variation { color: #555555; font-size: calc(12px + 6px); width: 100%; margin-bottom: 5px; } .orders-carts-items-ul > li .info .qty { color: #555555; font-size: calc(12px + 6px); 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: calc(14px + 6px); color: #000000; } .orders-carts-items-ul > li .info .price::before { content: attr(data-title); margin-right: 5px; font-size: calc(12px + 6px); } .orders-carts-items-ul > li .info .offer { width: 100%; font-size: calc(14px + 6px); color: #000000; } .orders-carts-items-ul > li .info .offer::before { content: attr(data-title); margin-right: 1px; font-size: calc(12px + 6px); } .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: calc(16px + 6px); 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: calc(12px + 6px); } .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: calc(20px + 6px);} .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: calc(16px + 6px); 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: calc(14px + 6px); } .orders-list-ul > li:first-child span.shipment { color: #6c6c6c; font-size: calc(14px + 6px); } .orders-list-ul > li:first-child span.bill { color: #6c6c6c; font-size: calc(14px + 6px); } .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: calc(12px + 6px);} .orders-list-item .list-item__head.isOpen .icon-keyboard_arrow_right{transform: rotate(90deg);} .orders-list-item .list-item__head span { font-size: calc(16px + 6px); color: #444444; } .orders-list-item .list-item__head span.number { flex-basis: 50%; font-size: calc(20px + 6px); 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: calc(12px + 6px); 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: calc(12px + 6px); 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: calc(12px + 6px); 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: calc(12px + 6px); } 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: calc(12px + 6px); 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: calc(14px + 6px); } @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: calc(20px + 6px); } 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: calc(16px + 6px); font-weight: 400; white-space: nowrap; align-self: center; } .orders-detail-ul li b { font-size: calc(16px + 6px); 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: calc(16px + 6px); } .orders-detail-tilte p b { font-size: calc(16px + 6px); 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: calc(18px + 6px); 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: calc(12px + 6px); color: #6c6c6c; padding: 5px 0 0 0; } .list-item .essay { font-size: calc(14px + 6px); 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: calc(20px + 6px); 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: calc(16px + 6px); 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: calc(0 + 6px); 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: calc(30px + 6px); 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: calc(20px + 6px);} .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: calc(16px + 6px); 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: calc(12px + 6px); 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: calc(12px + 6px); 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: calc(20px + 6px); 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: calc(16px + 6px); 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: calc(12px + 6px); 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: calc(16px + 6px); 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: calc(14px + 6px); } .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: calc(16px + 6px);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: calc(30px + 6px); 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: calc(14px + 6px); 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: calc(10px + 6px); 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: calc(14px + 6px); 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: calc(22px + 6px); 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: calc(10px + 6px);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: calc(14px + 6px);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: calc(14px + 6px); 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: calc(12px + 6px); 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: calc(14px + 6px);} .receiver__tool-bar > span > a.isOpen::before {content:\e313;} .hint {font-size: calc(12px + 6px);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: calc(20px + 6px); } .counter .date{ font-size: calc(12px + 6px); 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: calc(18px + 6px); 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: calc(14px + 6px); 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: calc(14px + 6px); 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: calc(16px + 6px); width: 100%; margin-bottom: 15px; } .hd-title-01 i { font-size: calc(14px + 6px); } .hd-more-link-01{ margin-left: unset; } .hd-title-01 a{ padding: 2px 5px; font-size: calc(12px + 6px);} } .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: calc(18px + 6px); 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: calc(14px + 6px); 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: calc(14px + 6px); 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: calc(16px + 6px); width: 100%; margin-bottom: 15px; } .hd-title-02 i { font-size: calc(14px + 6px); } .hd-more-link-02{ margin-left: unset; } .hd-title-02 a{ padding: 2px 5px; font-size: calc(12px + 6px);} } .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: calc(18px + 6px); 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: calc(14px + 6px); 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: calc(14px + 6px); 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: calc(16px + 6px);margin-bottom: 15px; } .hd-title-03 i { font-size: calc(14px + 6px); margin-left: 0; } .hd-title-03 a{ padding: 2px 5px; font-size: calc(12px + 6px); } } .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: calc(24px + 6px); 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: calc(14px + 6px); 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: calc(14px + 6px); 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: calc(16px + 6px); margin-bottom: 15px; } .hd-left-04 p i{ font-size: calc(12px + 6px); } .hd-time-04{ margin-right: 15px; } .hd-left-04 a { width: max-content ; box-shadow: none; font-size: calc(12px + 6px); 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: calc(14px + 6px)!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: calc(16px + 6px);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: calc(30px + 6px); 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: calc(12px + 6px); 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: calc(14px + 6px); } } @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: calc(28px + 6px); } .eit-bg button { color: #ffffff; font-size: calc(28px + 6px); padding: 5px 15px; border: 2px solid; margin: 30px 0; background-color:transparent; } #check_q { font-size: calc(13px + 6px)!important; color: #bb2e1d; } .order-log-button { padding: 0px 5px !important; font-size: calc(14px + 6px)!important; min-height: 0px !important; margin-bottom: 3px !important; } .back__to-login::before { content: \e913; font-family: icomoon !important; font-size: calc(12px + 6px); } .coupon-code-error { color: #a94442; font-size: calc(14px + 6px); } .pre_order { font-size: calc(14px + 6px); color:#444444b5; } .hint-text { display: block; text-align: right; } .hint-text > span { word-break: keep-all; color: var(--shopstore-secondary) !important; font-size: calc(14px + 6px); } @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: calc(20px + 6px); margin-bottom: 0; } .mobile-nav .area .item p { font-size: calc(12px + 6px); margin: 0; } .mobile-nav .area .item b { font-size: calc(12px + 6px); } .mobile-gapis-mobile-nav { margin-bottom: 40px!important; } /*addons*/ .addons { margin-bottom: 30px; } .addons-title{ background-color: #e3e3e3; color: #747474; padding: 10px; font-size: calc(14px + 6px); margin-bottom: 0; } .addons-title span{ margin-right: 5px; font-size: calc(12px + 6px); } .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: calc(12px + 6px); color: #444444; } .addon-spread { font-size: calc(12px + 6px); 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: calc(14px + 6px); 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: calc(25px + 6px); 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: calc(15px + 6px);font-weight:600;} .swiper3 .swiper-button-next:after , .swiper3 .swiper-button-prev:after{font-size: calc(20px + 6px);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: calc(40px + 6px);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: calc(20px + 6px); 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: calc(20px + 6px); 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: calc(.875rem + 6px); 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: calc(1rem + 6px); } .cake-product .is-cpd .pd__content .del-price, .cake-product .is-cpd .pd__sold .del-price{ font-size: calc(.75rem + 6px); 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: calc(inherit + 6px); } .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: calc(1rem + 4px); 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: calc(1.5rem + 6px); } .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: calc(1rem + 6px); } .cake-product .is-cpd .pd__content .del-price, .cake-product .is-cpd .pd__sold .del-price { font-size: calc(.75rem + 6px); } .cake-product .is-cpd .pd__content .price, .cake-product .is-cpd .pd__sold .price { font-size: calc(.875rem + 6px); } .cake-product .is-cpd .pd__content .price .currency, .cake-product .is-cpd .pd__sold .price .currency{ font-size: calc(.875rem + 6px); 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: calc(1rem + 6px); 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: calc(0.75rem + 6px); margin-right: 0; } .message .product .product-price :first-child { opacity: 1; text-decoration: none; font-size: calc(0.875rem + 6px); 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: calc(.875rem + 6px); 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: calc(.875rem + 6px); } /* 預購提示 */ .pop__item .pre_order { display: flex; gap: 5px; margin-bottom: 10px; color: inherit; font-size: calc(.9375rem + 6px); } .pop__item .pre_order_txt { flex-shrink: 0; } .pop__item .pre_order .pre_order_hint { font-size: calc(.875rem + 6px); color: var(--shopstore-text-highlight-color); word-wrap: break-word; word-break: break-word; } /* 商品名 */ .pop__item .item-name .title { font-size: calc(1.25rem + 6px); 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: calc(1.75rem + 6px); margin: 0; } .pop__item .item-cart .cart__info .price .original { font-size: calc(.875rem + 6px); 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: calc(.9375rem + 6px); } .pop__item .cart__form form.cart__form-form ul li.form-item > label { padding: 0 0 5px; font-size: calc(.875rem + 6px); 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: calc(.875rem + 6px); 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: calc(.8125rem + 6px); } .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: calc(1rem + 6px); 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: calc(1.0625rem + 6px); } .carts-shopping .carts-block .carts-block-content { margin-left: 18px; margin-right: 18px; margin-block: 0; padding: 25px 0; position: relative; font-size: calc(1rem + 6px); } .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: calc(.875rem + 6px); } .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: calc(.875rem + 6px); 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: calc(.9375rem + 6px); } .carts-shopping .carts-block .carts-block-content { font-size: calc(.875rem + 6px); padding: 20px 0; } .carts-block input, .carts-block select, .carts-block textarea { font-size: .75rem; } .carts-block .form-hint { font-size: calc(.75rem + 6px); } } /* 區塊收合 */ .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: calc(0.5rem + 6px); } .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: calc(0.75rem + 6px); 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: calc(0.875rem + 6px); color: var(--cart-primary); margin-bottom: 2px; } .carts-details .info .name { text-align: justify; } .carts-details .info .name .title{ color: #101010; font-size: calc(1rem + 6px); 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: calc(1rem + 6px); 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: calc(.875rem + 8px); } .carts-details .price, .carts-details .total { font-size: calc(1rem + 8px); white-space: nowrap; } .carts-details .price sup, .carts-details .total sup { font-size: calc(0.875rem + 8px); } .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: calc(1rem + 4px); } .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: calc(0.75rem + 6px); } .carts-details .info .name .title { font-size: calc(.875rem + 6px); margin-bottom: 0px; } .carts-details .info .name .name-sort { font-size: calc(.75rem + 6px); 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: calc(.625rem + 8px); } .carts-details .price { font-size: calc(.75rem + 8px); 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: calc(.875rem + 6px); } .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: calc(1rem + 8px); font-weight: 700; } .carts-details .total::before { content: 小計 ; font-size: calc(.875rem + 8px); } .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: calc(1rem + 4px); 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: calc(1rem + 6px); } .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: calc(1rem + 6px); } .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: calc(1.5rem + 6px); } .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: calc(0.75rem + 6px); 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: calc(.875rem + 6px); } .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: calc(1.25rem + 6px); } .comment-modal .photo-area .photo-btn { font-size: calc(.875rem + 6px); } .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: calc(1rem + 6px); 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: calc(9px + 6px); } .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: calc(.75rem + 6px); } .carts-shopping .coupon-used .coupon-name .circle-icon { width: 14px; height: 14px; margin-right: 5px; font-size: calc(6px + 6px); } .carts-shopping .coupon-used .currency { display: none; } }.discount-tag { display: flex; text-align: justify; } .discount-tag .discount-tag-badge { font-size: calc(0.875rem + 6px); 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: calc(0.875rem + 6px); 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: calc(.75rem + 6px); } } .badge { display: inline-block; font-size: calc(.875rem + 4px); 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: calc(1rem + 4px); 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: calc(.75rem + 4px); } }.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: calc(1rem + 6px); 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: calc(1rem + 6px); 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: calc(.75rem + 6px); 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: calc(.8125rem + 6px); } .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: calc(1rem + 6px); 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: calc(.75rem + 6px); color: #949494; margin-right: 7px; } .addons-block .item .item-price span { font-size: calc(1rem + 6px); color: var(--cart-primary); } .addons-block .item .item-btn { background-color: var(--cart-primary); color: #fff; font-size: calc(1rem + 8px); 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: calc(.875rem + 6px); } .addons-block .item .item-price { text-align: center; margin-bottom: 5px; } .addons-block .item .item-price span { display: block; font-size: calc(.875rem + 6px); } .addons-block .item .item-btn { margin: 0 auto; width: 120px; font-size: calc(.875rem + 8px); } .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: calc(1rem + 6px); 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: calc(.9375rem + 6px); 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: calc(.85rem + 6px); 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: calc(.875rem + 6px); } .carts-shopping .payment-logistics .radio-group label { font-size: calc(.75rem + 6px); 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: calc(.6875rem + 6px); 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: calc(1rem + 6px); } .carts-shopping .order-detail .carts-block-foot .price { font-size: calc(1.25rem + 6px); 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: calc(1.5rem + 6px); 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: calc(1.25rem + 6px); } } /* 購物車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: calc(.875rem + 6px); 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: calc(.875rem + 6px); color: var(--cart-primary); padding: 1px 17px 0; } .carts-shopping .carts-block .input-container + small { font-size: calc(.875rem + 6px); 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: calc(.875rem + 6px); background: #949494; color: #fff; padding: 0 16px; display: flex; align-items: center; } /* 購物車內容 */ .carts-side .carts-items .title { font-size: calc(.9375rem + 6px); 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: calc(.875rem + 6px); margin-left: auto; } .carts-side .carts-items .carts-block-foot { font-size: calc(0.875rem + 6px); 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: calc(.9375rem + 6px); } .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: calc(1.375rem + 6px); 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: calc(1.125rem + 4px); 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: calc(.875rem + 4px); font-weight: 700; } .carts-tabs .carts-tabs-link.active { background: #fff; color: var(--cart-primary); } .carts-shopping .carts-block .input-container + small { font-size: calc(.75rem + 6px); } } /* 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: calc(15px + 6px); 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: calc(.875rem + 6px); } .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; }body { font-size: calc(16px + 6px); }/style>script srchttps://daheyufu.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://daheyufu.com.tw/,        logo: https://shopstore-image.pages.dev/upload/11585/logo/11585_668842b2c7509.jpg,        image: https://shopstore-image.pages.dev/upload/11585/logo/11585_668842b2c7509.jpg,        name: 大和魚夫食品,        alternateName: 大和魚夫食品,        email: twyunxiang@kimo.com,        telephone: 03-3605291,        description: 【大和魚夫食品】～以創新概念顛覆大家對美食既定習性印象 開創市場上少見的美食以日式風手作 い基準，呈現獨家僅有、 營養豐富美味無比的特色美食挑戰大家的視覺and味蕾...,        datePublished: 2024-07-04T10:39:52+0800,        dateModified: 2024-08-05T04:30:05+0800,        isPartOf: {            @type: WebSite,            @id: https://daheyufu.com.tw/#WebSite,            url: https://daheyufu.com.tw/,            name: 大和魚夫食品,            alternateName: 大和魚夫食品,            description: 【大和魚夫食品】～以創新概念顛覆大家對美食既定習性印象 開創市場上少見的美食以日式風手作 い基準，呈現獨家僅有、 營養豐富美味無比的特色美食挑戰大家的視覺and味蕾...        }    }/script>script typeapplication/ld+json>    {        @context: https://schema.org,        @type: Person,        name: 大和魚夫食品,        url: https://daheyufu.com.tw/,        sameAs:                             https://www.facebook.com/dahefactory/,                                        https://www.instagram.com/daheyufu,                                        https://line.me/ti/p/~andy5711438,                                                }/script>script typeapplication/ld+json>    {        @context: https://schema.org,        @type: BreadcrumbList,        itemListElement:             {                @type: ListItem,                position: 1,                name: 大和魚夫食品,                item: https://daheyufu.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://daheyufu.com.tw/css/product-tag.css >style>    .summer_bargain {  margin: 0 auto;  width: 310px;}.summer_bargain_inner {  border-radius: 3px;  color: #37bcf2;  font-family:Maru Folk Heavy, sans-serif;  font-size: 42px;  font-style: italic;  letter-spacing: 0;  line-height: 1.2;  padding: 3px 0;  text-shadow: 2px 2px 0 #fff, 5px 5px 0 #dfe8f1;  text-align: center;}.summer_bargain_inner .green{  color: #06d9a5;}.summer_bargain_inner .last{  letter-spacing: 10px;}.summer_bargain_inner strong {  display: block;  color: #e97792;  font-size: 24px;  font-family: Maru Folk Medium, sans-serif;  letter-spacing: 2px;  text-shadow: 1px 1px 0 #fff, 3px 3px 0 #f1e3df;}/style>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://daheyufu.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>        a hrefhttps://www.facebook.com/dahefactory/ target_blank classnav-facebook2>span classicon-facebook2>/span>/a>            a hrefhttps://www.instagram.com/daheyufu target_blank classnav-instagram>span classicon-instagram>/span>/a>            a hrefhttps://line.me/ti/p/~andy5711438 target_blank classnav-line>span classicon-line>/span>/a>        /nav>nav classheadtop__store-essentials>    a hrefhttps://daheyufu.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: ;>購物車/span>    /a>        a hrefjavascript:; classcontact-btn toPop>span classheadtop-icon icon-textsms>/span>span classpc-menu>聯絡我們/span>/a>                    a hrefhttps://daheyufu.com.tw/order_form classorder-manage-btn>span classheadtop-icon icon-assignment>/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: ;>搜尋/span>/a>    /form>/div>        !-- mediamax 680px show -->        h1 classheadtop__logo>a hrefhttps://daheyufu.com.tw>img srchttps://shopstore-image.pages.dev/upload/11585/logo/11585_668842b2c7509.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: ;>選單/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://daheyufu.com.tw/category>商品列表/a>/li>                                                nav classsidebar__stable-nav>                                                        a hrefhttps://daheyufu.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://daheyufu.com.tw/about_us>span>/span>span>關於我們/span>/a>                                                                                    a hrefhttps://daheyufu.com.tw/about_rexchange>span>/span>span>退換貨政策/span>/a>                                                                                    a hrefhttps://daheyufu.com.tw/about_policy>span>/span>span>服務條款及隱私政策/span>/a>                                                    /nav>                        nav classheadtop__social-nav in-sidebar>                                                    a hrefhttps://www.facebook.com/dahefactory/ target_blank>span classicon-facebook2>/span>/a>                                                                            a hrefhttps://www.instagram.com/daheyufu target_blank>span classicon-instagram>/span>/a>                                                                            a hrefhttps://line.me/ti/p/~andy5711438 target_blank>span classicon-line>/span>/a>                                                                        /nav>                        div classfooter__information in-sidebar>                                                        a hrefmailto:twyunxiang@kimo.com>span classicon icon-markunread>/span>span>twyunxiang@kimo.com/span>/a>                                                                                    a hreftel:03-3605291>span classicon icon-phone>/span>span>03-3605291/span>/a>                                                                                    a hrefhttps://www.google.com.tw/maps/search/桃園市蘆竹區赤塗路1-1號/ target_blank>span classicon icon-home>/span>span>桃園市蘆竹區赤塗路1-1號/span>/a>                                                                                    a hrefjavascript:;>span classicon icon-quill>/span>span>統一編號 54939355/span>/a>                                                    /div>                        section classfooter-end in-sidebar>                                                        p styleline-height: 1.1rem>Copyright © span classyear>/span> a hrefhttps://daheyufu.com.tw>大和魚夫食品/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://daheyufu.com.tw>img srchttps://shopstore-image.pages.dev/upload/11585/logo/11585_668842b2c7509.jpg.webp alt>/a>/h1>        nav classheadmain__nav>            ul classheadmain__nav--ul>                        /ul>        /nav>    /section>/header>        !-- main -------------------------------------------------------------------------- -->        main>                            div classmarquee>    div>/div>/div>                                                        section classcontt-title grid-1300-mid pos-mid>                span classcontt-title_decoration icon-minus>/span>                div classcontt-title__main>                    熱銷商品                /div>            /section>            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/11585/home_block/11585_6686ef4339bd0.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/11585/home_block/11585_6686ef7496584.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__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/11585/home_block/11585_6686f0fd836e7.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/11585/home_block/11585_6686f1190566c.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/11585/home_block/11585_6686f145cb1e6.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/11585/home_block/11585_6686f180b9c9b.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/11585/home_block/11585_6686f1db29228.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/11585/home_block/11585_6686f1f55614d.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/11585/home_block/11585_6686f2435f546.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/11585/home_block/11585_6686f25e7da7f.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/11585/home_block/11585_6686f28bea2f1.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/11585/home_block/11585_6686f2ac79ce1.jpg.webp phone alt麻辣鴨脆腸 title麻辣鴨脆腸>    /a>/div>            /div>    /section>                            !-- 滿版的內容(a, j, h template) -->            /main>        !-- footer -------------------------------------------------------------------------- -->        footer>    section classfooter-main>        nav classfooter__nav>                        a hrefhttps://daheyufu.com.tw/about_policy>服務條款及隱私政策/a>                                    a hrefhttps://daheyufu.com.tw/about_us>關於我們/a>                                    a hrefhttps://daheyufu.com.tw/about_rexchange>退換貨政策/a>                    /nav>    /section>    section classfooter-end>        div classfooter__information>                        a hrefmailto:twyunxiang@kimo.com>span classicon icon-markunread>/span>span>twyunxiang@kimo.com/span>/a>                                    a hreftel:03-3605291>span classicon icon-phone>/span>span>03-3605291/span>/a>                                    a hrefhttps://www.google.com.tw/maps/search/桃園市蘆竹區赤塗路1-1號/ target_blank>span classicon icon-home>/span>span>桃園市蘆竹區赤塗路1-1號/span>/a>                                    a hrefjavascript:;>span classicon icon-quill>/span>span>統一編號 54939355/span>/a>                    /div>                p classmobile-gap>Copyright © span classyear>/span> a hrefhttps://daheyufu.com.tw>大和魚夫食品/a> 基於a hrefhttps://shopstore.tw target_blank>shopstore/a>平台提供/p>                        div classpartner-list>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/payments/ecpay.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/payments/newebpay.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/t_cat.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/post.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/family.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/unimart.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/hilife.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/okmart.webp>                            /span>                        span classpartner-item>                                img srchttps://shopstore-manage.shopstore.tw/img/logistics/paynow.webp>                            /span>                    /div>            /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://daheyufu.com.tw/carts classbtn>直接結帳/a>                            /div>        /div>    /div>!-- end pop-cart-main -->/div>!-- end pop pop__cart -->script srchttps://daheyufu.com.tw/js/number_format.js>/script>script srchttps://daheyufu.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://daheyufu.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://daheyufu.com.tw/js/toastr.js?2.6.600>/script>!-- 檢測顏色對比 -->script srchttps://daheyufu.com.tw/js/color-checker.js?2.6.600>/script>script srchttps://daheyufu.com.tw/js/general.js?2.6.600>/script>script srchttps://daheyufu.com.tw/s_template/js/main.js?2.6.600>/script>    script typetext/javascript srchttps://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.5.0/jquery.marquee.min.js>/script>script>    Vue.http.headers.commonX-CSRF-TOKEN  document.head.querySelector(metanamecsrf-token).content;    var marquee_vn  new Vue({        el:.marquee,        data:{            marquees :                                 `p styletext-align: center;>span stylefont-size: 18pt;>span stylecolor: rgb(224, 62, 45); background-color: rgb(236, 240, 241);>夏季促銷商品天天有 數量有限 時刻注意動態搶購哦！span stylecolor: rgb(0, 0, 0);> /span>/span>span stylecolor: rgb(0, 0, 0); background-color: rgb(251, 238, 184);>span stylebackground-color: rgb(251, 238, 184);>經銷團購商最愛的代工廠 歡迎各通路商新朋友洽詢合作 數百種客制化你的品牌商品 沒有大量門檻限制 包你滿意！/span>/span>/span>/p>`,                            ,            index: 0,            duration: 15000,            custom_speed: 1,        },        created: function() {            this.$nextTick(function () {                $width  $(window).width();                if ($width  1024) marquee_vn.duration  11000;                else if ($width  768) marquee_vn.duration  9000;                else if ($width  515) marquee_vn.duration  7000;                else if ($width  480) marquee_vn.duration  6000;                else if ($width  360) marquee_vn.duration  5000;                reSetMarquees(true);            });        },        methods: {            getMarquee() {                return this.marqueesthis.index;            },        }    });    function reSetMarquees(first  false) {        if(first) $(.marquee).html(marquee_vn.marqueesmarquee_vn.index);        $(.marquee).marquee(destroy);        $(.marquee).bind(finished, function() {            marquee_vn.index++;            if (marquee_vn.marqueesmarquee_vn.index  undefined) marquee_vn.index  0;            $(this).html(marquee_vn.marqueesmarquee_vn.index);            reSetMarquees();        }).marquee({            duration: marquee_vn.duration / marquee_vn.custom_speed,            pauseOnCycle: false,            pauseOnHover: true        });    }/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://daheyufu.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://daheyufu.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://daheyufu.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://daheyufu.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://daheyufu.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

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > daheyufu.com.tw

Is this malicious?

DNS Resolutions

Port 443