PageSourceSearch

https://www.olens.com.tw/

html olens.com.tw collected 2026-10-07 07:22:45 UTC 129,997 bytes, 2,081 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-Hant-TW">
3<head>
4    <meta charset="UTF-8">
5    <!-- SEO -->
6    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes">
7    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
8    <meta name="format-detection" content="telephone=no">
9    
10    <!-- include css -->
11    <title>OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌</title>
12<meta name="url" content="https://www.olens.com.tw/" />
13<meta name="subject" content="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌" />
14<meta name="author" content="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌" />
15<meta name="description" content="OLENS韓國官方獨家授權正式代理韓國大勢女團 MEOVV代言OLENS在韓國當地擁有300多間分店 不僅深受韓國女孩歡迎,更活躍於各種明星出沒的媒體場 合,讓OLENS儼然成為&#34;K-BEAUTY&#34;的代名詞之一快與NewJeans一起大膽玩色" />
16<meta name="robots" content="All" />
17<meta name="csrf-token" content="8e50f66f9ba301028c0e79f2c6a6249b78bf43b83d6589582e7f7b32f0c9e52b" />
18<meta name="abstract" content="山川久也網站設計公司|網頁設計 UNLIMITED 無設限" />
19<meta name="copyright" content="山川久也網站設計公司|網頁設計 UNLIMITED 無設限" />
20<meta name="publisher" content="山川久也網站設計公司|網頁設計 UNLIMITED 無設限" />
21<meta property="og:type" content="website" />
22<meta property="og:site_name" content="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌" />
23<meta property="og:title" content="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌" />
24<meta property="og:description" content="OLENS韓國官方獨家授權正式代理韓國大勢女團 MEOVV代言OLENS在韓國當地擁有300多間分店 不僅深受韓國女孩歡迎,更活躍於各種明星出沒的媒體場 合,讓OLENS儼然成為&#34;K-BEAUTY&#34;的代名詞之一快與NewJeans一起大膽玩色" />
25<meta property="og:url" content="https://www.olens.com.tw/" />
26<meta property="og:image" content="https://www.olens.com.tw/files/20260311144814197.png" />
27<meta property="og:image:url" content="https://www.olens.com.tw/files/20260311144814197.png" />
28<meta property="og:image:width" content="600" />
29<meta property="og:image:height" content="600" />
30<link rel="me" href="https://www.nsdi.com.tw/" type="text/html" />
31<link rel="me" href="mailto:[email protected]" />
32
33
34<!-- Favicon -->
35<link rel="shortcut icon" type="image/ico" href="https://www.olens.com.tw/assets/front/images/favicon/favicon.ico?v=init" />
36<link rel="apple-touch-icon" sizes="180x180" href="https://www.olens.com.tw/assets/front/images/favicon/apple-touch-icon.png?v=init">
37<link rel="icon" type="image/png" sizes="32x32" href="https://www.olens.com.tw/assets/front/images/favicon/favicon-32x32.png?v=init">
38<link rel="icon" type="image/png" sizes="16x16" href="https://www.olens.com.tw/assets/front/images/favicon/favicon-16x16.png?v=init">
39<link rel="manifest" href="https://www.olens.com.tw/assets/front/images/favicon/site.webmanifest">
40<!-- <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
41<meta name="msapplication-TileColor" content="#b91d47">
42<meta name="theme-color" content="#ffffff"> -->
43
44
45<!-- Google Font -->
46<link rel="preconnect" href="https://fonts.googleapis.com">
47<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
48<link href="https://fonts.googleapis.com/css2?family=Brygada+1918:wght@400;500;700&family=Montserrat:wght@300;400;500;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@300;400;500;700&family=Noto+Serif+TC:[email protected]&family=Cormorant:[email protected]&display=swap" rel="stylesheet">
49
50<!-- 引入 link -->
51<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"><!-- bootstrap 5.2 -->
52<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"><!--animate css-->
53<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery-ui/jquery-ui.min.css"><!--jquery ui css-->
54<!-- <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>swiper 8 -->
55<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/swiper/swiper-bundle.min.css?v=1791357764"><!--style css-->
56<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/selectric/selectric.css"><!--seletric css-->
57<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/css/pretty-checkbox.min.css"><!-- pretty checkbox css-->
58<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/tabScroller/tabScroller.css?v=1791357764"><!--tabScroller css-->
59<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/css/style.css?v=1791357764"><!--style css-->
60
61<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 61-62
61
62<script async src="https://www.googletagmanager.com/gtag/js?id=
62G-QHT7QFN0BT
vendor: 12 bytes, line 62
62"></script>
63<script>
64  
vendor: 134 bytes, lines 64-68
64window.dataLayer = window.dataLayer || [];
65  function gtag(){dataLayer.push(arguments);}
66  gtag('js', new Date());
67
68  gtag('config', '
68G-QHT7QFN0BT
vendor: 4 bytes, line 68
68');
69</script>
69
70
71<!-- Meta Pixel Code -->
72<script>
vendor: 399 bytes, lines 72-81
72
73!function(f,b,e,v,n,t,s)
74{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
75n.callMethod.apply(n,arguments):n.queue.push(arguments)};
76if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
77n.queue=[];t=b.createElement(e);t.async=!0;
78t.src=v;s=b.getElementsByTagName(e)[0];
79s.parentNode.insertBefore(t,s)}(window, document,'script',
80'https://connect.facebook.net/en_US/fbevents.js');
81fbq('init', '
81731760142401758
vendor: 30 bytes, lines 81-82
81');
82fbq('track', 'PageView');
83</script>
83
84<noscript><img height="1" width="1" style="display:none"
85src="https://www.facebook.com/tr?id=731760142401758&ev=PageView&noscript=1"
86/></noscript>
87<!-- End Meta Pixel Code -->
88
89<!-- Google Tag Manager -->
90<script>
vendor: 327 bytes, lines 90-94
90(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
91new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
92j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
93'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
94})(window,document,'script','dataLayer','
94GTM-P8SKH73G
vendor: 3 bytes, line 94
94');
94</script>
94
95<!-- End Google Tag Manager -->
96
97<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 97-98
97
98<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
98GTM-P8SKH73G
vendor: 83 bytes, lines 98-99
98"
99height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
100<!-- End Google Tag Manager (noscript) -->
101    <link rel="stylesheet" type="text/css" href="https://www.olens.com.tw/assets/front/js/plugins/fullpage/fullpage.css" />
102</head>
103<body data-page="index">
104    <noscript>您的瀏覽器不支援JavaScript功能, 若網頁功能無法正常使用時,請開啟瀏覽器JavaScript狀態 (Your browser does not support Javascript. For full functionality of this site, please enable JavaScript in your browser.)<br>
105    </noscript>
106    <div class="bg"></div>
107    <div class="loader-wrap"></div>
108<header>
109    <div>
110        <div class="logo-imgbox">
111            <a href="https://www.olens.com.tw/"><img src="https://www.olens.com.tw/assets/front/images/logo.png" alt=""></a>
112        </div>
113        <!-- 電腦版顯示 -->
114        <div class="header-nav">
115            <div class="nav-links">
116                <ul class="icon-list">
117                    <li class="icon-item">
118                        <a href="https://www.olens.com.tw/location" class="icon-link">
119                            <img src="https://www.olens.com.tw/assets/front/images/icon/icon-location-header.svg" alt="">
120                        </a>
121                    </li>
122                    <li class="icon-item">
123                        <a href="https://www.olens.com.tw/member-intro" class="icon-link">
124                            <img src="https://www.olens.com.tw/assets/front/images/icon/icon-member.svg" alt="">
125                        </a>
126                    </li>
127                    <li class="icon-item">
128                        <a href="https://www.olens.com.tw/contact" class="icon-link">
129                            <img src="https://www.olens.com.tw/assets/front/images/icon/icon-contact.svg" alt="">
130                        </a>
131                    </li>
132                </ul>
133                <ul class="header-list">
134                    <li class="header-item">
135                        <a href="https://www.olens.com.tw/news-list" class="header-link">
136                            <span class="link-text links en-txt">NEWS</span>
137                            <span class="link-icon">
138                                <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
139                            </span>
140                        </a>
141                        <div class="header-dropdown-wrap">
142                            <ul class="header-dropdown-list">
143                                <li class="header-dropdown-item">
144                                    <a href="https://www.olens.com.tw/news-list?nav=1" class="header-dropdown-link en-txt">新品消息</a>
145                                </li>
146                                <li class="header-dropdown-item">
147                                    <a href="https://www.olens.com.tw/news-list?nav=2" class="header-dropdown-link en-txt">活動消息</a>
148                                </li>
149                            </ul>
150                        </div>
151                    </li>
152                    <li class="header-item">
153                        <a href="https://www.olens.com.tw/product-list" class="header-link">
154                            <span class="link-text links en-txt">PRODUCTS</span>
155                            <span class="link-icon">
156                                <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
157                            </span>
158                        </a>
159                        <div class="header-dropdown-wrap">
160                            <ul class="header-dropdown-list">
161                                <li class="header-dropdown-item">
162                                    <a href="https://www.olens.com.tw/product-list" class="header-dropdown-link en-txt" data-link="MEOVV">OLENS X MEOVV</a>
163                                </li>
164                                <li class="header-dropdown-item">
165                                    <a href="https://www.olens.com.tw/product-list" class="header-dropdown-link en-txt">探索全系列</a>
166                                </li>
167                                <li class="header-dropdown-item">
168                                    <a href="https://www.olens.com.tw/product-list?q=daily" class="header-dropdown-link en-txt">日拋系列</a>
169                                </li>
170                                <li class="header-dropdown-item">
171                                    <a href="https://www.olens.com.tw/product-list?q=monthly" class="header-dropdown-link en-txt">月拋系列</a>
172                                </li>
173                                <li class="header-dropdown-item">
174                                    <a href="https://www.olens.com.tw/news-content/8Fc04e3F1DB5" class="header-dropdown-link en-txt">入門款系列</a>
175                                </li>
176                            </ul>
177                        </div>
178                    </li>
179                    <li class="header-item">
180                        <a href="https://www.olens.com.tw/about" class="header-link">
181                            <span class="link-text links en-txt">ABOUT</span>
182                            <span class="link-icon">
183                                <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
184                            </span>
185                        </a>
186                        <div class="header-dropdown-wrap">
187                            <ul class="header-dropdown-list">
188                                <li class="header-dropdown-item">
189                                    <a href="https://www.olens.com.tw/about" class="header-dropdown-link en-txt">認識OLENS</a>
190                                </li>
191                                <li class="header-dropdown-item">
192                                    <a href="https://www.olens.com.tw/location" class="header-dropdown-link en-txt">銷售據點</a>
193                                </li>
194                            </ul>
195                        </div>
196                    </li>
197                </ul>
198                <div><a href="https://www.olens.com.tw/#MEOVV" class="en-txt links" data-link="MEOVV">OLENS X MEOVV</a></div>
199                <!-- <div><a href="https://www.olens.com.tw/product-list" class="en-txt links">PRODUCTS</a></div>
200                <div><a href="https://www.olens.com.tw/location" class="en-txt links">LOCATION</a></div>
201                <div><a href="https://www.olens.com.tw/#NEWJEANS" class="en-txt links" data-link="NEWJEANS">OLENS X NEWJEANS</a></div> -->
202            </div>
203            <div>
204                <form action="" data-tag="searchData">
205                    <div class="input-radius">
206                        <button type="submit"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-search.svg" alt=""></button>
207                        <input type="text" placeholder="搜尋關鍵字" value="">
208                    </div>
209                </form>
210            </div>
211        </div>
212        <div class="mobile-nav-wrap">
213            <ul class="icon-list mobile-icon-list">
214                <li class="icon-item">
215                    <a href="https://www.olens.com.tw/location" class="icon-link">
216                        <img src="https://www.olens.com.tw/assets/front/images/icon/icon-location-header.svg" alt="">
217                    </a>
218                </li>
219                <li class="icon-item">
220                    <a href="https://www.olens.com.tw/member-intro" class="icon-link">
221                        <img src="https://www.olens.com.tw/assets/front/images/icon/icon-member.svg" alt="">
222                    </a>
223                </li>
224                <li class="icon-item">
225                    <a href="https://www.olens.com.tw/contact" class="icon-link">
226                        <img src="https://www.olens.com.tw/assets/front/images/icon/icon-contact.svg" alt="">
227                    </a>
228                </li>
229            </ul>
230            <button type="button" class="menu-btn">
231                <img class="menu" src="https://www.olens.com.tw/assets/front/images/icon/icon-menu.svg" alt="">
232                <img class="cancel" src="https://www.olens.com.tw/assets/front/images/icon/icon-close.svg" alt="">
233            </button>
234        </div>
235        <nav class="nav-wrap">
236            <div>
237                <!-- 手機板顯示 -->
238                <form action="" class="mobile" data-tag="searchData">
239                    <div class="input-radius">
240                        <button type="submit"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-search.svg" alt=""></button>
241                        <input type="text" placeholder="搜尋關鍵字" value="">
242                    </div>
243                </form>
244                <div class="mobile mobile-newjeans-link"><a href="https://www.olens.com.tw/#MEOVV" class="en-txt links">OLENS X MEOVV</a></div>
245                <!-- 手機板顯示 -->
246                <!-- <div class="mobile mobile-newjeans-link"><a href="https://www.olens.com.tw/#NEWJEANS" class="en-txt links">OLENS X NEWJEANS</a></div> -->
247
248                <div class="accordion-wrap">
249                    <!-- <div class="each-accordion mobile">
250                        <a href="https://www.olens.com.tw/news-list" class="en-txt accordion__origin__link">NEWS</a>
251                    </div> -->
252                    <!-- <div class="each-accordion mobile">
253                        <a href="https://www.olens.com.tw/product-list" class="en-txt accordion__origin__link">PRODUCTS</a>
254                    </div> -->
255                    <div class="each-accordion mobile">
256                        <div class="accordion">
257                            <div class="accordion__title">
258                                <div class="title-text en-txt">NEWS</div>
259                                <div class="title-icon">
260                                    <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
261                                </div>
262                            </div>
263                            <div class="accordion__content">
264                                <div class="content">
265                                    <ul class="accordion__list">
266                                        <li class="accordion__item">
267                                            <a href="https://www.olens.com.tw/news-list" class="accordion__link en-txt">新品消息</a>
268                                        </li>
269                                        <li class="accordion__item">
270                                            <a href="https://www.olens.com.tw/news-list" class="accordion__link en-txt">活動消息</a>
271                                        </li>
272                                    </ul>
273                                </div>
274                            </div>
275                        </div>
276                    </div>
277                    <div class="each-accordion mobile">
278                        <div class="accordion">
279                            <div class="accordion__title">
280                                <div class="title-text en-txt">PRODUCTS</div>
281                                <div class="title-icon">
282                                    <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
283                                </div>
284                            </div>
285                            <div class="accordion__content">
286                                <div class="content">
287                                    <ul class="accordion__list">
288                                        <li class="accordion__item">
289                                            <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">OLENS X MEOVV</a>
290                                        </li>
291                                        <li class="accordion__item">
292                                            <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">探索全系列</a>
293                                        </li>
294                                        <li class="accordion__item">
295                                            <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">日拋系列</a>
296                                        </li>
297                                        <li class="accordion__item">
298                                            <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">月拋系列</a>
299                                        </li>
300                                        <li class="accordion__item">
301                                            <a href="https://www.olens.com.tw/news-content/8Fc04e3F1DB5" class="accordion__link en-txt">入門款系列</a>
302                                        </li>
303                                    </ul>
304                                </div>
305                            </div>
306                        </div>
307                    </div>
308                    <div class="each-accordion mobile">
309                        <div class="accordion">
310                            <div class="accordion__title">
311                                <div class="title-text en-txt">ABOUT</div>
312                                <div class="title-icon">
313                                    <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
314                                </div>
315                            </div>
316                            <div class="accordion__content">
317                                <div class="content">
318                                    <ul class="accordion__list">
319                                        <li class="accordion__item">
320                                            <a href="https://www.olens.com.tw/about" class="accordion__link en-txt">認識 OLENS</a>
321                                        </li>
322                                        <li class="accordion__item">
323                                            <a href="https://www.olens.com.tw/location" class="accordion__link en-txt">銷售據點</a>
324                                        </li>
325                                    </ul>
326                                </div>
327                            </div>
328                        </div>
329                    </div>
330                    <div class="each-accordion">
331                        <div class="accordion">
332                            <div class="accordion__title">
333                                <div class="title-text en-txt">
333MEMBERSHIP</div>
334                                <div class="title-icon">
335                                    <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
336                                </div>
337                            </div>
338                            <div class="accordion__content">
339                                <div class="content">
340                                    <ul class="accordion__list">
341                                        <li class="accordion__item">
342                                            <a href="https://www.olens.com.tw/member-intro#member-content" class="accordion__link en-txt">會員介紹與權益</a>
343                                        </li>
344                                        <li class="accordion__item">
345                                            <a href="https://www.olens.com.tw/member-plan#member-content" class="accordion__link en-txt">會員點數兌禮計劃</a>
346                                        </li>
347                                        <li class="accordion__item">
348                                            <a href="https://www.olens.com.tw/member-terms#member-content" 
348class="accordion__link en-txt">會員條款說明</a>
349                                        </li>
350                                    </ul>
351                                </div>
352                            </div>
353                        </div>
354                    </div>
355                    <div class="each-accordion">
356                        <div class="accordion">
357                            <div class="accordion__title">
358                                <div class="title-text en-txt">CUSTOMER SERVICE</div>
359                                <div class="title-icon">
360                                    <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
361                                </div>
362                            </div>
363                            <div class="accordion__content">
364                                <div class="content">
365                                    <ul class="accordion__list">
366                                        <li class="accordion__item">
367                                            <a href="https://www.olens.com.tw/faq" class="accordion__link en-txt">常見問題</a>
368                                        </li>
369                                        <li class="accordion__item">
370                                            <a href="https://www.olens.com.tw/contact" class="accordion__link en-txt">聯絡我們</a>
371                                        </li>
372                                    </ul>
373                                </div>
374                            </div>
375                        </div>
376                    </div>
377                    <div class="each-accordion">
378                        <div class="accordion">
379                            <div class="accordion__title">
380                                <div class="title-text en-txt">FOLLOW US</div>
381                                <div class="title-icon">
382                                    <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt="">
383                                </div>
384                            </div>
385                            <div class="accordion__content">
386                                <div class="content">
387                                    <ul class="accordion__list">
388                                        <li class="accordion__item">
389                                            <a href="https://lin.ee/qGy7rLO" class="accordion__link en-txt" target="_blank" rel="noreferrer noopenner">Line@</a>
390                                        </li>
391                                        <li class="accordion__item">
392                                            <a href="https://www.instagram.com/olenstw_official/" class="accordion__link en-txt" target="_blank" rel="noreferrer noopenner">Instagram</a>
393                                        </li>
394                                        <li class="accordion__item">
395                                            <a href="" class="accordion__link en-txt" target="_blank" rel="noreferrer noopenner">Facebook</a>
396                                        </li>
397                                    </ul>
398                                </div>
399                            </div>
400                        </div>
401                    </div>
402                </div>
403
404                <!-- <ul class="social-list mobile">
405                    <li class="social-item">
406                        <a href="https://www.instagram.com/olenstw_official/" class="social-link" target="_blank" rel="noreferrer noopenner">
407                            <img src="https://www.olens.com.tw/assets/front/images/icon/icon-instagram-header.svg" alt="">
408                        </a>
409                    </li>
410                    <li class="social-item">
411                        <a href="https://lin.ee/qGy7rLO" class="social-link" target="_blank" rel="noreferrer noopenner">
412                            <img src="https://www.olens.com.tw/assets/front/images/icon/icon-line-header.svg" alt="">
413                        </a>
414                    </li>
415                    <li class="social-item">
416                        <a href="" class="social-link" target="_blank" rel="noreferrer noopenner">
417                            <img src="https://www.olens.com.tw/assets/front/images/icon/icon-facebook-header.svg" alt="">
418                        </a>
419                    </li>
420                </ul> -->
421                
422                <!-- <div class="mobile"><a href="https://www.olens.com.tw/news-list" class="en-txt links">NEWS</a></div>
423                <div class="mobile"><a href="https://www.olens.com.tw/product-list" class="en-txt links">PRODUCTS</a></div>
424                <div class="mobile"><a href="https://www.olens.com.tw/about" class="en-txt links">ABOUT</a></div>
425                <div><a href="https://www.olens.com.tw/member-intro" class="en-txt links">
425MEMBERSHIP</a></div>
426                <div><a href="https://www.olens.com.tw/faq" class="en-txt links">FAQ</a></div>
427                <div><a href="https://www.olens.com.tw/contact" class="en-txt links">CONTACT</a></div>
428                <div class="mobile"><a href="https://www.olens.com.tw/location" class="en-txt links">LOCATION</a></div> -->
429            </div>
430        </nav>
431    </div>
432</header>
433
434<div class="pop">
435        <div class="pop-card">
436        <div class="card-head">
437            <div class="swiper popSwiper">
438                <div class="swiper-wrapper">
439                                        <div class="swiper-slide">
440                        <a href="https://www.olens.com.tw/news-content/41d59128d6E7" class="img" target="" title="">
441                            <span class="img-wrap">
442                                <img src="https://www.olens.com.tw/files/20260921103017504.jpg" href="https://www.olens.com.tw/news-content/41d59128d6E7"  alt="">
443                            </span>
444                        </a>
445                    </div>
446                                        <div class="swiper-slide">
447                        <a href="https://www.olens.com.tw/news-content/4041EE2f1B5A" class="img" target="" title="">
448                            <span class="img-wrap">
449                                <img src="https://www.olens.com.tw/files/20260911145529960.jpg" href="https://www.olens.com.tw/news-content/4041EE2f1B5A"  alt="">
450                            </span>
451                        </a>
452                    </div>
453                                        <div class="swiper-slide">
454                        <a href="https://www.olens.com.tw/news-content/2a90f75427D9" class="img" target="" title="">
455                            <span class="img-wrap">
456                                <img src="https://www.olens.com.tw/files/20260911145436399.jpg" href="https://www.olens.com.tw/news-content/2a90f75427D9"  alt="">
457                            </span>
458                        </a>
459                    </div>
460                                        <div class="swiper-slide">
461                        <a href="https://line.me/ti/p/~@354lneor" class="img" target="" title="">
462                            <span class="img-wrap">
463                                <img src="https://www.olens.com.tw/files/20260824184630432.jpg" href="https://line.me/ti/p/~@354lneor"  alt="">
464                            </span>
465                        </a>
466                    </div>
467                                    </div>
468                <div class="pop-swiper-pagination"></div>
469            </div>
470        </div>
471        <div class="card-footer">
472            <div class="input-wrap">
473                <input type="checkbox" id="show" class="dont-show-today">
474                <label for="show">今日不再顯示</label>
475            </div>
476            <button class="pop-close" data-action="close-pop">
477                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
478                    <path d="M0.466515 0.853553C0.271253 0.658291 0.271253 0.341709 0.466515 0.146447C0.661777 -0.0488155 0.978359 -0.0488155 1.17362 0.146447L7.29362 6.26645C7.48888 6.46171 7.48888 6.77829 7.29362 6.97355C7.09836 7.16882 6.78178 7.16882 6.58652 6.97355L0.466515 0.853553Z" fill="#333333"/>
479                    <path d="M18.8536 0.853553C19.0489 0.658291 19.0489 0.341709 18.8536 0.146447C18.6584 -0.0488155 18.3418 -0.0488155 18.1465 0.146447L12.0265 6.26645C11.8313 6.46171 11.8313 6.77829 12.0265 6.97355C12.2218 7.16882 12.5384 7.16882 12.7336 6.97355L18.8536 0.853553Z" fill="#333333"/>
480                    <path d="M18.8536 17.8536C19.0489 17.6583 19.0489 17.3417 18.8536 17.1464L12.7336 11.0264C12.5384 10.8312 12.2218 10.8312 12.0265 11.0264C11.8313 11.2217 11.8313 11.5383 12.0265 11.7336L18.1465 17.8536C18.3418 18.0488 18.6584 18.0488 18.8536 17.8536Z" fill="#333333"/>
481                    <path d="M0.466515 17.1464C0.271253 17.3417 0.271253 17.6583 0.466515 17.8536C0.661777 18.0488 0.978359 18.0488 1.17362 17.8536L7.29362 11.7336C7.48888 11.5383 7.48888 11.2217 7.29362 11.0264C7.09836 10.8312 6.78178 
48110.8312 6.58652 11.0264L0.466515 17.1464Z" fill="#333333"/>
482                </svg>
483            </button>
484        </div>
485    </div>
486    </div>    <div class="main-container" id="fullpage">
487        <!-- banner desktop start-->
488        <div class="section">
489            <div class="banner desktop">
490                <!-- logo 建議尺寸 896 * 241 -->
491                <div class="logo-large img-cover"><img src="https://www.olens.com.tw/assets/front/images/logo-large.svg" alt="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌"></div>
492                <!-- banner 產品圖 建議尺寸 2220 * 1380 -->
493                <div class="product-main img-cover">
494                    <div id="scene"><img data-depth="0.3" src="https://www.olens.com.tw/files/20260603113042765.png" alt="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌"></div>
495                </div>
496            </div>
497        </div>
498        <!-- banner desktop end-->
499        <!-- banner mobile start-->
500        <div class="banner mobile">
501            <!-- logo 建議尺寸 896 * 241 -->
502            <div class="logo-large img-cover"><img src="https://www.olens.com.tw/assets/front/images/[email protected]" alt="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌"></div>
503            <!-- 手機板 banner 產品圖 建議尺寸 750 * 1276 -->
504            <div class="product-main img-cover"><img src="https://www.olens.com.tw/files/20260603113047321.png" alt="OLENS 台灣官方網站-韓國人氣No.1彩色隱形眼鏡品牌"></div>
505        </div>
506        <!-- banner mobile end-->
507
508        <!-- NewJeans start -->
509                <!-- NewJeans end -->
510
511        <!-- Meovv start -->
512        <div class="section meovv-section newjeans-section" id="MEOVV">
513            <div class="section-share meovv newjeans">
514                <div class="meovv-bg newjeans-bg">
515                    <div class="img-wrap">
516                        <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-bg.png" alt="">
517                    </div>
518                </div>
519                <!-- desktop start -->
520                <div class="mask">
521                    <div class="container">
522                        <div class="meovv-member newjeans-member">
523                            <!-- 每個成員 -->
524                                                                                            <div class="each-member anna">
525                                    <div class="content-wrap">
526                                        <div class="img">
527                                            <div class="img-wrap">
528                                                <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-anna.png" alt="">
529                                            </div>
530                                        </div>
531                                        <button class="pick-button" type="button" data-member="anna" data-product-aid='["102","66","67","57","58"]'>
532                                            <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-anna-pick.png" alt="">
533                                        </button>
534                                    </div>
535                                </div>
536                                                                                            <div class="each-member ella">
537                                    <div class="content-wrap">
538                                        <div class="img">
539                                            <div class="img-wrap">
540                                                <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-ella.png" alt="">
541                                            </div>
542                                        </div>
543                                        <button class="pick-button" type="button" data-member="ella" data-product-aid='["109"]'>
544                                            <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-ella-pick.png" alt="">
545                                        </button>
546                                    </div>
547                                </div>
548                                                                                            <div class="each-member sooin">
549                                    <div class="content-wrap">
550                                        <div class="img">
551                                            <div class="img-wrap">
552                                                <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-sooin.png" alt="">
553                                            </div>
554                                        </div>
555                                        <button class="pick-button" type="button" data-member="sooin" data-product-aid='["95"]'>
556                                            <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-sooin-pick.png" alt="">
557                                        </button>
558                                    </div>
559                                </div>
560                                                                                            <div class="each-member narin">
561                                    <div class="content-wrap">
562                                        <div class="img">
563                                            <div class="img-wrap">
564                                                <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-narin.png" alt="">
565                                            </div>
566                                        </div>
567                                        <button class="pick-button" type="button" data-member="narin" data-product-aid='["106","98"]'>
568                                            <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-narin-pick.png" alt="">
569                                        </button>
570                                    </div>
571                                </div>
572                                                                                            <div class="each-member gawon">
573                                    <div class="content-wrap">
574                                        <div class="img">
575                                            <div class="img-wrap">
576                                                <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-gawon.png" alt="">
577                                            </div>
578                                        </div>
579                                        <button class="pick-button" type="button" data-member="gawon" data-product-aid='["107","108"]'>
580                                            <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-gawon-pick.png" alt="">
581                                        </button>
582                                    </div>
583                                </div>
584                                                    </div>
585                    </div>
586                </div>
587                <!-- mobile start -->
588                <div class="swiper meovv-member-swiper newjeans-member-swiper">
589                    <div class="swiper-wrapper">
590                        <!-- 每個成員 -->
591                                                    <div class="swiper-slide" data-member="anna">
592                                <div class="img">
593                                    <div class="img-wrap">
594										                                        <img src="datas/upload/finder/files/20260612092220312.png" alt="">
595                                        <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-anna-mobile.png" alt=""> -->
596										                                    </div>
597                                </div>
598                                <button class="pick-button" type="button" data-member="anna" data-product-aid='["102","66","67","57","58"]'>
599                                    <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-anna-pick.png" alt="">
600                                </button>
601                            </div>
602                                                    <div class="swiper-slide" data-member="ella">
603                                <div class="img">
604                                    <div class="img-wrap">
605										                                        <img src="datas/upload/finder/files/20260612092229841.png" alt="">
606                                        <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-ella-mobile.png" alt=""> -->
607										                                    </div>
608                                </div>
609                                <button class="pick-button" type="button" data-member="ella" data-product-aid='["109"]'>
610                                    <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-ella-pick.png" alt="">
611                                </button>
612                            </div>
613                                                    <div class="swiper-slide" data-member="sooin">
614                                <div class="img">
615                                    <div class="img-wrap">
616										                                        <img src="datas/upload/finder/files/20260611160145106.png" alt="">
617                                        <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-sooin-mobile.png" alt=""> -->
618										                                    </div>
619                                </div>
620                                <button class="pick-button" type="button" data-member="sooin" data-product-aid='["95"]'>
621                                    <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-sooin-pick.png" alt="">
622                                </button>
623                            </div>
624                                                    <div class="swiper-slide" data-member="narin">
625                                <div class="img">
626                                    <div class="img-wrap">
627										                                        <img src="datas/upload/finder/files/20260611160136156.png" alt="">
628                                        <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-narin-mobile.png" alt=""> -->
629										                                    </div>
630                                </div>
631                                <button class="pick-button" type="button" data-member="narin" data-product-aid='["106","98"]'>
632                                    <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-narin-pick.png" alt="">
633                                </button>
634                            </div>
635                                                    <div class="swiper-slide" data-member="gawon">
636                                <div class="img">
637                                    <div class="img-wrap">
638										                                        <img src="datas/upload/finder/files/20260611160128349.png" alt="">
639                                        <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-gawon-mobile.png" alt=""> -->
640										                                    </div>
641                                </div>
642                                <button class="pick-button" type="button" data-member="gawon" data-product-aid='["107","108"]'>
643                                    <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-gawon-pick.png" alt="">
644                                </button>
645                            </div>
646                                            </div>
647                    <div class="meovv-swiper-button-next newjeans-swiper-button-next">
648                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="51" viewB
648ox="0 0 30 51" fill="none">
649                            <path d="M0 10C0 4.47715 4.47715 0 10 0H30V51H10C4.47715 51 0 46.5228 0 41V10Z" fill="#D9BEBE"/>
650                            <path d="M15 17L23.5 25.5L15 34" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
651                        </svg>
652                    </div>
653                    <div class="meovv-swiper-button-prev newjeans-swiper-button-prev">
654                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="51" viewBox="0 0 30 51" fill="none">
655                            <path d="M30 10C30 4.47715 25.5228 0 20 0H-1.90735e-06V51H20C25.5228 51 30 46.5228 30 41V10Z" fill="#D9BEBE"/>
656                            <path d="M16 17L7.5 25.5L16 34" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
657                        </svg>
658                    </div>
659                </div>
660                <!-- 產品 -->
661               <div class="meovv-products newjeans-products not-show">
662                   <div class="container">
663                       <div class="swiper meovv-pick-swiper newjeans-pick-swiper">
664                           <div class="swiper-wrapper">
665                           </div>
666                       </div>
667                       <div class="meovv-product-swiper-button-next newjeans-product-swiper-button-next">
668                           <svg xmlns="http://www.w3.org/2000/svg" width="17" height="32" viewBox="0 0 17 32" fill="none">
669                               <path d="M1 1L14.2271 12.3336C16.591 14.359 16.591 18.0156 14.2271 20.041L1 31.3745" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
670                           </svg>
671                       </div>
672                       <div class="meovv-product-swiper-button-prev newjeans-product-swiper-button-prev">
673                           <svg xmlns="http://www.w3.org/2000/svg" width="17" height="32" viewBox="0 0 17 32" fill="none">
674                               <path d="M16 1L2.77286 12.3336C0.409047 14.359 0.409048 18.0156 2.77286 20.041L16 31.3745" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/>
675                           </svg>
676                       </div>
677                   </div>
678               </div>
679            </div>
680        </div>
681        <!-- Meovv end -->
682
683        
684                <!-- 新進商品 start -->
685        <div class="section">
686            <div class="section-share new-product">
687                <div>
688                    <div class="section-head animation__el fadeIn">
689                        <h2 class="heading-2">新進商品</h2>
690                        <div class="heading-1 en">NEW PRODUCT</div>
691                        <a href="https://www.olens.com.tw/product-list" class="more en-txt btn-hvr-right">SEE MORE <div><img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="SEE MORE"></div></a>
692                    </div>
693                    <div class="section-product animation__el fadeIn">
694                        <!-- 效果圖 -->
695                        <!-- 建議尺寸 525 * 587 -->
696                        <div class="img-demo img-cover"><img src="https://www.olens.com.tw/files/20260320115442466.jpg" alt="Rain 1Day"></div>
697                        <div class="product-area">
698                            <!-- 產品大圖 -->
699                            <!-- 建議尺寸 152 * 152 -->
700                            <div class="img-main img-cover"><img src="https://www.olens.com.tw/files/20260320115453676.png" alt="Rain 1Day"></div>
701                            <h3 class="heading-1 en">Rain 1Day</h3>
702                            <h4 class="heading-2 en en-txt">Black / Mocha</h4>
703                            <!-- 產品小圖 -->
704                            <div class="img-s-wrap">
705                                                                    <div class="img-cover active"><img src="https://www.olens.com.tw/files/20260320115453676.png" alt="Rain 1Day" data-cover="https://www.olens.com.tw/files/20260320115442466.jpg"></div>
706                                                                    <div class="img-cover "><img src="https://www.olens.com.tw/files/20260424104928220.png" alt="Rain 1Day" data-cover="https://www.olens.com.tw/files/20260521115339832.jpg"></div>
707                                                            </div>
708                            <div class="tags-wrap">
709                                                                <div class="tag">日拋</div>
710                                                            </div>
711                        </div>
712                    </div>
713                </div>
714            </div>
715        </div>
716        <!-- 新進商品 end -->
717        
718        <!-- 銷售排行榜 start -->
719        <div class="section">
720            <div class="section-share rank-section">
721                <div class="rank-section-wrap">
722                    <div class="section-head animation__el fadeIn">
723                        <h2 class="heading-2">熱銷排行</h2>
724                        <div class="heading-1 en">Best Seller</div>
725                        <a href="https://www.olens.com.tw/product-list" class="more en-txt btn-hvr-right">SEE MORE <div><img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="SEE MORE"></div></a>
726                    </div>
727                    <div class="section-product animation__el fadeIn">
728                                                <div class="each-product-wrap">
729                            <h3 class="product-title">
730                                <span class="zh-title">日拋系列</span>
731                                <span class="en-title">1 Day Series</span>
732                            </h3>
733                            <div class="product-wrap d-none d-lg-flex">
734                                <!-- each item -->
735                                                                    <div class="product-item" data-tag="product-item">
736                                        <a href="https://www.olens.com.tw/Moodnight1DayMoodBrown">
737                                            <!-- 建議尺寸 286 * 286 -->
738                                             <div class="img">
739                                                 <div class="img-wrap">
740                                                    <img src="https://www.olens.com.tw/files/20260114104131253.jpg" alt="Moodnight 1Day Mood Brown">
741                                                </div>
742                                             </div>
743                                            <h2 class="en en-txt">Moodnight 1Day Mood Brown</h2>
744                                            <div class="tags-wrap">
745                                                                                                <span class="tag" data-tag="tag-id">自然款</span>
746                                                                                            </div>
747                                        </a>
748                                    </div>
749                                                                    <div class="product-item" data-tag="product-item">
750                                        <a href="https://www.olens.com.tw/Rain1DayBlack">
751                                            <!-- 建議尺寸 286 * 286 -->
752                                             <div class="img">
753                                                 <div class="img-wrap">
754                                                    <img src="https://www.olens.com.tw/files/20260320114822654.jpg" alt="Rain 1Day Black">
755                                                </div>
756                                             </div>
757                                            <h2 class="en en-txt">Rain 1Day Black</h2>
758                                            <div class="tags-wrap">
759                                                                                                <span class="tag" data-tag="tag-id">New Arrival</span>
760                                                                                                <span class="tag" data-tag="tag-id">MEOVV</span>
761                                                                                                <span class="tag" data-tag="tag-id">GAWON PICK</span>
762                                                                                            </div>
763                                        </a>
764                                    </div>
765                                                                    <div class="product-item" data-tag="product-item">
766                                        <a href="https://www.olens.com.tw/ViviRing1DayBrown">
767                                            <!-- 建議尺寸 286 * 286 -->
768                                             <div class="img">
769                                                 <div class="img-wrap">
770                                                    <img src="https://www.olens.com.tw/files/20260114105841112.png" alt="ViVi Ring 1Day Brown">
771                                                </div>
772                                             </div>
773                                            <h2 class="en en-txt">ViVi Ring 1Day Brown</h2>
774                                            <div class="tags-wrap">
775                                                                                                <span class="tag" data-tag="tag-id">自然款</span>
776                                                                                            </div>
777                                        </a>
778                                    </div>
779                                                            </div>
780                            <div class="swiper dailySwiper d-lg-none">
781                                <div class="swiper-wrapper">
782                                                                        <div class="swiper-slide">
783                                        <div class="product-item" data-tag="product-item">
784                                            <a href="https://www.olens.com.tw/Moodnight1DayMoodBrown">
785                                                <!-- 建議尺寸 286 * 286 -->
786                                                <div class="img">
787                                                    <div class="img-wrap">
788                                                        <img src="https://www.olens.com.tw/files/20260114104131253.jpg" alt="Moodnight 1Day Mood Brown">
789                                                    </div>
790                                                </div>
791                                                <h2 class="en en-txt">Moodnight 1Day Mood Brown</h2>
792                                                <div class="tags-wrap">
793                                                                                                          <sp
793an class="tag" data-tag="tag-id">自然款</span>
794                                                                                                    </div>
795                                            </a>
796                                        </div>
797                                    </div>
798                                                                        <div class="swiper-slide">
799                                        <div class="product-item" data-tag="product-item">
800                                            <a href="https://www.olens.com.tw/Rain1DayBlack">
801                                                <!-- 建議尺寸 286 * 286 -->
802                                                <div class="img">
803                                                    <div class="img-wrap">
804                                                        <img src="https://www.olens.com.tw/files/20260320114822654.jpg" alt="Rain 1Day Black">
805                                                    </div>
806                                                </div>
807                                                <h2 class="en en-txt">Rain 1Day Black</h2>
808                                                <div class="tags-wrap">
809                                                                                                          <span class="tag" data-tag="tag-id">New Arrival</span>
810                                                                                                          <span class="tag" data-tag="tag-id">MEOVV</span>
811                                                                                                          <span class="tag" data-tag="tag-id">GAWON PICK</span>
812                                                                                                    </div>
813                                            </a>
814                                        </div>
815                                    </div>
816                                                                        <div class="swiper-slide">
817                                        <div class="product-item" data-tag="product-item">
818                                            <a href="https://www.olens.com.tw/ViviRing1DayBrown">
819                                                <!-- 建議尺寸 286 * 286 -->
820                                                <div class="img">
821                                                    <div class="img-wrap">
822                                                        <img src="https://www.olens.com.tw/files/20260114105841112.png" alt="ViVi Ring 1Day Brown">
823                                                    </div>
824                                                </div>
825                                                <h2 class="en en-txt">ViVi Ring 1Day Brown</h2>
826                                                <div class="tags-wrap">
827                                                                                                          <span class="tag" data-tag="tag-id">自然款</span>
828                                                                                                    </div>
829                                            </a>
830                                        </div>
831                                    </div>
832                                                                    </div>
833                            </div>
834                            <div class="daily-swiper-pagination"></div>
835                        </div>
836                                                <div class="each-product-wrap">
837                            <h3 class="product-title">
838                                <span class="zh-title">月拋系列</span>
839                                <span class="en-title">1 Month Series</span>
840                            </h3>
841                            <div class="product-wrap d-none d-lg-flex">
842                                <!-- each item -->
843                                                                    <div class="product-item" data-tag="product-item">
844                                        <a href="https://www.olens.com.tw/1monthDoubleTintGray">
845                                            <!-- 建議尺寸 286 * 286 -->
846                                            <div class="img">
847                                                <div class="img-wrap">
848                                                    <img src="https://www.olens.com.tw/files/20250429162113499.jpg" alt="Double Tint Gray">
849                                                </div>
850                                            </div>
851                                            <h2 class="en en-txt">Double Tint Gray</h2>
852                                            <div class="tags-wrap">
853                                                                                                    <sp
853an class="tag" data-tag="tag-id">自然款</span>
854                                                                                            </div>
855                                        </a>
856                                    </div>
857                                                                    <div class="product-item" data-tag="product-item">
858                                        <a href="https://www.olens.com.tw/1monthSecretTintBrown">
859                                            <!-- 建議尺寸 286 * 286 -->
860                                            <div class="img">
861                                                <div class="img-wrap">
862                                                    <img src="https://www.olens.com.tw/files/20250912145718416.jpg" alt="Secret Tint Brown">
863                                                </div>
864                                            </div>
865                                            <h2 class="en en-txt">Secret Tint Brown</h2>
866                                            <div class="tags-wrap">
867                                                                                                    <span class="tag" data-tag="tag-id">大直徑</span>
868                                                                                            </div>
869                                        </a>
870                                    </div>
871                                                                    <div class="product-item" data-tag="product-item">
872                                        <a href="https://www.olens.com.tw/1monthEyelighterGlowyBrown">
873                                            <!-- 建議尺寸 286 * 286 -->
874                                            <div class="img">
875                                                <div class="img-wrap">
876                                                    <img src="https://www.olens.com.tw/files/20260114131246371.jpg" alt="Eyelighter Glowy Brown">
877                                                </div>
878                                            </div>
879                                            <h2 class="en en-txt">Eyelighter Glowy Brown</h2>
880                                            <div class="tags-wrap">
881                                                                                                    <span class="tag" data-tag="tag-id">MEOVV</span>
882                                                                                                    <span class="tag" data-tag="tag-id">ANNA PICK</span>
883                                                                                                    <span class="tag" data-tag="tag-id">自然款</span>
884                                                                                            </div>
885                                        </a>
886                                    </div>
887                                                                </div>
888                                <div class="swiper monthlySwiper d-lg-none">
889                                  <div class="swiper-wrapper">
890                                                                        <div class="swiper-slide">
891                                      <div class="product-item" data-tag="product-item">
892                                        <a href="https://www.olens.com.tw/1monthDoubleTintGray">
893                                          <!-- 建議尺寸 286 * 286 -->
894                                          <div class="img">
895                                            <div class="img-wrap">
896                                              <img src="https://www.olens.com.tw/files/20250429162113499.jpg" alt="Double Tint Gray">
897                                            </div>
898                                          </div>
899                                          <h2 class="en en-txt">Double Tint Gray</h2>
900                                          <div class="tags-wrap">
901                                                                                        <span class="tag" data-tag="tag-id">自然款</span>
902                                                                                      </div>
903                                        </a>
904                                      </div>
905                                    </div>
906                                                                        <div class="swiper-slide">
907                                      <div class="product-item" data-tag="product-item">
908                                        <a href="https://www.olens.com.tw/1monthSecretTintBrown">
909                                          <!-- 建議尺寸 286 * 286 -->
910                                          <div class="img">
911                                            <div class="img-wrap">
912                                              <img src="https://www.olens.com.tw/files/20250912145718416.jpg" alt="Secret Tint Brown">
913                                            </div>
914                                          </div>
915                                          <h2 class="en en-txt">Secret Tint Brown</h2>
916                                          <div class="tags-wrap">
917                                                                                        <sp
917an class="tag" data-tag="tag-id">大直徑</span>
918                                                                                      </div>
919                                        </a>
920                                      </div>
921                                    </div>
922                                                                        <div class="swiper-slide">
923                                      <div class="product-item" data-tag="product-item">
924                                        <a href="https://www.olens.com.tw/1monthEyelighterGlowyBrown">
925                                          <!-- 建議尺寸 286 * 286 -->
926                                          <div class="img">
927                                            <div class="img-wrap">
928                                              <img src="https://www.olens.com.tw/files/20260114131246371.jpg" alt="Eyelighter Glowy Brown">
929                                            </div>
930                                          </div>
931                                          <h2 class="en en-txt">Eyelighter Glowy Brown</h2>
932                                          <div class="tags-wrap">
933                                                                                        <span class="tag" data-tag="tag-id">MEOVV</span>
934                                                                                        <span class="tag" data-tag="tag-id">ANNA PICK</span>
935                                                                                        <span class="tag" data-tag="tag-id">自然款</span>
936                                                                                      </div>
937                                        </a>
938                                      </div>
939                                    </div>
940                                                                      </div>
941                                </div>
942                                <div class="monthly-swiper-pagination"></div>
943                            </div>
944                        </div>
945                    </div>
946                </div>
947            </div>
948        <!-- 銷售排行榜 end -->
949
950                <!-- 社群追蹤 start -->
951        <div class="section">
952            <div class="section-share follow">
953                <div class="section-head animation__el fadeIn">
954                    <h2 class="heading-2">社群追蹤</h2>
955                    <div class="heading-1 en">FOLLOW US</div>
956                    <span class="account en-txt">@olenstw_official</span>
957                </div>
958                <div class="swiper follow-swiper animation__el fadeIn">
959                    <div class="swiper-wrapper">
960                        <!-- 建議尺寸 285 * 285 -->
961                                                <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DLjRAIXv6Jk/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250702183718820.jpg" alt="FOLLOW US"></a></div>
962                                                <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DUFrsG7AP3e/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20260211134102453.jpg" alt="FOLLOW US"></a></div>
963                                                <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DJayullzKGv/" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250702183108295.jpg" alt="FOLLOW US"></a></div>
964                                                <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DUXtRe7j4_U/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20260211133838203.jpg" alt="FOLLOW US"></a></div>
965                                                <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DLOqdgoRBWv/" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250702183438597.png" alt="FOLLOW US"></a></div>
966                                                <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DNSTkkNClx7/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250825142240879.jpg" alt="FOLLOW US"></a></div>
967                                            </div>
968                </div>
969            </div>
970        </div>
971        <!-- 社群追蹤 end -->
972                
973        <div class="section">
974            <!-- 銷售據點 start -->
975            <div class="section-share locations">
976                <!-- desktop 背景圖 建議尺寸 1920 * 406 -->
977                <div style="background-image:url('https://www.olens.com.tw/files/20230517175546616.jpg')" class="bg desktop"></div>
978                <!-- mobile 背景圖 建議尺寸 375 * 573 -->
979                <div style="background-image:url('https://www.olens.com.tw/files/20230308171655376.png')" class="bg mobile"></div>
980                <div class="content animation__el fadeIn">
981                    <h2 class="heading-2">銷售據點</h2>
982                    <div class="heading-1 en">WHERE TO BUY?</div>
983                    <p>全台百貨專櫃據點</p>
984                    <a href="https://www.olens.com.tw/location" class="more en-txt btn-hvr-right">SEE MORE <div><img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="SEE MORE"></div></a>
985                </div>
986            </div>
987            <!-- 銷售據點 end -->
988            <footer>
989    <div>
990        <div class="logo-imgbox">
991            <a href="https://www.olens.com.tw/"><img src="https://www.olens.com.tw/assets/front/images/logo.png" alt=""></a>
992        </div>
993        <div class="footer-list">
994            <div class="social-wrap">
995                <div><a href="https://www.instagram.com/olenstw_official/"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-ig.svg" alt=""></a></div>
996                <div><a href="https://lin.ee/qGy7rLO"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-line.svg" alt=""></a></div>
997            </div>
998            <ul>
999	<li>2016年與韓國OLENS簽約取得台灣總代理權,2018年取得台灣衛生福利部醫療器材許可證字號。</li>
1000	<li>致力於提供安全可靠的各種產品,健康地守護您的眼睛。</li>
1001	<li>產品使用後,請投入垃圾桶,切勿丟棄於馬桶或水槽,以免致成環境問題。</li>
1002	<li>歐朗睛彩色軟性隱形眼鏡,衛部醫器輸字第031880號。</li>
1003	<li>歐朗睛彩色日拋軟性隱形眼鏡,衛部醫器輸字第033962號。</li>
1004</ul>            <!-- <ul>
1005                <li>2016年與韓國OLENS簽約取得台灣總代理權,2018年取得台灣衛生福利部醫療器材許可證字號</li>
1006                <li>致力於提供安全可靠的各種產品 健康地守護您的眼睛</li>
1007                <li>產品使用後,請投入垃圾桶,切勿丟棄於馬桶或水槽,以免致環境問題。</li>
1008                <li>歐朗睛彩色軟性隱形眼鏡 衛部醫器輸字第031880號</li>
1009            </ul> -->
1010        </div>
1011        <div>
1012            <div class="links-wrap">
1013                <a href="https://www.olens.com.tw/cooperation" class="links">COOPERATION</a>
1014                <a href="https://www.olens.com.tw/clearace" class="links">CLEARACE</a>
1015            </div>
1016            <p class="copyright">&copy; Copyright 2022. All Rights Reserved.</p>
1017        </div>
1018    </div>
1019</footer>        </div>
1020    </div>
1021    <div class="chat">
1022        <div class="img-cover outer"><img src="https://www.olens.com.tw/assets/front/images/index/chat-outer.png" alt=""></div>
1023        <div class="img-cover inner"><img src="https://www.olens.com.tw/assets/front/images/index/chat-inner.png" alt=""></div>
1024        <div class="chat-outer">
1025            <!-- <div class="chat-box"> -->
1026            <!--     <div> -->
1027            <!--         <p> -->
1028            <!--             Hello, 感謝您造訪OLENS官網 -->
1029            <!--             <br> -->
1030            <!--             您想了解更多資訊以及百貨專櫃客服嗎? -->
1031            <!--         </p> -->
1032            <!--         <a href="https://lin.ee/qGy7rLO" target="_blank" rel="noopener noreferrer">點我<br>了解更多</a> -->
1033            <!--     </div> -->
1034            <!-- </div> -->
1035            <!-- new chat box -->
1036            <div class="new-chat-box">
1037                <div class="chat-wrap">
1038                    <div class="chat-card">
1039                        <div class="card-head">
1040                            <div class="logo-wrap">
1041                                <div class="logo-img">
1042                                    <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt="">
1043                                </div>
1044                                <div class="logo-text">OLENS</div>
1045                            </div>
1046                            <button type="button" class="chat-close">
1047                                <img src="https://www.olens.com.tw/assets/front/images/icon/chat-close.svg" alt="">
1048                            </button>
1049                        </div>
1050                        <div class="card-body">
1051                            <div class="olens-msg">
1052                                <div class="msg-img">
1053                                    <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt="">
1054                                </div>
1055                                <div class="msg-text-wrap">
1056                                    <div class="main-msg">您好!有什麼可以為您服務的嗎?或可點擊下方服務</div>
1057                                    <div class="chat-slider">
1058                                        <div class="chat-slider-wrapper">
1059                                            <div class="chat-slide">
1060                                                <div class="slide-msg">以下為相關問題,請選擇</div>
1061                                                <ul class="msg-list">
1062                                                    <li class="msg-item">
1063                                                        <button class="msg-option" data-option="如何購買">
1064                                                            <div class="option-text">如何購買</div>
1065                                                            <div class="option-icon">
1066                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1067                                                            </div>
1068                                                        </button>
1069                                                    </li>
1070                                                    <li class="msg-item">
1071                                                        <button class="msg-option" data-option="日拋全系列">
1072                                                            <div class="option-text">日拋全系列</div>
1073                                                            <div class="option-icon">
1074                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1075                                                            </div>
1076                                                        </button>
1077                                                    </li>
1078                                                    <li class="msg-item">
1079                                                        <button class="msg-option" data-option="月拋全系列">
1080                                                            <div class="option-text">月拋全系列</div>
1081                                                            <div class="option-icon">
1082                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1083                                                            </div>
1084                                                        </button>
1085                                                    </li>
1086                                                </ul>
1087                                            </div>
1088                                            <div class="chat-slide">
1089                                                <div class="slide-msg">以下為相關問題,請選擇</div>
1090                                                <ul class="msg-list">
1091                                                    <li class="msg-item">
1092                                                        <button class="msg-option" data-option="會員專區">
1093                                                            <div class="option-text">會員專區</div>
1094                                                            <div class="option-icon">
1095                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1096                                                            </div>
1097                                                        </button>
1098                                                    </li>
1099                                                    <li class="msg-item">
1100                                                        <button class="msg-option" data-option="常見問題">
1101                                                            <div class="option-text">常見問題</div>
1102                                                            <div class="option-icon">
1103                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1104                                                            </div>
1105                                                        </button>
1106                                                    </li>
1107                                                    <li class="msg-item">
1108                                                        <button class="msg-option" data-option="專人1對1線上客服">
1109                                                            <div class="option-text">專人1對1線上客服</div>
1110                                                            <div class="option-icon">
1111                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1112                                                            </div>
1113                                                        </button>
1114                                                    </li>
1115                                                </ul>
1116                                            </div>
1117                                        </div>
1118                                    </div>
1119                                </div>
1120                            </div>
1121                            <!-- 使用者 start -->
1122                                                        <!-- 使用者 end -->
1123                            <!-- 系統回覆 start -->
1124                                                         <!-- 系統回覆 end -->
1125                        </div>
1126                        <!-- <div class="card-footer"> -->
1127                        <!--     <div class="input-wrap"> -->
1128                        <!--         <input type="text" placeholder="請輸入訊息..."> -->
1129                        <!--         <button type="button" class="chat-send-button"> -->
1130                        <!--             <img src="https://www.olens.com.tw/assets/front/images/icon/chat-arrow.svg" alt=""> -->
1131                        <!--         </button> -->
1132                        <!--     </div> -->
1133                        <!-- </div> -->
1134                        <div class="card-footer-button">
1135                          <button type="button" class="open-menu-btn">
1136                            <span class="btn-text">顯示選單</span>
1137                          </button>
1138                        </div>
1139                    </div>
1140                </div>
1141            </div>
1142        </div>
1143    </div>
1144
1145        <!-- <div class="news">
1146        <a href="#!" class="close">
1147            <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
1148                <path d="M18.68 1L12.56 7.12" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/>
1149                <path d="M0.999995 1L7.12 7.12" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/>
1150                <path d="M18.68 18L12.56 11.88" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/>
1151                <path d="M0.999995 18L7.12 11.88" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/>
1152            </svg>
1153        </a>
1154        <div class="tag">NEWS</div>
1155        <p class="date">2026.09.21</p>
1156        <a href="https://www.olens.com.tw/news-content/41d59128d6E7" class="links">2026 週年慶限時加碼活動 · PINK PARTY TIME <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="2026 週年慶限時加碼活動 · PINK PARTY TIME"></a>
1157    </div> -->
1158        
1159    
1160    <!-- include script -->
1161    <!--[if lt IE 10]>
1162<script>
1163    var r = confirm("您使用的瀏覽器版本過舊,以至於部分的網站功能無法正常運作,請問是否要下載新版瀏覽器?");
1164    if (r == true) {
1165        location.href="https://www.google.com.tw/chrome/"
1166    }
1167</script>
1167
1168<![endif]-->
1169
1170<!-- 引入script -->
1171<script src="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery-3.5.1.min.js"></script>
1171<!--jQuery v3.5.1-->
1172<!--
1172<script src="js/plugins/jquery/jquery-migrate-3.3.1.js"></script>
1172--><!--jQuery migrate v3.3.1 開發用(確認jquery升級沒問題後即可刪除)-->
1173<script src="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery-ui/jquery-ui.min.js"></script>
1173<!--jQuery UI - v1.9.0-->
1174<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
1174<!-- bootstrap 5 -->
1175<!-- 
1175<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
1175swiper 8 -->
1176<script src="https://www.olens.com.tw/assets/front/js/plugins/swiper/swiper-bundle.min.js"></script>
1176<!-- selectric js -->
1177<script src="https://www.olens.com.tw/assets/front/js/plugins/selectric/jquery.selectric.min.js"></script>
1177<!-- selectric js -->
1178<script src="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery.validate.min.js"></script>
1178<!-- validate js -->
1179<script src="https://www.olens.com.tw/assets/front/js/main.js?v=1791357764"></script>
1179<!--main.js -->
1180
1181<script>
1182    $('[data-tag="searchData"]').submit(function(e){
1183        e.preventDefault()
1184        const s = $(this).find('input').val();
1185        window.location = 'https://www.olens.com.tw/search?filter=' + s.trim();
1186    })
1187
1188    // $('.chat').hover(function(){
1189    //     $('.chat-outer').fadeIn(200);
1190    // },function(){
1191    //     $('.chat-outer').fadeOut(200);
1192    // });
1193    
1194
1195    setTimeout(() => {
1196        $('.chat').addClass('show');
1197    }, 4500);
1198
1199    // Chat functionality
1200    $('.chat').on('click', function(e) {
1201        e.stopPropagation();
1202        if ($('.chat-outer').is(':visible')) {
1203            $('.chat-outer').fadeOut(200);
1204        } else {
1205            $('.chat-outer').fadeIn(200, function() {
1206                // Trigger slider width update after chat is fully shown
1207                $(window).trigger('resize');
1208            });
1209        }
1210    });
1211
1212    $('.chat-close').on('click', function(e) {
1213        e.stopPropagation();
1214        $('.chat-outer').fadeOut(200);
1215    });
1216
1217    $('.chat-outer').on('click', function(e) {
1218        if (e.target === this) {
1219            $(this).fadeOut(200);
1220        }
1221    });
1222
1223    // Prevent event bubbling from chat content
1224    $('.chat-outer .chat-wrap').on('click', function(e) {
1225        e.stopPropagation();
1226    });
1227
1228    // header MEOVV
1229    $('body').on('click', '[data-link="MEOVV"], [data-link="NEWJEANS"]', function(e) {
1230        if (window.innerWidth > 1200) {
1231            e.preventDefault();
1232            if (window.location.pathname === '/' || window.location.pathname === '/2022-olens/' || window.location.pathname === '/index.php') {
1233                // 如果已經在首頁,則直接滾動
1234                fullpage_api.moveTo(2);
1235            } else {
1236                // 如果不在首頁,則導向首頁並附加參數
1237                window.location.href = 'https://www.olens.com.tw/?section=2';
1238            }
1239        }
1240    });
1241</script>
1241
1242    
1242<script type="text/javascript" src="https://www.olens.com.tw/assets/front/js/plugins/fullpage/fullpage.js"></script>
1242
1243    
1243<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
1243
1244    
1244<script type="text/javascript">
1245        $(document).ready(function() {
1246
1247            
1248
1249            let w = $(window).width();
1250            if( w > 1200 ) {
1251                $('#fullpage').fullpage({
1252                    scrollingSpeed: 1000,
1253                    onLeave: function(origin, destination, direction, trigger) {
1254                        if (origin.index === 0 && direction === 'down') {
1255                            $('.chat').removeClass('show')
1256                            $('.chat').addClass('no-show')
1257                        } else if (origin.index === 1) {
1258                            $('.chat').addClass('show')
1259                            $('.chat').removeClass('no-show')
1260                        } else if (origin.index === 2 && direction === 'up') {
1261                            $('.chat').removeClass('show')
1262                            $('.chat').addClass('no-show')
1263                        }
1264                    },
1265                });
1266
1267                var urlParams = new URLSearchParams(window.location.search);
1268                if (urlParams.has('section')) {
1269                    var section = urlParams.get('section');
1270                    if (section === '2') {
1271                        fullpage_api.moveTo(2);
1272                    }
1273                }
1274
1275                // $('header [data-link="NEWJEANS"]').on('click', (e) => {
1276                //     e.preventDefault()
1277                //     fullpage_api.moveTo(2);
1278                // })
1279
1280                var scene = document.getElementById('scene');
1281                var parallaxInstance = new Parallax(scene);
1282            } else if (w <= 1200) {
1283                window.addEventListener('scroll', (e) => {
1284                    const idolSection = $('.meovv-section').length ? $('.meovv-section') : $('.newjeans-section');
1285                    if (!idolSection.length) {
1286                        return;
1287                    }
1288
1289                    if (window.scrollY + $('header').height() >= idolSection.offset().top && window.scrollY + $('header').height() <= idolSection.offset().top + idolSection.height()) {
1290                        $('.chat').removeClass('show')
1291                        $('.chat').addClass('no-show')
1292                    } else if (window.scrollY + $('header').height() < idolSection.offset().top || window.scrollY + $('header').height() > idolSection.offset().top + idolSection.height()) {
1293                        $('.chat').addClass('show')
1294                        $('.chat').removeClass('no-show')
1295                    }
1296                })
1297            }
1298            if(w <= 991) {
1299                $('.meovv-products').removeClass('not-show')
1300            }
1301
1302            $('.img-s-wrap .img-cover').on('click', function(){
1303                let thisImgSrc = $(this).find('img').attr('src'), thisCoverSrc = $(this).find('img').data('cover');
1304
1305                $('.img-s-wrap .img-cover').removeClass('active');
1306                $(this).addClass('active');
1307                $('.img-main').find('img').attr('src',thisImgSrc);
1308
1309                // 還需要更換搭配該產品的 img-demo 裡面的 img src
1310                $('.img-demo').removeClass('active');
1311                setTimeout(() => {
1312                    $('.img-demo').addClass('active').find('img').attr('src',thisCoverSrc);
1313                }, 100);
1314            });
1315
1316            var meovvSwiper = new Swiper(".meovv-member-swiper", {
1317                slidesPerView: 1,
1318                spaceBetween: 0,
1319                navigation: {
1320                    nextEl: ".meovv-swiper-button-next",
1321                    prevEl: ".meovv-swiper-button-prev",
1322                },
1323                on: {
1324                    init: function () {
1325                        productAid = ``
1326                        if(w < 992) {
1327                            let index = this.activeIndex
1328                            let activeProduct = $('.swiper-slide-active .pick-button')[index]
1329                            productAid = $(activeProduct).data('product-aid')
1330                            updateMemberPick()
1331                        }
1332                    },
1333                    slideChange: function() {
1334                        $('.meovv-pick-swiper').addClass('opa-0')
1335                        productAid = ``
1336                        // setTimeout(() => {
1337                        //     $('.meovv-pick-swiper').removeClass('opa-0')
1338                        // }, 400);
1339                        meovvPickSwiper.slideTo(0)
1340                        
1341                        let index = this.activeIndex
1342                        let nowProduct = $('.meovv-member-swiper .swiper-slide .pick-button')[index]
1343                        productAid = $(nowProduct).data('product-aid')
1344
1345                        setTimeout(() => {
1346                            updateMemberPick()
1347                        }, 200);
1348                    }
1349                }
1350            });
1351
1352            var meovvPickSwiper = new Swiper(".meovv-pick-swiper", {
1353                slidesPerView: 1.7,
1354                spaceBetween: 20,
1355                navigation: {
1356                    nextEl: ".meovv-product-swiper-button-next",
1357                    prevEl: ".meovv-product-swiper-button-prev",
1358                },
1359                breakpoints: {
1360                    1200: {
1361                        slidesPerView: 3,
1362                        spaceBetween: 40,
1363                    },
1364                    768: {
1365                        slidesPerView: 2,
1366                        spaceBetween: 20,
1367                    }
1368                }
1369            });
1370            
1371            var followSwiper = new Swiper ('.follow-swiper', {
1372                spaceBetween: 42,
1373                loop: true,
1374                breakpoints: {
1375                    1200: {
1376                        slidesPerView: 6,
1377                        spaceBetween: 30,
1378                    },
1379                    576: {
1380                        slidesPerView: 3,
1381                        spaceBetween: 30,
1382                    },
1383                    320: {
1384                        slidesPerView: 2.2,
1385                        spaceBetween: 11,
1386                    },
1387                },
1388            });
1389
1390            const bestSellerModal = document.getElementById('bestSellerModal');
1391            let flag = false;
1392            var modalSwiper;
1393
1394            modalSwiper = new Swiper ('.modal-swiper', {
1395                spaceBetween: 0,
1396                navigation: {
1397                    nextEl: '.modal-next',
1398                    prevEl: '.modal-prev',
1399                },
1400            });
1401
1402            // flag = true;
1403            // bestSellerModal.addEventListener('shown.bs.modal', event => {
1404            //     if(flag == false)
1405            //     {
1406            //         modalSwiper = new Swiper ('.modal-swiper', {
1407            //             spaceBetween: 0,
1408            //             navigation: {
1409            //                 nextEl: '.modal-next',
1410            //                 prevEl: '.modal-prev',
1411            //             },
1412            //         });
1413            //         flag = true;
1414            //     }
1415            // });
1416
1417            $('.rank a').on('click', function(){
1418                let idx = parseInt($(this).attr('index'));
1419                modalSwiper.slideTo(idx, 1000, false);
1420            });
1421
1422
1423            // Ken start
1424            $('body').on('click', '.pick-button', function(e) {
1425                $('.meovv-pick-swiper').addClass('opa-0')
1426                productAid = ``
1427                $('.each-member').removeClass('highlight not-highlight')
1428                $('.each-member').addClass('not-highlight')
1429                $(this).parents('.each-member').removeClass('not-highlight')
1430                $(this).parents('.each-member').addClass('highlight')
1431
1432                // setTimeout(() => {
1433                //     $('.meovv-pick-swiper').removeClass('opa-0')
1434                // }, 400);
1435                
1436                productAid = $(this).data('product-aid')
1437
1438                setTimeout(() => {
1439                    updateMemberPick()
1440                }, 200);
1441            })
1442
1443            // 共用更新 swiper
1444            function refreshSwiper() {
1445                // 更新 swiper
1446                meovvPickSwiper.update()
1447                meovvPickSwiper.slideTo(0)
1448
1449                let slide = $(".meovv-pick-swiper .swiper-wrapper .swiper-slide")
1450                // console.log($(firstSlide[0]).css("margin-right"));
1451
1452                // 內容小於三個調樣式
1453                if (window.innerWidth >= 1200) {
1454                    $(".meovv-pick-swiper").removeClass("only-one")
1455                    if (slide.length < 3 && slide.length != 1) {
1456                        $(".meovv-pick-swiper .swiper-wrapper").addClass('center')
1457                        $(".meovv-pick-swiper").removeClass("only-one")
1458                    } else if (slide.length == 1) {
1459                        $(".meovv-pick-swiper .swiper-wrapper").addClass('center')
1460                        $(".meovv-pick-swiper").addClass("only-one")
1461                    } else {
1462                        $(".meovv-pick-swiper .swiper-wrapper").removeClass('center')
1463                        $(".meovv-pick-swiper").removeClass("only-one")
1464                    }
1465                } else if (window.innerWidth < 1200) {
1466                    $(".meovv-pick-swiper").removeClass("only-one")
1467                    if (slide.length < 2) {
1468                        $(".meovv-pick-swiper .swiper-wrapper").addClass('center')
1469                        $(".meovv-pick-swiper").addClass("only-one")
1470                    } else {
1471                        $(".meovv-pick-swiper .swiper-wrapper").removeClass('center')
1472                        $(".meovv-pick-swiper").removeClass("only-one")
1473                    }
1474                }
1475
1476                $('.meovv-products').removeClass('not-show')
1477            }
1478
1479
1480            // 更新產品內容
1481            function updateMemberPick() {
1482                let template, tag, formdata = {
1483                    'ba176b9e4b8660cb2c4c4c196601becb': '82bbf39b59cd45315e40dbb1254647d28a67b1c661cb37048aeae77b896f22ee1bc5aab32ff4ceedc4a90ddb4e6fd26c441c0769eee51b42bf2b8af7da07fc0ed75545cc79cfebce4aa737cf7e052692',
1484                };
1485                formdata['productAid'] = productAid;
1486
1487                // console.log(productAid)
1488                if(productAid.length == 0){
1489                    $('.meovv-products').addClass('not-show')
1490                    // refreshSwiper()
1491                    return false
1492                }
1493
1494                $.ajax({
1495                    url: 'https://www.olens.com.tw/MEOVV/api',
1496                    type: 'POST',
1497                    dataType: 'json',
1498                    data: formdata,
1499                }).done(function (data) {
1500                    if (data.status == 'success') {
1501                        $('.meovv-pick-swiper .swiper-wrapper').empty()
1502                        $('.product-card .product-tag-wrap').empty()
1503                        data.data.forEach((e) => {
1504                                tag = ``;
1505                                template =``;
1506
1507                                e.tags.forEach((t) => {
1508                                    tagTemplate = `<span class="product-tag">` + t + `</span>`;
1509                                    tag += tagTemplate
1510                                })
1511
1512                                template = `
1513                                                <div class="swiper-slide">
1514                                                    <a href="https://www.olens.com.tw/product-content/` + e.gid + `" class="product-card">
1515                                                        <div class="product-img">
1516                                                            <div class="img-wrap">
1517                                                                <img src="https://www.olens.com.tw/` + e.homepage + `" alt="">
1518                                                            </div>
1519                                                        </div>
1520                                                        <h3 class="product-title">` + e.title + `</h3>
1521                                                        <div class="product-tag-wrap">` + tag + `</div>
1522                                                    </a>
1523                                                </div>
1524                                            `;
1525                                // 圖片建議 330 x 108 px
1526                                $('.meovv-pick-swiper .swiper-wrapper').append(template)
1527
1528                                refreshSwiper()
1529                            }
1530                        )
1531                        $('.meovv-pick-swiper').removeClass('opa-0')
1532                    } else {
1533                        alert(data && data.msg ? data.msg : '資料載入失敗,請稍後再試');
1534                    }
1535                }).fail(function () {
1536                    alert('資料載入失敗,請稍後再試');
1537                });
1538            }
1539
1540            // Custom Chat Slider
1541            function initChatSlider(targetSlider) {
1542                // If no specific slider is provided, initialize all uninitialized sliders
1543                const sliders = targetSlider ? targetSlider : $('.chat-slider:not(.initialized)');
1544                
1545                sliders.each(function() {
1546                    const slider = $(this);
1547                    const wrapper = slider.find('.chat-slider-wrapper');
1548                    const slides = slider.find('.chat-slide');
1549                    let currentSlide = 0;
1550                    let isDown = false;
1551                    let startX;
1552                    let scrollLeft;
1553                    let isDragging = false;
1554                    
1555                    // Mark as initialized to prevent duplicate initialization
1556                    slider.addClass('initialized');
1557
1558                    // Get slide width including margin
1559                    function getSlideWidth() {
1560                        if (slides.length === 0) return 0;
1561                        const slide = slides.first();
1562                        return slide.outerWidth(true); // includes margin
1563                    }
1564
1565                    // Get slide width without margin
1566                    function getSlideWidthNoMargin() {
1567                        if (slides.length === 0) return 0;
1568                        const slide = slides.first();
1569                        return slide.outerWidth(false); // excludes margin
1570                    }
1571
1572                    // Calculate max slide distance
1573                    function getMaxSlideDistance() {
1574                        const sliderWidth = slider.width();
1575                        const slideWidth = getSlideWidth();
1576                        const slideWidthNoMargin = getSlideWidthNoMargin();
1577                        
1578                        // Total width = (slides-1) * slideWidth + lastSlideWidth(no margin)
1579                        const totalWidth = (slides.length - 1) * slideWidth + slideWidthNoMargin;
1580                        return Math.max(0, totalWidth - sliderWidth);
1581                    }
1582
1583                    function getSlidePosition(slideIndex) {
1584                        if (slideIndex === 0) return 0;
1585                        const maxDistance = getMaxSlideDistance();
1586                        
1587                        // For the last slide, always use maxDistance to ensure it's fully visible
1588                        if (slideIndex >= slides.length - 1) {
1589                            return maxDistance;
1590                        }
1591                        
1592                        const slideWidth = getSlideWidth();
1593                        return Math.min(slideIndex * slideWidth, maxDistance);
1594                    }
1595
1596                    // Set up CSS for slider
1597                    slider.css({
1598                        'overflow': 'hidden',
1599                        'cursor': 'grab',
1600                        'user-select': 'none'
1601                    });
1602
1603                    // Set max-width for small screens
1604                    function updateSliderMaxWidth() {
1605                        if ($(window).width() <= 576) { // sm and below
1606                            const chatBoxWidth = $('.new-chat-box').width();
1607                            slider.css('max-width', chatBoxWidth + 'px');
1608                        } 
1609                    }
1610
1611                    // Initial setup and window resize handler
1612                    updateSliderMaxWidth();
1613                    $(window).on('resize', updateSliderMaxWidth);
1614                    
1615                    wrapper.css({
1616                        'display': 'flex',
1617                        'transition': 'transform 0.3s ease',
1618                        'transform': 'translateX(0px)'
1619                    });
1620                    
1621                    slides.css({
1622                        'flex-shrink': '0'
1623                    });
1624
1625                    // Mouse events for desktop - use unique namespace
1626                    const eventNamespace = 'chatSlider' + Math.random().toString(36).substr(2, 9);
1627                    
1628                    slider.on('mousedown.' + eventNamespace, function(e) {
1629                        if ($(window).width() > 768) {
1630                            isDown = true;
1631                            isDragging = false;
1632                            slider.css('cursor', 'grabbing');
1633                            startX = e.pageX - slider.offset().left;
1634                            scrollLeft = currentSlide;
1635                        }
1636                    });
1637
1638                    $(document).on('mouseleave.' + eventNamespace + ' mouseup.' + eventNamespace, function() {
1639                        if (isDown) {
1640                            isDown = false;
1641                            slider.css('cursor', 'grab');
1642                            
1643                            if (isDragging) {
1644                                // Snap to nearest slide
1645                                const slidePosition = getSlidePosition(currentSlide);
1646                                wrapper.css('transform', `translateX(-${slidePosition}px)`);
1647                            }
1648                        }
1649                    });
1650
1651                    slider.on('mousemove.' + eventNamespace, function(e) {
1652                        if (!isDown || $(window).width() <= 768) return;
1653                        e.preventDefault();
1654                        
1655                        const x = e.pageX - slider.offset().left;
1656                        const walk = (x - startX);
1657                        
1658                        if (Math.abs(walk) > 10) {
1659                            isDragging = true;
1660                        }
1661                        
1662                        if (isDragging) {
1663                            const currentPosition = getSlidePosition(scrollLeft);
1664                            const newTransform = -currentPosition + walk;
1665                            const maxDistance = getMaxSlideDistance();
1666                            
1667                            // Constrain within bounds
1668                            const constrainedTransform = Math.min(0, Math.max(-maxDistance, newTransform));
1669                            wrapper.css('transform', `translateX(${constrainedTransform}px)`);
1670                            
1671                            // Determine slide based on drag distance
1672                            if (walk > 50 && currentSlide > 0) {
1673                                currentSlide--;
1674                            } else if (walk < -50 && currentSlide < slides.length - 1) {
1675                                currentSlide++;
1676                            }
1677                        }
1678                    });
1679
1680                    // Touch events for mobile
1681                    slider.on('touchstart.' + eventNamespace, function(e) {
1682                        startX = e.originalEvent.touches[0].clientX;
1683                        scrollLeft = currentSlide;
1684                    });
1685
1686                    slider.on('touchmove.' + eventNamespace, function(e) {
1687                        if (!startX) return;
1688                        
1689                        const x = e.originalEvent.touches[0].clientX;
1690                        const walk = startX - x;
1691                        
1692                        if (Math.abs(walk) > 10) {
1693                            e.preventDefault();
1694                            const currentPosition = getSlidePosition(scrollLeft);
1695                            const newTransform = -currentPosition - walk;
1696                            const maxDistance = getMaxSlideDistance();
1697                            
1698                            // Constrain within bounds
1699                            const constrainedTransform = Math.min(0, Math.max(-maxDistance, newTransform));
1700                            wrapper.css('transform', `translateX(${constrainedTransform}px)`);
1701                        }
1702                    });
1703
1704                    slider.on('touchend.' + eventNamespace, function(e) {
1705                        if (!startX) return;
1706                        
1707                        const endX = e.originalEvent.changedTouches[0].clientX;
1708                        const walk = startX - endX;
1709                        
1710                        if (Math.abs(walk) > 50) {
1711                            if (walk > 0 && currentSlide < slides.length - 1) {
1712                                currentSlide++;
1713                            } else if (walk < 0 && currentSlide > 0) {
1714                                currentSlide--;
1715                            }
1716                        }
1717                        
1718                        const slidePosition = getSlidePosition(currentSlide);
1719                        wrapper.css('transform', `translateX(-${slidePosition}px)`);
1720                        startX = null;
1721                    });
1722
1723                    // Prevent click events when dragging
1724                    slider.on('click.' + eventNamespace, '.msg-option', function(e) {
1725                        if (isDragging) {
1726                            e.preventDefault();
1727                            e.stopPropagation();
1728                            isDragging = false;
1729                            return false;
1730                        }
1731                    });
1732                });
1733            }
1734
1735            // Initialize chat slider
1736            initChatSlider();
1737
1738            // chat box
1739            let userMsgText = ''
1740            let userMsgTime = ''
1741            const chatBox = $('.new-chat-box .card-body')
1742            
1743            // Function to handle chat message sending
1744            function sendChatMessage() {
1745                const inputField = $('.card-footer input[type="text"]');
1746                const inputValue = inputField.val().trim();
1747                
1748                if (inputValue) {
1749                    // Get current time
1750                    const now = new Date();
1751                    const currentTime = String(now.getHours()).padStart(2, '0') + ':' + String(now.getMinutes()).padStart(2, '0');
1752                    
1753                    // Clear input field
1754                    inputField.val('');
1755                    
1756                    // Create user message
1757                    const userMsg = `<div class="user-msg">
1758                                <div class="msg-text-wrap">
1759                                    <div class="main-msg">${inputValue}</div>
1760                                    <div class="time">${currentTime}</div>
1761                                </div>
1762                            </div>`;
1763                    
1764                    // Create system response with options
1765                    const olensWelcomeMsg = `<div class="olens-msg">
1766                                <div class="msg-img">
1767                                    <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt="">
1768                                </div>
1769                                <div class="msg-text-wrap">
1770                                    <div class="main-msg">您好!有什麼可以為您服務的嗎?或可點擊下方服務</div>
1771                                    <div class="chat-slider">
1772                                        <div class="chat-slider-wrapper">
1773                                            <div class="chat-slide">
1774                                                <div class="slide-msg">以下為相關問題,請選擇</div>
1775                                                <ul class="msg-list">
1776                                                    <li class="msg-item">
1777                                                        <button class="msg-option" data-option="如何購買">
1778                                                            <div class="option-text">如何購買</div>
1779                                                            <div class="option-icon">
1780                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1781                                                            </div>
1782                                                        </button>
1783                                                    </li>
1784                                                    <li class="msg-item">
1785                                                        <button class="msg-option" data-option="日拋全系列">
1786                                                            <div class="option-text">日拋全系列</div>
1787                                                            <div class="option-icon">
1788                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1789                                                            </div>
1790                                                        </button>
1791                                                    </li>
1792                                                    <li class="msg-item">
1793                                                        <button class="msg-option" data-option="月拋全系列">
1794                                                            <div class="option-text">月拋全系列</div>
1795                                                            <div class="option-icon">
1796                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1797                                                            </div>
1798                                                        </button>
1799                                                    </li>
1800                                                </ul>
1801                                            </div>
1802                                            <div class="chat-slide">
1803                                                <div class="slide-msg">以下為相關問題,請選擇</div>
1804                                                <ul class="msg-list">
1805                                                    <li class="msg-item">
1806                                                        <button class="msg-option" data-option="會員專區">
1807                                                            <div class="option-text">會員專區</div>
1808                                                            <div class="option-icon">
1809                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1810                                                            </div>
1811                                                        </button>
1812                                                    </li>
1813                                                    <li class="msg-item">
1814                                                        <button class="msg-option" data-option="常見問題">
1815                                                            <div class="option-text">常見問題</div>
1816                                                            <div class="option-icon">
1817                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1818                                                            </div>
1819                                                        </button>
1820                                                    </li>
1821                                                    <li class="msg-item">
1822                                                        <button class="msg-option" data-option="專人1對1線上客服">
1823                                                            <div class="option-text">專人1對1線上客服</div>
1824                                                            <div class="option-icon">
1825                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1826                                                            </div>
1827                                                        </button>
1828                                                    </li>
1829                                                </ul>
1830                                            </div>
1831                                        </div>
1832                                    </div>
1833                                </div>
1834                            </div>`;
1835                    
1836                    // Append user message first, then system response
1837                    chatBox.append(userMsg);
1838                    chatBox.append(olensWelcomeMsg);
1839                    chatBox.scrollTop(chatBox[0].scrollHeight);
1840                    bindClickEvent(chatBox.find('.olens-msg:last').find('.msg-option'));
1841                   
1842                    // Initialize chat slider for the newly added content only
1843                    const newSlider = chatBox.find('.chat-slider').last();
1844                    initChatSlider(newSlider);
1845                }
1846            }
1847
1848            // chat send button handler
1849            $('.chat-send-button').on('click', sendChatMessage);
1850            
1851            // Enter key handler for input field
1852            $('.card-footer input[type="text"]').on('keypress', function(e) {
1853                if (e.which === 13) { // Enter key
1854                    sendChatMessage();
1855                }
1856            });
1857
1858          function resendChatMenu() {
1859
1860            // Create system response with options
1861            const olensWelcomeMsg = `<div class="olens-msg">
1862                                <div class="msg-img">
1863                                    <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt="">
1864                                </div>
1865                                <div class="msg-text-wrap">
1866                                    <div class="main-msg">您好!有什麼可以為您服務的嗎?或可點擊下方服務</div>
1867                                    <div class="chat-slider">
1868                                        <div class="chat-slider-wrapper">
1869                                            <div class="chat-slide">
1870                                                <div class="slide-msg">以下為相關問題,請選擇</div>
1871                                                <ul class="msg-list">
1872                                                    <li class="msg-item">
1873                                                        <button class="msg-option" data-option="如何購買">
1874                                                            <div class="option-text">如何購買</div>
1875                                                            <div class="option-icon">
1876                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1877                                                            </div>
1878                                                        </button>
1879                                                    </li>
1880                                                    <li class="msg-item">
1881                                                        <button class="msg-option" data-option="日拋全系列">
1882                                                            <div class="option-text">日拋全系列</div>
1883                                                            <div class="option-icon">
1884                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1885                                                            </div>
1886                                                        </button>
1887                                                    </li>
1888                                                    <li class="msg-item">
1889                                                        <button class="msg-option" data-option="月拋全系列">
1890                                                            <div class="option-text">月拋全系列</div>
1891                                                            <div class="option-icon">
1892                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1893                                                            </div>
1894                                                        </button>
1895                                                    </li>
1896                                                </ul>
1897                                            </div>
1898                                            <div class="chat-slide">
1899                                                <div class="slide-msg">以下為相關問題,請選擇</div>
1900                                                <ul class="msg-list">
1901                                                    <li class="msg-item">
1902                                                        <button class="msg-option" data-option="會員專區">
1903                                                            <div class="option-text">會員專區</div>
1904                                                            <div class="option-icon">
1905                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1906                                                            </div>
1907                                                        </button>
1908                                                    </li>
1909                                                    <li class="msg-item">
1910                                                        <button class="msg-option" data-option="常見問題">
1911                                                            <div class="option-text">常見問題</div>
1912                                                            <div class="option-icon">
1913                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1914                                                            </div>
1915                                                        </button>
1916                                                    </li>
1917                                                    <li class="msg-item">
1918                                                        <button class="msg-option" data-option="專人1對1線上客服">
1919                                                            <div class="option-text">專人1對1線上客服</div>
1920                                                            <div class="option-icon">
1921                                                            <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt="">
1922                                                            </div>
1923                                                        </button>
1924                                                    </li>
1925                                                </ul>
1926                                            </div>
1927                                        </div>
1928                                    </div>
1929                                </div>
1930                            </div>`;
1931
1932            chatBox.append(olensWelcomeMsg);
1933            chatBox.scrollTop(chatBox[0].scrollHeight);
1934            bindClickEvent(chatBox.find('.olens-msg:last').find('.msg-option'));
1935
1936            // Initialize chat slider for the newly added content only
1937            const newSlider = chatBox.find('.chat-slider').last();
1938            initChatSlider(newSlider);
1939          }
1940
1941          $('.open-menu-btn').on('click', resendChatMenu);
1942            
1943            function bindClickEvent(jqDom){
1944                jqDom.on('click', function() {
1945                    let dataOption = $(this).attr('data-option')
1946                    const now = new Date()
1947                    userMsgTime = String(now.getHours()).padStart(2, '0') + ':' + String(now.getMinutes()).padStart(2, '0')
1948
1949
1950                    let formdata = {
1951                        'ba176b9e4b8660cb2c4c4c196601becb' : '82bbf39b59cd45315e40dbb1254647d28a67b1c661cb37048aeae77b896f22ee1bc5aab32ff4ceedc4a90ddb4e6fd26c441c0769eee51b42bf2b8af7da07fc0ed75545cc79cfebce4aa737cf7e052692'
1952                    };
1953                    formdata['dataOption'] = dataOption
1954
1955                    $.ajax({
1956                        url: 'https://www.olens.com.tw/api/chat/api',
1957                        type: 'POST',
1958                        data: formdata,
1959                    }).done(function (data) {
1960                        console.log(data)
1961                        if (data.status == 'success') {
1962
1963                            switch (dataOption) {
1964                                case '如何購買':
1965                                    userMsgText = dataOption
1966                                    break;
1967                                case '日拋全系列':
1968                                    userMsgText = dataOption
1969                                    break;
1970                                case '月拋全系列':
1971                                    userMsgText = dataOption
1972                                    break;
1973                                case '會員專區':
1974                                    userMsgText = dataOption
1975                                    break;
1976                                case '常見問題':
1977                                    userMsgText = dataOption
1978                                    break;
1979               
1979                 case '專人1對1線上客服':
1980                                    userMsgText = dataOption
1981                                    break;
1982                                default:
1983                                    userMsgText = dataOption
1984                                    break;
1985                            }
1986
1987
1988                            if (userMsgText) {
1989                                let olensReplyText = data.data
1990
1991                                /*switch (dataOption) {
1992                                    case '如何購買':
1993                                        olensReplyText = '感謝您的詢問,歡迎前往<a href="https://www.olens.com.tw/product-list">OLENS官網</a>購買。'
1994                                        break;
1995                                    case '日拋全系列':
1996                                        olensReplyText = '日拋系列商品請參考我們的<a href="https://www.olens.com.tw/product-list?type=daily">日拋專區</a>。'
1997                                        break;
1998                                    case '月拋全系列':
1999                                        olensReplyText = '月拋系列商品請參考我們的<a href="https://www.olens.com.tw/product-list?type=monthly">月拋專區</a>。'
2000                                        break;
2001                                    case '會員專區':
2002                                        olensReplyText = '會員相關服務請前往<a href="https://www.olens.com.tw/member-intro">會員專區</a>查看。'
2003                                        break;
2004                                    case '常見問題':
2005                                        olensReplyText = '常見問題請參考我們的<a href="https://www.olens.com.tw/faq">FAQ頁面</a>。'
2006                                        break;
2007                                    case '專人1對1線上客服':
2008                                        olensReplyText = '請點擊<a href="https://lin.ee/qGy7rLO" target="_blank">這裡</a>與我們的專人客服聯繫。'
2009                                        break;
2010                                    default:
2011                                        olensReplyText = '感謝您的詢問,歡迎前往<a href="https://www.olens.com.tw/">OLENS官網</a>瀏覽更多資訊。'
2012                                        break;
2013                                }*/
2014
2015                                const userMsg = `<div class="user-msg">
2016                                            <div class="msg-text-wrap">
2017                                                <div class="main-msg">${userMsgText}</div>
2018                                                <div class="time">${userMsgTime}</div>
2019                                            </div>
2020                                        </div>`
2021                                const olensMsg = `<div class="olens-msg">
2022                                            <div class="msg-img">
2023                                                <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt="">
2024                                            </div>
2025                                            <div class="msg-text-wrap">
2026                                                <div class="main-msg">
2027                                                    <div class="editor">
2028                                                        <div class="container nsdi-article-system" id="T1">
2029                                                            <div class="nas-article-wrapper">
2030                                                                <div class="nas-article">
2031                                                                    <p>${olensReplyText}</p>
2032                                                                </div>
2033                                                            </div>
2034                                                        </div>
2035                                                    </div>
2036                                                </div>
2037                                            </div>
2038                                        </div>`
2039                                chatBox.append(userMsg)
2040                                chatBox.append(olensMsg)
2041                                chatBox.scrollTop(chatBox[0].scrollHeight)
2042                            }
2043                        } else {
2044                            alert(data.msg);
2045                        }
2046                    });
2047                })
2048            }
2049
2050            bindClickEvent($('.msg-option'));
2051        })
2052
2053        let dailySwiper = new Swiper(".dailySwiper", {
2054          slidesPerView: 1,
2055          pagination: {
2056            el: '.daily-swiper-pagination',
2057          },
2058          breakpoints: {
2059            576: {
2060              slidesPerView: 2,
2061              spaceBetween: 40
2062            }
2063          }
2064        })
2065
2066        let monthlySwiper = new Swiper(".monthlySwiper", {
2067          slidesPerView: 1,
2068          pagination: {
2069            el: '.monthly-swiper-pagination',
2070          },
2071          breakpoints: {
2072            576: {
2073              slidesPerView: 2,
2074              spaceBetween: 40
2075            }
2076          }
2077        })
2078    </script>
vendor: 1 bytes, line 2078
2078
2079<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":"8de7296e8e5546a9ac811ef07f48329c","r":1,"spa":2}' crossorigin="anonymous"></script>
2079
2080</body>
2081</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.