PageSourceSearch

http://www.thetileapp.com.tw/gift_mate

html thetileapp.com.tw collected 2026-10-07 04:05:18 UTC 53,697 bytes, 1,185 lines download raw bytes

1<!DOCTYPE html>
2<html itemscope="" itemtype="http://schema.org/WebSite" lang="zh-tw" prefix="og: http://ogp.me/ns#">
3 <head>
4  <link href="/assets/css/lib/w3-4.13.css" rel="stylesheet"/>
5  <meta charset="utf-8"/>
6  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
7  <meta content="width=device-width,initial-scale=1" name="viewport"/>
8  <meta content="03873FB0DD336C8F3BDF0BBBEFB7EBF6" name="msvalidate.01">
9   <meta content="h9SFIeatn2h8D2G08Mm-e5ZPK5IdyzVr47J1FaKrHTk" name="google-site-verification">
10    <meta content="Tile客製化禮品。" name="description"/>
11    <meta content="" name="keywords"/>
12    <meta content="藍牙防丟器 | Tile 防丟小幫手 | 台灣" name="author"/>
13    <meta content="" name="date" scheme="YYYY-MM-DD"/>
14    <meta content="Tile Mate | 藍牙防丟器 | Tile 防丟小幫手 | 台灣" property="og:title">
15     <meta content="Tile客製化禮品。" property="og:description">
16      <meta content="https://thetileapp.com.tw/assets/images/gift/mate/tile-logos-top.jpg" property="og:image">
17       <meta content="website" property="og:type">
18        <meta content="https://thetileapp.com.tw/gift_mate" property="og:url">
19         <meta content="summary" name="twitter:card"/>
20         <meta content="Tile Mate | 藍牙防丟器 | Tile 防丟小幫手 | 台灣" name="twitter:title"/>
21         <meta content="Tile客製化禮品。" name="twitter:description"/>
22         <meta content="https://thetileapp.com.tw/assets/images/gift/mate/tile-logos-top.jpg" name="twitter:image"/>
23         <meta content="Polaroid" itemprop="name"/>
24         <meta content="Tile" itemprop="alternateName"/>
25         <meta content="Tile Mate | 藍牙防丟器 | Tile 防丟小幫手 | 台灣" itemprop="headline"/>
26         <meta content="Tile客製化禮品。" itemprop="description"/>
27         <meta content="" itemprop="datePublished"/>
28         <meta content="https://thetileapp.com.tw/assets/images/gift/mate/tile-logos-top.jpg" itemprop="image"/>
29         <meta content="藍牙防丟器 | Tile 防丟小幫手 | 台灣" itemprop="author"/>
30         <meta content="藍牙防丟器 | Tile 防丟小幫手 | 台灣" itemprop="publisher"/>
31         <meta content="https://thetileapp.com.tw/gift_mate" itemprop="url"/>
32         <link href="//apis.google.com" rel="dns-prefetch">
33          <link href="//csi.gstatic.com" rel="dns-prefetch"/>
34          <link href="//fonts.googleapis.com" rel="dns-prefetch"/>
35          <link href="//fonts.gstatic.com" rel="dns-prefetch"/>
36          <link href="//www.google-analytics.com" rel="preconnect"/>
37          <link href="//www.googletagmanager.com" rel="dns-prefetch"/>
38          <link href="//maps.googleapis.com" rel="dns-prefetch"/>
39          <link href="//maps.gstatic.com" rel="dns-prefetch"/>
40          <link href="//pa.coolpix.com.tw" rel="dns-prefetch"/>
41          <link href="//platform.twitter.com" rel="dns-prefetch"/>
42          <link href="https://thetileapp.com.tw/gift_mate" rel="canonical"/>
43          <link href="/assets/images/favicon.ico" rel="shortcut icon"/>
44          <title>
45           Tile Mate | 藍牙防丟器 | Tile 防丟小幫手 | 台灣
46          </title>
47          <link as="font" crossorigin="anonymous" href="/assets/fonts/font-icons.woff" rel="preload" type="font/woff"/>
48          <link as="font" crossorigin="anonymous" href="/assets/fonts/Simple-Line-Icons.woff" rel="preload" type="font/woff"/>
49          <link href="/assets/css/webflow.css" rel="stylesheet"/>
50          <link href="/assets/css/ex-misc.webflow.css?220816-3" rel="stylesheet"/>
51          <link href="/assets/css/lib/bs_callout.css" rel="stylesheet"/>
52          <link href="/assets/css/font-icons.css" rel="stylesheet"/>
53          <link href="/assets/css/lib/font-awesome.min.css" rel="stylesheet"/>
54          <link href="/assets/css/lib/animate.css" rel="stylesheet"/>
55          <link href="/assets/css/lib/jquery-ui-1.8.20.custom.css" rel="stylesheet"/>
56          <link href="/assets/css/lib/jPinning.min.css" rel="stylesheet"/>
57          <link href="/assets/css/lib/magnific-popup.css" rel="stylesheet"/>
58          <link href="/assets/css/lib/responsive.css" rel="stylesheet"/>
59          <link href="/assets/css/lib/swiper.css" rel="stylesheet"/>
60          <link href="/assets/css/lib/ui.totop.css" rel="stylesheet"/>
61          <link href="/assets/css/lib/lazyYT.css" rel="stylesheet"/>
62          <link href="/assets/css/lib/style2.css" rel="stylesheet"/>
63          <link href="/assets/css/lib/bootstrap_w.css?220816-3" rel="stylesheet"/>
64          <link href="/assets/css/main.css?r=110101" rel="stylesheet"/>
65          
65<script src="/assets/js/lib/gtmeventhelper-1.1.0.min.js" type="text/javascript">
66          </script>
66
67          <style>
68          </style>
69          <style>
70           html, body { text-rendering: optimizeLegibility; } a:hover { opacity: .8; transition: opacity .2s ease; }
71          </style>
72          <style>
73           .tile-navtop__link:hover .tile-topnav-text { color: white; } .tile-navtop__link:after { content: ''; display: block; height: 40%; width: 1px; position: absolute; right: 0; top: 0; background: #000; transform: translate(.5rem, 60%); } .tile-footer__nav-item:before { content: "\25C6"; font-size: 1.5rem; line-height: 1.5; margin-right: 5px; vertical-align: middle; } .tile-nav__prods { display: none; } @media screen and (max-width: 991px) { .tile-navtop__link:after { display: none; } .tile-nav__prods { display: block; } .tile-footer__nav-item:before { font-size: 1rem; } }
74          </style>
75          <style>
76           #header { height: 131px; position: absolute; z-index: 999; display: block; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .header-unpin { opacity: 0; pointer-events: none; } #tile_menu, #shop_menu { position: absolute; background: #fff; width: 100%; opacity: 0; z-index: 9999; left: 0; pointer-events: none; box-shadow: 0 2px 3px 1px #108b87; transition: all .3s ease; transform: translateY(-21px); } .fullmenu_show { opacity: 1 !important; pointer-events: all !important; } .tile_items_list { padding: 0 0 10px 0; } .tile_items { max-width: 180px; position: relative; transition: all .5s ease; } .tile_items:hover { opacity: .7; } .tile_items:after { content: ""; height: 5px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all .5s ease; } .tile_items:hover:after { background: #66C236; } .menu_font { font-size: 16px; } .menu_active>a { color: #5B9BD5 !important; } .shop_menu_item { width: 250px; height: 150px; font-size: 26px; transition: background .5s ease; } .shop_menu_item:hover { background: rgba(91, 155, 212, .5); } .top_nav { height: 65px; } .top_nav>li { height: 100%; display: flex; align-items: center; } @media screen and (min-width: 769px) { .show_sm { display: none !important; } } @media screen and (max-width: 768px) { .top_nav { height: auto; } .top_nav>li { height: 100%; display: block; } }
77          </style>
78          
78<script>
79           function loadScript(src) { var script = document.createElement('script'); script.src = src; document.getElementsByTagName("head")[0].appendChild(script); } (function() { !('IntersectionObserver' in window) ? loadScript("/assets/js/lib/intersection-observer.polyfill.js"): false; })(); (function() { if (!('fetch' in window && 'assign' in Object)) { loadScript("/assets/js/lib/array-foreach.polyfill.js"); loadScript("/assets/js/lib/object-assign.polyfill.js"); } })(); (function() { if (typeof window.CustomEvent === "function") return false; function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } window.CustomEvent = CustomEvent; })();
80          </script>
80
81          <!--[if lt IE 9]>
81<script src="/assets/js/lib/html5shiv.min.js"></script>
81<script src="/assets/js/lib/respond.min.js"></script>
81<![endif]-->
82          
82<script>
vendor: 410 bytes, lines 82-83
82
83           !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '
832404145553229597
vendor: 40 bytes, lines 83-84
83'); fbq('track', 'PageView');
84          
84</script>
84
85          <noscript>
86           <img height="1" src="https://www.facebook.com/tr?id=2404145553229597&amp;ev=PageView&amp;noscript=1" style="display:none" width="1"/>
87          </noscript>
88          
88<script>
89           (function($w){ function pixel(){} pixel.prototype = { __eachCodes: function(codes$, $cb){ if(fbq && typeof $cb =='function'){ codes$ = Array.isArray(codes$)?codes$:[codes$]; codes$.forEach(function($c){ $cb.call(this, $c); }); } }, AddToCart: function(codes$, fld$){ this.__eachCodes(codes$, function($c){ fbq('trackSingle', $c, 'AddToCart', Object.assign({ value: 0, currency: 'TWD', contents: [], content_type: 'product' }, fld$)); }); }, InitiateCheckout: function(codes$, fld$){ this.__eachCodes(codes$, function($c){ fbq('trackSingle', $c, 'InitiateCheckout', Object.assign({ value: 0, currency: 'TWD' }, fld$)); }); }, Purchase: function(codes$, fld$){ this.__eachCodes(codes$, function($c){ fbq('trackSingle', $c, 'Purchase', Object.assign({ value: 0, currency: 'TWD', contents: [], content_type: 'product' }, fld$)); }); } }; $w.pixel$ = new pixel(); })(window);
90          </script>
90
91          <style>
92           .lh-md{line-height:2;}	.bg{background-repeat: no-repeat;background-size: cover;background-position: center center;}	td{vertical-align:middle!important;}	.example{position:relative;}	.example:after{content: '參考範例';position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);color: white;padding: 5px;}	.process__icon{transform: translate3d(-50%, -50%, 0);}	.bg-0{background: #00A9E9!important;}	.border-0{border-color:#00A9E9!important;box-shadow: 2px 2px 5px #eee;}	.btn-0{background: #00A9E9!important;color: white;}	.p-img{}	.p-img:before{padding-top:97.56%;}	#corporate{max-width:348px;}	#corporate:before{padding-top:146.264%;}	#tile-logo{max-width:1482px;}	#tile-logo:before{padding-top:24.493%;}	#tile-mate-1{max-width:180px;}	#tile-mate-1:before{padding-top:116.666%;}	#tile-mate-2{max-width:179px;}	#tile-mate-2:before{padding-top:117.318%;}	.order-form-label{min-width:55px;}	.notify-danger{background-color:red!important;color:white!important;}	.notify-success{background-color:lightgreen!important;color:#333!important;}	.p-img-nav{max-width:80px;cursor:pointer;}	.p-img-nav:before{padding-top:100%;}	.h-100{height:100%!important;}	.wallet{height:500px;}	.ratio-1by1:before{padding-top:100%;}	#hiw_hero:before{padding-top:40%;}	#vid-popup{max-width:100%;width:800px;}	@media (max-width: 768px) {	.wallet{height:310px;}	.example:after{padding: 0px 3px;font-size: 10px;top: -5px;}	};
93          </style>
94         </link>
95        </meta>
96       </meta>
97      </meta>
98     </meta>
99    </meta>
100   </meta>
101  </meta>
102 </head>
103 <body>
104  <noscript>
105   <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-MF6HPJD" style="display:none;visibility:hidden" width="0">
106   </iframe>
107  </noscript>
108  
108<script>
vendor: 331 bytes, lines 108-109
108
109   (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
109GTM-MF6HPJD
vendor: 6 bytes, lines 109-110
109');
110  
110</script>
110
111  <div class="tile-header">
112   <div class="tile-wrapper">
113    <div class="container-fluid">
114     <div class="row">
115      <div class="col-xs-12">
116       <header class="tile-wf-nav" id="nav">
117        <div class="tile-wf-navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner">
118         <div class="tile-navtop">
119          <div class="div-block-110">
120           <a class="tile-navtop__brand w-nav-brand" href="/">
121            <img alt="" class="tile-navtop__brand-img" src="/assets/images/tile_Page1_03_small.png"/>
122           </a>
123           <div class="tile-navtop__right">
124            <nav class="tile-navtop__menu w-nav-menu" role="navigation">
125             <div class="tile-navtop__link w-dropdown" data-delay="0" data-fullmenu="#tile_menu" data-hover="false">
126              <div class="dropdown-toggle w-dropdown-toggle">
127               <div class="teo-nav-angel w-icon-dropdown-toggle">
128               </div>
129               <div class="tile-topnav-text">
130                系列商品
131               </div>
132              </div>
133              <nav class="dropdown-list w-dropdown-list" style="max-height:350px;overflow-y:auto;">
134               <div class="tile-nav__prods" style="width:100%;">
135                <div class="d-flex justify-content-start align-items-end" style="padding-top: 20px;">
136                 <div class="tile_items_list tile_items">
137                  <a href="/gift_mate">
138                   <img alt="客製化Tile Mate / 白色" class="lazy img" data-src="/assets/images/icon/2110/mate_custom.png?4" itemprop="image"/>
139                  </a>
140                 </div>
141                 <div class="tile_items_list tile_items">
142                  <a href="/mate4">
143                   <img alt="Tile Mate 4.0" class="lazy img" data-src="/assets/images/icon/2110/Mate4.0.png?4" itemprop="image"/>
144                  </a>
145                 </div>
146                 <div class="tile_items_list tile_items">
147                  <a href="/pro3">
148                   <img alt="Tile Pro 3.0" class="lazy img" data-src="/assets/images/icon/2110/Pro3.0.png?4" itemprop="image"/>
149                  </a>
150                 </div>
151                 <div class="tile_items_list tile_items">
152                  <a href="/slim2">
153                   <img alt="Tile Slim 2.0" class="lazy img" data-src="/assets/images/icon/2110/slim2.0.png?4" itemprop="image"/>
154                  </a>
155                 </div>
156                 <div class="tile_items_list tile_items">
157                  <a href="/starter">
158                   <img alt="入門款" class="lazy img" data-src="/assets/images/icon/2110/starter.png?4" itemprop="image"/>
159                  </a>
160                 </div>
161                 <div class="tile_items_list tile_items">
162                  <a href="/performance">
163                   <img alt="專業款" class="lazy img" data-src="/assets/images/icon/2110/performance.png?4" itemprop="image"/>
164                  </a>
165                 </div>
166                 <div class="tile_items_list tile_items">
167                  <a href="/tile_mate3">
168                   <img alt="Tile Mate" class="lazy img" data-src="/assets/images/icon/2110/Mate3.0.png?4" itemprop="image"/>
169                  </a>
170                 </div>
171                 <div class="tile_items_list tile_items">
172                  <a href="/tile_pro2">
173                   <img alt="Tile Pro" class="lazy img" data-src="/assets/images/icon/2110/Pro2.0.png?4" itemprop="image"/>
174                  </a>
175                 </div>
176                 <div class="tile_items_list tile_items">
177                  <a href="/tile_slim">
178                   <img alt="Tile Slim" class="lazy img" data-src="/assets/images/icon/2110/slim_new.png?4" itemprop="image"/>
179                  </a>
180                 </div>
181                 <div class="tile_items_list tile_items">
182                  <a href="/tile_sticker">
183                   <img alt="Tile Sticker" class="lazy img" data-src="/assets/images/icon/2110/sticker.png?4" itemprop="image"/>
184                  </a>
185                 </div>
186                 <div class="tile_items_list tile_items">
187                  <a href="/tile_combo">
188                   <img alt="商務入門組" class="lazy img" data-src="/assets/images/icon/2110/combo.png?4" itemprop="image"/>
189                  </a>
190                 </div>
191                </div>
192               </div>
193              </nav>
194             </div>
195             <a class="tile-navtop__link w-nav-link" href="/easy_connect">
196              輕鬆連線
197             </a>
198             <a class="tile-navtop__link w-nav-link" href="/articles">
199              口碑分享
200             </a>
201             <a class="tile-navtop__link w-nav-link" href="/shop">
202              點我購買
203             </a>
204             <div class="tile-navtop__link w-dropdown" data-delay="0" data-hover="false">
205              <div class="dropdown-toggle w-dropdown-toggle">
206               <div class="teo-nav-angel w-icon-dropdown-toggle">
207               </div>
208               <div class="tile-topnav-text">
209                服務與支援
210               </div>
211              </div>
212              <nav class="dropdown-list w-dropdown-list">
213               <a class="dropdown-link w-dropdown-link" href="/support#order">
214                訂單查詢
215               </a>
216               <a class="dropdown-link w-dropdown-link" href="/support#service_location">
217                維修地點 / 服務時間
218               </a>
219              </nav>
220             </div>
221            </nav>
222           </div>
223           <div class="tile-navtop__funcs-sm">
224            <a class="tile-cart w-inline-block" href="/shop/checkout">
225             <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_09.png"/>
226             <div class="tile-cart__count" data-cart-total="data-cart-total">
227              0
228             </div>
229            </a>
230           </div>
231          </div>
232          <div>
233           <div class="tile-navtop__funcs">
234            <a class="w-inline-block" href="https://www.facebook.com/TileTaiwan" target="_blank">
235             <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_15.png"/>
236            </a>
237            <a class="w-inline-block" href="https://bit.ly/3v3CBmN" target="_blank">
238             <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_12.png"/>
239            </a>
240            <a class="tile-cart w-inline-block" href="/shop/checkout">
241             <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_09.png"/>
242             <div class="tile-cart__count" data-cart-total="data-cart-total">
243              0
244             </div>
245            </a>
246           </div>
247           <div>
248            <div class="tile-wf-nav__btn w-nav-button">
249             <div class="icon w-icon-nav-menu">
250             </div>
251            </div>
252           </div>
253          </div>
254         </div>
255        </div>
256       </header>
257      </div>
258     </div>
259    </div>
260    <div id="tile_menu">
261     <div class="container-fluid">
262      <div class="container">
263       <div class="row">
264        <div class="col-xs-12">
265         <div class="d-flex justify-content-start align-items-end" style="padding-top: 20px;">
266          <div class="tile_items_list tile_items">
267           <a href="/gift_mate">
268            <img alt="客製化Tile Mate / 白色" class="lazy img" data-src="/assets/images/icon/2110/mate_custom.png?4" itemprop="image"/>
269           </a>
270          </div>
271          <div class="tile_items_list tile_items">
272           <a href="/mate4">
273            <img alt="Tile Mate 4.0" class="lazy img" data-src="/assets/images/icon/2110/Mate4.0.png?4" itemprop="image"/>
274           </a>
275          </div>
276          <div class="tile_items_list tile_items">
277           <a href="/pro3">
278            <img alt="Tile Pro 3.0" class="lazy img" data-src="/assets/images/icon/2110/Pro3.0.png?4" itemprop="image"/>
279           </a>
280          </div>
281          <div class="tile_items_list tile_items">
282           <a href="/slim2">
283            <img alt="Tile Slim 2.0" class="lazy img" data-src="/assets/images/icon/2110/slim2.0.png?4" itemprop="image"/>
284           </a>
285          </div>
286          <div class="tile_items_list tile_items">
287           <a href="/starter">
288            <img alt="入門款" class="lazy img" data-src="/assets/images/icon/2110/starter.png?4" itemprop="image"/>
289           </a>
290          </div>
291          <div class="tile_items_list tile_items">
292           <a href="/performance">
293            <img alt="專業款" class="lazy img" data-src="/assets/images/icon/2110/performance.png?4" itemprop="image"/>
294           </a>
295          </div>
296          <div class="tile_items_list tile_items">
297           <a href="/tile_mate3">
298            <img alt="Tile Mate" class="lazy img" data-src="/assets/images/icon/2110/Mate3.0.png?4" itemprop="image"/>
299           </a>
300          </div>
301          <div class="tile_items_list tile_items">
302           <a href="/tile_pro2">
303            <img alt="Tile Pro" class="lazy img" data-src="/assets/images/icon/2110/Pro2.0.png?4" itemprop="image"/>
304           </a>
305          </div>
306          <div class="tile_items_list tile_items">
307           <a href="/tile_slim">
308            <img alt="Tile Slim" class="lazy img" data-src="/assets/images/icon/2110/slim_new.png?4" itemprop="image"/>
309           </a>
310          </div>
311          <div class="tile_items_list tile_items">
312           <a href="/tile_sticker">
313            <img alt="Tile Sticker" class="lazy img" data-src="/assets/images/icon/2110/sticker.png?4" itemprop="image"/>
314           </a>
315          </div>
316          <div class="tile_items_list tile_items">
317           <a href="/tile_combo">
318            <img alt="商務入門組" class="lazy img" data-src="/assets/images/icon/2110/combo.png?4" itemprop="image"/>
319           </a>
320          </div>
321         </div>
322        </div>
323       </div>
324      </div>
325     </div>
326    </div>
327   </div>
328  </div>
329  <div class="tile-line-seperate__line--108b87">
330  </div>
331  <main class="w3-padding-48">
332   <div class="container">
333    <div class="align-items-center d-flex justify-content-center row">
334     <div class="col-md-5 col-xs-12 mb-xl">
335      <div class="d-flex align-items-center">
336       <div class="center-block img-wrap p-img">
337        <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/tile-logos-top.jpg" id="p-img"/>
338       </div>
339      </div>
340     </div>
341     <div class="col-md-7 col-xs-12">
342      <div class="h4 text-center" style="color:#333">
343       Tile Mate藍芽防丟小幫手(客製化禮品)
344      </div>
345      <div class="color0 h2 text-center">
346       NT $980 up
347      </div>
348      <div class="w3-padding-16 text-muted w3-row-padding">
349       <div class="w3-col lh-md w3-medium">
350        tile藍芽防丟小幫手可以掛在任何您重要的物品上,透過手機遙控響鈴找到物品,或輕按tile反向尋找手機,輕鬆找到您要的。
351       </div>
352      </div>
353      <div class="w3-row-padding w3-margin-bottom">
354       <div class="w3-col">
355        <ul class="w3-margin-left text-muted lh-md w3-medium w3-text-red">
356         <li>
357          時尚輕薄的貼心實用禮
358         </li>
359         <li>
360          可客製化專屬LOGO或圖案(最低訂購量50片)。
361         </li>
362        </ul>
363       </div>
364      </div>
365      <div>
366       <div class="w3-row-padding w3-margin-bottom">
367        <div class="w3-col">
368         <a class="_popup w3-card w3-btn btn-0 w3-block w3-ripple" data-href="#_form" href="javascript:void(0);">
369          我要訂製
370          <i class="icon-pencil2">
371          </i>
372         </a>
373        </div>
374       </div>
375      </div>
376      <div>
377       <div class="w3-row-padding w3-margin-bottom">
378        <div class="w3-col">
379         <small class="text-muted">
380          本商品為「接單訂製」。付款後,從開始製作到寄出商品為 15-20個工作天。(不包含假日)
381         </small>
382        </div>
383       </div>
384      </div>
385     </div>
386    </div>
387   </div>
388   <div class="w3-padding-64">
389    <div>
390     <div>
391      <div class="img-wrap" id="hiw_hero">
392       <img class="lazy img-bg" data-src="/assets/images/gift/mate/hiw_hero_1500x500.jpg" style="width:100%;"/>
393       <div class="w3-display-position w3-round-xlarge w3-text-white hidden-xs hidden-sm" style="max-width:500px;top: 50%;left: 10%;transform: translateY(-51%);">
394        <div class="h2">
395         更容易找到你要的
396        </div>
397        <p class="h4 lh-md py-md">
398         tile藍芽防丟小幫手和直覺性的APP相輔相成,不管東西離你遠還近都能迅速被找到。
399        </p>
400        <div class="w3-card">
401         <div class="embed-responsive embed-responsive-16by9" style="padding-bottom: 56.25%!important;">
402          <video autoplay="" class="lazy vid" controls="" loop="" muted="">
403           <source data-src="/assets/media/gift/mate/mate.mp4" type="video/mp4"/>
404          </video>
405         </div>
406        </div>
407       </div>
408      </div>
409      <div class="w3-padding-large w3-padding-32 w3-round-xlarge w3-white visible-xs visible-sm">
410       <div class="h2">
411        更容易找到你要的
412       </div>
413       <p class="h4 lh-md py-xs">
414        tile藍芽防丟小幫手和直覺性的APP相輔相成,不管東西離你遠還近都能迅速被找到。
415       </p>
416       <div class="w3-card">
417        <div class="embed-responsive embed-responsive-16by9" style="padding-bottom: 56.25%!important;">
418         <video autoplay="" class="lazy vid" controls="" loop="" muted="">
419          <source data-src="/assets/media/gift/mate/mate.mp4" type="video/mp4"/>
420         </video>
421        </div>
422       </div>
423      </div>
424     </div>
425    </div>
426   </div>
427   <div class="container w3-padding-64">
428    <div class="row">
429     <div class="col-md-12">
430      <div>
431       <span class="w3-xlarge">
432        商品介紹
433       </span>
434       <hr/>
435      </div>
436      <div>
437       <p class="lh-md w3-large">
438        忘東忘西是現代商務人士的通病,據統計每個人平均一天要花24分鐘在找東西,試想現在有一個禮品可以解決這個困擾,那將是一件多棒的事情呢!?送給身邊最親近的人貼心又實用,送給重要的客戶,印製上專屬的商務LOGO,在每次找尋商品的過程中,同時加深對品牌的印象,形同為行動的廣告看板!
439       </p>
440      </div>
441     </div>
442    </div>
443   </div>
444   <div class="bg" style="height:500px;background-image:url('/assets/images/gift/mate/branded-swag-tile-logos2.jpg?1');">
445   </div>
446   <div class="container w3-padding-64">
447    <div class="row align-items-center d-flex justify-content-center row">
448     <div class="col-md-4">
449      <div class="center-block img-wrap" id="corporate">
450       <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/bnp_corporate2.jpg"/>
451      </div>
452     </div>
453     <div class="col-md-8">
454      <div class="container-fluid">
455       <div class="row">
456        <div class="col-md-12">
457         <div class="w3-margin-bottom">
458          <span class="w3-xlarge">
459           製作流程
460          </span>
461         </div>
462        </div>
463       </div>
464       <div class="row d-flex">
465        <div class="col-md-4 col-xs-6 w3-padding-16">
466         <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100">
467          <div class="lh-md text-muted w3-container w3-medium">
468           <div>
469            填寫聯絡單
470           </div>
471           <div>
472            訂單數最低為50
473            <br/>
474            最多可三色印刷
475           </div>
476          </div>
477          <span class="w3-badge bg-0 w3-display-topleft process__icon">
478           1
479          </span>
480         </div>
481        </div>
482        <div class="col-md-4 col-xs-6 w3-padding-16">
483         <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100">
484          <div class="lh-md text-muted w3-container w3-medium">
485           <div>
486            提供素材
487           </div>
488           <div>
489            如有LOGO ,
490            <br/>
491            需提供官方授權證明
492           </div>
493          </div>
494          <span class="w3-badge bg-0 w3-display-topleft process__icon">
495           2
496          </span>
497         </div>
498        </div>
499        <div class="col-md-4 col-xs-6 w3-padding-16">
500         <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100">
501          <div class="lh-md text-muted w3-container w3-medium">
502           <div>
503            核對校稿
504           </div>
505           <div>
506            最多可修改兩次
507           </div>
508          </div>
509          <span class="w3-badge bg-0 w3-display-topleft process__icon">
510           3
511          </span>
512         </div>
513        </div>
514        <div class="col-md-4 col-xs-6 w3-padding-16">
515         <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100">
516          <div class="lh-md text-muted w3-container w3-medium">
517           <div>
518            訂單確認
519           </div>
520           <div>
521            需先支付訂單5成金額
522           </div>
523          </div>
524          <span class="w3-badge bg-0 w3-display-topleft process__icon">
525           4
526          </span>
527         </div>
528        </div>
529        <div class="col-md-4 col-xs-6 w3-padding-16">
530         <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100">
531          <div class="lh-md text-muted w3-container w3-medium">
532           <div>
533            開始印刷
534           </div>
535           <div>
536            約10-15個工作日
537            <br/>
538            (不包含假日)
539           </div>
540          </div>
541          <span class="w3-badge bg-0 w3-display-topleft process__icon">
542           5
543          </span>
544         </div>
545        </div>
546        <div class="col-md-4 col-xs-6 w3-padding-16">
547         <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100">
548          <div class="lh-md text-muted w3-container w3-medium">
549           <div>
550            包裝出貨
551           </div>
552           <div>
553            出貨約1至2日寄達(國內)
554           </div>
555          </div>
556          <span class="w3-badge bg-0 w3-display-topleft process__icon">
557           6
558          </span>
559         </div>
560        </div>
561       </div>
562       <div class="row">
563        <div class="col-md-12">
564         <div class="text-right">
565          <a class="_popup w3-btn w3-card btn-0 w3-ripple" data-href="#_form" href="javascript:void(0);">
566           我要訂製
567           <i class="icon-pencil2">
568           </i>
569          </a>
570         </div>
571        </div>
572       </div>
573      </div>
574     </div>
575    </div>
576   </div>
577   <div class="container w3-padding-64">
578    <div class="row">
579     <div class="col-md-12">
580      <div class="h4 text-muted text-center">
581       客製化-可任意印製於空白處
582      </div>
583      <div class="example">
584       <div class="center-block img-wrap" id="tile-logo">
585        <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/tile-logos.jpg"/>
586       </div>
587      </div>
588     </div>
589    </div>
590    <div class="row w3-padding-48">
591     <div class="col-md-4 w3-padding-32">
592      <div>
593       <div class="img-wrap center-block ratio-1by1" style="max-width:85px;">
594        <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/icon-01.png"/>
595       </div>
596      </div>
597      <div class="text-center w3-padding-16">
598       <span class="h3 text-muted">
599        透過鈴聲找到物品
600       </span>
601      </div>
602      <div class="w3-large">
603       用手機遙控Tile響鈴,只要Tile在藍芽連線範圍內,就會響鈴直到你按下停止為止。
604      </div>
605     </div>
606     <div class="col-md-4 w3-padding-32">
607      <div>
608       <div class="img-wrap center-block ratio-1by1" style="max-width:85px;">
609        <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/icon-02.png"/>
610       </div>
611      </div>
612      <div class="text-center w3-padding-16">
613       <span class="h3 text-muted">
614        反向尋找手機
615       </span>
616      </div>
617      <div class="w3-large">
618       只要連續輕按兩次Tile,即使是靜音模式也可以讓手機響鈴,反向找到手機。
619      </div>
620     </div>
621     <div class="col-md-4 w3-padding-32">
622      <div>
623       <div class="img-wrap center-block ratio-1by1" style="max-width:85px;">
624        <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/icon-03.png"/>
625       </div>
626      </div>
627      <div class="text-center w3-padding-16">
628       <span class="h3 text-muted">
629        追蹤物品最後位置
630       </span>
631      </div>
632      <div class="w3-large">
633       Tile擁有全球最大尋物社群,每名用戶的手機都能協助傳送各個Tile的位置資訊。因此就算它離開了你的連線範圍,只要有其他用戶在附近,你就能收到它的位置資訊。
634      </div>
635     </div>
636    </div>
637   </div>
638   <div class="bg wallet" style="background-image:url('/assets/images/gift/mate/corporate_hero2.jpg');">
639    <div class="container">
640     <div class="row">
641      <div class="col-md-12">
642      </div>
643     </div>
644    </div>
645   </div>
646   <div class="container w3-padding-64">
647    <div class="row">
648     <div class="col-md-12">
649      <div class="w3-margin-bottom text-center">
650       <span class="h2">
651        讓人愛不釋手,樂於展示的禮物
652       </span>
653      </div>
654      <div class="text-center">
655       <span class="w3-large lh-md">
656        不同於一般的禮品,科技與時尚兼具,因為協助人們找到對他們很重要的物品,實用性亦不容小覷,客製化的Tile傳遞了人情的溫暖,加深使用者對品牌的好感度,別猶豫現在就與我們連繫。
657       </span>
658      </div>
659     </div>
660     <div class="col-md-12 w3-padding-32">
661      <div class="center">
662       <a class="_popup btn-lg w3-btn w3-card btn-0 w3-ripple" data-href="#_form" href="javascript:void(0);">
663        我要訂製
664        <i class="icon-pencil2">
665        </i>
666       </a>
667      </div>
668     </div>
669    </div>
670   </div>
671   <div class="container w3-padding-64">
672    <div class="row">
673     <div class="col-md-12">
674      <small class="text-muted">
675       <i class="icon-info-sign">
676       </i>
677       本頁圖片來源為原廠網頁https://www.thetileapp.com/en-us/corporate-promotions
678      </small>
679     </div>
680    </div>
681   </div>
682  </main>
683  <footer>
684   <div class="tile-footer">
685    <div class="tile-wrapper">
686     <div class="container-fluid">
687      <div class="row">
688       <div class="col-xs-12">
689        <div class="div-block-111">
690         <div class="div-block-112" id="w-node-_09f01919-3689-b986-9375-1910da1dcb09-54429693">
691          <div id="w-node-_7dae081c-c4d7-0a96-ceb5-a773f9229e7b-54429693">
692           <img alt="" id="w-node-_532a0e03-cd53-b5db-7665-6809cc208eb3-54429693" loading="lazy" src="/assets/images/tile_Page1_88.png"/>
693          </div>
694          <div id="w-node-e253ee20-f6e1-513a-3ec4-9f7bfcd5a5b0-54429693">
695           <div class="text-block-32">
696            免費下載應用程式
697           </div>
698          </div>
699          <div class="div-block-113" id="w-node-_47981eb6-731a-c7a4-bfcc-bf5d5ca9247d-54429693">
700           <a class="w-inline-block" href="https://apps.apple.com/tw/app/id664939913" id="w-node-_03fe665b-6db2-bc02-e318-21c5c25ad38e-54429693">
701            <img alt="" id="w-node-_42ca2710-9e7b-2707-dd3f-8754fc9af7b8-54429693" loading="lazy" src="/assets/images/tile_Page1_97.png?1"/>
702           </a>
703           <a class="w-inline-block" href="https://play.google.com/store/apps/details?id=com.thetileapp.tile" id="w-node-_134ea8c2-017f-994f-d40b-582d07565b78-54429693">
704            <img alt="" id="w-node-f7530878-f225-bea8-6c44-791e3c79b87a-54429693" loading="lazy" src="/assets/images/tile_Page1_99.png?1"/>
705           </a>
706          </div>
707         </div>
708         <div class="div-block-114" id="w-node-b19ce751-d0c1-04c7-ee09-d809e370db7f-54429693">
709          <div class="div-block-115" id="w-node-bab8eb44-7e32-62e6-09ec-191b1f757f5d-54429693">
710           <div class="tile-footer__info" id="w-node-_0dbdf6bb-f45b-8c7f-c740-a0a1447d788a-54429693">
711            台灣總代理 | 國祥貿易股份有限公司
712           </div>
713           <div class="tile-footer__info">
714            (02) 2740-3366
715           </div>
716           <div class="tile-footer__info">
717            105台北市南京東路三段272號3樓
718           </div>
719          </div>
720          <div class="div-block-116" id="w-node-a5150184-a03d-7a8c-6022-6af6308c1b8a-54429693">
721           <div id="w-node-_14fe5a81-574b-95d2-62bd-90433fe655df-54429693">
722            <ul class="tile-footer__nav" role="list">
723             <li class="tile-footer__nav-item">
724              <a class="tile-footer__nav-link" href="/shop">
725               系列商品
726              </a>
727             </li>
728             <li class="tile-footer__nav-item">
729              <a class="tile-footer__nav-link" href="/articles">
730               口碑分享
731              </a>
732             </li>
733             <li class="tile-footer__nav-item">
734              <a class="tile-footer__nav-link" href="/support">
735               服務與支援
736              </a>
737             </li>
738             <li class="tile-footer__nav-item">
739              <a class="tile-footer__nav-link" href="/easy_connect">
740               輕鬆連線
741              </a>
742             </li>
743             <li class="tile-footer__nav-item">
744              <a class="tile-footer__nav-link" href="/shop">
745               點我購買
746              </a>
747             </li>
748            </ul>
749           </div>
750           <div id="w-node-_69726d2d-134d-17b8-6d9c-40bde2ed0307-54429693">
751            <div class="tile-footer__social">
752             追蹤我們的社群
753            </div>
754            <div class="div-block-117">
755             <a class="tile-social__tag w-inline-block" href="https://www.facebook.com/TileTaiwan" target="_blank">
756              <img alt="" class="tile-social__tag-icon" loading="lazy" src="/assets/images/tile_Page1_92.png"/>
757              <div class="tile-social__tag-txt">
758               Tile Taiwan
759              </div>
760             </a>
761             <a class="tile-social__tag w-inline-block" href="https://bit.ly/3v3
761CBmN" target="_blank">
762              <img alt="" class="tile-social__tag-icon" loading="lazy" src="/assets/images/tile_Page1_94.png"/>
763              <div class="tile-social__tag-txt">
764               tile.tw
765              </div>
766             </a>
767            </div>
768           </div>
769          </div>
770         </div>
771        </div>
772       </div>
773      </div>
774     </div>
775    </div>
776   </div>
777   <div class="container-fluid footer bg6 center" style="display:none;">
778    <div class="container">
779     <div class="col-md-12 none">
780      <div class="br hidden-sm hidden-xs">
781      </div>
782      <div class="col-md-8 none">
783       <div class="col-md-4 hidden-xs hidden-sm">
784        <div>
785         <img src="/assets/images/logo_w.png"/>
786        </div>
787        <div class="line_b">
788        </div>
789        <div>
790         台灣總代理
791        </div>
792        <div>
793         國祥貿易公司
794        </div>
795       </div>
796       <div class="col-md-4 hidden-xs hidden-sm">
797        <h4>
798         <i class="icon-instagram">
799         </i>
800         商品介紹
801        </h4>
802        <div class="line_b">
803        </div>
804        <div class="item_list">
805         <a href="/tile_mate3">
806          <div>
807           <i class="icon-angle-right">
808           </i>
809           Tile Mate3.0
810          </div>
811         </a>
812         <a href="/tile_pro2">
813          <div>
814           <i class="icon-angle-right">
815           </i>
816           Tile Pro2.0
817          </div>
818         </a>
819         <a href="/tile_slim">
820          <div>
821           <i class="icon-angle-right">
822           </i>
823           Tile Slim
824          </div>
825         </a>
826         <a href="/tile_sticker">
827          <div>
828           <i class="icon-angle-right">
829           </i>
830           Tile Sticker
831          </div>
832         </a>
833        </div>
834       </div>
835       <div class="col-md-4 hidden-xs hidden-sm">
836        <h4>
837         <i class="icon-line2-link">
838         </i>
839         網站地圖
840        </h4>
841        <div class="line_b">
842        </div>
843        <div class="item_list">
844         <a href="/shop">
845          <div>
846           <i class="icon-angle-right">
847           </i>
848           線上商城
849          </div>
850         </a>
851         <a href="/support">
852          <div>
853           <i class="icon-angle-right">
854           </i>
855           服務與支援
856          </div>
857         </a>
858         <a href="/traffic">
859          <div>
860           <i class="icon-angle-right">
861           </i>
862           訂單《進度查詢》
863          </div>
864         </a>
865         <a href="/warranty_terms">
866          <div>
867           <i class="icon-angle-right">
868           </i>
869           保固條款
870          </div>
871         </a>
872         <a href="/privacy">
873          <div>
874           <i class="icon-angle-right">
875           </i>
876           隱私權聲明
877          </div>
878         </a>
879         <a href="/sale_terms">
880          <div>
881           <i class="icon-angle-right">
882           </i>
883           購物商城銷售條款
884          </div>
885         </a>
886        </div>
887       </div>
888       <div class="br_s col-md-12">
889       </div>
890       <div class="col-md-12 hidden-xs hidden-sm">
891        <a href="https://itunes.apple.com/tw/app//id664939913?mt=8" target="_blank">
892         <img class="br_ss" src="/assets/image/art/tile/home/app-store-download-en-US.png"/>
893        </a>
894        <a href="https://play.google.com/store/apps/details?id=com.thetileapp.tile" target="_blank">
895         <img class="br_ss" src="/assets/image/art/tile/home/google-play-download-en-US.png"/>
896        </a>
897       </div>
898      </div>
899      <div class="col-md-4 none">
900       <h4>
901        <i class="icon-facebook2">
902        </i>
903        關注我們
904       </h4>
905       <div class="line_b">
906       </div>
907       <iframe allow="encrypted-media" allowtransparency="true" class="lazy" data-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FTileTaiwan%2F&amp;tabs=timeline&amp;width=300&amp;height=130&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId=143420442752422" frameborder="0" height="130" scrolling="no" style="border:none;overflow:hidden" width="300">
908       </iframe>
909      </div>
910      <div class="br hidden-md hidden-lg">
911      </div>
912      <div class="col-md-3 hidden-md hidden-lg">
913       <h4>
914        <i class="icon-line2-link">
915        </i>
916        網站地圖
917       </h4>
918       <div class="line_b">
919       </div>
920       <div class="item_list">
921        <a href="/shop">
922         <div>
923          <i class="icon-angle-right">
924          </i>
925          線上商城
926         </div>
927        </a>
928        <a href="/support">
929         <div>
930          <i class="icon-angle-right">
931          </i>
932          服務與支援
933         </div>
934        </a>
935        <a href="/traffic">
936         <div>
937          <i class="icon-angle-right">
938          </i>
939          訂單《進度查詢》
940         </div>
941        </a>
942        <a href="/warranty_terms">
943         <div>
944          <i class="icon-angle-right">
945          </i>
946          保固條款
947         </div>
948        </a>
949        <a href="/privacy">
950         <div>
951          <i class="icon-angle-right">
952          </i>
953          隱私權聲明
954         </div>
955        </a>
956        <a href="/sale_terms">
957         <div>
958          <i class="icon-angle-right">
959          </i>
960          購物商城銷售條款
961         </div>
962        </a>
963       </div>
964      </div>
965      <div class="br hidden-md hidden-lg">
966      </div>
967      <div class="col-md-3 hidden-md hidden-lg">
968       <div>
969        <img src="/assets/images/logo_w.png"/>
970       </div>
971       <div class="line_b">
972       </div>
973       <div>
974        台灣總代理
975       </div>
976       <div>
977        國祥貿易公司
978       </div>
979      </div>
980      <div class="br hidden-md hidden-lg">
981      </div>
982      <div class="col-md-12 hidden-md hidden-lg">
983       <a href="https://itunes.apple.com/tw/app//id664939913?mt=8" target="_blank">
984        <img class="br_ss" src="/assets/image/art/tile/home/app-store-download-en-US.png"/>
985       </a>
986       <a href="https://play.google.com/store/apps/details?id=com.thetileapp.tile" target="_blank">
987        <img class="br_ss" src="/assets/image/art/tile/home/google-play-download-en-US.png"/>
988       </a>
989      </div>
990     </div>
991    </div>
992    <div class="br">
993    </div>
994   </div>
995   <div id="snackbar">
996   </div>
997  </footer>
998  
998<script type="application/ld+json">
999   { "@context": "http://schema.org", "@type": "Organization", "address": { "@type": "PostalAddress", "addressLocality": "台灣 TAIWAN", "addressRegion": "台北 TAIPEI", "streetAddress": "台北市南京東路三段272號2樓" }, "description": "", "name": "Tile", "image": "https://thetileapp.com.tw/assets/images/logo.jpg", "logo": "https://thetileapp.com.tw/assets/images/logo.jpg", "telephone": "(02) 2778-9966 Ext.228", "url": "https://thetileapp.com.tw", "sameAs": [ "https://www.facebook.com" ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "88", "bestRating": "100", "ratingCount": "150-200" }, "potentialAction": { "@type": "SearchAction", "target": "https://thetileapp.com.tw/shop?k={keyword}", "query-input": "required" } }
1000  </script>
1000
1001  
1001<script src="/assets/js/lib/TweenMax.min.js">
1002  </script>
1002
1003  
1003<script src="/assets/js/lib/ScrollMagic.min.js">
1004  </script>
1004
1005  
1005<script src="/assets/js/lib/animation.gsap.js">
1006  </script>
1006
1007  
1007<script src="/assets/js/lib/jquery.js">
1008  </script>
1008
1009  
1009<script src="/assets/js/lib/jquery.easing.1.3.js">
1010  </script>
1010
1011  
1011<script src="/assets/js/lib/bootstrap.js">
1012  </script>
1012
1013  
1013<script src="/assets/js/lib/jquery.number.min.js">
1014  </script>
1014
1015  
1015<script src="/assets/js/lib/jquery.form-validator.min.js">
1016  </script>
1016
1017  
1017<script src="/assets/js/lib/jquery.rwdImageMaps.js">
1018  </script>
1018
1019  
1019<script src="/assets/js/lib/jquery.ui.totop.min.js">
1020  </script>
1020
1021  
1021<script src="/assets/js/lib/lazyYT.js">
1022  </script>
1022
1023  
1023<script src="/assets/js/lib/jquery.magnific-popup.min.js">
1024  </script>
1024
1025  
1025<script src="/assets/js/lib/swiper.js">
1026  </script>
1026
1027  
1027<script src="/assets/js/lib/jquery.cookie.js">
1028  </script>
1028
1029  
1029<script src="/assets/js/lib/jquery.popupoverlay.js">
1030  </script>
1030
1031  
1031<script src="/assets/js/lib/lozad.min.js" type="text/javascript">
1032  </script>
1032
1033  
1033<script src="/assets/js/webflow.js" type="text/javascript">
1034  </script>
1034
1035  
1035<script defer="" src="/assets/js/main.js?r=2307">
1036  </script>
1036
1037  
1037<script defer="" src="/assets/js/lib/instantpage.js" type="module">
1038  </script>
1038
1039  
1039<script>
1040   document.addEventListener('DOMContentLoaded', function() { /* setHeaderPin(document.getElementById('header'), 100); */ fullMenu(); menuHover(); imgLazy(); }); function setHeaderPin(_ele, _offset) { var _lastKnownScrollY = 0, _currentScrollY = 0, _unpinClass = 'header-unpin', isPin = function(_f) { if (typeof _f == 'function') { var _of = _currentScrollY - _lastKnownScrollY; if (_currentScrollY == 0 || _of <= -_offset) _f(false); else if (_of > _offset) _f(true); } }; document.addEventListener('scroll', function() { _currentScrollY = window.pageYOffset; isPin(function(_t) { var _cl = _ele.classList; _t ? _cl.add(_unpinClass) : _cl.remove(_unpinClass); _lastKnownScrollY = _currentScrollY; }); }); } function fullMenu() { var _a = document.querySelectorAll('*[data-fullmenu]'), _in = false, _css = 'fullmenu_show', _wWidth = window.innerWidth, _sm = 992; _a.forEach(function(_ele) { var _ob = document.querySelector(_ele.dataset.fullmenu); [_ele, _ob].forEach(function(_t) { _t.addEventListener("mouseover", function(e) { _in = true; if (_wWidth >= _sm && _in) { _ob.classList.add(_css); } }); _t.addEventListener("mouseleave", function(e) { _in = false; _ob.classList.remove(_css); }); }); }); window.addEventListener('resize', debounce(function() { _wWidth = window.innerWidth; }, 200)); } function menuHover() { $('ul.nav li.dropdown').hover(function() { $(this).find('.one-menu').stop(true, true).delay(10).fadeIn(200); }, function() { $(this).find('.one-menu').stop(true, true).delay(10).fadeOut(200); }); } function imgLazy() { var observer = lozad('.lazy'); observer.observe(); }
1041  </script>
1041
1042 
1042<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a8a00e8e00ab42cd8d03a0ac14b38089","r":1,"spa":2}' crossorigin="anonymous"></script>
1042
1043</body>
1044</html>
1045<div class="mfp-hide mfp-inner center" id="_form">
1046 <form action="/gift_mate_form" data-callback="gift_mate_send" id="send_form" method="post">
1047  <div class="container">
1048   <div class="col-md-12">
1049    <h3>
1050     請填寫聯絡資訊及訂製規格,將會有專人與您聯絡!
1051    </h3>
1052    <div class="br_s">
1053    </div>
1054    <div class="col-md-6">
1055     <div class="input-group">
1056      <span class="input-group-addon order-form-label" id="basic-addon1">
1057       <i class="icon-user3">
1058       </i>
1059      </span>
1060      <input class="form-control" datavalidation="required" id="username" maxlength="100" name="username" placeholder="真實姓名" type="text"/>
1061      <span class="input-group-addon text-muted" id="basic-addon1">
1062       <small>
1063        必填
1064       </small>
1065      </span>
1066     </div>
1067     <div class="br_ss">
1068     </div>
1069    </div>
1070    <div class="col-md-6">
1071     <div class="input-group">
1072      <span class="input-group-addon order-form-label" id="basic-addon1">
1073       <i class="icon-phone3">
1074       </i>
1075      </span>
1076      <input class="form-control" datavalidation="required" id="mobile" maxlength="100" name="mobile" placeholder="行動電話" type="number"/>
1077      <span class="input-group-addon text-muted" id="basic-addon1">
1078       <small>
1079        必填
1080       </small>
1081      </span>
1082     </div>
1083     <div class="br_ss">
1084     </div>
1085    </div>
1086    <div class="col-md-6">
1087     <div class="input-group">
1088      <span class="input-group-addon order-form-label" id="basic-addon1">
1089       <i class="icon-line2-envelope-open">
1090       </i>
1091      </span>
1092      <input class="form-control" datavalidation="required" id="email" maxlength="100" name="email" placeholder="電子郵件" type="email"/>
1093      <span class="input-group-addon text-muted" id="basic-addon1">
1094       <small>
1095        必填
1096       </small>
1097      </span>
1098     </div>
1099     <div class="br_ss">
1100     </div>
1101    </div>
1102    <div class="col-md-6">
1103     <div class="input-group">
1104      <span class="input-group-addon order-form-label" id="basic-addon1">
1105       <i class="icon-line2-reload">
1106       </i>
1107      </span>
1108      <input class="form-control" id="company" maxlength="100" name="company" placeholder="單位名稱" type="text"/>
1109     </div>
1110     <div class="br_ss">
1111     </div>
1112    </div>
1113    <div class="col-md-6">
1114     <div class="input-group">
1115      <span class="input-group-addon order-form-label" id="basic-addon1">
1116       <i class="icon-line-paper">
1117       </i>
1118      </span>
1119      <select class="form-control" datavalidation="required" name="item">
1120       <option disabled="" selected="" value="">
1121        請選擇商品規格
1122       </option>
1123       <option value="mate">
1124        不可換電池 $980 起
1125       </option>
1126       <option value="new_mate">
1127        可換電池 $1,050 起
1128       </option>
1129      </select>
1130      <span class="input-group-addon text-muted" id="basic-addon1">
1131       <small>
1132        必填
1133       </small>
1134      </span>
1135     </div>
1136     <div class="br_ss">
1137     </div>
1138    </div>
1139    <div class="col-md-6">
1140     <div class="input-group">
1141      <span class="input-group-addon order-form-label" id="basic-addon1">
1142       數量
1143      </span>
1144      <input class="form-control" id="quantity" max="100000" min="50" name="quantity" required="" type="number" value="50"/>
1145      <span class="input-group-addon text-muted" id="basic-addon1">
1146       <small>
1147        必填
1148       </small>
1149      </span>
1150     </div>
1151     <div class="text-left">
1152      <small class="text-muted">
1153       <i class="icon-info-sign">
1154       </i>
1155       最少50個
1156      </small>
1157     </div>
1158    </div>
1159   </div>
1160  </div>
1161  <hr/>
1162  <div class="container">
1163   <div class="col-md-12">
1164    <button class="btn btn-0 w3-ripple w3-card" id="com_inquiry" type="submit">
1165     確認送出
1166     <i class="icon-email2">
1167     </i>
1168    </button>
1169   </div>
1170  </div>
1171  <div class="mfp-hide" id="vid-popup">
1172   <div class="embed-responsive embed-responsive-16by9" style="padding-bottom: 56.25%!important;">
1173    <video autoplay="" class="lazy vid" controls="" loop="" muted="">
1174     <source data-src="/assets/media/gift/mate/mate.mp4" type="video/mp4"/>
1175    </video>
1176   </div>
1177  </div>
1178 </form>
1179</div>
1180<script>
1181 gee$.viewItem({ 'currency': 'TWD', 'value': 980, items: [{ item_id: "giftmate", item_name: "Tile Mate" }] });
1182</script>
vendor: 1 bytes, line 1182
1182
1183<script>
1184 function gift_mate_send(){	var map = {	mate: '980',	new_mate: '1050'	};	pixel$.AddToCart(["2404145553229597"], {	value: map[this.find('select[name="item"]').val()],	contents: [{	id: 'giftmate',	quantity: this.find('input[name="quantity"]').val()	}]	}); } $( document ).ready(function() {	/* $('.vid').magnificPopup({	items: {	src: '#vid-popup',	type: 'inline'	}	}); */	new IntersectionObserver(function(entries) {	for (const entry of entries) {	entry.target.autoplay = entry.isIntersecting ?	true:	false;	entry.target.load();	}	}).observe(document.querySelector('.vid'));	/* (function (){	p_img$ = $('#p-img');	p_img_nav$ = $('.p-img__nav');	p_img_nav$.click(function(e){	p_img$.attr('src', this.src);	});	})(); */ });
1185</script>
vendor: 1 bytes, line 1185
1185

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.