Help
RSS
API
Feed
Maltego
Contact
Domain > dbcandy.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-04-03
3.1.56.89
(
ClassC
)
2026-01-18
172.66.151.54
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Sun, 18 Jan 2026 12:05:49 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-alivex-powered-by: PHP/8.2.30cache-control: no-cache, privateset-cookie: XSRF-TOKENeyJpdiI6IjZvck40ZVdqZDdrVUNndmJlV2oxVlE9PSIsInZhbHVlIjoidjZscm9Uc3h0enBBZnpYL3dOMWk3SFFkVVdGckk5Z0h1T1VFSmxjdFJjVGwxU3ZRNllRSXZGQXd5TVdvc052QVFHbFVjRUpJT21IWjh4ckV6akhYUjBONWdhTHcrWmJsb0VXRFJkVkd4eldVNUxBMWI5TmV0b1dud2lSbGxtbHQiLCJtYWMiOiIwMGE5ZGM3MjhiNjVkOTcwZGMyMDg4Y2ZmMmZiZGE2ZTQxYzUzZTc0MDlmMzExYTM2Zjc4YTBlODY3NWU1ZjlmIiwidGFnIjoiIn0%3D; expiresSun, 25 Jan 2026 12:05:49 GMT; Max-Age604800; path/; domaindbcandy.comset-cookie: dbcandycom_sessioneyJpdiI6IjJ3YXNYdE5KSytBWHhFaVR5bHdaRnc9PSIsInZhbHVlIjoiNlh4bE4zT0hOYU1rUjgwdWJIelNXM1EraGtabTMzMjQzU1dTTU5DdzFqYWl4cVN1ZVV2T2N2YVNDMjcvd24rc3c0a0VSTUNRRFJtL2FubmRVYVFMdDhoMUk1NDhjWGVudEk4TEZCdmk5NzZVZ1N3dzQwNUpGRE5iMVRvSitnMUYiLCJtYWMiOiI1ZWY4NTIzYjJjNzUwY2Q4ZjRjNDY1NDVlNjYxYWJhMzgxYWJjYjVkYTlhOGM4YmY2NTRjMWZmZjAyZjc4ZGQ1IiwidGFnIjoiIn0%3D; expiresSun, 25 Jan 2026 12:05:49 GMT; Max-Age604800; path/; domaindbcandy.comx-frame-options: SAMEORIGINx-content-type-options: nosniffserver: cloudflarevia: 1.1 googleSpeculation-Rules: /cdn-cgi/speculationvary: Accept-Encodingcf-cache-status: DYNAMICCF-RAY: 9bfdf6755edfbd22-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langzh-TW> head> meta charsetutf-8>title>【糖巢】古法龍鬚糖禮盒 - 創新與傳統口味結合/title>meta namecsrf-token contenthQLmbrh9B59OVmQ9E3n0PPtkSfZVAGPiaRaNRvZJ>link relicon hrefhttps://image.bvshop.tw/2002/favicon/2002_6642fdaf81cb8.png.webp>link relapple-touch-icon hrefhttps://image.bvshop.tw/2002/favicon/2002_6642fdaf81cb8.png.webp>!-- Chrome, Firefox OS and Opera -->meta nametheme-color content#FFFFFF>!-- Windows Phone -->meta namemsapplication-navbutton-color content#FFFFFF>!-- iOS Safari -->meta nameapple-mobile-web-app-status-bar-style content#FFFFFF>meta propertyog:url contenthttps://dbcandy.com />meta propertyog:title content首頁 | 糖巢龍鬚糖|十大古早味伴手禮首選 />meta propertyog:site_name content糖巢龍鬚糖 />meta propertyog:type contentproduct />meta propertyog:description content每一口都是對傳統和創新的致敬,探索糖巢的龍鬚糖世界 />meta propertyog:image contenthttps://image.bvshop.tw/2002/meta_setting/2002_6616672fbbe8c.png />meta propertyfb:app_id content1721255851615289 />meta namedescription content糖巢龍鬚糖,由陳勇兆創辦,一個從夜市起家,在疫情中勇敢轉型的龍鬚糖品牌。我們將傳統手藝與現代口味如芝麻、草莓等完美融合,每一絲龍鬚糖都蘊含著對品質的堅持和創新精神。糖巢致力於讓每個人透過網絡,不受地域限制,品嚐到這份文化的精髓和味道。 /> meta namekeywords content糖巢, 龍鬚糖, 法式龍鬚糖, 手工甜點, 高端甜點, 伴手禮, 節慶禮盒, 中秋節禮盒, 精緻甜點, 糖巢龍鬚糖, 高端手工甜點推薦, 龍鬚糖哪裡買, 龍鬚糖價格, 手工甜點推薦, 中秋龍鬚糖禮盒, 送禮甜點, 頂級甜品, 龍鬚糖製作方法, 法式甜點製作, 甜點禮盒, 龍鬚糖禮盒, 中秋節伴手禮, 節慶甜點,line,line官方,新口味蛋黃酥 />meta nameviewport contentwidthdevice-width, initial-scale1>meta http-equivX-UA-Compatible contentIEedge, chrome1>meta http-equivx-dns-prefetch-control contenton>link relcanonical hrefhttps://dbcandy.com>link relpreconnect hrefhttps://bvshop-manage.bvshop.tw>link relpreconnect href//cdnjs.cloudflare.com>link relpreconnect href//connect.facebook.net>link relpreconnect href//static.xx.fbcdn.net>link reldns-prefetch hrefhttps://bvshop-manage.bvshop.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 relpreload asstyle hrefhttps://js.bvshop.tw/build/assets/app-e3f6f232.css />link relstylesheet hrefhttps://js.bvshop.tw/build/assets/app-e3f6f232.css />link relstylesheet hrefhttps://js.bvshop.tw/s_template/css/icomoon/icomoon.css?1.6.0 >link relstylesheet hrefhttps://js.bvshop.tw/css/OverlayScrollbars.min.css >link relstylesheet hrefhttps://js.bvshop.tw/css/simplelightbox.min.css >link hrefhttps://js.bvshop.tw/element-ui/theme-chalk/index.css relstylesheet asstyle>link relstylesheet hrefhttps://js.bvshop.tw/swiper/swiper-bundle.min.css/>link hrefhttps://fonts.googleapis.com/icon?familyMaterial+Icons relstylesheet>style>@charset UTF-8;.template-layout { @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); /******************* * fadeInDown *******************/ /******************* * inputtypefile *******************/ /******************* * head top *******************/ /* * head top 基本功能*******************/ /* * head top 社群功能*******************/ /* * head top 搜尋bar*******************/ /* * head sidebar menu *******************/ /******************* * head main *******************/ /* * head main logo*******************/ /* * head main drop down menu *******************/ /******************* * footer *******************/ /******************* * main *******************/ /* * slick slider*******************/ /******************* * flickity *******************/ /* draggable */ /* * cakes cake *******************/ /* cakes__1 *****************************/ /* cakes__2 *****************************/ /* cakes__3 *****************************/ /* cakes__4 *****************************/ /* cakes__5 *****************************/ /* * contt-title *******************/ /******************* * product *******************/ /* * page path *******************/ /* * pds nav *******************/ /* * pds items *******************/ /******************* * pds__related *******************/ /******************* * carts checkout *******************/ /******************* * orders *******************/ /******************* * blog *******************/ /******************* * other grid setting *******************/ /******************* * popup *******************/ /******************* * pop cart order list *******************/ /* .side-cart-list-ul > li .details > div.del { border: 1px solid rgba(255, 255, 255, 0.7); } */ /******************* * pop pds items *******************/ /******************* * sign *******************/ /******************* * users *******************/ /******************* * separation line *******************/ /******************* * pagination *******************/ /******************* * scrollbar *******************/ /******************* * banner *******************/ /* banner end */ /******************* * separation & button *******************/ /* separation & button */ /*bar*/ /******************* pop board */ /*********************************** ** nav background area for mobile ** ***********************************/ /******************* * marquee *******************/ /*********************** ** Others later added ** ***********************/ /*********************** ** discount_block ** ***********************/ /* .qty-select span select:hover , .return-area .reason span select:hover , .return-way .chose select:hover { border-color: #79cddf; box-shadow: none; } */ /*addons*/}.template-layout * { -o-box-sizing: border-box; box-sizing: border-box;}@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 spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}@keyframes pound { 0% { transform: none; } 50% { transform: translateY(10px) scale(3.5); } 100% { transform: none; }}@keyframes fadeInDown { from { opacity: 0; transform: translate3d(20%, -20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }}.template-layout body { width: 100%; max-width: 100%; *zoom: 1; overflow-x: hidden; -webkit-overflow-scrolling: touch;}.template-layout body:before, .template-layout body:after { content: ; display: table;}.template-layout body:after { clear: both;}.template-layout body.noScroll { overflow: hidden;}.template-layout #wrap { width: 100%; min-height: 100vh; min-width: 320px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout #wrap { overflow: hidden; }}.template-layout inputtypetext, .template-layout inputtypeurl, .template-layout inputtypeemail, .template-layout inputtypepassword, .template-layout inputtypenumber, .template-layout 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; border-radius: 5px; box-shadow: none;}.template-layout inputtypetext:focus, .template-layout inputtypeurl:focus, .template-layout inputtypeemail:focus, .template-layout inputtypepassword:focus, .template-layout inputtypenumber:focus, .template-layout inputtypedate:focus { background-color: rgba(156, 156, 156, 0.2);}.template-layout inputtypenumber { text-align: center; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;}.template-layout inputtypenumber::-webkit-inner-spin-button, .template-layout inputtypenumber::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0;}.template-layout 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; border-radius: 5px; box-shadow: none;}.template-layout textarea:focus { box-shadow: none; background-color: rgba(156, 156, 156, 0.2);}.template-layout inputtypesubmit, .template-layout inputtypebutton, .template-layout buttontypesubmit, .template-layout buttontypebutton:not(.flickity-button) { box-sizing: border-box; min-height: 40px; padding: 5px 20px; font-size: 16px; outline: none; cursor: pointer; border-radius: 5px; border: none; background: #444444; color: white; transition: all 0.3s ease; touch-action: manipulation;}.template-layout inputtypesubmit:hover, .template-layout inputtypesubmit:active, .template-layout inputtypesubmit:focus, .template-layout inputtypebutton:hover, .template-layout inputtypebutton:active, .template-layout inputtypebutton:focus, .template-layout buttontypesubmit:hover, .template-layout buttontypesubmit:active, .template-layout buttontypesubmit:focus, .template-layout buttontypebutton:not(.flickity-button):hover, .template-layout buttontypebutton:not(.flickity-button):active, .template-layout buttontypebutton:not(.flickity-button):focus { opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity90); filter: alpha(opacity90); box-shadow: none;}.template-layout .sort-select { width: 15%; margin-left: auto; margin-bottom: 30px; position: relative; color: inherit; /* Target IE9 and IE10 */}.template-layout .sort-select select { -webkit-appearance: none; -moz-appearance: none; min-height: 34px; width: 100%; padding: 0 5px; font-size: 16px; vertical-align: middle; background-color: white; border: 1px solid #444444; border-radius: 5px; font-family: inherit; outline: none;}@media (max-width: 767px) { .template-layout .sort-select { width: 40%; }}.template-layout .select-wrap { position: relative; color: inherit; /* Target IE9 and IE10 */}.template-layout .select-wrap select::-ms-expand { display: none;}.template-layout .select-wrap select { -webkit-appearance: none; -moz-appearance: none; min-height: 40px; width: 100%; padding: 10px 5px; font-size: 16px; vertical-align: middle; background-color: white; border: 1px solid #444444; border-radius: 5px; font-family: inherit; outline: none;}.template-layout .select-wrap select:focus { background-color: rgba(156, 156, 156, 0.2); box-shadow: none;}.template-layout .select-wrap select:disabled { cursor: not-allowed;}.template-layout .select-area { display: flex; margin-bottom: 10px;}.template-layout .number-wrap { position: relative; display: block; width: 100%;}.template-layout .number-wrap > input { width: 100%; height: 100%; margin-bottom: 0;}.template-layout .number-wrap > button { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 10px; padding-right: 10px; height: 100%; margin-bottom: 0;}.template-layout .number-wrap > button.num-minus { left: 0; padding-right: 10px; padding-left: 10px;}.template-layout .number-wrap > button.num-plus { right: 0; padding-right: 10px; padding-left: 10px;}.template-layout inputtypefile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}.template-layout inputtypefile + label { border-radius: 5px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: flex; overflow: hidden; vertical-align: middle; padding: 5px 20px; font-size: 16px; background-color: #444444; color: white; border: 1px solid #444444;}.template-layout inputtypefile + label span { margin-right: 5px;}.template-layout inputtypefile:focus + label, .template-layout inputtypefile.has-focus + label { outline: none;}.template-layout inputtypefile:focus + label, .template-layout inputtypefile.has-focus + label, .template-layout inputtypefile + label:hover { color: #444444; background-color: white;}.template-layout .currency > sup { font-size: 12px; font-style: normal; text-decoration: none; top: 0; line-height: normal;}.template-layout .chat-btn { display: flex; justify-content: space-between;}.template-layout .chat-btn button { min-height: 0; border: 1px solid #444444; display: flex;}.template-layout .chat-btn button span { display: inline-block; transform: rotate(-45deg); margin-right: 5px;}.template-layout header { display: block; width: 100%; margin: 0 auto; *zoom: 1;}.template-layout header:before, .template-layout header:after { content: ; display: table;}.template-layout header:after { clear: both;}.template-layout .headtop { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-content: center; align-items: center; background: rgba(255, 255, 255, 0.9); -o-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; height: 30px; position: fixed; z-index: 99999;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop { height: 66px; border-bottom: 1px solid #9c9c9c; justify-content: flex-end; position: fixed; z-index: 99999; background-color: rgba(255, 255, 255, 0.9); }}.template-layout .headtop__store-essentials { display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: 20px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__store-essentials { margin: auto; order: 4; }}.template-layout .headtop__store-essentials a { font-size: 16px; position: relative; margin-right: 20px; text-decoration: none; color: #555555; transition: all 0.2s ease;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__store-essentials a { font-size: 25px; margin: auto 10px; border: none; text-align: center; } .template-layout .headtop__store-essentials a:first-child { margin-left: 10px; }}.template-layout .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;}.template-layout .headtop__store-essentials a::after { content: ; display: block; width: 20px; height: 1px; position: absolute; background: #555555; transform: rotate(-75deg); right: -20px; top: 8px; transition: all 0.35s ease;}.template-layout .headtop__store-essentials a:hover { color: #6c6c6c;}.template-layout .headtop__store-essentials a b { font-size: 12px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__store-essentials a::before { display: none !important; } .template-layout .headtop__store-essentials a::after { display: none; } .template-layout .headtop__store-essentials a > span:nth-child(2) { display: none; } .template-layout .headtop__store-essentials a.order-manage-btn { display: none; } .template-layout .headtop__store-essentials a.contact-btn { display: none; } .template-layout .headtop__store-essentials a.blog-btn { display: none; } .template-layout .headtop__store-essentials a.sign-in-btn { display: none; } .template-layout .headtop__store-essentials a.sign-out-btn { display: none; } .template-layout .headtop__store-essentials a.member-btn { display: none; }}.template-layout .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;}.template-layout .cart-manage-btn.anime::after { transform: rotate(-165deg); height: 0;}.template-layout .headtop__social-nav { 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) { .template-layout .headtop__social-nav { display: none; } .template-layout .headtop__social-nav.in-sidebar { display: flex; margin: 10px auto; -o-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; width: 100%; justify-content: flex-start; } .template-layout .headtop__social-nav.in-sidebar a { font-size: 18px; margin-right: 10px; } .template-layout .headtop__social-nav.in-sidebar span.icon-facebook2 { color: #3b5998; } .template-layout .headtop__social-nav.in-sidebar span.icon-instagram { color: #e4405f; } .template-layout .headtop__social-nav.in-sidebar span.icon-line { color: #00c300; } .template-layout .headtop__social-nav.in-sidebar span.icon-youtube { color: #f00; }}.template-layout .headtop__social-nav a { display: flex; font-size: 18px; text-decoration: none; justify-content: center; align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap;}.template-layout .headtop__social-nav a:not(:last-child) { margin-right: 8px;}.template-layout .headtop__social-nav a span { color: #555555; transition: all 0.2s ease;}.template-layout .headtop__social-nav a:hover span { transform: scale(1.1);}.template-layout .headtop__social-nav a:hover span.icon-facebook2 { color: #3b5998;}.template-layout .headtop__social-nav a:hover span.icon-instagram { color: #e4405f;}.template-layout .headtop__social-nav a:hover span.icon-line { color: #00c300;}.template-layout .headtop__social-nav a:hover span.icon-youtube { color: #f00;}.template-layout .headtop__search-block { display: inline-block; margin-right: 15px; -o-box-sizing: border-box; box-sizing: border-box;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__search-block { order: 3; padding: 0; background: none; }}.template-layout .headtop__search-block form { display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; justify-items: center; align-content: center; align-items: center;}.template-layout .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; transition: width 1s ease-in-out;}.template-layout .headtop__search-block .search-box.open { width: 180px; display: flex; visibility: visible;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__search-block .search-box.open { width: 200px; }}.template-layout .headtop__search-block .search-box.open .search-box__input { border-color: #9c9c9c; visibility: visible;}.template-layout .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) { .template-layout .headtop__search-block .search-box__input { font-size: 22px; }}.template-layout .headtop__search-block .search-box__submit { border: none; color: #555555; background: transparent; cursor: pointer; position: absolute; margin: 0; padding: 3px; right: 0; font-size: 18px; transform: rotate(180deg); min-height: auto; display: none;}.template-layout .headtop__search-block .search-box__submit:hover { color: #444444;}.template-layout .search-box__input:focus { outline: none; outline-offset: 0;}.template-layout .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: 1024px) { .template-layout .search-box__input { line-height: 2em; height: 2em; }}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__search-block .search-box__submit { font-size: 20px; }}.template-layout .headtop__search-block .search-button { display: block; text-decoration: none; color: #555555; padding-left: 6px; padding-right: 6px; font-size: 18px; transition: all 0.2s ease-in-out;}.template-layout .headtop__search-block .search-button:hover { transform: scale(1.1);}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__search-block .search-button { font-size: 24px; text-align: center; padding-right: 0; }}.template-layout .headtop__logo { display: none; flex-grow: 1; order: 2; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__logo { display: block; height: 75%; width: 38%; text-align: center; } .template-layout .headtop__logo.move img { width: auto; } .template-layout .headtop__logo a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: flex-start; } .template-layout .headtop__logo img { display: block; height: 100%; max-width: 100%; -o-object-fit: scale-down; object-fit: scale-down; transform: translate3d(0, 0, 0); } .template-layout .items-list-btn { display: none; }}.template-layout .headtop__sidebar { display: none;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headtop__sidebar { display: block; order: 4; margin: auto; }}.template-layout .sidebar__nav-btn { display: none; margin-right: 10px; position: relative;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .sidebar__nav-btn { display: block; text-align: center; } .template-layout .sidebar__nav-btn a { text-decoration: none; color: #444444; transition: all 0.2s ease-in-out; } .template-layout .sidebar__nav-btn a:hover { color: #ad8349; } .template-layout .sidebar__nav-btn .icon-th-menu { font-size: 24px; }}.template-layout .sidebar__nav { 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; transition: all 0.7s ease-in-out;}.template-layout .sidebar__nav.open { width: 100%;}.template-layout .sidebar__nav.open .sidebar__nav-close { left: calc(20% - 48px);}.template-layout .mobile-menu { margin-top: -5px; display: none;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .mobile-menu { display: block; font-size: 14px; white-space: nowrap; } .template-layout .icon-search, .template-layout .sidebar__nav-btn .icon-th-menu { margin-bottom: 2px; display: inline-block; }}.template-layout .sidebar__nav-close { font-size: 36px; color: white; text-decoration: none; position: fixed; left: 100%; top: 10px; transition: all 0.7s ease-in-out; display: inline-block; padding: 5px 6px; background: #444444; -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;}.template-layout .sidebar__nav-close:hover { color: #ad8349;}.template-layout .sidebar__nav--ul { list-style: none; display: block; margin: 0; padding: 10px 15px 100px; background: #444444; float: right; width: 80%; min-height: 100vh; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .sidebar__nav--ul ul { list-style: none; width: 100%; flex-basis: 100%; clear: both; padding: 0; display: none;}.template-layout .sidebar__nav--ul ul.close { display: none;}.template-layout .sidebar__nav--ul li { -o-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: space-between; justify-items: center; flex-wrap: wrap; align-items: center; align-content: center;}.template-layout .sidebar__nav--ul li a { display: inline-block; transition: all 0.5s ease-in-out; height: 100%; color: white; font-size: 16px; text-decoration: none; overflow-wrap: break-word; word-break: break-all; flex: 1 1 0; padding: 10px 0;}.template-layout .sidebar__nav--ul li a span { flex: 1 1 0;}.template-layout .sidebar__nav--ul > li { padding: 0;}.template-layout .sidebar__nav--ul > li > a { order: 1; color: white; font-size: 18px; border-bottom: 1px solid #9c9c9c;}.template-layout .sidebar__nav--ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .sidebar__nav--ul > li.lev span { order: 2; transition: all 0.2s ease-in-out; cursor: pointer;}.template-layout .sidebar__nav--ul > li.lev span.lev-btn { font-size: 20px; padding: 3px; float: right; color: rgba(255, 255, 255, 0.5); cursor: pointer; display: block; transform: rotate(45deg);}.template-layout .sidebar__nav--ul > li.lev span.close { transform: rotate(0deg); color: white;}.template-layout .sidebar__nav--ul > li > ul { margin: 5px 0; order: 3;}.template-layout .sidebar__nav--ul > li > ul > li { padding: 0 0 0 8px;}.template-layout .sidebar__nav--ul > li > ul > li > a { font-size: 16px; order: 1; border-bottom: 1px solid rgba(156, 156, 156, 0.7);}.template-layout .sidebar__nav--ul > li > ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .sidebar__nav--ul > li > ul > li > a::before { content: - ;}.template-layout .sidebar__nav--ul > li > ul > li > ul { order: 3; border-radius: 10px;}.template-layout .sidebar__nav--ul > li > ul > li > ul li { padding: 0 8px 0 8px;}.template-layout .sidebar__nav--ul > li > ul > li > ul li a { font-size: 14px; width: 100%; border-bottom: 1px dashed rgba(156, 156, 156, 0.7);}.template-layout .sidebar__nav--ul > li > ul > li > ul li a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .sidebar__nav--ul > li > ul > li > ul li a::before { content: \e912; font-family: icomoon !important;}.template-layout .sidebar__stable-nav { display: block; width: 100%; margin: 10px auto;}.template-layout .sidebar__stable-nav a { font-size: 18px; text-decoration: none; color: white; display: inline-block; padding: 10px 0; width: 100%; border-bottom: 1px solid rgba(156, 156, 156, 0.7);}.template-layout .sidebar__stable-nav a span { padding: 3px;}.template-layout .sidebar__stable-nav a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .headmain { display: block; width: 100%; clear: both; margin: 66px auto 10px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .headmain { display: none; }}.template-layout .headmain__logo { display: block; text-align: center; width: 100%; margin: 0; padding: 0;}.template-layout .headmain__logo a { display: inline-block; min-height: 100px; height: 100px; width: auto; outline: none;}.template-layout .headmain__logo a img { display: block; max-height: 100%; max-width: 100%;}.template-layout .headmain__nav--ul { list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; justify-items: center; align-content: center; align-items: flex-start; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .headmain__nav--ul ul { list-style: none; margin: 2px 0; padding: 0; border-radius: 10px; background: white; z-index: 999; pointer-events: none; cursor: default; border: 1px solid #9c9c9c; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity0); filter: alpha(opacity0); transition: all 0.5s ease-in-out;}.template-layout .headmain__nav--ul > li { margin-left: 2%; margin-right: 2%; margin-top: 5px; margin-bottom: 5px; position: relative; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .headmain__nav--ul > li.lev > a::after { content: \e912; font-family: icomoon !important; font-size: 12px;}.template-layout .headmain__nav--ul > li > a { color: #444444; text-decoration: none; font-size: 18px; transition: all 0.25s ease-in;}.template-layout .headmain__nav--ul > li:hover > ul { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100); margin-left: 0; pointer-events: auto; cursor: pointer;}.template-layout .headmain__nav--ul > li:hover > a { color: #ad8349;}.template-layout .headmain__nav--ul > li ul { position: absolute; left: 0px; top: 20px; transition: all 0.25s ease-in;}.template-layout .headmain__nav--ul > li ul li { position: relative; width: 130px; overflow-wrap: break-word; padding: 8px; -o-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease-in-out;}.template-layout .headmain__nav--ul > li ul li:not(:last-child) { border-bottom: 1px solid #9c9c9c;}.template-layout .headmain__nav--ul > li ul li:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}.template-layout .headmain__nav--ul > li ul li:last-child { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}.template-layout .headmain__nav--ul > li ul li:hover { padding-left: 8px; background: rgba(156, 156, 156, 0.15);}.template-layout .headmain__nav--ul > li ul li:hover a { color: #444444;}.template-layout .headmain__nav--ul > li ul li.lev { position: relative;}.template-layout .headmain__nav--ul > li ul li.lev::after { position: absolute; top: 50%; transform: translateY(-50%); right: -5px; display: block; content: ; width: 8px; height: 8px; border-radius: 50px; background: #444444; z-index: 999;}.template-layout .headmain__nav--ul > li ul li:hover > ul { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100); margin-left: 0; pointer-events: auto; cursor: pointer;}.template-layout .headmain__nav--ul > li ul li a { color: #555555; text-decoration: none; font-size: 16px;}.template-layout .headmain__nav--ul > li ul li > ul { top: -3px; left: 100%;}.template-layout footer { display: block; width: 100%; margin: 50px auto 25px auto; *zoom: 1;}.template-layout footer:before, .template-layout footer:after { content: ; display: table;}.template-layout footer:after { clear: both;}.template-layout .footer__nav { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .footer__nav a { text-decoration: none; font-size: 16px; padding: 5px 15px; position: relative; text-transform: uppercase; color: #444444;}.template-layout .footer__nav a span { transition: all 0.3s ease-in-out;}.template-layout .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%;}.template-layout .footer__nav a:hover span.icon-facebook2 { color: #3b5998;}.template-layout .footer__nav a:hover span.icon-instagram { color: #e4405f;}.template-layout .footer__nav a:hover span.icon-line { color: #00c300;}.template-layout .footer__nav a:hover span.icon-youtube { color: #f00;}@media (max-width: 576px) { .template-layout .footer__nav a, .template-layout .footer-end p, .template-layout .footer__information > a span { font-size: 12px !important; }}.template-layout .footer__information { width: 100%; margin: 5px auto; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center;}.template-layout .footer__information.in-sidebar { justify-content: flex-start; align-items: flex-start; text-align: left; padding: 0;}.template-layout .footer__information.in-sidebar > a { width: 100%; padding: 0;}.template-layout .footer__information.in-sidebar > a b { color: #ad8349;}.template-layout .footer__information.in-sidebar > a span { color: white;}.template-layout .footer__information.in-sidebar > a span.icon { color: #ad8349;}.template-layout .footer__information > a { display: inline-block; color: #6c6c6c; text-decoration: none; padding: 0 8px; position: relative;}.template-layout .footer__information > a b { font-family: arial; font-weight: normal; font-size: 14px; color: #444444;}.template-layout .footer__information > a span { font-size: 14px; color: #6c6c6c;}.template-layout .footer__information > a span.icon { margin-right: 3px; font-size: 12px; color: #444444;}.template-layout .footer__information > a span.icon.icon-LINEID { font-size: 12px;}.template-layout .footer-end { width: 100%; display: inline-block;}.template-layout .footer-end.in-sidebar p { text-align: left; color: white; word-break: break-word;}.template-layout .footer-end p { font-size: 14px; color: #444444; padding: 0; margin: 3px auto; text-align: center;}.template-layout .footer-end p a { color: #ad8349; text-decoration: none; margin: 0 5px;}.template-layout .footer-end p a:hover { text-decoration: underline;}.template-layout main { clear: both; *zoom: 1; display: block; width: 100%;}.template-layout main:before, .template-layout main:after { content: ; display: table;}.template-layout main:after { clear: both;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout main { margin: 66px auto 30px auto; }}.template-layout .flickity-enabled { position: relative;}.template-layout .flickity-enabled:focus { outline: none;}.template-layout .flickity-viewport { overflow: hidden; position: relative; height: 100%; transition: height 0.5s;}.template-layout .flickity-slider { position: absolute; width: 100%; height: 100%;}.template-layout .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.template-layout .flickity-page-dots { list-style: none; margin: 0; padding: 5px; display: flex;}.template-layout .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); border-radius: 50px; margin: 2px; padding: 0; cursor: pointer;}.template-layout .flickity-page-dots > li:first-child { border-left: 1px dotted rgba(85, 85, 85, 0.8);}@media only screen and (max-width: 640px) { .template-layout .flickity-page-dots > li { width: 8px; height: 8px; margin: 1px; }}.template-layout .flickity-page-dots > li.is-selected { background-color: #ad8349;}.template-layout .flickity-page-dots > li button { display: none;}.template-layout .os-content { outline: none;}.template-layout .flickity-prev-next-button { border: none; background: none; display: block; width: 36px; height: 36px; overflow: hidden; border-radius: 30px; line-height: 36px; outline: none; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.3s ease-in-out;}@media only screen and (max-width: 640px) { .template-layout .flickity-prev-next-button { width: 28px; height: 28px; }}.template-layout .flickity-prev-next-button svg { fill: #ad8349; fill-opacity: 0;}.template-layout .flickity-prev-next-button::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 36px; height: 36px; color: #9c9c9c; padding-top: 2px; font-family: icomoon !important; font-size: 36px;}@media only screen and (max-width: 640px) { .template-layout .flickity-prev-next-button::before { font-size: 28px; }}.template-layout .flickity-prev-next-button:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80);}.template-layout .flickity-prev-next-button.previous { z-index: 800; left: 0.2%; text-decoration: none;}.template-layout .flickity-prev-next-button.previous::before { content: \e913;}.template-layout .flickity-prev-next-button.next { z-index: 800; right: 0.2%; text-decoration: none;}.template-layout .flickity-prev-next-button.next::before { content: \e912;}.template-layout .cakes { margin: 20px auto; outline: none;}.template-layout .cake .piece img { z-index: 2;}.template-layout .cake { z-index: 1; display: block; clear: both; outline: none; position: relative; overflow: hidden; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; border: 1px solid #cecece;}.template-layout .cake .piece { overflow: hidden; width: 100%;}.template-layout .cake .is-img a { display: block; height: 100%;}.template-layout .cake .is-img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .cake .is-txt { height: auto; display: block; overflow: hidden; position: relative;}.template-layout .cake .is-txt * { max-width: 100%;}.template-layout .cake .is-txt .txt__wrap { height: 100%; width: 100%; display: block; padding: 0 15px;}.template-layout .cake .is-vid { position: relative;}.template-layout .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;}.template-layout .cake .is-vid > .vid-cover a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 72px; text-decoration: none; color: #6c6c6c; transition: all 0.3s ease-in-out;}.template-layout .cake .is-vid > .vid-cover a:hover { color: #ad8349;}.template-layout .cake .is-vid > .vid-cover.isplaying { display: none;}.template-layout .cake .is-tube { position: relative;}.template-layout .cake .is-tube iframe { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}.template-layout .cake .is-tube .warp-grippy { position: absolute; width: calc((100% - 90px) / 2); height: 80%; top: 50%; transform: translateY(-50%); z-index: 2; cursor: move; cursor: grab;}.template-layout .cake .is-tube .warp-grippy::before { position: absolute; display: block; content: ; width: 100%; height: calc(50% - 45px); z-index: 3; cursor: move; cursor: grab;}.template-layout .cake .is-tube .warp-grippy.onLeft { left: 0;}.template-layout .cake .is-tube .warp-grippy.onLeft::before { top: 0; right: -100%;}.template-layout .cake .is-tube .warp-grippy.onRight { right: 0;}.template-layout .cake .is-tube .warp-grippy.onRight::before { bottom: 0; left: -100%;}.template-layout .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; transition: all 0.3s ease-in; border-radius: 20px;}.template-layout .cake .is-tube .tube-cover::after { content: ; background-image: url(https://bvshop.tw/s_template/img/play-button.png); background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50px; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 1px 2px #444444;}.template-layout .cake .is-tube .tube-cover.isplaying { display: none;}.template-layout .cake .is-cpd { display: block; position: relative;}.template-layout .cake .is-cpd .pd__photo { display: block; width: 100%; height: 100%; text-decoration: none;}.template-layout .cake .is-cpd .pd__photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .cake .is-cpd .pd__content { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.35); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; padding: 10px;}@media only screen and (max-width: 640px) { .template-layout .cake .is-cpd .pd__content { background: none; padding: 5px; }}.template-layout .cake .is-cpd .pd__content .name { font-size: 24px; margin: 5px 0; padding: 0 5px; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #444444;}@media only screen and (max-width: 980px) { .template-layout .cake .is-cpd .pd__content .name { font-size: 16px; margin: 3px 0; }}@media only screen and (max-width: 640px) { .template-layout .cake .is-cpd .pd__content .name { display: none; }}.template-layout .cake .is-cpd .pd__content .price { white-space: nowrap; font-size: 28px; margin: 5px 0; padding: 0 10px; color: #ad8349;}@media only screen and (max-width: 980px) { .template-layout .cake .is-cpd .pd__content .price { font-size: 20px; margin: 3px 0; } .template-layout .cake .is-cpd .pd__content .price::before { font-size: 12px; }}@media only screen and (max-width: 640px) { .template-layout .cake .is-cpd .pd__content .price { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: #444444; color: white; } .template-layout .cake .is-cpd .pd__content .price::before { font-size: 8px; }}.template-layout .cake .is-cpd .pd__content .cart { white-space: nowrap; display: block; text-decoration: none; font-size: 30px; color: white; background: #444444; padding: 8px 10px; border-radius: 50px; cursor: pointer; transition: all 0.3s ease-in-out;}.template-layout .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) { .template-layout .cake .is-cpd .pd__content .cart { padding: 4px 5px; font-size: 20px; }}@media only screen and (max-width: 640px) { .template-layout .cake .is-cpd .pd__content .cart { display: none; }}.template-layout .cake .is-cpd .pd__content .soldout { white-space: nowrap; font-size: 28px; margin: 5px 0; padding: 0 10px; color: #ad8349;}@media only screen and (max-width: 980px) { .template-layout .cake .is-cpd .pd__content .soldout { font-size: 20px; margin: 3px 0; } .template-layout .cake .is-cpd .pd__content .soldout::before { font-size: 12px; }}@media only screen and (max-width: 640px) { .template-layout .cake .is-cpd .pd__content .soldout { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: #444444; color: white; } .template-layout .cake .is-cpd .pd__content .soldout::before { font-size: 8px; }}.template-layout .cake .flickity-page-dots { flex-direction: column; flex-wrap: wrap; position: absolute; top: 5px; right: 5px;}@media only screen and (max-width: 480px) { .template-layout .cake .flickity-prev-next-button { display: none !important; }}.template-layout .cakes__1 { display: flex; flex-wrap: nowrap; *zoom: 1; overflow: hidden; clear: both;}.template-layout .cakes__1:before, .template-layout .cakes__1:after { content: ; display: table;}.template-layout .cakes__1:after { clear: both;}.template-layout .cakes__1.grid-full-mid .cake { border-radius: 0px; border: none;}.template-layout .cakes__1.grid-full-mid .cake .tube-cover { border-radius: 0px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .cakes__1.ontop { margin-top: 0; }}.template-layout .cakes__1 .cake { width: 100%; flex-basis: 100%;}.template-layout .cakes__1 .cake .flickity-page-dots { flex-direction: row; flex-wrap: wrap; position: absolute; top: auto; left: auto; right: auto; bottom: 8px; left: 50%; transform: translateX(-50%);}.template-layout .cakes__2 { display: block; *zoom: 1;}.template-layout .cakes__2:before, .template-layout .cakes__2:after { content: ; display: table;}.template-layout .cakes__2:after { clear: both;}.template-layout .cakes__2 .cake { width: 49.01961%; float: left;}.template-layout .cakes__2 .cake:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .cakes__2 .cake:nth-child(2n+2) { margin-left: 50.98039%; margin-right: -100%; clear: none;}.template-layout .cakes__3 { display: block; *zoom: 1;}.template-layout .cakes__3:before, .template-layout .cakes__3:after { content: ; display: table;}.template-layout .cakes__3:after { clear: both;}.template-layout .cakes__3 .cake { width: 32.02614%; float: left;}.template-layout .cakes__3 .cake:nth-child(3n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .cakes__3 .cake:nth-child(3n+2) { margin-left: 33.98693%; margin-right: -100%; clear: none;}.template-layout .cakes__3 .cake:nth-child(3n+3) { margin-left: 67.97386%; margin-right: -100%; clear: none;}@media only screen and (max-width: 980px) { .template-layout .cakes__3 .cake { width: 49.01961%; float: left; margin-bottom: 15px; } .template-layout .cakes__3 .cake:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .cakes__3 .cake:nth-child(2n+2) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .template-layout .cakes__3 .cake:last-child { width: 100%; } .template-layout .cakes__3 .cake .is-cpd .pd__content { background: none; padding: 5px; } .template-layout .cakes__3 .cake .is-cpd .pd__content .name { display: none; } .template-layout .cakes__3 .cake .is-cpd .pd__content .price, .template-layout .cakes__3 .cake .is-cpd .pd__content .soldout { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: #444444; color: white; } .template-layout .cakes__3 .cake .is-cpd .pd__content .price::before, .template-layout .cakes__3 .cake .is-cpd .pd__content .soldout::before { font-size: 8px; } .template-layout .cakes__3 .cake .is-cpd .pd__content .cart { display: none; }}.template-layout .cakes__4 { display: block; *zoom: 1;}.template-layout .cakes__4:before, .template-layout .cakes__4:after { content: ; display: table;}.template-layout .cakes__4:after { clear: both;}.template-layout .cakes__4 .cake { width: 23.52941%; float: left;}.template-layout .cakes__4 .cake:nth-child(4n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .cakes__4 .cake:nth-child(4n+2) { margin-left: 25.4902%; margin-right: -100%; clear: none;}.template-layout .cakes__4 .cake:nth-child(4n+3) { margin-left: 50.98039%; margin-right: -100%; clear: none;}.template-layout .cakes__4 .cake:nth-child(4n+4) { margin-left: 76.47059%; margin-right: -100%; clear: none;}@media only screen and (max-width: 980px) { .template-layout .cakes__4 .cake { width: 49.01961%; float: left; margin-bottom: 20px; } .template-layout .cakes__4 .cake:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .cakes__4 .cake:nth-child(2n+2) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .template-layout .cakes__4 .cake:nth-last-child(-n+2) { margin-bottom: 0; } .template-layout .cakes__4 .cake .is-cpd .pd__content { background: none; padding: 5px; } .template-layout .cakes__4 .cake .is-cpd .pd__content .name { display: none; } .template-layout .cakes__4 .cake .is-cpd .pd__content .price, .template-layout .cakes__4 .cake .is-cpd .pd__content .soldout { padding: 0 10px 0 5px; margin: 0 -5px 0 0; font-size: 16px; background: #444444; color: white; } .template-layout .cakes__4 .cake .is-cpd .pd__content .price::before, .template-layout .cakes__4 .cake .is-cpd .pd__content .soldout::before { font-size: 8px; } .template-layout .cakes__4 .cake .is-cpd .pd__content .cart { display: none; }}.template-layout .cakes__5 { *zoom: 1; display: block;}.template-layout .cakes__5:before, .template-layout .cakes__5:after { content: ; display: table;}.template-layout .cakes__5:after { clear: both;}.template-layout .cakes__5 .cakes-s { width: 49.01961%; float: left;}.template-layout .cakes__5 .cakes-s:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .cakes__5 .cakes-s:nth-child(2n+2) { margin-left: 50.98039%; margin-right: -100%; clear: none;}@media only screen and (max-width: 980px) { .template-layout .cakes__5 .cakes-s { width: 99.15033%; float: left; } .template-layout .cakes__5 .cakes-s:nth-child(1n+1) { margin-right: -100%; clear: both; margin-left: 0; }}.template-layout .cakes__5 .cakes-s.side-L { display: block;}@media only screen and (max-width: 980px) { .template-layout .cakes__5 .cakes-s.side-L { margin-bottom: 20px; }}.template-layout .cakes__5 .cakes-s.side-L .cake { width: 100%;}.template-layout .cakes__5 .cakes-s.side-R .cake { width: 100%; margin-bottom: 20px; clear: both; display: block;}@media only screen and (max-width: 980px) { .template-layout .cakes__5 .cakes-s.side-R .cake { width: 49.01961%; float: left; margin-bottom: 0; } .template-layout .cakes__5 .cakes-s.side-R .cake:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .cakes__5 .cakes-s.side-R .cake:nth-child(2n+2) { margin-left: 50.98039%; margin-right: -100%; clear: none; }}.template-layout .cakes__6 { *zoom: 1; display: block;}.template-layout .cakes__6:before, .template-layout .cakes__6:after { content: ; display: table;}.template-layout .cakes__6:after { clear: both;}.template-layout .cakes__6 .cake { display: block; height: auto; float: left; margin-bottom: 20px; width: 32.02614%;}.template-layout .cakes__6 .cake:nth-child(3n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .cakes__6 .cake:nth-child(3n+2) { margin-left: 67.97386%; margin-right: -100%; clear: none;}.template-layout .cakes__6 .cake:nth-child(3n+3) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .cakes__6 .cake:nth-child(3n+4) { margin-left: 33.98693%; margin-right: -100%; clear: none;}.template-layout .cakes__6 .cake:nth-child(3n+5) { margin-left: 67.97386%; margin-right: -100%; clear: none;}.template-layout .cakes__6 .cake:nth-last-child(-n+3) { margin-bottom: 0;}@media only screen and (max-width: 980px) { .template-layout .cakes__6 .cake { width: 49.01961%; } .template-layout .cakes__6 .cake:nth-child(3n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .cakes__6 .cake:nth-child(3n+2) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .cakes__6 .cake:nth-child(3n+3) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .template-layout .cakes__6 .cake:nth-child(3n+4) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .cakes__6 .cake:nth-child(3n+5) { margin-left: 50.98039%; margin-right: -100%; clear: none; } .template-layout .cakes__6 .cake:nth-child(-n+3) { margin-bottom: 20px; } .template-layout .cakes__6 .cake:nth-last-child(-n+2) { margin-bottom: 0; }}.template-layout .cakes__6 .cake.cake-doubleX { width: 66.01307%;}@media only screen and (max-width: 980px) { .template-layout .cakes__6 .cake.cake-doubleX { width: 100%; }}.template-layout .cakes__7 { display: block; *zoom: 1;}.template-layout .cakes__7:before, .template-layout .cakes__7:after { content: ; display: table;}.template-layout .cakes__7:after { clear: both;}.template-layout .cakes__7 .cake { border: none; width: 100%;}.template-layout .cakes__7 .cake > .flickity-viewport { overflow: visible;}.template-layout .cakes__7 .cake .piece { display: block; border-radius: 20px; width: 25%; border: 1px solid #cecece; margin: 0 6px;}@media only screen and (max-width: 980px) { .template-layout .cakes__7 .cake .piece { width: 50%; }}.template-layout .cakes__7 .cake .piece img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .contt-title { margin-top: 3%; margin-bottom: 3%; overflow: hidden; clear: both; *zoom: 1; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap;}.template-layout .contt-title:before, .template-layout .contt-title:after { content: ; display: table;}.template-layout .contt-title:after { clear: both;}.template-layout .contt-title.pos-mid { align-content: center; align-items: center; text-align: center;}.template-layout .contt-title.pos-left { align-content: flex-start; align-items: flex-start; text-align: left;}.template-layout .contt-title.pos-right { align-content: flex-end; align-items: flex-end; text-align: right;}.template-layout .contt-title.little-mg { margin: 10px auto;}.template-layout .contt-title_decoration { font-weight: 200; color: #555555; display: inline-block;}.template-layout .contt-title__main { font-size: 28px; font-weight: 500; color: #444444; margin: 0; padding: 0;}.template-layout .contt-title__words { font-size: 12px; color: #555555; margin: 0; padding: 5px 0; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .container { *zoom: 1; clear: both;}.template-layout .container:before, .template-layout .container:after { content: ; display: table;}.template-layout .container:after { clear: both;}.template-layout .pageinfo-main { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: 1px solid rgba(156, 156, 156, 0.35); border-radius: 20px; -o-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px; margin: 20px auto;}.template-layout .pageinfo-main.hasTexture { background-color: rgba(108, 108, 108, 0.1); background-image: url(https://bvshop.tw/s_template/img/noise-pattern.png);}.template-layout .pageinfo-main.noBorder { border: none;}.template-layout .pageinfo-main.hasUnderline { position: relative;}.template-layout .pageinfo-main.hasUnderline::after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; display: block; content: ; background: #6c6c6c; height: 5px; width: 16.66667%;}.template-layout .pageinfo__notice { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}.template-layout .pageinfo__notice h3 { display: block; font-size: 24px; font-weight: normal; color: #444444; text-align: center; align-self: center; flex-basis: 100%;}.template-layout .pageinfo__notice h3 span { font-size: 100px;}.template-layout .pageinfo__notice h4 { display: block; font-size: 20px; font-weight: normal; color: #444444; text-align: center; align-self: center; flex-basis: 100%;}.template-layout .pageinfo__notice h4 span { font-size: 20px; padding: 0 10px;}.template-layout .pageinfo__remarks { display: block; width: 100%; padding: 8px 5px; color: #444444;}.template-layout .pageinfo__remarks img { max-width: 100%;}.template-layout .pageinfo__path-ol { list-style: none; margin: 0; padding: 0; flex-grow: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}@media only screen and (max-width: 980px) { .template-layout .pageinfo__path-ol { justify-content: center; }}.template-layout .pageinfo__path-ol li { display: block; font-size: 16px; color: #6c6c6c; margin: 0 2px;}.template-layout .pageinfo__path-ol li a { text-decoration: none; color: #6c6c6c;}.template-layout .pageinfo__path-ol li a:hover { color: #ad8349;}.template-layout .pageinfo__path-ol li:not(:first-child)::before { content: \e315; font-family: icomoon !important; text-transform: none; line-height: 1; padding-right: 2px;}.template-layout .pageinfo__path-ol li.son::before { display: inline-block; content: \e900 !important; font-family: icomoon !important; text-transform: none; line-height: 1; padding-right: 2px; font-size: 13px;}.template-layout .pageinfo__count { color: #6c6c6c; font-size: 16px; padding: 0; margin: 0;}.template-layout .pageinfo__count b { color: #ad8349;}@media only screen and (max-width: 980px) { .template-layout .pageinfo__count { display: none; }}.template-layout .pds-main { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}.template-layout .pds__nav { display: block; width: 16.66667%;}@media only screen and (max-width: 980px) { .template-layout .pds__nav { display: none; }}.template-layout .pds__nav-ul { list-style: none; display: block; margin: 0; padding: 0; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}.template-layout .pds__nav-ul ul { list-style: none; width: 100%; flex-basis: 100%; clear: both; padding: 0; display: none;}.template-layout .pds__nav-ul ul.close { display: none;}.template-layout .pds__nav-ul li { -o-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: space-between; justify-items: center; flex-wrap: wrap; align-items: center; align-content: center;}.template-layout .pds__nav-ul li a { display: inline-block; transition: all 0.5s ease-in-out; height: 100%; font-size: 16px; text-decoration: none; overflow-wrap: break-word; word-break: break-all; flex: 1 1 0; color: #444444; padding: 5px 0;}.template-layout .pds__nav-ul li a span { flex: 1 1 0; overflow-wrap: normal;}.template-layout .pds__nav-ul > li { padding: 0; justify-content: flex-start;}.template-layout .pds__nav-ul > li > a { order: 1; font-size: 16px;}.template-layout .pds__nav-ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .pds__nav-ul > li.lev span { order: 2; transition: all 0.2s ease-in-out; cursor: pointer;}.template-layout .pds__nav-ul > li.lev span.lev-btn { font-size: 18px; padding: 3px; float: right; color: #6c6c6c; cursor: pointer; display: block; transform: rotate(45deg);}.template-layout .pds__nav-ul > li.lev span.close { transform: rotate(0deg);}.template-layout .pds__nav-ul > li > ul { margin: 3px 0; order: 3;}.template-layout .pds__nav-ul > li > ul > li { padding: 0 0 0 5px;}.template-layout .pds__nav-ul > li > ul > li > a { order: 1; border-bottom: 1px dashed rgba(156, 156, 156, 0.35);}.template-layout .pds__nav-ul > li > ul > li > a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .pds__nav-ul > li > ul > li > a::before { content: - ; font-size: 12px;}.template-layout .pds__nav-ul > li > ul > li > ul { order: 3; border-radius: 10px;}.template-layout .pds__nav-ul > li > ul > li > ul li { padding: 0 5px 0 5px;}.template-layout .pds__nav-ul > li > ul > li > ul li a { width: 100%;}.template-layout .pds__nav-ul > li > ul > li > ul li a:hover { opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity70); filter: alpha(opacity70);}.template-layout .pds__nav-ul > li > ul > li > ul li a::before { content: \e912; font-family: icomoon !important; font-size: 12px;}.template-layout .pds__items { display: block; border: 1px soild #333;}@media only screen and (max-width: 980px) { .template-layout .pds__items { width: 100%; }}.template-layout .pds__items-div { -o-box-sizing: border-box; box-sizing: border-box; margin-left: 25px;}@media only screen and (max-width: 980px) { .template-layout .pds__items-div { margin-left: 0; }}.template-layout .pd-item { display: block; margin-bottom: 20px; overflow: hidden; width: 23.52941%; float: left;}.template-layout .pd-item:nth-child(4n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .pd-item:nth-child(4n+2) { margin-left: 25.4902%; margin-right: -100%; clear: none;}.template-layout .pd-item:nth-child(4n+3) { margin-left: 50.98039%; margin-right: -100%; clear: none;}.template-layout .pd-item:nth-child(4n+4) { margin-left: 76.47059%; margin-right: -100%; clear: none;}@media only screen and (max-width: 1024px) { .template-layout .pd-item { width: 32.02614%; float: left; } .template-layout .pd-item:nth-child(3n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .pd-item:nth-child(3n+2) { margin-left: 33.98693%; margin-right: -100%; clear: none; } .template-layout .pd-item:nth-child(3n+3) { margin-left: 67.97386%; margin-right: -100%; clear: none; }}@media only screen and (max-width: 780px) { .template-layout .pd-item { width: 49.01961%; float: left; } .template-layout .pd-item:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .pd-item:nth-child(2n+2) { margin-left: 50.98039%; margin-right: -100%; clear: none; }}.template-layout .pd-item .photo { display: block; width: 100%; overflow: hidden; border-radius: 20px; margin-bottom: 5px;}.template-layout .pd-item .photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.template-layout .pd-item .photo:hover img { transform: scale(1.15);}.template-layout .pd-item .desc { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; align-items: center;}.template-layout .pd-item .desc .name { flex-basis: 100%; order: 1; font-size: 15px; color: #555555; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 4px;}.template-layout .pd-item .desc .name > a { color: #555555; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.template-layout .pd-item .desc .all-name > a { max-height: inherit; display: block;}.template-layout .pd-item .desc .all-name > a:hover { color: #8c8c8c;}.template-layout .pd-item .desc .price { order: 2; font-size: 16px; color: #6c6c6c; margin: 2px; text-decoration: underline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 75%;}.template-layout .pd-item .desc .original-price { font-size: 12px; color: #9c9c9c; text-decoration: line-through; width: 100%; text-align: right; max-width: inherit;}.template-layout .pd-item .desc .soldout { order: 2; font-size: 20px; color: #6c6c6c; margin: 2px; text-decoration: underline;}.template-layout .pd-item .desc .cart { order: 3; font-size: 14px; color: white; background: #444444; border-radius: 50px; text-decoration: none; line-height: 23px; margin: 2px;}.template-layout .pd-item .desc .cart span { padding: 5px;}.template-layout .pd-item .desc .cart:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80);}.template-layout .pds__items-single-div { -o-box-sizing: border-box; box-sizing: border-box; margin-left: 25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}@media only screen and (max-width: 980px) { .template-layout .pds__items-single-div { margin-left: 0; }}.template-layout .pds__items-single-div.in-pop { flex-direction: column; justify-content: center; margin: 0 auto; max-width: 540px;}.template-layout .pds__items-single-div.in-pop .item-show { flex-basis: 100%;}.template-layout .pds__items-single-div.in-pop .item-show .img-view { max-width: 540px;}.template-layout .pds__items-single-div.in-pop .item-show .img-view img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .pds__items-single-div.in-pop .item-cart { flex-basis: 100%; width: 100%; margin: 5px auto; padding: 0;}.template-layout .pds__items-single-div.in-pop .item-cart .name .title { font-size: 18px;}@media only screen and (max-width: 780px) { .template-layout .pds__items-single-div.in-pop .item-cart .name .title { font-size: 14px; }}.template-layout .pds__items-single-div.in-pop .item-cart .price .original { font-size: 14px;}.template-layout .pds__items-single-div.in-pop .item-cart .price .special { font-size: 28px;}@media only screen and (max-width: 780px) { .template-layout .pds__items-single-div.in-pop .item-cart .price .original { font-size: 12px; } .template-layout .pds__items-single-div.in-pop .item-cart .price .special { font-size: 22px; }}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form { margin: 0 auto;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item { flex-direction: column;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(1) { float: left; width: 49.01961%;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(2) { float: right; width: 49.01961%;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(3) { width: 100%;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item:nth-child(3) buttontypesubmit { width: 100%;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item .limit-hint { margin-bottom: 15px; display: flex;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item .limit-hint span { flex: inherit; padding: 0 5px;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form ul li.form-item label { font-size: 14px;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form .addtocart_btn { align-self: center;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form .addtocart_btn.anime { width: 50px !important; height: 50px !important; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border-radius: 50px; font-size: 0; position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: spin; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: spin; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: spin; animation-fill-mode: fowards; animation-direction: ease;}.template-layout .pds__items-single-div.in-pop .item-cart form.cart__form-form .addtocart_btn.anime::before { margin: 0 auto; content: \e90d; font-family: icomoon !important; font-size: 30px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.template-layout .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) { .template-layout .item-show { flex-basis: 100%; }}.template-layout .item-show .img-tumbs { width: 100%; display: block; margin: 8px auto;}.template-layout .item-show .img-tumbs a { display: block; width: 11.49425%; float: left; overflow: hidden; border-radius: 5px; margin-bottom: 5px;}.template-layout .item-show .img-tumbs a:nth-child(8n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .item-show .img-tumbs a:nth-child(8n+2) { margin-left: 12.64368%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a:nth-child(8n+3) { margin-left: 25.28736%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a:nth-child(8n+4) { margin-left: 37.93103%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a:nth-child(8n+5) { margin-left: 50.57471%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a:nth-child(8n+6) { margin-left: 63.21839%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a:nth-child(8n+7) { margin-left: 75.86207%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a:nth-child(8n+8) { margin-left: 88.50575%; margin-right: -100%; clear: none;}.template-layout .item-show .img-tumbs a img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .item-show .img-view { padding: 0; margin: 0; display: block; width: 100%; border-radius: 20px; overflow: hidden;}.template-layout .item-show .img-view a { display: none; width: 100%; height: 100%;}.template-layout .item-show .img-view a.isShow { display: block;}.template-layout .item-show .img-view a img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .item-cart { order: 2; flex-basis: 50%; flex: 1 1 0; *zoom: 1; clear: both; padding: 20px;}.template-layout .item-cart:before, .template-layout .item-cart:after { content: ; display: table;}.template-layout .item-cart:after { clear: both;}@media only screen and (max-width: 980px) { .template-layout .item-cart { flex-basis: 100%; }}.template-layout .cart__info { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; padding-bottom: 20px; border-bottom: 1px solid #9c9c9c;}.template-layout .cart__info .name .title { font-size: 24px; color: #444444; margin: 0; padding: 0; padding-right: 10px; overflow-wrap: break-word; word-break: break-all;}@media only screen and (max-width: 780px) { .template-layout .cart__info .name .title { font-size: 20px; }}@media only screen and (max-width: 480px) { .template-layout .cart__info .name .title { font-size: 18px; }}.template-layout .cart__info .name .pdid { margin: 0; padding: 0; font-size: 14px; color: #6c6c6c;}.template-layout .cart__info .name .pdid span { color: #6c6c6c; padding: 0 5px; word-break: break-all;}@media only screen and (max-width: 780px) { .template-layout .cart__info .name .pdid { font-size: 12px; }}.template-layout .cart__info .name .instock { margin: 0; padding: 0; font-size: 14px; color: #6c6c6c;}.template-layout .cart__info .name .instock span { color: #6c6c6c; padding: 0 5px;}@media only screen and (max-width: 980px) { .template-layout .cart__info .name .instock { font-size: 12px; }}.template-layout .cart__info .name { flex: 1 1 0;}.template-layout .cart__info .name .sales { margin: 15px 0;}.template-layout .cart__info .name .sale_name { text-decoration: none; border: 2px solid #ff5757; display: inline-block; color: #ff5757; padding: 2px 5px; border-radius: 5px; font-size: 14px; margin-bottom: 5px; font-weight: bold;}.template-layout .cart__info .name .sale_name:hover { background-color: #ff5757; color: #ffffff;}.template-layout .cart__info .price p { margin: 0; padding: 0; display: inline-block;}.template-layout .cart__info .price .original { font-size: 20px; color: #9c9c9c; text-align: right;}@media only screen and (max-width: 780px) { .template-layout .cart__info .price .original { font-size: 16px; }}@media only screen and (max-width: 480px) { .template-layout .cart__info .price .original { font-size: 14px; }}.template-layout .cart__info .price .special { font-size: 44px; color: #444444; text-align: right;}@media only screen and (max-width: 780px) { .template-layout .cart__info .price .special { font-size: 30px; }}@media only screen and (max-width: 480px) { .template-layout .cart__info .price .special { font-size: 24px; }}.template-layout .cart__info .price .soldout { font-size: 20px; color: #444444; text-align: right; border-bottom: 1px solid #444444;}@media only screen and (max-width: 780px) { .template-layout .cart__info .price .soldout { font-size: 16px; }}@media only screen and (max-width: 480px) { .template-layout .cart__info .price .soldout { font-size: 14px; }}.template-layout .cart__form { display: block; *zoom: 1; clear: both;}.template-layout .cart__form:before, .template-layout .cart__form:after { content: ; display: table;}.template-layout .cart__form:after { clear: both;}.template-layout .cart__form form.cart__form-form { width: 100%; margin: 20px auto 10px;}.template-layout .cart__form form.cart__form-form ul { list-style: none; width: 100%; margin: 0; padding: 10px 0; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .cart__form form.cart__form-form ul li.form-limit { display: flex; align-items: center;}.template-layout .cart__form form.cart__form-form ul li.form-limit span { padding: 0 5px;}.template-layout .cart__form form.cart__form-form ul li.form-item { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; overflow: hidden;}.template-layout .cart__form form.cart__form-form ul li.form-item.self-flex-end { justify-content: flex-end;}.template-layout .cart__form form.cart__form-form ul li.form-item label { display: block; font-size: 20px; padding: 10px;}.template-layout .cart__form form.cart__form-form ul li.form-item span { display: block; flex: 1 1 0;}.template-layout .cart__form form.cart__form-form ul li.form-item input, .template-layout .cart__form form.cart__form-form ul li.form-item select, .template-layout .cart__form form.cart__form-form ul li.form-item textarea { width: 100%;}.template-layout .cart__form form.cart__form-form ul li.form-item button { align-self: flex-end; margin-bottom: 10px;}.template-layout .cart__form form.cart__form-form .addtocart_btn.anime { width: 50px; height: 50px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border-radius: 50px; font-size: 0; position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: spin; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: spin; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: spin; animation-fill-mode: fowards; animation-direction: ease;}.template-layout .cart__form form.cart__form-form .addtocart_btn.anime::before { margin: 0 auto; content: \e90d; font-family: icomoon !important; font-size: 30px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.template-layout .item-dsec { order: 3; flex-basis: 100%; margin: 35px auto 20px;}.template-layout .item-dsec * { max-width: 100% !important; word-break: break-all;}.template-layout .item-dsec table { width: 100%;}.template-layout .dsec__tabs { display: block; width: 100%;}.template-layout .dsec__tabs-ul { list-style: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom: 1px solid #9c9c9c; margin: 0 auto 20px; padding: 0;}.template-layout .dsec__tabs-ul.equal { justify-content: space-between;}.template-layout .dsec__tabs-ul.equal > li { text-align: center; flex: 1;}.template-layout .dsec__tabs-ul li { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px; font-size: 14px; color: #6c6c6c; cursor: pointer;}.template-layout .dsec__tabs-ul li.isOpen { background: #444444; color: white;}.template-layout .dsec__tabs-ul li.isOpen > a { color: white;}.template-layout .dsec__tabs-ul li > a { text-decoration: none; color: #6c6c6c; display: block; width: 100%;}.template-layout .dsec__page { display: none; width: 100%;}.template-layout .dsec__page.isOpen { display: block;}.template-layout .pds__related { display: block; width: 100%; margin: 20px auto; padding: 0; *zoom: 1; order: 4;}.template-layout .pds__related:before, .template-layout .pds__related:after { content: ; display: table;}.template-layout .pds__related:after { clear: both;}.template-layout .pds__related-list { display: block; width: 100%; margin: 0 auto;}.template-layout .related-list-item { width: 23.52941%; float: left;}.template-layout .related-list-item:nth-child(4n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .related-list-item:nth-child(4n+2) { margin-left: 25.4902%; margin-right: -100%; clear: none;}.template-layout .related-list-item:nth-child(4n+3) { margin-left: 50.98039%; margin-right: -100%; clear: none;}.template-layout .related-list-item:nth-child(4n+4) { margin-left: 76.47059%; margin-right: -100%; clear: none;}@media only screen and (max-width: 780px) { .template-layout .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; } .template-layout .related-list-item:nth-child(1n+1) { margin-right: -100%; clear: both; margin-left: 0; }}.template-layout .related-list-item .photo { display: block; width: 100%; border-radius: 5px; overflow: hidden;}.template-layout .related-list-item .photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}@media only screen and (max-width: 780px) { .template-layout .related-list-item .photo { width: 70px; min-width: 70px; max-width: 70px; order: 1; }}.template-layout .related-list-item .price { font-size: 20px; text-align: right; border-bottom: 1px solid #9c9c9c; color: #444444;}.template-layout .related-list-item .price > sup { top: 0; font-size: 10px;}@media only screen and (max-width: 780px) { .template-layout .related-list-item .price { order: 3; border: none; }}.template-layout .related-list-item .name { font-size: 14px; text-align: center; color: #444444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}@media only screen and (max-width: 780px) { .template-layout .related-list-item .name { flex: 1 1 0; order: 2; text-align: left; padding: 0 10px; white-space: pre-wrap; overflow: hidden; max-height: 33px; }}.template-layout .carts-shopping { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 25px auto;}@media only screen and (max-width: 980px) { .template-layout .carts-shopping { flex-direction: column; }}.template-layout .carts-lists { flex-basis: 100%; flex: 1 1 0;}.template-layout ul.carts-lists-ul { list-style: none; display: block; margin: 0; padding: 0;}.template-layout ul.carts-lists-ul li { 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) { .template-layout ul.carts-lists-ul li { flex-wrap: wrap; align-items: flex-start; }}.template-layout ul.carts-lists-ul li.summary, .template-layout .shop-lists li.summary { display: block; text-align: right; margin: 15px 0;}.template-layout ul.carts-lists-ul li.summary p, .template-layout .shop-lists li.summary p { font-size: 14px;}.template-layout ul.carts-lists-ul li.summary p span, .template-layout .shop-lists li.summary p span { font-size: 24px; margin-left: 10px;}@media only screen and (max-width: 980px) { .template-layout ul.carts-lists-ul li:first-child { display: none; }}.template-layout ul.carts-lists-ul li:first-child div { color: #6c6c6c; text-transform: uppercase; font-size: 12px;}.template-layout 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;}.template-layout ul.carts-lists-ul li > div.photo { flex-basis: 120px; overflow: hidden;}.template-layout ul.carts-lists-ul li > div.photo img { width: 100%; height: 80px; -o-object-fit: contain; object-fit: contain;}@media only screen and (max-width: 980px) { .template-layout ul.carts-lists-ul li > div.photo { flex-basis: 33.33333%; }}.template-layout ul.carts-lists-ul li > div.info { flex-basis: 62.5%; text-align: left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}@media only screen and (max-width: 980px) { .template-layout ul.carts-lists-ul li > div.info { flex-basis: 66.66667%; flex-direction: column; align-items: flex-start; }}.template-layout ul.carts-lists-ul li > div.info > div { overflow-wrap: break-word; word-break: break-all; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; text-align: center;}.template-layout ul.carts-lists-ul li > div.info > div.name { text-align: left;}.template-layout ul.carts-lists-ul li > div.info > div.name a { color: #444444; text-decoration: none;}.template-layout ul.carts-lists-ul li > div.info > div.name a:hover { text-decoration: underline;}.template-layout ul.carts-lists-ul li > div.info > div i { display: none; font-style: normal; background: #444444; color: white; font-size: 12px; margin-right: 5px; padding: 1px 0; border-radius: 5px;}@media only screen and (max-width: 980px) { .template-layout ul.carts-lists-ul li > div.info > div { text-align: left; margin: 3px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } .template-layout ul.carts-lists-ul li > div.info > div i { display: block; width: 45px; flex-basis: 45px; text-align: center; min-width: 45px; }}.template-layout ul.carts-lists-ul li > div.info .name { flex-basis: 33.33333%;}.template-layout ul.carts-lists-ul li > div.info .size { flex-basis: 15%;}.template-layout ul.carts-lists-ul li > div.info .coupon { flex-basis: 25%; align-items: center;}.template-layout ul.carts-lists-ul li > div.info .qty { flex-basis: 25%;}.template-layout ul.carts-lists-ul li > div.info .qty > span { display: block; flex: 1 1 0;}.template-layout ul.carts-lists-ul li > div.info .qty > span input { display: block; width: 100%;}.template-layout ul.carts-lists-ul li > div.info .qty > span button { padding-right: 8px; padding-left: 8px;}.template-layout ul.carts-lists-ul li > div.info .qty > span.number-wrap { margin-top: 5px;}@media only screen and (max-width: 980px) { .template-layout ul.carts-lists-ul li > div.info .qty { width: 100%; } .template-layout ul.carts-lists-ul li > div.info .qty > span input { min-width: 110px; min-height: auto; padding: 5px; } .template-layout ul.carts-lists-ul li > div.info .qty > span button { min-height: 25px; padding: 6px; }}.template-layout ul.carts-lists-ul li > div.info .price { flex-basis: 16.66667%; position: relative;}.template-layout .customer_price { position: absolute; top: -15px; font-size: 14px; left: 50%; transform: translateX(-50%);}@media only screen and (max-width: 980px) { .template-layout .customer_price, .template-layout .is_customer_price { display: none; }}.template-layout .is_customer_price { margin: 2px; font-size: 14px;}.template-layout ul.carts-lists-ul li > div.total { flex-basis: 16.66667%;}.template-layout ul.carts-lists-ul li > div.total i { display: none; font-style: normal; margin-right: 5px; font-size: 14px;}@media only screen and (max-width: 980px) { .template-layout ul.carts-lists-ul li > div.total { flex-basis: 100%; align-self: flex-start; text-align: right; font-size: 20px; } .template-layout ul.carts-lists-ul li > div.total i { display: inline-block; }}.template-layout ul.carts-lists-ul li > div.del { flex-basis: 8.33333%; color: #444444; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}.template-layout 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) { .template-layout ul.carts-lists-ul li > div.del { position: absolute; background: none; color: #444444; right: auto; left: 5px; bottom: 5px; }}.template-layout .carts-summary { order: 2; flex-basis: 25%; margin-left: 25px;}@media only screen and (max-width: 980px) { .template-layout .carts-summary { flex-basis: 100%; margin: 0; margin-top: 25px; }}.template-layout .carts-summary-ul { list-style: none; margin: 0 auto; padding: 0; width: 100%;}.template-layout .carts-summary-ul li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 5px; margin: 0;}.template-layout .carts-summary-ul li span { font-size: 16px;}.template-layout .carts-summary-ul li b { font-size: 16px;}.template-layout .carts-summary-ul li:nth-child(odd) { background: rgba(156, 156, 156, 0.15);}.template-layout .summary__total p { border: 1px solid rgba(156, 156, 156, 0.35); border-radius: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 5px;}.template-layout .summary__total p span { font-size: 16px;}.template-layout .summary__total p b { font-size: 16px;}.template-layout .carts-checkout { display: block; width: 100%;}.template-layout .carts-checkout-main, .template-layout .carts-checkout-send { width: 100%; 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) { .template-layout .carts-checkout-main, .template-layout .carts-checkout-send { flex-direction: column; flex-wrap: nowrap; }}.template-layout .carts-checkout-main .checkout__way, .template-layout .carts-checkout-send .checkout__way { flex-basis: 49.01961%;}@media only screen and (max-width: 980px) { .template-layout .carts-checkout-main .checkout__way, .template-layout .carts-checkout-send .checkout__way { flex-basis: 100%; }}.template-layout .carts-checkout-main .checkout__customer, .template-layout .carts-checkout-send .checkout__customer { flex-basis: 49.01961%;}@media only screen and (max-width: 980px) { .template-layout .carts-checkout-main .checkout__customer, .template-layout .carts-checkout-send .checkout__customer { flex-basis: 100%; }}.template-layout .carts-checkout-main .checkout__detail, .template-layout .carts-checkout-send .checkout__detail { max-width: 49.01961%; width: 49.01961%;}@media only screen and (max-width: 980px) { .template-layout .carts-checkout-main .checkout__detail, .template-layout .carts-checkout-send .checkout__detail { max-width: 100%; width: 100%; }}.template-layout .carts-checkout-main .checkout__detail-L, .template-layout .carts-checkout-send .checkout__detail-L { max-width: 66.01307%; width: 66.01307%;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .carts-checkout-main .checkout__detail-L, .template-layout .carts-checkout-send .checkout__detail-L { max-width: 100%; width: 100%; }}.template-layout .carts-checkout-main .checkout__detail-R, .template-layout .carts-checkout-send .checkout__detail-R { max-width: 32.02614%; width: 32.02614%;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .carts-checkout-main .checkout__detail-R, .template-layout .carts-checkout-send .checkout__detail-R { max-width: 100%; width: 100%; }}.template-layout .carts-checkout-main .checkout__detail-R.isSticky, .template-layout .carts-checkout-send .checkout__detail-R.isSticky { position: sticky; top: 50px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .carts-checkout-main .checkout__detail-R.isSticky, .template-layout .carts-checkout-send .checkout__detail-R.isSticky { position: -webkit-static; position: static; top: auto; }}.template-layout .carts-checkout-main .checkout-div .contt-title { padding-bottom: 20px; border-bottom: 1px solid #9c9c9c;}.template-layout .carts-checkout-main .checkout__send, .template-layout .carts-checkout-send .checkout__send { width: 100%;}.template-layout .carts-checkout-main .checkout__send > article, .template-layout .carts-checkout-send .checkout__send > article { justify-content: space-between;}.template-layout .carts-checkout-main .checkout__send > article span:last-child, .template-layout .carts-checkout-send .checkout__send > article span:last-child { margin-left: auto;}.template-layout .carts-checkout-main .checkout-div, .template-layout .carts-checkout-send .checkout-div { margin-bottom: 25px; width: 100%;}.template-layout .carts-checkout-main .checkout-div .contt-title .contt-title__main, .template-layout .carts-checkout-send .checkout-div .contt-title .contt-title__main { margin-top: 20px;}.template-layout .carts-checkout-main .checkout-div article, .template-layout .carts-checkout-main .checkout-div fieldset, .template-layout .carts-checkout-send .checkout-div article, .template-layout .carts-checkout-send .checkout-div fieldset { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: none; margin-bottom: 10px;}.template-layout .carts-checkout-main .checkout-div article:first-child, .template-layout .carts-checkout-main .checkout-div fieldset:first-child, .template-layout .carts-checkout-send .checkout-div article:first-child, .template-layout .carts-checkout-send .checkout-div fieldset:first-child { margin-top: 25px;}.template-layout .carts-checkout-main .checkout-div article.checks span, .template-layout .carts-checkout-main .checkout-div fieldset.checks span, .template-layout .carts-checkout-send .checkout-div article.checks span, .template-layout .carts-checkout-send .checkout-div fieldset.checks span { flex: initial; margin-right: 5px;}.template-layout .carts-checkout-main .checkout-div article.checks span:first-child, .template-layout .carts-checkout-main .checkout-div fieldset.checks span:first-child, .template-layout .carts-checkout-send .checkout-div article.checks span:first-child, .template-layout .carts-checkout-send .checkout-div fieldset.checks span:first-child { margin-left: auto;}.template-layout .carts-checkout-main .checkout-div article.checks label, .template-layout .carts-checkout-main .checkout-div fieldset.checks label, .template-layout .carts-checkout-send .checkout-div article.checks label, .template-layout .carts-checkout-send .checkout-div fieldset.checks label { color: #000000;}.template-layout .carts-checkout-main .checkout-div article.checks a, .template-layout .carts-checkout-main .checkout-div fieldset.checks a, .template-layout .carts-checkout-send .checkout-div article.checks a, .template-layout .carts-checkout-send .checkout-div fieldset.checks a { color: #ad8349;}.template-layout .carts-checkout-main .checkout-div article.btns span, .template-layout .carts-checkout-main .checkout-div fieldset.btns span, .template-layout .carts-checkout-send .checkout-div article.btns span, .template-layout .carts-checkout-send .checkout-div fieldset.btns span { flex: initial;}.template-layout .carts-checkout-main .checkout-div article.btns span:first-child, .template-layout .carts-checkout-main .checkout-div fieldset.btns span:first-child, .template-layout .carts-checkout-send .checkout-div article.btns span:first-child, .template-layout .carts-checkout-send .checkout-div fieldset.btns span:first-child { margin-right: 10px;}.template-layout .carts-checkout-main .checkout-div article.btns a, .template-layout .carts-checkout-main .checkout-div fieldset.btns a, .template-layout .carts-checkout-send .checkout-div article.btns a, .template-layout .carts-checkout-send .checkout-div fieldset.btns a { color: rgba(0, 0, 0, 0.5); text-decoration: none;}.template-layout .carts-checkout-main .checkout-div article.btns a::before, .template-layout .carts-checkout-main .checkout-div fieldset.btns a::before, .template-layout .carts-checkout-send .checkout-div article.btns a::before, .template-layout .carts-checkout-send .checkout-div fieldset.btns a::before { content: \e314; font-family: icomoon !important;}.template-layout .carts-checkout-main .checkout-div article label, .template-layout .carts-checkout-main .checkout-div fieldset label, .template-layout .carts-checkout-send .checkout-div article label, .template-layout .carts-checkout-send .checkout-div fieldset label { font-size: 16px; white-space: nowrap; padding: 0 10px 0 0; color: #000000; align-self: flex-start; margin-top: 7.8px;}.template-layout .carts-checkout-main .checkout-div article label > b, .template-layout .carts-checkout-main .checkout-div fieldset label > b, .template-layout .carts-checkout-send .checkout-div article label > b, .template-layout .carts-checkout-send .checkout-div fieldset label > b { padding: 2px 3px; margin-left: 3px; color: #ad8349; font-size: 14px;}.template-layout .carts-checkout-main .checkout-div article span, .template-layout .carts-checkout-main .checkout-div fieldset span, .template-layout .carts-checkout-send .checkout-div article span, .template-layout .carts-checkout-send .checkout-div fieldset span { flex: 1 1 0; position: relative;}.template-layout .carts-checkout-main .checkout-div article span i, .template-layout .carts-checkout-main .checkout-div fieldset span i, .template-layout .carts-checkout-send .checkout-div article span i, .template-layout .carts-checkout-send .checkout-div fieldset span i { position: absolute; left: 0; bottom: -8px; font-size: 12px; font-style: normal;}.template-layout .carts-checkout-main .checkout-div article span .cfm, .template-layout .carts-checkout-main .checkout-div fieldset span .cfm, .template-layout .carts-checkout-send .checkout-div article span .cfm, .template-layout .carts-checkout-send .checkout-div fieldset span .cfm { position: absolute; top: 0; right: 0; padding-left: 8px; padding-right: 8px;}.template-layout .carts-checkout-main .checkout-div article button, .template-layout .carts-checkout-main .checkout-div fieldset button, .template-layout .carts-checkout-send .checkout-div article button, .template-layout .carts-checkout-send .checkout-div fieldset button { float: right; cursor: pointer;}.template-layout .carts-checkout-main .checkout-div article.checks span { align-self: flex-end;}.template-layout .carts-checkout-main .checkout-div .contt-title { padding-bottom: 20px; border-bottom: 1px solid #9c9c9c;}.template-layout .checkout__detail-L .carts-tw { display: flex;}.template-layout .checkout__detail-L .carts-tw span { margin-bottom: 10px;}.template-layout .checkout__detail-L .carts-tw span:nth-child(2) { margin-left: 10px; margin-bottom: 10px;}.template-layout .checkout__detail-L .carts-tw input { margin-bottom: 0;}.template-layout .deal-alert { background-color: #d40f26; color: #ffffff; padding: 5px; width: 100%; display: flex; justify-content: center; text-align: justify;}.template-layout .carts-explan img { max-width: 100%;}.template-layout .orders-carts-items-ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; list-style: none;}.template-layout .orders-carts-items-ul > li { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; min-width: 100%; margin-bottom: 10px;}.template-layout .orders-carts-items-ul > li .photo { display: block; width: 20.83333%; padding-right: 10px;}.template-layout .orders-carts-items-ul > li .photo img { display: block; max-width: 100%;}.template-layout .orders-carts-items-ul > li .info { display: flex; width: 79.16667%; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}.template-layout .orders-carts-items-ul > li .info .name { width: 100%; color: #000000; font-size: 16px; word-break: break-all;}.template-layout .orders-carts-items-ul > li .info .variation { color: #555555; font-size: 12px; width: 100%; margin-bottom: 5px;}.template-layout .orders-carts-items-ul > li .info .qty { color: #555555; font-size: 12px; text-align: right;}.template-layout .orders-carts-items-ul > li .info .qty::before { content: x; color: #555555; padding: 0 3px;}.template-layout .orders-carts-items-ul > li .info .price { width: 100%; font-size: 14px; color: #000000;}.template-layout .orders-carts-items-ul > li .info .price::before { content: attr(data-title); margin-right: 5px; font-size: 12px;}.template-layout .orders-carts-items-ul > li .info .offer { width: 100%; font-size: 14px; color: #000000;}.template-layout .orders-carts-items-ul > li .info .offer::before { content: attr(data-title); margin-right: 1px; font-size: 12px;}.template-layout .orders-carts-items-ul > li .info .offer > .offer-item { margin: 5px 0;}.template-layout .orders-carts-items-ul > li .info .offer > .offer-item:not(:first-child) { margin-left: 35px;}.template-layout .orders-carts-items-ul > li .info .sub { width: 100%; font-size: 16px; color: #000000; text-align: right; display: flex; justify-content: flex-start; align-items: flex-end;}.template-layout .orders-carts-items-ul > li .info .sub b { order: 3;}.template-layout .orders-carts-items-ul > li .info .sub::before { content: attr(data-title); order: 1; font-size: 12px;}.template-layout .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;}.template-layout .orders-detail-ul .total b { font-size: 20px;}.template-layout .orders-detail-ul .total > span { align-self: center;}.template-layout .superstore-btn { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity0); filter: alpha(opacity0); transition: all 0.3s ease-in-out;}.template-layout .superstore-btn.isOpen { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100);}.template-layout .orders-search { display: block; width: 100%; clear: both; margin: 0 auto 25px; border-bottom: 1px solid rgba(156, 156, 156, 0.35);}.template-layout .orders-search-main { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}@media only screen and (max-width: 780px) { .template-layout .orders-search-main { flex-direction: column; justify-content: center; }}.template-layout .orders-search-main fieldset, .template-layout .orders-search-main article { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 0 10px; flex-basis: 42.10526%;}.template-layout .orders-search-main fieldset:last-child, .template-layout .orders-search-main article:last-child { flex-basis: 15.78947%;}.template-layout .orders-search-main fieldset label, .template-layout .orders-search-main article label { font-size: 16px; flex-basis: 100px; text-align: center;}.template-layout .orders-search-main fieldset span, .template-layout .orders-search-main article span { flex: 1 1 0;}.template-layout .orders-search-main fieldset select, .template-layout .orders-search-main fieldset input, .template-layout .orders-search-main article select, .template-layout .orders-search-main article input { width: 100%;}.template-layout .orders-search-main fieldset button, .template-layout .orders-search-main article button { float: right; cursor: pointer;}.template-layout .orders-list { display: block; width: 100%;}.template-layout .orders-list-ul { margin: 0; padding: 0; list-style: none; display: block; width: 100%;}.template-layout .orders-list-ul > li:first-child { display: none; border-bottom: 1px dashed #9c9c9c;}.template-layout .orders-list-ul > li:first-child span.number { color: #6c6c6c; font-size: 14px;}.template-layout .orders-list-ul > li:first-child span.shipment { color: #6c6c6c; font-size: 14px;}.template-layout .orders-list-ul > li:first-child span.bill { color: #6c6c6c; font-size: 14px;}.template-layout .orders-list-ul > li:first-child span.bill::before { content: ;}.template-layout .orders-list-ul > li:first-child .list-item__head { cursor: default; background: none;}.template-layout .orders-list-ul > li:first-child .list-item__head:hover { background: none; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100);}.template-layout .orders-list-ul > li:first-child .list-item__head.isOpen { border: none;}.template-layout .orders-list-item { display: flex; flex-direction: column; border-bottom: 1px solid rgba(108, 108, 108, 0.25);}.template-layout .orders-list-item:not(:first-child) { border: 1px solid rgba(108, 108, 108, 0.25); border-radius: 20px; margin-top: 10px; margin-bottom: 10px; padding: 10px;}.template-layout .orders-list-item .list-item__head { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; width: 100%; cursor: pointer; padding: 5px 0;}.template-layout .orders-list-item .list-item__head:hover { opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80);}.template-layout .orders-list-item .list-item__head.isOpen { border-bottom: 1px solid rgba(68, 68, 68, 0.25);}.template-layout .orders-list-item .list-item__head .icon-keyboard_arrow_right { background-color: #444444; color: #ffffff; margin-right: 5px; border-radius: 50%; font-size: 12px;}.template-layout .orders-list-item .list-item__head.isOpen .icon-keyboard_arrow_right { transform: rotate(90deg);}.template-layout .orders-list-item .list-item__head span { font-size: 16px; color: #444444;}.template-layout .orders-list-item .list-item__head span.number { flex-basis: 50%; font-size: 20px; flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.template-layout .orders-list-item .list-item__head span.shipment { flex-basis: 25%; text-align: center;}.template-layout .orders-list-item .list-item__head span.shipment b { background: #444444; color: white; font-weight: normal; font-size: 12px; padding: 0 3px; border-radius: 5px;}.template-layout .orders-list-item .list-item__head span.bill { flex-basis: 25%; text-align: center;}.template-layout .orders-list-item .list-item__head span.deadline { flex-basis: 100%; width: 100%; margin-top: 5px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap;}.template-layout .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;}.template-layout .orders-list-item .list-item__head span.deadline b > i { background: #444444; color: white; font-style: normal; font-size: 12px; padding: 0 3px; margin-left: 5px; border-radius: 5px;}@media only screen and (max-width: 640px) { .template-layout .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; }}.template-layout .orders-list-item .list-item__head span.deadline ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center;}@media only screen and (max-width: 640px) { .template-layout .orders-list-item .list-item__head span.deadline ul { width: 100%; margin-top: 5px; } .template-layout .orders-list-item .list-item__head span.deadline ul li { font-size: 12px; padding: 3px; }}.template-layout .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; border-radius: 5px; text-align: center;}.template-layout .orders-list-item .list-item__main { display: none; max-height: 0;}.template-layout .orders-list-item .list-item__main.isOpen { 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) { .template-layout .orders-list-item .list-item__head span.number { flex-basis: 100%; flex: auto; } .template-layout .orders-list-item .list-item__head span.shipment { flex-basis: 100%; text-align: left; } .template-layout .orders-list-item .list-item__head span.bill { flex-basis: 100%; text-align: right; }}.template-layout .shop-lists { display: block; width: 100%;}.template-layout ul.shop-lists-ul { list-style: none; display: 100%; margin: 0; padding: 0;}.template-layout ul.shop-lists-ul > li { 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) { .template-layout ul.shop-lists-ul > li { flex-wrap: wrap; align-items: flex-start; } .template-layout ul.shop-lists-ul > li:first-child { display: none; }}.template-layout ul.shop-lists-ul > li:first-child div { color: #6c6c6c; text-transform: uppercase; font-size: 12px;}.template-layout 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;}.template-layout ul.shop-lists-ul li > div.info > div.name a { color: #444444; text-decoration: none;}.template-layout ul.shop-lists-ul li > div.info > div.name a:hover { text-decoration: underline;}@media only screen and (max-width: 980px) { .template-layout ul.shop-lists-ul > li > div { text-align: left; margin: 3px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }}.template-layout ul.shop-lists-ul > li > div.photo { width: 120px; flex-basis: 120px; overflow: hidden;}.template-layout ul.shop-lists-ul > li > div.photo img { width: 100%; height: 80px; -o-object-fit: contain; object-fit: contain;}@media only screen and (max-width: 980px) { .template-layout ul.shop-lists-ul > li > div.photo { flex-basis: 33.33333%; }}.template-layout ul.shop-lists-ul > li > div.info { flex-basis: 70.83333%; text-align: left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}@media only screen and (max-width: 980px) { .template-layout ul.shop-lists-ul > li > div.info { flex-basis: 66.66667%; flex: 1; flex-direction: column; align-items: flex-start; }}.template-layout ul.shop-lists-ul > li > div.info > div { overflow-wrap: break-word; word-break: break-all; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; text-align: center;}.template-layout ul.shop-lists-ul > li > div.info > div.name { text-align: left;}.template-layout ul.shop-lists-ul > li > div.info > div i { display: none; font-style: normal; background: #444444; color: white; font-size: 12px; margin-right: 5px; padding: 1px 0; border-radius: 5px;}@media only screen and (max-width: 980px) { .template-layout ul.shop-lists-ul > li > div.info > div { text-align: left; margin: 3px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } .template-layout ul.shop-lists-ul > li > div.info > div i { display: block; width: 45px; flex-basis: 45px; text-align: center; min-width: 45px; }}.template-layout ul.shop-lists-ul > li > div.info .name { flex-basis: 33.33333%;}.template-layout ul.shop-lists-ul > li > div.info .size { flex-basis: 15%;}.template-layout ul.shop-lists-ul > li > div.info .coupon { flex-basis: 25%; display: block;}.template-layout ul.shop-lists-ul > li > div.info .qty { flex-basis: 25%;}.template-layout ul.shop-lists-ul > li > div.info .price { flex-basis: 16.66667%;}@media only screen and (max-width: 980px) { .template-layout ul.shop-lists-ul > li > div.info { flex-basis: 50%; }}.template-layout ul.shop-lists-ul > li > div.total { flex-basis: 16.66667%;}.template-layout ul.shop-lists-ul > li > div.total i { display: none; font-style: normal; margin-right: 5px; font-size: 14px;}@media only screen and (max-width: 980px) { .template-layout ul.shop-lists-ul > li > div.total { flex-basis: 100%; align-self: flex-start; text-align: right; font-size: 20px; } .template-layout ul.shop-lists-ul > li > div.total i { display: inline-block; }}.template-layout .orders-detail-div { display: block; width: 100%;}.template-layout .orders-detail-information { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 15px auto;}.template-layout .orders-detail-ul { list-style: none; margin: 0 auto; padding: 0; width: 49.01961%; margin-bottom: 10px;}.template-layout .orders-detail-ul.just-single { width: 100%;}@media only screen and (max-width: 980px) { .template-layout .orders-detail-ul { width: 100%; }}.template-layout .orders-detail-ul:nth-child(odd) li:nth-child(odd) { background: rgba(156, 156, 156, 0.25);}.template-layout .orders-detail-ul:nth-child(even) li:nth-child(even) { background: rgba(156, 156, 156, 0.25);}@media only screen and (max-width: 980px) { .template-layout .orders-detail-ul:nth-child(even) li:nth-child(odd) { background: rgba(156, 156, 156, 0.25); } .template-layout .orders-detail-ul:nth-child(even) li:nth-child(even) { background: white; }}.template-layout .orders-detail-ul li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; padding: 5px; margin: 0; border-radius: 10px;}.template-layout .orders-detail-ul li span { font-size: 16px; font-weight: 400;}.template-layout .orders-detail-ul li b { font-size: 16px; font-weight: normal; overflow-wrap: break-word; word-break: break-all; align-self: flex-end; overflow: hidden;}.template-layout .orders-detail-ul .total b { color: #ad8349;}.template-layout .orders-detail-tilte p { border: 1px solid rgba(156, 156, 156, 0.35); border-radius: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px;}.template-layout .orders-detail-tilte p span { font-size: 16px;}.template-layout .orders-detail-tilte p b { font-size: 16px; overflow-wrap: break-word; word-break: break-all;}.template-layout .order-cancel { text-align: right; margin-top: 5px;}.template-layout .order-cancel a { color: #ad8349;}.template-layout .extra-main { display: block; width: 100%;}.template-layout .extra-nav { margin-top: 3%; margin-bottom: 3%; overflow: hidden; clear: both; *zoom: 1; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}.template-layout .extra-nav:before, .template-layout .extra-nav:after { content: ; display: table;}.template-layout .extra-nav:after { clear: both;}.template-layout .extra-nav.pos-mid { justify-content: center; align-items: center; text-align: center;}.template-layout .extra-nav.pos-left { justify-content: flex-start; align-items: flex-start; text-align: left;}.template-layout .extra-nav.pos-right { justify-content: flex-end; align-items: flex-end; text-align: right;}.template-layout .blog-main { margin-top: 25px;}.template-layout .blog-list { display: block; width: 100%; *zoom: 1; clear: both;}.template-layout .blog-list:before, .template-layout .blog-list:after { content: ; display: table;}.template-layout .blog-list:after { clear: both;}.template-layout .list-item { display: block; margin-bottom: 35px; overflow: hidden; width: 22.85714%; float: left;}.template-layout .list-item:nth-child(4n+1) { margin-right: -100%; clear: both; margin-left: 0;}.template-layout .list-item:nth-child(4n+2) { margin-left: 25.71429%; margin-right: -100%; clear: none;}.template-layout .list-item:nth-child(4n+3) { margin-left: 51.42857%; margin-right: -100%; clear: none;}.template-layout .list-item:nth-child(4n+4) { margin-left: 77.14286%; margin-right: -100%; clear: none;}@media only screen and (max-width: 980px) { .template-layout .list-item { width: 31.42857%; float: left; } .template-layout .list-item:nth-child(3n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .list-item:nth-child(3n+2) { margin-left: 34.28571%; margin-right: -100%; clear: none; } .template-layout .list-item:nth-child(3n+3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }}@media only screen and (max-width: 780px) { .template-layout .list-item { width: 48.57143%; float: left; } .template-layout .list-item:nth-child(2n+1) { margin-right: -100%; clear: both; margin-left: 0; } .template-layout .list-item:nth-child(2n+2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }}@media only screen and (max-width: 480px) { .template-layout .list-item { width: 99.14286%; float: left; } .template-layout .list-item:nth-child(1n+1) { margin-right: -100%; clear: both; margin-left: 0; }}.template-layout .list-item .photo { display: block; width: 100%; overflow: hidden; border-radius: 20px; margin-bottom: 5px;}.template-layout .list-item .photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.template-layout .list-item .photo:hover img { transform: scale(1.15);}.template-layout .list-item .desc { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}.template-layout .list-item .desc .title { flex-basis: 100%; width: 100%; font-size: 18px; color: #555555; text-overflow: ellipsis; overflow: hidden; display: inline-block; text-decoration: underline; 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;}.template-layout .list-item .desc .title::before { content: \e244; font-family: icomoon !important;}.template-layout .list-item .desc .title:hover { opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity85); filter: alpha(opacity85);}.template-layout .list-item .desc .time { text-indent: 15px; font-size: 12px; color: #6c6c6c; padding: 5px 0 0 0;}.template-layout .list-item .essay { font-size: 14px; color: #555555; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.template-layout .list-item .link { float: right; color: #6c6c6c; padding: 2px 0; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.template-layout .list-item .link::after { content: \e5d3; font-family: icomoon !important;}.template-layout .list-item .link:hover { opacity: 0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity85); filter: alpha(opacity85);}.template-layout .blog-btn-div { 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;}.template-layout .blog-btn-div:before, .template-layout .blog-btn-div:after { content: ; display: table;}.template-layout .blog-btn-div:after { clear: both;}.template-layout .blog-btn-div a.btn { font-size: 20px; padding: 5px 10px; border: 1px solid rgba(156, 156, 156, 0.7); border-radius: 50px; text-decoration: none; color: #444444; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.template-layout .blog-btn-div a.btn:hover { cursor: pointer; padding: 5px 20px; background: #444444; color: white;}.template-layout .grid-full-mid { width: 100%; margin-right: auto; margin-left: auto; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .grid-over-mid { width: 100%; margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .grid-1300-mid { max-width: 1300px; margin-right: auto; margin-left: auto;}@media only screen and (max-width: 1300px) { .template-layout .grid-1300-mid { padding-left: 25px; padding-right: 25px; }}.template-layout .grid-980-mid { max-width: 980px; margin-right: auto; margin-left: auto;}@media only screen and (max-width: 980px) { .template-layout .grid-980-mid { padding-left: 25px; padding-right: 25px; }}.template-layout .pop { visibility: hidden; z-index: 999999; background: rgba(85, 85, 85, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.template-layout .pop-main { display: inline-block; width: 100%; max-width: 400px; border-radius: 20px; left: 50%; transform: translateX(-50%); top: -150%; padding: 30px; position: absolute; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}@media only screen and (max-width: 640px) { .template-layout .pop-main { width: 90%; }}.template-layout .pop__contact.isOpen { visibility: visible;}.template-layout .pop__contact.isOpen .pop-main { top: 15%;}.template-layout .pop__contact .pop-main { background: white;}.template-layout .pop__contact .pop-main form.pop__contact-form { width: 100%; margin: 20px auto;}.template-layout .pop__contact .pop-main form.pop__contact-form ul { list-style: none; width: 100%; margin: 0; padding: 5px 0; -o-box-sizing: border-box; box-sizing: border-box;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item { display: flex; width: 100%; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; margin: 10px auto; align-items: center; overflow: hidden;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item.self-flex-end { flex-direction: row; justify-content: flex-end;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item.self-center { flex-direction: row; justify-content: center;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item label { display: block; font-size: 16px; padding: 10px; width: 100%;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item span { display: block; width: 100%;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item input, .template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item textarea { width: 100%;}.template-layout .pop__contact .pop-main form.pop__contact-form ul li.form-item button { align-self: flex-end;}.template-layout .pop__contact .pop-main form.pop__contact-form ul.side-cart-list-ul li { border-bottom: 1px dashed #444444;}.template-layout .pop__contact .pop-main form.pop__contact-form ul.side-cart-list-ul div { color: #444444;}.template-layout .pop__contact .pop-main form.pop__contact-form ul.side-cart-list-ul .notice-hint { text-align: right; color: #444444;}.template-layout .send_btn { align-self: center;}.template-layout .send_btn.anime { width: 50px !important; height: 50px !important; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border-radius: 50px; font-size: 0; position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 0.5s; -webkit-animation-name: spin; -webkit-animation-fill-mode: fowards; -webkit-animation-direction: ease; -moz-animation-delay: 0; -moz-animation-duration: 0.5s; -moz-animation-name: spin; -moz-animation-fill-mode: fowards; -moz-animation-direction: ease; animation-delay: 0; animation-duration: 0.5s; animation-name: spin; animation-fill-mode: fowards; animation-direction: ease;}.template-layout .send_btn.anime::before { margin: 0 auto; content: \e90d; font-family: icomoon !important; font-size: 30px; text-align: center;}.template-layout .pop__cart { display: none;}.template-layout .pop__cart.isOpen { display: block; visibility: visible; transition: all 0.5s ease-in;}.template-layout .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;}.template-layout .pop__cart .pop-cart-main .contt-title__main { color: #ffffff; padding: 0 !important; font-size: 20px;}.template-layout .pop__cart .pop-cart-main .contt-title.little-mg { background-color: black; padding: 10px 0; margin: 0 !important;}.template-layout .pop__cart .pop-cart-main .carts-empty { color: #ffffff; text-align: center; font-size: 16px; margin: 15px 0;}.template-layout .side-cart-list-ul { list-style: none; padding: 0; margin: 0;}.template-layout .side-cart-list-ul > li { 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);}.template-layout .side-cart-list-ul > li .photo { display: block; width: 55.2px; height: 55.2px; min-width: 55.2px;}.template-layout .side-cart-list-ul > li .photo > img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.template-layout .side-cart-list-ul > li .details { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; padding: 0 0 0 5px; flex: 1 1 0;}.template-layout .side-cart-list-ul > li .details > div { font-size: 12px; line-height: 1.15; color: #ffffff; margin-bottom: 5px;}.template-layout .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;}.template-layout .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;}.template-layout .side-cart-list-ul > li .details > div.qty::after { content: x; margin: 0 3px; color: rgba(255, 255, 255, 0.7);}.template-layout .side-cart-list-ul > li .details > div.price { flex: 1 1 0;}.template-layout .side-cart-list-ul > li .details > div.price sup { font-size: 12px; line-height: 1.15;}.template-layout .side-cart-list-ul > li .details > div.del a { display: block; padding: 0 3px; text-decoration: none; color: #ffffff;}.template-layout .side-cart-list-ul > li .details > div.del a:hover { background: rgba(51, 51, 51, 0.7); color: #ff3621;}.template-layout .cart-btn-div { 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;}.template-layout .cart-btn-div:before, .template-layout .cart-btn-div:after { content: ; display: table;}.template-layout .cart-btn-div:after { clear: both;}.template-layout .cart-btn-div a.btn { width: 75%; font-size: 20px; padding: 5px 10px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 5px; text-decoration: none; color: #ffffff; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); margin-bottom: 15px;}.template-layout .cart-btn-div a.btn:hover { background: rgba(17, 17, 17, 0.7); color: #ededed;}.template-layout .pds__items { *zoom: 1; clear: both;}.template-layout .pds__items:before, .template-layout .pds__items:after { content: ; display: table;}.template-layout .pds__items:after { clear: both;}.template-layout .pop__item.isOpen { visibility: visible; overflow-y: auto;}.template-layout .pop__item.isOpen .pop-main { top: 10%; margin-bottom: 30px;}@media only screen and (max-width: 325px) { .template-layout .pop__item.isOpen .pop-main { top: 8%; }}.template-layout .pop-item-main { background: white;}.template-layout .pop__item::-webkit-scrollbar { display: none;}.template-layout .pop__item { -ms-overflow-style: none;}.template-layout .sign-main { margin: 25px auto;}.template-layout .sign-tab-div { display: block; max-width: 500px;}.template-layout .sign-tab-div.pos-mid { margin: 0 auto;}.template-layout .sign-div article, .template-layout .sign-div fieldset { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 10px 0;}.template-layout .sign-div article:first-child, .template-layout .sign-div fieldset:first-child { margin-top: 25px;}.template-layout .sign-div article > label, .template-layout .sign-div fieldset > label { font-size: 16px; white-space: nowrap; padding-right: 10px; color: #333333;}.template-layout .sign-div article > span, .template-layout .sign-div fieldset > span { flex: 1 1 0; position: relative; color: #333333;}.template-layout .sign-div article > span i, .template-layout .sign-div fieldset > span i { position: absolute; left: 0; bottom: -8px; font-size: 12px; font-style: normal;}.template-layout .sign-div article > span .cfm, .template-layout .sign-div fieldset > span .cfm { position: absolute; top: 0; right: 0; padding-left: 8px; padding-right: 8px;}.template-layout .sign-div article > span.pos-mid-toson, .template-layout .sign-div fieldset > span.pos-mid-toson { text-align: center;}.template-layout .sign-div article > span select, .template-layout .sign-div article > span input, .template-layout .sign-div fieldset > span select, .template-layout .sign-div fieldset > span input { width: 100%; vertical-align: baseline; margin: 0;}.template-layout .sign-div article > span inputtypecheckbox, .template-layout .sign-div fieldset > span inputtypecheckbox { width: 15px; margin-right: 5px;}.template-layout .sign-div article > span button, .template-layout .sign-div fieldset > span button { width: 100%; margin: 10px auto; cursor: pointer;}.template-layout .sign-div article > span button.sign-fb-btn, .template-layout .sign-div fieldset > span button.sign-fb-btn { background: #3c5a99; color: white; border: none;}.template-layout .sign-div article > span button.sign-line-btn, .template-layout .sign-div fieldset > span button.sign-line-btn { background: #06C755; color: white; border: none;}.template-layout .sign-div article > span button.sign-google-btn, .template-layout .sign-div fieldset > span button.sign-google-btn { background: #fff; color: #898989; border: 1px solid #898989;}.template-layout .sign-div article > span a, .template-layout .sign-div fieldset > span a { color: #ad8349;}.template-layout .sign-div article > span a:hover, .template-layout .sign-div fieldset > span a:hover { text-decoration: underline;}.template-layout .users-main { display: flex; justify-content: flex-start; align-items: flex-start; margin: 25px auto;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .users-main { flex-wrap: wrap; }}.template-layout .users-main .dsec__tabs { width: 16.66667%; margin-right: 50px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .users-main .dsec__tabs { width: 100%; margin-right: 0; }}.template-layout .users-main .dsec__tabs .dsec__tabs-ul { flex-wrap: wrap; border: none;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .users-main .dsec__tabs .dsec__tabs-ul { flex-wrap: wrap; border-bottom: 1px solid #9c9c9c; justify-content: space-between; }}.template-layout .users-main .dsec__tabs .dsec__tabs-ul li { width: 100%; border-radius: 0px; padding: 0;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .users-main .dsec__tabs .dsec__tabs-ul li { text-align: center; width: auto; flex: 1; }}.template-layout .users-main .dsec__tabs .dsec__tabs-ul li a { display: block; padding: 12px 5px; text-decoration: none; color: #6c6c6c;}.template-layout .users-main .dsec__tabs .dsec__tabs-ul li.isOpen a { color: white;}.template-layout .users-main .dsec__page { flex: 1; min-width: 83.33333%;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .users-main .dsec__page { width: 100%; }}.template-layout .users-info-div article, .template-layout .users-info-div fieldset { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 10px 0; width: 80%;}.template-layout .users-info-div article.hastag-a, .template-layout .users-info-div fieldset.hastag-a { margin: 20px 0;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .users-info-div article, .template-layout .users-info-div fieldset { width: 100%; }}.template-layout .users-info-div article > label, .template-layout .users-info-div fieldset > label { font-size: 16px; white-space: nowrap; padding-right: 10px; color: #333333; flex-basis: 74px;}.template-layout .users-info-div article > span, .template-layout .users-info-div fieldset > span { flex: 1 1 0; position: relative; color: #333333;}.template-layout .users-info-div article > span.pos-mid-toson, .template-layout .users-info-div fieldset > span.pos-mid-toson { text-align: center;}.template-layout .users-info-div article > span select, .template-layout .users-info-div article > span input, .template-layout .users-info-div fieldset > span select, .template-layout .users-info-div fieldset > span input { width: 100%; vertical-align: baseline; margin: 0;}.template-layout .users-info-div article > span inputtypecheckbox, .template-layout .users-info-div fieldset > span inputtypecheckbox { width: 15px; margin-right: 5px;}.template-layout .users-info-div article > span button, .template-layout .users-info-div fieldset > span button { width: 100%; margin: 10px auto; cursor: pointer;}.template-layout .users-info-div article > span div.connecting, .template-layout .users-info-div fieldset > span div.connecting { padding: 5px 5px;}.template-layout .users-info-div article > span a, .template-layout .users-info-div fieldset > span a { color: #ad8349; text-decoration: none;}.template-layout .users-info-div article > span a:hover, .template-layout .users-info-div fieldset > span a:hover { text-decoration: underline;}.template-layout .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;}.template-layout .users-info-div article > span .social:hover { opacity: 0.85; outline: none; text-shadow: none; cursor: pointer;}.template-layout .users-info-div article > span .social > span.social-user { display: inline-flex; align-items: center; width: 100%; justify-content: center;}.template-layout .users-info-div article > span .social > span.social-user > img { width: 30px; margin: 2px; margin-right: 10px; border-radius: 50%;}.template-layout .users-info-div article > span .social > span.social-icon { border-right: 1px solid rgba(255, 255, 255, 0.631372549); padding: 8px; display: inline-flex; align-items: center;}.template-layout .users-info-div article > span .social-facebook { background: #3c5a99; color: white;}.template-layout .users-info-div article > span .social-google { background: #fff; color: #898989; border: 1px solid #898989;}.template-layout .users-info-div article > span .social-line { background: #06C755; color: white;}.template-layout .users-gift-ul { list-style: none; margin: 0; padding: 0;}.template-layout .users-gift-ul li { padding: 5px 0; margin: 0; width: 100%; border-bottom: 1px solid #9c9c9c; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; color: #444444;}@media only screen and (max-width: 640px) { .template-layout .users-gift-ul li { justify-content: space-between; position: relative; }}.template-layout .users-gift-ul li.invalid { color: #9c9c9c; text-decoration: line-through;}.template-layout .users-gift-ul li > span { margin: 0 5px; font-size: 14px;}.template-layout .users-gift-ul li > span:not(:first-child) { text-align: center;}@media only screen and (max-width: 640px) { .template-layout .users-gift-ul li > span { margin-bottom: 5px; min-width: 100%; max-width: 100%; white-space: normal; }}.template-layout .users-gift-ul li > span.name { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.template-layout .users-gift-ul li > span.amount { width: 75px; flex-basis: 75px;}.template-layout .users-gift-ul li > span.amount sup { padding: 0; margin: 0;}.template-layout .users-gift-ul li > span.status { flex-basis: 75px; width: 75px;}.template-layout .users-gift-ul li > span.date { flex-basis: 115px; width: 115px;}.template-layout .users-gift-ul li > span.deadline { flex-basis: 115px; width: 115px;}@media only screen and (max-width: 640px) { .template-layout .users-gift-ul li:first-child { display: none; } .template-layout .users-gift-ul li > span.amount { flex-basis: 100%; position: absolute; right: 0; font-size: 16px; bottom: 0; text-align: right !important; color: #ad8349; } .template-layout .users-gift-ul li > span::before { content: attr(data-coin); } .template-layout .users-gift-ul li > span:not(:first-child) { text-align: left; } .template-layout .users-gift-ul li > span.name { text-overflow: ellipsis; white-space: nowrap; } .template-layout .invalid > span.amount { text-decoration: line-through; color: #9c9c9c !important; }}.template-layout .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) { .template-layout .chat-panel { height: 300px; }}@media only screen and (max-width: 325px) { .template-layout .chat-panel { height: 220px; }}.template-layout .chat-panel .user-store, .template-layout .chat-panel .user-member { display: flex; align-items: flex-start; margin: 10px 0; max-width: 83.33333%; width: 100%;}.template-layout .chat-panel .user-store .avatar, .template-layout .chat-panel .user-member .avatar { font-size: 30px; padding: 5px 8px; background: rgba(156, 156, 156, 0.15); border-radius: 50px; color: #444444;}.template-layout .chat-panel .user-store .message p, .template-layout .chat-panel .user-member .message p { font-size: 14px; padding: 10px; margin: 0 5px; background: rgba(156, 156, 156, 0.15); display: grid; color: #444444;}.template-layout .chat-panel .user-store .message .time, .template-layout .chat-panel .user-member .message .time { font-size: 10px; color: #444444; margin: 0; padding: 5px 0;}.template-layout .chat-panel .user-store { justify-content: flex-start; float: left;}.template-layout .chat-panel .user-store .avatar { order: 1;}.template-layout .chat-panel .user-store .message { order: 2;}.template-layout .chat-panel .user-store .time { order: 3; text-align: right;}.template-layout .chat-panel .user-member { justify-content: flex-end; float: right;}.template-layout .chat-panel .user-member .avatar { order: 2;}.template-layout .chat-panel .user-member .message { order: 1; max-width: 100%;}.template-layout .chat-panel .user-member .message *, .template-layout .chat-panel .user-store .message * { max-width: 100%;}.template-layout .chat-panel .user-member .time { order: 3; text-align: left;}.template-layout .chat-toolbar { display: block; width: 100%;}.template-layout .chat-toolbar article, .template-layout .chat-toolbar fieldset { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; border: none; margin: 10px 0;}.template-layout .chat-toolbar article.pos-right, .template-layout .chat-toolbar fieldset.pos-right { justify-content: flex-end;}.template-layout .separation-line { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin: 10px auto;}.template-layout .separation-line > span { padding: 0 8px;}.template-layout .separation-line::before, .template-layout .separation-line::after { content: ; display: inline-block; height: 1px; flex: 1 1 0; background: rgba(17, 17, 17, 0.2);}.template-layout .pagination { display: block; text-align: center; width: 100%; margin: 25px auto; *zoom: 1; clear: both; padding: 0;}.template-layout .pagination:before, .template-layout .pagination:after { content: ; display: table;}.template-layout .pagination:after { clear: both;}.template-layout ul.pagination-ul { list-style: inline-block;}.template-layout ul.pagination-ul li { display: inline-block;}.template-layout ul.pagination-ul li a { padding: 0 8px; text-decoration: none; color: #444444;}.template-layout ul.pagination-ul li a:hover { color: #ad8349;}.template-layout ul.pagination-ul li.disabled a { color: rgba(156, 156, 156, 0.3); cursor: normal;}.template-layout ul.pagination-ul li.active a { z-index: 2; cursor: default; color: white; background: #444444; border: 0px solid #9c9c9c; border-radius: 5px;}.template-layout ul.pagination-ul li.first a::before, .template-layout ul.pagination-ul li.prev a::before, .template-layout ul.pagination-ul li.next a::before, .template-layout 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;}.template-layout ul.pagination-ul li.prev a::before { content: \e913;}.template-layout ul.pagination-ul li.next a::before { content: \e912;}.template-layout .os-scrollbar.os-scrollbar-vertical { padding: 0;}.template-layout .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { border-radius: 0; background: rgba(68, 68, 68, 0.35);}.template-layout .os-theme-dark > .os-scrollbar-vertical, .template-layout .os-theme-light > .os-scrollbar-vertical { width: 5px;}.template-layout .sl-wrapper .sl-close, .template-layout .sl-wrapper .sl-counter { top: 50px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .sl-wrapper .sl-close, .template-layout .sl-wrapper .sl-counter { top: 80px; }}.template-layout .price-area { display: flex; justify-content: flex-end; align-items: baseline;}.template-layout .pds-banner { width: 100%; max-width: 100%; display: block; margin: 10px auto 50px !important;}.template-layout .pds-banner img { max-width: 100%; height: auto; display: block; width: 100%; overflow: hidden; border-radius: 20px; margin-bottom: 5px;}.template-layout .banner_center { display: block; margin-left: auto; margin-right: auto;}.template-layout .getClick { color: #6c6c6c !important; background-color: white !important; border: 1px solid !important; padding: 5px 10px !important;}.template-layout .getClick.isChosen { color: white !important; background-color: #444444 !important;}.template-layout .buttonDisplay { flex: 1 1 0;}.template-layout .buttonSpan { padding: 5px; display: inline-block !important; margin: 0; text-align: center;}.template-layout .buttonOption { color: rgb(0, 0, 0) !important; background-color: transparent !important; border: none !important;}.template-layout .progressbar { display: block; -o-box-sizing: border-box; box-sizing: border-box; *zoom: 1; margin: 20px auto 80px; padding: 0 10%;}.template-layout .progressbar:before, .template-layout .progressbar:after { content: ; display: table;}.template-layout .progressbar:after { clear: both;}.template-layout .progressbar-ul { list-style: none; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0; width: 100%;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .progressbar-ul { padding: 0; }}.template-layout .progressbar-ul > li { display: flex; justify-content: flex-end; align-items: center; text-align: center; flex: 1;}.template-layout .progressbar-ul > li:first-child { margin-left: calc(-50% + 45px);}.template-layout .progressbar-ul > li:first-child::before, .template-layout .progressbar-ul > li:first-child::after { content: none;}.template-layout .progressbar-ul > li.active > span { background-color: #444444; color: #e6e6e6;}.template-layout .progressbar-ul > li.active::after, .template-layout .progressbar-ul > li.active::before { border-top: 1px solid #444444; border-bottom: 1px solid #444444; background-color: #444444;}.template-layout .progressbar-ul > li > span { color: #444444; background-color: #e6e6e6; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50px; font-weight: bold; position: relative; order: 3;}.template-layout .progressbar-ul > li > span::before { position: absolute; width: 100%; height: 100%; display: block; content: ; border-radius: 50px;}.template-layout .progressbar-ul > li > span::after { content: attr(data-bar); position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 14px; color: #000000;}.template-layout .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;}.template-layout .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;}.template-layout .pop__board { *zoom: 1; clear: both;}.template-layout .pop__board:before, .template-layout .pop__board:after { content: ; display: table;}.template-layout .pop__board:after { clear: both;}.template-layout .pop-board-main .cakes { margin: 10px auto;}.template-layout .pop-board-main .cakes .flickity-page-dots { display: none;}@media only screen and (max-width: 780px) { .template-layout .pop-board-main .cakes { margin: 0 auto; }}.template-layout .pop__board .pop-main { max-width: 0; max-height: 0; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.template-layout .pop__board.isOpen { visibility: visible; }.template-layout .pop__board.isOpen .pop-main { top: 2%; max-width: 800px; max-height: unset; height: auto; padding: 15px 25px; background: rgba(255, 255, 255, 0.9); color: #555555; margin-bottom: 50px;}.template-layout .pop__board.isOpen .pop-main img { max-width: 100%;}@media only screen and (max-width: 780px) { .template-layout .pop__board.isOpen .pop-main { padding-left: 15px; padding-right: 15px; }}@media only screen and (max-width: 325px) { .template-layout .pop__board.isOpen .pop-main { top: 8%; }}.template-layout .pop__board.isOpen .ad-close { top: calc(2% - 5px) !important;}.template-layout .ad-times { color: #ffffff; border-radius: 50%; padding: 1px; font-size: 22px; background-color: #555555;}.template-layout .ad-times::before { margin-left: 1px;}@media (max-width: 1024px) { .template-layout .ad-times::before { margin-left: 0; }}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout .sidebar__nav.open:after { background: #444444; width: 100%; height: 100vh; position: fixed; right: -20%; transition: all 0.7s ease-in-out; opacity: 1; } .template-layout .sidebar__nav:after { content: ; display: block; width: 0; z-index: -1; opacity: 0; }}.template-layout .marquee { overflow: hidden;}.template-layout .is-pre { font-size: 10px; color: #ff0000; display: block;}.template-layout ul.shop-lists-ul > li > div.info > div.name div { display: contents;}.template-layout .coupon-used { border: 1px solid #dcdcdc; border-radius: 5px;}.template-layout .orders-detail-div .coupon-used { margin-bottom: 15px;}.template-layout .coupon-used-title { margin-bottom: 5px; background-color: #444444; color: #ffffff; padding: 5px 10px; border-top-right-radius: 5px; border-top-left-radius: 5px;}.template-layout .sale-item { display: flex; justify-content: space-between; padding: 5px 10px;}.template-layout .sale-item-name { flex: 1 1 0;}.template-layout .sale-item-name span { margin-right: 5px; word-break: break-all;}.template-layout .coupon_code { font-size: 14px; background-color: #dcdcdc; padding: 0 5px; color: #000000;}.template-layout .sale-item-name .icon-times:hover { cursor: pointer;}.template-layout .show-description { border: 1px solid #dcdcdc; border-radius: 5px; margin-bottom: 30px;}.template-layout .show-description-area { padding: 0 15px;}.template-layout .show-description-area > p:first-child { background-color: #444444; color: #ffffff; padding: 5px; display: inline-block;}.template-layout .show-description-area > p { margin-bottom: 0;}.template-layout .show-description-area > .order-remark { white-space: pre-line; word-wrap: break-word; margin-bottom: revert;}.template-layout .show-description-area img { max-width: 100%;}.template-layout .aftee-logo { display: flex;}.template-layout .aftee-logo img { height: 18px;}.template-layout .coupon-title { font-size: 14px; padding: 5px 0; display: block; word-break: break-all;}.template-layout .coupon-slash { display: none;}@media only screen and (max-width: 980px) { .template-layout .coupon-title { display: unset; } .template-layout .coupon-slash { display: unset; }}.template-layout .item-spec { display: block; color: #969696;}.template-layout .item-limit { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color: #969696; font-size: 12px; margin-top: 5px; text-align: center;}.template-layout .item-limit span { padding: 0 5px;}.template-layout .balance { text-align: right;}.template-layout .text-label { cursor: pointer; margin-top: 0 !important; text-decoration-line: underline;}.template-layout .has-error { border-color: #a94442 !important;}@media only screen and (max-width: 768px) { .template-layout .discount-points__info { display: block !important; } .template-layout .discount-points__info > span { display: block; margin: 5px 0; } .template-layout .balance { text-align: left !important; } .template-layout .point-number { float: right !important; }}@media (max-width: 980px) { .template-layout .name-reset { display: block !important; }}.template-layout .select-wrap__birth { margin-right: 5px;}.template-layout .discount-title { margin-bottom: 5px;}.template-layout .receiver__tool-bar > span > a.shown__name::before { content: \e315; font-family: icomoon !important; font-size: 14px;}.template-layout .receiver__tool-bar > span > a.isOpen::before { content: \e313;}.template-layout .hint { font-size: 12px; border-radius: 50%; background: #e46050; color: #fff; padding: 0 3px; position: absolute; transform: scale(0.85); -webkit-transform: scale(0.85);}@media (max-width: 360px) { .template-layout .hint { top: 0; right: 0; }}.template-layout .cake img { transition: opacity 0.4s; opacity: 0;}.template-layout .cake img.flickity-lazyloaded, .template-layout .cake img.flickity-lazyerror { opacity: 1;}.template-layout .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%;}.template-layout .timer p { margin: 0; padding: 0 10px;}.template-layout .counter .number { background-color: #ffffff; color: #444444; padding: 0 5px; border-radius: 5px; font-size: 20px;}.template-layout .counter .date { font-size: 12px; margin: 0 5px;}@media (mex-width: 767px) { .template-layout .timer p { margin-bottom: 10px; }}.template-layout span.google-icon-font { font-weight: bolder; font-family: Arial !important; margin: 0 4px; line-height: 1;}.template-layout .home-discount-01 { padding: 10px; background-color: #f3f3f3; border-radius: 10px;}.template-layout .hd-title-01 p { margin: 0; font-size: 18px; color: #ad8349; font-weight: bold;}.template-layout .hd-title-01 i { color: #ad8349; margin-left: 5px;}.template-layout .hd-title-01 { position: relative; display: flex; align-items: center; border-bottom: 1px solid #dddddd; margin-bottom: 15px; padding-bottom: 5px;}.template-layout .hd-time-01 { margin-left: 15px; white-space: nowrap;}.template-layout .hd-num-01 { background-color: #000000; color: #ffffff; padding: 0 3px; font-size: 14px; border-radius: 5px;}.template-layout .hd-title-01 a { background-color: #ffffff; box-shadow: 1px 1px 0px 0px #cccccc; border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; position: absolute; right: 15px; font-weight: bold;}.template-layout .hd-title-01 a i { color: #444444; margin-left: 0;}.template-layout .hd-left-01 { display: flex; align-items: center; margin-right: 110px;}@media (max-width: 380px) { .template-layout .hd-time-01 { margin-left: 5px; } .template-layout .hd-title-01 i { font-size: 14px; margin-left: 0; } .template-layout .hd-title-01 p { font-size: 16px; } .template-layout .hd-title-01 a { padding: 2px 5px; font-size: 12px; right: 0; } .template-layout .hd-left-01 { margin-right: 85px; }}.template-layout .home-discount-02 { background-color: #e0dfdf; border-radius: 10px; padding-bottom: 10px;}.template-layout .hd-title-02 p { margin: 0; font-size: 18px; color: #ffffff; font-weight: bold;}.template-layout .hd-title-02 i { color: #ffffff; margin-left: 5px;}.template-layout .hd-title-02 { margin-bottom: 10px; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; background: linear-gradient(to right, #858585, #d8d8d8); display: flex; align-items: center; padding: 5px; padding-left: 15px;}.template-layout .hd-time-02 { margin-left: 15px; color: #ffffff; white-space: nowrap;}.template-layout .hd-num-02 { background-color: #ffffff; color: #000000; padding: 0 3px; font-size: 14px; border-radius: 5px;}.template-layout .hd-title-02 a { background-color: #ffffff; box-shadow: 1px 1px 0px 0px #cccccc; border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; position: absolute; right: 15px; font-weight: bold;}.template-layout .hd-title-02 a i { color: #444444; margin-left: 0;}.template-layout .hd-left-02 { display: flex; align-items: center; margin-right: 110px;}@media (max-width: 380px) { .template-layout .hd-title-02 { padding-left: 5px; } .template-layout .hd-time-02 { margin-left: 5px; } .template-layout .hd-title-02 i { font-size: 14px; margin-left: 0; } .template-layout .hd-title-02 p { font-size: 16px; } .template-layout .hd-title-02 a { padding: 2px 5px; font-size: 12px; right: 10px; } .template-layout .hd-left-02 { margin-right: 85px; }}.template-layout .home-discount-03 { background-color: #f3f3f3; border-radius: 10px; padding-bottom: 15px;}.template-layout .hd-title-03 { background-color: #ffffff;}.template-layout .hd-title-03 p { margin: 0; font-size: 18px; color: #ad8349; font-weight: bold;}.template-layout .hd-title-03 i { color: #ad8349; margin-left: 5px;}.template-layout .hd-title-03 { position: relative; display: flex; align-items: center; margin-bottom: 15px;}.template-layout .hd-time-03 { display: inline-block; margin-left: 15px; margin-right: 15px; white-space: nowrap;}.template-layout .hd-num-03 { background-color: #000000; color: #ffffff; padding: 0 3px; font-size: 14px; border-radius: 5px;}.template-layout .hd-title-03 a { background-color: #ffffff; box-shadow: 1px 1px 0px 0px #cccccc; border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; position: absolute; right: 15px; font-weight: bold;}.template-layout .hd-title-03 a i { color: #444444; margin-left: 0;}.template-layout .hd-left-03 { display: flex; align-items: center; -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); background-color: #f3f3f3; padding: 10px; padding-right: 7%; margin-right: 100px; border-top-left-radius: 10px;}@media (max-width: 380px) { .template-layout .hd-time-03 { margin-left: 5px; margin-right: 0; } .template-layout .hd-title-03 i { font-size: 14px; margin-left: 0; } .template-layout .hd-title-03 p { font-size: 16px; } .template-layout .hd-title-03 a { padding: 2px 5px; font-size: 12px; right: 0; }}.template-layout .home-discount-04 { display: flex; border-radius: 10px; align-items: center;}.template-layout .hd-time-04 { text-align: center; color: #000000;}.template-layout .hd-num-04 { background-color: #000000; color: #ffffff; padding: 0 3px; font-size: 14px; border-radius: 5px;}.template-layout .hd-left-04 a { margin-top: 30px; justify-content: center; background-color: #ffffff; box-shadow: 1px 1px 0px 0px #cccccc; border-radius: 10px; padding: 2px 10px; display: flex; align-items: center; font-size: 14px; text-decoration: none; color: #444444; font-weight: bold;}.template-layout .hd-left-04 a i { color: #444444; margin-left: 0;}.template-layout .hd-left-04 { width: 22%; padding: 10px; display: grid; align-items: center; color: #ffffff; border-radius: 10px; background: linear-gradient(to bottom, #8c8c8c, #e4e4e4);}.template-layout .hd-left-04 p { text-align: center; font-size: 24px; text-shadow: 1px 1px 3px #cccccc;}@media (max-width: 767px) { .template-layout .home-discount-04 { display: block; padding-bottom: 15px; background-color: #dddddd; } .template-layout .hd-left-04 { width: 100%; margin-bottom: 15px; display: flex; align-items: center; position: relative; padding-right: 100px; } .template-layout .hd-left-04 p { display: inline-block; margin: 0; font-size: 16px; } .template-layout .hd-left-04 p i { font-size: 12px; } .template-layout .hd-time-04 { display: inline-block; margin-left: 5px; white-space: nowrap; } .template-layout .hd-left-04 a { display: inline-block; position: absolute; right: 15px; margin-top: 2px; padding: 0; box-shadow: none; font-size: 12px; padding: 2px 5px; }}.template-layout .pop__cancel .pop-main { background-color: #ffffff;}.template-layout .pop__canael-form ul { list-style: none; width: 100%; margin: 0; padding: 5px 0;}.template-layout .pop__canael-form .form-item { margin: 10px auto;}.template-layout .pop__canael-form .form-item label { padding: 10px; display: block; width: 100%;}.template-layout .cancel-select { position: relative; color: inherit;}.template-layout .cancel-select select::-ms-expand { display: none;}.template-layout .cancel-select select { -webkit-appearance: none; -moz-appearance: none; min-height: 40px; width: 100%; padding: 10px 5px; font-size: 16px; vertical-align: middle; background-color: white; border: 1px solid #444444; border-radius: 5px; font-family: inherit; outline: none;}.template-layout .cancel-select select:focus { background-color: rgba(156, 156, 156, 0.2); box-shadow: none;}.template-layout .cancel-select select:disabled { cursor: not-allowed;}.template-layout .pop__cancel .self-center { text-align: center;}.template-layout .pop__cancel.isOpen { visibility: visible;}.template-layout .pop__cancel.isOpen .pop-main { top: 15%;}.template-layout .orders-detail-tilte span input { align-self: center; margin-right: 10px;}.template-layout .return ul.shop-lists-ul > li { border-bottom: 0; margin-bottom: 0;}.template-layout .return ul.shop-lists-ul > li > div.info .price, .template-layout .return ul.shop-lists-ul > li > div.info .qty { flex-basis: 33.33333%;}.template-layout .return-outer { border-bottom: 1px solid rgba(156, 156, 156, 0.35); margin: 15px auto;}.template-layout .qty-select span, .template-layout .return-area .reason span, .template-layout .return-way .chose { position: relative; color: inherit; background-color: transparent; /* Target IE9 and IE10 */}.template-layout .qty-select span select, .template-layout .return-area .reason span select, .template-layout .return-way .chose select { -webkit-appearance: none; -moz-appearance: none; min-height: 40px; width: 100%; padding: 10px 5px; font-size: 16px; vertical-align: middle; background-color: white; border: 1px solid #444444; border-radius: 5px; font-family: inherit; outline: none;}.template-layout .qty-select span select :disabled, .template-layout .return-area .reason span select:disabled, .template-layout .return-way .chose select:disabled { cursor: not-allowed;}.template-layout .qty-select span { width: 70%;}.template-layout .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;}.template-layout .return-area .reason, .template-layout .return-area .enter-reason { width: 50%; display: flex; align-items: center; padding-right: 15px;}.template-layout .return-area .reason span, .template-layout .return-area .enter-reason span { display: inline-block; width: 90%;}.template-layout .return-area .enter-reason { width: 50%;}.template-layout .return-area .enter-reason input { margin-bottom: 0;}.template-layout .return-area .reason::before, .template-layout .enter-reason::before { content: attr(data-title); font-size: 14px !important; padding: 0 8px; white-space: nowrap; font-weight: normal; color: #6c6c6c;}.template-layout .return-info { border-bottom: 1px solid #cccccc; margin: 20px 0; padding-bottom: 15px;}.template-layout .return-info ul { list-style: none; margin: 0; margin-bottom: 15px; padding-left: 0;}.template-layout .return-info .area { display: flex; align-items: center;}.template-layout .return-way { display: flex; align-items: center; width: 100%; padding: 0 15px;}.template-layout .return-way label, .template-layout .return-address label, .template-layout .return-description { white-space: nowrap; padding: 0 10px 0 5px; color: #000000;}.template-layout .return-way .chose { width: 100%; padding-right: 0;}.template-layout .return-address { width: 100%; margin-bottom: 5px; padding: 0 15px; display: flex; align-items: center;}.template-layout .return-address .carts-tw { display: flex; margin-bottom: 5px; justify-content: space-between;}.template-layout .return-address .carts-tw span { width: 49%; padding-right: 0;}.template-layout .return-address .right { width: 100%; margin-top: 5px;}.template-layout .return-address input { margin-top: 5px;}.template-layout .return-btn { text-align: right; margin-top: 30px;}@media (max-width: 780px) { .template-layout .return-area .reason, .template-layout .return-area .enter-reason, .template-layout .return-way { width: 100% !important; margin-bottom: 15px; } .template-layout .return-area { display: block; } .template-layout .return-info .area { display: block; } .template-layout .return ul.carts-items-ul li > article .spec > div.qty, .template-layout .return ul.carts-items-ul li > article .spec > div.price, .template-layout .return ul.carts-items-ul li > article .spec > div.total { width: 50%; display: flex; }}@media (max-width: 480px) { .template-layout .return ul.carts-items-ul li > article .spec > div.qty, .template-layout .return ul.carts-items-ul li > article .spec > div.price, .template-layout .return ul.carts-items-ul li > article .spec > div.total { width: 100%; }}.template-layout .addon-name { color: #ffffff; font-size: 16px; font-weight: bold; padding: 0 10px; background-color: #444444;}.template-layout .gift-main { margin: 30px 0; border: 1px solid #e0e0e0; padding: 15px;}.template-layout .gift-title { margin-bottom: 15px; background-color: #444444; padding: 5px 15px; display: inline-block; color: #ffffff;}.template-layout .gift-item { width: 25%; margin-right: 10px;}.template-layout .gift-item img { width: 150px; height: 150px; -o-object-fit: contain; object-fit: contain;}.template-layout .gift-area { display: flex;}.template-layout .gift-cell { padding: 10px; display: flex; flex-direction: column; width: 100%; flex: 1 1 0;}.template-layout .gift-cell .price { color: #ad8349;}.template-layout .gift-cell .name { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 5px; overflow: hidden;}.template-layout .gift-cell button { margin-top: auto; white-space: nowrap;}.template-layout .gift-tag { font-size: 12px; margin-right: 5px; background-color: #444444; color: #ffffff; vertical-align: super; padding: 0 5px; border-radius: 3px;}@media (max-width: 1299px) { .template-layout .gift-area { display: block; text-align: center; } .template-layout .gift-cell .name { margin-bottom: 0; } .template-layout .gift-cell .price { margin-bottom: 10px; } .template-layout .diff_hint { order: 4; }}@media (max-width: 767px) { .template-layout .gift-item { width: 50%; } .template-layout .gift-item img { width: 100%; }}@media (min-width: 781px) { .template-layout .gift-number { text-align: center; }}@media (max-width: 980px) { .template-layout .addon-name { background-color: transparent; color: #ff0000; padding: 0; font-size: 14px; }}@media (min-width: 1300px) { .template-layout .diff_hint { text-align: left; }}.template-layout .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;}.template-layout .eit-bg p { color: #ffffff; font-size: 28px;}.template-layout .eit-bg button { color: #ffffff; font-size: 28px; padding: 5px 15px; border: 2px solid; margin: 30px 0; background-color: transparent;}.template-layout #check_q { font-size: 13px !important; color: #bb2e1d;}.template-layout .order-log-button { padding: 0px 5px; font-size: 14px; min-height: 0px;}.template-layout .back__to-login::before { content: \e913; font-family: icomoon !important; font-size: 12px;}.template-layout .coupon-code-error { color: #a94442; font-size: 14px;}.template-layout .pre_order { font-size: 14px; color: rgba(68, 68, 68, 0.7098039216);}.template-layout .hint-text > span { word-break: keep-all; text-align: right; color: #ad8349 !important; font-size: 14px;}@media only screen and (max-width: 768px) { .template-layout .hint-text > span { word-break: normal; text-align: left; }}.template-layout .blog-list { padding: 0;}.template-layout .blog-sort { display: inline-block; list-style: none; margin: 10px 10px 0 0;}.template-layout .blog-sort a { display: inline-block; border: 1px solid #444444; padding: 5px 10px; border-radius: 5px; text-decoration: none; color: #444444;}.template-layout .blog-sort a:hover, .template-layout .blog-sort a:focus { background-color: #444444; color: #ffffff;}.template-layout .blog-sort.active a { background-color: #444444; color: #ffffff;}@media (min-width: 1025px) { .template-layout .mobile-nav { display: none; }}.template-layout .mobile-nav { border-top: 1px solid #e1e1e1; background-color: #ffffff; position: fixed; bottom: 0; width: 100%; z-index: 100;}.template-layout .mobile-nav .area { display: flex; justify-content: center; padding: 5px 0; padding-bottom: 15px;}.template-layout .mobile-nav .area .item { text-align: center; width: 20%; order: unset; color: #555555; text-decoration: none; margin-right: 0;}.template-layout .mobile-nav .area .item span { font-size: 20px; margin-bottom: 0;}.template-layout .mobile-nav .area .item p { font-size: 12px; margin: 0;}.template-layout .mobile-nav .area .item b { font-size: 12px;}.template-layout .mobile-gapis-mobile-nav { margin-bottom: 40px !important;}.template-layout .addons { margin-bottom: 30px;}.template-layout .addons-title { background-color: #e3e3e3; color: #747474; padding: 10px; font-size: 14px; margin-bottom: 0;}.template-layout .addons-title span { margin-right: 5px; font-size: 12px;}.template-layout .addons-all { background-color: #f1f1f1;}.template-layout .addons-area { display: flex; padding: 30px 10px; margin: 0 15px; border-bottom: 1px solid #c7c7c7; position: relative;}.template-layout .addons-area .addons-right { margin-left: 10px;}.template-layout .addons-area .addon_check { margin-top: 20px;}.template-layout .addons-area .name { margin-bottom: 5px;}.template-layout .addons-area img { width: 60px; height: 60px; margin: 0 10px;}.template-layout .addons-area .number-wrap { width: 150px; margin-bottom: 10px;}.template-layout .addons-area .number-wrap input { width: 100%; min-height: 25px; padding: 0;}.template-layout .addons-area .number-wrap button { min-height: 25px; padding: 0 5px;}.template-layout .addons-area .price { color: #ad8349;}.template-layout .addons-area:last-child { border-bottom: 0;}.template-layout .addon-max { margin-left: 10px; font-size: 12px; color: #444444;}.template-layout .addon-spread { font-size: 12px; color: #ad8349; position: absolute; right: 0; top: 5px;}.swal2-container { z-index: 3010 !important;}.auto-size-product{aspect-ratio: 1/1!important;object-fit: cover!important}.auto-size-post{aspect-ratio: 1/1!important;object-fit: contain!important}.auto-size-ad{aspect-ratio: 4/3!important;object-fit: fill!important;}/style>meta namegoogle-site-verification contenthxoItBsDwCELJgdJ7qVTTIgiuB5iaDgc_Ah8BLZ3p2s />!-- Global site tag (gtag.js) - Google Analytics --> script async srchttps://www.googletagmanager.com/gtag/js?idG-XSHPD459CN>/script> script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-XSHPD459CN); gtag(config, AW-456773823, { allow_enhanced_conversions: true}); function getEnhancedConversionData() { // 測試用 let customer_data JSON.parse(localStorage.getItem(window.location.host + _custom_info_ + guest)); let email customer_data?.connect_email || customer_data?.email || ; return { email:email?.trim().toLowerCase(), }; }/script>!-- End Google Analytics -->!-- Facebook Pixel Code -->script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;nf.fbqfunction(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbqn;n.pushn;n.loaded!0;n.version2.0; n.queue;tb.createElement(e);t.async!0; t.srcv;sb.getElementsByTagName(e)0; s.parentNode.insertBefore(t,s)}(window, document,script, https://connect.facebook.net/en_US/fbevents.js); fbq(init, 475138388320051, {uid: 2002}, {agent:}); const fbqProxy new Proxy(fbq, { apply(target, thisArg, argumentsList) { if (argumentsList0 track) { argumentsList3 { eventID: generateUniqueID() }; } sendConversionApi(argumentsList); return target.apply(thisArg, argumentsList); } }); fbq fbqProxy; function sendConversionApi(argumentsList){ let customer_data JSON.parse(localStorage.getItem(window.location.host + _custom_info_ + guest)); let data { event_name: argumentsList1, arguments: argumentsList2, event_id: argumentsList3.eventID, source_url: location.href, customer_data }; const xhr new XMLHttpRequest(); xhr.open(POST, https://dbcandy.com/conversion_api); xhr.setRequestHeader(Content-Type, application/json); xhr.setRequestHeader(X-CSRF-TOKEN, hQLmbrh9B59OVmQ9E3n0PPtkSfZVAGPiaRaNRvZJ); xhr.send(JSON.stringify(data)); } function generateUniqueID() { if(typeof crypto.randomUUID function) return crypto.randomUUID(); const timestamp Date.now(); const random Math.random().toString(36).substr(2, 9); // 生成 9 位隨機數 return `${timestamp}-${random}`; }/script>!-- End Facebook Pixel Code -->!-- LINE Tag Base Code -->!-- End LINE Tag Base Code -->script typeapplication/ld+json> { @context: https://schema.org, @type: WebSite, name: 糖巢龍鬚糖, alternateName: dbcandy, url: https://dbcandy.com/ }/script>script typeapplication/ld+json> { @context: https://schema.org, @type: Organization, url: https://dbcandy.com/, logo: https://image.bvshop.tw/2002/logo/2002_689ca916287a0.png },{ @context: http://schema.org, @type: WebPage, @id: https://dbcandy.com/#WebPage, url: https://dbcandy.com/, inLanguage: zh-TW, name: 糖巢龍鬚糖, datePublished: 2024-04-08T15:41:49+08:00, dateModified: 2026-01-18T03:00:24+08:00, description: 糖巢龍鬚糖,由陳勇兆創辦,一個從夜市起家,在疫情中勇敢轉型的龍鬚糖品牌。我們將傳統手藝與現代口味如芝麻、草莓等完美融合,每一絲龍鬚糖都蘊含著對品質的堅持和創新精神。糖巢致力於讓每個人透過網絡,不受地域限制,品嚐到這份文化的精髓和味道。, isPartOf: { @type: WebSite, @id: https://dbcandy.com/#WebSite, url: https://dbcandy.com/, name: 糖巢龍鬚糖, description: 糖巢龍鬚糖,由陳勇兆創辦,一個從夜市起家,在疫情中勇敢轉型的龍鬚糖品牌。我們將傳統手藝與現代口味如芝麻、草莓等完美融合,每一絲龍鬚糖都蘊含著對品質的堅持和創新精神。糖巢致力於讓每個人透過網絡,不受地域限制,品嚐到這份文化的精髓和味道。 } }/script>script typeapplication/ld+json> { @context: https://schema.org, @type: Person, name: 糖巢龍鬚糖, url: https://dbcandy.com/, sameAs: https://www.facebook.com/profile.php?id100069228228403, https://www.instagram.com/a.sugar_nest, https://line.me/ti/p/~@sugar_nest, https://www.youtube.com/@Sugar_nest/videos, }/script>script typeapplication/ld+json> { @context: https://schema.org, @type: BreadcrumbList, itemListElement: { @type: ListItem, position: 1, name: 糖巢龍鬚糖, item: https://dbcandy.com/ } }/script>!-- Omnichat Pixel Code -->!-- End Omnichat Pixel Code -->!-- Omnichat Pixel Code -->!-- End Omnichat Pixel Code -->script> var fbPixelStatus true; var fbEventSetting JSON.parse(`{ViewContent:0,AddToCart:0,InitiateCheckout:0,CompleteRegistration:null,Purchase:null}`); var gAdsStatus true; var gAdsEvent { all: , view_item: , cart: , purchase: AW-456773823/emZqCO2-6I0bEL-h59kB, register: , contact: , checkout: , }; gtag(event, conversion, { send_to: gAdsEvent.all, transaction_id: , enhanced_conversion_data: getEnhancedConversionData(), }); var gaStatus true; var dcardAdsStatus false; var omnichatStatus false; var lineTagStatus false; var lineTagOAStatus false; var lineShopStatus false; function getEnhancedConversionData() { let customer_data JSON.parse(localStorage.getItem(window.location.host + _custom_info_ + guest)); let email customer_data?.connect_email || customer_data?.email || ; return { email:email.trim().toLowerCase(), }; } function getOmnichatInitData() { let customer_data JSON.parse(localStorage.getItem(window.location.host + _custom_info_ + guest)); let memberId customer_data?.id || ; let memberEmail customer_data?.connect_email || customer_data?.email || ; let memberName customer_data?.name || ; return { memberId:memberId, memberEmail:memberEmail, memberName:memberName, }; } function promoteAddToCart(product_id, product_name, quantity, price, option_values, category_title, product_spec_id null) { console.log(AddToCart); if (fbPixelStatus) { let item {}; let content_id product_spec_id ? product_id + : + product_spec_id : product_id; if (product_id ) { item { content_type: product, currency: TWD, value: price, }; } else { item { content_ids: content_id, content_name: product_name, content_type: product, currency: TWD, contents: {id: content_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, enhanced_conversion_data: getEnhancedConversionData(), }); } 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 (omnichatStatus) { let omnichat_item {}; if (product_id ) { omnichat_item { category: category_title, variant: option_values, quantity: quantity, price: price, }; } else { omnichat_item { id: product_id + (product_spec_id ? : + product_spec_id : ), name: product_name, category: category_title, variant: option_values, quantity: quantity, price: price, }; } window.omnichatTracker.push(event,add_to_cart, { items: omnichat_item }); } if (lineTagStatus) { _lt(send, cv, { type: AddToCart },); } if (lineTagOAStatus) { _lt(send, cv, { type: AddToCart },); } if(lineShopStatus){ $.post(https://dbcandy.com/line_shop/product_event, {product_id, event_id: 4, redirect_url:window.location.href}) } //清除加入購物車的彈出式廣告 if(typeof pop_vue ! undefined){ pop_vue.clearCartEvent(); } } function promoteCompleteRegistration(method email) { 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: , enhanced_conversion_data: getEnhancedConversionData(), }); } if (dcardAdsStatus) { window.dadk(track, CompleteRegistration); } if (lineTagStatus) { _lt(send, cv, { type: CompleteRegistration },); } if (lineTagOAStatus) { _lt(send, cv, { type: CompleteRegistration },); } if(lineShopStatus){ $.post(https://dbcandy.com/line_shop/normal_event, {event_id: 1, redirect_url:https:// + window.location.host}) } if(gaStatus){ gtag(event, sign_up, { method: method }); } } function promoteContact() { console.log(Contact); if (fbPixelStatus) { fbq(track, Contact); } if (gAdsStatus && gAdsEvent.contact ! ) { gtag(event, conversion, { send_to: gAdsEvent.contact, transaction_id: , enhanced_conversion_data: getEnhancedConversionData(), }); } if(dcardAdsStatus) { window.dadk(track, Contact); } if (lineTagStatus) { _lt(send, cv, { type: Contact },); } if (lineTagOAStatus) { _lt(send, cv, { type: Contact },); } if (gaStatus){ gtag(event, working_lead); } } function promoteInitiateCheckOut(facebookEventInfo, price) { console.log(InitiateCheckOut); const toNumber value > typeof value string ? Number(value.replace(/,/g, )) : value; if (fbPixelStatus) { fbq(track, InitiateCheckout,{ content_category: InitiateCheckout, content_ids: facebookEventInfocontent_ids, content_type: product, contents: facebookEventInfocontents, num_items: facebookEventInfonum_items, currency: TWD, value: (fbEventSetting.InitiateCheckout null) ? toNumber(price) : fbEventSetting.InitiateCheckout, }); } if(dcardAdsStatus) { window.dadk(track, InitiateCheckout); } if (omnichatStatus) { window.omnichatTracker.push(event,checkout, { items: facebookEventInfoomnichat_items // 直接拿facebookEventInfo的商品內容 }); } if (lineTagStatus) { _lt(send, cv, { type: InitiateCheckOut },); } if (lineTagOAStatus) { _lt(send, cv, { type: InitiateCheckOut },); } if (gAdsStatus && gAdsEvent.checkout ! ) { gtag(event, conversion, { send_to: gAdsEvent.checkout, transaction_id: , value: price, currency: TWD, enhanced_conversion_data: getEnhancedConversionData(), }); } if (gaStatus) { gtag(event, begin_checkout, { value: price, currency: TWD }); } } function promotePurchase(facebookEventInfo, price, order_items null, order_code , shipping_cost 0) { console.log(Purchase); const toNumber value > typeof value string ? Number(value.replace(/,/g, )) : value; 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) ? toNumber(price) : fbEventSetting.Purchase, }); } else { fbq(track, Purchase, { currency: TWD, value: (fbEventSetting.Purchase null) ? toNumber(price) : fbEventSetting.Purchase, }); } } if (gAdsStatus && gAdsEvent.purchase ! ) { gtag(event, conversion, { send_to: gAdsEvent.purchase, transaction_id: , value: toNumber(price), currency: TWD, enhanced_conversion_data: getEnhancedConversionData(), }); } if (gaStatus && order_items ! null) { gtag(event, purchase, { transaction_id: order_code, affiliation: BVSHOP, value: toNumber(price), currency: TWD, shipping: shipping_cost, items: order_items, }); } if (dcardAdsStatus) { window.dadk(track, Purchase, {value: toNumber(price), currency: NTD}); } if (omnichatStatus) { window.omnichatTracker.push(event,purchase, { transaction_id: order_code, amount: toNumber(price), currency: TWD, items: facebookEventInfoomnichat_items || }); } if (lineTagStatus) { _lt(send, cv, { type: Purchase, value: toNumber(price), currency: TWD },); } if (lineTagOAStatus) { _lt(send, cv, { type: Purchase, value: toNumber(price), currency: TWD },); } } function promotePageView(){ console.log(PageView); if (fbPixelStatus){ fbq(track, PageView); } } function promoteViewContent(product_id, product_name, quantity, price, option_values, category_title, product_spec_id null) { console.log(ViewContent); if (fbPixelStatus) { let content_id product_spec_id ? product_id + : + product_spec_id : product_id; fbq(track, ViewContent, { content_ids: content_id, content_name: product_name, content_type: product, currency: TWD, contents: {id: content_id, quantity: quantity}, value: (fbEventSetting.ViewContent null) ? price : fbEventSetting.ViewContent, }); } if (gAdsStatus && gAdsEvent.view_item ! ) { gtag(event, conversion, { send_to: gAdsEvent.view_item, transaction_id: , enhanced_conversion_data: getEnhancedConversionData(), }); } 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 (omnichatStatus) { window.omnichatTracker.push(event,view_product, { id: product_id + (product_spec_id ? : + product_spec_id : ), name: product_name, category: category_title, variant: option_values, price: price }); } if (lineTagStatus) { _lt(send, cv, { type: ViewItemDetail },); } if (lineTagOAStatus) { _lt(send, cv, { type: ViewItemDetail },); } if(lineShopStatus){ const currentUrl window.location.href; setTimeout(() > { if(currentUrl window.location.href){ $.post(https://dbcandy.com/line_shop/product_event, {product_id, event_id: 5, redirect_url:window.location.href}) } }, 3000) } } 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>style> nav.header-bg-color { background-repeat: repeat-x; background-image: url(/upload/2002/home/2002_66260eec73203.png.webp);}.header-nav { background-repeat: repeat; background-image: url(/upload/2002/home/2002_6626041676f7a.png.webp);}.hover-effect img { transition: transform 0.3s ease;}.hover-effect:hover img { transform: scale(1.1);}/style>link relstylesheet hrefhttps://js.bvshop.tw/css/toastr.css>style> .cake img { transition: opacity 0.4s; opacity: 0; } .cake img.flickity-lazyloaded, .cake img.flickity-lazyerror { opacity: 1; } #at-expanded-menu-host .at-expanded-menu-load, #at-expanded-menu-host .at-branding-addthis { font-family: helvetica neue,helvetica,arial,sans-serif; } #toast-container > div { max-width: 95vw; } .instagram-media-rendered{ display: inline-block!important; } .tiktok-embed iframe{ display: inline-block!important; width: 325px!important; }/style>script> window.Bvshop {appEnv:production,csrfToken:hQLmbrh9B59OVmQ9E3n0PPtkSfZVAGPiaRaNRvZJ,photoUrl:https:\/\/image.bvshop.tw,backUrl:https:\/\/bvshop-manage.bvshop.tw,echoKey:UwFPuw.WS62mQ,cartAmount:0,navs:{id:278335,title:\u9996\u9801,type:custom,link:\/,layer:1,parent_id:0,open_blank:false,preNavigation:null,children:},{id:278336,title:\u5168\u90e8\u5546\u54c1,type:custom,link:\/category,layer:1,parent_id:0,open_blank:false,preNavigation:null,children:{id:278337,title:\u65b0\u54c1\u4e0a\u5e02,type:custom,link:\/category\/NewArrival,layer:2,parent_id:278336,open_blank:false,preNavigation:{4:{id:278336,store_id:2002,store_style_id:null,title:\u5168\u90e8\u5546\u54c1,link:category,type:custom,layer:1,parent_id:0,sort:2,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278338,title:\u516d\u5165\u7d93\u5178\u6b3e\u7cd6\u5de2\u9f8d\u9b1a\u7cd6\u79ae\u76d2,type:custom,link:\/category\/6pcClassicBox,layer:2,parent_id:278336,open_blank:false,preNavigation:{4:{id:278336,store_id:2002,store_style_id:null,title:\u5168\u90e8\u5546\u54c1,link:category,type:custom,layer:1,parent_id:0,sort:2,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278339,title:\u5341\u4e8c\u5165\u7d93\u5178\u6b3e\u79ae\u76d2,type:custom,link:\/category\/12pcClassicBox,layer:2,parent_id:278336,open_blank:false,preNavigation:{4:{id:278336,store_id:2002,store_style_id:null,title:\u5168\u90e8\u5546\u54c1,link:category,type:custom,layer:1,parent_id:0,sort:2,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278340,title:\u7cbe\u7f8e\u63d0\u888b,type:custom,link:\/category\/GiftBag,layer:2,parent_id:278336,open_blank:false,preNavigation:{4:{id:278336,store_id:2002,store_style_id:null,title:\u5168\u90e8\u5546\u54c1,link:category,type:custom,layer:1,parent_id:0,sort:2,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:}},{id:278341,title:2026\u9650\u5b9a\u6b3e\u65b0\u6625\u79ae\u76d2\u8fce\u6625\u96c5\u5bb4,type:custom,link:\/page\/2026-cny-gifts,layer:1,parent_id:0,open_blank:false,preNavigation:null,children:{id:278342,title:2026\u65b0\u6625\u9650\u5b9a\u516d\u5165\u7cbe\u7dfb\u9f8d\u9b1a\u7cd6\u79ae\u76d2\u7d44,type:custom,link:\/category\/cny-6pcs-exquisite-gifts,layer:2,parent_id:278341,open_blank:false,preNavigation:{9:{id:278341,store_id:2002,store_style_id:null,title:2026\u9650\u5b9a\u6b3e\u65b0\u6625\u79ae\u76d2\u8fce\u6625\u96c5\u5bb4,link:https:\/\/dbcandy.com\/page\/2026-cny-gifts,type:custom,layer:1,parent_id:0,sort:3,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278343,title:2026\u65b0\u6625\u9650\u5b9a\u5341\u4e8c\u5165\u5c0a\u69ae\u9f8d\u9b1a\u7cd6\u79ae\u76d2\u7d44,type:custom,link:\/category\/cny-12pcs-premium-gifts,layer:2,parent_id:278341,open_blank:false,preNavigation:{9:{id:278341,store_id:2002,store_style_id:null,title:2026\u9650\u5b9a\u6b3e\u65b0\u6625\u79ae\u76d2\u8fce\u6625\u96c5\u5bb4,link:https:\/\/dbcandy.com\/page\/2026-cny-gifts,type:custom,layer:1,parent_id:0,sort:3,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278344,title:\u4f01\u696d\u8a02\u8cfc\u8868\u55ae,type:custom,link:\/page\/Inquiry,layer:2,parent_id:278341,open_blank:false,preNavigation:{9:{id:278341,store_id:2002,store_style_id:null,title:2026\u9650\u5b9a\u6b3e\u65b0\u6625\u79ae\u76d2\u8fce\u6625\u96c5\u5bb4,link:https:\/\/dbcandy.com\/page\/2026-cny-gifts,type:custom,layer:1,parent_id:0,sort:3,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:}},{id:278345,title:\u54c1\u724c\u4ecb\u7d39,type:custom,link:\/page\/brandstory,layer:1,parent_id:0,open_blank:false,preNavigation:null,children:},{id:278346,title:\u5e38\u898b\u554f\u984c,type:custom,link:\/#,layer:1,parent_id:0,open_blank:false,preNavigation:null,children:{id:278347,title:\u4ed8\u6b3e\u65b9\u5f0f,type:custom,link:\/page\/payment,layer:2,parent_id:278346,open_blank:false,preNavigation:{15:{id:278346,store_id:2002,store_style_id:null,title:\u5e38\u898b\u554f\u984c,link:#,type:custom,layer:1,parent_id:0,sort:5,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278348,title:\u8cfc\u7269\u6d41\u7a0b,type:custom,link:\/page\/ShoppingProcess,layer:2,parent_id:278346,open_blank:false,preNavigation:{15:{id:278346,store_id:2002,store_style_id:null,title:\u5e38\u898b\u554f\u984c,link:#,type:custom,layer:1,parent_id:0,sort:5,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278349,title:\u767c\u7968\u53ca\u7d71\u7de8\u554f\u984c,type:custom,link:\/page\/Invoice,layer:2,parent_id:278346,open_blank:false,preNavigation:{15:{id:278346,store_id:2002,store_style_id:null,title:\u5e38\u898b\u554f\u984c,link:#,type:custom,layer:1,parent_id:0,sort:5,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278350,title:\u9f8d\u9b1a\u7cd6\u4fdd\u5b58\u65b9\u5f0f,type:custom,link:\/page\/StorageMethod,layer:2,parent_id:278346,open_blank:false,preNavigation:{15:{id:278346,store_id:2002,store_style_id:null,title:\u5e38\u898b\u554f\u984c,link:#,type:custom,layer:1,parent_id:0,sort:5,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:},{id:278351,title:\u98df\u54c1\u8cc7\u8a0a\uff5c\u71df\u990a\u6a19\u793a,type:custom,link:\/page\/DragonBeardCandyInformation,layer:2,parent_id:278346,open_blank:false,preNavigation:{15:{id:278346,store_id:2002,store_style_id:null,title:\u5e38\u898b\u554f\u984c,link:#,type:custom,layer:1,parent_id:0,sort:5,open_blank:false,created_at:2025-11-17 11:57:12,updated_at:2025-11-17 11:57:12}},children:}},{id:278352,title:\u71b1\u9580\u6587\u7ae0,type:custom,link:\/blog,layer:1,parent_id:0,open_blank:false,preNavigation:null,children:},user:guest,store:2002,suffix: \uff5c\u7cd6\u5de2\u9f8d\u9b1a\u7cd6-\u5320\u5fc3\u8207\u5275\u65b0\u7684\u7d50\u6676,showAllowCookie:1,showPopUp:1,guestCanViewOrder:1,mainJsSrc:https:\/\/js.bvshop.tw\/s_template\/js\/main.js,lang:{cart:\u8cfc\u7269\u8eca,order:\u8a02\u55ae,buy:\u8cfc\u8cb7,purchase:\u9078\u8cfc,checkout:\u7d50\u5e33,sale:\u8ca9\u552e,payment:\u4ed8\u6b3e\u65b9\u5f0f,shipping:\u9001\u8ca8\u65b9\u5f0f,cartStepOne:\u8cfc\u7269\u8eca\u8cc7\u8a0a,cartStepTwo:\u4ed8\u6b3e\u8207\u904b\u9001,cartStepThree:\u8cfc\u8cb7\u4eba\u8cc7\u8a0a,cartRemark:}}; let addon_vue; let pop_vue;/script> style> #app-content { min-height: calc(100vh - 302px); } .marquee { width: 100%; } .swal2-popup .swal2-title { font-size:1.375rem !important; } .swal2-icon .swal2-icon-content { font-size:1em !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> script src//www.instagram.com/embed.js>/script> script> window.fbAsyncInit function() { FB.init({ autoLogAppEvents : true, xfbml : true, version : v16.0 }); }; (function(d, s, id) { var js, fjs d.getElementsByTagName(s)0; if (d.getElementById(id)) return; js d.createElement(s); js.id id; js.src https://connect.facebook.net/zh_TW/sdk/xfbml.customerchat.js; fjs.parentNode.insertBefore(js, fjs); }(document, script, facebook-jssdk)); /script> script async defer crossoriginanonymous srchttps://connect.facebook.net/zh_TW/sdk.js>/script> section idwrap data-currencyNT$> !-- Header ----------------------------------------------------------------------------> div idapp-header> app-header>/app-header> chat>/chat> pop-ad>/pop-ad> /div> !-- main ----------------------------------------------------------------------------> main idapp-content> div classtemplate-layout> /div> div idapp> app-header>/app-header> div classvue-content> vue-progress-bar>/vue-progress-bar> keep-alive :includeindex> router-view v-slot{ Component }> component :isComponent >/component> /router-view> /keep-alive> chat>/chat> pop-ad>/pop-ad> /div> app-footer>/app-footer> /div> /main> !-- footer ----------------------------------------------------------------------------> div idapp-footer> app-footer>/app-footer> /div> div classtemplate-layout> script>document.documentElement.classList.add(jf-active);/script>script>let appVue;/script>link relpreload asstyle hrefhttps://js.bvshop.tw/build/assets/app-968f4af5.css />link relmodulepreload hrefhttps://js.bvshop.tw/build/assets/app-067f5e3f.js />link relstylesheet hrefhttps://js.bvshop.tw/build/assets/app-968f4af5.css />script typemodule srchttps://js.bvshop.tw/build/assets/app-067f5e3f.js>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js integritysha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw crossoriginanonymous referrerpolicyno-referrer>/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.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://js.bvshop.tw/swiper/swiper-bundle.min.js>/script>script srchttps://js.bvshop.tw/js/cookie.js?1.6.0>/script>script> function igInit(){ $(.bv-instagram-embed).each(function () { let html decodeURIComponent(atob($(this).data(src))) $(this).after(html); $(this).remove(); }) if(typeof window.instgrm ! undefined){ window.instgrm.Embeds.process(); }else{ let igClock setInterval(() > { if(typeof window.instgrm ! undefined){ window.instgrm.Embeds.process(); clearInterval(igClock); } } , 1000); } } function tiktokInit(){ $(.bv-tiktok-embed).each(function () { let html decodeURIComponent(atob($(this).data(src))) $(this).after(html); $(this).remove(); }) } /script>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;});}function cartMessage() { Swal.fire({ html: ` div classflex flex-col items-center justify-center> i classel-icon-shopping-cart-2 text-40px mb-1>/i> span classtext-12px leading-4 whitespace-nowrap> 已加入購物車 /span> /div> `, showConfirmButton: false, customClass: { popup: swal-cart-popup, htmlContainer: swal-cart-container }, timer: 1000 })}/script>style> .swal-cart-popup{ width: 7rem!important; height: 7rem!important; padding: 0!important; border-radius: 9999px!important; } .swal-cart-container{ margin-left: 0!important; margin-right: 0!important; }/style>script> $.ajaxSetup({ headers: { X-CSRF-TOKEN: $(metanamecsrf-token).attr(content) } }); //setTimeout(resetToken(), 600000); function resetToken() { $.post(https://dbcandy.com/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 { //$(this).parent().find(.lev-btn).addClass(close).siblings(ul).slideUp(); } } }); if(getCookie(passerby)) { document.cookie passerbytrue;Max-Age600; } /script> !-- drawer init and toggle -->div classtext-center hidden> button idleft_cart_btn classtext-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 typebutton data-drawer-targetleft_cart data-drawer-showleft_cart data-drawer-placementright aria-controlsleft_cart> Show right drawer /button> button idhide_left_cart_btn classtext-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800 typebutton data-drawer-targetleft_cart data-drawer-hideleft_cart data-drawer-placementright aria-controlsleft_cart> Hide right drawer /button>/div>!-- drawer component -->div idleft_cart classfixed top-0 right-0 z-10001 h-screen p-4 overflow-y-auto transition-transform translate-x-full bg-white w-80 dark:bg-gray-800 tabindex-1 aria-labelledbydrawer-right-label> div classmb-32> div v-for(cart, cart_index) in carts> p v-show(hasCart && cart.items.length > 0) || (!hasCart && cart_index 0) iddrawer-right-label classinline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400> svg xmlnshttp://www.w3.org/2000/svg fillcurrentColor viewBox0 0 16 16 classw-5 h-5 mr-2 bi bi-cart> path dM0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z>/path>/svg> {{ cart.cart_title }} /P> p v-show(!hasCart && cart_index 0) classmb-6 text-md text-gray-500 dark:text-gray-400>您的{{ lang.cart }}是空的/p> div v-show!(cart.items undefined || getFilterItems(cart.items).length 0)> ul classmax-w-md divide-y d ivide-gray-200 dark:divide-gray-700> li v-for(item, i) in getFilterItems(cart.items) classpy-3 sm:py-4> div classflex flex-wrap items-center space-x-4> div classflex-shrink-0> a :hrefitem.link target_blank classw-12 h-12 rounded-full bg-center bg-contain bg-slate-200 bg-no-repeat :style{ backgroundImage: `url(${item.photo})` } /> /div> div classflex-1 min-w-0> a :hrefitem.link target_blank> p classtext-md font-medium text-primary dark:text-white> {{ item.name }} /p> p v-if!item.product_combination_id classtext-sm text-gray-400 > {{ item.option_sort }} /p> p v-forcombination_item in item.product_combination_items classtext-sm text-gray-400 > {{ combination_item.title }} span v-ifcombination_item.option_sort ! ->({{ combination_item.option_sort }})/span> x {{ combination_item.quantity }} /p> /a> /div> div class w-full my-2> p classtext-end text-sm text-gray-500 truncate dark:text-gray-400> span v-showitem.status 0 classtext-sm text-red-500>已下架/span> span v-showitem.status 1> span classtext-sm text-gray-400 mr-1>{{ item.quantity }} x /span> {{ item.price }} /span> span classtext-end text-sm font-medium text-gray-900> a :class{invisible: item.is_addon_gift} hrefjavascript:; @clickdeleteCartItem(cart_index, item) classicon-bin>/a> /span> /p> /div> /div> /li> /ul> div classgrid grid-cols-2 gap-4 mt-2 mb-8 v-show!(cart.items undefined || cart.items.length 0)> template v-ifcustomerable> template v-ifcheckSessionCustomer> a classinvisible href#>/a> a hrefjavascript:; @clickcheckout(cart.cart_id) classinline-flex items-center px-4 py-2 text-sm font-medium text-center text-white bg-primary rounded-lg bg-primary-hover focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800> 開始{{lang.checkout}} svg classw-4 h-4 ml-2 aria-hiddentrue fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg>path fill-ruleevenodd dM12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z clip-ruleevenodd>/path>/svg> /a> /template> template v-else-ifcusBuyOnly> a classinvisible href#>/a> a hrefjavascript:; @clickmemberCheckout(cart.cart_id) classinline-flex items-center px-4 py-2 text-sm font-medium text-center text-white bg-primary rounded-lg bg-primary-hover focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800> 會員{{lang.checkout}} svg classw-4 h-4 ml-2 aria-hiddentrue fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg>path fill-ruleevenodd dM12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z clip-ruleevenodd>/path>/svg> /a> /template> template v-else> a classinvisible href#>/a> a hrefjavascript:; @clickcheckout(cart.cart_id) classinline-flex items-center px-4 py-2 text-sm font-medium text-center text-white bg-primary rounded-lg bg-primary-hover focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800> 開始{{lang.checkout}} svg classw-4 h-4 ml-2 aria-hiddentrue fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg>path fill-ruleevenodd dM12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z clip-ruleevenodd>/path>/svg> /a> /template> /template> template v-else> a classinvisible href#>/a> a hrefjavascript:; @clickcheckout(cart.cart_id) classinline-flex items-center px-4 py-2 text-sm font-medium text-center text-white bg-primary rounded-lg bg-primary-hover focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800> 開始{{lang.checkout}} svg classw-4 h-4 ml-2 aria-hiddentrue fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg>path fill-ruleevenodd dM12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z clip-ruleevenodd>/path>/svg> /a> /template> /div> /div> /div> /div>/div>script srchttps://js.bvshop.tw/js/number_format.js>/script>script srchttps://js.bvshop.tw/js/html_decode.js>/script>script> let cart_vue; $(function () { Vue.http.headers.commonX-CSRF-TOKEN document.head.querySelector(metanamecsrf-token).content; cart_vue new Vue({ el:#left_cart, data: { customerable: true, checkSessionCustomer: false, cusBuyOnly: false, hasCart: false, carts: { cart_id: 0, cart_title: 一般商品, items: }, { cart_id: 248, cart_title: 測試, items: }, { cart_id: 254, cart_title: 123, items: }, { cart_id: 749, cart_title: 測試, items: }, , }, watch:{ carts: { handler: function () { this.$nextTick(function(){ let total 0; cart_vue.carts.forEach(function(cart){ cart.items.forEach(function(item){ total ++; 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.toLocaleString(); } }); }); }); }, deep: true }, }, created: function() { if (true) { this.getCartItem(); //第一次進入時沒有token,需要重整或重新取得購物車 } }, mounted() { this.$nextTick(() > { document.dispatchEvent(new CustomEvent(cartInit), {init: true}); }) }, methods: { deleteCartItem: function(cart_index, item) { const i this.cartscart_index.items.findIndex(x > x item); if(typeof this.cartscart_index.itemsi.isDelete undefined || this.cartscart_index.itemsi.isDelete ! true) { let url /cart_item/ + this.cartscart_index.itemsi.id; if (typeof addon_vue ! undefined) url + ?item + addon_vue.prod_id this.cartscart_index.itemsi.isDelete true; this.$http.delete(url).then(function(res) { this.cartscart_index.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.cartscart_index.itemsi.product_id, name: this.cartscart_index.itemsi.name, category: this.cartscart_index.itemsi.category_title, list_position: i + 1, quantity: this.cartscart_index.itemsi.quantityNumber, price: this.cartscart_index.itemsi.priceNumber, } }); } this.cartscart_index.items.splice(i, 1); //移除已刪除之加購品 res.body.delete_addon_gift_item_ids.forEach(function(id) { cart_vue.carts.forEach(function(cart) { cart.items.forEach(function(item, index) { if (id item.id && item.is_addon_gift) { cart.items.splice(index, 1); } }); }); }); // 購物車是否為全空 cart_vue.hasCart res.body.has_carts; if (typeof addon_vue ! undefined) { //商品內頁更新加購品列表 addon_vue.setAddonGift(addons, res.body); addon_vue.setAddonGift(gifts, res.body); addon_vue.$nextTick(function() { addon_vue.setCurrencyAndWrap(); addon_vue.refreshAddonDiff(); }); } setTimeout(function(){ setImgOnError(); }, 10); } }, function(err) { this.cartscart_index.itemsi.isDelete false; if (!err.ok) { if (err.status 404 && err.body.message.match(No query results for model)) { this.cartscart_index.items.splice(i, 1); setTimeout(function(){ setImgOnError(); }, 10); } } else toastr.error(無法刪除此商品!, , {timeOut: 2500}); }); } }, setAddonGift(type, res) { addon_vuetype ; res.bodytype.forEach(function(addon) { addon_vuetype.push({ id: addon.id, photo: addon.photo, title: addon.title, origin_title: addon.origin_title, price: addon.price, accumulated: addon.accumulated, origin_condition_value: addon.origin_condition_value, product_addon_gift_qty: addon.product_addon_gift_qty, quantity_sync_id: addon.quantity_sync_id, quantity_sync_spec_id: addon.quantity_sync_spec_id, condition_type: addon.condition_type, include_specs: addon.include_specs, condition_value: addon.diff null ? 0 : addon.diff, count_qty: 0, limit_max: addon.limit_max null ? 9999999 : addon.limit_max, origin_limit_max: addon.origin_limit_max null ? 9999999 : addon.origin_limit_max, quantity: addon.quantity_unlimit ? 9999999 : addon.quantity, diff: 0, diff_text: , check: false, sort: addon.sort }); }); addon_vuetype addon_vuetype.sort((a, b) > a.sort - b.sort); if (type gifts) addon_vue.resetGifts(addon_vuetype); }, getCartItem: function() { this.$http.post(https://dbcandy.com/cart/get_cart_items).then(function(res) { if (res.body.result success) { if (res.body.carts && cart_vue) { cart_vue.carts JSON.parse(JSON.stringify(res.body.carts)); } } }, function(err) { }); }, checkout(cart_setting_id) { if(typeof appVue ! undefined){ $(#hide_left_cart_btn).click() appVue.goCart(cart_setting_id); }else{ window.location.href https://dbcandy.com/carts $.redirect(https://dbcandy.com/carts, {cart_setting_id: cart_setting_id}); } }, memberCheckout(cart_setting_id) { if(typeof appVue ! undefined){ $(#hide_left_cart_btn).click() appVue.goLogin(/carts?c + cart_setting_id); }else{ window.location.href https://dbcandy.com/user/sign_in?redirect_url/carts } }, getFilterItems(items){ return items.filter((item) > { return (!item.product_combination_id || item.product_combination_id item.product_id) && (item.price ! NT$0 || !item.addon_gift_id) }) }, addToCart(product_id, product_spec_id, quantity, referral_code){ const data { product_id, product_spec_id, quantity, referral_code, input_min: 1, input_max: 999999 }; this.$http .post(/cart, data) .then(async (res) > { if (res.body.result ! success) { let messages 加入 + this.lang.cart + 失敗; if (res.body.messages) messages res.body.messages; this.$message({ message: messages.replace(br>, ), type: danger, }); } else { if (cart_vue && res.body.carts) { cart_vue.carts JSON.parse(JSON.stringify(res.body.carts)); cart_vue.hasCart true; } setTimeout(() > { $(#refresh-cart).click(); }, 300); cartMessage(); } }) .catch((res) > { this.$message({ message: 商品無法加入 + this.lang.cart, type: danger, }); }); } } }); }) window.addToCart (id, quantity, referral_code) > { let data String(id).split(-) cart_vue.addToCart(data0, data1 || null, quantity, referral_code) }/script> /div> /section> div classtemplate-layout> /div> script>(function(){function c(){var ba.contentDocument||a.contentWindow.document;if(b){var db.createElement(script);d.innerHTMLwindow.__CF$cv$params{r:9bfdf6755edfbd22,t:MTc2ODczNzk0OQ};var adocument.createElement(script);a.src/cdn-cgi/challenge-platform/scripts/jsd/main.js;document.getElementsByTagName(head)0.appendChild(a);;b.getElementsByTagName(head)0.appendChild(d)}}if(document.body){var adocument.createElement(iframe);a.height1;a.width1;a.style.positionabsolute;a.style.top0;a.style.left0;a.style.bordernone;a.style.visibilityhidden;document.body.appendChild(a);if(loading!document.readyState)c();else if(window.addEventListener)document.addEventListener(DOMContentLoaded,c);else{var edocument.onreadystatechange||function(){};document.onreadystatechangefunction(b){e(b);loading!document.readyState&&(document.onreadystatechangee,c())}}}})();/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]