1<!doctype html> 2<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 3<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> 4<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]--> 5<!--[if IE 9 ]><html class="ie9 no-js"> <![endif]--> 6<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]--> 7<head> 8 9 <!-- Basic page needs ================================================== --> 10 <meta charset="utf-8"> 11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 12 13 14 <link rel="icon" href="https://cdn.store-assets.com/s/177807/f/14685431.png" /> 15 16 17 <!-- Title and description ================================================== --> 18 <title> 19 ç»å ¥ – å°å®¢ç·ä¸ InkTWï½åå°.æ¨ç±¤.èæå°æ¥ç¶²åºï½æ»¿åå éãç人客æã實é«åºé¢ã 20 </title> 21 22 23 24 <!-- Social meta ================================================== --> 25 26 27 <meta property="og:type" content="website"> 28 <meta property="og:title" content="ç»å ¥"> 29 <meta property="og:url" content="https://www.ink-tw.com/account/login"> 30 31 <meta property="og:image" content="https://cdn.store-assets.com/s/177807/f/14685427.png"> 32 <meta property="og:image:secure_url" content="https://cdn.store-assets.com/s/177807/f/14685427.png"> 33 34 35 36<meta property="og:description" content="ãå°å®¢ç·ä¸ãæ¯ç±ãå°ç£å°å®¢æéå ¬å¸ãçéä¹å®æ¹ç¶²ç«ãæå謹æ èª ææä¾æ¨ãéæ±å»ºè°ãããçé£æè§£ããåå©ã帳åç¼ç¥¨äºå®ãï¼æ»¿è¶³æ¨ä¸å®è³¼è²·é·å°ãå´å¢¨ãé£çºä¾å¢¨å°è¡¨æ©ï½å°æ¥ææå¨ï½æ¨ç±¤æ©ï½åå» å¢¨æ°´ã碳ç²å£çéæ±ï¼æä¾æºç¢ºå¿«éç購買å諮詢é«é©ã 37 38ç·ä¸ååççºå«ç¨ å¹ï¼éç«ï¼å¯å«çµ±ç·¨ï¼é»åç¼ç¥¨ï¼ååçåå» å ¨æ°æªæå è£ï¼å å«åå» åå§èæï¼å®æ´åå» ä¿åºååèä¿é·åç´æ´»å乿¬å©ãæ¬å³¶ç¯åå §ï¼ä¸è¬ååçè½éæ¥å°è²¨ï¼ä¸å«ä¾åæ¥ï¼ã"> 39<meta property="og:site_name" content="å°å®¢ç·ä¸ InkTWï½åå°.æ¨ç±¤.èæå°æ¥ç¶²åºï½æ»¿åå éãç人客æã實é«åºé¢ã"> 40 41 42 43 <meta name="twitter:card" content="summary"> 44 45 46 47 <meta name="twitter:site" content="@"> 48 49 50 51 52 53 <!-- Helpers ================================================== --> 54 <link rel="canonical" href="https://www.ink-tw.com/account/login"> 55 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"> 56 <meta name="theme-color" content="#59ADD7"> 57 58
58<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript" ></script>
58 59 60 <!-- Header hook for plugins ================================================== --> 61 62<!-- ScriptTags -->
63<script>window.__st={p: "customers",cid: null,cem: null,cph: null,cfn: null,cln: null,cge: null,cdb: null,ccc: null};</script>
63<script src='/assets/events.js'></script>
63<script>(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#xfbml=1&version=v6.0&autoLogAppEvents=1';fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>
63<script type='text/javascript'>(function(){var d=document,h=d.getElementsByTagName('head')[0],s=d.createElement('script');s.type='text/javascript';s.async=!0;s.src='https://chat.easystore.co/api/easystore/v1/widgets/chat/d4042a0a-0b74-4112-92c8-50174b60a57c?external_id=&customer_id=&user_email=&user_name=&source=easystore&locale=zh_TW&timezone=Asia/Taipei&v=1791399754';h.appendChild(s)}())</script>
63<script>(function(){function asyncLoad(){var urls=['/assets/facebook-pixel.js?v=1.2.1733127967','/assets/traffic.js?v=1','https://apps.easystore.co/google-analytics-4/script.js?shop=sici9698.easy.co','https://solines.tw/assets/es_track.js','https://smartarget.online/loader.js?type=int&u=dc306e4fd9b17dcdd8ede6b93ac9be00cf489452&source=easystore_line','https://smartarget.online/loader.js?type=int&u=f53295a3e43d8302aebd4a1267bcf48f70c81da3&source=easystore_button_builder'];for(var i=0;i<urls.length;i++){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=urls[i];var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);}}window.attachEvent ? window.attachEvent('onload', asyncLoad) : window.addEventListener('load', asyncLoad, false);})();</script>
63 64<!-- /ScriptTags --> 65 66 67 68
68<script src="https://store-themes.easystore.co/177807/themes/290544/assets/global.js?t=1791383721" defer="defer"></script>
68 69 70 71 72
72<script src="/assets/shop_common.js" type="text/javascript" ></script>
72 73
73<script src="/assets/customer_area.js" type="text/javascript" ></script>
73 74 75 76
76<script> 77 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 78 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 79 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 80 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 81 82 ga('create', '', 'auto','myTracker'); 83 ga('myTracker.send', 'pageview'); 84 85 </script>
85 86 87
87<script src="/assets/storefront.js?id=1d419de2011a5572c98b" type="text/javascript" ></script>
vendor: 1 bytes, line 87
87
88<script> 89
vendor: 134 bytes, lines 89-93
89window.dataLayer = window.dataLayer || []; 90 function gtag(){dataLayer.push(arguments);} 91 gtag('js', new Date()); 92 93 gtag('config', '
93G-L3JVJ0Q2LN
vendor: 4 bytes, line 93
93');
94</script>
94 95<!--Register-->
96<script> 97 window.addEventListener('load', function (event) { 98if(window.location.href.includes('https://www.ink-tw.com/account/challenge')) 99 { document.querySelectorAll('input[type=submit]').forEach(function(e){ 100 e.addEventListener("click",function(){ 101 102 103 gtag('event','Register'); 104 }) 105 106 }) 107 108 } 109 110 }) 111 112</script>
112 113<!-- Event snippet for 註å conversion page --> 114
115<script> 116 window.addEventListener('load', function(event){ 117 118 document.querySelectorAll('[class="btn button--full-width g-recaptcha"]').forEach(function(e){ 119 e.addEventListener('click', function(){ 120 var email = document.querySelector('[name="customer[email_or_phone]"]').value; 121 122 var mailformat = /^\w+([\.-]?\w+)@\w+([\.-]?\w+)(\.\w{2,3})+$/; 123 124 125 if(email.match(mailformat)){ 126 127 gtag('set', 'user_data',{ 128 "email": email 129 }) 130 gtag('event', 'conversion', {'send_to': 'AW-817165049/gZNJCMv_yuYDEPnl04UD'}); 131 }; 132 }); 133 }); 134 }); 135 136</script>
136 137
138<script> 139 (function () { 140 const setup_init_code = function (ev) { 141 window.removeEventListener('load', setup_init_code); 142 console.warn(ev.type); 143 144 // GTM GA4 Ecommerce [ purchase, begin_checkout, view_item, add_to_cart ] 145 const CURRENCY = 'TWD'; 146 147 document.addEventListener('click', function (e) { 148 const dom = e.target.closest('#CartTemplate button[name=checkout]'); 149 if (dom === null) return; 150 151 let rows = document.querySelectorAll('#CartTemplate .cart__row-wrapper .cart__row'); 152 153 let items = []; 154 rows.forEach(function (r) { 155 let x = {}; 156 x.item_name = r.querySelector('a.h5').innerText.trim(); 157 x.price = parseFloat(r.querySelector('.order-item-detail div').innerText.replace(/[^0-9\.]/g, '')); 158 x.quantity = parseInt(r.querySelector('input.cart__quantity-selector').value.replace(/[^0-9\.]/g, '')); 159 x.currency = CURRENCY; 160 161 items.push(x); 162 }); 163 console.table(items); 164 165 gtag('event', 'begin_checkout', { 166 currency: CURRENCY, 167 value: Math.round( 168 items.map(function (x) { return x.quantity * x.price; }) 169 .reduce(function (p, x) { return p + x; }) 170 * 100) / 100, 171 items: items 172 }); 173 174 gtag('event', 'purchase', { 175 currency: CURRENCY, 176 value: Math.round( 177 items.map(function (x) { return x.quantity * x.price; }) 178 .reduce(function (p, x) { return p + x; }) 179 * 100) / 100, 180 items: items 181 }); 182 }); 183 184 185 // view product 186 if (location.pathname.startsWith('/collections/') === true) { 187 gtag('event', 'view_item', { 188 items: [ 189 { 190 item_name: document.querySelector('[itemprop="name"]').innerText.trim(), 191 } 192 ] 193 }); 194 } 195 196 // add to cart (product view) 197 document.querySelectorAll('.addToCart-btn').forEach(function (x) { 198 x.addEventListener('click', function (e) { 199 let item = { 200 item_name: document.querySelector('[itemprop="name"]').innerText.trim(), 201 price: parseFloat(document.querySelector('.money').innerText.replace(/[^0-9\.]+/g, '')), 202 currency: CURRENCY, 203 quantity: 1 204 }; 205 console.warn(item); 206 207 gtag('event', 'add_to_cart', { 208 items: [item] 209 }); 210 }); 211 }); 212 213 }; 214 window.addEventListener('DOMContentLoaded', setup_init_code); 215 window.addEventListener('load', setup_init_code); 216 })(); 217</script>
vendor: 1 bytes, line 217
217
218<script> 219 gtag('event', 'page_view', { 220 'send_to': 'AW-817165049', 221 'user_id': 'replace with value', 222 'value': 'replace with value', 223 'items': [{ 224 'id': 'replace with value', 225 'google_business_vertical': 'retail' 226 }] 227 }); 228</script>
228 229 <!-- Event snippet for ç¨å¼ç¢¼è³¼è²· conversion page -->
230<script> 231 gtag('event', 'conversion', { 232 'send_to': 'AW-817165049/P5niCOa5na0CEPnl04UD', 233 'value': 'payment.total', 234 'currency': 'TWD', 235 'transaction_id': 'order.number' 236 }); 237</script>
237 238 239 <!-- CSS ================================================== --> 240 <style> 241 @font-face { 242 font-family: 'Alata'; 243 font-style: normal; 244 font-weight: regular; 245 src: local('Alata regular'), local('Alata-regular'), url(https://fonts.gstatic.com/s/alata/v2/PbytFmztEwbIofe6xKcRQEOX.ttf) format('truetype'); 246 } 247 248 @font-face { 249 font-family: 'Averia Gruesa Libre'; 250 font-style: normal; 251 font-weight: regular; 252 src: local('Averia Gruesa Libre regular'), local('Averia Gruesa Libre-regular'), url(https://fonts.gstatic.com/s/averiagruesalibre/v11/NGSov4nEGEktOaDRKsY-1dhh8eEtIx3ZUmmJw0SLRA8.ttf) format('truetype'); 253 } 254 255 :root { 256 --font-body-family: 'Alata', sans-serif; 257 --font-body-style: normal; 258 --font-body-weight: 500; 259 260 --font-heading-family: 'Averia Gruesa Libre', display; 261 --font-heading-style: normal; 262 --font-heading-weight: 400; 263 264 --color-heading-text: 13,31,55; 265 --color-base-text: 13,31,55; 266 --color-base-background-1: 255,255,255; 267 --color-base-background-2: 255,255,255; 268 269 --color-base-solid-button-labels: 9,36,95; 270 --color-base-outline-button-labels: 237,127,202; 271 272 --color-base-accent-1: 89,173,215; 273 --color-base-accent-2: 89,173,215; 274 --payment-terms-background-color: 255,255,255; 275 276 --gradient-base-background-1: 255,255,255; 277 --gradient-base-background-2: 255,255,255; 278 --gradient-base-accent-1: 89,173,215; 279 --gradient-base-accent-2: 89,173,215; 280 281 --page-width: 120rem; 282 } 283 284 *, 285 *::before, 286 *::after { 287 box-sizing: inherit; 288 } 289 290 html { 291 box-sizing: border-box; 292 font-size: 62.5%; 293 height: 100%; 294 } 295 296 body { 297 display: grid; 298 grid-template-rows: auto auto 1fr auto; 299 grid-template-columns: 100%; 300 min-height: 100%; 301 margin: 0; 302 font-size: 1.5rem; 303 letter-spacing: 0.06rem; 304 line-height: 1.8; 305 font-family: var(--font-body-family); 306 font-style: var(--font-body-style); 307 font-weight: var(--font-body-weight); 308 309 } 310 311 @media screen and (min-width: 750px) { 312 body { 313 font-size: 1.6rem; 314 } 315 } 316 </style> 317 318 <link href="https://store-themes.easystore.co/177807/themes/290544/assets/base.css?t=1791383721" rel="stylesheet" type="text/css" media="screen" /> 319 320 321 322<!-- Snippet:global/head: Google Search Console --> 323<meta name="google-site-verification" content="abc123"> 324<!-- /Snippet --> 325 326<!-- Snippet:global/head: Tawk.to --> 327<!--Start of Tawk.to Script-->
328<script type="text/javascript"> 329var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 330(function(){ 331var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 332s1.async=true; 333s1.src='https://embed.tawk.to/5a2a0d4bd0795768aaf8e09e/default'; 334s1.charset='UTF-8'; 335s1.setAttribute('crossorigin','*'); 336s0.parentNode.insertBefore(s1,s0); 337})(); 338 339</script>
339 340<!--End of Tawk.to Script--> 341<!-- /Snippet --> 342 343<!-- Snippet:global/head: OnVoard AOV Progress Bar -->
344<script> 345 (function() { 346 window.OnVoard = window.OnVoard || function() { 347 (window.OnVoard.q = window.OnVoard.q || []).push(arguments); 348 }; 349 var script = document.createElement("script"); 350 var parent = document.getElementsByTagName("script")[0].parentNode; 351 script.async = 1; 352 353 354 script.src = "https://scripts.onvoard.com/apps/loader.js"; 355 356 parent.appendChild(script); 357 })(); 358</script>
358 359 360
361<script> 362 363var ovData = {}; 364ovData["ecommerce_platform"] = "easystore"; 365ovData["account_id"] = "acct_6ii6h6mnbknlu7s"; 366 367 368 ovData["template"] = "customers"; 369 ovData["cart"] = {"item_count":0,"total_price":0,"announcements":[]}; 370 ovData["product"] = ""; 371 ovData["shop"] = {}; 372 ovData["customer"] = {}; 373 374 375 ovData["shop"] = { 376 "currency": "TWD", 377 "domain": "www.ink-tw.com", 378 "url": "https://www.ink-tw.com", 379 "money_format": "<span class=money data-ori-price='{{amount}}'>NT$ {{amount}} </span>", 380 }; 381 382 383 384 385 window.OnVoardData = ovData; 386</script>
386 387 388<!-- /Snippet --> 389 390<!-- Snippet:global/head: Insert Code --> 391 392<!--Google Ads --> 393<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 393-394
393 394<script async src="https://www.googletagmanager.com/gtag/js?id=
394AW-817165049
vendor: 13 bytes, line 394
394"></script>
395<script> 396
vendor: 138 bytes, lines 396-400
396window.dataLayer = window.dataLayer || []; 397 function gtag(){dataLayer.push(arguments);} 398 gtag('js', new Date()); 399 400 gtag('config', '
400AW-817165049
vendor: 5 bytes, line 400
400');
401</script>
401 402
403<script> 404 window.addEventListener('load',function() 405 { 406 document.querySelectorAll('div[class^="addToCartList"]').forEach(function(e) 407 { 408 e.addEventListener('click',function() 409 { 410 gtag('event', 'conversion', {'send_to': 'AW-817165049/jaulCN2N3OUDEPnl04UD'}); 411 }) 412 }) 413 414 document.querySelectorAll('button[name="add"]').forEach(function(e) 415 { 416 e.addEventListener('click',function() 417 { 418 gtag('event', 'conversion', {'send_to': 'AW-817165049/jaulCN2N3OUDEPnl04UD'}); 419 }) 420 }) 421 422 if(window.location.href.includes("/orders")){ 423 var tid = Date.now(); 424 var revenue = document.querySelector('[id="total-price"]').innerText.substr(4).replace(",",""); 425 426 gtag('event', 'conversion', { 427 'send_to': 'AW-817165049/j_etCMSNleYDEPnl04UD', 428 'value': revenue, 429 'currency': 'TWD', 430 'transaction_id': tid 431 }); 432 } 433 }) 434</script>
434 435
436<script> 437 window.addEventListener('load',function() 438 { 439 if(window.location.href.includes("/checkout/")){ 440 gtag('event', 'conversion', {'send_to': 'AW-817165049/IPgWCMj_yuYDEPnl04UD'}); 441 } 442 443 if(window.location.href.includes("/register")){ 444 document.querySelectorAll('input[id="create_acc"]').forEach(function(e) 445 { 446 e.addEventListener('click',function() 447 { 448 var name= document.querySelector('input[id="FirstName"]').value; 449 var email= document.querySelector('input[id="EmailOrPhone"]').value; 450 var pwd= document.querySelector('input[id="CreatePassword"]').value; 451 if(email!="" && name!="" && pwd!="") 452 { 453 gtag('event', 'conversion', {'send_to': 'AW-817165049/gZNJCMv_yuYDEPnl04UD'}); 454 } 455 }) 456 }) 457 } 458 }) 459</script>
459 460<!-- /Snippet --> 461 462<!-- Snippet:global/head: Product Property é²éè¦æ ¼é¸é --> 463 464
464<script src="https://apps.easystore.co/assets/js/product-property/properties.js?v2.03"></script>
464 465 <link type="text/css" rel="stylesheet" href="https://apps.easystore.co/assets/css/product-property/main.css?v2.03"> 466 467<!-- /Snippet --> 468 469<!-- Snippet:global/head: Recently View --> 470 471 <link rel="stylesheet" href="https://apps.easystore.co/assets/css/recently-view/main.css?v1"> 472<!-- /Snippet --> 473 474 475
475<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
475 476</head> 477 478<body id="------" class="template-customers" > 479 480 481<!-- Snippet:global/body_start: Announcement Bar --> 482<link rel="stylesheet" href="https://apps.easystore.co/assets/css/annoucement-bar/marquee.css?v1.02"> 483 484<div id="announcement-bar" name="announcement-bar" style=" 485 border: unset; 486 padding: 6px 0px; 487 margin: 0px; 488 z-index:2999; 489 background:rgb(244, 146, 200); 490 color:rgb(38, 2, 2); 491 position: -webkit-sticky; position: sticky; top: 0; 492"> 493 494 <input type="hidden" id="total_announcement_left" name="total_announcement_left" value="4"> 495 <input type="hidden" id="locale" name="locale" value="zh_TW"> 496 497 <div class="app_marquee-wrapper" style=" 498 padding: 4px 0px; 499 border-top: 1px dashed; 500 border-bottom: 1px dashed; 501 border-color: rgb(38, 2, 2); 502 "> 503 <div class="app_marquee-container"> 504 <div id="announcement_bar_0" class="announcement_bar_0 announcement_bar-content"> 505 å ¨ç«æå¡æ¶è²»åé¥0.75%è³¼ç©éèæå¡é»æ¸ï¼ 506 <a class="announcement-bar-button" href="/account" style="color: rgb(233, 69, 69); background: rgb(255, 255, 255);">æå¡ä¸å¿</a> 507 <input type="hidden" id="expired_at_0" name="expired_at_0" value="2021-05-17 00:00"> 508 </div> 509 <div id="announcement_bar_1" class="announcement_bar_1 announcement_bar-content"> 510 å°å®¢ç·ä¸æè¬ç¥æå®é¡å¥æ¯2000å ç¾æ100å ï¼ 511 <input type="hidden" id="expired_at_1" name="expired_at_1" value="2024-06-04 12:00"> 512 </div> 513 <div id="announcement_bar_2" class="announcement_bar_2 announcement_bar-content"> 514 æå¡ææ°æ¶æ¯ 515 <a class="announcement-bar-button" href="/pages/sales-campaign" style="color: rgb(233, 69, 69); background: rgb(255, 255, 255);">ç§ç§</a> 516 <input type="hidden" id="expired_at_2" name="expired_at_2" value="2024-12-05 00:00"> 517 </div> 518 <div id="announcement_bar_3" class="announcement_bar_3 announcement_bar-content"> 519 æå¡é ååªæ å¸å°å 520 <a class="announcement-bar-button" href="/account/vouchers" style="color: rgb(233, 69, 69); background: rgb(255, 255, 255);">å»é å¸ï¼</a> 521 <input type="hidden" id="expired_at_3" name="expired_at_3" value="2024-12-05 00:00"> 522 </div> 523 </div> 524 525 </div> 526</div> 527 528 529
530<script> 531 var is_top_enabled = 1; 532 if (is_top_enabled) { 533 // Prevent announcement bar block header 534 setTimeout(() => { 535 let header = document.querySelector('#easystore-section-header'); 536 let topbar = document.querySelector('.sticky-topbar'); 537 let announcementBar = document.querySelector('#announcement-bar'); 538 539 if (announcementBar) { 540 let height = announcementBar.offsetHeight + 'px'; 541 if (header) header.style.top = height; 542 if (topbar) topbar.style.top = height; 543 } 544 }, 2000); 545 } 546 547 setInterval(function () { 548 let total_announcement = parseInt("4", 10); 549 let total_announcement_left = parseInt(document.querySelector("#total_announcement_left").value, 10); 550 551 for (let i = 0; i <= total_announcement; i++) { 552 let startDate = new Date(); 553 let endDateStr = document.querySelector(`#expired_at_${i}`)?.value; 554 let endDate = endDateStr ? new Date(endDateStr.replace(/-/g, "/")) : new Date(); 555 let seconds = (endDate.getTime() - startDate.getTime()) / 1000; 556 557 let days = Math.floor(seconds / 86400); 558 let hours = Math.floor((seconds % 86400) / 3600); 559 let mins = Math.floor((seconds % 3600) / 60); 560 let secs = Math.floor(seconds % 60); 561 562 function translate(key, locale, values = 1) { 563 if (locale === "zh_TW") { 564 let translations = { 565 day: "天", 566 hour: "å°æ", 567 min: "åé", 568 sec: "ç§" 569 }; 570 return translations[key] || key; 571 } else { 572 let singularPlural = { day: "Day", hour: "Hour", min: "Min", sec: "Sec" }; 573 let plural = { day: "Days", hour: "Hours", min: "Mins", sec: "Secs" }; 574 if (key in singularPlural) { 575 return values > 1 ? plural[key] : singularPlural[key]; 576 } 577 return key; 578 } 579 } 580 581 582 let countdownElement = document.querySelector(`#announcementBar_countdown_${i}`); 583 if (countdownElement && seconds > 0) { 584 let locale = document.querySelector("#locale")?.value || "en"; 585 let countdownItems = document.querySelectorAll(`.announcementBar_countdown_${i}`); 586 countdownItems.forEach(item => { 587 item.style.display = ''; 588 item.innerHTML = ` 589 <div> 590 <span>${days}</span> <small>${translate('day', locale, days)}</small> 591 </div> 592 <div> 593 <span>${hours}</span> <small>${translate('hour', locale, hours)}</small> 594 </div> 595 <div> 596 <span>${mins}</span> <small>${translate('min', locale, mins)}</small> 597 </div> 598 <div> 599 <span>${secs}</span> <small>${translate('sec', locale, secs)}</small> 600 </div> 601 `; 602 }); 603 } else if (countdownElement && seconds <= 0) { 604 let bar = document.querySelector(`#announcement_bar_${i}`); 605 if (bar) bar.remove(); 606 total_announcement_left -= 1; 607 document.querySelector("#total_announcement_left").value = total_announcement_left; 608 } 609 } 610 611 showOrHide(total_announcement_left); 612 }, 1000); 613 614 function showOrHide(total_announcement_left) { 615 let prevButton = document.querySelector("#previous-announcement-bar-button"); 616 let nextButton = document.querySelector("#next-announcement-bar-button"); 617 let closeButton = document.querySelector("#announcement-close-button"); 618 let announcementBar = document.querySelector("#announcement-bar"); 619 let announcementBarTop = document.querySelector("#announcement-bar-top"); 620 let header = document.querySelector("#easystore-section-header"); 621 let topbar = document.querySelector(".sticky-topbar"); 622 623 if (total_announcement_left <= 1) { 624 if (prevButton) prevButton.style.display = 'none'; 625 if (nextButton) nextButton.style.display = 'none'; 626 } else { 627 if (prevButton) prevButton.style.display = 'block'; 628 if (nextButton) nextButton.style.display = 'block'; 629 } 630 631 if (total_announcement_left === 0) { 632 if (closeButton) closeButton.style.display = 'none'; 633 if (announcementBar) announcementBar.style.display = 'none'; 634 if (announcementBarTop) announcementBarTop.style.display = 'none'; 635 if (header) header.style.top = '0px'; 636 if (topbar) topbar.style.top = '0px'; 637 } 638 } 639 640 let closeButton = document.querySelector("#announcement-close-button"); 641 if (closeButton) { 642 closeButton.addEventListener('click', () => { 643 let announcementBar = document.querySelector("#announcement-bar"); 644 let announcementBarTop = document.querySelector("#announcement-bar-top"); 645 let header = document.querySelector("#easystore-section-header"); 646 let topbar = document.querySelector(".sticky-topbar"); 647 648 if (announcementBar) announcementBar.style.display = 'none'; 649 if (announcementBarTop) announcementBarTop.style.display = 'none'; 650 if (header) header.style.top = ''; 651 if (topbar) topbar.style.top = ''; 652 }); 653 } 654 655</script>
655 656 657
658<script> 659 (function initializeMarquee() { 660 const marqueeWrapper = document.querySelector(`#announcement-bar .app_marquee-wrapper`); 661 const marqueeContainer = document.querySelector(`#announcement-bar .app_marquee-container`); 662 663 if (!marqueeWrapper || !marqueeContainer) return; 664 665 const children = Array.from(marqueeContainer.children); 666 667 // Calculate the total width of children 668 let totalWidth = children.reduce((acc, child) => acc + child.offsetWidth, 0); 669 const screenWidth = window.innerWidth; 670 671 // Clone children until the total width exceeds the screen width 672 while (totalWidth < screenWidth * 3) { 673 children.forEach(child => { 674 const clone = child.cloneNode(true); 675 marqueeContainer.appendChild(clone); 676 totalWidth += clone.offsetWidth; 677 }); 678 } 679 680 // Clone the marquee container 681 const clonedContainer = marqueeContainer.cloneNode(true); 682 marqueeWrapper.appendChild(clonedContainer); 683 })(); 684</script>
684 685 686<!-- /Snippet --> 687 688<!-- Snippet:global/body_start: Console Extension --> 689<div id='es_console' style='display: none;'>177807</div> 690<!-- /Snippet --> 691 692 693 <style> 694 header { 695 --logo-width: 250px; 696 } 697 .header-wrapper, 698 .header-wrapper .list-menu--disclosure, 699 .header-wrapper .search-modal{ 700 background-color: #FFFFFF; 701 } 702 .header-wrapper .search-modal .field__input{ 703 background-color: rgb(var(--color-background)); 704 } 705 .header-wrapper summary .icon-caret, 706 .header-wrapper .header__menu-item a, 707 .header-wrapper .list-menu__item, 708 .header-wrapper .link--text{ 709 color: #0B2D43; 710 } 711 712 .search-modal__form{ 713 position: relative; 714 } 715 716 .dropdown { 717 display: none; 718 position: absolute; 719 top: 100%; 720 left: 0; 721 width: 100%; 722 padding: 5px 0; 723 background-color: #fff; 724 color:#000; 725 z-index: 1000; 726 border-bottom-left-radius: 15px; 727 border-bottom-right-radius: 15px; 728 border: 1px solid rgba(var(--color-foreground), 1); 729 border-top: none; 730 overflow-x: hidden; 731 overflow-y: auto; 732 max-height: 350px; 733 } 734 735 .dropdown-item { 736 padding: 0.4rem 2rem; 737 cursor: pointer; 738 line-height: 1.4; 739 overflow: hidden; 740 text-overflow: ellipsis; 741 white-space: nowrap; 742 } 743 744 .dropdown-item:hover{ 745 background-color: #f3f3f3; 746 } 747 748 .search__input.is-focus{ 749 border-radius: 15px; 750 border-bottom-left-radius: 0; 751 border-bottom-right-radius: 0; 752 border: 1px solid rgba(var(--color-foreground), 1); 753 border-bottom: none; 754 box-shadow: none; 755 } 756 757 .clear-all { 758 text-align: right; 759 padding: 0 2rem 0.2rem; 760 line-height: 1; 761 font-size: 70%; 762 margin-bottom: -2px; 763 } 764 765 .clear-all:hover{ 766 background-color: #fff; 767 } 768 769 .search-input-focus .easystore-section-header-hidden{ 770 transform: none; 771 } 772 .referral-notification { 773 position: absolute; 774 top: 100%; 775 right: 0; 776 background: white; 777 border: 1px solid #e0e0e0; 778 border-radius: 8px; 779 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 780 width: 280px; 781 z-index: 1000; 782 padding: 16px; 783 margin-top: 8px; 784 font-size: 14px; 785 line-height: 1.4; 786 } 787 788 .referral-notification::before { 789 content: ''; 790 position: absolute; 791 top: -8px; 792 right: 20px; 793 width: 0; 794 height: 0; 795 border-left: 8px solid transparent; 796 border-right: 8px solid transparent; 797 border-bottom: 8px solid white; 798 } 799 800 .referral-notification::after { 801 content: ''; 802 position: absolute; 803 top: -9px; 804 right: 20px; 805 width: 0; 806 height: 0; 807 border-left: 8px solid transparent; 808 border-right: 8px solid transparent; 809 border-bottom: 8px solid #e0e0e0; 810 } 811 812 .referral-notification h4 { 813 margin: 0 0 8px 0; 814 color: #2196F3; 815 font-size: 16px; 816 font-weight: 600; 817 } 818 819 .referral-notification p { 820 margin: 0 0 12px 0; 821 color: #666; 822 } 823 824 .referral-notification .referral-code { 825 background: #f5f5f5; 826 padding: 8px; 827 border-radius: 4px; 828 font-family: monospace; 829 font-size: 13px; 830 text-align: center; 831 margin: 8px 0; 832 border: 1px solid #ddd; 833 } 834 835 .referral-notification .close-btn { 836 position: absolute; 837 top: 8px; 838 right: 8px; 839 background: none; 840 border: none; 841 font-size: 18px; 842 color: #999; 843 cursor: pointer; 844 padding: 0; 845 width: 20px; 846 height: 20px; 847 line-height: 1; 848 } 849 850 .referral-notification .close-btn:hover { 851 color: #333; 852 } 853 854 .referral-notification .action-btn { 855 background: #2196F3; 856 color: white; 857 border: none; 858 padding: 8px 16px; 859 border-radius: 4px; 860 cursor: pointer; 861 font-size: 12px; 862 margin-right: 8px; 863 margin-top: 8px; 864 } 865 866 .referral-notification .action-btn:hover { 867 background: #1976D2; 868 } 869 870 .referral-notification .dismiss-btn { 871 background: transparent; 872 color: #666; 873 border: 1px solid #ddd; 874 padding: 8px 16px; 875 border-radius: 4px; 876 cursor: pointer; 877 font-size: 12px; 878 margin-top: 8px; 879 } 880 881 .referral-notification .dismiss-btn:hover { 882 background: #f5f5f5; 883 } 884 .referral-modal__dialog { 885 transform: translate(-50%, 0); 886 transition: transform var(--duration-default) ease, visibility 0s; 887 z-index: 10000; 888 position: fixed; 889 top: 20vh; 890 left: 50%; 891 width: 100%; 892 max-width: 350px; 893 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 894 border-radius: 12px; 895 background-color: #fff; 896 color: #000; 897 padding: 20px; 898 text-align: center; 899 } 900 901 .modal-overlay.referral-modal-overlay { 902 position: fixed; 903 top: 0; 904 left: 0; 905 width: 100%; 906 height: 100%; 907 background-color: rgba(0, 0, 0, 0.7); 908 z-index: 2001; 909 display: block; 910 opacity: 1; 911 transition: opacity var(--duration-default) ease, visibility 0s; 912 } 913</style> 914 915<link rel="preload" href="https://store-themes.easystore.co/177807/themes/290544/assets/section-header.css?t=1791383721" as="style" onload="this.onload=null;this.rel='stylesheet'"> 916<link rel="preload" href="https://store-themes.easystore.co/177807/themes/290544/assets/component-list-menu.css?t=1791383721" as="style" onload="this.onload=null;this.rel='stylesheet'"> 917<link rel="preload" href="https://store-themes.easystore.co/177807/themes/290544/assets/component-menu-drawer.css?t=1791383721" as="style" onload="this.onload=null;this.rel='stylesheet'"> 918<link rel="preload" href="https://store-themes.easystore.co/177807/themes/290544/assets/component-cart-notification.css?v1.1?t=1791383721" as="style" onload="this.onload=null;this.rel='stylesheet'"> 919
920<script src="https://store-themes.easystore.co/177807/themes/290544/assets/cart-notification.js?t=1791383721" defer="defer"></script>
vendor: 1 bytes, line 920
920
921<script src="https://store-themes.easystore.co/177807/themes/290544/assets/details-modal.js?t=1791383721" defer="defer"></script>
921 922 923<svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 924 <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> 925 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> 926 </symbol> 927 928 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 929 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 930 </symbol> 931</svg> 932 933 934<div id="easystore-section-header"> 935 <sticky-header class="header-wrapper header-wrapper--border-bottom"> 936 <header class="header header--middle-left page-width header--has-menu" itemscope itemtype="http://schema.org/Organization"> 937 <header-drawer data-breakpoint="tablet"> 938 <details class="menu-drawer-container menu-opening"> 939 <summary class="header__icon header__icon--menu header__icon--summary link link--text focus-inset" aria-label="Menu" role="button" aria-expanded="true" aria-controls="menu-drawer"> 940 <span> 941 942 943 944 <svg class="icon icon-hamburger " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M32.5,65h535a25,25,0,0,0,0-50H32.5a25,25,0,0,0,0,50Z" fill="currentColor"/><path d="M567.5,275H32.5a25,25,0,0,0,0,50h535a25,25,0,0,0,0-50Z" fill="currentColor"/><path d="M567.5,535H32.5a25,25,0,0,0,0,50h535a25,25,0,0,0,0-50Z" fill="currentColor"/></svg> 945 946 947 948 949 950 951 <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg> 952 953 954 955 </span> 956 </summary> 957 <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1"> 958 <div class="menu-drawer__inner-container"> 959 <div class="menu-drawer__navigation-container"> 960 <nav class="menu-drawer__navigation"> 961 <ul class="menu-drawer__menu list-menu" role="list"> 962 963 964 965 <li> 966 <a href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 967 å°å®¢ç·ä¸ 968 </a> 969 </li> 970 971 972 973 974 975 <li> 976 <details> 977 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 978 <a href="/collections/all" class="link--text list-menu__item menu-drawer__menu-item"> 979 å°å®¢åå 980 </a> 981 982 983 984 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 985 986 987 988 989 990 991 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 992 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 993 </svg> 994 995 996 997 </summary> 998 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 999 <div class="menu-drawer__inner-submenu"> 1000 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1001 1002 1003 1004 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1005 1006 1007 1008 å°å®¢åå 1009 </button> 1010 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1011 1012 1013 1014 1015 <li> 1016 <details> 1017 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1018 <a href="/collections/åçå°å" class="link--text list-menu__item menu-drawer__menu-item"> 1019 åçå°å 1020 </a> 1021 1022 1023 1024 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1025 1026 1027 1028 1029 1030 1031 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1032 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1033 </svg> 1034 1035 1036 1037 </summary> 1038 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1039 <div class="menu-drawer__inner-submenu"> 1040 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1041 1042 1043 1044 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1045 1046 1047 1048 åçå°å 1049 </button> 1050 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1051 1052 1053 1054 1055 <li> 1056 <details> 1057 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1058 <a href="/collections/epson" class="link--text list-menu__item menu-drawer__menu-item"> 1059 Epson 1060 </a> 1061 1062 1063 1064 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1065 1066 1067 1068 1069 1070 1071 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1072 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1073 </svg> 1074 1075 1076 1077 </summary> 1078 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1079 <div class="menu-drawer__inner-submenu"> 1080 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1081 1082 1083 1084 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1085 1086 1087 1088 Epson 1089 </button> 1090 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1091 1092 <li> 1093 <a href="/collections/epson-ink-cartridge" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1094 EPSON å´å¢¨æ©å 1095 </a> 1096 </li> 1097 1098 <li> 1099 <a href="/collections/epson-åç¨å´å¢¨å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1100 EPSON åç¨å´å¢¨å°è¡¨æ© 1101 </a> 1102 </li> 1103 1104 <li> 1105 <a href="/collections/epson-åå» é£ä¾mç³»å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1106 EPSON åå» é£ä¾Mç³»å 1107 </a> 1108 </li> 1109 1110 <li> 1111 <a href="/collections/epson-åå» é£çºä¾å¢¨lç³»å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1112 EPSON åå» é£çºä¾å¢¨Lç³»å 1113 </a> 1114 </li> 1115 1116 <li> 1117 <a href="/collections/epson-é·å°å°è¡¨æ©ç¨®" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1118 EPSON é·å°å°è¡¨æ©ç¨® 1119 </a> 1120 </li> 1121 1122 </ul> 1123 </div> 1124 </div> 1125 </details> 1126 </li> 1127 1128 1129 1130 1131 1132 <li> 1133 <details> 1134 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1135 <a href="/collections/canon" class="link--text list-menu__item menu-drawer__menu-item"> 1136 Canon 1137 </a> 1138 1139 1140 1141 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1142 1143 1144 1145 1146 1147 1148 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1149 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1150 </svg> 1151 1152 1153 1154 </summary> 1155 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1156 <div class="menu-drawer__inner-submenu"> 1157 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1158 1159 1160 1161 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1162 1163 1164 1165 Canon 1166
1166 </button> 1167 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1168 1169 <li> 1170 <a href="/collections/canon-å´å¢¨å°è¡¨æ©ç¨®" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1171 Canon å´å¢¨å°è¡¨æ©ç¨® 1172 </a> 1173 </li> 1174 1175 <li> 1176 <a href="/collections/canon-åå» é£çºä¾å¢¨æ©å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1177 Canon åå» é£çºä¾å¢¨æ©å 1178 </a> 1179 </li> 1180 1181 <li> 1182 <a href="/collections/canon-é·å°å°è¡¨æ©ç¨®" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1183 Canon é·å°å°è¡¨æ©ç¨® 1184 </a> 1185 </li> 1186 1187 </ul> 1188 </div> 1189 </div> 1190 </details> 1191 </li> 1192 1193 1194 1195 1196 1197 <li> 1198 <details> 1199 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1200 <a href="/collections/fuji-xerox" class="link--text list-menu__item menu-drawer__menu-item"> 1201 FUJIFILM 1202 </a> 1203 1204 1205 1206 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1207 1208 1209 1210 1211 1212 1213 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1214 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1215 </svg> 1216 1217 1218 1219 </summary> 1220 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1221 <div class="menu-drawer__inner-submenu"> 1222 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1223 1224 1225 1226 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1227 1228 1229 1230 FUJIFILM 1231 </button> 1232 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1233 1234 <li> 1235 <a href="/collections/fuji-xerox-é·å°äºåå°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1236 FUJIFILM é·å°äºåå°è¡¨æ© 1237 </a> 1238 </li> 1239 1240 </ul> 1241 </div> 1242 </div> 1243 </details> 1244 </li> 1245 1246 1247 1248 1249 1250 <li> 1251 <details> 1252 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1253 <a href="/collections/hp" class="link--text list-menu__item menu-drawer__menu-item"> 1254 HP 1255 </a> 1256 1257 1258 1259 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1260 1261 1262 1263 1264 1265 1266 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1267 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1268 </svg> 1269 1270 1271 1272 </summary> 1273 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1274 <div class="menu-drawer__inner-submenu"> 1275 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1276 1277 1278 1279 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1280 1281 1282 1283 HP 1284 </button> 1285 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1286 1287 <li> 1288 <a href="/collections/hp-é·å°å°è¡¨æ©å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1289 HP é·å°å°è¡¨æ©å 1290 </a> 1291 </li> 1292 1293 <li> 1294 <a href="/collections/hp-å´å¢¨å°è¡¨æ©å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1295 HP å´å¢¨å°è¡¨æ©å 1296 </a> 1297 </li> 1298 1299 </ul> 1300 </div> 1301 </div> 1302 </details> 1303 </li> 1304 1305 1306 1307 1308 1309 <li> 1310 <details> 1311 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1312 <a href="/collections/brother" class="link--text list-menu__item menu-drawer__menu-item"> 1313 Brother 1314 </a> 1315 1316 1317 1318 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1319 1320 1321 1322 1323 1324 1325 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1326 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1327 </svg> 1328 1329 1330 1331 </summary> 1332 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1333 <div class="menu-drawer__inner-submenu"> 1334 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1335 1336 1337 1338 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1339 1340 1341 1342 Brother 1343 </button> 1344 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1345 1346 <li> 1347 <a href="/collections/brother-é·å°å°è¡¨æ©å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1348 Brother é·å°å°è¡¨æ©å 1349 </a> 1350 </li> 1351 1352 <li> 1353 <a href="/collections/brother-å´å¢¨å°è¡¨æ©å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1354 Brother å´å¢¨å°è¡¨æ©å 1355 </a> 1356 </li> 1357 1358 <li> 1359 <a href="/collections/brother-åå» é£çºä¾å¢¨" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1360 Brother åå» é£çºä¾å¢¨ 1361 </a> 1362 </li> 1363 1364 </ul> 1365 </div> 1366 </div> 1367 </details> 1368 </li> 1369 1370 1371 1372 1373 1374 <li> 1375 <details> 1376
1376 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1377 <a href="/collections/ricoh" class="link--text list-menu__item menu-drawer__menu-item"> 1378 Ricoh 1379 </a> 1380 1381 1382 1383 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1384 1385 1386 1387 1388 1389 1390 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1391 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1392 </svg> 1393 1394 1395 1396 </summary> 1397 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1398 <div class="menu-drawer__inner-submenu"> 1399 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1400 1401 1402 1403 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1404 1405 1406 1407 Ricoh 1408 </button> 1409 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1410 1411 <li> 1412 <a href="/collections/ricoh-é·å°å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1413 Ricoh é·å°å°è¡¨æ© 1414 </a> 1415 </li> 1416 1417 </ul> 1418 </div> 1419 </div> 1420 </details> 1421 </li> 1422 1423 1424 1425 1426 1427 <li> 1428 <details> 1429 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1430 <a href="/collections/pantum" class="link--text list-menu__item menu-drawer__menu-item"> 1431 PANTUM 1432 </a> 1433 1434 1435 1436 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1437 1438 1439 1440 1441 1442 1443 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1444 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1445 </svg> 1446 1447 1448 1449 </summary> 1450 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1451 <div class="menu-drawer__inner-submenu"> 1452 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1453 1454 1455 1456 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1457 1458 1459 1460 PANTUM 1461 </button> 1462 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1463 1464 <li> 1465 <a href="/collections/pantum-é·å°å°è¡¨æ©å" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1466 PANTUM é·å°å°è¡¨æ©å 1467 </a> 1468 </li> 1469 1470 </ul> 1471 </div> 1472 </div> 1473 </details> 1474 </li> 1475 1476 1477 1478 1479 <li> 1480 <a href="/collections/lexmark-laser-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1481 Lexmark é·å°å°è¡¨æ© 1482 </a> 1483 </li> 1484 1485 1486 1487 </ul> 1488 </div> 1489 </div> 1490 </details> 1491 </li> 1492 1493 1494 1495 1496 1497 <li> 1498 <details> 1499 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1500 <a href="/collections/original-consumables-supplies" class="link--text list-menu__item menu-drawer__menu-item"> 1501 åå» èæ 1502 </a> 1503 1504 1505 1506 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1507 1508 1509 1510 1511 1512 1513 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1514 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1515 </svg> 1516 1517 1518 1519 </summary> 1520 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1521 <div class="menu-drawer__inner-submenu"> 1522 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1523 1524 1525 1526 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1527 1528 1529 1530 åå» èæ 1531 </button> 1532 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1533 1534 1535 1536 1537 <li> 1538 <details> 1539 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1540 <a href="/collections/brands-original-toner-cartridge" class="link--text list-menu__item menu-drawer__menu-item"> 1541 åå» ç¢³ç²å£ 1542 </a> 1543 1544 1545 1546 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1547 1548 1549 1550 1551 1552 1553 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1554 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1555 </svg> 1556 1557 1558 1559 </summary> 1560 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1561 <div class="menu-drawer__inner-submenu"> 1562 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1563 1564 1565 1566 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1567 1568 1569 1570 åå» ç¢³ç²å£ 1571 </button> 1572 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1573 1574 <li> 1575 <a href="/collections/hp-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1576 HP åå» ç¢³ç²å£ 1577 </a> 1578 </li> 1579 1580 <li> 1581 <a href="/collections/epson-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1582 EPSON åå» ç¢³ç²å£ 1583 </a> 1584 </li> 1585 1586 <li> 1587 <a href="/collections/canon-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1588 Canon åå» ç¢³ç²å£ 1589 </a> 1590 </li> 1591 1592 <li> 1593 <a href="/collections/brother-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1594 Brother åå» ç¢³ç²å£ 1595 </a> 1596 </li> 1597
1597 1598 <li> 1599 <a href="/collections/ricoh-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1600 Ricoh åå» ç¢³ç²å£ 1601 </a> 1602 </li> 1603 1604 <li> 1605 <a href="/collections/lexmark-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1606 LEXMARK åå» ç¢³ç²å£ 1607 </a> 1608 </li> 1609 1610 <li> 1611 <a href="/collections/fuji-xerox-original-toner" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1612 FUJIFILM åå» ç¢³ç²å£ 1613 </a> 1614 </li> 1615 1616 <li> 1617 <a href="/collections/pantum-åå» ç¢³ç²å£" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1618 PANTUM åå» ç¢³ç²å£ 1619 </a> 1620 </li> 1621 1622 </ul> 1623 </div> 1624 </div> 1625 </details> 1626 </li> 1627 1628 1629 1630 1631 1632 <li> 1633 <details> 1634 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1635 <a href="/collections/original-cartridges" class="link--text list-menu__item menu-drawer__menu-item"> 1636 åå» å¢¨æ°´ 1637 </a> 1638 1639 1640 1641 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1642 1643 1644 1645 1646 1647 1648 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1649 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1650 </svg> 1651 1652 1653 1654 </summary> 1655 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1656 <div class="menu-drawer__inner-submenu"> 1657 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1658 1659 1660 1661 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1662 1663 1664 1665 åå» å¢¨æ°´ 1666 </button> 1667 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1668 1669 <li> 1670 <a href="/collections/canon-original-ink-cartridge" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1671 Canon åå» å¢¨æ°´å£ 1672 </a> 1673 </li> 1674 1675 <li> 1676 <a href="/collections/epson-original-ink-cartridge" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1677 EPSON åå» å¢¨æ°´å£ 1678 </a> 1679 </li> 1680 1681 <li> 1682 <a href="/collections/hp-original-ink-cartridge" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1683 HP åå» å¢¨æ°´å£ 1684 </a> 1685 </li> 1686 1687 <li> 1688 <a href="/collections/brother-original-ink-cartridge" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 1689 Brother åå» å¢¨æ°´å£ 1690 </a> 1691 </li> 1692 1693 </ul> 1694 </div> 1695 </div> 1696 </details> 1697 </li> 1698 1699 1700 1701 </ul> 1702 </div> 1703 </div> 1704 </details> 1705 </li> 1706 1707 1708 1709 1710 <li> 1711 <a href="/collections/å ¨åè½äºåæ©ç¨®æ¨è¦" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1712 å ¨åè½äºåæ©ç¨®æ¨è¦ 1713 </a> 1714 </li> 1715 1716 1717 1718 1719 <li> 1720 <a href="/collections/epson-lq" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1721 é»é£å¼å°è¡¨æ© 1722 </a> 1723 </li> 1724 1725 1726 1727 1728 1729 <li> 1730 <details> 1731 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1732 <a href="/collections/guide-to-inkjet-printing-machine" class="link--text list-menu__item menu-drawer__menu-item"> 1733 å´å¢¨å°è¡¨æ©åè½æ¯è¼ 1734 </a> 1735 1736 1737 1738 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1739 1740 1741 1742 1743 1744 1745 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1746 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1747 </svg> 1748 1749 1750 1751 </summary> 1752 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1753 <div class="menu-drawer__inner-submenu"> 1754 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1755 1756 1757 1758 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1759 1760 1761 1762 å´å¢¨å°è¡¨æ©åè½æ¯è¼ 1763 </button> 1764 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1765 1766 1767 1768 <li> 1769 <a href="/collections/å´å¢¨å®åè½" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1770 å´å¢¨--å®åè½ 1771 </a> 1772 </li> 1773 1774 1775 1776 1777 <li> 1778 <a href="/collections/å´å¢¨-åå°å½±å°ææè¤åæ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1779 å´å¢¨--åå°å½±å°ææè¤åæ© 1780 </a> 1781 </li> 1782 1783 1784 1785 1786 <li> 1787 <a href="/collections/å´å¢¨-å³çå ¨åè½" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1788 å´å¢¨--å³çå ¨åè½ 1789 </a> 1790 </li> 1791 1792 1793 1794 1795 <li> 1796 <a href="/collections/å´å¢¨-éé¢åå°" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1797 å´å¢¨--éé¢åå° 1798 </a> 1799 </li> 1800 1801 1802 1803 1804 <li> 1805 <a href="/collections/å´å¢¨-a3æ©ç¨®" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1806 å´å¢¨--A3æ©ç¨® 1807 </a> 1808 </li> 1809 1810 1811 1812 1813
1813 <li> 1814 <a href="/collections/å´å¢¨-å è²" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1815 å´å¢¨--å è² 1816 </a> 1817 </li> 1818 1819 1820 1821 1822 <li> 1823 <a href="/collections/å´å¢¨-é»ç½" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1824 å´å¢¨--é»ç½ 1825 </a> 1826 </li> 1827 1828 1829 1830 1831 <li> 1832 <a href="/collections/å´å¢¨-åè²é²æ°´" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1833 å´å¢¨--åè²é²æ°´ 1834 </a> 1835 </li> 1836 1837 1838 1839 </ul> 1840 </div> 1841 </div> 1842 </details> 1843 </li> 1844 1845 1846 1847 1848 1849 <li> 1850 <details> 1851 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1852 <a href="/collections/é£çºä¾å¢¨å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item"> 1853 é£çºä¾å¢¨å°è¡¨æ© 1854 </a> 1855 1856 1857 1858 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1859 1860 1861 1862 1863 1864 1865 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1866 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1867 </svg> 1868 1869 1870 1871 </summary> 1872 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1873 <div class="menu-drawer__inner-submenu"> 1874 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1875 1876 1877 1878 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1879 1880 1881 1882 é£çºä¾å¢¨å°è¡¨æ© 1883 </button> 1884 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1885 1886 1887 1888 <li> 1889 <a href="/collections/canon-gx-series" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1890 [è¥æ¿åæå°æ¡] å¾åçæ¥ç¨æ© CANON GXç³»åé£ä¾å°å 1891 </a> 1892 </li> 1893 1894 1895 1896 1897 <li> 1898 <a href="/collections/canon-é£çºä¾å¢¨å°å-gç³»å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1899 Canon é£çºä¾å¢¨å°åGç³»å 1900 </a> 1901 </li> 1902 1903 1904 1905 1906 <li> 1907 <a href="/collections/brother-æ°ä¸ä»£é£çºä¾å¢¨tç³»å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1908 BROTHER æ°ä¸ä»£é£çºä¾å¢¨Tç³»å 1909 </a> 1910 </li> 1911 1912 1913 1914 1915 <li> 1916 <a href="/collections/epson-é£çºä¾å¢¨å°å-lç³»å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1917 EPSON é£çºä¾å¢¨å°åLç³»å 1918 </a> 1919 </li> 1920 1921 1922 1923 1924 <li> 1925 <a href="/collections/hp-æ°ä¸ä»£é£çºä¾å¢¨-smart-tank" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 1926 HP æ°ä¸ä»£é£çºä¾å¢¨ Smart Tank 1927 </a> 1928 </li> 1929 1930 1931 1932 </ul> 1933 </div> 1934 </div> 1935 </details> 1936 </li> 1937 1938 1939 1940 1941 1942 <li> 1943 <details> 1944 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1945 <a href="/collections/laserprinter-fuction-map" class="link--text list-menu__item menu-drawer__menu-item"> 1946 é·å°å°è¡¨æ©åè½æ¯è¼ 1947 </a> 1948 1949 1950 1951 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1952 1953 1954 1955 1956 1957 1958 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1959 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 1960 </svg> 1961 1962 1963 1964 </summary> 1965 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1966 <div class="menu-drawer__inner-submenu"> 1967 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 1968 1969 1970 1971 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1972 1973 1974 1975 é·å°å°è¡¨æ©åè½æ¯è¼ 1976 </button> 1977 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 1978 1979 1980 1981 1982 <li> 1983 <details> 1984 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 1985 <a href="/collections/é»ç½é·å°å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item"> 1986 é»ç½é·å°å°è¡¨æ©åè½æ¯è¼ 1987 </a> 1988 1989 1990 1991 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 1992 1993 1994 1995 1996 1997 1998 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 1999 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2000 </svg> 2001 2002 2003 2004 </summary> 2005 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2006 <div class="menu-drawer__inner-submenu"> 2007 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2008 2009 2010 2011 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2012 2013 2014 2015 é»ç½é·å°å°è¡¨æ©åè½æ¯è¼ 2016 </button> 2017 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2018 2019 <li> 2020 <a href="/collections/bw-simpleprinter" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2021 é»ç½é·å°å®åè½ 2022 </a> 2023 </li> 2024 2025 <li> 2026 <a href="/collections/bw-office-printer" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2027 é»ç½é·å°å½±å°åå°ææ 2028 </a> 2029 </li> 2030 2031 <li> 2032 <a href="/collections/bw-fax-office-printer" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2033 é»ç½é·å°å³çå ¨åè½ 2034 </a> 2035 </li> 2036 2037 <li> 2038
2038 <a href="/collections/bw-double-side-laserprinter" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2039 é»ç½é·å°éé¢åå° 2040 </a> 2041 </li> 2042 2043 <li> 2044 <a href="/collections/bw-a3-laserprinter" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2045 é»ç½é·å°A3 2046 </a> 2047 </li> 2048 2049 </ul> 2050 </div> 2051 </div> 2052 </details> 2053 </li> 2054 2055 2056 2057 2058 2059 <li> 2060 <details> 2061 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2062 <a href="/collections/彩è²é·å°å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item"> 2063 彩è²é·å°å°è¡¨æ©åè½æ¯è¼ 2064 </a> 2065 2066 2067 2068 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2069 2070 2071 2072 2073 2074 2075 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2076 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2077 </svg> 2078 2079 2080 2081 </summary> 2082 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2083 <div class="menu-drawer__inner-submenu"> 2084 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2085 2086 2087 2088 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2089 2090 2091 2092 彩è²é·å°å°è¡¨æ©åè½æ¯è¼ 2093 </button> 2094 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2095 2096 <li> 2097 <a href="/collections/claserprinter-simple" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2098 彩è²é·å°å®åè½ 2099 </a> 2100 </li> 2101 2102 <li> 2103 <a href="/collections/color-office-printer" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2104 彩è²é·å°å½±å°åå°ææ 2105 </a> 2106 </li> 2107 2108 <li> 2109 <a href="/collections/color-fax-office-printer" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2110 彩è²é·å°å³çå ¨åè½ 2111 </a> 2112 </li> 2113 2114 <li> 2115 <a href="/collections/color-double-side-laserprinter" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2116 彩è²é·å°éé¢åå° 2117 </a> 2118 </li> 2119 2120 <li> 2121 <a href="/collections/colora3-laserprinter" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2122 彩è²é·å°A3 2123 </a> 2124 </li> 2125 2126 </ul> 2127 </div> 2128 </div> 2129 </details> 2130 </li> 2131 2132 2133 2134 </ul> 2135 </div> 2136 </div> 2137 </details> 2138 </li> 2139 2140 2141 2142 2143 <li> 2144 <a href="/collections/laserprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2145 åçé·å°å°è¡¨æ© 2146 </a> 2147 </li> 2148 2149 2150 2151 2152 2153 <li> 2154 <details> 2155 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2156 <a href="/collections/åçæ¨ç±¤æ©-æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item"> 2157 åçæ¨ç±¤æ© / æ¨ç±¤å¸¶ 2158 </a> 2159 2160 2161 2162 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2163 2164 2165 2166 2167 2168 2169 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2170 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2171 </svg> 2172 2173 2174 2175 </summary> 2176 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2177 <div class="menu-drawer__inner-submenu"> 2178 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2179 2180 2181 2182 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2183 2184 2185 2186 åçæ¨ç±¤æ© / æ¨ç±¤å¸¶ 2187 </button> 2188 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2189 2190 2191 2192 2193 <li> 2194 <details> 2195 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2196 <a href="/collections/æ¨ç±¤æ©" class="link--text list-menu__item menu-drawer__menu-item"> 2197 æ¨ç±¤æ©åè½æ¯è¼ 2198 </a> 2199 2200 2201 2202 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2203 2204 2205 2206 2207 2208 2209 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2210 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2211 </svg> 2212 2213 2214 2215 </summary> 2216 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2217 <div class="menu-drawer__inner-submenu"> 2218 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2219 2220 2221 2222 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2223 2224 2225 2226 æ¨ç±¤æ©åè½æ¯è¼ 2227 </button> 2228 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2229 2230 <li> 2231 <a href="/collections/epson-æ¨ç±¤æ©" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2232 EPSON æ¨ç±¤æ© 2233 </a> 2234 </li> 2235 2236 <li> 2237 <a href="/collections/brother-tze-label-printer" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2238 Brother TZe æ¨ç±¤æ©ç³»å 2239 </a> 2240 </li> 2241 2242 <li> 2243 <a href="/collections/brother-dk-labelprinter" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2244 Brother DK æ¨ç±¤æ© 2245 </a> 2246 </li> 2247 2248 <li> 2249 <a href="/collections/casio-æ¨ç±¤æ©" class="link--text list-menu__item menu-drawer__menu-item f
2249ocus-inset"> 2250 CASIO æ¨ç±¤æ© 2251 </a> 2252 </li> 2253 2254 </ul> 2255 </div> 2256 </div> 2257 </details> 2258 </li> 2259 2260 2261 2262 2263 2264 <li> 2265 <details> 2266 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2267 <a href="/collections/æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item"> 2268 æ¨ç±¤å¸¶ 2269 </a> 2270 2271 2272 2273 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2274 2275 2276 2277 2278 2279 2280 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2281 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2282 </svg> 2283 2284 2285 2286 </summary> 2287 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2288 <div class="menu-drawer__inner-submenu"> 2289 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2290 2291 2292 2293 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2294 2295 2296 2297 æ¨ç±¤å¸¶ 2298 </button> 2299 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2300 2301 <li> 2302 <a href="/collections/brother-æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2303 Brother æ¨ç±¤å¸¶ 2304 </a> 2305 </li> 2306 2307 <li> 2308 <a href="/collections/epson-æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2309 EPSON æ¨ç±¤å¸¶ 2310 </a> 2311 </li> 2312 2313 <li> 2314 <a href="/collections/casio-æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item focus-inset"> 2315 CASIO æ¨ç±¤
2315帶 2316 </a> 2317 </li> 2318 2319 </ul> 2320 </div> 2321 </div> 2322 </details> 2323 </li> 2324 2325 2326 2327 </ul> 2328 </div> 2329 </div> 2330 </details> 2331 </li> 2332 2333 2334 2335 2336 <li> 2337 <a href="/collections/æçå¨" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2338 æçå¨ 2339 </a> 2340 </li> 2341 2342 2343 2344 2345 <li> 2346 <a href="/collections/a3å°è¡¨æ©ç¨®" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2347 A3å°è¡¨æ©ç¨® 2348 </a> 2349 </li> 2350 2351 2352 2353 2354 <li> 2355 <a href="/collections/ç±æå°æ¨ç±¤å®ææ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2356 ç±æå°æ¨ç±¤å®ææ© 2357 </a> 2358 </li> 2359 2360 2361 2362 2363 <li> 2364 <a href="/collections/canon-ç¸çç´" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2365 Canon ç¸çç´ 2366 </a> 2367 </li> 2368 2369 2370 2371 2372 <li> 2373 <a href="/collections/ç¹æ åå" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2374 ç¹æ åå 2375 </a> 2376 </li> 2377 2378 2379 2380 2381 <li> 2382 <a href="/collections/å å¼åéç¾" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2383 å å¼åéç¾ 2384 </a> 2385 </li> 2386 2387 2388 2389 2390 <li> 2391 <a href="/collections/å ©åéç¾" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2392 å ©åéç¾ 2393 </a> 2394 </li> 2395 2396 2397 2398 </ul> 2399 </div> 2400 </div> 2401 </details> 2402 </li> 2403 2404 2405 2406 2407 2408 <li> 2409 <details> 2410 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2411 <a href="/collections/guide-to-inkjet-printing-machine" class="link--text list-menu__item menu-drawer__menu-item"> 2412 å´å¢¨å°è¡¨æ©åè½æ¯è¼ 2413 </a> 2414 2415 2416 2417 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2418 2419 2420 2421 2422 2423 2424 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2425 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2426 </svg> 2427 2428 2429 2430 </summary> 2431 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2432 <div class="menu-drawer__inner-submenu"> 2433 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2434 2435 2436 2437 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2438 2439 2440 2441 å´å¢¨å°è¡¨æ©åè½æ¯è¼ 2442 </button> 2443 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2444 2445 2446 2447 <li> 2448 <a href="/collections/å´å¢¨å®åè½" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2449 å´å¢¨--å®åè½ 2450 </a> 2451 </li> 2452 2453 2454 2455 2456 <li> 2457 <a href="/collections/å´å¢¨-åå°å½±å°ææè¤åæ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2458 å´å¢¨--åå°å½±å°ææè¤åæ© 2459 </a> 2460 </li> 2461 2462 2463 2464 2465 <li> 2466 <a href="/collections/å´å¢¨-å³çå ¨åè½" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2467 å´å¢¨--å³çå ¨åè½ 2468 </a> 2469 </li> 2470 2471 2472 2473 2474 <li> 2475 <a href="/collections/å´å¢¨-éé¢åå°" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2476 å´å¢¨--éé¢åå° 2477 </a> 2478 </li> 2479 2480 2481 2482 2483 <li> 2484 <a href="/collections/å´å¢¨-a3æ©ç¨®" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2485 å´å¢¨--A3æ©ç¨® 2486 </a> 2487 </li> 2488 2489 2490 2491 2492 <li> 2493 <a href="/collections/å´å¢¨-å è²" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2494 å´å¢¨--å è² 2495 </a> 2496 </li> 2497 2498 2499 2500 2501 <li> 2502 <a href="/collections/å´å¢¨-é»ç½" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2503 å´å¢¨--é»ç½ 2504 </a> 2505 </li> 2506 2507 2508 2509 2510 <li> 2511 <a href="/collections/å´å¢¨-åè²é²æ°´" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2512 å´å¢¨--åè²é²æ°´ 2513 </a> 2514 </li> 2515 2516 2517 2518 </ul> 2519 </div> 2520 </div> 2521 </details> 2522 </li> 2523 2524 2525 2526 2527 2528 <li> 2529 <details> 2530 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2531 <a href="/collections/laserprinter-fuction-map" class="link--text list-menu__item menu-drawer__menu-item"> 2532 é·å°å°è¡¨æ©åè½æ¯è¼ 2533 </a> 2534 2535 2536 2537 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2538 2539 2540 2541 2542 2543 2544 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2545 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2546 </svg> 2547 2548 2549 2550 </summary> 2551 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2552 <div class="menu-drawer__inner-submenu"> 2553 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2554 2555 2556 2557 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2558 2559 2560 2561 é·å°å°è¡¨æ©åè½æ¯è¼ 2562 </button> 2563 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2564 2565 2566 2567 2568 <li> 2569 <details> 2570 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2571 <a href="/collections/laserprinter" class="link--text list-menu__item menu-drawer__menu-item"> 2572 åçé·å°å°è¡¨æ© 2573 </a> 2574 2575 2576 2577 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2578 2579 2580 2581 2582 2583 2584 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2585 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2586 </svg> 2587 2588 2589 2590 </summary> 2591 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2592 <div class="menu-drawer__inner-submenu"> 2593 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2594 2595 2596 2597 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2598 2599 2600 2601
2601 åçé·å°å°è¡¨æ© 2602 </button> 2603 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2604 2605 2606 2607 <li> 2608 <a href="/collections/hp-é·å°å°è¡¨æ©å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2609 HP é·å°å°è¡¨æ©å 2610 </a> 2611 </li> 2612 2613 2614 2615 2616 <li> 2617 <a href="/collections/fuji-xerox-é·å°äºåå°è¡¨æ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2618 FUJIFILM é·å°å°è¡¨æ© 2619 </a> 2620 </li> 2621 2622 2623 2624 2625 <li> 2626 <a href="/collections/canon-é·å°å°è¡¨æ©ç¨®" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2627 Canon é·å°å°è¡¨æ©ç¨® 2628 </a> 2629 </li> 2630 2631 2632 2633 2634 <li> 2635 <a href="/collections/brother-é·å°å°è¡¨æ©å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2636 Brother é·å°å°è¡¨æ© 2637 </a> 2638 </li> 2639 2640 2641 2642 2643 <li> 2644 <a href="/collections/epson-é·å°å°è¡¨æ©ç¨®" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2645 EPSON é·å°å°è¡¨æ©ç¨® 2646 </a> 2647 </li> 2648 2649 2650 2651 2652 <li> 2653 <a href="/collections/ricoh-é·å°å°è¡¨æ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2654 Ricoh é·å°å°è¡¨æ©ç¨® 2655 </a> 2656 </li> 2657 2658 2659 2660 2661 <li> 2662 <a href="/collections/lexmark-laser-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2663 Lexmark 彩è²é·å°å°è¡¨æ© 2664 </a> 2665 </li> 2666 2667 2668 2669 </ul> 2670 </div> 2671 </div> 2672 </details> 2673 </li> 2674 2675 2676 2677 2678 2679 <li> 2680 <details> 2681 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2682 <a href="/collections/é»ç½é·å°å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item"> 2683 é»ç½é·å°å°è¡¨æ©åè½æ¯è¼ 2684 </a> 2685 2686 2687 2688 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2689 2690 2691 2692 2693 2694 2695 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2696 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2697 </svg> 2698 2699 2700 2701 </summary> 2702 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2703 <div class="menu-drawer__inner-submenu"> 2704 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2705 2706 2707 2708 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2709 2710 2711 2712 é»ç½é·å°å°è¡¨æ©åè½æ¯è¼ 2713 </button> 2714 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2715 2716 2717 2718 <li> 2719 <a href="/collections/bw-simpleprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2720 é»ç½é·å°å®åè½ 2721 </a> 2722 </li> 2723 2724 2725 2726 2727 <li> 2728 <a href="/collections/bw-office-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2729 é»ç½é·å°å½±å°åå°ææ 2730 </a> 2731 </li> 2732 2733 2734 2735 2736 <li> 2737 <a href="/collections/bw-fax-office-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2738 é»ç½é·å°å³çå ¨åè½ 2739 </a> 2740 </li> 2741 2742 2743 2744 2745 <li> 2746 <a href="/collections/bw-double-side-laserprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2747 é»ç½é·å°éé¢åå° 2748 </a> 2749 </li> 2750 2751 2752 2753 2754 <li> 2755 <a href="/collections/bw-a3-laserprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2756 é»ç½é·å°A3 2757 </a> 2758 </li> 2759 2760 2761 2762 </ul> 2763 </div> 2764 </div> 2765 </details> 2766 </li> 2767 2768 2769 2770 2771 2772 <li> 2773 <details> 2774 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2775 <a href="/collections/彩è²é·å°å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item"> 2776 彩è²é·å°å°è¡¨æ©åè½æ¯è¼ 2777 </a> 2778 2779 2780 2781 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2782 2783 2784 2785 2786 2787 2788 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2789 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2790 </svg> 2791 2792 2793 2794 </summary> 2795 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2796 <div class="menu-drawer__inner-submenu"> 2797 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2798 2799 2800 2801 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2802 2803 2804 2805 彩è²é·å°å°è¡¨æ©åè½æ¯è¼ 2806 </button> 2807 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2808 2809 2810 2811 <li> 2812 <a href="/collections/claserprinter-simple" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2813 彩è²é·å°å®åè½ 2814 </a> 2815 </li> 2816 2817 2818 2819 2820 <li> 2821 <a href="/collections/color-office-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2822 彩è²é·å°å½±å°åå°ææ 2823 </a> 2824 </li> 2825 2826 2827 2828 2829
2829 <li> 2830 <a href="/collections/color-fax-office-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2831 彩è²é·å°å³çå ¨åè½ 2832 </a> 2833 </li> 2834 2835 2836 2837 2838 <li> 2839 <a href="/collections/color-double-side-laserprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2840 彩è²é·å°éé¢åå° 2841 </a> 2842 </li> 2843 2844 2845 2846 2847 <li> 2848 <a href="/collections/colora3-laserprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2849 彩è²é·å°A3 2850 </a> 2851 </li> 2852 2853 2854 2855 </ul> 2856 </div> 2857 </div> 2858 </details> 2859 </li> 2860 2861 2862 2863 </ul> 2864 </div> 2865 </div> 2866 </details> 2867 </li> 2868 2869 2870 2871 2872 2873 <li> 2874 <details> 2875 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2876 <a href="/collections/é£çºä¾å¢¨å°è¡¨æ©" class="link--text list-menu__item menu-drawer__menu-item"> 2877 åå» é£çºä¾å¢¨ 2878 </a> 2879 2880 2881 2882 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2883 2884 2885 2886 2887 2888 2889 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2890 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2891 </svg> 2892 2893 2894 2895 </summary> 2896 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2897 <div class="menu-drawer__inner-submenu"> 2898 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2899 2900 2901 2902 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2903 2904 2905 2906 åå» é£çºä¾å¢¨ 2907 </button> 2908 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 2909 2910 2911 2912 <li> 2913 <a href="/collections/canon-gx-series" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2914 [è¥æ¿åæå°æ¡] å¾åçæ¥ç¨æ© CANON GXç³»åé£ä¾å°å 2915 </a> 2916 </li> 2917 2918 2919 2920 2921 <li> 2922 <a href="/collections/canon-é£çºä¾å¢¨å°å-gç³»å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2923 Canon é£çºä¾å¢¨å°åGç³»å 2924 </a> 2925 </li> 2926 2927 2928 2929 2930 <li> 2931 <a href="/collections/brother-æ°ä¸ä»£é£çºä¾å¢¨tç³»å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2932 BROTHER æ°ä¸ä»£é£çºä¾å¢¨Tç³»å 2933 </a> 2934 </li> 2935 2936 2937 2938 2939 <li> 2940 <a href="/collections/epson-é£çºä¾å¢¨å°å-lç³»å" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2941 EPSON é£çºä¾å¢¨å°åLç³»å 2942 </a> 2943 </li> 2944 2945 2946 2947 2948 <li> 2949 <a href="/collections/hp-æ°ä¸ä»£é£çºä¾å¢¨-smart-tank" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2950 HP æ°ä¸ä»£é£çºä¾å¢¨ Smart Tank 2951 </a> 2952 </li> 2953 2954 2955 2956 </ul> 2957 </div> 2958 </div> 2959 </details> 2960 </li> 2961 2962 2963 2964 2965 <li> 2966 <a href="/collections/epson-lq" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 2967 é»é£å¼å°è¡¨æ© 2968 </a> 2969 </li> 2970 2971 2972 2973 2974 2975 <li> 2976 <details> 2977 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 2978 <a href="/collections/åçæ¨ç±¤æ©-æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item"> 2979 åçæ¨ç±¤æ© / æ¨ç±¤å¸¶ 2980 </a> 2981 2982 2983 2984 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 2985 2986 2987 2988 2989 2990 2991 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 2992 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 2993 </svg> 2994 2995 2996 2997 </summary> 2998 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 2999 <div class="menu-drawer__inner-submenu"> 3000 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 3001 3002 3003 3004 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3005 3006 3007 3008 åçæ¨ç±¤æ© / æ¨ç±¤å¸¶ 3009 </button> 3010 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 3011 3012 3013 3014 3015 <li> 3016 <details> 3017 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 3018 <a href="/collections/æ¨ç±¤æ©" class="link--text list-menu__item menu-drawer__menu-item"> 3019 æ¨ç±¤æ©åè½æ¯è¼ 3020 </a> 3021 3022 3023 3024 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3025 3026 3027 3028 3029 3030 3031 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 3032 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3033 </svg> 3034 3035 3036 3037 </summary> 3038 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 3039 <div class="menu-drawer__inner-submenu"> 3040 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 3041 3042 3043 3044 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3045 3046 3047 3048 æ¨ç±¤æ©åè½æ¯è¼ 3049 </button> 3050 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 3051 3052 3053 3054 <li> 3055 <a href="/collections/epson-æ¨ç±¤æ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3056 EPSON æ¨ç±¤æ© 3057 </a> 3058 </li> 3059 3060 3061 3062 3063 <li> 3064 <a href="/collections/brother-tze-label-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3065 Brother TZe æ¨ç±¤æ©ç³»å 3066 </a> 3067 </li> 3068 3069 3070 3071 3072 <li> 3073 <a href="/collections/brother-dk-labelprinter" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3074 Brother DK æ¨ç±¤æ© 3075 </a> 3076 </li> 3077 3078 3079 3080 3081 <li> 3082 <a href="/collections/casio-æ¨ç±¤æ©" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3083 CASIO æ¨ç±¤æ© 3084 </a> 3085 </li> 3086 3087 3088 3089 </ul> 3090 </div> 3091 </div> 3092 </details> 3093 </li> 3094 3095 3096
3096 3097 3098 3099 <li> 3100 <details> 3101 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 3102 <a href="/collections/æ¨ç±¤å¸¶" class="link--text list-menu__item menu-drawer__menu-item"> 3103 æ¨ç±¤å¸¶ 3104 </a> 3105 3106 3107 3108 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3109 3110 3111 3112 3113 3114 3115 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 3116 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3117 </svg> 3118 3119 3120 3121 </summary> 3122 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 3123 <div class="menu-drawer__inner-submenu"> 3124 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 3125 3126 3127 3128 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3129 3130 3131 3132 æ¨ç±¤å¸¶ 3133 </button> 3134 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 3135 3136 3137 3138 <li> 3139 <a href="/collections/brother-æ¨ç±¤å¸¶" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3140 Brother æ¨ç±¤å¸¶ 3141 </a> 3142 </li> 3143 3144 3145 3146 3147 <li> 3148 <a href="/collections/epson-æ¨ç±¤å¸¶" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3149 EPSON æ¨ç±¤å¸¶ 3150 </a> 3151 </li> 3152 3153 3154 3155 3156 <li> 3157 <a href="/collections/casio-æ¨ç±¤å¸¶" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3158 CASIO æ¨ç±¤
3158帶 3159 </a> 3160 </li> 3161 3162 3163 3164 </ul> 3165 </div> 3166 </div> 3167 </details> 3168 </li> 3169 3170 3171 3172 </ul> 3173 </div> 3174 </div> 3175 </details> 3176 </li> 3177 3178 3179 3180 3181 <li> 3182 <a href="/collections/ç±æå°æ¨ç±¤å®ææ©" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 3183 ç±æææ¨ç±¤å®ææ© 3184 </a> 3185 </li> 3186 3187 3188 3189 3190 <li> 3191 <a href="/collections/æçå¨" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 3192 æçå¨ 3193 </a> 3194 </li> 3195 3196 3197 3198 3199 <li> 3200 <a href="/collections/a3å°è¡¨æ©ç¨®" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 3201 A3å°è¡¨æ©ç¨® 3202 </a> 3203 </li> 3204 3205 3206 3207 3208 3209 <li> 3210 <details> 3211 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 3212 <a href="/collections/original-consumables-supplies" class="link--text list-menu__item menu-drawer__menu-item"> 3213 åå» èæ 3214 </a> 3215 3216 3217 3218 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3219 3220 3221 3222 3223 3224 3225 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 3226 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3227 </svg> 3228 3229 3230 3231 </summary> 3232 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 3233 <div class="menu-drawer__inner-submenu"> 3234 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 3235 3236 3237 3238 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3239 3240 3241 3242 åå» èæ 3243 </button> 3244 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 3245 3246 3247 3248 3249 <li> 3250 <details> 3251 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 3252 <a href="/collections/brands-original-toner-cartridge" class="link--text list-menu__item menu-drawer__menu-item"> 3253 åå» ç¢³ç²å£ 3254 </a> 3255 3256 3257 3258 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3259 3260 3261 3262 3263 3264 3265 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 3266 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3267 </svg> 3268 3269 3270 3271 </summary> 3272 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 3273 <div class="menu-drawer__inner-submenu"> 3274 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 3275 3276 3277 3278 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3279 3280 3281 3282 åå» ç¢³ç²å£ 3283 </button> 3284 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 3285 3286 3287 3288 <li> 3289 <a href="/collections/hp-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3290 HP åå» ç¢³ç²å£ 3291 </a> 3292 </li> 3293 3294 3295 3296 3297 <li> 3298 <a href="/collections/epson-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3299 EPSON åå» ç¢³ç²å£ 3300 </a> 3301 </li> 3302 3303 3304 3305 3306 <li> 3307 <a href="/collections/canon-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3308 Canon åå» ç¢³ç²å£ 3309 </a> 3310 </li> 3311 3312 3313 3314 3315 <li> 3316 <a href="/collections/brother-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3317 Brother åå» ç¢³ç²å£ 3318 </a> 3319 </li> 3320 3321 3322 3323 3324 <li> 3325 <a href="/collections/ricoh-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3326 Ricoh åå» ç¢³ç²å£ 3327 </a> 3328 </li> 3329 3330 3331 3332 3333 <li> 3334 <a href="/collections/lexmark-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3335 LEXMARK åå» ç¢³ç²å£ 3336 </a> 3337 </li> 3338 3339 3340 3341 3342 <li> 3343 <a href="/collections/fuji-xerox-original-toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3344 FUJIFILM åå» ç¢³ç²å£ 3345 </a> 3346 </li> 3347 3348 3349 3350 3351 <li> 3352 <a href="/collections/pantum-åå» ç¢³ç²å£" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3353 PANTUM åå» ç¢³ç²å£ 3354 </a> 3355 </li> 3356 3357 3358 3359 </ul> 3360 </div> 3361 </div> 3362 </details> 3363 </li> 3364 3365 3366 3367 3368 3369 <li> 3370 <details> 3371 <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags"> 3372 <a href="/collections/original-cartridges" class="link--text list-menu__item menu-drawer__menu-item"> 3373 åå» å¢¨æ°´ 3374 </a> 3375 3376 3377 3378 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3379 3380 3381 3382 3383 3384 3385 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 3386 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3387 </svg> 3388 3389 3390 3391 </summary> 3392 <div class="menu-drawer__submenu motion-reduce" tabindex="-1"> 3393 <div class="menu-drawer__inner-submenu"> 3394 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 3395 3396 3397 3398 <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg> 3399 3400 3401 3402 åå» å¢¨æ°´ 3403 </button> 3404 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 3405 3406 3407 3408 <li> 3409 <a href="/collections/canon-original-ink-cartridge" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3410 Canon åå» å¢¨æ°´å£ 3411 </a> 3412 </li> 3413 3414 3415 3416 3417 <li> 3418 <a h
3418ref="/collections/epson-original-ink-cartridge" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3419 EPSON åå» å¢¨æ°´å£ 3420 </a> 3421 </li> 3422 3423 3424 3425 3426 <li> 3427 <a href="/collections/hp-original-ink-cartridge" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3428 HP åå» å¢¨æ°´å£ 3429 </a> 3430 </li> 3431 3432 3433 3434 3435 <li> 3436 <a href="/collections/brother-original-ink-cartridge" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3437 Brother åå» å¢¨æ°´å£ 3438 </a> 3439 </li> 3440 3441 3442 3443 </ul> 3444 </div> 3445 </div> 3446 </details> 3447 </li> 3448 3449 3450 3451 </ul> 3452 </div> 3453 </div> 3454 </details> 3455 </li> 3456 3457 3458 3459 3460 <li> 3461 <a href="/blogs/luckerchat" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 3462 Blog | æå ä½ èªªçç 3463 </a> 3464 </li> 3465 3466 3467 3468 3469 <li> 3470 <a href="/a/help-center" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 3471 ç·ä¸å¸¸è¦åé¡ 3472 </a> 3473 </li> 3474 3475 3476 3477 3478 <li> 3479 <a href="/pages/contact-us" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> 3480 è¯ç¹«æå 3481 </a> 3482 </li> 3483 3484 3485 </ul> 3486 </nav> 3487 3488 <div class="menu-drawer__utility-links"> 3489 3490 3491 3492 3493 3494 3495 3496 3497 <a href="/account/register" class="menu-drawer__account link link--text focus-inset h5"> 3498 3499 3500 3501 3502 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus " fill="none" viewBox="0 0 10 10"> 3503 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"></path> 3504 </svg> 3505 3506 3507
3508 註å帳èï¼å³å¾æå¡é»æ¸ç¶æ¬¡å¯ä½¿ç¨ä¸¦å¯ç´¯ç©è³¼ç©éï¼ 3509 </a> 3510 3511 <a href="/account/login" class="menu-drawer__account link link--text focus-inset h5"> 3512 3513 3514 3515 <svg class="icon icon-account " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M300,296.19c-70.7,0-137.11,28.74-187,80.93-49.59,51.87-76.9,120.77-76.9,194v25H563.89v-25c0-73.22-27.31-142.12-76.9-194C437.11,324.93,370.7,296.19,300,296.19ZM87.42,546.11C99.29,433.81,190.1,346.19,300,346.19s200.71,87.62,212.58,199.92Z" fill="currentColor"/><path d="M300,285.34c77.6,0,140.73-63.13,140.73-140.73S377.6,3.89,300,3.89,159.27,67,159.27,144.61,222.4,285.34,300,285.34Zm0-231.45a90.73,90.73,0,1,1-90.73,90.72A90.82,90.82,0,0,1,300,53.89Z" fill="currentColor"/></svg> 3516 3517 3518 3519 3520 ç»å ¥ 3521 </a> 3522 3523 3524 3525 </div> 3526 </div> 3527 </div> 3528 </div> 3529 </details> 3530 </header-drawer> 3531 3532 3533 <a href="/" class="header__heading-link link link--text focus-inset" itemprop="url"> 3534 <img src="https://cdn.store-assets.com/s/177807/f/14685427.png" class="header__heading-logo" alt="å°å®¢ç·ä¸ InkTWï½åå°.æ¨ç±¤.èæå°æ¥ç¶²åºï½æ»¿åå éãç人客æã實é«åºé¢ã" loading="lazy" itemprop="logo"> 3535 </a> 3536 3537 3538 3539 <div class="header__search-input" tabindex="-1"> 3540 <form action="/search" method="get" role="search" class="search search-modal__form"> 3541 <div class="field"> 3542 <input class="search__input field__input" 3543 id="Search-In-Modal" 3544 type="search" 3545 name="q" 3546 value="" 3547 placeholder="æå°" 3548 autocomplete="off" 3549 > 3550 <label class="field__label" for="Search-In-Modal">æå°</label> 3551 <div class="dropdown" id="searchDropdown"></div> 3552 <input type="hidden" name="search_history" class="hidden_search_history"> 3553 <input type="hidden" name="options[prefix]" value="last"> 3554 <button class="search__button field__button" aria-label="æå°"> 3555 <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation"> 3556 <use href="#icon-search"> 3557 </svg> 3558 </button> 3559 </div> 3560 </form> 3561 </div> 3562 3563 3564 <nav class="header__inline-menu"> 3565 <ul class="list-menu list-menu--inline" role="list"> 3566 3567 3568 3569 <li> 3570 <a href="/" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 3571 å°å®¢ç·ä¸ 3572 </a> 3573 </li> 3574 3575 3576 3577 3578 3579 <li> 3580 <details-disclosure> 3581 <details> 3582 <summary class="header__menu-item list-menu__item link focus-inset"> 3583 <a href="/collections/all" >å°å®¢åå</a> 3584 3585 3586 3587 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 3588 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3589 </svg> 3590 3591 3592 3593 </summary> 3594 <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"> 3595 3596 3597 3598 3599 3600 <li> 3601 <details-disclosure> 3602 <details> 3603 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3604 <a href="/collections/åçå°å" >åçå°å</a> 3605 3606 3607 3608 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3609 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3610 </svg> 3611 3612 3613 3614 </summary> 3615 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3616 3617 3618 3619 3620 <li> 3621 <details-disclosure> 3622 <details> 3623 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3624 <a href="/collections/epson" > 3625 Epson 3626 </a> 3627 3628 3629 3630 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3631 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3632 </svg> 3633 3634 3635 3636 </summary> 3637 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3638 3639 <li> 3640 <a href="/collections/epson-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON å´å¢¨æ©å</a> 3641 </li> 3642 3643 <li> 3644 <a href="/collections/epson-åç¨å´å¢¨å°è¡¨æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åç¨å´å¢¨å°è¡¨æ©</a> 3645 </li> 3646 3647 <li> 3648 <a href="/collections/epson-åå» é£ä¾mç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åå» é£ä¾Mç³»å</a> 3649 </li> 3650 3651 <li> 3652 <a href="/collections/epson-åå» é£çºä¾å¢¨lç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åå» é£çºä¾å¢¨Lç³»å</a> 3653 </li> 3654 3655 <li> 3656 <a href="/collections/epson-é·å°å°è¡¨æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON é·å°å°è¡¨æ©ç¨®</a> 3657 </li> 3658 3659 </ul> 3660 </details> 3661 </details-disclosure> 3662 </li> 3663 3664 3665 3666 3667 3668 <li> 3669 <details-disclosure> 3670 <details> 3671 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3672 <a href="/collections/canon" > 3673 Canon 3674 </a> 3675 3676 3677 3678 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3679 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3680 </svg> 3681 3682 3683 3684 </summary> 3685 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3686 3687 <li> 3688 <a href="/collections/canon-å´å¢¨å°è¡¨æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon å´å¢¨å°è¡¨æ©ç¨®</a> 3689 </li> 3690 3691 <li> 3692 <a href="/collections/canon-åå» é£çºä¾å¢¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon åå» é£çºä¾å¢¨æ©å</a> 3693 </li> 3694 3695 <li> 3696 <a href="/collections/canon-é·å°å°è¡¨æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon é·å°å°è¡¨æ©ç¨®</a> 3697 </li> 3698 3699 </ul> 3700 </details> 3701 </details-disclosure> 3702 </li> 3703 3704 3705 3706 3707 3708 <li> 3709 <details-disclosure> 3710 <details> 3711 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3712 <a href="/collections/fuji-xerox" > 3713 FUJIFILM 3714 </a> 3715 3716 3717 3718 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3719 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3720 </svg> 3721 3722 3723 3724 </summary> 3725 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3726 3727 <li> 3728 <a href="/collections/fuji-xerox-é·å°äºåå°è¡¨æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">FUJIFILM é·å°äºåå°è¡¨æ©</a> 3729 </li> 3730 3731 </ul> 3732 </details> 3733 </details-disclosure> 3734 </li> 3735 3736 3737 3738 3739 3740 <li> 3741 <details-disclosure> 3742 <details> 3743 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3744 <a href="/collections/hp" > 3745 HP 3746 </a> 3747 3748 3749 3750 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3751 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3752 </svg> 3753 3754 3755 3756 </summary> 3757 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3758 3759 <li> 3760 <a href="/collections/hp-é·å°å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP é·å°å°è¡¨æ©å</a> 3761 </li> 3762 3763 <li> 3764 <a href="/collections/hp-å´å¢¨å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP å´å¢¨å°è¡¨æ©å</a> 3765 </li> 3766 3767 </ul> 3768 </details> 3769 </details-disclosure> 3770 </li> 3771 3772 3773 3774 3775 3776 <li> 3777 <details-disclosure> 3778 <details> 3779 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3780 <a href="/collections/brother" > 3781 Brother 3782 </a> 3783 3784 3785 3786 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3787 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3788 </svg> 3789 3790 3791 3792 </summary> 3793 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3794 3795 <li> 3796 <a href="/collections/brother-é·å°å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother é·å°å°è¡¨æ©å</a> 3797 </li> 3798
3798 3799 <li> 3800 <a href="/collections/brother-å´å¢¨å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother å´å¢¨å°è¡¨æ©å</a> 3801 </li> 3802 3803 <li> 3804 <a href="/collections/brother-åå» é£çºä¾å¢¨" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother åå» é£çºä¾å¢¨</a> 3805 </li> 3806 3807 </ul> 3808 </details> 3809 </details-disclosure> 3810 </li> 3811 3812 3813 3814 3815 3816 <li> 3817 <details-disclosure> 3818 <details> 3819 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3820 <a href="/collections/ricoh" > 3821 Ricoh 3822 </a> 3823 3824 3825 3826 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3827 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3828 </svg> 3829 3830 3831 3832 </summary> 3833 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3834 3835 <li> 3836 <a href="/collections/ricoh-é·å°å°è¡¨æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Ricoh é·å°å°è¡¨æ©</a> 3837 </li> 3838 3839 </ul> 3840 </details> 3841 </details-disclosure> 3842 </li> 3843 3844 3845 3846 3847 3848 <li> 3849 <details-disclosure> 3850 <details> 3851 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3852 <a href="/collections/pantum" > 3853 PANTUM 3854 </a> 3855 3856 3857 3858 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3859 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3860 </svg> 3861 3862 3863 3864 </summary> 3865 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3866 3867 <li> 3868 <a href="/collections/pantum-é·å°å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">PANTUM é·å°å°è¡¨æ©å</a> 3869 </li> 3870 3871 </ul> 3872 </details> 3873 </details-disclosure> 3874 </li> 3875 3876 3877 3878 3879 <li> 3880 <a href="/collections/lexmark-laser-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Lexmark é·å°å°è¡¨æ©</a> 3881 </li> 3882 3883 3884 </ul> 3885 </details> 3886 </details-disclosure> 3887 </li> 3888 3889 3890 3891 3892 3893 3894 <li> 3895 <details-disclosure> 3896 <details> 3897 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3898 <a href="/collections/original-consumables-supplies" >åå» èæ</a> 3899 3900 3901 3902 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3903 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3904 </svg> 3905 3906 3907 3908 </summary> 3909 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3910 3911 3912 3913 3914 <li> 3915 <details-disclosure> 3916 <details> 3917 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3918 <a href="/collections/brands-original-toner-cartridge" > 3919 åå» ç¢³ç²å£ 3920 </a> 3921 3922 3923 3924 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3925 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3926 </svg> 3927 3928 3929 3930 </summary> 3931 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3932 3933 <li> 3934 <a href="/collections/hp-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP åå» ç¢³ç²å£</a> 3935 </li> 3936 3937 <li> 3938 <a href="/collections/epson-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åå» ç¢³ç²å£</a> 3939 </li> 3940 3941 <li> 3942 <a href="/collections/canon-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon åå» ç¢³ç²å£</a> 3943 </li> 3944 3945 <li> 3946 <a href="/collections/brother-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother åå» ç¢³ç²å£</a> 3947 </li> 3948 3949 <li> 3950 <a href="/collections/ricoh-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Ricoh åå» ç¢³ç²å£</a> 3951 </li> 3952 3953 <li> 3954 <a href="/collections/lexmark-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">LEXMARK åå» ç¢³ç²å£</a> 3955 </li> 3956 3957 <li> 3958 <a href="/collections/fuji-xerox-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">FUJIFILM åå» ç¢³ç²å£</a> 3959 </li> 3960 3961 <li> 3962 <a href="/collections/pantum-åå» ç¢³ç²å£" class="header__menu-item list-menu__item link link--text focus-inset caption-large">PANTUM åå» ç¢³ç²å£</a> 3963 </li> 3964 3965 </ul> 3966 </details> 3967 </details-disclosure> 3968 </li> 3969 3970 3971 3972 3973 3974 <li> 3975 <details-disclosure> 3976 <details> 3977 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 3978 <a href="/collections/original-cartridges" > 3979 åå» å¢¨æ°´ 3980 </a> 3981 3982 3983 3984 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 3985 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 3986 </svg> 3987 3988 3989 3990 </summary> 3991 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 3992 3993 <li> 3994 <a href="/collections/canon-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon åå» å¢¨æ°´å£</a> 3995 </li> 3996 3997 <li> 3998 <a href="/collections/epson-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åå» å¢¨æ°´å£</a> 3999 </li> 4000 4001 <li> 4002 <a href="/collections/hp-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP åå» å¢¨æ°´å£</a> 4003 </li> 4004 4005 <li> 4006 <a href="/collections/brother-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother åå» å¢¨æ°´å£</a> 4007 </li> 4008 4009 </ul> 4010 </details> 4011 </details-disclosure> 4012 </li> 4013 4014 4015 </ul> 4016 </details> 4017 </details-disclosure> 4018 </li> 4019 4020 4021 4022 4023 4024 4025 <li> 4026 <a href="/collections/å ¨åè½äºåæ©ç¨®æ¨è¦" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4027 å ¨åè½äºåæ©ç¨®æ¨è¦ 4028 </a> 4029 </li> 4030 4031 4032 4033 4034 4035 <li> 4036 <a href="/collections/epson-lq" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4037 é»é£å¼å°è¡¨æ© 4038 </a> 4039 </li> 4040 4041 4042 4043 4044 4045 <li> 4046 <details-disclosure> 4047 <details> 4048 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4049 <a href="/collections/guide-to-inkjet-printing-machine" >å´å¢¨å°è¡¨æ©åè½æ¯è¼</a> 4050 4051 4052 4053 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4054 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4055 </svg> 4056 4057 4058 4059 </summary> 4060 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4061 4062 4063 4064 <li> 4065 <a href="/collections/å´å¢¨å®åè½" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--
4065å®åè½</a> 4066 </li> 4067 4068 4069 4070 4071 <li> 4072 <a href="/collections/å´å¢¨-åå°å½±å°ææè¤åæ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--åå°å½±å°ææè¤åæ©</a> 4073 </li> 4074 4075 4076 4077 4078 <li> 4079 <a href="/collections/å´å¢¨-å³çå ¨åè½" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--å³çå ¨åè½</a> 4080 </li> 4081 4082 4083 4084 4085 <li> 4086 <a href="/collections/å´å¢¨-éé¢åå°" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--éé¢åå°</a> 4087 </li> 4088 4089 4090 4091 4092 <li> 4093 <a href="/collections/å´å¢¨-a3æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--A3æ©ç¨®</a> 4094 </li> 4095 4096 4097 4098 4099 <li> 4100 <a href="/collections/å´å¢¨-å è²" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--å è²</a> 4101 </li> 4102 4103 4104 4105 4106 <li> 4107 <a href="/collections/å´å¢¨-é»ç½" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--é»ç½</a> 4108 </li> 4109 4110 4111 4112 4113 <li> 4114 <a href="/collections/å´å¢¨-åè²é²æ°´" class="header__menu-item list-menu__item link link--text focus-inset caption-large">å´å¢¨--åè²é²æ°´</a> 4115 </li> 4116 4117 4118 </ul> 4119 </details> 4120 </details-disclosure> 4121 </li> 4122 4123 4124 4125 4126 4127 4128 <li> 4129 <details-disclosure> 4130 <details> 4131 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4132 <a href="/collections/é£çºä¾å¢¨å°è¡¨æ©" >é£çºä¾å¢¨å°è¡¨æ©</a> 4133 4134 4135 4136 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4137 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4138 </svg> 4139 4140 4141 4142 </summary> 4143 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4144 4145 4146 4147 <li> 4148 <a href="/collections/canon-gx-series" class="header__menu-item list-menu__item link link--text focus-inset caption-large">[è¥æ¿åæå°æ¡] å¾åçæ¥ç¨æ© CANON GXç³»åé£ä¾å°å</a> 4149 </li> 4150 4151 4152 4153 4154 <li> 4155 <a href="/collections/canon-é£çºä¾å¢¨å°å-gç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon é£çºä¾å¢¨å°åGç³»å</a> 4156 </li> 4157 4158 4159 4160 4161 <li> 4162 <a href="/collections/brother-æ°ä¸ä»£é£çºä¾å¢¨tç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">BROTHER æ°ä¸ä»£é£çºä¾å¢¨Tç³»å</a> 4163 </li> 4164 4165 4166 4167 4168 <li> 4169 <a href="/collections/epson-é£çºä¾å¢¨å°å-lç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON é£çºä¾å¢¨å°åLç³»å</a> 4170 </li> 4171 4172 4173 4174 4175 <li> 4176 <a href="/collections/hp-æ°ä¸ä»£é£çºä¾å¢¨-smart-tank" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP æ°ä¸ä»£é£çºä¾å¢¨ Smart Tank</a> 4177 </li> 4178 4179 4180 </ul> 4181 </details> 4182 </details-disclosure> 4183 </li> 4184 4185 4186 4187 4188 4189 4190 <li> 4191 <details-disclosure> 4192 <details> 4193 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4194 <a href="/collections/laserprinter-fuction-map" >é·å°å°è¡¨æ©åè½æ¯è¼</a> 4195 4196 4197 4198 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4199 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4200 </svg> 4201 4202 4203 4204 </summary> 4205 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4206 4207 4208 4209 4210 <li> 4211 <details-disclosure> 4212 <details> 4213 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4214 <a href="/collections/é»ç½é·å°å°è¡¨æ©" > 4215 é»ç½é·å°å°è¡¨æ©åè½æ¯è¼ 4216 </a> 4217 4218 4219 4220 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4221 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4222 </svg> 4223 4224 4225 4226 </summary> 4227 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4228 4229 <li> 4230 <a href="/collections/bw-simpleprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°å®åè½</a> 4231 </li> 4232 4233 <li> 4234 <a href="/collections/bw-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°å½±å°åå°ææ</a> 4235 </li> 4236 4237 <li> 4238 <a href="/collections/bw-fax-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°å³çå ¨åè½</a> 4239 </li> 4240 4241 <li> 4242 <a href="/collections/bw-double-side-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°éé¢åå°</a> 4243 </li> 4244 4245 <li> 4246 <a href="/collections/bw-a3-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°A3</a> 4247 </li> 4248 4249 </ul> 4250 </details> 4251 </details-disclosure> 4252 </li> 4253 4254 4255 4256 4257 4258 <li> 4259 <details-disclosure> 4260 <details> 4261 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4262 <a href="/collections/彩è²é·å°å°è¡¨æ©" > 4263 彩è²é·å°å°è¡¨æ©åè½æ¯è¼ 4264 </a> 4265 4266 4267 4268 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4269 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4270 </svg> 4271 4272 4273 4274 </summary> 4275 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4276 4277 <li> 4278 <a href="/collections/claserprinter-simple" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°å®åè½</a> 4279 </li> 4280 4281 <li> 4282 <a href="/collections/color-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°å½±å°åå°ææ</a> 4283 </li> 4284 4285 <li> 4286 <a href="/collections/color-fax-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°å³çå ¨åè½</a> 4287 </li> 4288 4289 <li> 4290 <a href="/collections/color-double-side-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°éé¢åå°</a> 4291 </li> 4292 4293 <li> 4294 <a href="/collections/colora3-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°A3</a> 4295 </li> 4296 4297 </ul> 4298 </details> 4299 </details-disclosure> 4300 </li> 4301 4302 4303 </ul> 4304 </details> 4305 </details-disclosure> 4306 </li> 4307 4308 4309 4310 4311 4312 4313 <li> 4314 <a href="/collections/laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4315 åçé·å°å°è¡¨æ© 4316 </a> 4317 </li> 4318 4319 4320 4321 4322 4323 <li> 4324 <details-disclosure> 4325 <details> 4326 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4327 <a href="/collections/åçæ¨ç±¤æ©-æ¨ç±¤å¸¶" >åçæ¨ç±¤æ© / æ¨ç±¤å¸¶</a> 4328 4329 4330 4331 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4332 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4333 </svg> 4334 4335 4336 4337 </summary> 4338
4338 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4339 4340 4341 4342 4343 <li> 4344 <details-disclosure> 4345 <details> 4346 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4347 <a href="/collections/æ¨ç±¤æ©" > 4348 æ¨ç±¤æ©åè½æ¯è¼ 4349 </a> 4350 4351 4352 4353 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4354 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4355 </svg> 4356 4357 4358 4359 </summary> 4360 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4361 4362 <li> 4363 <a href="/collections/epson-æ¨ç±¤æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON æ¨ç±¤æ©</a> 4364 </li> 4365 4366 <li> 4367 <a href="/collections/brother-tze-label-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother TZe æ¨ç±¤æ©ç³»å</a> 4368 </li> 4369 4370 <li> 4371 <a href="/collections/brother-dk-labelprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother DK æ¨ç±¤æ©</a> 4372 </li> 4373 4374 <li> 4375 <a href="/collections/casio-æ¨ç±¤æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">CASIO æ¨ç±¤æ©</a> 4376 </li> 4377 4378 </ul> 4379 </details> 4380 </details-disclosure> 4381 </li> 4382 4383 4384 4385 4386 4387 <li> 4388 <details-disclosure> 4389 <details> 4390 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4391 <a href="/collections/æ¨ç±¤å¸¶" > 4392 æ¨ç±¤å¸¶ 4393 </a> 4394 4395 4396 4397 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4398 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4399 </svg> 4400 4401 4402 4403 </summary> 4404 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4405 4406 <li> 4407 <a href="/collections/brother-æ¨ç±¤å¸¶" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother æ¨ç±¤å¸¶</a> 4408 </li> 4409 4410 <li> 4411 <a href="/collections/epson-æ¨ç±¤å¸¶" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON æ¨ç±¤å¸¶</a> 4412 </li> 4413 4414 <li> 4415 <a href="/collections/casio-æ¨ç±¤å¸¶" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
4415CASIO æ¨ç±¤å¸¶</a> 4416 </li> 4417 4418 </ul> 4419 </details> 4420 </details-disclosure> 4421 </li> 4422 4423 4424 </ul> 4425 </details> 4426 </details-disclosure> 4427 </li> 4428 4429 4430 4431 4432 4433 4434 <li> 4435 <a href="/collections/æçå¨" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4436 æçå¨ 4437 </a> 4438 </li> 4439 4440 4441 4442 4443 4444 <li> 4445 <a href="/collections/a3å°è¡¨æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4446 A3å°è¡¨æ©ç¨® 4447 </a> 4448 </li> 4449 4450 4451 4452 4453 4454 <li> 4455 <a href="/collections/ç±æå°æ¨ç±¤å®ææ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4456 ç±æå°æ¨ç±¤å®ææ© 4457 </a> 4458 </li> 4459 4460 4461 4462 4463 4464 <li> 4465 <a href="/collections/canon-ç¸çç´" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4466 Canon ç¸çç´ 4467 </a> 4468 </li> 4469 4470 4471 4472 4473 4474 <li> 4475 <a href="/collections/ç¹æ åå" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4476 ç¹æ åå 4477 </a> 4478 </li> 4479 4480 4481 4482 4483 4484 <li> 4485 <a href="/collections/å å¼åéç¾" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4486 å å¼åéç¾ 4487 </a> 4488 </li> 4489 4490 4491 4492 4493 4494 <li> 4495 <a href="/collections/å ©åéç¾" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4496 å ©åéç¾ 4497 </a> 4498 </li> 4499 4500 4501 </ul> 4502 </details> 4503 </details-disclosure> 4504 </li> 4505 4506 4507 4508 4509 4510 <li> 4511 <details-disclosure> 4512 <details> 4513 <summary class="header__menu-item list-menu__item link focus-inset"> 4514 <a href="/collections/guide-to-inkjet-printing-machine" >å´å¢¨å°è¡¨æ©åè½æ¯è¼</a> 4515 4516 4517 4518 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 4519 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4520 </svg> 4521 4522 4523 4524 </summary> 4525 <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"> 4526 4527 4528 4529 4530 4531 <li> 4532 <a href="/collections/å´å¢¨å®åè½" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4533 å´å¢¨--å®åè½ 4534 </a> 4535 </li> 4536 4537 4538 4539 4540 4541 <li> 4542 <a href="/collections/å´å¢¨-åå°å½±å°ææè¤åæ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4543 å´å¢¨--åå°å½±å°ææè¤åæ© 4544 </a> 4545 </li> 4546 4547 4548 4549 4550 4551 <li> 4552 <a href="/collections/å´å¢¨-å³çå ¨åè½" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4553 å´å¢¨--å³çå ¨åè½ 4554 </a> 4555 </li> 4556 4557 4558 4559 4560 4561 <li> 4562 <a href="/collections/å´å¢¨-éé¢åå°" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4563 å´å¢¨--éé¢åå° 4564 </a> 4565 </li> 4566 4567 4568 4569 4570 4571 <li> 4572 <a href="/collections/å´å¢¨-a3æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4573 å´å¢¨--A3æ©ç¨® 4574 </a> 4575 </li> 4576 4577 4578 4579 4580 4581 <li> 4582 <a href="/collections/å´å¢¨-å è²" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4583 å´å¢¨--å è² 4584 </a> 4585 </li> 4586 4587 4588 4589 4590 4591 <li> 4592 <a href="/collections/å´å¢¨-é»ç½" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4593 å´å¢¨--é»ç½ 4594 </a> 4595 </li> 4596 4597 4598 4599 4600 4601 <li> 4602 <a href="/collections/å´å¢¨-åè²é²æ°´" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4603 å´å¢¨--åè²é²æ°´ 4604 </a> 4605 </li> 4606 4607 4608 </ul> 4609 </details> 4610 </details-disclosure> 4611 </li> 4612 4613 4614 4615 4616 4617 <li> 4618 <details-disclosure> 4619 <details> 4620 <summary class="header__menu-item list-menu__item link focus-inset"> 4621 <a href="/collections/laserprinter-fuction-map" >é·å°å°è¡¨æ©åè½æ¯è¼</a> 4622 4623 4624 4625 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 4626 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4627 </svg> 4628 4629 4630 4631 </summary> 4632 <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"> 4633 4634 4635 4636 4637 4638 <li> 4639 <details-disclosure> 4640 <details> 4641 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4642 <a href="/collections/laserprinter" >
4642åçé·å°å°è¡¨æ©</a> 4643 4644 4645 4646 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4647 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4648 </svg> 4649 4650 4651 4652 </summary> 4653 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4654 4655 4656 4657 <li> 4658 <a href="/collections/hp-é·å°å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP é·å°å°è¡¨æ©å</a> 4659 </li> 4660 4661 4662 4663 4664 <li> 4665 <a href="/collections/fuji-xerox-é·å°äºåå°è¡¨æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">FUJIFILM é·å°å°è¡¨æ©</a> 4666 </li> 4667 4668 4669 4670 4671 <li> 4672 <a href="/collections/canon-é·å°å°è¡¨æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon é·å°å°è¡¨æ©ç¨®</a> 4673 </li> 4674 4675 4676 4677 4678 <li> 4679 <a href="/collections/brother-é·å°å°è¡¨æ©å" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother é·å°å°è¡¨æ©</a> 4680 </li> 4681 4682 4683 4684 4685 <li> 4686 <a href="/collections/epson-é·å°å°è¡¨æ©ç¨®" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON é·å°å°è¡¨æ©ç¨®</a> 4687 </li> 4688 4689 4690 4691 4692 <li> 4693 <a href="/collections/ricoh-é·å°å°è¡¨æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Ricoh é·å°å°è¡¨æ©ç¨®</a> 4694 </li> 4695 4696 4697 4698 4699 <li> 4700 <a href="/collections/lexmark-laser-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Lexmark 彩è²é·å°å°è¡¨æ©</a> 4701 </li> 4702 4703 4704 </ul> 4705 </details> 4706 </details-disclosure> 4707 </li> 4708 4709 4710 4711 4712 4713 4714 <li> 4715 <details-disclosure> 4716 <details> 4717 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4718 <a href="/collections/é»ç½é·å°å°è¡¨æ©" >é»ç½é·å°å°è¡¨æ©åè½æ¯è¼</a> 4719 4720 4721 4722 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4723 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4724 </svg> 4725 4726 4727 4728 </summary> 4729 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4730 4731 4732 4733 <li> 4734 <a href="/collections/bw-simpleprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°å®åè½</a> 4735 </li> 4736 4737 4738 4739 4740 <li> 4741 <a href="/collections/bw-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°å½±å°åå°ææ</a> 4742 </li> 4743 4744 4745 4746 4747 <li> 4748 <a href="/collections/bw-fax-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°å³çå ¨åè½</a> 4749 </li> 4750 4751 4752 4753 4754 <li> 4755 <a href="/collections/bw-double-side-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°éé¢åå°</a> 4756 </li> 4757 4758 4759 4760 4761 <li> 4762 <a href="/collections/bw-a3-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">é»ç½é·å°A3</a> 4763 </li> 4764 4765 4766 </ul> 4767 </details> 4768 </details-disclosure> 4769 </li> 4770 4771 4772 4773 4774 4775 4776 <li> 4777 <details-disclosure> 4778 <details> 4779 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4780 <a href="/collections/彩è²é·å°å°è¡¨æ©" >彩è²é·å°å°è¡¨æ©åè½æ¯è¼</a> 4781 4782 4783 4784 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4785 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4786 </svg> 4787 4788 4789 4790 </summary> 4791 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4792 4793 4794 4795 <li> 4796 <a href="/collections/claserprinter-simple" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°å®åè½</a> 4797 </li> 4798 4799 4800 4801 4802 <li> 4803 <a href="/collections/color-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°å½±å°åå°ææ</a> 4804 </li> 4805 4806 4807 4808 4809 <li> 4810 <a href="/collections/color-fax-office-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°å³çå ¨åè½</a> 4811 </li> 4812 4813 4814 4815 4816 <li> 4817 <a href="/collections/color-double-side-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°éé¢åå°</a> 4818 </li> 4819 4820 4821 4822 4823 <li> 4824 <a href="/collections/colora3-laserprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">彩è²é·å°A3</a> 4825 </li> 4826 4827 4828 </ul> 4829 </details> 4830 </details-disclosure> 4831 </li> 4832 4833 4834 4835 </ul> 4836 </details> 4837 </details-disclosure> 4838 </li> 4839 4840 4841 4842 4843 4844 <li> 4845 <details-disclosure> 4846 <details> 4847 <summary class="header__menu-item list-menu__item link focus-inset"> 4848 <a href="/collections/é£çºä¾å¢¨å°è¡¨æ©" >åå» é£çºä¾å¢¨</a> 4849 4850 4851 4852 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 4853 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4854 </svg> 4855 4856 4857 4858 </summary> 4859 <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"> 4860 4861 4862 4863 4864 4865 <li> 4866 <a href="/collections/canon-gx-series" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4867 [è¥æ¿åæå°æ¡] å¾åçæ¥ç¨æ© CANON GXç³»åé£ä¾å°å 4868 </a> 4869 </li> 4870 4871 4872 4873 4874 4875 <li> 4876 <a href="/collections/canon-é£çºä¾å¢¨å°å-gç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4877 Canon é£çºä¾å¢¨å°åGç³»å 4878 </a> 4879 </li> 4880 4881 4882 4883 4884 4885 <li> 4886 <a href="/collections/brother-æ°ä¸ä»£é£çºä¾å¢¨tç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4887 BROTHER æ°ä¸ä»£é£çºä¾å¢¨Tç³»å 4888 </a> 4889 </li> 4890 4891 4892 4893 4894 4895 <li> 4896 <a href="/collections/epson-é£çºä¾å¢¨å°å-lç³»å" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4897 EPSON é£çºä¾å¢¨å°åLç³»å 4898 </a> 4899 </li> 4900 4901 4902 4903 4904 4905 <li> 4906 <a href="/collections/hp-æ°ä¸ä»£é£çºä¾å¢¨-smart-tank" class="header__menu-item list-menu__item link link--text focus-inset caption-large"> 4907 HP æ°ä¸ä»£é£çºä¾å¢¨ Smart Tank 4908 </a> 4909 </li> 4910 4911 4912 </ul> 4913 </details> 4914 </details-disclosure> 4915 </li> 4916 4917 4918 4919 4920 <li> 4921 <a href="/collections/epson-lq" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 4922 é»é£å¼å°è¡¨æ© 4923 </a> 4924 </li> 4925 4926 4927 4928 4929 4930 <li> 4931 <details-disclosure> 4932 <details> 4933 <summary class="header__menu-item list-menu__item link focus-inset"> 4934 <a href="/collections/åçæ¨ç±¤æ©-æ¨ç±¤å¸¶" >åçæ¨ç±¤æ© / æ¨ç±¤å¸¶</a> 4935 4936 4937 4938 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 4939 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4940 </svg> 4941 4942 4943 4944 </summary> 4945 <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"> 4946 4947 4948 4949 4950 4951 <li> 4952 <details-disclosure> 4953 <details> 4954 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 4955 <a href="/collections/æ¨ç±¤æ©" >æ¨ç±¤æ©åè½æ¯è¼</a> 4956 4957 4958 4959 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 4960 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5
4960 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 4961 </svg> 4962 4963 4964 4965 </summary> 4966 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 4967 4968 4969 4970 <li> 4971 <a href="/collections/epson-æ¨ç±¤æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON æ¨ç±¤æ©</a> 4972 </li> 4973 4974 4975 4976 4977 <li> 4978 <a href="/collections/brother-tze-label-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother TZe æ¨ç±¤æ©ç³»å</a> 4979 </li> 4980 4981 4982 4983 4984 <li> 4985 <a href="/collections/brother-dk-labelprinter" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother DK æ¨ç±¤æ©</a> 4986 </li> 4987 4988 4989 4990 4991 <li> 4992 <a href="/collections/casio-æ¨ç±¤æ©" class="header__menu-item list-menu__item link link--text focus-inset caption-large">CASIO æ¨ç±¤æ©</a> 4993 </li> 4994 4995 4996 </ul> 4997 </details> 4998 </details-disclosure> 4999 </li> 5000 5001 5002 5003 5004 5005 5006 <li> 5007 <details-disclosure> 5008 <details> 5009 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 5010 <a href="/collections/æ¨ç±¤å¸¶" >æ¨ç±¤å¸¶</a> 5011 5012 5013 5014 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 5015 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 5016 </svg> 5017 5018 5019 5020 </summary> 5021 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 5022 5023 5024 5025 <li> 5026 <a href="/collections/brother-æ¨ç±¤å¸¶" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother æ¨ç±¤å¸¶</a> 5027 </li> 5028 5029 5030 5031 5032 <li> 5033 <a href="/collections/epson-æ¨ç±¤å¸¶" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON æ¨ç±¤å¸¶</a> 5034 </li> 5035 5036 5037 5038 5039 <li> 5040 <a href="/collections/casio-æ¨ç±¤å¸¶" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
5040CASIO æ¨ç±¤å¸¶</a> 5041 </li> 5042 5043 5044 </ul> 5045 </details> 5046 </details-disclosure> 5047 </li> 5048 5049 5050 5051 </ul> 5052 </details> 5053 </details-disclosure> 5054 </li> 5055 5056 5057 5058 5059 <li> 5060 <a href="/collections/ç±æå°æ¨ç±¤å®ææ©" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 5061 ç±æææ¨ç±¤å®ææ© 5062 </a> 5063 </li> 5064 5065 5066 5067 5068 <li> 5069 <a href="/collections/æçå¨" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 5070 æçå¨ 5071 </a> 5072 </li> 5073 5074 5075 5076 5077 <li> 5078 <a href="/collections/a3å°è¡¨æ©ç¨®" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 5079 A3å°è¡¨æ©ç¨® 5080 </a> 5081 </li> 5082 5083 5084 5085 5086 5087 <li> 5088 <details-disclosure> 5089 <details> 5090 <summary class="header__menu-item list-menu__item link focus-inset"> 5091 <a href="/collections/original-consumables-supplies" >åå» èæ</a> 5092 5093 5094 5095 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6"> 5096 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 5097 </svg> 5098 5099 5100 5101 </summary> 5102 <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1"> 5103 5104 5105 5106 5107 5108 <li> 5109 <details-disclosure> 5110 <details> 5111 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 5112 <a href="/collections/brands-original-toner-cartridge" >åå» ç¢³ç²å£</a> 5113 5114 5115 5116 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 5117 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 5118 </svg> 5119 5120 5121 5122 </summary> 5123 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 5124 5125 5126 5127 <li> 5128 <a href="/collections/hp-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP åå» ç¢³ç²å£</a> 5129 </li> 5130 5131 5132 5133 5134 <li> 5135 <a href="/collections/epson-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åå» ç¢³ç²å£</a> 5136 </li> 5137 5138 5139 5140 5141 <li> 5142 <a href="/collections/canon-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon åå» ç¢³ç²å£</a> 5143 </li> 5144 5145 5146 5147 5148 <li> 5149 <a href="/collections/brother-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother åå» ç¢³ç²å£</a> 5150 </li> 5151 5152 5153 5154 5155 <li> 5156 <a href="/collections/ricoh-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Ricoh åå» ç¢³ç²å£</a> 5157 </li> 5158 5159 5160 5161 5162 <li> 5163 <a href="/collections/lexmark-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">LEXMARK åå» ç¢³ç²å£</a> 5164 </li> 5165 5166 5167 5168 5169 <li> 5170 <a href="/collections/fuji-xerox-original-toner" class="header__menu-item list-menu__item link link--text focus-inset caption-large">FUJIFILM åå» ç¢³ç²å£</a> 5171 </li> 5172 5173 5174 5175 5176 <li> 5177 <a href="/collections/pantum-åå» ç¢³ç²å£" class="header__menu-item list-menu__item link link--text focus-inset caption-large">PANTUM åå» ç¢³ç²å£</a> 5178 </li> 5179 5180 5181 </ul> 5182 </details> 5183 </details-disclosure> 5184 </li> 5185 5186 5187 5188 5189 5190 5191 <li> 5192 <details-disclosure> 5193 <details> 5194 <summary class="header__menu-item link link--text list-menu__item focus-inset caption-large"> 5195 <a href="/collections/original-cartridges" >åå» å¢¨æ°´</a> 5196 5197 5198 5199 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret rotate-90" viewBox="0 0 10 6"> 5200 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path> 5201 </svg> 5202 5203 5204 5205 </summary> 5206 <ul class="header__submenu list-menu list-menu--disclosure motion-reduce"> 5207 5208 5209 5210 <li> 5211 <a href="/collections/canon-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Canon åå» å¢¨æ°´å£</a> 5212 </li> 5213 5214 5215 5216 5217 <li> 5218 <a href="/collections/epson-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">EPSON åå» å¢¨æ°´å£</a> 5219 </li> 5220 5221 5222 5223 5224 <li> 5225 <a href="/collections/hp-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">HP åå» å¢¨æ°´å£</a> 5226 </li> 5227 5228 5229 5230 5231 <li> 5232 <a href="/collections/brother-original-ink-cartridge" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Brother åå» å¢¨æ°´å£</a> 5233 </li> 5234 5235 5236 </ul> 5237 </details> 5238 </details-disclosure> 5239 </li> 5240 5241 5242 5243 </ul> 5244 </details> 5245 </details-disclosure> 5246 </li> 5247 5248 5249 5250 5251 <li> 5252 <a href="/blogs/luckerchat" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 5253 Blog | æå ä½ èªªçç 5254 </a> 5255 </li> 5256 5257 5258 5259 5260 <li> 5261 <a href="/a/help-center" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 5262 ç·ä¸å¸¸è¦åé¡ 5263 </a> 5264 </li> 5265 5266 5267 5268 5269 <li> 5270 <a href="/pages/contact-us" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"> 5271 è¯ç¹«æå 5272 </a> 5273 </li> 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 </ul> 5287 </nav> 5288 <div class="header__icons"> 5289 5290 5291 5292 <div class="header__icon header__icon--account link link--text focus-inset small-hide medium-hide" style="position: relative;"> 5293 <a href="/account/login" class="header__icon link link--text focus-inset p-2"> 5294 5295 5296 5297 <svg class="icon icon-account " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M300,296.19c-70.7,0-137.11,28.74-187,80.93-49.59,51.87-76.9,120.77-76.9,194v25H563.89v-25c0-73.22-27.31-142.12-76.9-194C437.11,324.93,370.7,296.19,300,296.19ZM87.42,546.11C99.29,433.81,190.1,346.19,300,346.19s200.71,87.62,212.58,199.92Z" fill="currentColor"/><path d="M300,285.34c77.6,0,140.73-63.13,140.73-140.73S377.6,3.89,300,3.89,159.27,67,159.27,144.61,222.4,285.34,300,285.34Zm0-231.45a90.73,90.73,0,1,1-90.73,90.72A90.82,90.82,0,0,1,300,53.89Z" fill="currentColor"/></svg> 5298 5299 5300
5301 <span id="my-account" class="header__link-label">ç»å ¥</span> 5302 </a> 5303 5304 <!-- Referral Notification Popup for Desktop --> 5305 <div id="referralNotification" class="referral-notification" style="display: none;"> 5306 <button class="close-btn" onclick="dismissReferralNotification()">×</button> 5307 <div style="text-align: center; margin-bottom: 16px;"> 5308 <div style="width: 100px; height: 100px; margin: 0 auto;"> 5309 <img src="https://resources.easystore.co/storefront/icons/channels/vector_referral_program.svg"> 5310 </div> 5311 </div> 5312 <p id="referralSignupMessage" style="text-align: center; font-size: 14px; color: #666; margin: 0 0 20px 0;"> 5313 æ¨ç好å鿍 åé¥éï¼ç«å³è¨»åé åã 5314 </p> 5315 <div style="text-align: center;"> 5316 <button class="btn" onclick="goToSignupPage()" style="width: 100%;"> 5317 註å 5318 </button> 5319 </div> 5320 </div> 5321 </div> 5322 5323 5324 5325 <a href="/cart" class="header__icon link link--text focus-inset" id="cart-icon-bubble"> 5326 <span class="header__icon--cart"> 5327 5328 5329 5330 <svg class="icon icon-cart-empty " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496.56 600"><path d="M453.52,128.63a25,25,0,0,0-24.91-22.8H364.72a117.48,117.48,0,0,0-232.89,0H67.94A25,25,0,0,0,43,128.63L8.8,515.21a72.11,72.11,0,0,0,19.05,55.6,79,79,0,0,0,58.22,25.3H410.49a79,79,0,0,0,58.22-25.3,72.11,72.11,0,0,0,19.05-55.6ZM248.28,53.89a67.58,67.58,0,0,1,65.65,51.94H182.63A67.57,67.57,0,0,1,248.28,53.89ZM431.83,537.05a28.85,28.85,0,0,1-21.34,9.06H86.07a28.85,28.85,0,0,1-21.34-9.06,22.69,22.69,0,0,1-6.13-17.43L90.82,155.83h40v51.23a25,25,0,0,0,50,0V155.83h135v51.23a25,25,0,0,0,50,0V155.83h40L438,519.62A22.68,22.68,0,0,1,431.83,537.05Z" fill="currentColor"/></svg> 5331 5332 5333 5334 <div class="cart-count-bubble hidden"> 5335 <span aria-hidden="true" class="js-content-cart-count">0</span> 5336 </div> 5337 </span> 5338 <span class="header__link-label medium-hide small-hide"> 5339 è³¼ç©è» 5340 </span> 5341 </a> 5342 5343 5344 5345 <!-- Referral Notification Modal for Mobile --> 5346 <details-modal class="referral-modal" id="referralMobileModal"> 5347 <details> 5348 <summary class="referral-modal__toggle" aria-haspopup="dialog" aria-label="Open referral modal" style="display: none;"> 5349 </summary> 5350 <div class="modal-overlay referral-modal-overlay"></div> 5351 <div class="referral-modal__dialog" role="dialog" aria-modal="true" aria-label="Referral notification"> 5352 <div class="referral-modal__content"> 5353 <button type="button" class="modal__close-button" aria-label="Close" onclick="closeMobileReferralModal()" style="position: absolute; top: 16px; right: 16px; background: none; border: none; font-size: 24px; cursor: pointer;"> 5354 × 5355 </button> 5356 5357 <div style="margin-bottom: 24px;"> 5358 <div style="width: 120px; height: 120px; margin: 0 auto 20px;"> 5359 <img src="https://resources.easystore.co/storefront/icons/channels/vector_referral_program.svg" style="width: 100%; height: 100%;"> 5360 </div> 5361 </div> 5362 5363 <p id="referralSignupMessageMobile" style="font-size: 16px; color: #333; margin: 0 0 30px 0; line-height: 1.5;"> 5364 æ¨ç好å鿍 åé¥éï¼ç«å³è¨»åé åã 5365 </p> 5366 5367 <button type="button" class="btn" onclick="goToSignupPageFromMobile()" style="width: 100%;"> 5368 註å 5369 </button> 5370 </div> 5371 </div> 5372 </details> 5373 </details-modal> 5374 5375 5376 5377 </div> 5378 </header> 5379 </sticky-header> 5380 5381<cart-notification> 5382 <div class="cart-notification-wrapper page-width color-background-1"> 5383 <div id="cart-notification" class="cart-notification focus-inset" aria-modal="true" aria-label="å·²å å ¥è³¼ç©è»" role="dialog" tabindex="-1"> 5384 <div class="cart-notification__header"> 5385 <h2 class="cart-notification__heading caption-large"> 5386 5387 5388 <svg class="icon icon-checkmark color-foreground-text " aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"> 5389 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path> 5390 </svg> 5391 5392 5393 å·²å å ¥è³¼ç©è»</h2> 5394 <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="accessibility.close"> 5395 5396 5397 5398 <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg> 5399 5400 5401 5402 </button> 5403 </div> 5404 <div id="cart-notification-product" class="cart-notification-product"></div> 5405 <div class="cart-notification__links"> 5406 <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width">æ¥çè³¼ç©è» (<span class="js-content-cart-count">0</span>)</a> 5407 <form action="/cart" method="post" id="cart-notification-form"> 5408 <input type="hidden" name="_token" value="4BSNzaVhqZXxsMhPruhrk6YqeKfHCLdXAzyNb6W7"> 5409 <input type="hidden" name="current_currency" value=""> 5410 <button class="button button--primary button--full-width" name="checkout" value="true">çµå¸³</button> 5411 </form> 5412 <button type="button" class="link button-label">ç¹¼çºè³¼ç©</button> 5413 </div> 5414 </div> 5415 </div> 5416</cart-notification> 5417<style> 5418 .cart-notification { 5419 display: none; 5420 } 5421</style>
5422<script> 5423document.getElementById('cart-notification-form').addEventListener('submit',(event)=>{ 5424 if(event.submitter) event.submitter.classList.add('loading'); 5425}) 5426 5427</script>
5427 5428 5429</div> 5430 5431
5432<script> 5433 5434 class StickyHeader extends HTMLElement { 5435 constructor() { 5436 super(); 5437 } 5438 5439 connectedCallback() { 5440 this.header = document.getElementById('easystore-section-header'); 5441 this.headerBounds = {}; 5442 this.currentScrollTop = 0; 5443 this.preventReveal = false; 5444 5445 this.onScrollHandler = this.onScroll.bind(this); 5446 this.hideHeaderOnScrollUp = () => this.preventReveal = true; 5447 5448 this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp); 5449 window.addEventListener('scroll', this.onScrollHandler, false); 5450 5451 this.createObserver(); 5452 } 5453 5454 disconnectedCallback() { 5455 this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp); 5456 window.removeEventListener('scroll', this.onScrollHandler); 5457 } 5458 5459 createObserver() { 5460 let observer = new IntersectionObserver((entries, observer) => { 5461 this.headerBounds = entries[0].intersectionRect; 5462 observer.disconnect(); 5463 }); 5464 5465 observer.observe(this.header); 5466 } 5467 5468 onScroll() { 5469 const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 5470 5471 if (scrollTop > this.currentScrollTop && scrollTop > this.headerBounds.bottom) { 5472 requestAnimationFrame(this.hide.bind(this)); 5473 } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) { 5474 if (!this.preventReveal) { 5475 requestAnimationFrame(this.reveal.bind(this)); 5476 } else { 5477 window.clearTimeout(this.isScrolling); 5478 5479 this.isScrolling = setTimeout(() => { 5480 this.preventReveal = false; 5481 }, 66); 5482 5483 requestAnimationFrame(this.hide.bind(this)); 5484 } 5485 } else if (scrollTop <= this.headerBounds.top) { 5486 requestAnimationFrame(this.reset.bind(this)); 5487 } 5488 5489 5490 this.currentScrollTop = scrollTop; 5491 } 5492 5493 hide() { 5494 this.header.classList.add('easystore-section-header-hidden', 'easystore-section-header-sticky'); 5495 this.closeMenuDisclosure(); 5496 // this.closeSearchModal(); 5497 } 5498 5499 reveal() { 5500 this.header.classList.add('easystore-section-header-sticky', 'animate'); 5501 this.header.classList.remove('easystore-section-header-hidden'); 5502 } 5503 5504 reset() { 5505 this.header.classList.remove('easystore-section-header-hidden', 'easystore-section-header-sticky', 'animate'); 5506 } 5507 5508 closeMenuDisclosure() { 5509 this.disclosures = this.disclosures || this.header.querySelectorAll('details-disclosure'); 5510 this.disclosures.forEach(disclosure => disclosure.close()); 5511 } 5512 5513 // closeSearchModal() { 5514 // this.searchModal = this.searchModal || this.header.querySelector('details-modal'); 5515 // this.searchModal.close(false); 5516 // } 5517 } 5518 5519 customElements.define('sticky-header', StickyHeader); 5520 5521 5522 class DetailsDisclosure extends HTMLElement{ 5523 constructor() { 5524 super(); 5525 this.mainDetailsToggle = this.querySelector('details'); 5526 // this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this)); 5527 this.mainDetailsToggle.addEventListener('mouseover', this.open.bind(this)); 5528 this.mainDetailsToggle.addEventListener('mouseleave', this.close.bind(this)); 5529 } 5530 5531 onFocusOut() { 5532 setTimeout(() => { 5533 if (!this.contains(document.activeElement)) this.close(); 5534 }) 5535 } 5536 5537 open() { 5538 this.mainDetailsToggle.setAttribute('open',1) 5539 } 5540 5541 close() { 5542 this.mainDetailsToggle.removeAttribute('open') 5543 } 5544 } 5545 5546 customElements.define('details-disclosure', DetailsDisclosure); 5547 5548 function clearAll() { 5549 localStorage.removeItem('searchHistory'); 5550 5551 var customer = ""; 5552 if(customer) { 5553 // Your logic to clear all data or call an endpoint 5554 fetch('/account/search_histories', { 5555 method: 'DELETE', 5556 headers: { 5557 "Content-Type": "application/json", 5558 "X-Requested-With": "XMLHttpRequest" 5559 }, 5560 body: JSON.stringify({ 5561 _token: "4BSNzaVhqZXxsMhPruhrk6YqeKfHCLdXAzyNb6W7" 5562 }), 5563 }) 5564 .then(response => response.json()) 5565 } 5566 } 5567 // End - delete search history from local storage 5568 5569 // search history dropdown 5570 var searchInputs = document.querySelectorAll('.search__input'); 5571 5572 if(searchInputs.length > 0) { 5573
5574 searchInputs.forEach((searchInput)=> { 5575 5576 searchInput.addEventListener('focus', function() { 5577 var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown'); 5578 searchDropdown.innerHTML = ''; // Clear existing items 5579 5580 // retrieve data from local storage 5581 var searchHistoryData = JSON.parse(localStorage.getItem('searchHistory')) || []; 5582 5583 // Convert JSON to string 5584 var search_history_json = JSON.stringify(searchHistoryData); 5585 5586 // Set the value of the hidden input 5587 searchInput.closest('form').querySelector(".hidden_search_history").value = search_history_json; 5588 5589 // create dropdown items 5590 var clearAllItem = document.createElement('div'); 5591 clearAllItem.className = 'dropdown-item clear-all'; 5592 clearAllItem.textContent = 'Clear'; 5593 clearAllItem.addEventListener('click', function() { 5594 clearAll(); 5595 searchDropdown.style.display = 'none'; 5596 searchInput.classList.remove('is-focus'); 5597 }); 5598 searchDropdown.appendChild(clearAllItem); 5599 5600 // create dropdown items 5601 searchHistoryData.forEach(function(item) { 5602 var dropdownItem = document.createElement('div'); 5603 dropdownItem.className = 'dropdown-item'; 5604 dropdownItem.textContent = item.term; 5605 dropdownItem.addEventListener('click', function() { 5606 searchInput.value = item.term; 5607 searchInput.closest('form').submit(); 5608 searchDropdown.style.display = 'none'; 5609 }); 5610 searchDropdown.appendChild(dropdownItem); 5611 }); 5612 5613 if(searchHistoryData.length > 0){ 5614 // display the dropdown 5615 searchInput.classList.add('is-focus'); 5616 document.body.classList.add('search-input-focus'); 5617 searchDropdown.style.display = 'block'; 5618 } 5619 }); 5620 5621 searchInput.addEventListener("focusout", (event) => { 5622 var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown'); 5623 searchInput.classList.remove('is-focus'); 5624 searchDropdown.classList.add('transparent'); 5625 setTimeout(()=>{ 5626 searchDropdown.style.display = 'none'; 5627 searchDropdown.classList.remove('transparent'); 5628 document.body.classList.remove('search-input-focus'); 5629 }, 400); 5630 }); 5631 }) 5632 } 5633 // End - search history dropdown 5634 5635 // referral notification popup 5636 const referralMessageTemplate = 'æ¨ç好å鿍 __CURRENCY_CODE__ __CREDIT_AMOUNT__ åé¥éï¼ç«å³è¨»åé åã'; 5637 const shopCurrency = 'NT$'; 5638 5639 function getCookie(name) { 5640 const value = `; ${document.cookie}`; 5641 const parts = value.split(`; ${name}=`); 5642 if (parts.length === 2) return parts.pop().split(';').shift(); 5643 return null; 5644 } 5645 5646 function removeCookie(name) { 5647 document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`; 5648 } 5649 5650 function showReferralNotification() { 5651 const referralCode = getCookie('customer_referral_code'); 5652 5653 5654 const customerReferralCode = null; 5655 5656 5657 const activeReferralCode = referralCode || customerReferralCode; 5658 const referralData = JSON.parse(localStorage.getItem('referral_notification_data')) || {}; 5659 5660 if (referralData.timestamp && referralData.expirationDays) { 5661 const expirationTime = referralData.timestamp + (referralData.expirationDays * 24 * 60 * 60 * 1000); 5662 if (Date.now() > expirationTime) { 5663 localStorage.removeItem('referral_notification_data'); 5664 return; 5665 } 5666 } 5667 5668 if (referralData.dismissed) return; 5669 5670 if (activeReferralCode) { 5671 if (referralData.creditAmount) { 5672 displayReferralNotification(referralData.creditAmount); 5673 } else { 5674 fetchReferralCampaignData(activeReferralCode); 5675 } 5676 } 5677 } 5678 5679 function fetchReferralCampaignData(referralCode) { 5680 fetch(`/customer/referral_program/campaigns/${referralCode}`) 5681 .then(response => { 5682 if (!response.ok) { 5683 throw new Error('Network response was not ok'); 5684 } 5685 return response.json(); 5686 }) 5687 .then(data => { 5688 let refereeCreditAmount = null; 5689 if (data.data.campaign && data.data.campaign.referral_rules) { 5690 const refereeRule = data.data.campaign.referral_rules.find(rule => 5691 rule.target_type === 'referee' && 5692 rule.event_name === 'customer/create' && 5693 rule.entitlement && 5694 rule.entitlement.type === 'credit' 5695 ); 5696 5697 if (refereeRule) { 5698 refereeCreditAmount = refereeRule.entitlement.amount; 5699 } 5700 } 5701 5702 const referralData = JSON.parse(localStorage.getItem('referral_notification_data')) || {}; 5703 referralData.creditAmount = refereeCreditAmount; 5704 referralData.dismissed = referralData.dismissed || false; 5705 referralData.timestamp = Date.now(); 5706 referralData.expirationDays = 3; 5707 localStorage.setItem('referral_notification_data', JSON.stringify(referralData)); 5708 5709 displayReferralNotification(refereeCreditAmount); 5710 }) 5711 .catch(error => { 5712 removeCookie('customer_referral_code'); 5713 }); 5714 } 5715 5716 function displayReferralNotification(creditAmount = null) { 5717 const isMobile = innerWidth <= 749; 5718 5719 if (isMobile) { 5720 const mobileModal = document.querySelector('#referralMobileModal details'); 5721 const mobileMessageElement = document.getElementById('referralSignupMessageMobile'); 5722 5723 if (mobileModal && mobileMessageElement) { 5724 if (creditAmount) {
5725 const finalMessage = referralMessageTemplate 5726 .replace('__CREDIT_AMOUNT__', creditAmount) 5727 .replace('__CURRENCY_CODE__', shopCurrency); 5728 5729 mobileMessageElement.textContent = finalMessage; 5730 } 5731 5732 mobileModal.setAttribute('open', ''); 5733 } 5734 } else { 5735 const notification = document.getElementById('referralNotification'); 5736 5737 if (notification) { 5738 if (creditAmount) { 5739 const messageElement = document.getElementById('referralSignupMessage'); 5740 if (messageElement) { 5741 const finalMessage = referralMessageTemplate 5742 .replace('__CREDIT_AMOUNT__', creditAmount) 5743 .replace('__CURRENCY_CODE__', shopCurrency); 5744 5745 messageElement.textContent = finalMessage; 5746 } 5747 } 5748 5749 notification.style.display = 'block'; 5750 } 5751 } 5752 } 5753 5754 showReferralNotification(); 5755 5756 addEventListener('beforeunload', function() { 5757 const referralData = JSON.parse(localStorage.getItem('referral_notification_data')) || {}; 5758 5759 if (referralData.creditAmount !== undefined) { 5760 referralData.creditAmount = null; 5761 localStorage.setItem('referral_notification_data', JSON.stringify(referralData)); 5762 } 5763 }); 5764 5765 function closeReferralNotification() { 5766 const notification = document.getElementById('referralNotification'); 5767 if (notification) { 5768 notification.style.display = 'none'; 5769 } 5770 } 5771 5772 function dismissReferralNotification() { 5773 const referralData = JSON.parse(localStorage.getItem('referral_notification_data')) || {}; 5774 5775 referralData.dismissed = true; 5776 referralData.timestamp = referralData.timestamp || Date.now(); 5777 referralData.expirationDays = referralData.expirationDays || 3; 5778 5779 localStorage.setItem('referral_notification_data', JSON.stringify(referralData)); 5780 5781 closeReferralNotification(); 5782 } 5783 5784 function goToSignupPage() { 5785 location.href = '/account/register'; 5786 dismissReferralNotification(); 5787 } 5788 5789 function closeMobileReferralModal() { 5790 const mobileModal = document.querySelector('#referralMobileModal details'); 5791 if (mobileModal) { 5792 mobileModal.removeAttribute('open'); 5793 } 5794 5795 const referralData = JSON.parse(localStorage.getItem('referral_notification_data')) || {}; 5796 referralData.dismissed = true; 5797 referralData.timestamp = referralData.timestamp || Date.now(); 5798 referralData.expirationDays = referralData.expirationDays || 3; 5799 localStorage.setItem('referral_notification_data', JSON.stringify(referralData)); 5800 } 5801 5802 function goToSignupPageFromMobile() { 5803 location.href = '/account/register'; 5804 closeMobileReferralModal(); 5805 } 5806 // End - referral notification popup 5807</script>
5807 5808 5809 5810 5811 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
vendor: 81 bytes, lines 5811-5814
5811 5812 5813 5814<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=
58146LdMNdIqAAAAALegJp7y4weVcCIlnwmIN8TWseEF
vendor: 12 bytes, line 5814
5814"></script>
5815<link rel="preload" href="https://store-themes.easystore.co/177807/themes/290544/assets/customer.css?t=1791383721" as="style" onload="this.onload=null;this.rel='stylesheet'"> 5816<style> 5817 main.main-content .field > label{ 5818 display: none; 5819 } 5820 .h3{ 5821 font-size: 18px; 5822 } 5823 .button--full-width{ 5824 width: 100%; 5825 } 5826 .tab-wrapper{ 5827 display: inline-flex; 5828 justify-content: center; 5829 align-items: center; 5830 margin: 10px auto 20px; 5831 background-color: #eaeaea; 5832 border-radius: 200px; 5833 padding: 5px; 5834 gap: 10px; 5835 } 5836 .tab-wrapper .tab-label { 5837 display: inline-block; 5838 min-width: 130px; 5839 padding: 8px 15px; 5840 border-radius: 100px; 5841 cursor: pointer; 5842 font-size: 17px; 5843 line-height: 1.1; 5844 user-select: none; 5845 margin: 0; 5846 color: #000; 5847 } 5848 #register-tos a { 5849 display: inline; 5850 } 5851 @media screen and (max-width: 400px){ 5852 .tab-wrapper .tab-label { 5853 min-width: 110px; 5854 } 5855 } 5856 .tab-wrapper input[type='radio']:checked + .tab-label { 5857 background-color: #fff; 5858 box-shadow: 2px 2px 25px -10px #333; 5859 } 5860 5861 @media screen and (min-width: 500px){ 5862 .large--five-twelfths{ 5863 min-width: 420px; 5864 } 5865 } 5866</style> 5867 5868 5869 5870 5871 5872 5873 5874<div class="customer login section-width-control small-width large--five-twelfths text-center wrapper"> 5875 <div class="card"> 5876 <h1 id="login" tabindex="-1" class="mb-0"> 5877 æ¡è¿ 5878 </h1> 5879 <p class="h3 mt-0"> 5880 5881 註åæç»å ¥ä»¥ç¹¼çº 5882 5883 </p> 5884 <div> 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 5902 <div class="tab-wrapper"> 5903 <div> 5904 <input type="radio" name="type" id="tab-register" class="hide hidden" checked> 5905 <label for="tab-register" class="tab-label"> 5906 註å帳è 5907 </label> 5908 </div> 5909 <div> 5910 <input type="radio" name="type" id="tab-login" class="hide hidden"> 5911 <label for="tab-login" class="tab-label"> 5912 ç»å ¥ 5913 </label> 5914 </div> 5915 </div> 5916 5917 5918 <form id="form-login" action="/account/auth" method="post" class="mt-2"> 5919 <input type="hidden" name="_token" value="4BSNzaVhqZXxsMhPruhrk6YqeKfHCLdXAzyNb6W7"> 5920 <input type="hidden" name="location_id" value=""> 5921 <input type="hidden" name="staff_id" value=""> 5922 <input type="hidden" id="recaptchaResponse" name="g-recaptcha-response"> 5923 5924 5925 <div id="error-content"></div> 5926 5927 <div class="field"> 5928 <input 5929 type="text" 5930 name="customer[email_or_phone]" 5931 id="CustomerDetail" 5932 autocorrect="off" 5933 autocapitalize="off" 5934 placeholder="ææ©è碼æé»åéµä»¶å°å" 5935 required 5936 > 5937 <label for="CustomerDetail"> 5938 ææ©è碼æé»åéµä»¶å°å 5939 </label> 5940 </div> 5941 5942 <button 5943 type="submit" 5944 form="form-login" 5945 class="btn button--full-width g-recaptcha"> 5946 ç¹¼çº 5947 </button> 5948 5949 <div class="button-snippet"> 5950 5951 <style> 5952 #line-login-btn.btn{ 5953 background-color: #fff; 5954 color: #000; 5955 padding: 0; 5956 overflow: hidden; 5957 display: flex; 5958 justify-content: center; 5959 align-items: center; 5960 width: 100%; 5961 margin: 15px auto; 5962 font-size: 14px; 5963 border: 1px solid currentColor; 5964 box-shadow: none; 5965 } 5966 #line-login-btn.btn:hover{ 5967 background-color: #fff; 5968 } 5969 #line-login-btn.btn svg{ 5970 width: 45px; 5971 vertical-align: middle; 5972 padding: 5px; 5973 } 5974 #line-login-btn.btn .line-login-text{ 5975 padding: 13px 75px 13px 30px; 5976 display: inline-block; 5977 width: calc(100% - 52px); 5978 } 5979 @media screen and (max-width: 500px) { 5980 #line-login-btn.btn .line-login-text{ 5981 padding: 13px 25px 13px 8px; 5982 font-size: 13px; 5983 } 5984 } 5985 </style> 5986 <button type="button" onclick="location.href='/account/oauth/line'" id="line-login-btn" class="btn" style="color: #000; font-weight: normal; margin-bottom: 10px;"> 5987 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"> 5988 <path d="M27.91,12a8.73,8.73,0,0,0-.53-2,9.84,9.84,0,0,0-2.2-3.31A12.91,12.91,0,0,0,20.85,4a14.67,14.67,0,0,0-4-1A17.13,17.13,0,0,0,15,2.83c-.27,0-.55,0-.82,0l-.82.06a15.07,15.07,0,0,0-1.62.24,14.77,14.77,0,0,0-3,1A12.64,12.64,0,0,0,4.81,6.78a9.82,9.82,0,0,0-2.29,3.55A8.38,8.38,0,0,0,2,13a9.45,9.45,0,0,0,.1,1.5A8.52,8.52,0,0,0,2.88,17a10.52,10.52,0,0,0,3.23,3.84A13.68,13.68,0,0,0,10.5,23a14.8,14.8,0,0,0,2.36.5,2.31,2.31,0,0,1,.69.16,1,1,0,0,1,.58.72,2,2,0,0,1,0,.74c-.05.34-.12.67-.17,1a2.55,2.55,0,0,0,0,.55c0,.38.22.53.59.45a4.21,4.21,0,0,0,.63-.2A11.83,11.83,0,0,0,16.92,26a47.13,47.13,0,0,0,5.68-4c.67-.55,1.31-1.14,2-1.71a10.26,10.26,0,0,0,1.64-1.78,9.31,9.31,0,0,0,1.2-2.16,8.3,8.3,0,0,0,.59-3A9.5,9.5,0,0,0,27.91,12ZM10.26,16.52l-.18,0H7.49a.67.67,0,0,1-.67-.67v-5a.67.67,0,0,1,.66-.66.68.68,0,0,1,.71.7v4.26H10a.66.66,0,0,1,.6.31A.69.69,0,0,1,10.26,16.52Zm2.43-.58a.63.63,0,0,1-.63.6.65.65,0,0,1-.69-.46.89.89,0,0,1,0-.28V11a1.
59881,1.1,0,0,1,0-.26.68.68,0,0,1,.61-.48.64.64,0,0,1,.61.29.92.92,0,0,1,.11.29.72.72,0,0,1,0,.21v4.77A1,1,0,0,1,12.69,15.94Zm6.14,0a.64.64,0,0,1-.5.63.7.7,0,0,1-.76-.27C16.79,15.17,16,14.1,15.22,13c0,0-.06-.11-.16-.14v3a.6.6,0,0,1-.1.39.64.64,0,0,1-.52.3.79.79,0,0,1-.45-.11.66.66,0,0,1-.29-.52v-5a.67.67,0,0,1,.1-.39.7.7,0,0,1,1.14,0c.46.64.93,1.26,1.4,1.89l1,1.33.09.11c.06-.05,0-.1,0-.15V10.89a.65.65,0,0,1,.5-.65.67.67,0,0,1,.87.64v3.67C18.83,15,18.82,15.45,18.83,15.89Zm4.39.62a.93.93,0,0,1-.29,0H20.47a.76.76,0,0,1-.41-.1.62.62,0,0,1-.31-.51,1.09,1.09,0,0,1,0-.18c0-1.59,0-3.19,0-4.78a.88.88,0,0,1,0-.28.66.66,0,0,1,.63-.49H23a.63.63,0,0,1,.6.43.68.68,0,0,1-.16.76.58.58,0,0,1-.39.17H21.14a5.87,5.87,0,0,0,0,1.11h.17c.56,0,1.13,0,1.69,0a.64.64,0,0,1,.65.52.66.66,0,0,1-.66.84H21.14a6.56,6.56,0,0,0,0,1.09l.19,0h1.61a1,1,0,0,1,.24,0,.67.67,0,0,1,.5.63A.63.63,0,0,1,23.22,16.51Z" fill="#02C755"/> 5989 </svg> 5990 <span class="line-login-text">LINE ç»å ¥</span> 5991 </button> 5992 <!-- <p style="font-size: 12px; color: grey;">æåä½¿ç¨æ¨çLINEé»åéµä»¶åµå»ºå®¢æ¶å¸³æ¶</p> --> 5993 5994 </div> 5995 5996 5997 5998 <div id="register-tos"> 5999 䏿¦é»æè¨»åï¼å³è¡¨ç¤ºä½ åæå°å®¢ç·ä¸ InkTWï½åå°.æ¨ç±¤.èæå°æ¥ç¶²åºï½æ»¿åå éãç人客æã實é«åºé¢ãç <a target="_blank" href="/legal/about-us">éæ¼å°å®¢ç·ä¸</a>, <a target="_blank" href="/legal/order-deal-notices">å°å®¢ç·ä¸è³¼ç©èªªæ</a>, <a target="_blank" href="/legal/return-policy">éæè²¨æ¿ç</a> å <a target="_blank" href="/legal/privacy-policy">é±ç§æ¬æ¿ç</a>ã 6000 </div> 6001 6002 </form> 6003 </div> 6004 </div> 6005 6006</div> 6007 6008 6009
6010<script> 6011 const register_tab = document.querySelector('#tab-register'); 6012 const login_tab = document.querySelector('#tab-login'); 6013 const register_tos = document.querySelector('#register-tos'); 6014 const isRegistrationEnabled = "1"; 6015 6016 if (register_tab) { 6017 register_tab.addEventListener('click', function() { 6018 if (register_tos) { 6019 register_tos.style.display = 'block'; 6020 } 6021 }); 6022 } 6023 if (login_tab) { 6024 login_tab.addEventListener('click', function() { 6025 if (register_tos) { 6026 register_tos.style.display = 'none'; 6027 } 6028 }); 6029 } 6030 6031 const methodSwitchBtn = document.getElementById('phone-login-btn'); 6032 if (methodSwitchBtn) { 6033 methodSwitchBtn.onclick = function () { 6034 var type = (register_tab && register_tab.checked) ? 'register' : 'login'; 6035 window.location.href = '/account/login?method=phone&type=' + type; 6036 }; 6037 } 6038 6039 let lastPathSegment = window.location.pathname.split('/').filter(segment => segment.length > 0).pop(); 6040 6041 // Redirect to login if trying to access register when self registration is disabled 6042 if (!isRegistrationEnabled) { 6043 if (lastPathSegment === 'register') { 6044 window.location.href = '/account/login'; 6045 } else if (lastPathSegment === 'login' || lastPathSegment === 'auth') { 6046 if (register_tos) { 6047 register_tos.style.display = 'none'; 6048 } 6049 } 6050 } else { 6051 // Only proceed with tab logic if not redirecting 6052 if(lastPathSegment === 'login') { 6053 if (login_tab) { 6054 login_tab.checked = true; 6055 } 6056 if (register_tos) { 6057 register_tos.style.display = 'none'; 6058 } 6059 } else { 6060 if (register_tos) { 6061 register_tos.style.display = 'block'; 6062 } 6063 } 6064 } 6065 6066 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 6067 const phonePattern = /^(?:\+?\d{1,3}[\s-]?)?(?:\d{1,14}[\s-]?){1,5}$/; 6068 6069 let form = document.querySelector('#form-login'), 6070 input = document.querySelector('#CustomerDetail'), 6071 error_content = document.querySelector('#error-content'); 6072 6073 6074 // One attempt at a time: the reCAPTCHA wait below is async, so without 6075 // this a double-click starts two continuations and posts the form twice. 6076 var submitting = false; 6077 6078 form.addEventListener('submit', async function (event) { 6079 // preventDefault FIRST: a re-entrant submit must still be cancelled, or the 6080 // browser performs a native post with no captcha token. 6081 event.preventDefault(); 6082 if (submitting) return; 6083 6084 let input_value = input.value 6085 error_content.innerHTML = ''; 6086 if (!input_value.match(emailPattern) && !input_value.match(phonePattern)) { 6087 error_content.innerHTML = `<div class="errors note">Invalid Email or Phone</div>`; 6088 return false; 6089 } 6090 6091 submitting = true; 6092 document.querySelector('#form-login .btn').classList.add('btn--loading','loading'); 6093 6094 // reCAPTCHA is unreachable from some regions (google.com is blocked in 6095 // mainland China). Fail open the same way checkout and forgot-password do: 6096 // submit without a token rather than leave the button spinning forever. 6097 try { 6098 if (window.grecaptcha && typeof window.grecaptcha.enterprise === 'object') { 6099 // The loader defines a stub {ready} synchronously and fetches the real 6100 // implementation asynchronously, so execute() may not exist yet. 6101 // ready() queues until it does; the timeout stops a bundle that never 6102 // arrives from hanging the button. 6103 await new Promise(function (resolve) { 6104 setTimeout(resolve, 3000); 6105 try { grecaptcha.enterprise.ready(resolve); } catch (e) { resolve(); } 6106 }); 6107 6108 const token = await grecaptcha.enterprise.execute('6LdMNdIqAAAAALegJp7y4weVcCIlnwmIN8TWseEF', { action: 'LOGIN' }); 6109 document.getElementById('recaptchaResponse').value = token; 6110 } 6111 } catch (e) { /* fail open */ } 6112 6113 document.getElementById('form-login').submit(); 6114 }); 6115 6116 6117</script>
6117 6118 6119 6120 </main> 6121 <style> 6122 .footer{ 6123 background-color: #F8F7DA; 6124 color: #12244F; 6125 --color-foreground: 18,36,79; 6126 } 6127 .footer .link--text, 6128 .footer .list-menu__item--link, 6129 .footer .footer-block__details-content .list-menu__item--link{ 6130 color: #12244F; 6131 } 6132 .footer-block__heading{ 6133 color: #162F5C; 6134 } 6135 .rounded{ 6136 border-radius: 10px; 6137 } 6138 .shopping-app-border{ 6139 border: 1px #ECECEC solid; 6140 margin-right: 3px; 6141 } 6142 .app-download-badge{ 6143 display: inline-block; 6144 margin-right: 3px; 6145 } 6146</style> 6147 6148<link rel="preload" href="https://store-themes.easystore.co/177807/themes/290544/assets/section-footer.css?t=1791383721" as="style" onload="this.onload=null;this.rel='stylesheet'"> 6149 6150<footer class="footer color-background-1"> 6151 <div class="footer__content-top page-width"> 6152 <div class="grid grid--1-col grid--4-col-tablet "> 6153 6154 6155 6156 <div class="grid__item"> 6157 6158 <h2 class="footer-block__heading">We accept æ¯ä»æ¹å¼</h2> 6159 <div class="footer-block__details-content footer__payment"> 6160 <ul class="list list-payment" role="list"> 6161 6162 <li class="list-payment__item"> 6163 6164 6165 6166 <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" 6167 width="38" height="24" aria-labelledby="pi-visa"> 6168 <path opacity=".07" 6169 d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path> 6170 <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"> 6171 </path> 6172 <path 6173 d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" 6174 fill="#142688"></path> 6175 </svg> 6176 6177 6178 6179 </li> 6180 6181 6182 <li class="list-payment__item"> 6183 6184 6185 6186 <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" 6187 width="38" height="24" aria-labelledby="pi-master"> 6188 <path opacity=".07" 6189 d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path> 6190 <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"> 6191 </path> 6192 <circle fill="#EB001B" cx="15" cy="12" r="7"></circle> 6193 <circle fill="#F79E1B" cx="23" cy="12" r="7"></circle> 6194 <path fill="#FF5F00" 6195 d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path> 6196 </svg> 6197 6198 6199 6200 </li> 6201 6202 6203 6204 6205 6206 6207 6208 <li class="list-payment__item"> 6209 <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/payment/payments_ecpay.svg" alt="payment_ecpay" loading="lazy" width="85px"> 6210 </li> 6211 6212 <li class="list-payment__item"> 6213 <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/payment/payments_linepay.svg" alt="payment_linepay" loading="lazy" width="85px"> 6214 </li> 6215 6216 <li class="list-payment__item"> 6217 <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/payment/payments_bank-transfer.svg" alt="payment_bank-transfer" loading="lazy" width="85px"> 6218 </li> 6219 6220 <li class="list-payment__item"> 6221 <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/payment/payments_pxpay-plus.svg" alt="payment_pxpay-plus" loading="lazy" width="85px"> 6222 </li> 6223 6224 <li class="list-payment__item"> 6225 <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/payment/payments_jkopay.svg" alt="payment_jkopay" loading="lazy" width="85px"> 6226 </li> 6227 6228 6229 </div> 6230 <br> 6231 6232 </div> 6233 6234 6235 6236 <div class="grid__item"> 6237 6238 <h2 class="footer-block__heading"> 6239 links å¿«éé£çµ 6240 </h2> 6241 <ul class="footer-block__details-content list-unstyled"> 6242 6243 <li> 6244 <a href="/store-locator" class="link link--text list-menu__item list-menu__item--link"> 6245 åºé¢ä½ç½® 6246 </a> 6247 </li> 6248 6249 <li> 6250 <a href="/pages/contact-us" class="link link--text list-menu__item list-menu__item--link"> 6251 è¯ç¹«æå 6252 </a> 6253 </li> 6254 6255 <li> 6256 <a href="/pages/sales-campaign" class="link link--text list-menu__item list-menu__item--link"> 6257 ææ°åªæ æ´»å 6258 </a> 6259 </li> 6260 6261 <li> 6262 <a href="https://www.ink-tw.com/account" target="_blank" class="link link--text list-menu__item list-menu__item--link"> 6263 æå¡å°å 6264 </a> 6265 </li> 6266 6267 6268 </ul> 6269 6270 </div> 6271 6272 6273 6274 <div class="grid__item"> 6275 6276 <h2 class="footer-block__heading">éæ³¨æå</h2> 6277 <ul class="footer__list-social list-unstyled list-social footer-block__details-content" role="list"> 6278 6279 6280 <li class="list-social__item"> 6281 <a href="https://facebook.com/inktw" class="link link--text list-social__link"> 6282 6283 6284 6285 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook "
6286 viewBox="0 0 18 18"> 6287 <path fill="currentColor" 6288 d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z"> 6289 </path> 6290 </svg> 6291 6292 6293 6294 </a> 6295 </li> 6296 6297 6298 6299 6300 6301 <li class="list-social__item"> 6302 <a href="https://lin.ee/zHPe8nX" class="link link--text list-social__link"> 6303 6304 6305 6306 <svg class="icon icon-line-footer " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M375,.5C168.17.5.5,168.17.5,375S168.17,749.5,375,749.5,749.5,581.83,749.5,375,581.83.5,375,.5ZM570.75,476.91C518.48,537.06,401.6,610.33,375,621.53s-22.66-7.13-21.57-13.42c.63-3.76,3.55-21.33,3.55-21.33.83-6.36,1.66-16.23-.83-22.52-2.81-7-13.83-10.54-21.95-12.29C214.51,536.14,125.9,452.45,125.9,352.53,125.9,241,237.64,150.38,375,150.38s249.1,90.68,249.1,202.15h0C624.14,397.14,606.85,437.32,570.75,476.91Z"/><polygon points="324.38 298.65 324.38 298.65 324.38 298.65 324.38 298.65"/><path d="M324.38,298.65H306.91a4.86,4.86,0,0,0-4.86,4.85V412a4.86,4.86,0,0,0,4.86,4.85h17.47a4.86,4.86,0,0,0,4.85-4.85V303.5A4.86,4.86,0,0,0,324.38,298.65Z"/><path d="M444.67,298.65h-17.5a4.85,4.85,0,0,0-4.85,4.85V368l-49.73-67.17a4.57,4.57,0,0,0-.38-.49,2.76,2.76,0,0,0-.29-.3l-.09-.09a2.65,2.65,0,0,0-.26-.21l-.12-.1-.25-.18-.15-.08-.26-.14-.15-.08-.28-.12-.16,0-.28-.1-.18,0-.27-.06H351.08a4.85,4.85,0,0,0-4.85,4.84V412a4.85,4.85,0,0,0,4.85,4.85h17.48a4.85,4.85,0,0,0,4.85-4.85V347.54l49.81,67.26a5.15,5.15,0,0,0,1.22,1.2h.06l.29.18.14.07.24.12.23.1.15,0,.32.11H426a4.69,4.69,0,0,0,1.24.16h17.48a4.85,4.85,0,0,0,4.86-4.84h0V303.5A4.87,4.87,0,0,0,444.67,298.65Z"/><path d="M282.26,389.67h0l0,0H234.79V303.5a4.85,4.85,0,0,0-4.83-4.85H212.47a4.84,4.84,0,0,0-4.85,4.84h0V412a4.74,4.74,0,0,0,1.35,3.32.27.27,0,0,0,.07.08l.07.07a4.81,4.81,0,0,0,3.33,1.35h69.81a4.84,4.84,0,0,0,4.84-4.84h0V394.52A4.84,4.84,0,0,0,282.26,389.67Z"/><path d="M541.16,371.34a4.85,4.85,0,0,0,4.85-4.85h0V349a4.85,4.85,0,0,0-4.84-4.85H493.72V325.84l47.42,0A4.83,4.83,0,0,0,546,321V303.5a4.85,4.85,0,0,0-4.84-4.86H471.34A4.81,4.81,0,0,0,468,300l-.05.05-.08.09a4.82,4.82,0,0,0-1.34,3.33V412a4.77,4.77,0,0,0,1.35,3.33l.07.07.07.07a4.8,4.8,0,0,0,3.32,1.36h69.81A4.85,4.85,0,0,0,546,412h0V394.5a4.85,4.85,0,0,0-4.84-4.85H493.72V371.34Z"/></svg> 6307 6308 6309 6310 </a> 6311 </li> 6312 6313 6314 6315 <li class="list-social__item"> 6316 <a href="https://www.youtube.com/@å°å®¢ç·ä¸" class="link link--text list-social__link"> 6317 6318 6319 6320 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube " 6321 viewBox="0 0 100 70"> 6322 <path 6323 d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z" 6324 fill="currentColor"> 6325 </path> 6326 </svg> 6327 6328 6329 6330 </a> 6331 </li> 6332 6333 6334 </ul> 6335 6336 </div> 6337 6338 6339 6340 <div class="grid__item"> 6341 6342 <h2 class="footer-block__heading">å°å®¢ç·ä¸</h2> 6343 <div class="footer-block__details-content"> 6344 <p>å°æ³¨åå¤§å» çä¹å°è¡¨æ©ãæ¨ç±¤æ©ãææå¨ãåå» èæé¸æå»ºè°èè³¼ç©é«é©ã</p> 6345 </div> 6346 6347 </div> 6348 6349 </div> 6350 </div> 6351 <div class="footer__content-bottom"> 6352 <div class="footer__content-bottom-wrapper page-width"> 6353 <div class="footer__column footer__column--info"> 6354 6355 6356 6357 6358
6359 <div class="footer__copyright caption"> 6360 <div class="copyright__content">çæ¬ææ Â© 2026 å°å®¢ç·ä¸</div> 6361 </div> 6362 6363 <div class="footer__copyright caption"> 6364 6365 <div> 6366 6367 6368 6369 <a href="/legal/about-us">éæ¼å°å®¢ç·ä¸</a> 6370 6371 6372 6373 6374 | <a href="/legal/order-deal-notices">å°å®¢ç·ä¸è³¼ç©èªªæ</a> 6375 6376 6377 6378 6379 | <a href="/legal/return-policy">éæè²¨æ¿ç</a> 6380 6381 6382 6383 6384 | <a href="/legal/privacy-policy">é±ç§æ¬æ¿ç</a> 6385 6386 6387 6388 </div> 6389 6390 </div> 6391 6392 </div> 6393 </div> 6394 </div> 6395</footer> 6396 6397 6398 6399 6400 6401 6402
6402<script> 6403 EasyStore.Currencies.init([{"name":"New Taiwan Dollar","code":"TWD","rate":"1.0","format_prefix":"NT$","format_suffix":null,"format_decimals":2,"thousand_separator":",","is_primary":true}], 1) 6404</script>
6404 6405 6406 6407 6408
6408<script> 6409 let page_template = 'customers'; 6410 6411 if(document.querySelector('.currency-picker')) { 6412 EasyStore.Currencies.change(document.querySelector('.currency-picker').value) 6413 EasyStore.Currencies.convertAll() 6414 } 6415 6416 document.querySelectorAll('.currency-picker').forEach((el)=>{ 6417 el.addEventListener('change',(event)=>{ 6418 EasyStore.Currencies.change(event.target.value) 6419 6420 6421 if (page_template == 'cart') { 6422 const params = new URLSearchParams(window.location.search); 6423 params.set('delete_cache', 1); 6424 window.location.search = params; 6425 } else { 6426 window.location.reload(); 6427 } 6428 6429 return 6430 6431 6432 document.querySelectorAll('[name=currencies],[name=current_currency]').forEach((el)=>{ 6433 el.value = event.target.value 6434 }) 6435 6436 if(page_template == 'cart') location.reload(); 6437 }) 6438 }) 6439 </script>
6439 6440 6441 6442 6443 6444
6444<script> 6445 6446 window.variantStrings = { 6447 addToCart: `å å ¥è³¼ç©è»`, 6448 soldOut: `<span style='font-size:14px;'>å®å®</span>`, 6449 unavailable: `æ«ç¡ä¾æ`, 6450 } 6451 6452 window.accessibilityStrings = { 6453 shareSuccess: `éæ¥å·²å¾©è£½å°åªè²¼æ¿`, 6454 } 6455 </script>
6455 6456 6457<!-- Snippet:global/body_end: OnVoard AOV Progress Bar --> 6458<div 6459 class="ov-app ov-app-recommender-tracking" 6460 data-app="recommender-tracking" 6461 data-account-id="acct_6ii6h6mnbknlu7s" 6462></div> 6463<div 6464 class="ov-app ov-app-prompt" 6465 data-app="prompt" 6466 data-account-id="acct_6ii6h6mnbknlu7s" 6467></div> 6468 6469<!-- /Snippet --> 6470 6471<!-- Snippet:global/body_end: Insert Code --> 6472 6473<!--Google Ads-->
6474<script async src="https://cse.google.com/cse.js?cx=6109ae29a978d40b6"> 6475</script>
6475 6476<div class="gcse-searchresults-only"></div> 6477<!-- /Snippet --> 6478 6479<!-- Snippet:global/body_end: Product Label --> 6480<link href='https://apps.easystore.co/assets/css/product-label/main.css?v2.3' rel='stylesheet' type='text/css' media='screen' />
6480<script src='https://apps.easystore.co/product-labels/productlabelv2.js?shop=sici9698.easy.co' type='text/javascript'></script>
6480 6481<!-- /Snippet -->
6482<script> 6483 6484 /* 6485 6486 ------ 6487 Events 6488 ------ 6489 6490 pages/viewed 6491 6492 customers/signup 6493 6494 customers/login 6495 6496 products/searched 6497 6498 collections/viewed 6499 6500 products/viewed 6501 6502 products/shared 6503 6504 wishlists/item_added 6505 6506 carts/items_added 6507 6508 carts/viewed 6509 6510 carts/item_removed 6511 6512 checkouts/initiated 6513 6514 checkouts/shipping_info_added 6515 6516 checkouts/payment_info_added 6517 6518 checkouts/completed 6519 6520 orders/placed 6521 6522 orders/purchased 6523 6524 payments/captured 6525 6526 payments/failed 6527 6528 */ 6529 6530 window.__latest_cart = window.__latest_cart || null; 6531 6532 const _selector = document.querySelector.bind(document), 6533 _selectorAll = document.querySelectorAll.bind(document) 6534 6535 document.addEventListener('DOMContentLoaded', (event) => { 6536 6537 const default_currency = getCookie("currency") 6538 const customer_id = window.__st.cid 6539 const template = window.__st.p 6540 6541 onPageView() 6542 6543 //-----------------------// 6544 // Configs // 6545 //-----------------------// 6546 6547 window.dataLayer = window.dataLayer || [] 6548 6549 Array.prototype.last = Array.prototype.last || function() { 6550 return this[this.length - 1] || null 6551 } 6552 6553 Array.prototype.first = Array.prototype.first || function() { 6554 return this[0] || null 6555 } 6556 6557 //----------------------// 6558 // Triggers // 6559 //----------------------// 6560 6561 const XHR = window.XMLHttpRequest 6562 6563 function xhr() { 6564 6565 const xhr = new XHR() 6566 6567 xhr.addEventListener("readystatechange", function() { 6568 6569 if(xhr.readyState != 4) return 6570 6571 try { 6572 6573 const response_url = xhr.responseURL 6574 6575 if (response_url.includes("cart/add")) { 6576 6577 window.__latest_cart = JSON.parse(xhr.response) 6578 6579 onCartItemsAdded() // ok 6580 6581 } 6582 6583 if (response_url.includes("cart/remove_item_quantity")) { 6584 6585 window.__latest_cart = JSON.parse(xhr.response) 6586 6587 onCartItemRemoved() // ok 6588 6589 } 6590 6591 if (response_url.includes("new_cart?retrieve=true")) { 6592 6593 result = JSON.parse(xhr.response) 6594 6595 if (result.cart) { 6596 window.__latest_cart = result.cart 6597 } 6598 6599 } 6600 6601 } catch(e) { 6602 6603 console.error(e) 6604 6605 } 6606 6607 }, false); 6608 6609 return xhr 6610 6611 } 6612 6613 window.XMLHttpRequest = xhr 6614 6615 switch(template) { 6616 6617 case 'cart': onCartView() // ok 6618 break 6619 case 'product': onProductView() // ok 6620 break 6621 case 'collection': onCollectionView() // ok 6622 break 6623 case 'blog': onBlogView() 6624 break 6625 case 'article': onArticleView() 6626 break 6627 case 'payment_completed': onOrderPlace() 6628 break 6629 case 'payment_fail': onPaymentFail() 6630 break 6631 6632 } 6633 6634 // _selector('form[action="/checkout/payments"]').addEventListener("submit", onPaymentInfoAdded(_selector('form[action="/checkout/payments"]'))) 6635 if (_selector('form[action="/checkout/detail"]')) _selector('form[action="/checkout/detail"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/detail"]'))}) // ok 6636 if (_selector('form[action="/checkout/shipping"]')) _selector('form[action="/checkout/shipping"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/shipping"]'))}) // ok 6637 if (_selector('form[action="/account/register"]')) _selector('form[action="/account/register"]').addEventListener("submit", onSignUp) // ok 6638 if (_selector('form[action="/account/login"]')) _selector('form[action="/account/login"]').addEventListener("submit", onLogin) // ok 6639 if (_selector('form[action="/search"]')) _selector('form[action="/search"]').addEventListener("submit", onProductSearch()) // ok 6640 if (_selector('#line-login-btn')) _selector('#line-login-btn').addEventListener('click', onLineLogin) // ok 6641 if (_selector('#PlaceOrder')) _selector('#PlaceOrder').addEventListener("click", ()=>{onCheckoutComplete(_selector('form[action="/checkout/payments"]'))}); // ok 6642 if (_selector('#add_wishlist')) _selector('#add_wishlist').addEventListener("click", onWishlistItemAdded) // ok 6643 if (_selectorAll('a[href="/account/logout"]')) _selectorAll('a[href="/account/logout"]').forEach(logoutButton => logoutButton.addEventListener("click", onLogout)) // ok 6644 if (_selector('.CartDrawerTrigger.cart-page-link')) _selector('.CartDrawerTrigger.cart-page-link').addEventListener("click", onCartView) // ok 6645 if (_selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link')) _selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link').addEventListener("click", onCartView) // ok 6646 if (_selectorAll('a[class^="share-"]')) _selectorAll('a[class^="share-"]').forEach(shareButton => shareButton.addEventListener("click", ()=>{onProductShare(shareButton)}) ) // ok 6647 if (_selectorAll('[name$="checkout"]')) _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate)) 6648 6649 // For append elements 6650 const bodyMutationObserver = new MutationObserver(() => { 6651 if (_selector('#form__spc #PlaceOrder')) _selector('#form__spc #PlaceOrder').addEventListener("click", onSinglePageCheckout) // ok 6652 if (_selectorAll('[name$="checkout"]')) _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate)) 6653 }); 6654 bodyMutationObserver.observe(_selector("body"), {subtree: true, childList: true}); 6655 6656 //------------------------------// 6657 // Event handlers // 6658 //------------------------------// 6659 6660 function onPageView() { 6661 6662 EasyStore.Event.dispatch('pages/viewed', { 6663 page: { 6664 type: template, 6665 title: document.title, 6666 description: _selector('meta[name=description]') ? _selector('meta[name=description]').getAttribute('content') : null, 6667 url: location.href, 6668 } 6669 }) 6670 6671 } 6672 6673 function onSignUp() { 6674 6675 const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/) 6676 const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/) 6677 6678 const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "") 6679 6680 let data = {} 6681 6682 if (email_regex.test(email_or_phone)) { 6683 data.method = 'email' 6684 data.email = email_or_phone 6685 } 6686 6687 if (phone_regex.test(email_or_phone)) { 6688 data.method = "phone" 6689 data.phone = email_or_phone 6690 } 6691 6692 if (!data.method) return 6693 6694 EasyStore.Event.dispatch('customers/signup', data) 6695 6696 } 6697 6698 function onLogin() { 6699 6700 const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/) 6701 const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/) 6702 6703 const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "") 6704 6705 let data = {} 6706 6707 if (email_regex.test(email_or_phone)) { 6708 data.method = 'email' 6709 data.email = email_or_phone 6710 } 6711 6712 if (phone_regex.test(email_or_phone)) { 6713 data.method = "phone" 6714 data.phone = email_or_phone 6715 } 6716 6717 if (!data.method) return 6718 6719 EasyStore.Event.dispatch('customers/login', data) 6720 6721 } 6722 6723 function onLineLogin() { 6724 6725 EasyStore.Event.dispatch('customers/login', { method: 'line' }) 6726 6727 } 6728 6729 function onLogout() { 6730 6731 EasyStore.Event.dispatch('customers/logout', { customer_id }) 6732 6733 } 6734 6735 function onBlogView() { 6736 6737 const blog = "" 6738 6739 EasyStore.Event.dispatch('blogs/viewed', { blog }) 6740 6741 } 6742 6743 function onArticleView() { 6744 6745 const article = "" 6746 6747 EasyStore.Event.dispatch('articles/viewed', { article }) 6748 6749 } 6750 6751 function onProductSearch() { 6752 6753 const query = _selector('input[name=q]').value 6754 6755 if (!query) return 6756 6757 EasyStore.Event.dispatch('products/searched', { query }) 6758 6759 } 6760 6761 function onCollectionView() { 6762 6763 const collection = "" 6764 6765 EasyStore.Event.dispatch('collections/viewed', { collection }) 6766 6767 } 6768 6769 function onProductView() { 6770 6771 const product = "" 6772 6773 EasyStore.Event.dispatch("products/viewed", { product }) 6774 6775 } 6776 6777 function onProductShare(el) { 6778 6779 const product = "" 6780 6781 const channel = el.getAttribute("class").split("-").last() 6782 6783 EasyStore.Event.dispatch('products/shared', { product, channel }) 6784 6785 } 6786 6787 function onWishlistItemAdded() { 6788 6789 let product = "" 6790 const quantity = _selector("#Quantity").value 6791 6792 EasyStore.Event.dispatch('wishlists/item_added', { product }) 6793 6794 } 6795 6796 async function onCartItemsAdded() { 6797 6798 const cart = await getCart() 6799 6800 if(cart && cart.items != undefined && cart.items.length > 0) { 6801 6802 EasyStore.Event.dispatch('carts/item_added', { cart }) 6803 6804 } 6805 6806 } 6807 6808 async function onCartView() { 6809 6810 const cart = await getCart() 6811 6812 EasyStore.Event.dispatch('carts/viewed', { cart }) 6813 6814 } 6815 6816 async function onCartItemRemoved() { 6817 6818 const cart = await getCart() 6819 6820 cart.items = [] 6821 6822 if(cart) { 6823 6824 EasyStore.Event.dispatch('carts/item_removed', { cart }) 6825 6826 } 6827 6828 } 6829 6830 async function onCheckoutInitiate() { 6831 6832 const cart = await getCart() 6833 6834 EasyStore.Event.dispatch('checkouts/initiated', { cart }) 6835 6836 } 6837 6838 async function onShippingInfoAdded(form) { 6839 let checkout = getCheckout() 6840 6841 let form_data = {} 6842 new FormData(form).forEach((value, key) => form_data[key] = value) 6843 6844 let shipping_tier = null 6845 6846 if (form_data.type && form_data.type.startsWith("r_pickup")) { 6847 shipping_tier = `Pickup - ${form_data.pick_location}` 6848 } 6849 6850 if (form_data.s_id) {
6851 shipping_tier = _selector(`input[id='`+form_data.s_id+`']`).getAttribute("data-shipping-name") 6852 } 6853 6854 if (!shipping_tier) return 6855 6856 EasyStore.Event.dispatch('checkouts/shipping_info_added', { checkout, shipping_tier }) 6857 6858 } 6859 6860 async function onPaymentInfoAdded(form) { 6861 6862 let checkout = getCheckout() 6863 6864 let payment_type = new FormData(form).get('payment_method') 6865 6866 EasyStore.Event.dispatch("checkouts/payment_info_added", { checkout, payment_type }) 6867 6868 } 6869 6870 async function onOrderPlace() { 6871 6872 let cart_token = getCookie("cart_js") 6873 let previous_cart_token = getCookie("previous_cart_ga4_js") 6874 6875 if (previous_cart_token && previous_cart_token == cart_token) { 6876 // Prevent duplicate purchase tracking 6877 return 6878 } 6879 6880 let order = getOrder() 6881 6882 EasyStore.Event.dispatch('orders/placed', { order }) 6883 6884 if(order.is_manual_payment) { 6885 6886 EasyStore.Event.dispatch('orders/purchased', { order }) 6887 6888 } 6889 6890 const last_transaction = order.transactions.last() 6891 6892 if (last_transaction.status) { 6893 6894 EasyStore.Event.dispatch('orders/purchased', { order }) 6895 EasyStore.Event.dispatch('payments/captured', { order }) 6896 6897 } 6898 6899 } 6900 6901 async function onPaymentFail() { 6902 6903 const order = getOrder() 6904 6905 EasyStore.Event.dispatch('payments/failed', { order }) 6906 6907 } 6908 6909 async function onCheckoutComplete(form) { 6910 6911 onPaymentInfoAdded(form) 6912 6913 const checkout = getCheckout() 6914 6915 EasyStore.Event.dispatch('checkouts/completed', { checkout }) 6916 6917 } 6918 6919 async function onSinglePageCheckout() { 6920 6921 // let checkout = $("[data-app-checkout]").data("app-checkout") 6922 6923 let checkout = getCheckout() 6924 6925 // const payment_type = _selector("#app_spc_payment_method").find(`[class*="label-content"]`).first().find("b").first().text() 6926 const payment_type = _selector("#app_spc_payment_method").getElementsByClassName('label-content')[0].getElementsByTagName('b')[0].innerHTML 6927 6928 const shipping_method = _selector("#delivery_method").value 6929 6930 let shipping_tier = null 6931 let app_spc_customer_info_label = _selector("#app_spc_customer_info").getElementsByClassName('label-content') 6932 if (shipping_method == "shipping") { 6933 shipping_tier = app_spc_customer_info_label[app_spc_customer_info_label.length - 1].getElementsByTagName('b')[0].innerHTML 6934 } 6935 6936 if (shipping_method == "pickup") { 6937 shipping_tier = app_spc_customer_info_label[0].innerHTML 6938 } 6939 6940 if (shipping_tier) { 6941 6942 EasyStore.Event.dispatch('checkouts/shipping_info_added', { 6943 checkout, 6944 shipping_tier, 6945 }) 6946 6947 } 6948 6949 if (payment_type) { 6950 6951 EasyStore.Event.dispatch('checkouts/payment_info_added', { 6952 checkout, 6953 payment_type, 6954 }) 6955 6956 } 6957 6958 EasyStore.Event.dispatch('checkouts/completed', { checkout }) 6959 6960 } 6961 6962 }) 6963 6964 6965 //-----------------------// 6966 // Functions // 6967 //-----------------------// 6968 6969 function getCookie(name) { 6970 6971 name += "=" 6972 6973 decodedCookie = decodeURIComponent(document.cookie) 6974 6975 ca = decodedCookie.split(";") 6976 6977 for(i = 0; i < ca.length; i++) { 6978 c = ca[i] 6979 while (c.charAt(0) == " ") { 6980 c = c.substring(1) 6981 } 6982 if (c.indexOf(name) == 0) { 6983 return c.substring(name.length, c.length) 6984 } 6985 } 6986 6987 return "" 6988 6989 } 6990 6991 const parsePrice = price => { 6992 if(typeof price === 'string') { 6993 return parseFloat(price.split(',').join('')) 6994 } 6995 6996 return price 6997 } 6998 6999 const requestCart = async (method, data) => { 7000 7001 let response = await fetch('/cart.json', {method: 'GET',headers: {'Content-Type': 'application/json'}}) 7002 result = await response.json() 7003 7004 return result.cart 7005 7006 } 7007 const getCart = async (latest = false) => { 7008 7009 let cart = window.__latest_cart 7010 7011 const cart_invalid = !cart || !cart.items || (cart.total_price > 0 && !cart.items.length) 7012 7013 if(latest || cart_invalid) { 7014 cart = await requestCart() 7015 } 7016 7017 cart.items = cart.items || [] 7018 7019 return mapCart(cart) 7020 7021 } 7022 7023 const getCheckout = async () => { 7024 mapCheckout(window.__latest_cart || await requestCart()) 7025 } 7026 7027 const getOrder = async () => { 7028 mapOrder(window.__latest_cart || await requestCart()) 7029 } 7030 7031 //-----------------------// 7032 // Mappers // 7033 //-----------------------// 7034 7035 const fallbackAttribute = (object, attribute) => { 7036 7037 if(!Array.isArray(attribute)) { 7038 attribute = [attribute] 7039 } 7040 7041 let final_value = null 7042 7043 do { 7044 7045 final_value = object[attribute.shift()] 7046 7047 } while(!final_value && attribute.length) 7048 7049 return final_value 7050 7051 } 7052 7053 const map = (object, mapper) => { 7054 7055 const newObject = {} 7056 7057 for(const key in mapper) { 7058 7059 // Handle different keys between new and old format
7060 newObject[key] = fallbackAttribute(object, mapper[key]) 7061 7062 // Cast price to float 7063 if(newObject[key] && ['price', 'amount', 'discount', 'discounts'].some(x => key.endsWith(x))) { 7064 newObject[key] = parsePrice(newObject[key]) 7065 } 7066 7067 if(newObject[key] === undefined) { 7068 delete newObject[key] 7069 } 7070 7071 } 7072 7073 return newObject 7074 7075 } 7076 7077 const mapCart = cart => { 7078 7079 const oldCart = cart 7080 7081 const mapper = { 7082 id: 'id', 7083 currency: 'currency', 7084 item_count: 'item_count', 7085 items: 'items', 7086 total_price: 'total_price', 7087 latest_items: 'latest_items' 7088 } 7089 7090 cart = map(cart, mapper) 7091 7092 const discounts = (oldCart.storewide_discounts || []).concat((oldCart.voucher_discounts || [])) 7093 7094 cart.discount_applications = discounts.map(discount => ({ 7095 title: discount.voucher_code || null, 7096 value: parsePrice(discount.amount), 7097 })) 7098 7099 cart.original_total_price = cart.items.length 7100 ? cart.items 7101 .map(item => item.original_price) 7102 .reduce((sum, price) => sum + price) 7103 : 0 7104 7105 cart.total_discount = cart.discount_applications.length 7106 ? cart.discount_applications 7107 .map(discount => parsePrice(discount.value)) 7108 .reduce((sum, value) => sum + value) 7109 : 0 7110 7111 cart.items = cart.items.map(item => mapLineItem(item)) 7112 7113 return cart 7114 7115 } 7116 7117 const mapCheckout = checkout => { 7118 7119 const mapper = { 7120 note: 'note', 7121 attributes: 'note_attributes', 7122 billing_address: 'billing_address', 7123 currency: 'currency', 7124 customer_id: 'customer_id', 7125 discounts_amount: 'total_discount', 7126 id: 'id', 7127 line_items: 'order_item', 7128 order_number: 'order_number', 7129 shipping_address: 'shipping_address', 7130 shipping_price: 'shipping_tax', 7131 shipping_method: 'shipping_method_name', 7132 tax_price: 'total_tax', 7133 } 7134 7135 checkout = map(checkout, mapper) 7136 7137 checkout.requires_shipping = checkout.line_items.some(item => item.shipping_required) 7138 7139 checkout.line_items = checkout.line_items.map(item => mapLineItem(item)) 7140 7141 return checkout 7142 7143 } 7144 7145 const mapOrder = order => { 7146 7147 const mapper = { 7148 attributes: 'note_attributes', 7149 billing_address: 'billing_address', 7150 cancelled: 'is_cancelled', 7151 cancelled_at: 'cancelled_at', 7152 created_at: 'created_at', 7153 customer_id: 'customer_id', 7154 // discount_applications: 'discount_applications', 7155 email: 'email', 7156 financial_status: 'financial_status', 7157 fulfillment_status: 'fulfillment_status', 7158 line_items: 'order_item', 7159 note: 'note', 7160 order_number: 'order_number', 7161 phone: 'phone', 7162 shipping_address: 'shipping_address', 7163 shipping_methods: 'shipping_methods', 7164 shipping_price: 'total_shipping', 7165 subtotal_price: 'subtotal_price', 7166 // tax_lines: 'tax_lines', 7167 tax_price: 'total_tax', 7168 total_discounts: 'total_discount', 7169 total_net_amount: 'total_amount_include_transaction', 7170 total_price: 'total_price', 7171 transactions: 'transaction_records', 7172 is_manual_payment: 'is_manual_payment', 7173 } 7174 7175 order.email = order.billing_address.email 7176 order.phone = order.billing_address.phone 7177 order.shipping_method = order.shipping_method_name 7178 7179 order = map(order, mapper) 7180 7181 order.line_items = order.line_items.map(item => mapLineItem(item)) 7182 order.transactions = order.transactions.map(transaction => mapTransaction(transaction)) 7183 7184 return order 7185 7186 } 7187 7188 const mapLineItem = line_item => { 7189 7190 const old_line_item = line_item 7191 7192 const mapper = { 7193 final_price: 'price', 7194 image: 'img_url', 7195 message: 'message', 7196 original_line_price: 'original_line_price', 7197 original_price: 'original_price', 7198 properties: 'properties', 7199 quantity: 'quantity', 7200 requires_shipping: 'shipping_required', 7201 sku: 'sku', 7202 taxable: 'taxable', 7203 title: 'product_name', 7204 product_name: 'product_name', 7205 url: 'url', 7206 product_id: 'product_id', 7207 variant_id: 'variant_id', 7208 id: ['id', 'i_id'], 7209 } 7210 7211 line_item = map(line_item, mapper) 7212 7213 line_item.product_id = line_item.product_id || (old_line_item.product && old_line_item.product.id) || null 7214 line_item.variant_id = line_item.variant_id || (old_line_item.variant && old_line_item.variant.id) || null 7215 line_item.image = line_item.image || (old_line_item.image && old_line_item.image.url) || null 7216 7217 return line_item 7218 7219 } 7220 7221 const mapTransaction = transaction => { 7222 7223 const mapper = { 7224 amount: 'amount', 7225 created_at: 'created_at', 7226 gateway: 'gateway_type', 7227 id: 'id', 7228 status: 'status', 7229 } 7230 7231 transaction = map(transaction, mapper) 7232 7233 return transaction 7234 7235 } 7236 7237 7238</script>
7238 7239 7240</body> 7241</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.