PageSourceSearch

https://www.chuliu.com.tw/product/catlogs/%E6%95%99%E8%82%B2

html chuliu.com.tw collected 2026-10-07 20:28:54 UTC 566,893 bytes, 6,914 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-TW"> 
3  <head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <!-- For Resposive Device -->
7    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
8   <meta property="og:title" content="教育 - 巨流圖書-麗文文化事業機構" />
9    <meta property="og:url" content="https://www.chuliu.com.tw/" />
10    <meta property="og:site_name" content="巨流圖書-麗文文化事業機構" />
11    <title>教育: 巨流圖書-麗文文化事業機構</title>
12    
13        <link rel="next"  href="https://www.chuliu.com.tw/product/catlogs/教育/2/rank/24/0/99999999" />
14    <style>
15            .col-float{float: left;}
16            .giftArea{margin-top: 5px;}
17            .giftItem{ border: 0.5px solid #eee; margin: 3px 0;}
18            .giftItem .giftItemTitle{ font-size: 14px;line-height: 48px;}
19            .giftItem div img{max-width: 75px;padding: 5px;}
20            .extraPlusItem{      min-height: 115px;  border: 0.5px solid #ddd; padding: 3px; margin-right: -10px; margin-left: -10px; margin-bottom: 5px;} 
21            .extraPlusItem div img{max-width: 75%;padding: 5px; margin: 0 auto;}
22            .extraPlusItem div.media-middle { text-align: center;}
23            .extraPlusItem div.media-middle p{ font-size: 12px;}
24            .extraPlusItem div.media-body h6{font-size: 14px; padding-top: 5px; min-height: 30px;}
25            .extraPlusItem div.media-body p.priceInfo{font-size: 14px;}
26            .extraPlusItem div.media-body .input-group {padding-left: 0px; margin-top: 3px;}
27            .extraPlusItem div.media-body .input-group input.qtyItem{max-width: 120px;height: 29px;}
28            .extraPlusItem div.media-body .input-group span.input-group-addon{font-size: 12px;}
29        </style>
30
31    <link rel="dns-prefetch" href="https://static.ostore.tw">
32<link rel="preconnect" href="https://static.ostore.tw">
33<link rel="dns-prefetch" href="https://static.ollstore.com">
34<link rel="preconnect" href="https://static.ollstore.com">
35<!-- <link rel="manifest" href="https://www.chuliu.com.tw/res/manifest.json"> -->
36<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
37<script src="https://res.ostore.tw/res/js/lazysizes.min.js?202300406AM1027" type="text/javascript" async></script>
37
38<!-- tailwind -->
39<!-- 
39<script src="https://cdn.tailwindcss.com"></script>
39 -->
40<style> 
41		body{font-family: 'Helvetica Neue',Helvetica,Arial,STHeiti,'Microsoft JhengHei','微軟正黑體',sans-serif;}
42		:root {
43	  --fb_messenger_icon: url(https://www.chuliu.com.tw/res/images/icon/fb_messenger.svg)
44	}
45	.system-panel-info{position: fixed;bottom: -20px;}
46	.system-panel-info{display: none;}
47	@media (max-width: 767px){
48		.system-panel-info{display: none;}
49	}
50	.alertModalClose.alertModalClose_html .close, .alertModalClose.alertModalClose_img .close{background: #000;}
51	.custom_page_AIProdRecommend_title{margin-top: 10px;  margin-bottom: 10px;  border-bottom: 4px solid; text-align: center;}
52	.suggestions-box {
53		position: absolute;
54		left: 0;
55		border: 1px solid #ccc;
56		background: white;
57		width: 300px;
58		max-height: 200px;
59		overflow-y: auto;
60		display: none;
61		z-index: 1060;
62		box-shadow: 0 2px 8px rgba(0,0,0,.15);
63	}
64	.suggestions-box .suggestion-item {
65		padding: 8px 10px;
66		cursor: pointer;
67	}
68	.suggestions-box .suggestion-item:hover {
69		background: #f0f0f0;
70	}
71	.text-align-right{text-align: right;text-align: -webkit-right;}
72	.alert-grey{background-color: #fafafa;}
73	.w92p{width: 92%;}
74</style>
75<link rel="shortcut icon" type="image/x-icon" href="https://static.ostore.tw/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/03b97201abd804679b5a9b51e1d98728.png">
76<link rel="apple-touch-icon" sizes="192x192" href="https://static.ostore.tw/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/03b97201abd804679b5a9b51e1d98728.png">
77<!-- <link rel="stylesheet" rel="preload" type="text/css" href="https://fonts.googleapis.com/earlyaccess/notosanstc.css"> -->
78<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> -->
79<!-- <link rel="stylesheet" rel="preload"  href="https://www.chuliu.com.tw/res/font-awesome-4.7.0/css/font-awesome.min.css?202300406AM1027">  --> 
80<link rel="stylesheet" rel="preload"  href="https://ostore01.b-cdn.net/res/font-awesome-4.7.0/css/font-awesome.min.css?v2">  
81<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
82<!-- <link rel="stylesheet" rel="preload"  href="https://www.chuliu.com.tw/res/css/bootstrap.min.css?202300406AM1027"> -->
83<!-- <link rel="stylesheet" rel="preload"  href="https://www.chuliu.com.tw/res/css/flexboxgrid.min.css?202300406AM1027">  --> 
84<!-- <link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/style.css?202300406AM1027"> -->
85<!-- 預設的css --> 
86<link rel="stylesheet" rel="preload"  type="text/css" href="https://www.chuliu.com.tw/res/css/optimize/default-basic.min.css?202300406AM1027_v8"/>
87<link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/optimize/default-basic.min-1.css?202300406AM1027_v6"/>
88<link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/responsive.css?202300406AM1027_v1">
89<link rel="stylesheet" rel="preload"  type="text/css" href="https://ostore01.b-cdn.net/res/layout/header/css/default.css?_v9">
90<link rel="stylesheet" rel="preload"  type="text/css" href="https://ostore01.b-cdn.net/res/layout/footer/css/default.css?_v2">
91<link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/layoutPageStyle.css?202300406AM1027_v2">
92<!-- <link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/animate.css?202300406AM1027"> --> 
93<!-- <link href="https://res.ostore.tw/res/plugins/swiper-master/package/css/swiper.min.css?202300406AM1027"/> --> 
94<!-- <link href="https://res.ostore.tw/res/plugins/notyf/notyf.min.css?202300406AM1027"/>  -->
95<link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/optimize/default.min.css?202300406AM1027_v3"/> 
96<!-- 通用的style 內建的class -->
97<link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/generalClass.css?202300406AM1027">
98<link rel="stylesheet" rel="preload" type="text/css" href="https://res.ostore.tw/res/plugins/lightbox/chocolat/css/chocolat.css?202300406AM1027_v6"/>
99<link rel="stylesheet" rel="preload"  type="text/css" href="https://res.ostore.tw/res/css/optimize/default-basic-2.css?202300406AM1027_v2"/> 
100<style>
101	 .btn-default-outline{
102        border-color: #6f6f6f;
103        color: #6f6f6f;
104    }
105    .btn-default-outline:hover {
106        background-color: #6f6f6f;
107        color: #fff;
108    }
109    .btn-info-outline {
110        border-color: #007bff;
111        color: #007bff;
112    }
113    .btn-info-outline:hover {
114        background-color: #007bff;
115        color: #fff;
116    }
117    .btn-danger-outline {
118        border-color: #dc3545;
119        color: #dc3545;
120    }
121    .btn-danger-outline:hover {
122        background-color: #dc3545;
123        color: #fff;
124    }
125	/* 手機版樣式 */
126	@media (max-width: 767px) {  
127		.featured-product .default-item,.ai-recommand-trigger.featured-product .default-item {
128			min-height: 290px;
129		}
130		.featured-product .swiper-container .default-item .single-item .content .price {font-size: 16px;}
131		.pl-xs  { padding-left: 1px !important; }
132	}
133	@media (max-width: 992px) { .search-circle 
134 {
135        font-size: 24px;
136        border: 1px solid;
137        border-radius: 50%;
138        height: 40px;
139        width: 40px;
140        position: relative;
141        vertical-align: middle;
142        color: #000;
143        border-color: #000;
144        transition: opacity .3s;
145    }}
146</style>
147<!-- 18禁提醒 -->
148<style> 
149		
150			.fixed-navbar{ display: none; }
151		/*是否顯示頂部導覽列*/
152		@media (max-width: 767px){
153			}
154	.d-flex-h-center{display: flex;justify-content: center;}
155	.temperatureMode{margin-bottom: 5px; }
156	.temperatureMode .btn-default{color:#000; background-color: #fff; border: 0;} 
157	.temperatureMode .btn-main{color:#fff; background-color: #ff3333; border: 0;} 
158
159	.notyf__toast{max-width: 600px;}.notyf__ripple{width:750px;}
160	@media (min-width: 992px){ 
161		.pull-right-lg{float: right!important;}
162	}
163	.ai-recommand-trigger.featured-product .default-item {
164		min-height: 385px;
165	}
166	@media (max-width: 767px) {  
167		.ai-recommand-trigger.featured-product .default-item {
168			min-height: 290px;
169		}
170		.mob-content-menu { 
171			top: -10px;
172		}
173	}
174	option:disabled {
175		background: #bbb;
176		color:#fff;
177	}
178	.fullPlusListItem.featured-product .default-item{
179		min-height:inherit;
180	}
181	@media (min-width: 768px) and (max-width: 991px) {
182		  .container { width: 100%; }
183	}
184</style>
185<!-- 載入佈景子樣式的css -->
186 <style>
187	/* 不啟用自訂配色 背景圖也有效 */
188	.main_page{
189			}
190</style>
191<style>
192/*搭配js改色動態變色,前台預覽功能可用此實現*/
193	:root {
194	  --sub_color: #323e3c;
195	  --sub_text: #ffffff;
196	  --main_text: #ffffff; 
197	  --main_color: #79b4a1; 
198	  --nearWsub: #79b4a1;
199	  --nearW_aaa: #79b4a1;
200	  --nearSubWB: #fff;
201	}
202</style>
203<link rel="stylesheet" type="text/css" href="https://res.ostore.tw/res/css/unit/cutomColor.css?202300406AM1027"/>
204<style>
205	.footer-nav-m{
206		background-color: #79b4a1;
207	}
208	.bottom_header .search-box form input::-webkit-input-placeholder, .bottom_header .search-box form input {
209	  color: #79b4a1;
210	}
211	.bottom_header .search-box form input:-moz-placeholder {
212	  /* Firefox 18- */
213	  color: #79b4a1;
214	}
215	.bottom_header .search-box form input::-moz-placeholder {
216	  /* Firefox 19+ */
217	  color: #79b4a1;
218	}
219	.bottom_header .search-box form input:-ms-input-placeholder {
220	  color: #79b4a1;
221	}
222	.shop_single_page .product_details .product-review-tab .nav li.active a {
223	    color: #fff;
224	}
225	.sidebar_categories>ul>li.active>a {
226	    color: #79b4a1;
227	} 
228	.sidebar_categories>ul>li.active>a:before {
229	    background: #79b4a1;
230	}
231	.bottom_header .cart_option button, .bottom_header .navbar-header .toggle,.bottom_header .member-option button {
232	    color: #fff;
233	    border-color: #fff;  
234	}
235	.cart-info a {
236	    color: #fff;
237	} 
238	.bottom_header .cart_option button span { 
239    	color: #79b4a1; 
240	}
241	.top_header { 
242	    background: #323e3c;
243	}
244	.bottom_header { 
245	    background: #79b4a1;
246	}
247	.shop_single_page .item_description .feature-text {
248	    color: #79b4a1; 
249	}
250	.shop_single_page .item_description h5.feature-text{color: #ebb000;}
251	.theme_title.center h3 {
252		border-bottom: 4px solid #79b4a1; 
253		padding-bottom: 5px; 
254	}
255		
256	#marquee .item a{
257		color: #fff; 
258	}
259	/*.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
260	    background-color: #79b4a1; 
261	    border-color: #79b4a1; 
262	}*/
263	.account_page .theme-title { 
264	    background:  #79b4a1; 
265	}
266	.checkout_section .panel .panel-heading { 
267	    background-color: #79b4a1;  
268	}
269	.shop_cart_table .css-table .thead {
270	    background:  #79b4a1; 
271	}
272	.account_page.member .list-group-item.active, .account_page.member .list-group-item.active:hover, .account_page.member .list-group-item.active:focus {
273	    background-color: #79b4a1; 
274	    border-color: #79b4a1; 
275	    	    
276	}
277	.account_page.member .panel-heading { 
278	    background-color: #79b4a1; 
279	    	}
280	.bottom_header .cart_option button.active { 
281	    background: #323e3c; 
282	}
283	.bottom_header .cart_option button.active span { 
284	    color: #323e3c; 
285	}
286	.scroll-top { 
287	    background: #323e3c !important; 
288	}
289	.featured-product .default-item .single-item .content .brand{
290		color: #323e3c; 
291	}
292	@media (max-width: 767px){
293		.btn-menu { 
294		    background-color: #323e3c;
295		    border-color: #323e3c; 
296		}
297	}
298	.marquee { 
299	    background: #79b4a1;
300	}
301	.breadcrumb-area { 
302	    background: #79b4a1;
303	}
304	.gallery .default-item .single-item .overlay-box, .img_holder .opacity {
305	    background: #79b4a1;
306	}
307	.social>a:hover { 
308	    color: #fff; 
309	}
310	.main_page{
311			}
312	footer {
313		background: #79b4a1;
314    	color: #383333;
315	}
316	footer a, footer a:visited {
317		color: #383333;
318	}
319	footer a:hover, footer a:focus, footer a:active {
320	    color: #62500e;
321	}
322	footer h5 {
323		color: #62500e;
324	}
325	footer h5::before {
326		background: #62500e;
327	}
328	footer .bottom_footer {
329		background: #323e3c;
330		color: #ffffff;
331	}
332	footer .bottom_footer a {
333		color:#ffffff;
334	} 
335	.breadcrumb-bottom-area ul li{color:#ffffff;}
336	span.price_actu_title{color:#323e3c;}
337
338	.account_page.member .list-group a:not(.active) {
339	   color: #666;
340	}
341</style>
342<style>
343	h4 .text-danger span{color: #dc3545;}
344</style>
345<style>
346@media (min-width: 1200px){
347	#homeCustomMenu #customMenu{ 
348	    display: flex;
349	}
350	#homeCustomMenu #customMenu ul{ 
351	    margin: 0 auto;
352	}
353	#homeCustomMenu #customMenu .dropdown-menu>li>a:hover { 
354	    display: block;
355	    width: 100%;
356	} 
357}
358@media (min-width: 992px){ 
359	#homeCustomMenu #customMenu{ 
360	    display: flex;
361	}
362	#homeCustomMenu #customMenu ul{ 
363	    margin: 0 auto;
364	} 
365}
366</style>
367<link rel="stylesheet" rel="preload" type="text/css" href="https://res.ostore.tw/res/css/unit/customHoverMenu.css?202300406AM1027">  
368
369<style>
370		/* 自訂配色進階設定 */
371	/*全局*/
372		/*頂部導覽列*/
373		/*頭部*/
374		/* 自訂選單 */
375		
376		 
377		#customMenu .dropdown-menu>li>a:hover {
378		     		     		}
379	</style>
380<style>
381	#showLoginTipModal a.btn{color: #fff;}
382	
383	@media (max-width: 990px){
384		.featured-product .default-item .single-item .image-box img {
385		    display: inline-block;
386		    min-height: auto;
387		    height: auto;
388		}
389		.shop-contents{padding-bottom:65px;} 
390	} 
391</style>
392 
393<style>
394	input, textarea {
395		font-size: 16px;
396     	-webkit-tap-highlight-color: transparent; /* 避免點擊 highlight */
397	}
398	.form-control{
399		font-size: 16px;
400	}
401	/* 針對沒有 hover 功能的觸控裝置,直接禁用所有 hover 效果 */
402/* 這是比較強烈的做法,但效果顯著 */
403	@media (hover: none) {
404	*:hover {
405		/* 你可以針對特定元素移除,例如 a:hover, button:hover */
406		/* 如果問題普遍存在,直接用 * 全選移除來測試 */
407	}
408	}
409</style>
410<!-- 載入自訂的css -->
411 <link rel="stylesheet" type="text/css" href="https://static.ostore.tw/uploads/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/customstyle.css?202300406AM102717852344350">
412<style>
413	a.btn:not([class*='text-']):focus, a.btn:not([class*='text-']):visited, .footer-nav-m a { 
414	    color: #ffffff;
415	}
416	.option_section .option a.btn:not([class*='text-']):not(.active):focus{color: #000000;}
417</style>
418<style>
419	.knowtech {
420		opacity: 0.01;
421		display: contents;
422	}
423</style>
424<div id="fb-root"></div>
425<script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v24.0&appId=219371894865140"></script>
425    <style>
426        .col-md-9 .form-control.catlog_filter{width: 100%;}
427    </style>
428    <!-- Fixing Internet Explorer ______________________________________-->
429    <!--[if lt IE 9]>
430      
430<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
430
431      
431<script src="vendor/html5shiv.js"></script>
431
432    <![endif]-->
433    
434
435<!-- gtm -->
436<!-- ga --> 
437<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 437-438
437
438<script async src="https://www.googletagmanager.com/gtag/js?id=
438G-GJ4G2DT38H
vendor: 12 bytes, line 438
438"></script>
439<script>
440  window.dataLayer = window.dataLayer || [];
441  function gtag(){dataLayer.push(arguments);}
442  gtag('js', new Date());
443  	 //gtag('config', 'G-CXFGE1J61S');	
444	  	  	gtag('config', 'G-GJ4G2DT38H');
445	  	
446  </script>
446
447
448<script type="text/javascript">
449    (function(c,l,a,r,i,t,y){
450        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
451        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
452        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
453    })(window, document, "clarity", "script", "ln6eozup1f");
454</script>
454  
455
456<!-- fb -->
457
458<!-- Dcard Code --> 
459  </head>
460  <div id="body_mask" class="hide"></div>  
461  <body id="vueApp">
462    <div class="main_page page_product_catlogs noLogin">
463
464        
465  
466            <header>
467                <div class="top_header hidden-xs">
468                    <div class="container">
469                        <div class="pull-left header_left hidden-xs">
470                            <ul>
471                                                                    <li class="phone"><span class="label label-warning"><i class="fa fa-phone" aria-hidden="true"></i> 客服專線</span><a href="#"><span>LINE:@sxs1780d ★ 申請教師版教材 0988630612</span></a></li>
472                                                                                                                                                                                  <li class="top-social "><a href="https://www.facebook.com/chuliuliwenbooks" target="_blank" ><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
473                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="top-social  soical-line-icon">
474                                        <a href="@sxs1780d" target="_blank" >
475                                          <svg height="12.8" viewBox="0 0 400 375" width="13.65" style="top:1px;position: relative;fill: currentColor;"><path d="M235.737 207.784c.8 2.014 2.393 3.627 4.395 4.45 1.613.775 3.455.99 5.213.6h11.83c4.418 0 8-3.582 8-8v-86c0-4.42-3.582-8-8-8h-14c-4.418 0-8 3.58-8 8v36.662L205.512 114.1l-.03-.043c-1.797-2.472-4.744-3.614-7.574-3.223h-12.94c-4.418 0-8 3.58-8 8v86c0 4.418 3.582 8 8 8h14c4.42 0 8-3.582 8-8v-37.197zm73.424-67.044h28.124c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H287.7c-.568 0-1.12.06-1.655.17-3.89.544-6.884 3.884-6.884 7.924v86c0 4.418 3.583 8 8 8h.04c.166.01.332.015.5.015h49.584c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H309.16v-6.055h28.124c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H309.16zm-225 42.126v-64.032c0-4.42-3.58-8-8-8h-14c-4.417 0-8 3.58-8 8v70.38c-.11.532-.17 1.085-.17 1.652v14c0 4.418 3.582 8 8 8h51.75c4.42 0 8-3.582 8-8v-14c0-4.418-3.58-8-8-8zM198.77 0C341.84.648 389.244 105.6 389.244 105.6c36.787 88.437-32.59 153.4-32.59 153.4-94.896 90.245-157.886 113.237-157.886 113.237-21.71 9.87-16.447-9.87-16.447-9.87 2.727-12.586 4.165-29.553 4.165-29.553-.38-15.192-24.415-15.896-24.415-15.896-105.705-17.23-142.56-88.023-142.56-88.023C-34.842 133.862 41.59 62.54 41.85 62.667 102.473 2.753 172.115.257 198.767 0zm-58.226 110.834c-4.418 0-8 3.58-8 8v86c0 4.418 3.582 8 8 8h14c4.418 0 8-3.582 8-8v-86c0-4.42-3.582-8-8-8z" fill-rule="evenodd"></path></svg>
476                                        </a>
477                                      </li>
478                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </ul>
479                        </div>
480
481                        <div class="pull-right header_right text-right">
482                            <div class="state">
483                                <ul>
484                                  
485                                                                                                                                                                                                             <li><a href="https://www.chuliu.com.tw/member/login?r=product-catlogs-教育">登入</a></li>
486                                            <li><a href="https://www.chuliu.com.tw/member/register?r=product-catlogs-教育">註冊</a></li>
487                                                                                                                                                                                                                                                                                                                                                                       
488                                                                                                                                                                                                                                                                                                                     
489                                                                                                                                                                                                                                             <li><a href="https://www.chuliu.com.tw/article/news/"><i class="fa fa-bullhorn s_color" aria-hidden="true"></i> 最新消息</a></li>
490                                                                                                                                                                                                                                             
491                                                                                                                                                                                                                                          <li><a href="https://www.chuliu.com.tw/cart/detail/"><i class="fa fa-shopping-cart s_color" aria-hidden="true"></i> 購物車</a></li>
492                                                                                                                                                            
493                                                                                                                                                                                                                                                                                                                        <li><a href="https://campub.com.tw/page/store"> ㊙️校園購商城</a></li>
494                                                                              
495                                                                                                                                                                                                                                                                                                                     
496                                      
497                                    
498                                </ul>
499                            </div>                                
500                        </div>
501                    </div> <!-- End of .container -->
502                </div> <!-- End of .top_header -->
503
504                <div class="bottom_header">
505                    <div class="container">
506                        <div class="row">
507                            <div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 logo-responsive">
508                                <div class="navbar-header">
509                                    <button type="button" class="toggle"><i class="fa fa-bars" aria-hidden="true"></i></button>
510                                    <button type="button" data-toggle="modal" data-target="#seach-prod-modal-box" class="search-circle hidden-md hidden-lg"><i class="fa fa-search" aria-hidden="true"></i></button>
511                                </div>
512                                <div class="logo-area">
513                                    <a href="https://www.chuliu.com.tw/" class="pull-left logo"><img alt="巨流圖書-麗文文化事業機構" title="" src="https://static.ostore.tw/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/3376a594dd1559ae46afe922305a2bfe.png" /></a>
514                                </div>
515                            </div>
516                            <div class="col-lg-6 col-md-5 col-sm-12 col-xs-12 search-bar">
517                                <div class="search-box">
518                                    <form class="clearfix">
519                                        <input id="serach_product_keyword_v" type="text" placeholder="搜尋商品..." value="">
520                                        <button id="serach_product_bt
520n" type="button"><i class="fa fa-search"></i></button>
521                                    </form>
522                                                                        <div class="keywords hidden-sm hidden-xs">
523			                            <span>熱門搜尋 : </span>
524                                        <div class="custom_search_record_data"></div>
525                                                                                                                        <a href="https://www.chuliu.com.tw/product/search/公共政策">公共政策</a> 
526                                                                                                                                                                <a href="https://www.chuliu.com.tw/product/search/社會學">社會學</a> 
527                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                			                        </div>
528                                                                    </div>
529                            </div> 
530                                                        <div class="col-md-3 col-sm-7 col-xs-6 pdt-14 cart-block">
531                                <nav-cart v-ref:navCart ></nav-cart>
532                                                                <div class="member-option">
533                                    <button class="dropdown-toggle" data-toggle="dropdown" id="memberDropdown">
534                                        <i class="fa fa-user" aria-hidden="true"></i>
535                                    </button>
536                                    <ul class="dropdown-menu" aria-labelledby="memberDropdown">
537                                                                                <li><a href="https://www.chuliu.com.tw/member/login?r=product-catlogs-教育">登入</a></li>
538                                        <li><a href="https://www.chuliu.com.tw/member/register?r=product-catlogs-教育">註冊</a></li>
539                                                                              </ul>
540                                </div>
541                                                            </div>
542                            <!-- <div class="system-panel-info">
543                              <a href="https://ollstore.tw" target="_blank" title="OllSTORE 網路開店系統">系統建置:OllSTORE 網路開店系統</a> 
544                            </div>     -->
545                                                    </div>
546
547                    </div>
548                </div> <!-- End of .bottom_header -->
549            </header>        <!-- 自訂導覽列資料 -->
550         
551                            <div class="fixed-navbar navbar-header">
552                    <button type="button" class="toggle"><i class="fa fa-bars" aria-hidden="true"></i></button>
553                </div>
554                <div class="nav-overlay"></div>
555<nav class="navbar navbar-default main-menu mb-0" id="homeCustomMenu"> 
556  <div class="container">
557    <div id="customMenu">
558      <ul class="nav navbar-nav ">
559        <li class="hidden-md hidden-lg mobile_title">網站目錄<button type="button" class="close pull-right"><i class="fa fa-times" aria-hidden="true"></i></button></li>
560        <li class="hidden-md hidden-lg">
561                      <div style="padding: 20px;padding-top: 8px;padding-bottom: 0px;"> 
562              <a href="https://www.chuliu.com.tw/member/login?r=product-catlogs-教育"><span class="cMenu_title">會員登入</span></a> <span class="cMenu_title">/</span> <a href="https://www.chuliu.com.tw/member/register?r=product-catlogs-教育"><span class="cMenu_title">註冊</span></a>  
563            </div>
564           
565        </li>
566        <li class="hidden-md hidden-lg">
567          <form class="form-inline my-2 mt-5 my-lg-0 pd-8 mb-5" style="border: 1px solid #000;border-left: 0;border-right: 0;">
568              <div class="header_search_box">
569                        <input class="serach_product_keyword_v w90p"  type="text" placeholder="搜尋商品..." value="">
570                        <a class="serach_product_btn"  href="javascript:void(0)"><i class="fa fa-search s_color"></i></a>
571                    </div>
572            </form>
573        </li>
574                        <li class="dropdown">
575        <a  href="https://chuliu.com.tw/product/catlogs/教育" >
576         
577             
578            <span class="cMenu_title">教育</span>
579          </a>
580                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
581                      <ul class="dropdown-menu">
582                        <li>
583              <a href="https://chuliu.com.tw/product/category/各級教育">各級教育</a>
584                          </li>
585                        <li>
586              <a href="https://chuliu.com.tw/product/category/教育總論">教育總論</a>
587                          </li>
588                        <li>
589              <a href="https://chuliu.com.tw/product/category/教育心理學-教學-課程">教育心理學/教學/課程</a>
590                          </li>
591                        <li>
592              <a href="https://chuliu.com.tw/product/category/教師與師資培育">教師與師資培育</a>
593                          </li>
594                        <li>
595              <a href="https://chuliu.com.tw/product/category/教育行政">教育行政</a>
596                          </li>
597                        <li>
598              <a href="https://chuliu.com.tw/product/category/學校管理">學校管理</a>
599                          </li>
600                        <li>
601              <a href="https://chuliu.com.tw/product/category/體育、休閒、運動">體育、休閒、運動</a>
602                          </li>
603                        <li>
604              <a href="https://chuliu.com.tw/product/category/特殊教育">特殊教育</a>
605                          </li>
606                        <li>
607              <a href="https://chuliu.com.tw/product/category/幼兒教育">幼兒教育</a>
608                          </li>
609                        <li>
610              <a href="https://chuliu.com.tw/product/category/生涯規劃">生涯規劃</a>
611                          </li>
612                        <li>
613              <a href="https://chuliu.com.tw/product/category/生命教育">生命教育</a>
614                          </li>
615                        <li>
616              <a href="https://chuliu.com.tw/product/category/教育統計學">教育統計學</a>
617                          </li>
618                        <li>
619              <a href="https://chuliu.com.tw/product/category/批判教育學">批判教育學</a>
620                          </li>
621                        <li>
622              <a href="https://chuliu.com.tw/product/category/補充教材">補充教材</a>
623                          </li>
624                        <li>
625              <a href="https://chuliu.com.tw/product/category/九年一貫與課程統整系列">九年一貫與課程統整系列</a>
626                          </li>
627                        <li>
628              <a href="https://chuliu.com.tw/product/category/教育研究法">教育研究法</a>
629                          </li>
630                        <li>
631              <a href="https://chuliu.com.tw/product/category/地理">地理</a>
632                          </li>
633                        <li>
634              <a href="https://chuliu.com.tw/product/category/教育社會學">教育社會學</a>
635                          </li>
636                        <li>
637              <a href="https://chuliu.com.tw/product/category/兒童文學">兒童文學</a>
638                          </li>
639                        <li>
640              <a href="https://chuliu.com.tw/product/category/比較教育學">比較教育學</a>
641                          </li>
642                        <li>
643              <a href="https://chuliu.com.tw/product/category/開放教育叢書">開放教育叢書</a>
644                          </li>
645                        <li>
646              <a href="https://chuliu.com.tw/product/category/成人與社區教育">成人與社區教育</a>
647                          </li>
648                        <li>
649              <a href="https://chuliu.com.tw/product/category/班級經營">班級經營</a>
650                          </li>
651             
652          </ul>
653                  </li>
654                                <li class="dropdown">
655        <a  href="https://chuliu.com.tw/product/catlogs/社會學" >
656         
657             
658            <span class="cMenu_title">社會學</span>
659          </a>
660                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
661                      <ul class="dropdown-menu">
662                        <li>
663              <a href="https://chuliu.com.tw/product/category/社會學導論">社會學導論</a>
664                          </li>
665                        <li>
666              <a href="https://chuliu.com.tw/product/category/社會運動">社會運動</a>
667                          </li>
668                        <li>
669              <a href="https://chuliu.com.tw/product/category/法律社會學">法律社會學</a>
670                          </li>
671                        <li>
672              <a href="https://chuliu.com.tw/product/category/家庭社會學">家庭社會學</a>
673                          </li>
674                        <li>
675              <a href="https://chuliu.com.tw/product/category/醫療社會學">醫療社會學</a>
676                          </li>
677                        <li>
678              <a href="https://chuliu.com.tw/product/category/基進.實踐.文化系列">基進.實踐.文化系列</a>
679                          </li>
680                        <li>
681              <a href="https://chuliu.com.tw/product/category/女性思潮系列">女性思潮系列</a>
682                          </li>
683                        <li>
684              <a href="https://chuliu.com.tw/product/category/客家研究">客家研究</a>
685                          </li>
686                        <li>
687              <a href="https://chuliu.com.tw/product/category/分領域社會學">分領域社會學</a>
688                          </li>
689                        <li>
690              <a href="https://chuliu.com.tw/product/category/新移民議題">新移民議題</a>
691                          </li>
692                        <li>
693              <a href="https://chuliu.com.tw/product/category/臺灣第三部門研究叢書">臺灣第三部門研究叢書</a>
694                          </li>
695                        <li>
696              <a href="https://chuliu.com.tw/product/category/社會研究法">社會研究法</a>
697                          </li>
698                        <li>
699              <a href="https://chuliu.com.tw/product/category/當代理論-社會思潮">當代理論/社會思潮</a>
700                          </li>
701                        <li>
702              <a href="https://chuliu.com.tw/product/category/批判-文化系列">批判/文化系列</a>
703                          </li>
704                        <li>
705              <a href="https://chuliu.com.tw/product/category/全球化叢書">全球化叢書</a>
706                          </li>
707                        <li>
708              <a href="https://chuliu.com.tw/product/category/空間與都市社會學">空間與都市社會學</a>
709                          </li>
710                        <li>
711              <a href="https://chuliu.com.tw/product/category/非營利部門">非營利部門</a>
712                          </li>
713                        <li>
714              <a href="https://chuliu.com.tw/product/category/社區-都市計畫">社區/都市計畫</a>
715                          </li>
716                        <li>
717              <a href="https://chuliu.com.tw/product/category/社會事業經營管理叢書">社會事業經營管理叢書</a>
718                          </li>
719                        <li>
720              <a href="https://chuliu.com.tw/product/category/馬克思思想">馬克思思想</a>
721                          </li>
722                        <li>
723              <a href="https://chuliu.com.tw/product/category/概念書房系列">概念書房系列</a>
724                          </li>
725                        <li>
726              <a href="https://chuliu.com.tw/product/category/文化研究">文化研究</a>
727                          </li>
728                        <li>
729              <a href="https://chuliu.com.tw/product/category/社會心理">社會心理</a>
730                          </li>
731                        <li>
732              <a href="https://chuliu.com.tw/product/category/性-別研究">性/別研究</a>
733                          </li>
734                        <li>
735              <a href="https://chuliu.com.tw/product/category/社會學本土化">社會學本土化</a>
736                          </li>
737                        <li>
738              <a href="https://chuliu.com.tw/product/category/社會福利">社會福利</a>
739                          </li>
740                        <li>
741              <a href="https://chuliu.com.tw/product/category/環境社會學">環境社會學</a>
742                          </li>
743                        <li>
744              <a href="https://chuliu.com.tw/product/category/當代思想叢書">當代思想叢書</a>
745                          </li>
746                        <li>
747              <a href="https://chuliu.com.tw/product/category/阿蓋爾作品集">阿蓋爾作品集</a>
748                          </li>
749                        <li>
750              <a href="https://chuliu.com.tw/product/category/大同日照叢書">大同日照叢書</a>
751                          </li>
752                        <li>
753              <a href="https://chuliu.com.tw/product/category/人口學">人口學</a>
754                          </li>
755             
756          </ul>
757                  </li>
758                                <li class="dropdown">
759        <a  href="https://chuliu.com.tw/product/catlogs/法律" >
760         
761             
762            <span class="cMenu_title">法律</span>
763          </a>
764                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
765                      <ul class="dropdown-menu">
766                        <li>
767              <a href="https://chuliu.com.tw/product/category/民法">民法</a>
768                          </li>
769                        <li>
770              <a href="https://chuliu.com.tw/product/category/法律">法律</a>
771                          </li>
772                        <li>
773              <a href="https://chuliu.com.tw/product/category/高大法學叢書">高大法學叢書</a>
774                          </li>
775             
776          </ul>
777                  </li>
778                                <li class="dropdown">
779        <a  href="https://chuliu.com.tw/product/catlogs/心理諮商" >
780         
781             
782            <span class="cMenu_title">心理諮商</span>
783          </a>
784                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
785                      <ul class="dropdown-menu">
786                        <li>
787              <a href="https://chuliu.com.tw/product/category/心理學">心理學</a>
788                          </li>
789                        <li>
790              <a href="https://chuliu.com.tw/product/category/青少年研究">青少年研究</a>
791                          </li>
792                        <li>
793              <a href="https://chuliu.com.tw/product/category/心理與輔導">心理與輔導</a>
794                          </li>
795                        <li>
796              <a href="https://chuliu.com.tw/product/category/陪著你玩優質關係經營系列">陪著你玩優質關係經營系列</a>
797                          </li>
798             
799          </ul>
800                  </li>
801                                <li class="dropdown">
802        <a  href="https://chuliu.com.tw/product/catlogs/政治" >
803         
804             
805            <span class="cMenu_title">政治</span>
806          </a>
807                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
808                      <ul class="dropdown-menu">
809                        <li>
810              <a href="https://chuliu.com.tw/product/category/公共行政">公共行政</a>
811                          </li>
812                        <li>
813              <a href="https://chuliu.com.tw/product/category/公共政策與行政書系PPA">公共政策與行政書系PPA</a>
814                          </li>
815                        <li>
816              <a href="https://chuliu.com.tw/product/category/政治理論">政治理論</a>
817                          </li>
818                        <li>
819              <a href="https://chuliu.com.tw/product/category/財政學">財政學</a>
820                          </li>
821                        <li>
822              <a href="https://chuliu.com.tw/product/category/人權書系">人權書系</a>
823                          </li>
824                        <li>
825              <a href="https://chuliu.com.tw/product/category/政治經濟學">政治經濟學</a>
826                          </li>
827                        <li>
828              <a href="https://chuliu.com.tw/product/category/中國研究系列叢書(王振寰主編)">中國研究系列叢書(王振寰主編)</a>
829                          </li>
830                        <li>
831              <a href="https://chuliu.com.tw/product/category/國際關係">國際關係</a>
832                          </li>
833                        <li>
834              <a href="https://chuliu.com.tw/product/category/憲法政治學">憲法政治學</a>
835                          </li>
836                        <li>
837              <a href="https://chuliu.com.tw/product/category/中國研究">中國研究</a>
838                          </li>
839                        <li>
840              <a href="https://chuliu.com.tw/product/category/憲法-公民教育">憲法/公民教育</a>
841                          </li>
842                        <li>
843              <a href="https://chuliu.com.tw/product/category/人權影像叢書">人權影像叢書</a>
844                          </li>
845             
846          </ul>
847                  </li>
848                                <li class="dropdown">
849        <a  href="https://chuliu.com.tw/product/catlogs/歷史" >
850         
851             
852            <span class="cMenu_title">歷史</span>
853          </a>
854                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
855                      <ul class="dropdown-menu">
856                        <li>
857              <a href="https://chuliu.com.tw/product/category/史學">史學</a>
858                          </li>
859                        <li>
860              <a href="https://chuliu.com.tw/product/category/中國史">中國史</a>
861                          </li>
862                        <li>
863              <a href="https://chuliu.com.tw/product/category/政治大學史學叢書">政治大學史學叢書</a>
864                          </li>
865             
866          </ul>
867                  </li>
868                                <li class="dropdown">
869        <a  href="https://chuliu.com.tw/product/catlogs/考試" >
870         
871             
872            <span class="cMenu_title">考試</span>
873          </a>
874                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
875                      <ul class="dropdown-menu">
876                        <li>
877              <a href="https://chuliu.com.tw/product/category/高普">高普</a>
878                          </li>
879             
880          </ul>
881                  </li>
882                                <li class="dropdown">
883        <a  href="https://chuliu.com.tw/product/catlogs/社會工作" >
884         
885             
886            <span class="cMenu_title">社會工作</span>
887          </a>
888                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
889                      <ul class="dropdown-menu">
890                        <li>
891              <a href="https://chuliu.com.tw/product/category/社會工作導論">社會工作導論</a>
892                          </li>
893                        <li>
894              <a href="https://chuliu.com.tw/product/category/社會工作方法">社會工作方法</a>
895                          </li>
896                        <li>
897              <a href="https://chuliu.com.tw/product/category/社會工作實務">社會工作實務</a>
898                          </li>
899                        <li>
900              <a href="https://chuliu.com.tw/product/category/社會工作">社會工作</a>
901                          </li>
902                        <li>
903              <a href="https://chuliu.com.tw/product/category/臺灣社會工作專業人員協會">臺灣社會工作專業人員協會</a>
904                          </li>
905                        <li>
906              <a href="https://chuliu.com.tw/product/category/SkillsforCare">Skills for Care</a>
907                          </li>
908             
909          </ul>
910                  </li>
911                                <li class="dropdown">
912        <a  href="https://chuliu.com.tw/product/catlogs/人類學" >
913         
914             
915            <span class="cMenu_title">人類學</span>
916          </a>
917                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
918                      <ul class="dropdown-menu">
919                        <li>
920              <a href="https://chuliu.com.tw/product/category/文化人類學">文化人類學</a>
921                          </li>
922                        <li>
923              <a href="https://chuliu.com.tw/product/category/法人類學">法人類學</a>
924                          </li>
925             
926          </ul>
927                  </li>
928                                <li class="dropdown">
929        <a  href="https://chuliu.com.tw/product/catlogs/醫學" >
930         
931             
932            <span class="cMenu_title">醫學</span>
933          </a>
934                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
935                      <ul class="dropdown-menu">
936                        <li>
937              <a href="https://chuliu.com.tw/product/category/公共衛生">公共衛生</a>
938                          </li>
939                        <li>
940              <a href="https://chuliu.com.tw/product/category/醫學">醫學</a>
941                          </li>
942                        <li>
943              <a href="https://chuliu.com.tw/product/category/醫療">醫療</a>
944                          </li>
945                        <li>
946              <a href="https://chuliu.com.tw/product/category/醫學科學叢書-高雄醫學大學">醫學科學叢書-高雄醫學大學</a>
947                          </li>
948                        <li>
949              <a href="https://chuliu.com.tw/product/category/醫學人文叢書-高雄醫學大學">醫學人文叢書-高雄醫學大學</a>
950                          </li>
951                        <li>
952              <a href="https://chuliu.com.tw/product/category/當代公共衛生學叢書-財團法人陳拱北預防醫學基金會">當代公共衛生學叢書-財團法人陳拱北預防醫學基金會</a>
953                          </li>
954             
955          </ul>
956                  </li>
957                                <li class="dropdown">
958        <a  href="https://chuliu.com.tw/product/catlogs/文化與產業" >
959         
960             
961            <span class="cMenu_title">文化與產業</span>
962          </a>
963                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
964                      <ul class="dropdown-menu">
965                        <li>
966              <a href="https://chuliu.com.tw/product/category/藝術">藝術</a>
967                          </li>
968                        <li>
969              <a href="https://chuliu.com.tw/product/category/文創產業">文創產業</a>
970                          </li>
971                        <li>
972              <a href="https://chuliu.com.tw/product/category/動畫教學">動畫教學</a>
973                          </li>
974                        <li>
975              <a href="https://chuliu.com.tw/product/category/音樂">音樂</a>
976                          </li>
977                        <li>
978              <a href="https://chuliu.com.tw/product/category/戲劇">戲劇</a>
979                          </li>
980                        <li>
981              <a href="https://chuliu.com.tw/product/category/藝術管理與文化政策叢書">藝術管理與文化政策叢書</a>
982                          </li>
983                        <li>
984              <a href="https://chuliu.com.tw/product/category/美術">美術</a>
985                          </li>
986                        <li>
987              <a href="https://chuliu.com.tw/product/category/藝術-美術總論">藝術/美術總論</a>
988                          </li>
989                        <li>
990              <a href="https://chuliu.com.tw/product/category/劇場-電影">劇場/電影</a>
991                          </li>
992                        <li>
993              <a href="https://chuliu.com.tw/product/category/書法">書法</a>
994                          </li>
995             
996          </ul>
997                  </li>
998                                <li class="dropdown">
999        <a  href="https://chuliu.com.tw/product/catlogs/哲學" >
1000         
1001             
1002            <span class="cMenu_title">哲學</span>
1003          </a>
1004                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1005                      <ul class="dropdown-menu">
1006                        <li>
1007              <a href="https://chuliu.com.tw/product/category/哲學思想">哲學思想</a>
1008                          </li>
1009                        <li>
1010              <a href="https://chuliu.com.tw/product/category/生死學">生死學</a>
1011                          </li>
1012                        <li>
1013              <a href="https://chuliu.com.tw/product/category/宗教思想">宗教思想</a>
1014                          </li>
1015                        <li>
1016              <a href="https://chuliu.com.tw/product/category/易經">易經</a>
1017                          </li>
1018                        <li>
1019              <a href="https://chuliu.com.tw/product/category/五術">五術</a>
1020                          </li>
1021             
1022          </ul>
1023                  </li>
1024                                <li class="dropdown">
1025        <a  href="https://chuliu.com.tw/product/catlogs/傳記" >
1026         
1027             
1028            <span class="cMenu_title">傳記</span>
1029          </a>
1030                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1031                      <ul class="dropdown-menu">
1032                        <li>
1033              <a href="https://chuliu.com.tw/product/category/傳記">傳記</a>
1034                          </li>
1035             
1036          </ul>
1037                  </li>
1038                                <li class="dropdown">
1039        <a  href="https://chuliu.com.tw/product/catlogs/宗教" >
1040         
1041             
1042            <span class="cMenu_title">宗教</span>
1043          </a>
1044                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1045                      <ul class="dropdown-menu">
1046                        <li>
1047              <a href="https://chuliu.com.tw/product/category/宗教">宗教</a>
1048                          </li>
1049             
1050          </ul>
1051                  </li>
1052                                <li class="dropdown">
1053        <a  href="https://chuliu.com.tw/product/catlogs/傳播" >
1054         
1055             
1056            <span class="cMenu_title">傳播</span>
1057          </a>
1058                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1059                      <ul class="dropdown-menu">
1060                        <li>
1061              <a href="https://chuliu.com.tw/product/category/傳播媒體">傳播媒體</a>
1062                          </li>
1063                        <li>
1064              <a href="https://chuliu.com.tw/product/category/卓越新聞獎書系">卓越新聞獎書系</a>
1065                          </li>
1066                        <li>
1067              <a href="https://chuliu.com.tw/product/category/傳播與社會書系">傳播與社會書系</a>
1068                          </li>
1069             
1070          </ul>
1071                  </li>
1072                                <li class="dropdown">
1073        <a  href="https://chuliu.com.tw/product/catlogs/臺灣研究" >
1074         
1075             
1076            <span class="cMenu_title">臺灣研究</span>
1077          </a>
1078                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1079                      <ul class="dropdown-menu">
1080                        <li>
1081              <a href="https://chuliu.com.tw/product/category/臺灣研究">臺灣研究</a>
1082                          </li>
1083                        <li>
1084              <a href="https://chuliu.com.tw/product/category/高雄研究叢刊">高雄研究叢刊</a>
1085                          </li>
1086                        <li>
1087              <a href="https://chuliu.com.tw/product/category/高雄文史采風">高雄文史采風</a>
1088                          </li>
1089                        <li>
1090              <a href="https://chuliu.com.tw/product/category/臺灣企業史叢書">臺灣企業史叢書</a>
1091                          </li>
1092                        <li>
1093              <a href="https://chuliu.com.tw/product/category/東台灣叢刊">東台灣叢刊</a>
1094                          </li>
1095             
1096          </ul>
1097                  </li>
1098                                <li class="dropdown">
1099        <a  href="https://chuliu.com.tw/product/catlogs/科學" >
1100         
1101             
1102            <span class="cMenu_title">科學</span>
1103          </a>
1104                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1105                      <ul class="dropdown-menu">
1106                        <li>
1107              <a href="https://chuliu.com.tw/product/category/工程-化學-物理-機械-數學-天文學">工程/化學/物理/機械/數學/天文學</a>
1108                          </li>
1109                        <li>
1110              <a href="https://chuliu.com.tw/product/category/圖鑑">圖鑑</a>
1111                          </li>
1112                        <li>
1113              <a href="https://chuliu.com.tw/product/category/環境科學">環境科學</a>
1114                          </li>
1115                        <li>
1116              <a href="https://chuliu.com.tw/product/category/自然科學">自然科學</a>
1117                          </li>
1118                        <li>
1119              <a href="https://chuliu.com.tw/product/category/環保系列">環保系列</a>
1120                          </li>
1121                        <li>
1122              <a href="https://chuliu.com.tw/product/category/綠色陣線協會">綠色陣線協會</a>
1123                          </li>
1124             
1125          </ul>
1126                  </li>
1127                                <li class="dropdown">
1128        <a  href="https://chuliu.com.tw/product/catlogs/研究方法" >
1129         
1130             
1131            <span class="cMenu_title">研究方法</span>
1132          </a>
1133                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1134                      <ul class="dropdown-menu">
1135                        <li>
1136              <a href="https://chuliu.com.tw/product/category/論文寫作法">論文寫作法</a>
1137                          </li>
1138                        <li>
1139              <a href="https://chuliu.com.tw/product/category/研究方法">研究方法</a>
1140                          </li>
1141                        <li>
1142              <a href="https://chuliu.com.tw/product/category/統計學">統計學</a>
1143                          </li>
1144             
1145          </ul>
1146                  </li>
1147                                <li class="dropdown">
1148        <a  href="https://chuliu.com.tw/product/catlogs/商學" >
1149         
1150             
1151            <span class="cMenu_title">商學</span>
1152          </a>
1153                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1154                      <ul class="dropdown-menu">
1155                        <li>
1156              <a href="https://chuliu.com.tw/product/category/經濟學">經濟學</a>
1157                          </li>
1158                        <li>
1159              <a href="https://chuliu.com.tw/product/category/市場學">市場學</a>
1160                          </li>
1161                        <li>
1162              <a href="https://chuliu.com.tw/product/category/投資學">投資學</a>
1163                          </li>
1164                        <li>
1165              <a href="https://chuliu.com.tw/product/category/管理學">管理學</a>
1166                          </li>
1167                        <li>
1168              <a href="https://chuliu.com.tw/product/category/會計學">會計學</a>
1169                          </li>
1170             
1171          </ul>
1172                  </li>
1173                                <li class="dropdown">
1174        <a  href="https://chuliu.com.tw/product/catlogs/期刊" >
1175         
1176             
1177            <span class="cMenu_title">期刊</span>
1178          </a>
1179                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1180                      <ul class="dropdown-menu">
1181                        <li>
1182              <a href="https://chuliu.com.tw/product/category/宋代文學研究叢刊">宋代文學研究叢刊</a>
1183                          </li>
1184                        <li>
1185              <a href="https://chuliu.com.tw/product/category/資訊社會研究">資訊社會研究</a>
1186                          </li>
1187                        <li>
1188              <a href="https://chuliu.com.tw/product/category/女學學誌">女學學誌</a>
1189                          </li>
1190                        <li>
1191              <a href="https://chuliu.com.tw/product/category/臺灣社會學刊">臺灣社會學刊</a>
1192                          </li>
1193                        <li>
1194              <a href="https://chuliu.com.tw/product/category/觀光與休閒管理期刊">觀光與休閒管理期刊</a>
1195                          </li>
1196                        <li>
1197              <a href="https://chuliu.com.tw/product/category/管理資訊計算">管理資訊計算</a>
1198                          </li>
1199                        <li>
1200              <a href="https://chuliu.com.tw/product/category/臺南文獻">臺南文獻</a>
1201                          </li>
1202                        <li>
1203              <a href="https://chuliu.com.tw/product/category/高雄文獻">高雄文獻</a>
1204                          </li>
1205                        <li>
1206              <a href="https://chuliu.com.tw/product/category/教育與社會研究">教育與社會研究</a>
1207                          </li>
1208                        <li>
1209              <a href="https://chuliu.com.tw/product/category/臺灣社會福利學刊">臺灣社會福利學刊</a>
1210                          </li>
1211                        <li>
1212              <a href="https://chuliu.com.tw/product/category/政治與社會哲學評論">政治與社會哲學評論</a>
1213                          </li>
1214                        <li>
1215              <a href="https://chuliu.com.tw/product/category/廣告學研究">廣告學研究</a>
1216                          </li>
1217                        <li>
1218              <a href="https://chuliu.com.tw/product/category/新聞學研究">新聞學研究</a>
1219                          </li>
1220                        <li>
1221              <a href="https://chuliu.com.tw/product/category/思與言">思與言</a>
1222                          </li>
1223                        <li>
1224              <a href="https://chuliu.com.tw/product/category/應華學報">應華學報</a>
1225                          </li>
1226                        <li>
1227              <a href="https://chuliu.com.tw/product/category/社會政策與社會工作學刊">社會政策與社會工作學刊</a>
1228                          </li>
1229                        <li>
1230              <a href="https://chuliu.com.tw/product/category/新批判">新批判</a>
1231                          </li>
1232                        <li>
1233              <a href="https://chuliu.com.tw/product/category/諮商心理與復健諮商學報">諮商心理與復健諮商學報</a>
1234                          </li>
1235                        <li>
1236              <a href="https://chuliu.com.tw/product/category/高雄行為科學學刊">高雄行為科學學刊</a>
1237                          </li>
1238             
1239          </ul>
1240                  </li>
1241                                <li class="dropdown">
1242        <a  href="https://chuliu.com.tw/product/catlogs/語言" >
1243         
1244             
1245            <span class="cMenu_title">語言</span>
1246          </a>
1247                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1248                      <ul class="dropdown-menu">
1249                        <li>
1250              <a href="https://chuliu.com.tw/product/category/英文">英文</a>
1251                          </li>
1252                        <li>
1253              <a href="https://chuliu.com.tw/product/category/西班牙文">西班牙文</a>
1254                          </li>
1255                        <li>
1256              <a href="https://chuliu.com.tw/product/category/客語">客語</a>
1257                          </li>
1258             
1259          </ul>
1260                  </li>
1261                                <li class="dropdown">
1262        <a  href="https://chuliu.com.tw/product/catlogs/人文史地" >
1263         
1264             
1265            <span class="cMenu_title">人文史地</span>
1266          </a>
1267                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1268                      <ul class="dropdown-menu">
1269                        <li>
1270              <a href="https://chuliu.com.tw/product/category/人文">人文</a>
1271                          </li>
1272                        <li>
1273              <a href="https://chuliu.com.tw/product/category/葡語國家研究論叢">葡語國家研究論叢</a>
1274                          </li>
1275             
1276          </ul>
1277                  </li>
1278                                <li class="dropdown">
1279        <a  href="https://chuliu.com.tw/product/catlogs/語文" >
1280         
1281             
1282            <span class="cMenu_title">語文</span>
1283          </a>
1284                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1285                      <ul class="dropdown-menu">
1286                        <li>
1287              <a href="https://chuliu.com.tw/product/category/現代文學">現代文學</a>
1288                          </li>
1289                        <li>
1290              <a href="https://chuliu.com.tw/product/category/中國文學">中國文學</a>
1291                          </li>
1292                        <li>
1293              <a href="https://chuliu.com.tw/product/category/西洋文學">西洋文學</a>
1294                          </li>
1295                        <li>
1296              <a href="https://chuliu.com.tw/product/category/國文選">國文選</a>
1297                          </li>
1298                        <li>
1299              <a href="https://chuliu.com.tw/product/category/應用文">應用文</a>
1300                          </li>
1301                        <li>
1302              <a href="https://chuliu.com.tw/product/category/文字學">文字學</a>
1303                          </li>
1304                        <li>
1305              <a href="https://chuliu.com.tw/product/category/外國語言學習">外國語言學習</a>
1306                          </li>
1307                        <li>
1308              <a href="https://chuliu.com.tw/product/category/文學理論">文學理論</a>
1309                          </li>
1310                        <li>
1311              <a href="https://chuliu.com.tw/product/category/中國語文學習">中國語文學習</a>
1312                          </li>
1313                        <li>
1314              <a href="https://chuliu.com.tw/product/category/升學作文-寫作教學">升學作文/寫作教學</a>
1315                          </li>
1316             
1317          </ul>
1318                  </li>
1319                                <li class="">
1320        <a  href="https://chuliu.com.tw/product/category/繪本" >
1321         
1322             
1323            <span class="cMenu_title">繪本</span>
1324          </a>
1325                  </li>
1326                                <li class="dropdown">
1327        <a  href="https://chuliu.com.tw/product/catlogs/資訊" >
1328         
1329             
1330            <span class="cMenu_title">資訊</span>
1331          </a>
1332                                  <span class="dropdown-toggle-mobile visible-xs" data-toggle="dropdown"><i class="fa fa-angle-down"></i></span>
1333                      <ul class="dropdown-menu">
1334                        <li>
1335              <a href="https://chuliu.com.tw/product/category/程式設計">程式設計</a>
1336                          </li>
1337                        <li>
1338              <a href="https://chuliu.com.tw/product/category/電腦資訊">電腦資訊</a>
1339                          </li>
1340             
1341          </ul>
1342                  </li>
1343                                                 
1344      </ul>
1345    </div>
1346  </div>
1347</nav>
1348<!-- <div class="nav-overlay fade"></div> -->
1349<style>
1350/* 手機版選單樣式 */
1351@media (max-width: 767px) {
1352    .dropdown-toggle-mobile {
1353        position: absolute;
1354        right: 15px;
1355        top: 10px;
1356        width: 30px;
1357        height: 30px;
1358        text-align: center;
1359        line-height: 30px;
1360        border-radius: 3px;
1361        cursor: pointer;
1362        z-index: 2;
1363    }
1364    
1365    .dropdown-toggle-mobile i {
1366        font-size: 25px;
1367        transition: all 0.3s ease;
1368    }
1369    
1370    .dropdown-toggle-mobile.open i {
1371        transform: rotate(180deg);
1372    }
1373    
1374    #homeCustomMenu li.dropdown {
1375        position: relative;
1376    }
1377    
1378    
1379    
1380    #homeCustomMenu .dropdown-menu.show {
1381        display: block;
1382    }
1383}
1384</style>                    
1385        <section class="breadcrumb-area breadcrumb-bottom-area">
1386            <div class="container">
1387                <div class="row">
1388                    <div class="col-xs-12">
1389                        <ul>
1390                            <li><a href="https://www.chuliu.com.tw/">首頁</a></li>
1391                            <li><a href=""><i class="fa fa-angle-right"></i></a></li>
1392                            <li>教育</li>
1393                        </ul>
1394                    </div>
1395                </div>
1396            </div>
1397        </section>
1398
1399        
1400        
1401        <div class="shop_page featured-product">
1402                <div class="container">
1403                    <div class="row">
1404                        <aside class="col-md-3 col-sm-12 col-xs-12 sidebar_styleTwo">
1405                            <div class="wrapper">
1406                                <div class="sidebar_categories sidebar_section">
1407                                    <div class="theme_inner_title hidden-sm hidden-xs">
1408                                        <h4>商品分類</h4>
1409                                    </div>
1410                                                                        <ul class="content hidden-sm hidden-xs">
1411                                                                                <li class="active">
1412                                            <a href="https://www.chuliu.com.tw/product/catlogs/教育" class="tran3s">教育</a>
1413                                                                                        <ul class="category_list" style="display:block">
1414                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/各級教育">
1415                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 各級教育                                                    </a>
1416                                                </li>
1417                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育總論">
1418                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育總論                                                    </a>
1419                                                </li>
1420                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育心理學-教學-課程">
1421                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育心理學/教學/課程                                                    </a>
1422                                                </li>
1423                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教師與師資培育">
1424                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教師與師資培育                                                    </a>
1425                                                </li>
1426                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育行政">
1427                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育行政                                                    </a>
1428                                                </li>
1429                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/學校管理">
1430                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 學校管理                                                    </a>
1431                                                </li>
1432                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/體育、休閒、運動">
1433                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 體育、休閒、運動                                                    </a>
1434                                                </li>
1435                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/特殊教育">
1436                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 特殊教育                                                    </a>
1437                                                </li>
1438                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/幼兒教育">
1439                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 幼兒教育                                                    </a>
1440                                                </li>
1441                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/生涯規劃">
1442                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 生涯規劃                                                    </a>
1443                                                </li>
1444                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/生命教育">
1445                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 生命教育                                                    </a>
1446                                                </li>
1447                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育統計學">
1448                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育統計學                                                    </a>
1449                                                </li>
1450                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/批判教育學">
1451                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 批判教育學                                                    </a>
1452                                                </li>
1453                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/補充教材">
1454                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 補充教材                                                    </a>
1455                                                </li>
1456                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/九年一貫與課程統整系列">
1457                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 九年一貫與課程統整系列                                                    </a>
1458                                                </li>
1459                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育研究法">
1460                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育研究法                                                    </a>
1461                                                </li>
1462                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/地理">
1463                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 地理                                                    </a>
1464                                                </li>
1465                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育社會學">
1466                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育社會學                                                    </a>
1467                                                </li>
1468                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/兒童文學">
1469                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 兒童文學                                                    </a>
1470                                                </li>
1471                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/比較教育學">
1472                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 比較教育學                                                    </a>
1473                                                </li>
1474                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/開放教育叢書">
1475                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 開放教育叢書                                                    </a>
1476                                                </li>
1477                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/成人與社區教育">
1478                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 成人與社區教育                                                    </a>
1479                                                </li>
1480                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/班級經營">
1481                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 班級經營                                                    </a>
1482                                                </li>
1483                                            
1483                                                </ul>
1484                                                                                    </li>
1485                                                                                <li >
1486                                            <a href="https://www.chuliu.com.tw/product/catlogs/政治" class="tran3s">政治</a>
1487                                                                                        <ul class="category_list" style="display:none">
1488                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/公共行政">
1489                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 公共行政                                                    </a>
1490                                                </li>
1491                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/公共政策與行政書系PPA">
1492                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 公共政策與行政書系PPA                                                    </a>
1493                                                </li>
1494                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/政治理論">
1495                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 政治理論                                                    </a>
1496                                                </li>
1497                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/財政學">
1498                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 財政學                                                    </a>
1499                                                </li>
1500                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/人權書系">
1501                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 人權書系                                                    </a>
1502                                                </li>
1503                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/政治經濟學">
1504                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 政治經濟學                                                    </a>
1505                                                </li>
1506                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/中國研究系列叢書(王振寰主編)">
1507                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 中國研究系列叢書(王振寰主編)                                                    </a>
1508                                                </li>
1509                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/國際關係">
1510                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 國際關係                                                    </a>
1511                                                </li>
1512                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/憲法政治學">
1513                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 憲法政治學                                                    </a>
1514                                                </li>
1515                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/中國研究">
1516                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 中國研究                                                    </a>
1517                                                </li>
1518                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/憲法-公民教育">
1519                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 憲法/公民教育                                                    </a>
1520                                                </li>
1521                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/人權影像叢書">
1522                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 人權影像叢書                                                    </a>
1523                                                </li>
1524                                                                                            </ul>
1525                                                                                    </li>
1526                                                                                <li >
1527                                            <a href="https://www.chuliu.com.tw/product/catlogs/社會學" class="tran3s">社會學</a>
1528                                                                                        <ul class="category_list" style="display:none">
1529                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會學導論">
1530                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會學導論                                                    </a>
1531                                                </li>
1532                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會運動">
1533                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會運動                                                    </a>
1534                                                </li>
1535                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/法律社會學">
1536                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 法律社會學                                                    </a>
1537                                                </li>
1538                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/家庭社會學">
1539                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 家庭社會學                                                    </a>
1540                                                </li>
1541                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/醫療社會學">
1542                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 醫療社會學                                                    </a>
1543                                                </li>
1544                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/基進.實踐.文化系列">
1545                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 基進.實踐.文化系列                                                    </a>
1546                                                </li>
1547                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/女性思潮系列">
1548                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 女性思潮系列                                                    </a>
1549                                                </li>
1550                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/客家研究">
1551                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 客家研究                                                    </a>
1552                                                </li>
1553                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/分領域社會學">
1554                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 分領域社會學                                                    </a>
1555                                                </li>
1556                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/新移民議題">
1557                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 新移民議題                                                    </a>
1558                                                </li>
1559                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺灣第三部門研究叢書">
1560                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺灣第三部門研究叢書                                                    </a>
1561                                                </li>
1562                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會研究法">
1563                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會研究法                                                    </a>
1564                                                </li>
1565                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/當代理論-社會思潮">
1566                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 當代理論/社會思潮                                                    </a>
1567                                                </li>
1568                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/批判-文化系列">
1569                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 批判/文化系列                                                    </a>
1570                                                </li>
1571                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/全球化叢書">
1572                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 全球化叢書                                                    </a>
1573                                                </li>
1574                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/空間與都市社會學">
1575                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 空間與都市社會學                                                    </a>
1576                                                </li>
1577                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/非營利部門">
1578                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 非營利部門                                                    </a>
1579                                                </li>
1580                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社區-都市計畫">
1581                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社區/都市計畫                                                    </a>
1582                                                </li>
1583                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會事業經營管理叢書">
1584                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會事業經營管理叢書                                                    </a>
1585                                                </li>
1586                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/馬克思思想">
1587                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 馬克思思想                                                    </a>
1588                                                </li>
1589                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/概念書房系列">
1590                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 概念書房系列                                                    </a>
1591                                                </li>
1592                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/文化研究">
1593                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 文化研究                                                    </a>
1594                                                </li>
1595                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會心理">
1596                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會心理                                                    </a>
1597                                                </li>
1598                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/性-別研究">
1599                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 性/別研究                                                    </a>
1600                                                </li>
1601                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會學本土化">
1602                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會學本土化                                                    </a>
1603                                                </li>
1604                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社
1604會福利">
1605                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會福利                                                    </a>
1606                                                </li>
1607                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/環境社會學">
1608                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 環境社會學                                                    </a>
1609                                                </li>
1610                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/當代思想叢書">
1611                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 當代思想叢書                                                    </a>
1612                                                </li>
1613                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/阿蓋爾作品集">
1614                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 阿蓋爾作品集                                                    </a>
1615                                                </li>
1616                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/大同日照叢書">
1617                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 大同日照叢書                                                    </a>
1618                                                </li>
1619                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/人口學">
1620                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 人口學                                                    </a>
1621                                                </li>
1622                                                                                            </ul>
1623                                                                                    </li>
1624                                                                                <li >
1625                                            <a href="https://www.chuliu.com.tw/product/catlogs/心理諮商" class="tran3s">心理諮商</a>
1626                                                                                        <ul class="category_list" style="display:none">
1627                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/心理學">
1628                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 心理學                                                    </a>
1629                                                </li>
1630                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/青少年研究">
1631                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 青少年研究                                                    </a>
1632                                                </li>
1633                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/心理與輔導">
1634                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 心理與輔導                                                    </a>
1635                                                </li>
1636                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/陪著你玩å
1636„ªè³ªé—œä¿‚經營系列">
1637                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 陪著你玩優質關係經營系列                                                    </a>
1638                                                </li>
1639                                                                                            </ul>
1640                                                                                    </li>
1641                                                                                <li >
1642                                            <a href="https://www.chuliu.com.tw/product/catlogs/法律" class="tran3s">法律</a>
1643                                                                                        <ul class="category_list" style="display:none">
1644                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/民法">
1645                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 民法                                                    </a>
1646                                                </li>
1647                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/法律">
1648                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 法律                                                    </a>
1649                                                </li>
1650                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/高大法學叢書">
1651                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 高大法學叢書                                                    </a>
1652                                                </li>
1653                                                                                            </ul>
1654                                                                                    </li>
1655                                                                                <li >
1656                                            <a href="https://www.chuliu.com.tw/product/catlogs/歷史" class="tran3s">歷史</a>
1657                                                                                        <ul class="category_list" style="display:none">
1658                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/史學">
1659                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 史學                                                    </a>
1660                                                </li>
1661                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/中國史">
1662                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 中國史                                                    </a>
1663                                                </li>
1664                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/政治大學史學叢書">
1665                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 政治大學史學叢書                                                    </a>
1666                                                </li>
1667                                                                                            </ul>
1668                                                                                    </li>
1669                                                                                <li >
1670                                            <a href="https://www.chuliu.com.tw/product/catlogs/考試" class="tran3s">考試</a>
1671                                                                                        <ul class="category_list" style="display:none">
1672                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/高普">
1673                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 高普                                                    </a>
1674                                                </li>
1675                                                                                            </ul>
1676                                                                                    </li>
1677                                                                                <li >
1678                                            <a href="https://www.chuliu.com.tw/product/catlogs/社會工作" class="tran3s">社會工作</a>
1679                                                                                        <ul class="category_list" style="display:none">
1680                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會工作導論">
1681                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會工作導論                                                    </a>
1682                                                </li>
1683                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會工作方法">
1684                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會工作方法                                                    </a>
1685                                                </li>
1686                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會工作實務">
1687                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會工作實務                                                    </a>
1688                                                </li>
1689                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會工作">
1690                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會工作                                                    </a>
1691                                                </li>
1692                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺灣社會工作專業人員協會">
1693                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺灣社會工作專業人員協會                                                    </a>
1694                                                </li>
1695                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/SkillsforCare">
1696                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> Skills for Care                                                    </a>
1697                                                </li>
1698                                                                                            </ul>
1699                                                                                    </li>
1700                                                                                <li >
1701                                            <a href="https://www.chuliu.com.tw/product/catlogs/醫學" class="tran3s">醫學</a>
1702                                                                                        <ul class="category_list" style="display:none">
1703                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/公共衛生">
1704                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 公共衛生                                                    </a>
1705                                                </li>
1706                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/醫學">
1707                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 醫學                                                    </a>
1708                                                </li>
1709                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/醫療">
1710                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 醫療                                                    </a>
1711                                                </li>
1712                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/醫學科學叢書-高雄醫學大學">
1713                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 醫學科學叢書-高雄醫學大學                                                    </a>
1714                                                </li>
1715                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/醫學人文叢書-高雄醫學大學">
1716                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 醫學人文叢書-高雄醫學大學                                                    </a>
1717                                                </li>
1718                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/當代公共衛生學叢書-財團法人陳拱北預防醫學基金會">
1719                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 當代公共衛生學叢書-財團法人陳拱北預防醫學基金會                                                    </a>
1720                                                </li>
1721                                                                                            </ul>
1722                                                                                    </li>
1723                                                                                <li >
1724                                            <a href="https://www.chuliu.com.tw/product/catlogs/語文" class="tran3s">語文</a>
1725                                                                                        <ul class="category_list" style="display:none">
1726                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/現代文學">
1727                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 現代文學                                                    </a>
1728                                                </li>
1729                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/中國文學">
1730                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 中國文學                                                    </a>
1731                                                </li>
1732                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/西洋文學">
1733                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 西洋文學                                                    </a>
1734                                                </li>
1735                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/國文選">
1736                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 國文選                                                    </a>
1737                                                </li>
1738                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/應用文">
1739                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 應用文                                                    </a>
1740                                                </li>
1741                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/文字學">
1742                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 文字學                                                    </a>
1743                                                </li>
1744                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/外國語言學習">
1745                                                        <i class="fa fa-angle-right" aria-hidden="true"></i>
1745 外國語言學習                                                    </a>
1746                                                </li>
1747                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/文學理論">
1748                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 文學理論                                                    </a>
1749                                                </li>
1750                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/中國語文學習">
1751                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 中國語文學習                                                    </a>
1752                                                </li>
1753                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/升學作文-寫作教學">
1754                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 升學作文/寫作教學                                                    </a>
1755                                                </li>
1756                                                                                            </ul>
1757                                                                                    </li>
1758                                                                                <li >
1759                                            <a href="https://www.chuliu.com.tw/product/catlogs/宗教" class="tran3s">宗教</a>
1760                                                                                        <ul class="category_list" style="display:none">
1761                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/宗教">
1762                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 宗教                                                    </a>
1763                                                </li>
1764                                                                                            </ul>
1765                                                                                    </li>
1766                                                                                <li >
1767                                            <a href="https://www.chuliu.com.tw/product/catlogs/人類學" class="tran3s">人類學</a>
1768                                                                                        <ul class="category_list" style="display:none">
1769                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/文化人類學">
1770                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 文化人類學                                                    </a>
1771                                                </li>
1772                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/法人類學">
1773                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 法人類學                                                    </a>
1774                                                </li>
1775                                                                                            </ul>
1776                                                                                    </li>
1777                                                                                <li >
1778                                            <a href="https://www.chuliu.com.tw/product/catlogs/文化與產業" class="tran3s">文化與產業</a>
1779                                                                                        <ul class="category_list" style="display:none">
1780                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/藝術">
1781                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 藝術                                                    </a>
1782                                                </li>
1783                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/文創產業">
1784                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 文創產業                                                    </a>
1785                                                </li>
1786                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/動畫教學">
1787                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 動畫教學                                                    </a>
1788                                                </li>
1789                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/音樂">
1790                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 音樂                                                    </a>
1791                                                </li>
1792                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/戲劇">
1793                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 戲劇                                                    </a>
1794                                                </li>
1795                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/藝術管理與文化政策叢書">
1796                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 藝術管理與文化政策叢書                                                    </a>
1797                                                </li>
1798                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/美術">
1799                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 美術                                                    </a>
1800                                                </li>
1801                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/藝術-美術總論">
1802                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 藝術/美術總論                                                    </a>
1803                                                </li>
1804                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/劇場-電影">
1805                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 劇場/電影                                                    </a>
1806                                                </li>
1807                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/書法">
1808                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 書法                                                    </a>
1809                                                </li>
1810                                                                                            </ul>
1811                                                                                    </li>
1812                                                                                <li >
1813                                            <a href="https://www.chuliu.com.tw/product/catlogs/哲學" class="tran3s">哲學</a>
1814                                                                                        <ul class="category_list" style="display:none">
1815                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/哲學思想">
1816                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 哲學思想                                                    </a>
1817                                                </li>
1818                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/生死學">
1819                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 生死學                                                    </a>
1820                                                </li>
1821                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/宗教思想">
1822                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 宗教思想                                                    </a>
1823                                                </li>
1824                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/易經">
1825                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 易經                                                    </a>
1826                                                </li>
1827                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/五術">
1828                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 五術                                                    </a>
1829                                                </li>
1830                                                                                            </ul>
1831                                                                                    </li>
1832                                                                                <li >
1833                                            <a href="https://www.chuliu.com.tw/product/catlogs/傳記" class="tran3s">傳記</a>
1834                                                                                        <ul class="category_list" style="display:none">
1835                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/傳記">
1836                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 傳記                                                    </a>
1837                                                </li>
1838                                                                                            </ul>
1839                                                                                    </li>
1840                                                                                <li >
1841                                            <a href="https://www.chuliu.com.tw/product/catlogs/科學" class="tran3s">科學</a>
1842                                                                                        <ul class="category_list" style="display:none">
1843                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/工程-化學-物理-機械-數學-天文學">
1844                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 工程/化學/物理/機械/數學/天文學                                                    </a>
1845                                                </li>
1846                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/圖鑑">
1847                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 圖鑑                                                    </a>
1848                                                </li>
1849                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/環境科學">
1850                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 環境科學                                                    </a>
1851                                                </li>
1852                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/自然科學">
1853                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 自然科學                                                    </a>
1854                                                </li>
1855                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/環保系列">
1856                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 環保系列                                                    </a>
1857                                                </li>
1858                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/綠色陣線協會">
1859                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 綠色陣線協會                                                    </a>
1860                                                </li>
1861                                                                                            </ul>
1862                                                                                    </li>
1863                                                                                <li >
1864                                            <a href="https://www.chuliu.com.tw/product/catlogs/語言" class="tran3s">語言</a>
1865                                                                                        <ul class="category_list" style="display:none">
1866                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/英文">
1867                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 英文                                                    </a>
1868                                                </li>
1869                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/西班牙文">
1870                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 西班牙文                                                    </a>
1871                                                </li>
1872                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/客語">
1873                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 客語                                                    </a>
1874                                                </li>
1875                                                
1875                                            </ul>
1876                                                                                    </li>
1877                                                                                <li >
1878                                            <a href="https://www.chuliu.com.tw/product/catlogs/商學" class="tran3s">商學</a>
1879                                                                                        <ul class="category_list" style="display:none">
1880                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/經濟學">
1881                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 經濟學                                                    </a>
1882                                                </li>
1883                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/市場學">
1884                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 市場學                                                    </a>
1885                                                </li>
1886                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/投資學">
1887                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 投資學                                                    </a>
1888                                                </li>
1889                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/管理學">
1890                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 管理學                                                    </a>
1891                                                </li>
1892                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/會計學">
1893                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 會計學                                                    </a>
1894                                                </li>
1895                                                                                            </ul>
1896                                                                                    </li>
1897                                                                                <li >
1898                                            <a href="https://www.chuliu.com.tw/product/catlogs/傳播" class="tran3s">傳播</a>
1899                                                                                        <ul class="category_list" style="display:none">
1900                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/傳播媒體">
1901                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 傳播媒體                                                    </a>
1902                                                </li>
1903                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/卓越新聞獎書系">
1904                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 卓越新聞獎書系                                                    </a>
1905                                                </li>
1906                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/傳播與社會書系">
1907                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 傳播與社會書系                                                    </a>
1908                                                </li>
1909                                                                                            </ul>
1910                                                                                    </li>
1911                                                                                <li >
1912                                            <a href="https://www.chuliu.com.tw/product/catlogs/臺灣研究" class="tran3s">臺灣研究</a>
1913                                                                                        <ul class="category_list" style="display:none">
1914                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺灣研究">
1915                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺灣研究                                                    </a>
1916                                                </li>
1917                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/高雄研究叢刊">
1918                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 高雄研究叢刊                                                    </a>
1919                                                </li>
1920                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/高雄文史采風">
1921                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 高雄文史采風                                                    </a>
1922                                                </li>
1923                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺灣企業史叢書">
1924                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺灣企業史叢書                                                    </a>
1925                                                </li>
1926                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/東台灣叢刊">
1927                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 東台灣叢刊                                                    </a>
1928                                                </li>
1929                                                                                            </ul>
1930                                                                                    </li>
1931                                                                                <li >
1932                                            <a href="https://www.chuliu.com.tw/product/catlogs/研究方法" class="tran3s">研究方法</a>
1933                                                                                        <ul class="category_list" style="display:none">
1934                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/論文寫作法">
1935                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 論文寫作法                                                    </a>
1936                                                </li>
1937                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/研究方法">
1938                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 研究方法                                                    </a>
1939                                                </li>
1940                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/統計學">
1941                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 統計學                                                    </a>
1942                                                </li>
1943                                                                                            </ul>
1944                                                                                    </li>
1945                                                                                <li >
1946                                            <a href="https://www.chuliu.com.tw/product/catlogs/期刊" class="tran3s">期刊</a>
1947                                                                                        <ul class="category_list" style="display:none">
1948                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/宋代文學研究叢刊">
1949                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 宋代文學研究叢刊                                                    </a>
1950                                                </li>
1951                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/資訊社會研究">
1952                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 資訊社會研究                                                    </a>
1953                                                </li>
1954                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/女學學誌">
1955                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 女學學誌                                                    </a>
1956                                                </li>
1957                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺灣社會學刊">
1958                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺灣社會學刊                                                    </a>
1959                                                </li>
1960                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/觀光與休閒管理期刊">
1961                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 觀光與休閒管理期刊                                                    </a>
1962                                                </li>
1963                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/管理資訊計算">
1964                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 管理資訊計算                                                    </a>
1965                                                </li>
1966                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺南文獻">
1967                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺南文獻                                                    </a>
1968                                                </li>
1969                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/高雄文獻">
1970                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 高雄文獻                                                    </a>
1971                                                </li>
1972                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/教育與社會研究">
1973                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 教育與社會研究                                                    </a>
1974                                                </li>
1975                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/臺灣社會福利學刊">
1976                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 臺灣社會福利學刊                                                    </a>
1977                                                </li>
1978                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/政治與社會哲學評論">
1979                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 政治與社會哲學評論                                                    </a>
1980                                                </li>
1981                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/廣告學研究">
1982                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 廣告學研究                                                    </a>
1983                                                </li>
1984                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/新聞學研究">
1985                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 新聞學研究                                                    </a>
1986                                                </li>
1987                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/思與言">
1988                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 思與言                                                    </a>
1989                                                </li>
1990                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/應華學報">
1991                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 應華學報                                                    </a>
1992                                                </li>
1993                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/社會政策與社會工作學刊">
1994                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 社會政策與社會工作學刊                                                    </a>
1995                                                </li>
1996                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/新批判">
1997                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 新批判                                                    </a>
1998                                                </li>
1999                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/諮商心理與復健諮商學報">
2000                                                        <i class="fa fa-angle-right" aria-hidden="tr
2000ue"></i> 諮商心理與復健諮商學報                                                    </a>
2001                                                </li>
2002                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/高雄行為科學學刊">
2003                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 高雄行為科學學刊                                                    </a>
2004                                                </li>
2005                                                                                            </ul>
2006                                                                                    </li>
2007                                                                                <li >
2008                                            <a href="https://www.chuliu.com.tw/product/catlogs/人文史地" class="tran3s">人文史地</a>
2009                                                                                        <ul class="category_list" style="display:none">
2010                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/人文">
2011                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 人文                                                    </a>
2012                                                </li>
2013                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/葡語國家研究論叢">
2014                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 葡語國家研究論叢                                                    </a>
2015                                                </li>
2016                                                                                            </ul>
2017                                                                                    </li>
2018                                                                                <li >
2019                                            <a href="https://www.chuliu.com.tw/product/catlogs/學校紀念品" class="tran3s">學校紀念品</a>
2020                                                                                        <ul class="category_list" style="display:none">
2021                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/學校紀念品">
2022                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 學校紀念品                                                    </a>
2023                                                </li>
2024                                                                                            </ul>
2025                                                                                    </li>
2026                                                                                <li >
2027                                            <a href="https://www.chuliu.com.tw/product/catlogs/繪本" class="tran3s">繪本</a>
2028                                                                                        <ul class="category_list" style="display:none">
2029                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/繪本">
2030                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 繪本                                                    </a>
2031                                                </li>
2032                                                                                            </ul>
2033                                                                                    </li>
2034                                                                                <li >
2035                                            <a href="https://www.chuliu.com.tw/product/catlogs/資訊" class="tran3s">資訊</a>
2036                                                                                        <ul class="category_list" style="display:none">
2037                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/程式設計">
2038                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 程式設計                                                    </a>
2039                                                </li>
2040                                                                                                <li><a href="https://www.chuliu.com.tw/product/category/電腦資訊">
2041                                                        <i class="fa fa-angle-right" aria-hidden="true"></i> 電腦資訊                                                    </a>
2042                                                </li>
2043                                                                                            </ul>
2044                                                                                    </li>
2045                                                                            </ul>
2046                                    <div class="axo-row axo-align-baseline form-group hidden-md hidden-lg">
2047                                        <div class="axo-col-xs-3 text-center"><label class="control-label ">分類</label></div>
2048                                        <div class="axo-col-xs-9">
2049                                            <select  class="form-control hidden-md hidden-lg" @change="linkTo($event)">
2050                                                <option value="" selected disabled>請選擇分類</option>
2051                                                                                                                                                                                                                <option value="各級教育">各級教育</option>
2052                                                                                                            <option value="教育總論">教育總論</option>
2053                                                                                                            <option value="教育心理學-教學-課程">教育心理學/教學/課程</option>
2054                                                                                                            <option value="教師與師資培育">
2054教師與師資培育</option>
2055                                                                                                            <option value="教育行政">教育行政</option>
2056                                                                                                            <option value="學校管理">學校管理</option>
2057                                                                                                            <option value="體育、休閒、運動">體育、休閒、運動</option>
2058                                                                                                            <option value="特殊教育">特殊教育</option>
2059                                                                                                            <option value="幼兒教育">幼兒教育</option>
2060                                                                                                            <option value="生涯規劃">生涯規劃</option>
2061                                                                                                            <option value="生命教育">生命教育</option>
2062                                                                                                            <option value="教育統計學">教育統計學</option>
2063                                                                                                            <option value="批判教育學">批判教育學</option>
2064                                                                                                            <option value="補充教材">補充教材</option>
2065                                                                                                            <option value="九年一貫與課程統整系列">九年一貫與課程統整系列</option>
2066                                                                                                            <option value="教育研究法">教育研究法</option>
2067                                                                                                            <option value="地理">地理</option>
2068                                                                                                            <option value="教育社會學">教育社會學</option>
2069                                                                                                            <option value="兒童文學">兒童文學</option>
2070                                                                                                            <option value="比較教育學">比較教育學</option>
2071                                                                                                            <option value="開放教育叢書">開放教育叢書</option>
2072                                                                                                            <option value="成人與社區教育">成人與社區教育</option>
2073                                                                                                            <option value="班級經營">班級經營</option>
2074                                                                                                         
2075                                                                                                     
2076                                                                                                     
2077                                                                                                     
2078                                                                                                     
2079                                                                                                     
2080                                                                                                     
2081                                                                                                     
2082                                                                                                     
2083                                                                                                     
2084                                                                                                     
2085                                                                                                     
2086                                                                                                     
2087                                                                                                     
2088                                                                                                     
2089                                                                                                     
2090                                                                                                     
2091                                                                                                     
2092                                                                                                     
2093                                                                                                     
2094                                                                                                     
2095                                                                                                     
2096                                                                                                     
2097                                                                                                     
2098                                                                                                     
2099                                                                                                     
2100                                                       
2101                                            </select>
2102                                        </div>
2103                                    </div>
2104                                                                    </div>
2105
2106                                                            </div>
2107                        </aside>
2108
2109                        <article class="col-md-9 col-sm-12 col-xs-12 shop-contents">
2110                            <div class="shop_topbar row" v-cloak>
2111                                <div class="col-xs-6">
2112                                    <div class="view pull-left">
2113                                        <a href="#grid" class="text-danger"><i class="fa fa-th" aria-hidden="true"></i></a>
2114                                        <a href="#list"><i class="fa fa-th-list" aria-hidden="true"></i></a>
2115                                    </div>
2116                                </div>
2117                                <div class="col-xs-6">
2118                                    <div class="pull-right">
2119                                                                                <select class="catlog_filter form-control" v-model="catlogs_data.filterOrderBy" @change="loadPage">
2120                                          <option v-for="option in catlogs_data.filterOrderByOptions" v-bind:value="option.value">{{ option.text }}</option>
2121                                        </select>
2122                                                                            </div>
2123                                </div>
2124                            </div>  
2125                            <!-- 針對該類別篩選 -->
2126                            <div class="row" style="margin-bottom: 20px;">
2127                                <div class="col-xs-12 col-sm-5 text-align-right pull-right">
2128                                    <div class="input-group">
2129                                        <input type="text" class="form-control w100pi" id="catlogsSearchInput" placeholder="請輸入商品關鍵字搜尋">
2130                                        <span class="input-group-btn">
2131                                            <button class="btn btn-main" type="button" id="catlogsSearchBtn">搜尋</button>
2132                                        </span>
2133                                    </div>
2134                                </div>
2135                            </div> 
2136                            <div class="row grid-list" id="grid">
2137                                                                                          <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2138                                    <div class="inner-box">
2139                                        <div class="single-item">
2140                                            <figure class="image-box">
2141                                                <a href="https://www.chuliu.com.tw/product/detail/A220801001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/4e74b79bd4e979f9394192026dcaea7e.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/4e74b79bd4e979f9394192026dcaea7e.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/4e74b79bd4e979f9394192026dcaea7e.jpg);" --> 
2142                                                                                                <div class="product-model-group-top">
2143                                                    <span class="label label-main brand-title">高雄復文</span>
2144                                                </div>
2145                                                                                                <div class="product-model-group">
2146                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2147                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2148                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2149                                                                                                                                                                                                                </div>
2150                                            </figure>
2151                                            <div class="content">
2152                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A220801001">高雄市水產養殖傳染病防治</a></h3>
2153                                                <div class="price"> 
2154                                                                                                            NT$468                                                                                                             
2155                                                    <span class="prev-rate  ">NT$520</span></div>
2156                                                                                                <div class="addQuickToCart row row-no-gutters">
2157                                                    <div class="col-xs-9">
2158                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A220801001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2159                                                    </div>
2160                                                    <div class="col-xs-3 pl-xs">
2161                                                        <button 
2162                                                            class="btn btn-danger btn-sm btn-block" 
2163                                                            v-bind:class="{'isMarked':isTracked('A220801001')}" 
2164                                                            @click="addTrack('A220801001')" >
2165                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2166                                                        </button>
2167                                                    </div>
2168                                                </div>
2169                                                                                            </div>
2170                                        </div>
2171                                    </div>
2172                                </div>
2173                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2174                                    <div class="inner-box">
2175                                        <div class="single-item">
2176                                            <figure class="image-box">
2177                                                <a href="https://www.chuliu.com.tw/product/detail/A220802001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/60063b614ca4f8326886fc9c3a37967c.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/60063b614ca4f8326886fc9c3a37967c.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/60063b614ca4f8326886fc9c3a37967c.jpg);" --> 
2178                                                                                                <div class="product-model-group-top">
2179                                                    <span class="label label-main brand-title">巨流圖書</span>
2180                                                </div>
2181                                                                                                <div class="product-model-group">
2182                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2183                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2184                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2185                                                                                                                                                                                                                </div>
2186                                            </figure>
2187                                            <div class="content">
2188                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A220802001">後疫情風險社會之人力資源再發展</a></h3>
2189                                                <div class="price"> 
2190                                                                                                            NT$315                                                                                                             
2191                                                    <span class="prev-rate  ">NT$350</span></div>
2192                                                                                                <div class="addQuickToCart row row-no-gutters">
2193                                                    <div class="col-xs-9">
2194                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A220802001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2195                                                    </div>
2196                                                    <div class="col-xs-3 pl-xs">
2197                                                        <button 
2198                                                            class="btn btn-danger btn-sm btn-block" 
2199                                                            v-bind:class="{'isMarked':isTracked('A220802001')}" 
2200                                                            @click="addTrack('A220802001')" >
2201                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2202                                                        </button>
2203                                                    </div>
2204                                                </div>
2205                                                                                            </div>
2206                                        </div>
2207                                    </div>
2208                                </div>
2209                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2210                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2211                                    <div class="inner-box">
2212                                        <div class="single-item">
2213                                            <figure class="image-box">
2214                                                <a href="https://www.chuliu.com.tw/product/detail/A230330001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202303/97800f3ff9304736ae664fb40be2b99d.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202303/97800f3ff9304736ae664fb40be2b99d.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202303/97800f3ff9304736ae664fb40be2b99d.jpg);" --> 
2215                                                                                                <div class="product-model-group-top">
2216                                                    <span class="label label-main brand-title">巨流圖書</span>
2217                                                </div>
2218                                                                                                <div class="product-model-group">
2219                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2220                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2221                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2222                                                                                                                                                                                                                </div>
2223                                            </figure>
2224                                            <div class="content">
2225                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230330001">長照服務各國設計創新──合作、創新、體驗</a></h3>
2226                                                <div class="price"> 
2227                                                                                                            NT$522                                                                                                             
2228                                                    <span class="prev-rate  ">NT$580</span></div>
2229                                                                                                <div class="addQuickToCart row row-no-gutters">
2230                                                    <div class="col-xs-9">
2231                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230330001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2232                                                    </div>
2233                                                    <div class="col-xs-3 pl-xs">
2234                                                        <button 
2235                                                            class="btn btn-danger btn-sm btn-block" 
2236                                                            v-bind:class="{'isMarked':isTracked('A230330001')}" 
2237                                                            @click="addTrack('A230330001')" >
2238                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2239                                                        </button>
2240                                                    </div>
2241                                                </div>
2242                                                                                            </div>
2243                                        </div>
2244                                    </div>
2245                                </div>
2246                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2247                                    <div class="inner-box">
2248                                        <div class="single-item">
2249                                            <figure class="image-box">
2250                                                <a href="https://www.chuliu.com.tw/product/detail/A230410002" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/1c367bdf35edc4c4a4c614bdd38a0f70.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/1c367bdf35edc4c4a4c614bdd38a0f70.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/1c367bdf35edc4c4a4c614bdd38a0f70.jpg);" --> 
2251                                                                                                <div class="product-model-group-top">
2252                                                    <span class="label label-main brand-title">復文</span>
2253                                                </div>
2254                                                                                                <div class="product-model-group">
2255                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2256                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2257                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2258                                                                                                                                                                                                                </div>
2259                                            </figure>
2260                                            <div class="content">
2261                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230410002">性別化創新 作為科技性別主流化新技術</a></h3>
2262                                                <div class="price"> 
2263                                                                                                            NT$258                                                                                                             
2264                                                    <span class="prev-rate  ">NT$300</span></div>
2265                                                                                                <div class="addQuickToCart row row-no-gutters">
2266                                                    <div class="col-xs-9">
2267                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230410002')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2268                                                    </div>
2269                                                    <div class="col-xs-3 pl-xs">
2270                                                        <button 
2271                                                            class="btn btn-danger btn-sm btn-block" 
2272                                                            v-bind:class="{'isMarked':isTracked('A230410002')}" 
2273                                                            @click="addTrack('A230410002')" >
2274                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2275                                                        </button>
2276                                                    </div>
2277                                                </div>
2278                                                                                            </div>
2279                                        </div>
2280                                    </div>
2281                                </div>
2282                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2283                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2284                                    <div class="inner-box">
2285                                        <div class="single-item">
2286                                            <figure class="image-box">
2287                                                <a href="https://www.chuliu.com.tw/product/detail/A230410003" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/31f3b42372f7f7a4df28a795c7f5c5a0.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/31f3b42372f7f7a4df28a795c7f5c5a0.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/31f3b42372f7f7a4df28a795c7f5c5a0.jpg);" --> 
2288                                                                                                <div class="product-model-group-top">
2289                                                    <span class="label label-main brand-title">巨流圖書</span>
2290                                                </div>
2291                                                                                                <div class="product-model-group">
2292                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2293                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2294                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2295                                                                                                                                                                                                                </div>
2296                                            </figure>
2297                                            <div class="content">
2298                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230410003">葡語國家瞭望(上輯):葡萄牙篇</a></h3>
2299                                                <div class="price"> 
2300                                                                                                            NT$315                                                                                                             
2301                                                    <span class="prev-rate  ">NT$350</span></div>
2302                                                                                                <div class="addQuickToCart row row-no-gutters">
2303                                                    <div class="col-xs-9">
2304                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230410003')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2305                                                    </div>
2306                                                    <div class="col-xs-3 pl-xs">
2307                                                        <button 
2308                                                            class="btn btn-danger btn-sm btn-block" 
2309                                                            v-bind:class="{'isMarked':isTracked('A230410003')}" 
2310                                                            @click="addTrack('A230410003')" >
2311                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2312                                                        </button>
2313                                                    </div>
2314                                                </div>
2315                                                                                            </div>
2316                                        </div>
2317                                    </div>
2318                                </div>
2319                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2320                                    <div class="inner-box">
2321                                        <div class="single-item">
2322                                            <figure class="image-box">
2323                                                <a href="https://www.chuliu.com.tw/product/detail/A230411001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/bafc340a3f800d661339311b7a708e5e.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/bafc340a3f800d661339311b7a708e5e.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/bafc340a3f800d661339311b7a708e5e.jpg);" --> 
2324                                                                                                <div class="product-model-group-top">
2325                                                    <span class="label label-main brand-title">巨流圖書</span>
2326                                                </div>
2327                                                                                                <div class="product-model-group">
2328                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2329                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2330                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2331                                                                                                                                                                                                                </div>
2332                                            </figure>
2333                                            <div class="content">
2334                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230411001">葡語國家瞭望(中輯):巴西篇</a></h3>
2335                                                <div class="price"> 
2336                                                                                                            NT$270                                                                                                             
2337                                                    <span class="prev-rate  ">NT$300</span></div>
2338                                                                                                <div class="addQuickToCart row row-no-gutters">
2339                                                    <div class="col-xs-9">
2340                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230411001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2341                                                    </div>
2342                                                    <div class="col-xs-3 pl-xs">
2343                                                        <button 
2344                                                            class="btn btn-danger btn-sm btn-block" 
2345                                                            v-bind:class="{'isMarked':isTracked('A230411001')}" 
2346                                                            @click="addTrack('A230411001')" >
2347                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2348                                                        </button>
2349                                                    </div>
2350                                                </div>
2351                                                                                            </div>
2352                                        </div>
2353                                    </div>
2354                                </div>
2355                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2356                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2357                                    <div class="inner-box">
2358                                        <div class="single-item">
2359                                            <figure class="image-box">
2360                                                <a href="https://www.chuliu.com.tw/product/detail/A230411002" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/5cea182e8150d36292f5b9473911bba7.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/5cea182e8150d36292f5b9473911bba7.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/5cea182e8150d36292f5b9473911bba7.jpg);" --> 
2361                                                                                                <div class="product-model-group-top">
2362                                                    <span class="label label-main brand-title">巨流圖書</span>
2363                                                </div>
2364                                                                                                <div class="product-model-group">
2365                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2366                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2367                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2368                                                                                                                                                                                                                </div>
2369                                            </figure>
2370                                            <div class="content">
2371                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230411002">葡語國家瞭望(下輯):亞非葡語國家地區篇</a></h3>
2372                                                <div class="price"> 
2373                                                                                                            NT$315                                                                                                             
2374                                                    <span class="prev-rate  ">NT$350</span></div>
2375                                                                                                <div class="addQuickToCart row row-no-gutters">
2376                                                    <div class="col-xs-9">
2377                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230411002')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2378                                                    </div>
2379                                                    <div class="col-xs-3 pl-xs">
2380                                                        <button 
2381                                                            class="btn btn-danger btn-sm btn-block" 
2382                                                            v-bind:class="{'isMarked':isTracked('A230411002')}" 
2383                                                            @click="addTrack('A230411002')" >
2384                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2385                                                        </button>
2386                                                    </div>
2387                                                </div>
2388                                                                                            </div>
2389                                        </div>
2390                                    </div>
2391                                </div>
2392                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2393                                    <div class="inner-box">
2394                                        <div class="single-item">
2395                                            <figure class="image-box">
2396                                                <a href="https://www.chuliu.com.tw/product/detail/A230519002" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/15457d3dd7ccc01912aa9ced58061e69.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/15457d3dd7ccc01912aa9ced58061e69.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/15457d3dd7ccc01912aa9ced58061e69.jpg);" --> 
2397                                                                                                <div class="product-model-group-top">
2398                                                    <span class="label label-main brand-title">高雄復文</span>
2399                                                </div>
2400                                                                                                <div class="product-model-group">
2401                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2402                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2403                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2404                                                                                                                                                                                                                </div>
2405                                            </figure>
2406                                            <div class="content">
2407                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230519002">教育與我</a></h3>
2408                                                <div class="price"> 
2409                                                                                                            NT$360                                                                                                             
2410                                                    <span class="prev-rate  ">NT$400</span></div>
2411                                                                                                <div class="addQuickToCart row row-no-gutters">
2412                                                    <div class="col-xs-9">
2413                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230519002')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2414                                                    </div>
2415                                                    <div class="col-xs-3 pl-xs">
2416                                                        <button 
2417                                                            class="btn btn-danger btn-sm btn-block" 
2418                                                            v-bind:class="{'isMarked':isTracked('A230519002')}" 
2419                                                            @click="addTrack('A230519002')" >
2420                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2421                                                        </button>
2422                                                    </div>
2423                                                </div>
2424                                                                                            </div>
2425                                        </div>
2426                                    </div>
2427                                </div>
2428                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2429                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2430                                    <div class="inner-box">
2431                                        <div class="single-item">
2432                                            <figure class="image-box">
2433                                                <a href="https://www.chuliu.com.tw/product/detail/A230519003" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/d09fd64ebadccd5dbcad63ccc6d2c7c9.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/d09fd64ebadccd5dbcad63ccc6d2c7c9.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/d09fd64ebadccd5dbcad63ccc6d2c7c9.jpg);" --> 
2434                                                                                                <div class="product-model-group-top">
2435                                                    <span class="label label-main brand-title">藍海文化</span>
2436                                                </div>
2437                                                                                                <div class="product-model-group">
2438                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2439                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2440                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2441                                                                                                                                                                                                                </div>
2442                                            </figure>
2443                                            <div class="content">
2444                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A230519003">馬克先生的狗狗幼兒園</a></h3>
2445                                                <div class="price"> 
2446                                                                                                            NT$351                                                                                                             
2447                                                    <span class="prev-rate  ">NT$390</span></div>
2448                                                                                                <div class="addQuickToCart row row-no-gutters">
2449                                                    <div class="col-xs-9">
2450                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A230519003')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2451                                                    </div>
2452                                                    <div class="col-xs-3 pl-xs">
2453                                                        <button 
2454                                                            class="btn btn-danger btn-sm btn-block" 
2455                                                            v-bind:class="{'isMarked':isTracked('A230519003')}" 
2456                                                            @click="addTrack('A230519003')" >
2457                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2458                                                        </button>
2459                                                    </div>
2460                                                </div>
2461                                                                                            </div>
2462                                        </div>
2463                                    </div>
2464                                </div>
2465                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2466                                    <div class="inner-box">
2467                                        <div class="single-item">
2468                                            <figure class="image-box">
2469                                                <a href="https://www.chuliu.com.tw/product/detail/A231206001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202312/fac249ae06eb259d8a94819422dba09f.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202312/fac249ae06eb259d8a94819422dba09f.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202312/fac249ae06eb259d8a94819422dba09f.jpg);" --> 
2470                                                                                                <div class="product-model-group-top">
2471                                                    <span class="label label-main brand-title">麗文文化</span>
2472                                                </div>
2473                                                                                                <div class="product-model-group">
2474                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2475                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2476                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2477                                                                                                                                                                                                                </div>
2478                                            </figure>
2479                                            <div class="content">
2480                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A231206001">學習評量:概念與應用(第二版)</a></h3>
2481                                                <div class="price"> 
2482                                                                                                            NT$675                                                                                                             
2483                                                    <span class="prev-rate  ">NT$750</span></div>
2484                                                                                                <div class="addQuickToCart row row-no-gutters">
2485                                                    <div class="col-xs-9">
2486                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A231206001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2487                                                    </div>
2488                                                    <div class="col-xs-3 pl-xs">
2489                                                        <button 
2490                                                            class="btn btn-danger btn-sm btn-block" 
2491                                                            v-bind:class="{'isMarked':isTracked('A231206001')}" 
2492                                                            @click="addTrack('A231206001')" >
2493                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2494                                                        </button>
2495                                                    </div>
2496                                                </div>
2497                                                                                            </div>
2498                                        </div>
2499                                    </div>
2500                                </div>
2501                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2502                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2503                                    <div class="inner-box">
2504                                        <div class="single-item">
2505                                            <figure class="image-box">
2506                                                <a href="https://www.chuliu.com.tw/product/detail/A240102001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c95bf6e38b66b983a29fa4e58820a037.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c95bf6e38b66b983a29fa4e58820a037.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c95bf6e38b66b983a29fa4e58820a037.jpg);" --> 
2507                                                                                                <div class="product-model-group-top">
2508                                                    <span class="label label-main brand-title">高雄復文圖書出版社</span>
2509                                                </div>
2510                                                                                                <div class="product-model-group">
2511                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2512                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2513                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2514                                                                                                                                                                                                                </div>
2515                                            </figure>
2516                                            <div class="content">
2517                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240102001">CREATE: An Innovative Approach Forging Multiple Pathways to Success in the Tertiary ESP Class</a></h3>
2518                                                <div class="price"> 
2519                                                                                                            NT$630                                                                                                             
2520                                                    <span class="prev-rate  ">NT$700</span></div>
2521                                                                                                <div class="addQuickToCart row row-no-gutters">
2522                                                    <div class="col-xs-9">
2523                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240102001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2524                                                    </div>
2525                                                    <div class="col-xs-3 pl-xs">
2526                                                        <button 
2527                                                            class="btn btn-danger btn-sm btn-block" 
2528                                                            v-bind:class="{'isMarked':isTracked('A240102001')}" 
2529                                                            @click="addTrack('A240102001')" >
2530                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2531                                                        </button>
2532                                                    </div>
2533                                                </div>
2534                                                                                            </div>
2535                                        </div>
2536                                    </div>
2537                                </div>
2538                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2539                                    <div class="inner-box">
2540                                        <div class="single-item">
2541                                            <figure class="image-box">
2542                                                <a href="https://www.chuliu.com.tw/product/detail/A240106001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/88e2458475bfbbd470678a737a30f105.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/88e2458475bfbbd470678a737a30f105.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/88e2458475bfbbd470678a737a30f105.jpg);" --> 
2543                                                                                                <div class="product-model-group-top">
2544                                                    <span class="label label-main brand-title">麗文文化</span>
2545                                                </div>
2546                                                                                                <div class="product-model-group">
2547                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2548                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2549                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2550                                                                                                                                                                                                                </div>
2551                                            </figure>
2552                                            <div class="content">
2553                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240106001">熟成:大學教師真心話</a></h3>
2554                                                <div class="price"> 
2555                                                                                                            NT$315                                                                                                             
2556                                                    <span class="prev-rate  ">NT$350</span></div>
2557                                                                                                <div class="addQuickToCart row row-no-gutters">
2558                                                    <div class="col-xs-9">
2559                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240106001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2560                                                    </div>
2561                                                    <div class="col-xs-3 pl-xs">
2562                                                        <button 
2563                                                            class="btn btn-danger btn-sm btn-block" 
2564                                                            v-bind:class="{'isMarked':isTracked('A240106001')}" 
2565                                                            @click="addTrack('A240106001')" >
2566                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2567                                                        </button>
2568                                                    </div>
2569                                                </div>
2570                                                                                            </div>
2571                                        </div>
2572                                    </div>
2573                                </div>
2574                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2575                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2576                                    <div class="inner-box">
2577                                        <div class="single-item">
2578                                            <figure class="image-box">
2579                                                <a href="https://www.chuliu.com.tw/product/detail/A240106002" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c4ea2ec9c285e85866b1a092a76d5cf8.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c4ea2ec9c285e85866b1a092a76d5cf8.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c4ea2ec9c285e85866b1a092a76d5cf8.jpg);" --> 
2580                                                                                                <div class="product-model-group-top">
2581                                                    <span class="label label-main brand-title">麗文文化</span>
2582                                                </div>
2583                                                                                                <div class="product-model-group">
2584                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2585                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2586                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2587                                                                                                                                                                                                                </div>
2588                                            </figure>
2589                                            <div class="content">
2590                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240106002">熟成:65+1的生命趣向</a></h3>
2591                                                <div class="price"> 
2592                                                                                                            NT$315                                                                                                             
2593                                                    <span class="prev-rate  ">NT$350</span></div>
2594                                                                                                <div class="addQuickToCart row row-no-gutters">
2595                                                    <div class="col-xs-9">
2596                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240106002')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2597                                                    </div>
2598                                                    <div class="col-xs-3 pl-xs">
2599                                                        <button 
2600                                                            class="btn btn-danger btn-sm btn-block" 
2601                                                            v-bind:class="{'isMarked':isTracked('A240106002')}" 
2602                                                            @click="addTrack('A240106002')" >
2603                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2604                                                        </button>
2605                                                    </div>
2606                                                </div>
2607                                                                                            </div>
2608                                        </div>
2609                                    </div>
2610                                </div>
2611                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2612                                    <div class="inner-box">
2613                                        <div class="single-item">
2614                                            <figure class="image-box">
2615                                                <a href="https://www.chuliu.com.tw/product/detail/A240109001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c5c2bee1c453dbe940d4446c42c550f6.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c5c2bee1c453dbe940d4446c42c550f6.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c5c2bee1c453dbe940d4446c42c550f6.jpg);" --> 
2616                                                                                                <div class="product-model-group-top">
2617                                                    <span class="label label-main brand-title">巨流圖書</span>
2618                                                </div>
2619                                                                                                <div class="product-model-group">
2620                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2621                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2622                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2623                                                                                                                                                                                                                </div>
2624                                            </figure>
2625                                            <div class="content">
2626                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240109001">氣候變遷遊戲引導書:22個讓人更有效溝通氣候變遷的系統思考遊戲</a></h3>
2627                                                <div class="price"> 
2628                                                                                                            NT$315                                                                                                             
2629                                                    <span class="prev-rate  ">NT$350</span></div>
2630                                                                                                <div class="addQuickToCart row row-no-gutters">
2631                                                    <div class="col-xs-9">
2632                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240109001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2633                                                    </div>
2634                                                    <div class="col-xs-3 pl-xs">
2635                                                        <button 
2636                                                            class="btn btn-danger btn-sm btn-block" 
2637                                                            v-bind:class="{'isMarked':isTracked('A240109001')}" 
2638                                                            @click="addTrack('A240109001')" >
2639                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2640                                                        </button>
2641                                                    </div>
2642                                                </div>
2643                                                                                            </div>
2644                                        </div>
2645                                    </div>
2646                                </div>
2647                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2648                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2649                                    <div class="inner-box">
2650                                        <div class="single-item">
2651                                            <figure class="image-box">
2652                                                <a href="https://www.chuliu.com.tw/product/detail/A240417002" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/677a2dc0bf82819b836228f394bb4cea.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/677a2dc0bf82819b836228f394bb4cea.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/677a2dc0bf82819b836228f394bb4cea.jpg);" --> 
2653                                                                                                <div class="product-model-group-top">
2654                                                    <span class="label label-main brand-title">台一社</span>
2655                                                </div>
2656                                                                                                <div class="product-model-group">
2657                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2658                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2659                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2660                                                                                                                                                                                                                </div>
2661                                            </figure>
2662                                            <div class="content">
2663                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240417002">星星愛童詩 Stars Love Children’s Poetry</a></h3>
2664                                                <div class="price"> 
2665                                                                                                            NT$315                                                                                                             
2666                                                    <span class="prev-rate  ">NT$350</span></div>
2667                                                                                                <div class="addQuickToCart row row-no-gutters">
2668                                                    <div class="col-xs-9">
2669                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240417002')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2670                                                    </div>
2671                                                    <div class="col-xs-3 pl-xs">
2672                                                        <button 
2673                                                            class="btn btn-danger btn-sm btn-block" 
2674                                                            v-bind:class="{'isMarked':isTracked('A240417002')}" 
2675                                                            @click="addTrack('A240417002')" >
2676                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2677                                                        </button>
2678                                                    </div>
2679                                                </div>
2680                                                                                            </div>
2681                                        </div>
2682                                    </div>
2683                                </div>
2684                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2685                                    <div class="inner-box">
2686                                        <div class="single-item">
2687                                            <figure class="image-box">
2688                                                <a href="https://www.chuliu.com.tw/product/detail/A240417003" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/41a6d86df36d616cf938ec416b723a6c.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/41a6d86df36d616cf938ec416b723a6c.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/41a6d86df36d616cf938ec416b723a6c.jpg);" --> 
2689                                                                                                <div class="product-model-group-top">
2690                                                    <span class="label label-main brand-title">台一社</span>
2691                                                </div>
2692                                                                                                <div class="product-model-group">
2693                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2694                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2695                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2696                                                                                                                                                                                                                </div>
2697                                            </figure>
2698                                            <div class="content">
2699                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240417003">唱歌的河流 Singing Rivers</a></h3>
2700                                                <div class="price"> 
2701                                                                                                            NT$360                                                                                                             
2702                                                    <span class="prev-rate  ">NT$400</span></div>
2703                                                                                                <div class="addQuickToCart row row-no-gutters">
2704                                                    <div class="col-xs-9">
2705                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240417003')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2706                                                    </div>
2707                                                    <div class="col-xs-3 pl-xs">
2708                                                        <button 
2709                                                            class="btn btn-danger btn-sm btn-block" 
2710                                                            v-bind:class="{'isMarked':isTracked('A240417003')}" 
2711                                                            @click="addTrack('A240417003')" >
2712                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2713                                                        </button>
2714                                                    </div>
2715                                                </div>
2716                                                                                            </div>
2717                                        </div>
2718                                    </div>
2719                                </div>
2720                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2721                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2722                                    <div class="inner-box">
2723                                        <div class="single-item">
2724                                            <figure class="image-box">
2725                                                <a href="https://www.chuliu.com.tw/product/detail/A240417004" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/71a5fdbe37
27257b9da75a8501af82be1656.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/71a5fdbe377b9da75a8501af82be1656.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/71a5fdbe377b9da75a8501af82be1656.jpg);" --> 
2726                                                                                                <div class="product-model-group-top">
2727                                                    <span class="label label-main brand-title">台一社</span>
2728                                                </div>
2729                                                                                                <div class="product-model-group">
2730                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2731                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2732                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2733                                                                                                                                                                                                                </div>
2734                                            </figure>
2735                                            <div class="content">
2736                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240417004">星星亮晶晶 Twinkle, Twinkle, Little Stars</a></h3>
2737                                                <div class="price"> 
2738                                                                                                            NT$315                                                                                                             
2739                                                    <span class="prev-rate  ">NT$350</span></div>
2740                                                                                                <div class="addQuickToCart row row-no-gutters">
2741                                                    <div class="col-xs-9">
2742                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240417004')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2743                                                    </div>
2744                                                    <div class="col-xs-3 pl-xs">
2745                                                        <button 
2746                                                            class="btn btn-danger btn-sm btn-block" 
2747                                                            v-bind:class="{'isMarked':isTracked('A240417004')}" 
2748                                                            @click="addTrack('A240417004')" >
2749                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2750                                                        </button>
2751                                                    </div>
2752                                                </div>
2753                                                                                            </div>
2754                                        </div>
2755                                    </div>
2756                                </div>
2757                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2758                                    <div class="inner-box">
2759                                        <div class="single-item">
2760                                            <figure class="image-box">
2761                                                <a href="https://www.chuliu.com.tw/product/detail/A240605001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202406/ba280f8e3766dd4f6775452e5d9c992a.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202406/ba280f8e3766dd4f6775452e5d9c992a.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202406/ba280f8e3766dd4f6775452e5d9c992a.jpg);" --> 
2762                                                                                                <div class="product-model-group-top">
2763                                                    <span class="label label-main brand-title">巨流圖書</span>
2764                                                </div>
2765                                                                                                <div class="product-model-group">
2766                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2767                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2768                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2769                                                                                                                                                                                                                </div>
2770                                            </figure>
2771                                            <div class="content">
2772                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A240605001">以人為本!長照各國服務:價值、育才、營運</a></h3>
2773                                                <div class="price"> 
2774                                                                                                            NT$522                                                                                                             
2775                                                    <span class="prev-rate  ">NT$580</span></div>
2776                                                                                                <div class="addQuickToCart row row-no-gutters">
2777                                                    <div class="col-xs-9">
2778                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A240605001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2779                                                    </div>
2780                                                    <div class="col-xs-3 pl-xs">
2781                                                        <button 
2782                                                            class="btn btn-danger btn-sm btn-block" 
2783                                                            v-bind:class="{'isMarked':isTracked('A240605001')}" 
2784                                                            @click="addTrack('A240605001')" >
2785                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2786                                                        </button>
2787                                                    </div>
2788                                                </div>
2789                                                                                            </div>
2790                                        </div>
2791                                    </div>
2792                                </div>
2793                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2794                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2795                                    <div class="inner-box">
2796                                        <div class="single-item">
2797                                            <figure class="image-box">
2798                                                <a href="https://www.chuliu.com.tw/product/detail/A250226001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202504/485d177ef906b3225e1e222447ff9499.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202504/485d177ef906b3225e1e222447ff9499.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202504/485d177ef906b3225e1e222447ff9499.jpg);" --> 
2799                                                                                                <div class="product-model-group-top">
2800                                                    <span class="label label-main brand-title">麗文文化</span>
2801                                                </div>
2802                                                                                                <div class="product-model-group">
2803                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2804                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2805                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2806                                                                                                                                                                                                                </div>
2807                                            </figure>
2808                                            <div class="content">
2809                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A250226001">荳荳和豆豆</a></h3>
2810                                                <div class="price"> 
2811                                                                                                            NT$266                                                                                                             
2812                                                    <span class="prev-rate  ">NT$295</span></div>
2813                                                                                                <div class="addQuickToCart row row-no-gutters">
2814                                                    <div class="col-xs-9">
2815                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A250226001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2816                                                    </div>
2817                                                    <div class="col-xs-3 pl-xs">
2818                                                        <button 
2819                                                            class="btn btn-danger btn-sm btn-block" 
2820                                                            v-bind:class="{'isMarked':isTracked('A250226001')}" 
2821                                                            @click="addTrack('A250226001')" >
2822                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2823                                                        </button>
2824                                                    </div>
2825                                                </div>
2826                                                                                            </div>
2827                                        </div>
2828                                    </div>
2829                                </div>
2830                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2831                                    <div class="inner-box">
2832                                        <div class="single-item">
2833                                            <figure class="image-box">
2834                                                <a href="https://www.chuliu.com.tw/product/detail/A250701001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202507/32d3ea868139144b4d3b706908323eaa.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202507/32d3ea868139144b4d3b706908323eaa.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202507/32d3ea868139144b4d3b706908323eaa.jpg);" --> 
2835                                                                                                <div class="product-model-group-top">
2836                                                    <span class="label label-main brand-title">巨流圖書</span>
2837                                                </div>
2838                                                                                                <div class="product-model-group">
2839                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2840                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2841                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2842                                                                                                                                                                                                                </div>
2843                                            </figure>
2844                                            <div class="content">
2845                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A250701001">邁向有生產力老化--包容、鋪陳、創造</a></h3>
2846                                                <div class="price"> 
2847                                                                                                            NT$585                                                                                                             
2848                                                    <span class="prev-rate  ">NT$650</span></div>
2849                                                                                                <div class="addQuickToCart row row-no-gutters">
2850                                                    <div class="col-xs-9">
2851                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A250701001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2852                                                    </div>
2853                                                    <div class="col-xs-3 pl-xs">
2854                                                        <button 
2855                                                            class="btn btn-danger btn-sm btn-block" 
2856                                                            v-bind:class="{'isMarked':isTracked('A250701001')}" 
2857                                                            @click="addTrack('A250701001')" >
2858                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2859                                                        </button>
2860                                                    </div>
2861                                                </div>
2862                                                                                            </div>
2863                                        </div>
2864                                    </div>
2865                                </div>
2866                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2867                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2868                                    <div class="inner-box">
2869                                        <div class="single-item">
2870                                            <figure class="image-box">
2871                                                <a href="https://www.chuliu.com.tw/product/detail/A251223001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202512/80cdfd0f9f8d73f11d1887161c37190a.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202512/80cdfd0f9f8d73f11d1887161c37190a.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202512/80cdfd0f9f8d73f11d1887161c37190a.jpg);" --> 
2872                                                                                                <div class="product-model-group-top">
2873                                                    <span class="label label-main brand-title">巨流圖書</span>
2874                                                </div>
2875                                                                                                <div class="product-model-group">
2876                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2877                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2878                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2879                                                                                                                                                                                                                </div>
2880                                            </figure>
2881                                            <div class="content">
2882                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A251223001">個人與組織共好的發展學:校長、主任、研究所甄試上榜Know-how</a></h3>
2883                                                <div class="price"> 
2884                                                                                                            NT$351                                                                                                             
2885                                                    <span class="prev-rate  ">NT$390</span></div>
2886                                                                                                <div class="addQuickToCart row row-no-gutters">
2887                                                    <div class="col-xs-9">
2888                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A251223001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2889                                                    </div>
2890                                                    <div class="col-xs-3 pl-xs">
2891                                                        <button 
2892                                                            class="btn btn-danger btn-sm btn-block" 
2893                                                            v-bind:class="{'isMarked':isTracked('A251223001')}" 
2894                                                            @click="addTrack('A251223001')" >
2895                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2896                                                        </button>
2897                                                    </div>
2898                                                </div>
2899                                                                                            </div>
2900                                        </div>
2901                                    </div>
2902                                </div>
2903                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2904                                    <div class="inner-box">
2905                                        <div class="single-item">
2906                                            <figure class="image-box">
2907                                                <a href="https://www.chuliu.com.tw/product/detail/A260409001" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202604/120f01359332ab5923880b63d01e3ab3.JPG" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202604/120f01359332ab5923880b63d01e3ab3.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202604/120f01359332ab5923880b63d01e3ab3.JPG);" --> 
2908                                                                                                <div class="product-model-group-top">
2909                                                    <span class="label label-main brand-title">國立交通大學校友會友聲雜誌社</span>
2910                                                </div>
2911                                                                                                <div class="product-model-group">
2912                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2913                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2914                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2915                                                                                                                                                                                                                </div>
2916                                            </figure>
2917                                            <div class="content">
2918                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/A260409001">思源致遠130:國立交通大學創校130週年校慶紀念特刊</a></h3>
2919                                                <div class="price"> 
2920                                                                                                            NT$495                                                                                                             
2921                                                    <span class="prev-rate  ">NT$550</span></div>
2922                                                                                                <div class="addQuickToCart row row-no-gutters">
2923                                                    <div class="col-xs-9">
2924                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('A260409001')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2925                                                    </div>
2926                                                    <div class="col-xs-3 pl-xs">
2927                                                        <button 
2928                                                            class="btn btn-danger btn-sm btn-block" 
2929                                                            v-bind:class="{'isMarked':isTracked('A260409001')}" 
2930                                                            @click="addTrack('A260409001')" >
2931                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2932                                                        </button>
2933                                                    </div>
2934                                                </div>
2935                                                                                            </div>
2936                                        </div>
2937                                    </div>
2938                                </div>
2939                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
2940                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2941                                    <div class="inner-box">
2942                                        <div class="single-item">
2943                                            <figure class="image-box">
2944                                                <a href="https://www.chuliu.com.tw/product/detail/I22071231939137" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/1f0a1dc5946cceb31976a52778a4844d.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/1f0a1dc5946cceb31976a52778a4844d.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/1f0a1dc5946cceb31976a52778a4844d.jpg);" --> 
2945                                                                                                <div class="product-model-group-top">
2946                                                    <span class="label label-main brand-title">麗文文化</span>
2947                                                </div>
2948                                                                                                <div class="product-model-group">
2949                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2950                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2951                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2952                                                                                                                                                                                                                </div>
2953                                            </figure>
2954                                            <div class="content">
2955                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/I22071231939137">一個教育界老者的沉痛呼籲—兼及大學教育問題批判</a></h3>
2956                                                <div class="price"> 
2957                                                                                                            NT$135                                                                                                             
2958                                                    <span class="prev-rate  ">NT$150</span></div>
2959                                                                                                <div class="addQuickToCart row row-no-gutters">
2960                                                    <div class="col-xs-9">
2961                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('I22071231939137')"  >加入購物車&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2962                                                    </div>
2963                                                    <div class="col-xs-3 pl-xs">
2964                                                        <button 
2965                                                            class="btn btn-danger btn-sm btn-block" 
2966                                                            v-bind:class="{'isMarked':isTracked('I22071231939137')}" 
2967                                                            @click="addTrack('I22071231939137')" >
2968                                                            <i class="fa fa-heart" aria-hidden="true"></i>
2969                                                        </button>
2970                                                    </div>
2971                                                </div>
2972                                                                                            </div>
2973                                        </div>
2974                                    </div>
2975                                </div>
2976                                                                                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 default-item">
2977                                    <div class="inner-box">
2978                                        <div class="single-item">
2979                                            <figure class="image-box">
2980                                                <a href="https://www.chuliu.com.tw/product/detail/I22071231939142" data-bg="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/25280cb0ced9e1a9b57b9a586123a776.jpg" class="lazy"  data-webp="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/25280cb0ced9e1a9b57b9a586123a776.webp"></a><!-- style="background-image: url(https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/25280cb0ced9e1a9b57b9a586123a776.jpg);" --> 
2981                                                                                                <div class="product-model-group-top">
2982                                                    <span class="label label-main brand-title">巨流圖書</span>
2983                                                </div>
2984                                                                                                <div class="product-model-group">
2985                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
2986                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2987                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
2988                                                                                                                                                                                                                </div>
2989                                            </figure>
2990                                            <div class="content">
2991                                                                                                <h3 class="name no_header_text"><a href="https://www.chuliu.com.tw/product/detail/I22071231939142">教育學導論</a></h3>
2992                                                <div class="price"> 
2993                                                                                                            NT$450                                                                                                             
2994                                                    <span class="prev-rate  ">NT$500</span></div>
2995                                                                                                <div class="addQuickToCart row row-no-gutters">
2996                                                    <div class="col-xs-9">
2997                                                       <button class="btn btn-main btn-sm btn-block addCart" @click="addQuickToCart('I22071231939142')"  >無庫存&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
2998                                                    </div>
2999                                                    <div class="col-xs-3 pl-xs">
3000                                                        <button 
3001                                                            class="btn btn-danger btn-sm btn-block" 
3002                                                            v-bind:class="{'isMarked':isTracked('I22071231939142')}" 
3003                                                            @click="addTrack('I22071231939142')" >
3004                                                            <i class="fa fa-heart" aria-hidden="true"></i>
3005                                                        </button>
3006                                                    </div>
3007                                                </div>
3008                                                                                            </div>
3009                                        </div>
3010                                    </div>
3011                                </div>
3012                                                                <div class="clearfix hidden-sm  hidden-md hidden-lg"></div>
3013                                                                                                                        </div>
3014
3015                            <div class="row grid-list" id="list">
3016                                                                                          <div class="col-xs-12 default-item">
3017                                    <div class="inner-box">
3018                                        <div class="single-item">
3019                                            <figure class="image-box float_left">
3020                                                <a href="https://www.chuliu.com.tw/product/detail/A220801001">
3021                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/4e74b79bd4e979f9394192026dcaea7e.jpg" alt=""> -->
3022                                                    <picture>
3023                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/4e74b79bd4e979f9394192026dcaea7e.webp" data-sizes="100w" />
3024                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/4e74b79bd4e979f9394192026dcaea7e.jpg" alt="" data-sizes="100w">  
3025                                                    </picture>
3026                                                </a>
3027                                                                                                <div class="product-model-group-top">
3028                                                    <span class="label label-main">高雄復文</span>
3029                                                </div>
3030                                                                                                <div class="product-model-group">
3031                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3032                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3033                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3034                                                                                                                                                                                                                </div>
3035                                            </figure>
3036                                            <div class="content float_left">
3037                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A220801001">高雄市水產養殖傳染病防治</a></h3>
3038                                                <h6 class="header_text text-danger"></h6>
3039                                                
3040                                                <div class="price">
3041                                                                                                            NT$468                                                                                                                                                            <span class="prev-rate  ">NT$520</span></div>
3042                                            </div>
3043                                            <div class="overlay-box float_left">
3044                                                <div class="inner">
3045                                                    <div class="top-content">
3046                                                        <ul>
3047                                                            <li class="view_detail">
3048                                                                <a href="https://www.chuliu.com.tw/product/detail/A220801001">
3049                                                                    <span class="fa fa-eye"></span>
3050                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3051                                                                </a>
3052                                                            </li>
3053                                                                                                                        <li class="addToCart">
3054                                                                <a href="javascript:void(0)" @click="addQuickToCart('A220801001')"  >
3055                                                                    <span class="fa fa-cart-plus"></span>
3056                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3057                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3058                                                                </a>
3059                                                            </li>
3060                                                             
3061                                                                                                                        <li class="addToTracklist">
3062                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A220801001')}" @click="addTrack('A220801001')">
3063                                                                    <sp
3063an class="fa fa-heart"></span>
3064                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3065                                                                </a>
3066                                                            </li>
3067                                                                                                                    </ul>
3068                                                    </div>
3069                                                </div>
3070                                            </div>
3071                                        </div>
3072                                    </div>
3073                                </div>
3074                                                                <div class="col-xs-12 default-item">
3075                                    <div class="inner-box">
3076                                        <div class="single-item">
3077                                            <figure class="image-box float_left">
3078                                                <a href="https://www.chuliu.com.tw/product/detail/A220802001">
3079                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/60063b614ca4f8326886fc9c3a37967c.jpg" alt=""> -->
3080                                                    <picture>
3081                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/60063b614ca4f8326886fc9c3a37967c.webp" data-sizes="100w" />
3082                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/60063b614ca4f8326886fc9c3a37967c.jpg" alt="" data-sizes="100w">  
3083                                                    </picture>
3084                                                </a>
3085                                                                                                <div class="product-model-group-top">
3086                                                    <span class="label label-main">巨流圖書</span>
3087                                                </div>
3088                                                                                                <div class="product-model-group">
3089                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3090                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3091                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3092                                                                                                                                                                                                                </div>
3093                                            </figure>
3094                                            <div class="content float_left">
3095                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A220802001">後疫情風險社會之人力資源再發展</a></h3>
3096                                                <h6 class="header_text text-danger"></h6>
3097                                                
3098                                                <div class="price">
3099                                                                                                            NT$315                                                                                                                                                            <sp
3099an class="prev-rate  ">NT$350</span></div>
3100                                            </div>
3101                                            <div class="overlay-box float_left">
3102                                                <div class="inner">
3103                                                    <div class="top-content">
3104                                                        <ul>
3105                                                            <li class="view_detail">
3106                                                                <a href="https://www.chuliu.com.tw/product/detail/A220802001">
3107                                                                    <span class="fa fa-eye"></span>
3108                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3109                                                                </a>
3110                                                            </li>
3111                                                                                                                        <li class="addToCart">
3112                                                                <a href="javascript:void(0)" @click="addQuickToCart('A220802001')"  >
3113                                                                    <span class="fa fa-cart-plus"></span>
3114                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3115                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3116                                                                </a>
3117                                                            </li>
3118                                                             
3119                                                                                                                        <li class="addToTracklist">
3120                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A220802001')}" @click="addTrack('A220802001')">
3121                                                                    <span class="fa fa-heart"></span>
3122                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3123                                                                </a>
3124                                                            </li>
3125                                                                                                                    </ul>
3126                                                    </div>
3127                                                </div>
3128                                            </div>
3129                                        </div>
3130                                    </div>
3131                                </div>
3132                                                                <div class="col-xs-12 default-item">
3133                                    <div class="inner-box">
3134                                        <div class="single-item">
3135                                            <figure class="image-box float_left">
3136                                                <a href="https://www.chuliu.com.tw/product/detail/A230330001">
3137                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202303/97800f3ff9304736ae664fb40be2b99d.jpg" alt=""> -->
3138                                                    <picture>
3139                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202303/97800f3ff9304736ae664fb40be2b99d.webp" data-sizes="100w" />
3140                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202303/97800f3ff9304736ae664fb40be2b99d.jpg" alt="" data-sizes="100w">  
3141                                                    </picture>
3142                                                </a>
3143                                                                                                <div class="product-model-group-top">
3144                                                    <span class="label label-main">巨流圖書</span>
3145                                                </div>
3146                                                                                                <div class="product-model-group">
3147                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3148                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3149                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3150                                                                                                                                                                                                                </div>
3151                                            </figure>
3152                                            <div class="content float_left">
3153                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230330001">長照服務各國設計創新──合作、創新、體驗</a></h3>
3154                                                <h6 class="header_text text-danger"></h6>
3155                                                
3156                                                <div class="price">
3157                                                                                                            NT$522                                                                                                                                                            <span class="prev-rate  ">NT$580</span></div>
3158                                            </div>
3159                                            <div class="overlay-box float_left">
3160                                                <div class="inner">
3161                                                    <div class="top-content">
3162                                                        <ul>
3163                                                            <li class="view_detail">
3164                                                                <a href="https://www.chuliu.com.tw/product/detail/A230330001">
3165                                                                    <span class="fa fa-eye"></span>
3166                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3167                                                                </a>
3168                                                            </li>
3169                                                                                                                        <li class="addToCart">
3170                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230330001')"  >
3171                                                                    <span class="fa fa-cart-plus"></span>
3172                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3173                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3174                                                                </a>
3175                                                            </li>
3176                                                             
3177                                                                                                                        <li class="addToTracklist">
3178                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230330001')}" @click="addTrack('A230330001')">
3179                                                                    <sp
3179an class="fa fa-heart"></span>
3180                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3181                                                                </a>
3182                                                            </li>
3183                                                                                                                    </ul>
3184                                                    </div>
3185                                                </div>
3186                                            </div>
3187                                        </div>
3188                                    </div>
3189                                </div>
3190                                                                <div class="col-xs-12 default-item">
3191                                    <div class="inner-box">
3192                                        <div class="single-item">
3193                                            <figure class="image-box float_left">
3194                                                <a href="https://www.chuliu.com.tw/product/detail/A230410002">
3195                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/1c367bdf35edc4c4a4c614bdd38a0f70.jpg" alt=""> -->
3196                                                    <picture>
3197                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/1c367bdf35edc4c4a4c614bdd38a0f70.webp" data-sizes="100w" />
3198                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/1c367bdf35edc4c4a4c614bdd38a0f70.jpg" alt="" data-sizes="100w">  
3199                                                    </picture>
3200                                                </a>
3201                                                                                                <div class="product-model-group-top">
3202                                                    <span class="label label-main">復文</span>
3203                                                </div>
3204                                                                                                <div class="product-model-group">
3205                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3206                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3207                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3208                                                                                                                                                                                                                </div>
3209                                            </figure>
3210                                            <div class="content float_left">
3211                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230410002">性別化創新 作為科技性別主流化新技術</a></h3>
3212                                                <h6 class="header_text text-danger"></h6>
3213                                                
3214                                                <div class="price">
3215                                                                                                            NT$258                                                                                                                                                            <sp
3215an class="prev-rate  ">NT$300</span></div>
3216                                            </div>
3217                                            <div class="overlay-box float_left">
3218                                                <div class="inner">
3219                                                    <div class="top-content">
3220                                                        <ul>
3221                                                            <li class="view_detail">
3222                                                                <a href="https://www.chuliu.com.tw/product/detail/A230410002">
3223                                                                    <span class="fa fa-eye"></span>
3224                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3225                                                                </a>
3226                                                            </li>
3227                                                                                                                        <li class="addToCart">
3228                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230410002')"  >
3229                                                                    <span class="fa fa-cart-plus"></span>
3230                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3231                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3232                                                                </a>
3233                                                            </li>
3234                                                             
3235                                                                                                                        <li class="addToTracklist">
3236                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230410002')}" @click="addTrack('A230410002')">
3237                                                                    <span class="fa fa-heart"></span>
3238                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3239                                                                </a>
3240                                                            </li>
3241                                                                                                                    </ul>
3242                                                    </div>
3243                                                </div>
3244                                            </div>
3245                                        </div>
3246                                    </div>
3247                                </div>
3248                                                                <div class="col-xs-12 default-item">
3249                                    <div class="inner-box">
3250                                        <div class="single-item">
3251                                            <figure class="image-box float_left">
3252                                                <a href="https://www.chuliu.com.tw/product/detail/A230410003">
3253                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/31f3b42372f7f7a4df28a795c7f5c5a0.jpg" alt=""> -->
3254                                                    <picture>
3255                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/31f3b42372f7f7a4df28a795c7f5c5a0.webp" data-sizes="100w" />
3256                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/31f3b42372f7f7a4df28a795c7f5c5a0.jpg" alt="" data-sizes="100w">  
3257                                                    </picture>
3258                                                </a>
3259                                                                                                <div class="product-model-group-top">
3260                                                    <span class="label label-main">巨流圖書</span>
3261                                                </div>
3262                                                                                                <div class="product-model-group">
3263                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3264                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3265                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3266                                                                                                                                                                                                                </div>
3267                                            </figure>
3268                                            <div class="content float_left">
3269                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230410003">葡語國家瞭望(上輯):葡萄牙篇</a></h3>
3270                                                <h6 class="header_text text-danger"></h6>
3271                                                
3272                                                <div class="price">
3273                                                                                                            NT$315                                                                                                                                                            <span class="prev-rate  ">NT$350</span></div>
3274                                            </div>
3275                                            <div class="overlay-box float_left">
3276                                                <div class="inner">
3277                                                    <div class="top-content">
3278                                                        <ul>
3279                                                            <li class="view_detail">
3280                                                                <a href="https://www.chuliu.com.tw/product/detail/A230410003">
3281                                                                    <span class="fa fa-eye"></span>
3282                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3283                                                                </a>
3284                                                            </li>
3285                                                                                                                        <li class="addToCart">
3286                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230410003')"  >
3287                                                                    <span class="fa fa-cart-plus"></span>
3288                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3289                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3290                                                                </a>
3291                                                            </li>
3292                                                             
3293                                                                                                                        <li class="addToTracklist">
3294                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230410003')}" @click="addTrack('A230410003')">
3295                                                                    <sp
3295an class="fa fa-heart"></span>
3296                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3297                                                                </a>
3298                                                            </li>
3299                                                                                                                    </ul>
3300                                                    </div>
3301                                                </div>
3302                                            </div>
3303                                        </div>
3304                                    </div>
3305                                </div>
3306                                                                <div class="col-xs-12 default-item">
3307                                    <div class="inner-box">
3308                                        <div class="single-item">
3309                                            <figure class="image-box float_left">
3310                                                <a href="https://www.chuliu.com.tw/product/detail/A230411001">
3311                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/bafc340a3f800d661339311b7a708e5e.jpg" alt=""> -->
3312                                                    <picture>
3313                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/bafc340a3f800d661339311b7a708e5e.webp" data-sizes="100w" />
3314                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/bafc340a3f800d661339311b7a708e5e.jpg" alt="" data-sizes="100w">  
3315                                                    </picture>
3316                                                </a>
3317                                                                                                <div class="product-model-group-top">
3318                                                    <span class="label label-main">巨流圖書</span>
3319                                                </div>
3320                                                                                                <div class="product-model-group">
3321                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3322                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3323                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3324                                                                                                                                                                                                                </div>
3325                                            </figure>
3326                                            <div class="content float_left">
3327                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230411001">葡語國家瞭望(中輯):巴西篇</a></h3>
3328                                                <h6 class="header_text text-danger"></h6>
3329                                                
3330                                                <div class="price">
3331                                                                                                            NT$270                                                                                                                                                            <sp
3331an class="prev-rate  ">NT$300</span></div>
3332                                            </div>
3333                                            <div class="overlay-box float_left">
3334                                                <div class="inner">
3335                                                    <div class="top-content">
3336                                                        <ul>
3337                                                            <li class="view_detail">
3338                                                                <a href="https://www.chuliu.com.tw/product/detail/A230411001">
3339                                                                    <span class="fa fa-eye"></span>
3340                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3341                                                                </a>
3342                                                            </li>
3343                                                                                                                        <li class="addToCart">
3344                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230411001')"  >
3345                                                                    <span class="fa fa-cart-plus"></span>
3346                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3347                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3348                                                                </a>
3349                                                            </li>
3350                                                             
3351                                                                                                                        <li class="addToTracklist">
3352                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230411001')}" @click="addTrack('A230411001')">
3353                                                                    <span class="fa fa-heart"></span>
3354                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3355                                                                </a>
3356                                                            </li>
3357                                                                                                                    </ul>
3358                                                    </div>
3359                                                </div>
3360                                            </div>
3361                                        </div>
3362                                    </div>
3363                                </div>
3364                                                                <div class="col-xs-12 default-item">
3365                                    <div class="inner-box">
3366                                        <div class="single-item">
3367                                            <figure class="image-box float_left">
3368                                                <a href="https://www.chuliu.com.tw/product/detail/A230411002">
3369                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/5cea182e8150d36292f5b9473911bba7.jpg" alt=""> -->
3370                                                    <picture>
3371                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/5cea182e8150d36292f5b9473911bba7.webp" data-sizes="100w" />
3372                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202304/5cea182e8150d36292f5b9473911bba7.jpg" alt="" data-sizes="100w">  
3373                                                    </picture>
3374                                                </a>
3375                                                                                                <div class="product-model-group-top">
3376                                                    <span class="label label-main">巨流圖書</span>
3377                                                </div>
3378                                                                                                <div class="product-model-group">
3379                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3380                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3381                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3382                                                                                                                                                                                                                </div>
3383                                            </figure>
3384                                            <div class="content float_left">
3385                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230411002">葡語國家瞭望(下輯):亞非葡語國家地區篇</a></h3>
3386                                                <h6 class="header_text text-danger"></h6>
3387                                                
3388                                                <div class="price">
3389                                                                                                            NT$315                                                                                                                                                            <span class="prev-rate  ">NT$350</span></div>
3390                                            </div>
3391                                            <div class="overlay-box float_left">
3392                                                <div class="inner">
3393                                                    <div class="top-content">
3394                                                        <ul>
3395                                                            <li class="view_detail">
3396                                                                <a href="https://www.chuliu.com.tw/product/detail/A230411002">
3397                                                                    <span class="fa fa-eye"></span>
3398                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3399                                                                </a>
3400                                                            </li>
3401                                                                                                                        <li class="addToCart">
3402                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230411002')"  >
3403                                                                    <span class="fa fa-cart-plus"></span>
3404                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3405                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3406                                                                </a>
3407                                                            </li>
3408                                                             
3409                                                                                                                        <li class="addToTracklist">
3410                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230411002')}" @click="addTrack('A230411002')">
3411                                                                    <sp
3411an class="fa fa-heart"></span>
3412                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3413                                                                </a>
3414                                                            </li>
3415                                                                                                                    </ul>
3416                                                    </div>
3417                                                </div>
3418                                            </div>
3419                                        </div>
3420                                    </div>
3421                                </div>
3422                                                                <div class="col-xs-12 default-item">
3423                                    <div class="inner-box">
3424                                        <div class="single-item">
3425                                            <figure class="image-box float_left">
3426                                                <a href="https://www.chuliu.com.tw/product/detail/A230519002">
3427                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/15457d3dd7ccc01912aa9ced58061e69.jpg" alt=""> -->
3428                                                    <picture>
3429                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/15457d3dd7ccc01912aa9ced58061e69.webp" data-sizes="100w" />
3430                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/15457d3dd7ccc01912aa9ced58061e69.jpg" alt="" data-sizes="100w">  
3431                                                    </picture>
3432                                                </a>
3433                                                                                                <div class="product-model-group-top">
3434                                                    <span class="label label-main">高雄復文</span>
3435                                                </div>
3436                                                                                                <div class="product-model-group">
3437                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3438                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3439                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3440                                                                                                                                                                                                                </div>
3441                                            </figure>
3442                                            <div class="content float_left">
3443                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230519002">教育與我</a></h3>
3444                                                <h6 class="header_text text-danger"></h6>
3445                                                
3446                                                <div class="price">
3447                                                                                                            NT$360                                                                                                                                                            <sp
3447an class="prev-rate  ">NT$400</span></div>
3448                                            </div>
3449                                            <div class="overlay-box float_left">
3450                                                <div class="inner">
3451                                                    <div class="top-content">
3452                                                        <ul>
3453                                                            <li class="view_detail">
3454                                                                <a href="https://www.chuliu.com.tw/product/detail/A230519002">
3455                                                                    <span class="fa fa-eye"></span>
3456                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3457                                                                </a>
3458                                                            </li>
3459                                                                                                                        <li class="addToCart">
3460                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230519002')"  >
3461                                                                    <span class="fa fa-cart-plus"></span>
3462                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3463                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3464                                                                </a>
3465                                                            </li>
3466                                                             
3467                                                                                                                        <li class="addToTracklist">
3468                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230519002')}" @click="addTrack('A230519002')">
3469                                                                    <span class="fa fa-heart"></span>
3470                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3471                                                                </a>
3472                                                            </li>
3473                                                                                                                    </ul>
3474                                                    </div>
3475                                                </div>
3476                                            </div>
3477                                        </div>
3478                                    </div>
3479                                </div>
3480                                                                <div class="col-xs-12 default-item">
3481                                    <div class="inner-box">
3482                                        <div class="single-item">
3483                                            <figure class="image-box float_left">
3484                                                <a href="https://www.chuliu.com.tw/product/detail/A230519003">
3485                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/d09fd64ebadccd5dbcad63ccc6d2c7c9.jpg" alt=""> -->
3486                                                    <picture>
3487                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/d09fd64ebadccd5dbcad63ccc6d2c7c9.webp" data-sizes="100w" />
3488                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202305/d09fd64ebadccd5dbcad63ccc6d2c7c9.jpg" alt="" data-sizes="100w">  
3489                                                    </picture>
3490                                                </a>
3491                                                                                                <div class="product-model-group-top">
3492                                                    <span class="label label-main">藍海文化</span>
3493                                                </div>
3494                                                                                                <div class="product-model-group">
3495                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3496                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3497                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3498                                                                                                                                                                                                                </div>
3499                                            </figure>
3500                                            <div class="content float_left">
3501                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A230519003">馬克先生的狗狗幼兒園</a></h3>
3502                                                <h6 class="header_text text-danger"></h6>
3503                                                
3504                                                <div class="price">
3505                                                                                                            NT$351                                                                                                                                                            <span class="prev-rate  ">NT$390</span></div>
3506                                            </div>
3507                                            <div class="overlay-box float_left">
3508                                                <div class="inner">
3509                                                    <div class="top-content">
3510                                                        <ul>
3511                                                            <li class="view_detail">
3512                                                                <a href="https://www.chuliu.com.tw/product/detail/A230519003">
3513                                                                    <span class="fa fa-eye"></span>
3514                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3515                                                                </a>
3516                                                            </li>
3517                                                                                                                        <li class="addToCart">
3518                                                                <a href="javascript:void(0)" @click="addQuickToCart('A230519003')"  >
3519                                                                    <span class="fa fa-cart-plus"></span>
3520                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3521                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3522                                                                </a>
3523                                                            </li>
3524                                                             
3525                                                                                                                        <li class="addToTracklist">
3526                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A230519003')}" @click="addTrack('A230519003')">
3527                                                                    <sp
3527an class="fa fa-heart"></span>
3528                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3529                                                                </a>
3530                                                            </li>
3531                                                                                                                    </ul>
3532                                                    </div>
3533                                                </div>
3534                                            </div>
3535                                        </div>
3536                                    </div>
3537                                </div>
3538                                                                <div class="col-xs-12 default-item">
3539                                    <div class="inner-box">
3540                                        <div class="single-item">
3541                                            <figure class="image-box float_left">
3542                                                <a href="https://www.chuliu.com.tw/product/detail/A231206001">
3543                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202312/fac249ae06eb259d8a94819422dba09f.jpg" alt=""> -->
3544                                                    <picture>
3545                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202312/fac249ae06eb259d8a94819422dba09f.webp" data-sizes="100w" />
3546                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202312/fac249ae06eb259d8a94819422dba09f.jpg" alt="" data-sizes="100w">  
3547                                                    </picture>
3548                                                </a>
3549                                                                                                <div class="product-model-group-top">
3550                                                    <span class="label label-main">麗文文化</span>
3551                                                </div>
3552                                                                                                <div class="product-model-group">
3553                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3554                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3555                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3556                                                                                                                                                                                                                </div>
3557                                            </figure>
3558                                            <div class="content float_left">
3559                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A231206001">學習評量:概念與應用(第二版)</a></h3>
3560                                                <h6 class="header_text text-danger"></h6>
3561                                                
3562                                                <div class="price">
3563                                                                                                            NT$675                                                                                                                                                            <sp
3563an class="prev-rate  ">NT$750</span></div>
3564                                            </div>
3565                                            <div class="overlay-box float_left">
3566                                                <div class="inner">
3567                                                    <div class="top-content">
3568                                                        <ul>
3569                                                            <li class="view_detail">
3570                                                                <a href="https://www.chuliu.com.tw/product/detail/A231206001">
3571                                                                    <span class="fa fa-eye"></span>
3572                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3573                                                                </a>
3574                                                            </li>
3575                                                                                                                        <li class="addToCart">
3576                                                                <a href="javascript:void(0)" @click="addQuickToCart('A231206001')"  >
3577                                                                    <span class="fa fa-cart-plus"></span>
3578                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3579                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3580                                                                </a>
3581                                                            </li>
3582                                                             
3583                                                                                                                        <li class="addToTracklist">
3584                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A231206001')}" @click="addTrack('A231206001')">
3585                                                                    <span class="fa fa-heart"></span>
3586                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3587                                                                </a>
3588                                                            </li>
3589                                                                                                                    </ul>
3590                                                    </div>
3591                                                </div>
3592                                            </div>
3593                                        </div>
3594                                    </div>
3595                                </div>
3596                                                                <div class="col-xs-12 default-item">
3597                                    <div class="inner-box">
3598                                        <div class="single-item">
3599                                            <figure class="image-box float_left">
3600                                                <a href="https://www.chuliu.com.tw/product/detail/A240102001">
3601                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c95bf6e38b66b983a29fa4e58820a037.jpg" alt=""> -->
3602                                                    <picture>
3603                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c95bf6e38b66b983a29fa4e58820a037.webp" data-sizes="100w" />
3604                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c95bf6e38b66b983a29fa4e58820a037.jpg" alt="" data-sizes="100w">  
3605                                                    </picture>
3606                                                </a>
3607                                                                                                <div class="product-model-group-top">
3608                                                    <span class="label label-main">高雄復文圖書出版社</span>
3609                                                </div>
3610                                                                                                <div class="product-model-group">
3611                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3612                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3613                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3614                                                                                                                                                                                                                </div>
3615                                            </figure>
3616                                            <div class="content float_left">
3617                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240102001">CREATE: An Innovative Approach Forging Multiple Pathways to Success in the Tertiary ESP Class</a></h3>
3618                                                <h6 class="header_text text-danger"></h6>
3619                                                
3620                                                <div class="price">
3621                                                                                                            NT$630                                                                                                                                                            <span class="prev-rate  ">NT$700</span></div>
3622                                            </div>
3623                                            <div class="overlay-box float_left">
3624                                                <div class="inner">
3625                                                    <div class="top-content">
3626                                                        <ul>
3627                                                            <li class="view_detail">
3628                                                                <a href="https://www.chuliu.com.tw/product/detail/A240102001">
3629                                                                    <span class="fa fa-eye"></span>
3630                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3631                                                                </a>
3632                                                            </li>
3633                                                                                                                        <li class="addToCart">
3634                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240102001')"  >
3635                                                                    <span class="fa fa-cart-plus"></span>
3636                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3637                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3638                                                                </a>
3639                                                            </li>
3640                                                             
3641                                                                                                                        <li class="addToTracklist">
3642                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240102001')}" @click="addTrack('A240102001')">
3643                                                                    <sp
3643an class="fa fa-heart"></span>
3644                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3645                                                                </a>
3646                                                            </li>
3647                                                                                                                    </ul>
3648                                                    </div>
3649                                                </div>
3650                                            </div>
3651                                        </div>
3652                                    </div>
3653                                </div>
3654                                                                <div class="col-xs-12 default-item">
3655                                    <div class="inner-box">
3656                                        <div class="single-item">
3657                                            <figure class="image-box float_left">
3658                                                <a href="https://www.chuliu.com.tw/product/detail/A240106001">
3659                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/88e2458475bfbbd470678a737a30f105.jpg" alt=""> -->
3660                                                    <picture>
3661                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/88e2458475bfbbd470678a737a30f105.webp" data-sizes="100w" />
3662                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/88e2458475bfbbd470678a737a30f105.jpg" alt="" data-sizes="100w">  
3663                                                    </picture>
3664                                                </a>
3665                                                                                                <div class="product-model-group-top">
3666                                                    <span class="label label-main">麗文文化</span>
3667                                                </div>
3668                                                                                                <div class="product-model-group">
3669                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3670                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3671                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3672                                                                                                                                                                                                                </div>
3673                                            </figure>
3674                                            <div class="content float_left">
3675                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240106001">熟成:大學教師真心話</a></h3>
3676                                                <h6 class="header_text text-danger"></h6>
3677                                                
3678                                                <div class="price">
3679                                                                                                            NT$315                                                                                                                                                            <sp
3679an class="prev-rate  ">NT$350</span></div>
3680                                            </div>
3681                                            <div class="overlay-box float_left">
3682                                                <div class="inner">
3683                                                    <div class="top-content">
3684                                                        <ul>
3685                                                            <li class="view_detail">
3686                                                                <a href="https://www.chuliu.com.tw/product/detail/A240106001">
3687                                                                    <span class="fa fa-eye"></span>
3688                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3689                                                                </a>
3690                                                            </li>
3691                                                                                                                        <li class="addToCart">
3692                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240106001')"  >
3693                                                                    <span class="fa fa-cart-plus"></span>
3694                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3695                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3696                                                                </a>
3697                                                            </li>
3698                                                             
3699                                                                                                                        <li class="addToTracklist">
3700                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240106001')}" @click="addTrack('A240106001')">
3701                                                                    <span class="fa fa-heart"></span>
3702                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3703                                                                </a>
3704                                                            </li>
3705                                                                                                                    </ul>
3706                                                    </div>
3707                                                </div>
3708                                            </div>
3709                                        </div>
3710                                    </div>
3711                                </div>
3712                                                                <div class="col-xs-12 default-item">
3713                                    <div class="inner-box">
3714                                        <div class="single-item">
3715                                            <figure class="image-box float_left">
3716                                                <a href="https://www.chuliu.com.tw/product/detail/A240106002">
3717                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c4ea2ec9c285e85866b1a092a76d5cf8.jpg" alt=""> -->
3718                                                    <picture>
3719                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c4ea2ec9c285e85866b1a092a76d5cf8.webp" data-sizes="100w" />
3720                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c4ea2ec9c285e85866b1a092a76d5cf8.jpg" alt="" data-sizes="100w">  
3721                                                    </picture>
3722                                                </a>
3723                                                                                                <div class="product-model-group-top">
3724                                                    <span class="label label-main">麗文文化</span>
3725                                                </div>
3726                                                                                                <div class="product-model-group">
3727                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3728                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3729                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3730                                                                                                                                                                                                                </div>
3731                                            </figure>
3732                                            <div class="content float_left">
3733                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240106002">熟成:65+1的生命趣向</a></h3>
3734                                                <h6 class="header_text text-danger"></h6>
3735                                                
3736                                                <div class="price">
3737                                                                                                            NT$315                                                                                                                                                            <span class="prev-rate  ">NT$350</span></div>
3738                                            </div>
3739                                            <div class="overlay-box float_left">
3740                                                <div class="inner">
3741                                                    <div class="top-content">
3742                                                        <ul>
3743                                                            <li class="view_detail">
3744                                                                <a href="https://www.chuliu.com.tw/product/detail/A240106002">
3745                                                                    <span class="fa fa-eye"></span>
3746                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3747                                                                </a>
3748                                                            </li>
3749                                                                                                                        <li class="addToCart">
3750                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240106002')"  >
3751                                                                    <span class="fa fa-cart-plus"></span>
3752                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3753                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3754                                                                </a>
3755                                                            </li>
3756                                                             
3757                                                                                                                        <li class="addToTracklist">
3758                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240106002')}" @click="addTrack('A240106002')">
3759                                                                    <sp
3759an class="fa fa-heart"></span>
3760                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3761                                                                </a>
3762                                                            </li>
3763                                                                                                                    </ul>
3764                                                    </div>
3765                                                </div>
3766                                            </div>
3767                                        </div>
3768                                    </div>
3769                                </div>
3770                                                                <div class="col-xs-12 default-item">
3771                                    <div class="inner-box">
3772                                        <div class="single-item">
3773                                            <figure class="image-box float_left">
3774                                                <a href="https://www.chuliu.com.tw/product/detail/A240109001">
3775                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c5c2bee1c453dbe940d4446c42c550f6.jpg" alt=""> -->
3776                                                    <picture>
3777                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c5c2bee1c453dbe940d4446c42c550f6.webp" data-sizes="100w" />
3778                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202401/c5c2bee1c453dbe940d4446c42c550f6.jpg" alt="" data-sizes="100w">  
3779                                                    </picture>
3780                                                </a>
3781                                                                                                <div class="product-model-group-top">
3782                                                    <span class="label label-main">巨流圖書</span>
3783                                                </div>
3784                                                                                                <div class="product-model-group">
3785                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3786                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3787                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3788                                                                                                                                                                                                                </div>
3789                                            </figure>
3790                                            <div class="content float_left">
3791                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240109001">氣候變遷遊戲引導書:22個讓人更有效溝通氣候變遷的系統思考遊戲</a></h3>
3792                                                <h6 class="header_text text-danger"></h6>
3793                                                
3794                                                <div class="price">
3795                                                                                                            NT$315                                                                                                                                                            <sp
3795an class="prev-rate  ">NT$350</span></div>
3796                                            </div>
3797                                            <div class="overlay-box float_left">
3798                                                <div class="inner">
3799                                                    <div class="top-content">
3800                                                        <ul>
3801                                                            <li class="view_detail">
3802                                                                <a href="https://www.chuliu.com.tw/product/detail/A240109001">
3803                                                                    <span class="fa fa-eye"></span>
3804                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3805                                                                </a>
3806                                                            </li>
3807                                                                                                                        <li class="addToCart">
3808                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240109001')"  >
3809                                                                    <span class="fa fa-cart-plus"></span>
3810                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3811                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3812                                                                </a>
3813                                                            </li>
3814                                                             
3815                                                                                                                        <li class="addToTracklist">
3816                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240109001')}" @click="addTrack('A240109001')">
3817                                                                    <span class="fa fa-heart"></span>
3818                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3819                                                                </a>
3820                                                            </li>
3821                                                                                                                    </ul>
3822                                                    </div>
3823                                                </div>
3824                                            </div>
3825                                        </div>
3826                                    </div>
3827                                </div>
3828                                                                <div class="col-xs-12 default-item">
3829                                    <div class="inner-box">
3830                                        <div class="single-item">
3831                                            <figure class="image-box float_left">
3832                                                <a href="https://www.chuliu.com.tw/product/detail/A240417002">
3833                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/677a2dc0bf82819b836228f394bb4cea.jpg" alt=""> -->
3834                                                    <picture>
3835                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/677a2dc0bf82819b836228f394bb4cea.webp" data-sizes="100w" />
3836                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/677a2dc0bf82819b836228f394bb4cea.jpg" alt="" data-sizes="100w">  
3837                                                    </picture>
3838                                                </a>
3839                                                                                                <div class="product-model-group-top">
3840                                                    <span class="label label-main">台一社</span>
3841                                                </div>
3842                                                                                                <div class="product-model-group">
3843                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3844                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3845                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3846                                                                                                                                                                                                                </div>
3847                                            </figure>
3848                                            <div class="content float_left">
3849                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240417002">星星愛童詩 Stars Love Children’s Poetry</a></h3>
3850                                                <h6 class="header_text text-danger"></h6>
3851                                                
3852                                                <div class="price">
3853                                                                                                            NT$315                                                                                                                                                            <span class="prev-rate  ">NT$350</span></div>
3854                                            </div>
3855                                            <div class="overlay-box float_left">
3856                                                <div class="inner">
3857                                                    <div class="top-content">
3858                                                        <ul>
3859                                                            <li class="view_detail">
3860                                                                <a href="https://www.chuliu.com.tw/product/detail/A240417002">
3861                                                                    <span class="fa fa-eye"></span>
3862                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3863                                                                </a>
3864                                                            </li>
3865                                                                                                                        <li class="addToCart">
3866                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240417002')"  >
3867                                                                    <span class="fa fa-cart-plus"></span>
3868                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3869                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3870                                                                </a>
3871                                                            </li>
3872                                                             
3873                                                                                                                        <li class="addToTracklist">
3874                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240417002')}" @click="addTrack('A240417002')">
3875                                                                    <sp
3875an class="fa fa-heart"></span>
3876                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3877                                                                </a>
3878                                                            </li>
3879                                                                                                                    </ul>
3880                                                    </div>
3881                                                </div>
3882                                            </div>
3883                                        </div>
3884                                    </div>
3885                                </div>
3886                                                                <div class="col-xs-12 default-item">
3887                                    <div class="inner-box">
3888                                        <div class="single-item">
3889                                            <figure class="image-box float_left">
3890                                                <a href="https://www.chuliu.com.tw/product/detail/A240417003">
3891                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/41a6d86df36d616cf938ec416b723a6c.jpg" alt=""> -->
3892                                                    <picture>
3893                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/41a6d86df36d616cf938ec416b723a6c.webp" data-sizes="100w" />
3894                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/41a6d86df36d616cf938ec416b723a6c.jpg" alt="" data-sizes="100w">  
3895                                                    </picture>
3896                                                </a>
3897                                                                                                <div class="product-model-group-top">
3898                                                    <span class="label label-main">台一社</span>
3899                                                </div>
3900                                                                                                <div class="product-model-group">
3901                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3902                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3903                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3904                                                                                                                                                                                                                </div>
3905                                            </figure>
3906                                            <div class="content float_left">
3907                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240417003">唱歌的河流 Singing Rivers</a></h3>
3908                                                <h6 class="header_text text-danger"></h6>
3909                                                
3910                                                <div class="price">
3911                                                                                                            NT$360                                                                                                                                                            <sp
3911an class="prev-rate  ">NT$400</span></div>
3912                                            </div>
3913                                            <div class="overlay-box float_left">
3914                                                <div class="inner">
3915                                                    <div class="top-content">
3916                                                        <ul>
3917                                                            <li class="view_detail">
3918                                                                <a href="https://www.chuliu.com.tw/product/detail/A240417003">
3919                                                                    <span class="fa fa-eye"></span>
3920                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3921                                                                </a>
3922                                                            </li>
3923                                                                                                                        <li class="addToCart">
3924                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240417003')"  >
3925                                                                    <span class="fa fa-cart-plus"></span>
3926                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3927                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3928                                                                </a>
3929                                                            </li>
3930                                                             
3931                                                                                                                        <li class="addToTracklist">
3932                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240417003')}" @click="addTrack('A240417003')">
3933                                                                    <span class="fa fa-heart"></span>
3934                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3935                                                                </a>
3936                                                            </li>
3937                                                                                                                    </ul>
3938                                                    </div>
3939                                                </div>
3940                                            </div>
3941                                        </div>
3942                                    </div>
3943                                </div>
3944                                                                <div class="col-xs-12 default-item">
3945                                    <div class="inner-box">
3946                                        <div class="single-item">
3947                                            <figure class="image-box float_left">
3948                                                <a href="https://www.chuliu.com.tw/product/detail/A240417004">
3949                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/71a5fdbe377b9da75a8501af82be1656.jpg" alt=""> -->
3950                                                    <picture>
3951                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/71a5fdbe377b9da75a8501af82be1656.webp" data-sizes="100w" />
3952                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202404/71a5fdbe37
39527b9da75a8501af82be1656.jpg" alt="" data-sizes="100w">  
3953                                                    </picture>
3954                                                </a>
3955                                                                                                <div class="product-model-group-top">
3956                                                    <span class="label label-main">台一社</span>
3957                                                </div>
3958                                                                                                <div class="product-model-group">
3959                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
3960                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3961                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
3962                                                                                                                                                                                                                </div>
3963                                            </figure>
3964                                            <div class="content float_left">
3965                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240417004">星星亮晶晶 Twinkle, Twinkle, Little Stars</a></h3>
3966                                                <h6 class="header_text text-danger"></h6>
3967                                                
3968                                                <div class="price">
3969                                                                                                            NT$315                                                                                                                                                            <span class="prev-rate  ">NT$350</span></div>
3970                                            </div>
3971                                            <div class="overlay-box float_left">
3972                                                <div class="inner">
3973                                                    <div class="top-content">
3974                                                        <ul>
3975                                                            <li class="view_detail">
3976                                                                <a href="https://www.chuliu.com.tw/product/detail/A240417004">
3977                                                                    <span class="fa fa-eye"></span>
3978                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
3979                                                                </a>
3980                                                            </li>
3981                                                                                                                        <li class="addToCart">
3982                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240417004')"  >
3983                                                                    <span class="fa fa-cart-plus"></span>
3984                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
3985                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
3986                                                                </a>
3987                                                            </li>
3988                                                             
3989                                                                                                                        <li class="addToTracklist">
3990                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240417004')}" @click="addTrack('A240417004')">
3991                                                                    <sp
3991an class="fa fa-heart"></span>
3992                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
3993                                                                </a>
3994                                                            </li>
3995                                                                                                                    </ul>
3996                                                    </div>
3997                                                </div>
3998                                            </div>
3999                                        </div>
4000                                    </div>
4001                                </div>
4002                                                                <div class="col-xs-12 default-item">
4003                                    <div class="inner-box">
4004                                        <div class="single-item">
4005                                            <figure class="image-box float_left">
4006                                                <a href="https://www.chuliu.com.tw/product/detail/A240605001">
4007                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202406/ba280f8e3766dd4f6775452e5d9c992a.jpg" alt=""> -->
4008                                                    <picture>
4009                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202406/ba280f8e3766dd4f6775452e5d9c992a.webp" data-sizes="100w" />
4010                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202406/ba280f8e3766dd4f6775452e5d9c992a.jpg" alt="" data-sizes="100w">  
4011                                                    </picture>
4012                                                </a>
4013                                                                                                <div class="product-model-group-top">
4014                                                    <span class="label label-main">巨流圖書</span>
4015                                                </div>
4016                                                                                                <div class="product-model-group">
4017                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4018                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4019                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4020                                                                                                                                                                                                                </div>
4021                                            </figure>
4022                                            <div class="content float_left">
4023                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A240605001">以人為本!長照各國服務:價值、育才、營運</a></h3>
4024                                                <h6 class="header_text text-danger"></h6>
4025                                                
4026                                                <div class="price">
4027                                                                                                            NT$522                                                                                                                                                            <sp
4027an class="prev-rate  ">NT$580</span></div>
4028                                            </div>
4029                                            <div class="overlay-box float_left">
4030                                                <div class="inner">
4031                                                    <div class="top-content">
4032                                                        <ul>
4033                                                            <li class="view_detail">
4034                                                                <a href="https://www.chuliu.com.tw/product/detail/A240605001">
4035                                                                    <span class="fa fa-eye"></span>
4036                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4037                                                                </a>
4038                                                            </li>
4039                                                                                                                        <li class="addToCart">
4040                                                                <a href="javascript:void(0)" @click="addQuickToCart('A240605001')"  >
4041                                                                    <span class="fa fa-cart-plus"></span>
4042                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
4043                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4044                                                                </a>
4045                                                            </li>
4046                                                             
4047                                                                                                                        <li class="addToTracklist">
4048                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A240605001')}" @click="addTrack('A240605001')">
4049                                                                    <span class="fa fa-heart"></span>
4050                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4051                                                                </a>
4052                                                            </li>
4053                                                                                                                    </ul>
4054                                                    </div>
4055                                                </div>
4056                                            </div>
4057                                        </div>
4058                                    </div>
4059                                </div>
4060                                                                <div class="col-xs-12 default-item">
4061                                    <div class="inner-box">
4062                                        <div class="single-item">
4063                                            <figure class="image-box float_left">
4064                                                <a href="https://www.chuliu.com.tw/product/detail/A250226001">
4065                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202504/485d177ef906b3225e1e222447ff9499.jpg" alt=""> -->
4066                                                    <picture>
4067                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202504/485d177ef906b3225e1e222447ff9499.webp" data-sizes="100w" />
4068                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202504/485d177ef906b3225e1e222447ff9499.jpg" alt="" data-sizes="100w">  
4069                                                    </picture>
4070                                                </a>
4071                                                                                                <div class="product-model-group-top">
4072                                                    <span class="label label-main">麗文文化</span>
4073                                                </div>
4074                                                                                                <div class="product-model-group">
4075                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4076                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4077                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4078                                                                                                                                                                                                                </div>
4079                                            </figure>
4080                                            <div class="content float_left">
4081                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A250226001">荳荳和豆豆</a></h3>
4082                                                <h6 class="header_text text-danger"></h6>
4083                                                
4084                                                <div class="price">
4085                                                                                                            NT$266                                                                                                                                                            <span class="prev-rate  ">NT$295</span></div>
4086                                            </div>
4087                                            <div class="overlay-box float_left">
4088                                                <div class="inner">
4089                                                    <div class="top-content">
4090                                                        <ul>
4091                                                            <li class="view_detail">
4092                                                                <a href="https://www.chuliu.com.tw/product/detail/A250226001">
4093                                                                    <span class="fa fa-eye"></span>
4094                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4095                                                                </a>
4096                                                            </li>
4097                                                                                                                        <li class="addToCart">
4098                                                                <a href="javascript:void(0)" @click="addQuickToCart('A250226001')"  >
4099                                                                    <span class="fa fa-cart-plus"></span>
4100                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
4101                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4102                                                                </a>
4103                                                            </li>
4104                                                             
4105                                                                                                                        <li class="addToTracklist">
4106                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A250226001')}" @click="addTrack('A250226001')">
4107                                                                    <sp
4107an class="fa fa-heart"></span>
4108                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4109                                                                </a>
4110                                                            </li>
4111                                                                                                                    </ul>
4112                                                    </div>
4113                                                </div>
4114                                            </div>
4115                                        </div>
4116                                    </div>
4117                                </div>
4118                                                                <div class="col-xs-12 default-item">
4119                                    <div class="inner-box">
4120                                        <div class="single-item">
4121                                            <figure class="image-box float_left">
4122                                                <a href="https://www.chuliu.com.tw/product/detail/A250701001">
4123                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202507/32d3ea868139144b4d3b706908323eaa.jpg" alt=""> -->
4124                                                    <picture>
4125                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202507/32d3ea868139144b4d3b706908323eaa.webp" data-sizes="100w" />
4126                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202507/32d3ea868139144b4d3b706908323eaa.jpg" alt="" data-sizes="100w">  
4127                                                    </picture>
4128                                                </a>
4129                                                                                                <div class="product-model-group-top">
4130                                                    <span class="label label-main">巨流圖書</span>
4131                                                </div>
4132                                                                                                <div class="product-model-group">
4133                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4134                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4135                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4136                                                                                                                                                                                                                </div>
4137                                            </figure>
4138                                            <div class="content float_left">
4139                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A250701001">邁向有生產力老化--包容、鋪陳、創造</a></h3>
4140                                                <h6 class="header_text text-danger"></h6>
4141                                                
4142                                                <div class="price">
4143                                                                                                            NT$585                                                                                                                                                            <sp
4143an class="prev-rate  ">NT$650</span></div>
4144                                            </div>
4145                                            <div class="overlay-box float_left">
4146                                                <div class="inner">
4147                                                    <div class="top-content">
4148                                                        <ul>
4149                                                            <li class="view_detail">
4150                                                                <a href="https://www.chuliu.com.tw/product/detail/A250701001">
4151                                                                    <span class="fa fa-eye"></span>
4152                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4153                                                                </a>
4154                                                            </li>
4155                                                                                                                        <li class="addToCart">
4156                                                                <a href="javascript:void(0)" @click="addQuickToCart('A250701001')"  >
4157                                                                    <span class="fa fa-cart-plus"></span>
4158                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
4159                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4160                                                                </a>
4161                                                            </li>
4162                                                             
4163                                                                                                                        <li class="addToTracklist">
4164                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A250701001')}" @click="addTrack('A250701001')">
4165                                                                    <span class="fa fa-heart"></span>
4166                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4167                                                                </a>
4168                                                            </li>
4169                                                                                                                    </ul>
4170                                                    </div>
4171                                                </div>
4172                                            </div>
4173                                        </div>
4174                                    </div>
4175                                </div>
4176                                                                <div class="col-xs-12 default-item">
4177                                    <div class="inner-box">
4178                                        <div class="single-item">
4179                                            <figure class="image-box float_left">
4180                                                <a href="https://www.chuliu.com.tw/product/detail/A251223001">
4181                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202512/80cdfd0f9f8d73f11d1887161c37190a.jpg" alt=""> -->
4182                                                    <picture>
4183                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202512/80cdfd0f9f8d73f11d1887161c37190a.webp" data-sizes="100w" />
4184                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202512/80cdfd0f9f8d73f11d1887161c37190a.jpg" alt="" data-sizes="100w">  
4185                                                    </picture>
4186                                                </a>
4187                                                                                                <div class="product-model-group-top">
4188                                                    <span class="label label-main">巨流圖書</span>
4189                                                </div>
4190                                                                                                <div class="product-model-group">
4191                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4192                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4193                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4194                                                                                                                                                                                                                </div>
4195                                            </figure>
4196                                            <div class="content float_left">
4197                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A251223001">個人與組織共好的發展學:校長、主任、研究所甄試上榜Know-how</a></h3>
4198                                                <h6 class="header_text text-danger"></h6>
4199                                                
4200                                                <div class="price">
4201                                                                                                            NT$351                                                                                                                                                            <span class="prev-rate  ">NT$390</span></div>
4202                                            </div>
4203                                            <div class="overlay-box float_left">
4204                                                <div class="inner">
4205                                                    <div class="top-content">
4206                                                        <ul>
4207                                                            <li class="view_detail">
4208                                                                <a href="https://www.chuliu.com.tw/product/detail/A251223001">
4209                                                                    <span class="fa fa-eye"></span>
4210                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4211                                                                </a>
4212                                                            </li>
4213                                                                                                                        <li class="addToCart">
4214                                                                <a href="javascript:void(0)" @click="addQuickToCart('A251223001')"  >
4215                                                                    <span class="fa fa-cart-plus"></span>
4216                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
4217                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4218                                                                </a>
4219                                                            </li>
4220                                                             
4221                                                                                                                        <li class="addToTracklist">
4222                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A251223001')}" @click="addTrack('A251223001')">
4223                                                                    <sp
4223an class="fa fa-heart"></span>
4224                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4225                                                                </a>
4226                                                            </li>
4227                                                                                                                    </ul>
4228                                                    </div>
4229                                                </div>
4230                                            </div>
4231                                        </div>
4232                                    </div>
4233                                </div>
4234                                                                <div class="col-xs-12 default-item">
4235                                    <div class="inner-box">
4236                                        <div class="single-item">
4237                                            <figure class="image-box float_left">
4238                                                <a href="https://www.chuliu.com.tw/product/detail/A260409001">
4239                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202604/120f01359332ab5923880b63d01e3ab3.JPG" alt=""> -->
4240                                                    <picture>
4241                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202604/120f01359332ab5923880b63d01e3ab3.webp" data-sizes="100w" />
4242                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202604/120f01359332ab5923880b63d01e3ab3.JPG" alt="" data-sizes="100w">  
4243                                                    </picture>
4244                                                </a>
4245                                                                                                <div class="product-model-group-top">
4246                                                    <span class="label label-main">國立交通大學校友會友聲雜誌社</span>
4247                                                </div>
4248                                                                                                <div class="product-model-group">
4249                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4250                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4251                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4252                                                                                                                                                                                                                </div>
4253                                            </figure>
4254                                            <div class="content float_left">
4255                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/A260409001">思源致遠130:國立交通大學創校130週年校慶紀念特刊</a></h3>
4256                                                <h6 class="header_text text-danger"></h6>
4257                                                
4258                                                <div class="price">
4259                                                                                                            NT$495                                                                                                                                                            <sp
4259an class="prev-rate  ">NT$550</span></div>
4260                                            </div>
4261                                            <div class="overlay-box float_left">
4262                                                <div class="inner">
4263                                                    <div class="top-content">
4264                                                        <ul>
4265                                                            <li class="view_detail">
4266                                                                <a href="https://www.chuliu.com.tw/product/detail/A260409001">
4267                                                                    <span class="fa fa-eye"></span>
4268                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4269                                                                </a>
4270                                                            </li>
4271                                                                                                                        <li class="addToCart">
4272                                                                <a href="javascript:void(0)" @click="addQuickToCart('A260409001')"  >
4273                                                                    <span class="fa fa-cart-plus"></span>
4274                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
4275                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4276                                                                </a>
4277                                                            </li>
4278                                                             
4279                                                                                                                        <li class="addToTracklist">
4280                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('A260409001')}" @click="addTrack('A260409001')">
4281                                                                    <span class="fa fa-heart"></span>
4282                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4283                                                                </a>
4284                                                            </li>
4285                                                                                                                    </ul>
4286                                                    </div>
4287                                                </div>
4288                                            </div>
4289                                        </div>
4290                                    </div>
4291                                </div>
4292                                                                <div class="col-xs-12 default-item">
4293                                    <div class="inner-box">
4294                                        <div class="single-item">
4295                                            <figure class="image-box float_left">
4296                                                <a href="https://www.chuliu.com.tw/product/detail/I22071231939137">
4297                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/1f0a1dc5946cceb31976a52778a4844d.jpg" alt=""> -->
4298                                                    <picture>
4299                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/1f0a1dc5946cceb31976a52778a4844d.webp" data-sizes="100w" />
4300                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202207/1f0a1dc5946cceb31976a52778a4844d.jpg" alt="" data-sizes="100w">  
4301                                                    </picture>
4302                                                </a>
4303                                                                                                <div class="product-model-group-top">
4304                                                    <span class="label label-main">麗文文化</span>
4305                                                </div>
4306                                                                                                <div class="product-model-group">
4307                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4308                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4309                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4310                                                                                                                                                                                                                </div>
4311                                            </figure>
4312                                            <div class="content float_left">
4313                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/I22071231939137">一個教育界老者的沉痛呼籲—兼及大學教育問題批判</a></h3>
4314                                                <h6 class="header_text text-danger"></h6>
4315                                                
4316                                                <div class="price">
4317                                                                                                            NT$135                                                                                                                                                            <span class="prev-rate  ">NT$150</span></div>
4318                                            </div>
4319                                            <div class="overlay-box float_left">
4320                                                <div class="inner">
4321                                                    <div class="top-content">
4322                                                        <ul>
4323                                                            <li class="view_detail">
4324                                                                <a href="https://www.chuliu.com.tw/product/detail/I22071231939137">
4325                                                                    <span class="fa fa-eye"></span>
4326                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4327                                                                </a>
4328                                                            </li>
4329                                                                                                                        <li class="addToCart">
4330                                                                <a href="javascript:void(0)" @click="addQuickToCart('I22071231939137')"  >
4331                                                                    <span class="fa fa-cart-plus"></span>
4332                                                                    <span class="hidden-md hidden-xs">加入購物車</span>
4333                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4334                                                                </a>
4335                                                            </li>
4336                                                             
4337                                                                                                                        <li class="addToTracklist">
4338                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('I22071231939137')}" @click="addTrack('I22071231939137')">
4339                                                                    <sp
4339an class="fa fa-heart"></span>
4340                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4341                                                                </a>
4342                                                            </li>
4343                                                                                                                    </ul>
4344                                                    </div>
4345                                                </div>
4346                                            </div>
4347                                        </div>
4348                                    </div>
4349                                </div>
4350                                                                <div class="col-xs-12 default-item">
4351                                    <div class="inner-box">
4352                                        <div class="single-item">
4353                                            <figure class="image-box float_left">
4354                                                <a href="https://www.chuliu.com.tw/product/detail/I22071231939142">
4355                                                    <!-- <img src="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/25280cb0ced9e1a9b57b9a586123a776.jpg" alt=""> -->
4356                                                    <picture>
4357                                                      <source type="image/webp" data-srcset="https://static.ostore.tw/webp/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/25280cb0ced9e1a9b57b9a586123a776.webp" data-sizes="100w" />
4358                                                      <img class="lazy" data-src="https://img.ollstore.com/res/images/background/1.png"  data-srcset="https://static.ostore.tw/resize/d5/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/25280cb0ced9e1a9b57b9a586123a776.jpg" alt="" data-sizes="100w">  
4359                                                    </picture>
4360                                                </a>
4361                                                                                                <div class="product-model-group-top">
4362                                                    <span class="label label-main">巨流圖書</span>
4363                                                </div>
4364                                                                                                <div class="product-model-group">
4365                                                                                                                                                                                                                        <span class="label label-default product-model hot"></span>
4366                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4367                                                                                                                                                                                                                            <span class="label label-default product-model hot"></span>
4368                                                                                                                                                                                                                </div>
4369                                            </figure>
4370                                            <div class="content float_left">
4371                                                <h3 class="name"><a href="https://www.chuliu.com.tw/product/detail/I22071231939142">教育學導論</a></h3>
4372                                                <h6 class="header_text text-danger"></h6>
4373                                                
4374                                                <div class="price">
4375                                                                                                            NT$450                                                                                                                                                            <sp
4375an class="prev-rate  ">NT$500</span></div>
4376                                            </div>
4377                                            <div class="overlay-box float_left">
4378                                                <div class="inner">
4379                                                    <div class="top-content">
4380                                                        <ul>
4381                                                            <li class="view_detail">
4382                                                                <a href="https://www.chuliu.com.tw/product/detail/I22071231939142">
4383                                                                    <span class="fa fa-eye"></span>
4384                                                                    <span class="hidden-md hidden-xs">觀看商品</span>
4385                                                                </a>
4386                                                            </li>
4387                                                                                                                        <li class="addToCart">
4388                                                                <a href="javascript:void(0)" @click="addQuickToCart('I22071231939142')"  >
4389                                                                    <span class="fa fa-cart-plus"></span>
4390                                                                    <span class="hidden-md hidden-xs">無庫存</span>
4391                                                                    &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4392                                                                </a>
4393                                                            </li>
4394                                                             
4395                                                                                                                        <li class="addToTracklist">
4396                                                                <a href="javascript:void(0)" v-bind:class="{'isMarked':isTracked('I22071231939142')}" @click="addTrack('I22071231939142')">
4397                                                                    <span class="fa fa-heart"></span>
4398                                                                    <span class="hidden-md hidden-xs">追蹤商品</span>
4399                                                                </a>
4400                                                            </li>
4401                                                                                                                    </ul>
4402                                                    </div>
4403                                                </div>
4404                                            </div>
4405                                        </div>
4406                                    </div>
4407                                </div>
4408                                                                                            
4409                            </div>
4410
4411                            <div class="pagination_bar row">
4412                                <div class="col-xs-12">
4413                                    <div class="status text-right pull-left hidden-xs">
4414                                        <span>頁數: </span><span class="font-bold">1</span> / 6‧共有 <span class="text-danger">121</span> 件商品
4415                                    </div>
4416                                    <nav aria-label="Page navigation" class="pull-right-lg">
4417                                      <ul class="pagination">
4418                                                                                 
4419                                                                                                                        <li class="active"><a @click="changePage('1')" href="javascript:void(0);">1</a></li>
4420                                                                                <li class=""><a @click="changePage('2')" href="javascript:void(0);">2</a></li>
4421                                                                                <li class=""><a @click="changePage('3')" href="javascript:void(0);">3</a></li>
4422                                                                                <li class=""><a @click="changePage('4')" href="javascript:void(0);">4</a></li>
4423                                                                                <li class=""><a @click="changePage('5')" href="javascript:void(0);">5</a></li>
4424                                                                                <li class=""><a @click="changePage('6')" href="javascript:void(0);">6</a></li>
4425                                         
4426                                                                                <!-- <li class=""><a @click="changePage('7')" href="javascript:void(0);">7</a></li> -->
4427                                                                                                                                                                <li>
4428                                          <a @click="changePage('2')" href="javascript:void(0);" aria-label="Next">
4429                                            <span aria-hidden="true">&raquo;</span>
4430                                          </a>
4431                                        </li>
4432                                                                              </ul>
4433                                    </nav>
4434                                </div>
4435                            </div>
4436                        </article>
4437
4438                        
4439
4440                    </div>
4441                </div>
4442        </div>
4443
4444
4445
4446                  <style>
4447            .show-fbmessenger {
4448                width: 30px;
4449                height: 30px;
4450                position: fixed;
4451                bottom: 50px;
4452                right: 30px;
4453                z-index: 98;
4454                display: block;
4455                color: #fff;
4456                text-align: center;
4457                background: #e4f7ff !important;
4458                transition: box-shadow .3s;
4459                opacity: 0.88;
4460                bottom: 30px;
4461                width: 60px;
4462                height: 60px; 
4463                border-radius: 50%;
4464                right: 10px;
4465            }
4466            .footer_fixed_sidebar{
4467              /*display: grid;
4468              -ms-flex-direction: column;
4469              flex-direction: column;*/
4470              position: fixed;
4471              z-index: 102;
4472              right: 0;
4473              bottom: 0;
4474            }
4475            .footer_fixed_sidebar{
4476                right: 10px;
4477                bottom: 80px;
4478            }
4479
4480            .icon_s_scrolltop,.icon_s_line,.icon_s_livestream,.icon_s_fbmessenger{
4481              position: relative;
4482            } 
4483            .icon_s_scrolltop .scroll-top{
4484              position: static;
4485            }
4486            .icon_s_line .show-sidebar-line-button{
4487              position: static;
4488            }
4489            .icon_s_livestream .show-live-stream{
4490              position: static;
4491            }
4492            .icon_s_line {
4493                bottom: 20px;
4494            } 
4495            .icon_s_livestream{
4496                bottom: 100px;
4497            }
4498            .scroll-top, .show-live-stream, .show-sidebar-line-button{
4499                right: 0px;
4500            }
4501
4502            .footer_fixed_sidebar .icon_s_fbmessenger .fb_dialog_content iframe{
4503                bottom: 30px !important;
4504                margin: 0px 10px !important;
4505                right: 0px !important;
4506            }
4507
4508            @media (max-width: 767px){
4509              .footer_fixed_sidebar {
4510                  right: 10px;
4511                  bottom: 24%;
4512              }
4513              .icon_s_scrolltop {
4514                bottom: 20px;
4515              }
4516              .icon_s_livestream {
4517                  bottom: 30px;
4518              }
4519              .icon_s_line {
4520                bottom: 10px;
4521              } 
4522              .show-fbmessenger{
4523                bottom: 58px;
4524                width: 40px;
4525                height: 42px;
4526                border-radius: 10%;
4527                right: 10px;
4528                position: static;
4529              }
4530              .scroll-top, .show-live-stream, .show-sidebar-line-button{
4531                  right: 0px;
4532              }
4533              /*
4534              */
4535              .footer_fixed_sidebar .icon_s_fbmessenger .fb-btn + .fb_dialog {
4536                  background: transparent !important;
4537                  padding: 0 !important;
4538                  top: auto !important;
4539                  right: auto !important;
4540                  position: relative !important;
4541                  bottom: 0px !important;
4542              }
4543              .footer_fixed_sidebar .icon_s_fbmessenger .fb_dialog_content{
4544                  background: url('https://www.chuliu.com.tw/res/images/icon/fb_messenger.svg') #fff no-repeat !important;
4545                  border: 1px solid #e6e6e6 !important;
4546                  border-radius: 8px !important;
4547                  overflow: hidden;
4548                  width: 43px !important;
4549                  height: 43px !important;
4550              }
4551              .footer_fixed_sidebar .icon_s_fbmessenger .fb_dialog_content iframe{
4552                opacity: .01 !important;
4553                filter: Alpha(opacity=0) !important;
4554                margin: 0 !important;
4555                top: -1px !important;
4556                right: 1px !important;
4557                position: relative !important;
4558                padding: 0 !important;
4559             }
4560                  
4561
4562
4563            }
4564
4565          </style>
4566
4567          <div class="footer_fixed_sidebar"> 
4568            <div class="icon_s_livestream">
4569              <button class="show-live-stream tran3s active"  @click="toggleLiveBtn();" v-if="liveSetting.enable">
4570                  <span class="fa fa-play-circle "></span>
4571              </button>
4572            </div>
4573            <div class="icon_s_gocheckout">
4574                              <a href="https://www.chuliu.com.tw/cart/checkout"   class=" scroll-gocheckout show-sidebar-line-button  tran3s active"><img src="https://static.ostore.tw/uploads/res/checkout-svgrepo-com2.svg"  alt=""></a>
4575                          </div>
4576            <div class="icon_s_scrolltop">
4577              <button class="scroll-top tran3s">
4578                  <span class="fa fa-angle-up"></span>
4579              </button>
4580            </div>
4581            <div class="icon_s_line">
4582               <!-- && is_set('facebook_messenger_plugins_pageId',$general)=='' -->
4583              <a href="@sxs1780d" target="_blank" class=" show-sidebar-line-button  tran3s active" ><img src="https://d.line-scdn.net/r/web/social-plugin/img/common/square-default-large.png" alt=""></a>
4584                          </div>
4585            <div class="icon_s_fbmessenger">
4586                             
4587              
4588                                         
4589                          </div>
4590          </div> 
4591
4592            
4593
4594
4595<div id="footer-nav-m" class="footer-nav-m home hidden-lg hidden-md hidden-sm mobHelpfixF">
4596     
4597    <!-- 預設模式 -->
4598    <div class="container-fluid">
4599        <div class="row">
4600            <div class="col-xs-3 mhelpmenu_home">
4601                                <a href="https://www.chuliu.com.tw/">
4602                    <i class="fa fa-home"></i>
4603                    <span class="text">首頁</span>
4604                </a>
4605                            </div>
4606            <div class="col-xs-3 mhelpmenu_login">
4607                <a href="https://www.chuliu.com.tw/member/login?r=product-catlogs-教育">
4608                    <i class="fa fa-user"></i>
4609                    <span class="text">登入/註冊</span>
4610                </a>
4611            </div>
4612            <div class="col-xs-3 mhelpmenu_faq">
4613                                <a href="https://www.chuliu.com.tw/article/faq/">
4614                    <i class="fa fa-question-circle"></i>
4615                    <span class="text">常見問答</span>
4616                </a>
4617                            </div>
4618            <div class="col-xs-3 mhelpmenu_cart">
4619                 
4620                <a href="https://www.chuliu.com.tw/cart/detail/">
4621                    <i class="fa fa-shopping-cart"></i>
4622                    <span class="text">購物車</span>
4623                </a>
4624                            </div>
4625        </div>
4626    </div>
4627 
4628              
4629               
4630
4631
4632
4633
4634
4635</div>
4636
4637
4638 
4639
4640
4641
4642<!-- <div id="footer-nav-m" class="footer-nav-m home hidden-lg hidden-md hidden-sm">
4643     
4644
4645
4646                
4647
4648</div> -->
4649            
4650            <footer class="">
4651                <div class="main_footer">
4652                    <div class="container">
4653                      <div class="row">
4654                        <div class="col-lg-4 col-md-4 col-xs-12">
4655                          <div class="footer-logo">
4656                            <a href="https://www.chuliu.com.tw/"><img alt="巨流圖書-麗文文化事業機構" title="" src="https://static.ostore.tw/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/3376a594dd1559ae46afe922305a2bfe.png"></a>
4657                          </div>
4658                          <ul class="footer-info">
4659                                                          <li>巨流圖書股份有限公司</li>
4660                                                                                      <li>統編: 04202062</li>
4661                                                                                      <li class="footer_li_addr"><a target="_blank" href="https://www.google.com/maps/place/高雄市苓雅區五福一路57號2樓之2(南部總公司)/台北市中正區重慶南路一段57號10樓之12(台北編輯部)"><i class="fa fa-map-marker fa-fw mr-xs"></i> 地址: 高雄市苓雅區五福一路57號2樓之2(南部總公司)/台北市中正區重慶南路一段57號10樓之12(台北編輯部)</a></li>
4662                                                                                      <li class="footer_li_ph
4662one"><a href="tel:LINE:@sxs1780d ★ 申請教師版教材 0988630612"><i class="fa fa-phone fa-fw mr-xs"></i> 客服專線: LINE:@sxs1780d ★ 申請教師版教材 0988630612</a></li>
4663                                                                                      <li class="footer_li_mail"><a href="mailto:[email protected](出版洽詢)/[email protected](電商購書洽詢)"><i class="fa fa-envelope-o fa-fw mr-xs"></i> 客服信箱: [email protected](出版洽詢)/[email protected](電商購書洽詢)</a></li>
4664                                                                                      <li style="margin-left: 2px;" class=""><a href="javascript:void(0)" ><i class="fa fa-calendar   mr-xs"></i>&nbsp;&nbsp;營業時段: 週一~週五 09:00~18:00 (例假日休息)</a></li>
4665                             
4666                                                          <li class="" style="margin-left: 1px;">
4667                                <a href="javascript:void(0)">
4668                                  <svg height="16" viewBox="0 0 400 375" width="15.2" class=" mr-xs" style="top:3px;position: relative;fill: currentColor;"><path d="M235.737 207.784c.8 2.014 2.393 3.627 4.395 4.45 1.613.775 3.455.99 5.213.6h11.83c4.418 0 8-3.582 8-8v-86c0-4.42-3.582-8-8-8h-14c-4.418 0-8 3.58-8 8v36.662L205.512 114.1l-.03-.043c-1.797-2.472-4.744-3.614-7.574-3.223h-12.94c-4.418 0-8 3.58-8 8v86c0 4.418 3.582 8 8 8h14c4.42 0 8-3.582 8-8v-37.197zm73.424-67.044h28.124c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H287.7c-.568 0-1.12.06-1.655.17-3.89.544-6.884 3.884-6.884 7.924v86c0 4.418 3.583 8 8 8h.04c.166.01.332.015.5.015h49.584c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H309.16v-6.055h28.124c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H309.16zm-225 42.126v-64.032c0-4.42-3.58-8-8-8h-14c-4.417 0-8 3.58-8 8v70.38c-.11.532-.17 1.085-.17 1.652v14c0 4.418 3.582 8 8 8h51.75c4.42 0 8-3.582 8-8v-14c0-4.418-3.58-8-8-8zM198.77 0C341.84.648 389.244 105.6 389.244 105.6c36.787 88.437-32.59 153.4-32.59 153.4-94.896 90.245-157.886 113.237-157.886 113.237-21.71 9.87-16.447-9.87-16.447-9.87 2.727-12.586 4.165-29.553 4.165-29.553-.38-15.192-24.415-15.896-24.415-15.896-105.705-17.23-142.56-88.023-142.56-88.023C-34.842 133.862 41.59 62.54 41.85 62.667 102.473 2.753 172.115.257 198.767 0zm-58.226 110.834c-4.418 0-8 3.58-8 8v86c0 4.418 3.582 8 8 8h14c4.418 0 8-3.582 8-8v-86c0-4.42-3.582-8-8-8z" fill-rule="evenodd"></path></svg>&nbsp;&nbsp;LineID: @sxs1780d                                </a>
4669                              </li>
4670                              
4671                                                      </ul>  
4672                        </div>
4673                        <div class="col-lg-3 col-md-2 col-sm-6 col-xs-12">
4674                          <h5 class="mb-lg">網站地圖</h5>
4675                          <ul class="footer-link sitemap">
4676                                                                                                                <li><a href="https://www.chuliu.com.tw/article/about">關於我們</a></li>
4677                                                                                                                                                                                                                                                                                                                                                                                      <li><a href="https://www.chuliu.com.tw/article/faq">常見問答</a></li>
4678                                                                                                                                                                                                                                                                                                                                                                                          <li><a href="https://www.chuliu.com.tw/article/news/">最新消息</a></li>
4679                                                                                                                                                                                                                                                                    <li><a href="https://www.chuliu.com.tw/contact">聯絡我們</a></li>
4680                                                                                                                                                                                                        
4681                                                        <!-- <li><a href="https://www.chuliu.com.tw/article/about">關於我們</a></li>
4682                            <li><a href="https://www.chuliu.com.tw/article/faq">常見問答</a></li>
4683                             
4684                            <li><a href="https://www.chuliu.com.tw/article/news">最新消息</a></li>
4685                                                        <li><a href="https://www.chuliu.com.tw/contact">聯絡我們</a></li> -->
4686                          </ul>
4687                        </div>
4688                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
4689                          <h5 class="mb-lg">服務資訊</h5>
4690                          <ul class="footer-link serviceinfo">
4691                                                                                                                                                                                                                                                                                                                              <li><a href="https://www.chuliu.com.tw/article/detail/privacy_policy">隱私權政策</a></li>
4692                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li><a href="https://www.chuliu.com.tw/article/detail/shop_rule">購物說明</a></li>
4693                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <li><a href="https://www.chuliu.com.tw/member/order_search">
4693訪客訂單查詢</a></li>
4694                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="https://www.chuliu.com.tw/member/login?r=product-catlogs-教育">會員登入</a> / <a href="https://www.chuliu.com.tw/member/register?r=product-catlogs-教育">註冊</a></li>
4695                                                                                                                      
4696                                                      </ul>
4697                        </div>
4698                        <div class="col-lg-3 col-md-4 col-xs-12">
4699                                                        <div class="fb-fanpage-container">
4700                                <div class="fb-page" data-href="https://www.facebook.com/chuliuliwenbooks" data-tabs="" data-width="300" data-height="145" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/chuliuliwenbooks" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/chuliuliwenbooks"></a></blockquote></div>
4701                              </div>
4702                                                    </div>
4703                      </div>
4704                    </div>
4705                </div>
4706                <div class="bottom_footer clear_fix">
4707                    <div class="container">
4708                        <ul class="footer-social">
4709                                                                                    <li class="footer-social "><a href="https://www.facebook.com/chuliuliwenbooks" target="_blank" ><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
4710                                                                                                                                                                      <li class="footer-social hide"><a href="javascript:void(0)"  ><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
4711                                                                                                                <li class="footer-social hide"><a href="javascript:void(0)"  ><i class="fa fa-weibo" aria-hidden="true"></i></a></li>
4712                                                                                                                <li class="footer-social hide"><a href="javascript:void(0)"  ><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
4713                                                                                                                <li class="footer-social hide"><a href="javascript:void(0)"  ><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
4714                                                                                                                <li class="footer-social  soical-line-icon">
4715                                <a href="@sxs1780d" target="_blank" >
4716                                  <svg height="12.8" viewBox="0 0 400 375" width="13.65" style="top:2px;position: relative;fill: currentColor;"><path d="M235.737 207.784c.8 2.014 2.393 3.627 4.395 4.45 1.613.775 3.455.99 5.213.6h11.83c4.418 0 8-3.582 8-8v-86c0-4.42-3.582-8-8-8h-14c-4.418 0-8 3.58-8 8v36.662L205.512 114.1l-.03-.043c-1.797-2.472-4.744-3.614-7.574-3.223h-12.94c-4.418 0-8 3.58-8 8v86c0 4.418 3.582 8 8 8h14c4.42 0 8-3.582 8-8v-37.197zm73.424-67.044h28.124c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H287.7c-.568 0-1.12.06-1.655.17-3.89.544-6.884 3.884-6.884 7.924v86c0 4.418 3.583 8 8 8h.04c.166.01.332.015.5.015h49.584c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H309.16v-6.055h28.124c4.418 0 8-3.582 8-8v-14c0-4.42-3.582-8-8-8H309.16zm-225 42.126v-64.032c0-4.42-3.58-8-8-8h-14c-4.417 0-8 3.58-8 8v70.38c-.11.532-.17 1.085-.17 1.652v14c0 4.418 3.582 8 8 8h51.75c4.42 0 8-3.582 8-8v-14c0-4.418-3.58-8-8-8zM198.77 0C341.84.648 389.244 105.6 389.244 105.6c36.787 88.437-32.59 153.4-32.59 153.4-94.896 90.245-157.886 113.237-157.886 113.237-21.71 9.87-16.447-9.87-16.447-9.87 2.727-12.586 4.165-29.553 4.165-29.553-.38-15.192-24.415-15.896-24.415-15.896-105.705-17.23-142.56-88.023-142.56-88.023C-34.842 133.862 41.59 62.54 41.85 62.667 102.473 2.753 172.115.257 198.767 0zm-58.226 110.834c-4.418 0-8 3.58-8 8v86c0 4.418 3.582 8 8 8h14c4.418 0 8-3.582 8-8v-86c0-4.42-3.582-8-8-8z" fill-rule="evenodd"></path></svg>
4717                                </a>
4718                              </li>
4719                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
4720                        <div class="pull-left copyright"><a href="https://www.chuliu.com.tw">巨流圖書-麗文文化事業機構</a> © 2026 All Rights Reserved 
4721                            <!-- Powered by --> 
4722                                                        <!-- - <a href="https://ollstore.t
4722w" target="_blank" title="OllSTORE 網路開店平台">OllSTORE 網路開店平台</a> -->
4723                             
4724                            <!-- <div class="system-panel-info">
4725                              <a href="https://ollstore.tw" target="_blank" title="OllSTORE 網路開店系統">系統建置:OllSTORE 網路開店系統</a> 
4726                            </div> -->
4727                             <!--共執行0.048秒-->            
4728                        </div>
4729                    </div>
4730                </div>
4731            </footer>
4732            <div v-if="liveSetting.isOpen" v-bind:class="(liveSetting.type=='yt') ? 'live-stream-yt' : 'live-stream-fb'">
4733    <iframe v-if="liveSetting.type=='fb'" v-bind:src="'https://www.facebook.com/plugins/video.php?href=' + liveSetting.url +'&show_text=0'" v-bind:width="liveSetting.width" v-bind:height="liveSetting.height" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
4734    <iframe v-if="liveSetting.type=='yt'" v-bind:width="liveSetting.width" v-bind:height="liveSetting.height" v-bind:src="'https://www.youtube.com/embed/' + liveSetting.url + '?autoplay=1'" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" autoplay allowfullscreen></iframe>
4735</div>
4736
4737<!-- 加快喚醒 -->
4738<!-- <img height="1" width="1" style="display:none" src="https://supstoreinfo5-76lis43hmq-de.a.run.app/" /> -->
4739
4740<div class="modal fade" id="seach-prod-modal-box" tabindex="-1" role="dialog" aria-labelledby="seach-prod-modal-box">
4741    <div class="modal-dialog" role="document">
4742        <div class="modal-content">
4743            <div class="modal-header">
4744                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4745                <h4 class="modal-title">搜尋商品</h4>
4746            </div>
4747            <div class="modal-body">
4748                <form class="clearfix">
4749                    <div class="custom-search-control input-group" style="margin-bottom: 15px;">
4750                    <input class="form-control custom_serach_product_keyword_v" style="padding: 20px;" type="text" placeholder="搜尋商品..." value="">
4751                        <span class="input-group-btn">
4752                            <button class="btn btn-default custom_serach_product_btn"  style="padding: 10px;" type="button"><i class="fa fa-search"></i> 搜尋</button>
4753                        </span>
4754                    </div>
4755                </form>
4756                                    <div class="keywords">
4757                        <div class="mt-5 mb-5">熱門搜尋 : </div>
4758                        <div >
4759                                                                                    <a href="https://www.chuliu.com.tw/product/search/公共政策">公共政策</a>
4760                                                                                                                <a href="https://www.chuliu.com.tw/product/search/社會學">社會學</a>
4761                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
4762                        <div class="mb-5">搜尋紀錄 : </div>
4763                        <div class="custom_search_record_data"></div>
4764                    </div>
4765                            </div>
4766            <div class="modal-footer">
4767            </div>
4768        </div>
4769    </div>
4770</div>         <!-- 快速加入購物車modal -->
4771        <div class="modal fade" id="quickAddCartModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
4772  <div class="modal-dialog" role="document">
4773    <div class="modal-content">
4774        <div class="modal-header">
4775            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
4776            <h5 class="modal-title" id="myModalLabel">加入購物車</h5>
4777        </div>
4778        <div class="modal-body" v-if="quickProductActive" > 
4779            <div class="row product_top_section clear_fix">
4780                <div class="col-md-5 col-sm-4">
4781                    <div class="img_preview text-center">
4782                        <img id="preview" v-bind:src="quickProductData.main.cover" alt="img" class="img-responsive"> 
4783                    </div>      
4784                </div>
4785
4786                <div class="col-md-7 col-sm-8">
4787                    <div class="col-sm-12 mt-10 mb-5 text-right" v-if="quickProductData.main.attributes.length>0"> 
4788                           <span v-if="quickProductData.attrList[attr_row]" v-for="(cd_index,attr_row) in quickProductData.main.attributes" class="pdAttrBorder" v-bind:style="'border-color:'+quickProductData.attrList[attr_row].color+';color:'+quickProductData.attrList[attr_row].color+';'">
4789                               {{quickProductData.attrList[attr_row].title}}
4790                           </span>  
4791                    </div>
4792                    <h1 class="name" itemprop="headline"><span v-if="quickProductData.main.brand!=''">【{{ quickProductData.main.brand }}】</span>{{ quickProductData.main.title }}</h1>
4793                    <h6 class="feature-text">{{ quickProductData.main.feature_text }}</h6>
4794                    <p class="feature-desc-text" v-html="quickProductData.main.extra_desc"> 
4795                    </p>        
4796                    <ul class="feature_list" v-if="quickProductData.main.feature_list.length>=0" > 
4797                        <li v-for="(t_index,t_row) in quickProductData.main.feature_list" >{{ t_row.text }}</li> 
4798                    </ul> 
4799                             
4800                                         
4801                        <template v-if="quickProductData.main.hidePrice"><span class="price_actu text-danger">特定會員可見價格</span></template>  
4802                        <template v-if="!quickProductData.main.hidePrice">
4803                            <div class="item_price net_price">
4804                                <span class="price_actu_title">網路價</span>
4805                                <span class="price_actu text-danger">NT${{ commaFormat(parseInt(product.price_actu)) }}{{(quickProductData.main.price_maxrange>0 && !checkQuickCartOptionIsSelectFinish()) ? '~'+quickProductData.main.price_maxrange : ''}}</span>
4806                                <del class="price_sugg small hide">NT${{ commaFormat(quickProductData.main.price_sugg) }}</del>
4807                            </div>
4808                            <div class="item_price" v-if="product.group_price>=0 && product.member_offer_percent==1  && product.group_price!=9999999999999">
4809                                <span class="price_actu_title">專屬特惠價</span>
4810                                <span class="price_actu text-danger">NT${{ commaFormat(product.group_price) }}</span> 
4811                            </div>
4812                            <div class="item_price" v-if="product.member_offer_percent<1 && product.member_offer_percent>0">
4813                                <span class="price_actu_title">優惠價</span>
4814                                <span class="price_actu text-danger">NT${{ commaFormat(product.member_price) }}</span>
4815                                <del class="price_sugg  " v-if="product.group_price>=0 && (product.member_offer_percent<1 && product.member_offer_percent>0)" >NT${{ commaFormat(product.group_price) }}</del> 
4816                            </div> 
4817
4818                        </template>
4819                     
4820                    <hr  v-if="!quickProductDataHasKits">  
4821                    <div class="option_section" v-if="quickProductData.main.hasOption>=1">
4822                      
4823                                <h6 class="check_location mb-md">選擇規格:</h6>
4824                                <div class="option" v-for="(og_index,og_row) in quickProductData.option"  >
4825                                    <span class="option_main_name" v-bind:class="'oprow-'+(og_index+1)">{{og_row.name}}</span> 
4826                                    <!-- 選項 -->
4827                                    <template v-if="og_index==0 ">
4828                                        <!-- 文字 -->
4829                                        <template v-for="(sp_index,sp_row) in og_row.sub_option">
4830                                            <a class="btn btn-sm {{(choose_option[og_index]==sp_row.uuid) ? 'btn-success active' : 'btn-default'}}" v-bind:style="(og_row.display.substr(1,1)==1) ? 'background:'+sp_row.color+';color:#fff;
4830' : ''" href="javascript:void(0)" @click="chooseOption(sp_row,og_index)">
4831                                              <img v-if="og_row.display.substr(2,1)==1" v-bind:src="sp_row.previewSmall" width="36" />
4832                                              <div class="active-angle"></div>
4833                                              <span v-if="og_row.display.substr(0,1)==1 || (sp_row.preview=='' && og_row.display.substr(2,1)==1)">{{sp_row.name}}</span> 
4834                                            </a>
4835                                        </template>
4836                                    </template>
4837                                    <template v-if="(og_index>0 && (choose_option[og_index-1]!='' && choose_option[og_index-1]!=null)  )">
4838                                        <!-- 文字 -->
4839                                        <template v-for="(sp_index,sp_row) in og_row.sub_option | filterBy choose_option[og_index-1] in 'parent' ">
4840                                            <a class="btn btn-sm {{(choose_option[og_index]==sp_row.uuid) ? 'btn-success active' : 'btn-default'}}" v-bind:style="(og_row.display.substr(1,1)==1) ? 'background:'+sp_row.color+';color:#fff;' : ''" href="javascript:void(0)" @click="chooseOption(sp_row,og_index)">
4841                                              <img v-if="og_row.display.substr(2,1)==1" v-bind:src="sp_row.previewSmall" width="36" />
4842                                              <div class="active-angle"></div>
4843                                              <span v-if="og_row.display.substr(0,1)==1 || (sp_row.preview=='' && og_row.display.substr(2,1)==1)">{{sp_row.name}}</span>  
4844                                            </a>
4845                                        </template>
4846                                    </template> 
4847                                </div>
4848                    </div>
4849                    <div class="kits-group" v-if="quickProductDataHasKits">
4850                        <h6 class="kitTitle">商品組合</h6>  
4851                        <div v-for="(kIdx,k_row) in quickProductData.kitsData.item" class="kit-group-item">
4852                            <!-- <pre>{{k_row | json}}</pre>  -->
4853                            <div class="kitName">{{k_row.name}}  <small>x <span class="kitQty">{{k_row.qty}}</span></small>  </div>
4854                            <div class="kitIntro">{{k_row.intro}}</div>
4855                            <!-- 可選商品/特品 -->
4856                            <div class="kitSubItem" v-if="k_row.type==4 || k_row.type==5"> 
4857                                <template v-for="(skIdx,sk_row) in k_row.info.sub">  
4858                                    <a class="btn btn-sm" v-bind:class="((k_row.info.isCho==skIdx+'_'+sk_row.info.pdid+'_'+sk_row.info.option+'_'+sk_row.info.giftId+'_'+sk_row.info.type+'_'+k_row.qty && k_row.info.isCho!='') || (k_row.info.isCho=='' &&skIdx==0)) ? ' btn-main active' : ''"  href="javascript:void(0)" @click="chooseKits(sk_row,skIdx,k_row,kIdx)">
4859                                        <div class="active-angle"></div>
4860                                        <span class="active-check"></span>
4861                                        <span>{{sk_row.name}}</span> 
4862                                    </a>
4863                                </template> 
4864                            </div>
4865                        </div>
4866                    </div>
4867                    
4868                    <div class="col-sm-12 col-xs-12" v-if="quickProductData.main.shopMode==1 && quickProductData.main.shopModePreSellText!=''"> 
4869                        <div class="shop-pre-sell-text">{{quickProductData.main.shopModePreSellText}}</div> 
4870                    </div>
4871                    <hr v-if="!quickProductDataHasKits">
4872                    <div class="input-group "><!--input-group-sm-->
4873                        <!-- <span class="input-group-addon">商品數量</span> -->
4874                        <span class="input-group-addon pd_qty_minus_qv"   @click="(product.qty>1) ? product.qty-=1 : product.qty"><i class="fa fa-minus" aria-hidden="true"></i></span>
4875                        <input type="number" v-model="product.qty" class="form-control" min="0" max="9999"> 
4876                        <div class="input-group-addon pd_qty_plus_qv" @click="product.qty=parseInt(product.qty)+1"><i class="fa fa-plus" aria-hidden="true"></i></div>
4877                        <span class="input-group-btn">
4878                            <button class="btn btn-main" @click="addCart('')" type="button" v-bind:class="(optionQuickCartDisplayText('加入購物車')=='補貨中') ? 'no-stock' : ''" :disabled="parseInt(stock-product.qty)<0 || parseInt(stock)==0"><i class=" glyphicon glyphicon-shopping-cart"></i> 
4879                                <!-- <span class="">{{ (parseInt(stock-product.qty)<0 || parseInt(stock)==0) ? '庫存不足' : '加到購物車'; }}</span> -->
4880                                <span class="">{{ optionQuickCartDisplayText('加入購物車') }}</span>
4881                                &nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i>
4882                            </button>
4883                        </span>
4884                    </div>
4885
4886                    <div class="text_section tip_table" v-if="excludeOffer.length>0">
4887                        <table class="table table-hover">
4888                            <tbody> 
4889                                <tr>
4890                                    <td>此商品不適用</td>
4891                                    <td>
4892                                        <template v-for="(eo_index,eo_row) in excludeOffer">
4893                                            <span v-if="eo_row==0 && eo_row!=''">促銷活動<br></span>
4894                                            <span v-if="eo_row==1">會員等級折扣<br></span>
4895                                            <span v-if="eo_row==2">優惠券<br></span>
4896                                            <span v-if="eo_row==3">購物金折抵<br></span> 
4897                                        </template>
4898                                        
4899                                    </td>
4900                                </tr>
4901                                
4902                            </tbody>
4903                        </table>
4904                    </div>
4905                                        <div class="giftArea" v-show="quickProductData.extra_gift.length>0"> 
4906                        <h6 class="fs-14">贈品 <small>(買就送)</small></h6>
4907                        <div class="giftItem row"  v-for="(pIndex,pItem) in quickProductData.extra_gift">
4908                          <div class="col-float  media-middle"> 
4909                              <img class="media-object" v-bind:src="pItem.cover" > 
4910                          </div>
4911                          <div class="media-body">
4912                            <p class="giftItemTitle">{{ pItem.title }}</p>
4913                          </div>
4914                        </div> 
4915                    </div>
4916                     
4917                    
4918                </div> 
4919            </div>
4920                        <div class="panel panel-default extraPlus mt-10" v-show="quickProductData.extra_plus.length>0">
4921                  <div class="panel-heading">
4922                    <h3 class="panel-title">超值加購</h3>
4923                  </div>
4924                  <div class="panel-body">
4925                    <div class="row" > 
4926                        <div class="col-sm-12 col-md-6" v-for="(pIndex,pItem) in quickProductData.extra_plus">
4927                            <div class="extraPlusItem row">
4928                              <div class="col  media-middle"> 
4929                                  <img class="media-object" v-bind:src="pItem.cover" > 
4930                                  <p><small>型號:{{ pItem.model }}</small></p>
4931                              </div>
4932                              <div class="media-body">
4933                                <h6>{{ pItem.title }}</h6>
4934                                <p class="priceInfo"> 
4935                                    <span><small>加購價</small> <span class="text-danger strong bold">NT${{commaFormat(pItem.extra_price)}}</span></span>
4936                                    (<del><span><small>原價</small>NT${{commaFormat(pItem.price_orig)}}</span></del>)
4937                                </p>
4938                                <small v-if="pItem.overQty>0">限購<span class="text-danger strong bold">{{pItem.overQty}}</span>件</small>
4939                                <div class="input-group" v-if="pItem.stock>0 || pItem.stock==-9999">
4940                                    <span class="input-group-addon" >加購數量</span>
4941                                    <span class="input-group-addon pd_qty_minus"  @click="changeExtraItemQtyBtn(pItem,'qty',-1,quickProductData)"><i class="fa fa-minus" aria-hidden="true"></i></span>
4942                                    <input type="number" class="form-control qtyItem" class="qtyItem" min="0" max="9999" v-model="pItem.qty" @change="checkMaxExtraEnableQty(pItem,quickProductData)"> 
4943                                    <div class="input-group-addon pd_qty_plus" @click="changeExtraItemQtyBtn(pItem,'qty',1,quickProductData)"><i class="fa fa-plus" aria-hidden="true"></i></div> 
4944                                  <!-- <span class="input-group-addon" >數量</span>
4945                                  <input type="number" class="form-control qtyItem" class="qtyItem" min="0" max="9999" v-model="pItem.qty" @change="checkMaxExtraEnableQty(pItem,quickProductData)"> --> 
4946                                </div>
4947                                <span v-if="pItem.stock<=0 && pItem.stock>-1000" class="text-danger">
4948                                    已搶購一空
4949                                </span>
4950                              </div>
4951                            </div>
4952                            <div class="clearfix hidden-sm  hidden-md hidden-lg" v-if="(pIndex+1)%2==0 && (pIndex+1)>0"></div>
4953                        </div> 
4954                    </div>
4955                     
4956                  </div>
4957            </div>
4958             
4959        </div>
4960    </div>
4961  </div>
4962</div>
4963
4964<script>
4965    var isLogin = '0';
4966    //是否下次再登入
4967    var nextTimeLoginCheck = true; 
4968</script>
4968        <!-- 溫馨提示 -->
4969<div class="modal fade " id="showLoginTipModal" role="dialog">
4970  <div class="modal-dialog"> 
4971    <!-- Modal content-->
4972    <div class="modal-content"> 
4973      <div class="modal-body">
4974        <h3 class="text-center mb-md">系統提示</h3>
4975        <!-- <img alt="" title="" src="https://static.ollstore.tw/uploads_c1/fd2f730fc5fbe52cc7fbafd8c601a8ca10b8a206-B7AYBsWICW/images/202208/3376a594dd1559ae46afe922305a2bfe.png" /> -->
4976        <div class="text-center mb-md text-primary">
4977          <i class="fa fa-exclamation-circle fa-5x" aria-hidden="true"></i>
4978        </div>
4979        <p class="text-center mb-md">需要登入會員才能購物。</p>
4980        <div class="showBtn text-center">
4981          <a class="showBtn btn btn-danger" href="https://www.chuliu.com.tw/member/register?r=product-catlogs-教育">成為會員</a>
4982          <a class="showBtn btn btn-info" href="https://www.chuliu.com.tw/member/login?r=product-catlogs-教育">登入</a>
4983        </div>      
4984      </div> 
4985    </div>
4986    
4987  </div>
4988</div>
4989    </div>
4990
4991    <!-- Script--> 
4992    
4992<script type="text/javascript">
4993      //var maxPrices =900;
4994      var slug ='教育';
4995      var minPrice = 0;
4996      var maxPrice = 99999999;
4997      var perPage = 24;
4998      var page = 1;
4999      var filterOrderBy = 'rank';
5000      var isNeedLogin = '0';
5001      //是否顯示格式化金額
5002      var isFormatPrice = false;
5003    </script>
5003
5004    <!--  -->
5005<!-- 動態Modal -->
5006
5007<div class="modal fade" id="showDyAlertModal" role="dialog" data-backdrop="static">
5008  <div class="modal-dialog">
5009    <!-- Modal content-->
5010    <div class="">
5011      <!-- <div class="modal-header">
5012        
5013      </div> -->
5014      <div class="dyAlertModalMain">
5015        <div class="alertModalClose" v-bind:class="(true) ? 'alertModalClose_'+alertModalSetting.modalData.type:''">
5016          <button type="button" class="close" @click="am_closeModal()">&times;</button>
5017        </div>
5018        <div class="dyAlertModalBgImg" v-if="alertModalSetting.modalData.bglink!=''" v-bind:class="(true) ? 'dyAlertModalBgImg_'+alertModalSetting.modalData.type:''">
5019          <img v-bind:src="alertModalSetting.modalData.bglink" alt="" v-bind:class="{'cursor-pointer':alertModalSetting.modalData.type=='img' && alertModalSetting.modalData.confirm.link!=''}" @click="(alertModalSetting.modalData.type=='img' && alertModalSetting.modalData.confirm.link!='') ? am_doBtnLinkAct(alertModalSetting.modalData.confirm.link) : ''">
5020        </div>
5021        <!-- <h4 class="text-center mb-md"></h4>  -->
5022        <!-- 模板 -->
5023        <div class="dyAlertModalMainContainer" v-bind:class="[(alertModalSetting.modalData.bglink!='')? 'dyAlertHasBgImg' :'']" v-bind:style="{ 'background-image': (alertModalSetting.modalData.bglink!='' && alertModalSetting.modalData.type!='image') ? 'url('+alertModalSetting.modalData.bglink+')' : '' }">
5024          <template v-if="alertModalSetting.modalData.type=='richTemplate'">
5025
5026            <!-- v-bind:style="{ 'background-image': (alertModalSetting.modalData.bglink!='') ? 'url('+alertModalSetting.modalData.bglink+')' : '' }" -->
5027
5028            <div class="dyAlertContent">
5029              <div class="dyAlertModalTitle" v-bind:class="[(alertModalSetting.modalData.title.fs)?'fs-'+alertModalSetting.modalData.title.fs:'fs-20']" v-bind:style="{ 'background-color':alertModalSetting.modalData.title.bColor,'color':alertModalSetting.modalData.title.fColor}">
5030                {{alertModalSetting.modalData.title.val}}
5031              </div>
5032              <div class="dyAlertModalDesc" v-bind:class="[(alertModalSetting.modalData.desc.fs)?'fs-'+alertModalSetting.modalData.desc.fs:'fs-20']" v-bind:style="{ 'background-color':alertModalSetting.modalData.desc.bColor,'color':alertModalSetting.modalData.desc.fColor}" v-html="alertModalSetting.modalData.desc.val">
5033              </div>
5034              <div class="dyAlertModalRichImg">
5035                <img v-bind:src="alertModalSetting.modalData.imglink" alt="">
5036              </div>
5037              <div class="dyAlertModalTimer" v-if="alertModalSetting.modalData.enable.timerleft">
5038                <div class="countdown-digit">{{ padZero(alertModalSetting.modalTimer.hours) }} 時</div>
5039                <div class="countdown-digit">{{ padZero(alertModalSetting.modalTimer.minutes) }} 分</div>
5040                <div class="countdown-digit">{{ padZero(alertModalSetting.modalTimer.seconds) }} 秒</div>
5041              </div>
5042              <div class="dyAlertModalCoupon" v-if="alertModalSetting.modalData.enable.coupon">
5043                <span>{{alertModalSetting.modalData.couponCode}}</span>
5044              </div>
5045              <div class="button-container">
5046                <!-- <button class="full-width">按鈕 1</button> -->
5047                <div class="dyAlertModalConfirm" v-if="alertModalSetting.modalData.enable.confirm">
5048                  <button class="btn btn-lg" @click="am_doBtnLinkAct(alertModalSetting.modalData.confirm.link)" v-bind:style="{ 'background-color':alertModalSetting.modalData.confirm.bColor,'color':alertModalSetting.modalData.confirm.fColor}">{{alertModalSetting.modalData.confirm.text}}</button>
5049                </div>
5050                <div class="dyAlertModalCancel" v-if="alertModalSetting.modalData.enable.cancel">
5051                  <button class="btn btn-lg" @click="am_doBtnLinkAct(alertModalSetting.modalData.cancel.link)" v-bind:style="{ 'background-color':alertModalSetting.modalData.cancel.bColor,'color':alertModalSetting.modalData.cancel.fColor}">{{alertModalSetting.modalData.cancel.text}}</button>
5052                </div>
5053              </div>
5054
5055
5056            </div>
5057            <!-- {{alertModalSetting.modalData.content}} -->
5058
5059          </template>
5060          <template v-if="alertModalSetting.modalData.type=='html'">
5061            <div class="dyAlertContentHtml" v-html="alertModalSetting.modalData.intro"></div>
5062          </template>
5063        </div>
5064        <div class="showBtn text-center">
5065
5066          <!-- <button class="btn btn-warning btn-lg btn-falt " onclick="enter18WarningTipModal()">我已滿18歲,進入網站</button>
5067           <button class="btn btn-default btn-lg btn-falt" onclick="close18WarningTipModal()" >未滿18歲,離開</button> -->
5068        </div>
5069      </div>
5070    </div>
5071  </div>
5072</div> 
5073<!-- 自訂選單 -->
5074<nav class="navbar navbar-default main-menu mb-0" id="customMenuNavForCustomPageMainMenu">
5075  <div class="container">
5076    <div id="customMenuNavForCustomPage">
5077      <ul class="nav navbar-nav">
5078        <li class="mobile_title">網站目錄<button type="button" class="close pull-right"><i class="fa fa-times" aria-hidden="true"></i></button></li>
5079                <li class="dropdown">
5080          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5081             
5082            <span class="cMenu_title">教育</span>
5083          </a>
5084                                <ul class="dropdown-menu">
5085                        <li>
5086              <a href="https://chuliu.com.tw/product/category/各級教育">各級教育</a>
5087                          </li>
5088                        <li>
5089              <a href="https://chuliu.com.tw/product/category/教育總論">教育總論</a>
5090                          </li>
5091                        <li>
5092              <a href="https://chuliu.com.tw/product/category/教育心理學-教學-課程">教育心理學/教學/課程</a>
5093                          </li>
5094                        <li>
5095              <a href="https://chuliu.com.tw/product/category/教師與師資培育">教師與師資培育</a>
5096                          </li>
5097                        <li>
5098              <a href="https://chuliu.com.tw/product/category/教育行政">教育行政</a>
5099                          </li>
5100                        <li>
5101              <a href="https://chuliu.com.tw/product/category/學校管理">學校管理</a>
5102                          </li>
5103                        <li>
5104              <a href="https://chuliu.com.tw/product/category/體育、休閒、運動">體育、休閒、運動</a>
5105                          </li>
5106                        <li>
5107              <a href="https://chuliu.com.tw/product/category/特殊教育">特殊教育</a>
5108                          </li>
5109                        <li>
5110              <a href="https://chuliu.com.tw/product/category/幼兒教育">幼兒教育</a>
5111                          </li>
5112                        <li>
5113              <a href="https://chuliu.com.tw/product/category/生涯規劃">生涯規劃</a>
5114                          </li>
5115                        <li>
5116              <a href="https://chuliu.com.tw/product/category/生命教育">生命教育</a>
5117                          </li>
5118                        <li>
5119              <a href="https://chuliu.com.tw/product/category/教育統計學">教育統計學</a>
5120                          </li>
5121                        <li>
5122              <a href="https://chuliu.com.tw/product/category/批判教育學">批判教育學</a>
5123                          </li>
5124                        <li>
5125              <a href="https://chuliu.com.tw/product/category/補充教材">補充教材</a>
5126                          </li>
5127                        <li>
5128              <a href="https://chuliu.com.tw/product/category/九年一貫與課程統整系列">九年一貫與課程統整系列</a>
5129                          </li>
5130                        <li>
5131              <a href="https://chuliu.com.tw/product/category/教育研究法">教育研究法</a>
5132                          </li>
5133                        <li>
5134              <a href="https://chuliu.com.tw/product/category/地理">地理</a>
5135                          </li>
5136                        <li>
5137              <a href="https://chuliu.com.tw/product/category/教育社會學">教育社會學</a>
5138                          </li>
5139                        <li>
5140              <a href="https://chuliu.com.tw/product/category/兒童文學">兒童文學</a>
5141                          </li>
5142                        <li>
5143              <a href="https://chuliu.com.tw/product/category/比較教育學">比較教育學</a>
5144                          </li>
5145                        <li>
5146              <a href="https://chuliu.com.tw/product/category/開放教育叢書">開放教育叢書</a>
5147                          </li>
5148                        <li>
5149              <a href="https://chuliu.com.tw/product/category/成人與社區教育">成人與社區教育</a>
5150                          </li>
5151                        <li>
5152              <a href="https://chuliu.com.tw/product/category/班級經營">班級經營</a>
5153                          </li>
5154             
5155          </ul>
5156                  </li>
5157                <li class="dropdown">
5158          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5159             
5160            <span class="cMenu_title">社會學</span>
5161          </a>
5162                                <ul class="dropdown-menu">
5163                        <li>
5164              <a href="https://chuliu.com.tw/product/category/社會學導論">社會學導論</a>
5165                          </li>
5166                        <li>
5167              <a href="https://chuliu.com.tw/product/category/社會運動">社會運動</a>
5168                          </li>
5169                        <li>
5170              <a href="https://chuliu.com.tw/product/category/法律社會學">法律社會學</a>
5171                          </li>
5172                        <li>
5173              <a href="https://chuliu.com.tw/product/category/家庭社會學">家庭社會學</a>
5174                          </li>
5175                        <li>
5176              <a href="https://chuliu.com.tw/product/category/醫療社會學">醫療社會學</a>
5177                          </li>
5178                        <li>
5179              <a href="https://chuliu.com.tw/product/category/基進.實踐.文化系列">基進.實踐.文化系列</a>
5180                          </li>
5181                        <li>
5182              <a href="https://chuliu.com.tw/product/category/女性思潮系列">女性思潮系列</a>
5183                          </li>
5184                        <li>
5185              <a href="https://chuliu.com.tw/product/category/客家研究">客家研究</a>
5186                          </li>
5187                        <li>
5188              <a href="https://chuliu.com.tw/product/category/分領域社會學">分領域社會學</a>
5189                          </li>
5190                        <li>
5191              <a href="https://chuliu.com.tw/product/category/新移民議題">新移民議題</a>
5192                          </li>
5193                        <li>
5194              <a href="https://chuliu.com.tw/product/category/臺灣第三部門研究叢書">臺灣第三部門研究叢書</a>
5195                          </li>
5196                        <li>
5197              <a href="https://chuliu.com.tw/product/category/社會研究法">社會研究法</a>
5198                          </li>
5199                        <li>
5200              <a href="https://chuliu.com.tw/product/category/當代理論-社會思潮">當代理論/社會思潮</a>
5201                          </li>
5202                        <li>
5203              <a href="https://chuliu.com.tw/product/category/批判-文化系列">批判/文化系列</a>
5204                          </li>
5205                        <li>
5206              <a href="https://chuliu.com.tw/product/category/全球化叢書">全球化叢書</a>
5207                          </li>
5208                        <li>
5209              <a href="https://chuliu.com.tw/product/category/空間與都市社會學">空間與都市社會學</a>
5210                          </li>
5211                        <li>
5212              <a href="https://chuliu.com.tw/product/category/非營利部門">非營利部門</a>
5213                          </li>
5214                        <li>
5215              <a href="https://chuliu.com.tw/product/category/社區-都市計畫">社區/都市計畫</a>
5216                          </li>
5217                        <li>
5218              <a href="https://chuliu.com.tw/product/category/社會事業經營管理叢書">社會事業經營管理叢書</a>
5219                          </li>
5220                        <li>
5221              <a href="https://chuliu.com.tw/product/category/馬克思思想">馬克思思想</a>
5222                          </li>
5223                        <li>
5224              <a href="https://chuliu.com.tw/product/category/概念書房系列">概念書房系列</a>
5225                          </li>
5226                        <li>
5227              <a href="https://chuliu.com.tw/product/category/文化研究">文化研究</a>
5228                          </li>
5229                        <li>
5230              <a href="https://chuliu.com.tw/product/category/社會心理">社會心理</a>
5231                          </li>
5232                        <li>
5233              <a href="https://chuliu.com.tw/product/category/性-別研究">性/別研究</a>
5234                          </li>
5235                        <li>
5236              <a href="https://chuliu.com.tw/product/category/社會學本土化">社會學本土化</a>
5237                          </li>
5238                        <li>
5239              <a href="https://chuliu.com.tw/product/category/社會福利">社會福利</a>
5240                          </li>
5241                        <li>
5242              <a href="https://chuliu.com.tw/product/category/環境社會學">環境社會學</a>
5243                          </li>
5244                        <li>
5245              <a href="https://chuliu.com.tw/product/category/當代思想叢書">當代思想叢書</a>
5246                          </li>
5247                        <li>
5248              <a href="https://chuliu.com.tw/product/category/阿蓋爾作品集">阿蓋爾作品集</a>
5249                          </li>
5250                        <li>
5251              <a href="https://chuliu.com.tw/product/category/大同日照叢書">大同日照叢書</a>
5252                          </li>
5253                        <li>
5254              <a href="https://chuliu.com.tw/product/category/人口學">人口學</a>
5255                          </li>
5256             
5257          </ul>
5258                  </li>
5259                <li class="dropdown">
5260          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5261             
5262            <span class="cMenu_title">法律</span>
5263          </a>
5264                                <ul class="dropdown-menu">
5265                        <li>
5266              <a href="https://chuliu.com.tw/product/category/民法">民法</a>
5267                          </li>
5268                        <li>
5269              <a href="https://chuliu.com.tw/product/category/法律">法律</a>
5270                          </li>
5271                        <li>
5272              <a href="https://chuliu.com.tw/product/category/高大法學叢書">高大法學叢書</a>
5273                          </li>
5274             
5275          </ul>
5276                  </li>
5277                <li class="dropdown">
5278          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5279             
5280            <span class="cMenu_title">心理諮商</span>
5281          </a>
5282                                <ul class="dropdown-menu">
5283                        <li>
5284              <a href="https://chuliu.com.tw/product/category/心理學">心理學</a>
5285                          </li>
5286                        <li>
5287              <a href="https://chuliu.com.tw/product/category/青少年研究">青少年研究</a>
5288                          </li>
5289                        <li>
5290              <a href="https://chuliu.com.tw/product/category/心理與輔導">心理與輔導</a>
5291                          </li>
5292                        <li>
5293              <a href="https://chuliu.com.tw/product/category/陪著你玩優質關係經營系列">陪著你玩優質關係經營系列</a>
5294                          </li>
5295             
5296          </ul>
5297                  </li>
5298                <li class="dropdown">
5299          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5300             
5301            <span class="cMenu_title">政治</span>
5302          </a>
5303                                <ul class="dropdown-menu">
5304                        <li>
5305              <a href="https://chuliu.com.tw/product/category/公共行政">公共行政</a>
5306                          </li>
5307                        <li>
5308              <a href="https://chuliu.com.tw/product/category/公共政策與行政書系PPA">公共政策與行政書系PPA</a>
5309                          </li>
5310                        <li>
5311              <a href="https://chuliu.com.tw/product/category/政治理論">政治理論</a>
5312                          </li>
5313                        <li>
5314              <a href="https://chuliu.com.tw/product/category/財政學">財政學</a>
5315                          </li>
5316                        <li>
5317              <a href="https://chuliu.com.tw/product/category/人權書系">人權書系</a>
5318                          </li>
5319                        <li>
5320              <a href="https://chuliu.com.tw/product/category/政治經濟學">政治經濟學</a>
5321                          </li>
5322                        <li>
5323              <a href="https://chuliu.com.tw/product/category/中國研究系列叢書(王振寰主編)">中國研究系列叢書(王振寰主編)</a>
5324                          </li>
5325                        <li>
5326              <a href="https://chuliu.com.tw/product/category/國際關係">國際關係</a>
5327                          </li>
5328                        <li>
5329              <a href="https://chuliu.com.tw/product/category/憲法政治學">憲法政治學</a>
5330                          </li>
5331                        <li>
5332              <a href="https://chuliu.com.tw/product/category/中國研究">中國研究</a>
5333                          </li>
5334                        <li>
5335              <a href="https://chuliu.com.tw/product/category/憲法-公民教育">憲法/公民教育</a>
5336                          </li>
5337                        <li>
5338              <a href="https://chuliu.com.tw/product/category/人權影像叢書">人權影像叢書</a>
5339                          </li>
5340             
5341          </ul>
5342                  </li>
5343                <li class="dropdown">
5344          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5345             
5346            <span class="cMenu_title">歷史</span>
5347          </a>
5348                                <ul class="dropdown-menu">
5349                        <li>
5350              <a href="https://chuliu.com.tw/product/category/史學">史學</a>
5351                          </li>
5352                        <li>
5353              <a href="https://chuliu.com.tw/product/category/中國史">中國史</a>
5354                          </li>
5355                        <li>
5356              <a href="https://chuliu.com.tw/product/category/政治大學史學叢書">政治大學史學叢書</a>
5357                          </li>
5358             
5359          </ul>
5360                  </li>
5361                <li class="dropdown">
5362          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5363             
5364            <span class="cMenu_title">考試</span>
5365          </a>
5366                                <ul class="dropdown-menu">
5367                        <li>
5368              <a href="https://chuliu.com.tw/product/category/高普">高普</a>
5369                          </li>
5370             
5371          </ul>
5372                  </li>
5373                <li class="dropdown">
5374          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5375             
5376            <span class="cMenu_title">社會工作</span>
5377          </a>
5378                                <ul class="dropdown-menu">
5379                        <li>
5380              <a href="https://chuliu.com.tw/product/category/社會工作導論">社會工作導論</a>
5381                          </li>
5382                        <li>
5383              <a href="https://chuliu.com.tw/product/category/社會工作方法">社會工作方法</a>
5384                          </li>
5385                        <li>
5386              <a href="https://chuliu.com.tw/product/category/社會工作實務">社會工作實務</a>
5387                          </li>
5388                        <li>
5389              <a href="https://chuliu.com.tw/product/category/社會工作">社會工作</a>
5390                          </li>
5391                        <li>
5392              <a href="https://chuliu.com.tw/product/category/臺灣社會工作專業人員協會">臺灣社會工作專業人員協會</a>
5393                          </li>
5394                        <li>
5395              <a href="https://chuliu.com.tw/product/category/SkillsforCare">Skills for Care</a>
5396                          </li>
5397             
5398          </ul>
5399                  </li>
5400                <li class="dropdown">
5401          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5402             
5403            <span class="cMenu_title">人類學</span>
5404          </a>
5405                                <ul class="dropdown-menu">
5406                        <li>
5407              <a href="https://chuliu.com.tw/product/category/文化人類學">文化人類學</a>
5408                          </li>
5409                        <li>
5410              <a href="https://chuliu.com.tw/product/category/法人類學">法人類學</a>
5411                          </li>
5412             
5413          </ul>
5414                  </li>
5415                <li class="dropdown">
5416          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5417             
5418            <span class="cMenu_title">醫學</span>
5419          </a>
5420                                <ul class="dropdown-menu">
5421                        <li>
5422              <a href="https://chuliu.com.tw/product/category/公共衛生">公共衛生</a>
5423                          </li>
5424                        <li>
5425              <a href="https://chuliu.com.tw/product/category/醫學">醫學</a>
5426                          </li>
5427                        <li>
5428              <a href="https://chuliu.com.tw/product/category/醫療">醫療</a>
5429                          </li>
5430                        <li>
5431              <a href="https://chuliu.com.tw/product/category/醫學科學叢書-高雄醫學大學">醫學科學叢書-高雄醫學大學</a>
5432                          </li>
5433                        <li>
5434              <a href="https://chuliu.com.tw/product/category/醫學人文叢書-高雄醫學大學">醫學人文叢書-高雄醫學大學</a>
5435                          </li>
5436                        <li>
5437              <a href="https://chuliu.com.tw/product/category/當代公共衛生學叢書-財團法人陳拱北預防醫學基金會">當代公共衛生學叢書-財團法人陳拱北預防醫學基金會</a>
5438                          </li>
5439             
5440          </ul>
5441                  </li>
5442                <li class="dropdown">
5443          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5444             
5445            <span class="cMenu_title">文化與產業</span>
5446          </a>
5447                                <ul class="dropdown-menu">
5448                        <li>
5449              <a href="https://chuliu.com.tw/product/category/藝術">藝術</a>
5450                          </li>
5451                        <li>
5452              <a href="https://chuliu.com.tw/product/category/文創產業">文創產業</a>
5453                          </li>
5454                        <li>
5455              <a href="https://chuliu.com.tw/product/category/動畫教學">動畫教學</a>
5456                          </li>
5457                        <li>
5458              <a href="https://chuliu.com.tw/product/category/音樂">音樂</a>
5459                          </li>
5460                        <li>
5461              <a href="https://chuliu.com.tw/product/category/戲劇">戲劇</a>
5462                          </li>
5463                        <li>
5464              <a href="https://chuliu.com.tw/product/category/藝術管理與文化政策叢書">藝術管理與文化政策叢書</a>
5465                          </li>
5466                        <li>
5467              <a href="https://chuliu.com.tw/product/category/美術">美術</a>
5468                          </li>
5469                        <li>
5470              <a href="https://chuliu.com.tw/product/category/藝術-美術總論">藝術/美術總論</a>
5471                          </li>
5472                        <li>
5473              <a href="https://chuliu.com.tw/product/category/劇場-電影">劇場/電影</a>
5474                          </li>
5475                        <li>
5476              <a href="https://chuliu.com.tw/product/category/書法">
5476書法</a>
5477                          </li>
5478             
5479          </ul>
5480                  </li>
5481                <li class="dropdown">
5482          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5483             
5484            <span class="cMenu_title">哲學</span>
5485          </a>
5486                                <ul class="dropdown-menu">
5487                        <li>
5488              <a href="https://chuliu.com.tw/product/category/哲學思想">哲學思想</a>
5489                          </li>
5490                        <li>
5491              <a href="https://chuliu.com.tw/product/category/生死學">生死學</a>
5492                          </li>
5493                        <li>
5494              <a href="https://chuliu.com.tw/product/category/宗教思想">宗教思想</a>
5495                          </li>
5496                        <li>
5497              <a href="https://chuliu.com.tw/product/category/易經">易經</a>
5498                          </li>
5499                        <li>
5500              <a href="https://chuliu.com.tw/product/category/五術">五術</a>
5501                          </li>
5502             
5503          </ul>
5504                  </li>
5505                <li class="dropdown">
5506          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5507             
5508            <span class="cMenu_title">傳記</span>
5509          </a>
5510                                <ul class="dropdown-menu">
5511                        <li>
5512              <a href="https://chuliu.com.tw/product/category/傳記">傳記</a>
5513                          </li>
5514             
5515          </ul>
5516                  </li>
5517                <li class="dropdown">
5518          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5519             
5520            <span class="cMenu_title">宗教</span>
5521          </a>
5522                                <ul class="dropdown-menu">
5523                        <li>
5524              <a href="https://chuliu.com.tw/product/category/宗教">宗教</a>
5525                          </li>
5526             
5527          </ul>
5528                  </li>
5529                <li class="dropdown">
5530          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5531             
5532            <span class="cMenu_title">傳播</span>
5533          </a>
5534                                <ul class="dropdown-menu">
5535                        <li>
5536              <a href="https://chuliu.com.tw/product/category/傳播媒體">傳播媒體</a>
5537                          </li>
5538                        <li>
5539              <a href="https://chuliu.com.tw/product/category/卓越新聞獎書系">卓越新聞獎書系</a>
5540                          </li>
5541                        <li>
5542              <a href="https://chuliu.com.tw/product/category/傳播與社會書系">傳播與社會書系</a>
5543                          </li>
5544             
5545          </ul>
5546                  </li>
5547                <li class="dropdown">
5548          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5549             
5550            <span class="cMenu_title">臺灣研究</span>
5551          </a>
5552                                <ul class="dropdown-menu">
5553                        <li>
5554              <a href="https://chuliu.com.tw/product/category/臺灣研究">臺灣研究</a>
5555                          </li>
5556                        <li>
5557              <a href="https://chuliu.com.tw/product/category/高雄研究叢刊">高雄研究叢刊</a>
5558                          </li>
5559                        <li>
5560              <a href="https://chuliu.com.tw/product/category/高雄文史采風">高雄文史采風</a>
5561                          </li>
5562                        <li>
5563              <a href="https://chuliu.com.tw/product/category/臺灣企業史叢書">臺灣企業史叢書</a>
5564                          </li>
5565                        <li>
5566              <a href="https://chuliu.com.tw/product/category/東台灣叢刊">東台灣叢刊</a>
5567                          </li>
5568             
5569          </ul>
5570                  </li>
5571                <li class="dropdown">
5572          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5573             
5574            <span class="cMenu_title">科學</span>
5575          </a>
5576                                <ul class="dropdown-menu">
5577                        <li>
5578              <a href="https://chuliu.com.tw/product/category/工程-化學-物理-機械-數學-天文學">工程/化學/物理/機械/數學/天文學</a>
5579                          </li>
5580                        <li>
5581              <a href="https://chuliu.com.tw/product/category/圖鑑">圖鑑</a>
5582                          </li>
5583                        <li>
5584              <a href="https://chuliu.com.tw/product/category/環境科學">環境科學</a>
5585                          </li>
5586                        <li>
5587              <a href="https://chuliu.com.tw/product/category/自然科學">自然科學</a>
5588                          </li>
5589                        <li>
5590              <a href="https://chuliu.com.tw/product/category/環保系列">環保系列</a>
5591                          </li>
5592                        <li>
5593              <a href="https://chuliu.com.tw/product/category/綠色陣線協會">綠色陣線協會</a>
5594                          </li>
5595             
5596          </ul>
5597                  </li>
5598                <li class="dropdown">
5599          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5600             
5601            <span class="cMenu_title">研究方法</span>
5602          </a>
5603                                <ul class="dropdown-menu">
5604                        <li>
5605              <a href="https://chuliu.com.tw/product/category/論文寫作法">論文寫作法</a>
5606                          </li>
5607                        <li>
5608              <a href="https://chuliu.com.tw/product/category/研究方法">研究方法</a>
5609                          </li>
5610                        <li>
5611              <a href="https://chuliu.com.tw/product/category/統計學">統計學</a>
5612                          </li>
5613             
5614          </ul>
5615                  </li>
5616                <li class="dropdown">
5617          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5618             
5619            <span class="cMenu_title">商學</span>
5620          </a>
5621                                <ul class="dropdown-menu">
5622                        <li>
5623              <a href="https://chuliu.com.tw/product/category/經濟學">經濟學</a>
5624                          </li>
5625                        <li>
5626              <a href="https://chuliu.com.tw/product/category/市場學">市場學</a>
5627                          </li>
5628                        <li>
5629              <a href="https://chuliu.com.tw/product/category/投資學">投資學</a>
5630                          </li>
5631                        <li>
5632              <a href="https://chuliu.com.tw/product/category/管理學">管理學</a>
5633                          </li>
5634                        <li>
5635              <a href="https://chuliu.com.tw/product/category/會計學">會計學</a>
5636                          </li>
5637             
5638          </ul>
5639                  </li>
5640                <li class="dropdown">
5641          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5642             
5643            <span class="cMenu_title">期刊</span>
5644          </a>
5645                                <ul class="dropdown-menu">
5646                        <li>
5647              <a href="https://chuliu.com.tw/product/category/宋代文學研究叢刊">宋代文學研究叢刊</a>
5648                          </li>
5649                        <li>
5650              <a href="https://chuliu.com.tw/product/category/資訊社會研究">資訊社會研究</a>
5651                          </li>
5652                        <li>
5653              <a href="https://chuliu.com.tw/product/category/女學學誌">女學學誌</a>
5654                          </li>
5655                        <li>
5656              <a href="https://chuliu.com.tw/product/category/臺灣社會學刊">臺灣社會學刊</a>
5657                          </li>
5658                        <li>
5659              <a href="https://chuliu.com.tw/product/category/觀光與休閒管理期刊">觀光與休閒管理期刊</a>
5660                          </li>
5661                        <li>
5662              <a href="https://chuliu.com.tw/product/category/管理資訊計算">管理資訊計算</a>
5663                          </li>
5664                        <li>
5665              <a href="https://chuliu.com.tw/product/category/臺南文獻">臺南文獻</a>
5666                          </li>
5667                        <li>
5668              <a href="https://chuliu.com.tw/product/category/高雄文獻">高雄文獻</a>
5669                          </li>
5670                        <li>
5671              <a href="https://chuliu.com.tw/product/category/教育與社會研究">教育與社會研究</a>
5672                          </li>
5673                        <li>
5674              <a href="https://chuliu.com.tw/product/category/臺灣社會福利學刊">臺灣社會福利學刊</a>
5675                          </li>
5676                        <li>
5677              <a href="https://chuliu.com.tw/product/category/政治與社會哲學評論">政治與社會哲學評論</a>
5678                          </li>
5679                        <li>
5680              <a href="https://chuliu.com.tw/product/category/廣告學研究">廣告學研究</a>
5681                          </li>
5682                        <li>
5683              <a href="https://chuliu.com.tw/product/category/新聞學研究">新聞學研究</a>
5684                          </li>
5685                        <li>
5686              <a href="https://chuliu.com.tw/product/category/思與言">
5686思與言</a>
5687                          </li>
5688                        <li>
5689              <a href="https://chuliu.com.tw/product/category/應華學報">應華學報</a>
5690                          </li>
5691                        <li>
5692              <a href="https://chuliu.com.tw/product/category/社會政策與社會工作學刊">社會政策與社會工作學刊</a>
5693                          </li>
5694                        <li>
5695              <a href="https://chuliu.com.tw/product/category/新批判">新批判</a>
5696                          </li>
5697                        <li>
5698              <a href="https://chuliu.com.tw/product/category/諮商心理與復健諮商學報">諮商心理與復健諮商學報</a>
5699                          </li>
5700                        <li>
5701              <a href="https://chuliu.com.tw/product/category/高雄行為科學學刊">高雄行為科學學刊</a>
5702                          </li>
5703             
5704          </ul>
5705                  </li>
5706                <li class="dropdown">
5707          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5708             
5709            <span class="cMenu_title">語言</span>
5710          </a>
5711                                <ul class="dropdown-menu">
5712                        <li>
5713              <a href="https://chuliu.com.tw/product/category/英文">英文</a>
5714                          </li>
5715                        <li>
5716              <a href="https://chuliu.com.tw/product/category/西班牙文">西班牙文</a>
5717                          </li>
5718                        <li>
5719              <a href="https://chuliu.com.tw/product/category/客語">客語</a>
5720                          </li>
5721             
5722          </ul>
5723                  </li>
5724                <li class="dropdown">
5725          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5726             
5727            <span class="cMenu_title">人文史地</span>
5728          </a>
5729                                <ul class="dropdown-menu">
5730                        <li>
5731              <a href="https://chuliu.com.tw/product/category/人文">人文</a>
5732                          </li>
5733                        <li>
5734              <a href="https://chuliu.com.tw/product/category/葡語國家研究論叢">葡語國家研究論叢</a>
5735                          </li>
5736             
5737          </ul>
5738                  </li>
5739                <li class="dropdown">
5740          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5741             
5742            <span class="cMenu_title">語文</span>
5743          </a>
5744                                <ul class="dropdown-menu">
5745                        <li>
5746              <a href="https://chuliu.com.tw/product/category/現代文學">現代文學</a>
5747                          </li>
5748                        <li>
5749              <a href="https://chuliu.com.tw/product/category/中國文學">中國文學</a>
5750                          </li>
5751                        <li>
5752              <a href="https://chuliu.com.tw/product/category/西洋文學">西洋文學</a>
5753                          </li>
5754                        <li>
5755              <a href="https://chuliu.com.tw/product/category/國文選">國文選</a>
5756                          </li>
5757                        <li>
5758              <a href="https://chuliu.com.tw/product/category/應用文">應用文</a>
5759                          </li>
5760                        <li>
5761              <a href="https://chuliu.com.tw/product/category/文字學">文字學</a>
5762                          </li>
5763                        <li>
5764              <a href="https://chuliu.com.tw/product/category/外國語言學習">外國語言學習</a>
5765                          </li>
5766                        <li>
5767              <a href="https://chuliu.com.tw/product/category/文學理論">文學理論</a>
5768                          </li>
5769                        <li>
5770              <a href="https://chuliu.com.tw/product/category/中國語文學習">中國語文學習</a>
5771                          </li>
5772                        <li>
5773              <a href="https://chuliu.com.tw/product/category/升學作文-寫作教學">升學作文/寫作教學</a>
5774                          </li>
5775             
5776          </ul>
5777                  </li>
5778                <li class="">
5779          <a href="https://chuliu.com.tw/product/category/繪本" >
5780             
5781            <span class="cMenu_title">繪本</span>
5782          </a>
5783                  </li>
5784                <li class="dropdown">
5785          <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
5786             
5787            <span class="cMenu_title">資訊</span>
5788          </a>
5789                                <ul class="dropdown-menu">
5790                        <li>
5791              <a href="https://chuliu.com.tw/product/category/程式設計">程式設計</a>
5792                          </li>
5793                        <li>
5794              <a href="https://chuliu.com.tw/product/category/電腦資訊">電腦資訊</a>
5795                          </li>
5796             
5797          </ul>
5798                  </li>
5799                <li class="">
5800          <a href="" >
5801             
5802            <span class="cMenu_title"></span>
5803          </a>
5804                  </li>
5805                <li class="">
5806          <a href="" >
5807             
5808            <span class="cMenu_title"></span>
5809          </a>
5810                  </li>
5811         
5812      </ul>
5813    </div>
5814  </div>
5815</nav>
5816<!-- <div class="nav-overlay fade"></div> --><style>
5817  /* 彈出視窗樣式 - 加上 oll_ 前綴 */
5818  .oll_modal-overlay {
5819    display: none;
5820    position: fixed;
5821    top: 0;
5822    left: 0;
5823    right: 0;
5824    bottom: 0;
5825    background-color: rgba(0, 0, 0, 0.7);
5826    z-index: 1000;
5827    justify-content: center;
5828    align-items: center;
5829  }
5830
5831  .oll_modal-container {
5832    background-color: #fff;
5833    border-radius: 10px;
5834    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
5835    width: 98%; 
5836    max-height: 90vh;
5837    overflow-y: auto;
5838    animation: oll_modalFadeIn 0.3s ease-out;
5839    transform: translateY(0);
5840    margin: auto;
5841  }
5842
5843  .oll_modal-header {
5844    padding: 20px;
5845    border-bottom: 1px solid #eee;
5846    display: flex;
5847    justify-content: space-between;
5848    align-items: center;
5849  }
5850
5851  .oll_modal-title {
5852    margin: 0;
5853    font-size: 1.5rem;
5854    color: #333;
5855  }
5856
5857  .oll_modal-close {
5858    background: none;
5859    border: none;
5860    font-size: 1.5rem;
5861    cursor: pointer;
5862    color: #999;
5863    transition: color 0.2s;
5864  }
5865
5866  .oll_modal-close:hover {
5867    color: #333;
5868  }
5869
5870  .oll_modal-body {
5871    padding: 20px;
5872  }
5873
5874  .oll_modal-footer {
5875    padding: 15px 20px;
5876    border-top: 1px solid #eee;
5877    display: flex;
5878    justify-content: flex-end;
5879    gap: 10px;
5880  }
5881
5882  .oll_modal-btn {
5883    padding: 8px 16px;
5884    border-radius: 5px;
5885    border: none;
5886    cursor: pointer;
5887    font-size: 0.9rem;
5888    transition: all 0.2s;
5889  }
5890
5891  .oll_modal-btn-primary {
5892    background-color: #4285f4;
5893    color: white;
5894  }
5895
5896  .oll_modal-btn-primary:hover {
5897    background-color: #3367d6;
5898  }
5899
5900  .oll_modal-btn-secondary {
5901    background-color: #f1f1f1;
5902    color: #333;
5903  }
5904
5905  .oll_modal-btn-secondary:hover {
5906    background-color: #e0e0e0;
5907  }
5908
5909  @keyframes oll_modalFadeIn {
5910    from {
5911      opacity: 0;
5912      transform: translateY(-20px);
5913    }
5914
5915    to {
5916      opacity: 1;
5917      transform: translateY(0);
5918    }
5919  }
5920
5921  /* 響應式設計 */
5922  @media (max-width: 600px) {
5923    .oll_modal-container {
5924      width: 95%;
5925    }
5926  }
5927</style>
5928  <!-- 
5929    <button onclick="oll_showModal('custom', {title: '自訂標題', content: '<p>這是自訂內容</p><p>可以包含HTML</p>'})">顯示自訂彈出視窗</button>
5930    <button onclick="oll_showModal('confirm', {message: '您確定要執行此操作嗎?', callback: function(result) { alert('用戶選擇: ' + (result ? '確定' : '取消')) }})">顯示確認對話框</button>
5931     -->
5932  <!-- 彈出視窗結構 - 加上 oll_ 前綴 -->
5933  <div class="oll_modal-overlay" id="oll_modalOverlay">
5934    <div class="oll_modal-container">
5935      <div class="oll_modal-header">
5936        <h3 class="oll_modal-title" id="oll_modalTitle">推薦一起買</h3>
5937        <button class="oll_modal-close" id="oll_modalClose">&times;</button>
5938      </div>
5939      <div class="oll_modal-body" id="oll_modalBody">
5940        <section v-el:target class="dy-prod-container featured-product custom-products" v-cloak>
5941
5942          <div class="loadDyAIProdRecommend" id="dyAIProdRecommend_sameBuyModal" data-type="AI_sameBuy" data-isCustomCarousel="true">
5943            <div class="row">
5944              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-8 mt-5 " v-show="dySameBuyModal.data.length>0">
5945                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-8 mt-5 pd-0">
5946
5947                    <div class="swiper-container swiper-sameBuyModal">
5948                      <div class="swiper-wrapper">
5949                        <template v-for="(dyinx,dyrow) in dySameBuyModal.data">
5950                          <div class="swiper-slide">
5951                            <div class="col-lg-12 col-md-12  col-sm-12 col-xs-12 default-item" v-bind:data-v="dyinx"> 
5952                              <div class="inner-box">
5953    <div class="single-item">
5954        <figure class="image-box">
5955                        <!-- <a v-bind:href="'https://www.chuliu.com.tw/product/detail/'+ dyrow.serialNum" class="lazy" v-bind:data-src="dyrow.cover"><img v-bind:src="dyrow.cover" alt=""></a> -->
5956              <a v-bind:href="'https://www.chuliu.com.tw/product/detail/'+ dyrow.serialNum+'?scType=aiRecommend&scVal='" v-bind:style="{ 'background-image': 'url('+dyrow.cover+')'}"  ></a>	
5957                 
5958            <div class="product-model-group-top" v-if="dyrow.brand!=''">
5959                <span class="label label-main brand-title text- ">{{ dyrow.brand }}</span>
5960            </div> 
5961            <div class="product-model-group"> 
5962                <span class="label label-default product-model hot"  v-for="(dyminx,dymrow) in dyrow.market_text" >{{ dymrow.text }}</span> 
5963            </div>
5964        </figure>
5965        <div class="content"> 
5966            <h6 class="header_text text-danger">{{ dyrow.header_text }}</h6>
5967                        <h3 class="name  " v-bind:class="(dyrow.header_text=='') ? 'no_header_text' : ''"><a v-bind:href="'https://www.chuliu.com.tw/product/detail/'+ dyrow.serialNum+'?scType=aiRecommend&scVal='" >{{ dyrow.title }}</a></h3>
5968             
5969            
5970            <div class="price">
5971                                    <template v-if="dyrow.hidePrice"><small>特定會員可見價格</small></template>  
5972                    <template v-if="!dyrow.hidePrice">NT${{dyrow.price_actu }}{{(dyrow.price_maxrange>0) ? '~'+dyrow.price_maxrange : ''}}</template>
5973                 
5974                <span class="prev-rate" v-if="dyrow.price_sugg>0 && dyrow.price_maxrange<=0 && !dyrow.hidePrice">NT${{dyrow.price_sugg }}</span> 
5975            </div>
5976                        <div class="addQuickToCart row row-no-gutters">
5977                <div class="col-xs-9">
5978                    <button class="btn  btn-main btn-sm btn-block addCart text-" @click="addQuickToCart(dyrow.serialNum,{sourceType:'aiRecommend',sourceVal:'AI_sameBuy'})" v-bind:disabled="dyrow.stock==0" >{{ dyrow.addCartText }}&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
5979                </div>
5980                <div class="col-xs-3 pl-xs">
5981                    <button class="btn btn-danger btn-sm btn-block addTrackBtn" v-bind:class="{'isMarked':isTracked(dyrow.serialNum)}" @click="addTrack(dyrow.serialNum)" ><i class="fa fa-heart" aria-hidden="true"></i></button>
5982                </div>
5983            </div>
5984                    </div>
5985    </div>
5986</div>                            </div>
5987                          </div>
5988                        </template>
5989                      </div>
5990                    </div>
5991                    <!-- <div class="swiper-button-next swiper-button-next-sameBuyModal"></div>
5992                    <div class="swiper-button-prev swiper-button-prev-sameBuyModal"></div> -->
5993                  </div>
5994                
5995              </div>
5996            </div>
5997        </section>
5998      </div>
5999      <div class="oll_modal-footer" id="oll_modalFooter">
6000        <button class="oll_modal-btn oll_modal-btn-secondary" id="oll_modalCancel">繼續購買</button>
6001        <button class="oll_modal-btn oll_modal-btn-primary" id="oll_modalConfirm">前往購物車</button>
6002      </div>
6003    </div>
6004  </div>
6005
6006    <!-- 彈出視窗結構 - 加上 oll_ 前綴 -->
6007  <div class="oll_modal-overlay" id="oll_modalOverlayRecommendProduct">
6008    <div class="oll_modal-container">
6009      <div class="oll_modal-header">
6010        <h3 class="oll_modal-title" id="oll_modalTitle">推薦購買</h3>
6011        <button class="oll_modal-close" id="oll_modalClose">&times;</button>
6012      </div>
6013      <div class="oll_modal-body" id="oll_modalBody">
6014        <section v-el:target class="dy-prod-container featured-product custom-products" v-cloak>
6015
6016          <div class="loadDyAIProdRecommend" id="dyAIProdRecommend_alertRecommendProductModal" data-type="AI_recommendProduct" data-isCustomCarousel="true">
6017            <div class="row">
6018              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-8 mt-5 " v-show="dyAlertRecommendProductModal.data.length>0">
6019                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-8 mt-5 pd-0">
6020
6021                    <div class="swiper-container swiper-alertRecommendProductModal">
6022                      <div class="swiper-wrapper">
6023                        <template v-for="(dyinx,dyrow) in dyAlertRecommendProductModal.data">
6024                          <div class="swiper-slide">
6025                            <div class="col-lg-12 col-md-12  col-sm-12 col-xs-12 default-item" v-bind:data-v="dyinx"> 
6026                              <div class="inner-box">
6027    <div class="single-item">
6028        <figure class="image-box">
6029                        <!-- <a v-bind:href="'https://www.chuliu.com.tw/product/detail/'+ dyrow.serialNum" class="lazy" v-bind:data-src="dyrow.cover"><img v-bind:src="dyrow.cover" alt=""></a> -->
6030              <a v-bind:href="'https://www.chuliu.com.tw/product/detail/'+ dyrow.serialNum+'?scType=aiRecommend&scVal='" v-bind:style="{ 'background-image': 'url('+dyrow.cover+')'}"  ></a>	
6031                 
6032            <div class="product-model-group-top" v-if="dyrow.brand!=''">
6033                <span class="label label-main brand-title text- ">{{ dyrow.brand }}</span>
6034            </div> 
6035            <div class="product-model-group"> 
6036                <span class="label label-default product-model hot"  v-for="(dyminx,dymrow) in dyrow.market_text" >{{ dymrow.text }}</span> 
6037            </div>
6038        </figure>
6039        <div class="content"> 
6040            <h6 class="header_text text-danger">{{ dyrow.header_text }}</h6>
6041                        <h3 class="name  " v-bind:class="(dyrow.header_text=='') ? 'no_header_text' : ''"><a v-bind:href="'https://www.chuliu.com.tw/product/detail/'+ dyrow.serialNum+'?scType=aiRecommend&scVal='" >{{ dyrow.title }}</a></h3>
6042             
6043            
6044            <div class="price">
6045                                    <template v-if="dyrow.hidePrice"><small>特定會員可見價格</small></template>  
6046                    <template v-if="!dyrow.hidePrice">NT${{dyrow.price_actu }}{{(dyrow.price_maxrange>0) ? '~'+dyrow.price_maxrange : ''}}</template>
6047                 
6048                <span class="prev-rate" v-if="dyrow.price_sugg>0 && dyrow.price_maxrange<=0 && !dyrow.hidePrice">NT${{dyrow.price_sugg }}</span> 
6049            </div>
6050                        <div class="addQuickToCart row row-no-gutters">
6051                <div class="col-xs-9">
6052                    <button class="btn  btn-main btn-sm btn-block addCart text-" @click="addQuickToCart(dyrow.serialNum,{sourceType:'aiRecommend',sourceVal:'AI_recommendProduct'})" v-bind:disabled="dyrow.stock==0" >{{ dyrow.addCartText }}&nbsp;<i class=" fa fa-spinner fa-spin" v-if="addcartisloading"></i></button> 
6053                </div>
6054                <div class="col-xs-3 pl-xs">
6055                    <button class="btn btn-danger btn-sm btn-block addTrackBtn" v-bind:class="{'isMarked':isTracked(dyrow.serialNum)}" @click="addTrack(dyrow.serialNum)" ><i class="fa fa-heart" aria-hidden="true"></i></button>
6056                </div>
6057            </div>
6058                    </div>
6059    </div>
6060</div>                            </div>
6061                          </div>
6062                        </template>
6063                      </div>
6064                    </div>
6065                    <!-- <div class="swiper-button-next swiper-button-next-sameBuyModal"></div>
6066                    <div class="swiper-button-prev swiper-button-prev-sameBuyModal"></div> -->
6067                  </div>
6068                
6069              </div>
6070            </div>
6071        </section>
6072      </div>
6073      <!-- <div class="oll_modal-footer" id="oll_modalFooter">
6074        <button class="oll_modal-btn oll_modal-btn-secondary" id="oll_modalCancel">繼續購買</button>
6075        <button class="oll_modal-btn oll_modal-btn-primary" id="oll_modalConfirm">前往購物車</button>
6076      </div> -->
6077    </div>
6078  </div>
6079
6080  
6080<script> 
6081    // 顯示彈出視窗的函數 - 加上 oll_ 前綴
6082    function oll_showModal(type, options = {}) {
6083      const modalOverlay = $('#oll_modalOverlay');
6084      const modalTitle = $('#oll_modalTitle');
6085      const modalBody = $('#oll_modalBody');
6086      const modalFooter = $('#oll_modalFooter');
6087      const modalCancel = $('#oll_modalCancel');
6088      const modalConfirm = $('#oll_modalConfirm');
6089      const modalClose = $('#oll_modalClose');
6090
6091      // 關閉彈出視窗
6092      function oll_closeModal() {
6093        console.log('oll_closeModal');
6094        modalOverlay.fadeOut(200);
6095      }
6096
6097      // 重置按鈕事件
6098      modalConfirm.off('click');
6099      modalCancel.off('click');
6100
6101      // 根據類型設置彈出視窗
6102      switch (type) {
6103        case 'default':
6104          //modalTitle.text('預設標題');
6105          // modalBody.html('<p>這是預設的彈出視窗內容。</p>');
6106          modalFooter.show();
6107          modalConfirm.text('前往購物車').show();
6108          modalCancel.text('繼續購買').show();
6109          modalConfirm.click(function() {
6110            location.href = baseUrl + 'cart/detail';
6111            modalOverlay.fadeOut(200);
6112          });
6113          // 點擊背景關閉
6114          // modalOverlay.click(function(e) {
6115          //     if (e.target === this) {
6116          //         oll_closeModal();
6117          //     }
6118          // });
6119
6120          // 關閉按鈕
6121          modalClose.on('click', oll_closeModal);
6122          modalCancel.on('click', oll_closeModal);
6123          break; 
6124        case 'confirm':
6125          modalTitle.text(options.title || '確認');
6126          modalBody.html(`<p>${options.message || '您確定要執行此操作嗎?'}</p>`);
6127          modalFooter.show();
6128          modalConfirm.text(options.confirmText || '確定').show();
6129          modalCancel.text(options.cancelText || '取消').show();
6130
6131          modalConfirm.click(function() {
6132            if (options.callback) options.callback(true);
6133            modalOverlay.fadeOut(200);
6134          });
6135
6136          modalCancel.click(function() {
6137            if (options.callback) options.callback(false);
6138            modalOverlay.fadeOut(200);
6139          });
6140          break;
6141
6142        default:
6143          console.error('未知的彈出視窗類型:', type);
6144          return;
6145      }
6146
6147      // 顯示彈出視窗並設定為flex布局
6148      modalOverlay.css('display', 'flex');
6149    }
6150
6151     // 顯示彈出視窗的函數 - 加上 oll_ 前綴 (通用型)
6152     function oll_showModalGeneral(modalId, type, options = {}) {
6153      const modalOverlay = $('#'+modalId);
6154      const modalTitle = $('#'+modalId+' .oll_modal-title');
6155      const modalBody = $('#'+modalId+' .oll_modal-body');
6156      const modalFooter = $('#'+modalId+' .oll_modal-footer');
6157      const modalCancel = $('#'+modalId+' .oll_modal-btn-secondary');
6158      const modalConfirm = $('#'+modalId+' .oll_modal-btn-primary');
6159      const modalClose = $('#'+modalId+' .oll_modal-close');
6160
6161      // 關閉彈出視窗
6162      function oll_closeModal() {
6163        console.log('oll_closeModal');
6164        modalOverlay.fadeOut(200);
6165      }
6166
6167      // 重置按鈕事件
6168      modalConfirm.off('click');
6169      modalCancel.off('click');
6170
6171      // 根據類型設置彈出視窗
6172      switch (type) {
6173        case 'alertRecommendProduct':
6174          //modalTitle.text('預設標題');
6175          // modalBody.html('<p>這是預設的彈出視窗內容。</p>');
6176          //modalFooter.show();
6177          modalConfirm.text('前往購物車').show();
6178          modalCancel.text('繼續購買').show();
6179          modalConfirm.click(function() {
6180            location.href = baseUrl + 'cart/detail';
6181            modalOverlay.fadeOut(200);
6182          });
6183          // 點擊背景關閉
6184          // modalOverlay.click(function(e) {
6185          //     if (e.target === this) {
6186          //         oll_closeModal();
6187          //     }
6188          // });
6189
6190          // 關閉按鈕
6191          modalClose.on('click', oll_closeModal);
6192          modalCancel.on('click', oll_closeModal);
6193          break; 
6194        case 'confirm':
6195          modalTitle.text(options.title || '確認');
6196          modalBody.html(`<p>${options.message || '您確定要執行此操作嗎?'}</p>`);
6197          modalFooter.show();
6198          modalConfirm.text(options.confirmText || '確定').show();
6199          modalCancel.text(options.cancelText || '取消').show();
6200
6201          modalConfirm.click(function() {
6202            if (options.callback) options.callback(true);
6203            modalOverlay.fadeOut(200);
6204          });
6205
6206          modalCancel.click(function() {
6207            if (options.callback) options.callback(false);
6208            modalOverlay.fadeOut(200);
6209          });
6210          break;
6211
6212        default:
6213          console.error('未知的彈出視窗類型:', type);
6214          return;
6215      }
6216
6217      // 顯示彈出視窗並設定為flex布局
6218      modalOverlay.css('display', 'flex');
6219    }
6220  </script>
6220 
6221<!--  -->
6222<script>
6223  var swiper2List = {};
6224  var enableAiServiceRecommand = false;
6225</script>
6225
6226
6227<script>
6228  function isIndexedDBSupported() { 
6229    var isMobileCheck = false;
6230    if(isMobileCheck){
6231      return false;
6232    }
6233    return 'indexedDB' in window;
6234  }
6235
6236function saveData(key,data,database) {
6237  database = database || 'oStoreDatabase';
6238  if (isIndexedDBSupported()) {
6239    // 使用indexedDB存儲資料
6240    const request = indexedDB.open(database, 1);
6241
6242    request.onupgradeneeded = function (event) {
6243      const db = event.target.result;
6244      const objectStore = db.createObjectStore(key, { autoIncrement: true });
6245    };
6246
6247    request.onsuccess = function (event) {
6248      const db = event.target.result;
6249      const transaction = db.transaction(key, 'readwrite');
6250      const objectStore = transaction.objectStore(key);
6251      objectStore.add(data);
6252    };
6253  } else {
6254    // 使用localStorage存儲資料
6255    const storedData = JSON.parse(localStorage.getItem(database+'_'+key) || '[]');
6256    storedData.push(data);
6257    localStorage.setItem(database+'_'+key, JSON.stringify(storedData));
6258  }
6259}
6260
6261function loadData(key,callback,database) {
6262  database = database || 'oStoreDatabase';
6263  if (isIndexedDBSupported()) {
6264    // 使用indexedDB讀取資料
6265    const request = indexedDB.open(database, 1); 
6266    request.onupgradeneeded = function (event) {
6267      const db = event.target.result;
6268      if (!db.objectStoreNames.contains(key)) {
6269        const objectStore = db.createObjectStore(key, { autoIncrement: true });
6270      }
6271      
6272    }; 
6273    request.onsuccess = function (event) {
6274      const db = event.target.result; 
6275      const transaction = db.transaction(key, 'readonly');
6276      const objectStore = transaction.objectStore(key);
6277      const getAllRequest = objectStore.getAll();
6278
6279      getAllRequest.onsuccess = function (event) {
6280        callback(event.target.result);
6281      };
6282    };
6283  } else {
6284    // 使用localStorage讀取資料
6285    const storedData = JSON.parse(localStorage.getItem(database+'_'+key) || '[]');
6286    callback(storedData);
6287  }
6288}
6289//push加入
6290function saveLocalData(key,data,database){
6291  database = database || 'oStoreDatabase';
6292  const storedData = JSON.parse(localStorage.getItem(database+'_'+key) || '[]');
6293  storedData.push(data);
6294  localStorage.setItem(database+'_'+key, JSON.stringify(storedData));
6295}
6296/**讀callback */
6297function loadLocalData(key,callback,database){
6298  database = database || 'oStoreDatabase';
6299  const storedData = JSON.parse(localStorage.getItem(database+'_'+key) || '[]');
6300  callback(storedData);
6301}
6302/**覆蓋 */
6303function overwriteLocalData(key,data,database){
6304  database = database || 'oStoreDatabase'; 
6305  localStorage.setItem(database+'_'+key, JSON.stringify(data));
6306}
6307/**純讀 */
6308function getLocalData(key,database){
6309  database = database || 'oStoreDatabase';
6310  const storedData = JSON.parse(localStorage.getItem(database+'_'+key) || '[]');
6311  return storedData;
6312}
6313</script>
6313
6314
6315<!-- 可以解決IOS點擊延遲問題?待測 -->
6316<!-- 
6317<script>
6318
6319
6320</script>
6320 -->
6321<script src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js" integrity="sha512-0H+R6YL4/40iiIrnN5aNZ1sEeEalNAdnzP9jfsxFPBdIslTkwUddkSazjVWhJ3f/3Y26QF6aql0xeneuVw0h/Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
6321 
6322<script>
6323if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){ 
6324    const ua = navigator.userAgent || '';
6325    const isLine = /Line\/[\d.]+/.test(ua);
6326    const isLineApp = ua.indexOf('LINE') > -1;
6327    const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua) && !/Line/.test(ua);
6328    
6329    if ('addEventListener' in document) {
6330      document.addEventListener('DOMContentLoaded', function() {
6331        // 如果是 Line 相關瀏覽器,完全不使用 FastClick
6332        if (isLine || isLineApp) {
6333          console.log('Line 相關瀏覽器偵測到,跳過 FastClick');
6334          return;
6335        }
6336        
6337        // Safari 和其他 iOS 瀏覽器使用 FastClick,但排除表單元素
6338        document.querySelectorAll('input, textarea, select, button[type="submit"]').forEach(function(element) {
6339          element.classList.add('needsclick');
6340        });
6341        
6342        FastClick.attach(document.body);
6343        console.log('FastClick 已啟用,表單元素已排除');
6344      }, false);
6345    }
6346}
6347// document.querySelectorAll('input, textarea').forEach(function(el) {
6348//   el.addEventListener('touchend', function() {
6349//     el.focus();
6350//   });
6351// });
6352</script>
vendor: 1 bytes, line 6352
6352
6353<script type="text/javascript">   
6354//初始化網站路徑
6355var baseUrl = 'https://www.chuliu.com.tw/';
6356var toggleFxNavClass = 'noLoadfxNav';
6357var sysMode = true;
6358var enableFbTrans = false;
6359var traceFbTransId = '52BAABD4-8AD1-35B3-A1C3-0152103CD2A0-JzMq-1791433733';
6360//
6361var enableExtraPlusOverMainPd = 0;
6362var qEventParams = {"oev":"","snt":"","osn":"","osbsn":"","oqty":1,"ovstk":0};
6363var vTokenPub = 'af25b2b49a08ab98c00e59fb806228fc'; 
6364var vpToken = '206b047d6d93616c9726e9be481c6a0f:1108691933:AbmHP0';
6365var isAISearch = false;
6366var dyContainerUnitDataPageData = [];
6367var creditSignData = [];
6368var alertModalData = [];
6369</script>
vendor: 1 bytes, line 6369
6369
6370<script src="https://ostore01.b-cdn.net/res/js/jquery-2.2.4.min.js?202300406AM1030"></script>
vendor: 1 bytes, line 6370
6370
6371<script src="https://ostore01.b-cdn.net/res/js/bootstrap.min.js?202300406AM1027" ></script>
vendor: 1 bytes, line 6371
6371
6372<script type="text/javascript" src="https://res.ostore.tw/res/js/app.min.js?202300406AM1027"></script>
6372
6373
6374<!-- 合併外掛 -->
6375    
6375<script src="https://res.ostore.tw/res/cache/0a4b782fbb2ccccf7f4626f75ac8101e.js?202300406AM1027" type="text/javascript"></script>
vendor: 1 bytes, line 6375
6375
6376<script type="text/javascript" src="https://ostore01.b-cdn.net/res/layout/header/js/default.js"></script>
6376
6377 
6378<script type="text/javascript" src="https://ostore01.b-cdn.net/res/layout/footer/js/default.js"></script>
vendor: 1 bytes, line 6378
6378
6379<script    src="https://res.ostore.tw/res/plugins/lightbox/chocolat/chocolat.js?202300406AM1027" type="text/javascript"></script>
6379
6380<!-- 滾動到才觸發 -->
6381<!-- 
6381<script src="https://res.ostore.tw/res/js/enter-view/enter-view.min.js?202300406AM1027"></script>
6381 -->
6382<!-- 
6382<script src="https://www.youtube.com/iframe_api"></script>
6382 -->
6383<script src="https://www.chuliu.com.tw/res/js/fixImage.js?202300406AM1027_v2"></script>
6383
6384
6385<!-- mixin --> 
6386    
6386<script src="https://www.chuliu.com.tw/res/cache/de78c7444560546d7bdec3fa1caa2b9a.js?202300406AM1027" type="text/javascript"></script>
6386
6387  
6387<script src="https://res.ostore.tw/res/page/mixin/web/subscribe.js?202300406AM1027_v8"></script>
6387 
6388 
6388<script src="https://res.ostore.tw/res/page/mixin/web/page/dyArticleList.js?202300406AM1027_v8"></script>
6388 
6389 
6389<script src="https://www.chuliu.com.tw/res/page/mixin/web/payment/tapPay.js?202300406AM1027_v9"></script>
6389
6390  
6390<script> aiRecommendMixin={ ready:function(){ console.log('未啟用AI個人化推薦'); } }; </script>
6390
6391
6392<script>
6393  new WOW().init(); 
6394    var swiper = new Swiper('.swiper-0', {
6395      autoHeight: true, //自動高度
6396      slidesPerView: 1,
6397      spaceBetween: 30,
6398      loop: true,
6399      pagination: {
6400        el: '.swiper-pagination',
6401        clickable: true,
6402      }, 
6403      autoplay: {
6404        delay: 4000,
6405      },
6406    });
6407    swiper.on('slideChange', function () { 
6408      var swiper = this;
6409      var slide = swiper.slides.eq(swiper.activeIndex);
6410      var c =  slide.attr('data-awow');
6411      var el =  slide.attr('data-ids');
6412      if (c!='') {
6413        //console.log('a');
6414        $('#'+el+' .swiper-slide-info').removeClass('').addClass(c);
6415        var sw_wow = new WOW({
6416          boxClass: 'sw_wow',            // 欲套用wow.js的class                      (預設wow)
6417          // animateClass: 'animated',   // 欲修改設定animat.css 的類別名稱            (預設animated)
6418          // offset: 0,                  // 當用戶滾動並到達這個距離時才開始執行動畫      (預設是0)
6419          // mobile: true,               // 是否在行動裝置上執行動畫                   (預設是true)
6420          // live: true                  // 非同步產生的內容是否要套用                 (預設是true)
6421        });
6422        sw_wow.init(); 
6423      } 
6424      //console.log(id);
6425      //console.log($(slide).children( ".swiper-slide-info" ));
6426      //console.log($(this).attr('data-awow'));
6427    });
6428    //.customPageCallCustomMenuBtn, .nav-overlay, 
6429  $('.customPageCallCustomMenuBtn,#customMenuNavForCustomPage .close').on('click', function() {
6430    $('#customMenuNavForCustomPageMainMenu').toggleClass("active"); 
6431  });
6432
6433
6434  //
6435  // 為所有image-box圖片增加錯誤處理功能,並將修復成功的圖片路徑儲存到localStorage
6436$(document).ready(function() {
6437  
6438  
6439  // 圖片加載流程
6440  setTimeout(function() {
6441    // 先從緩存加載修復過的圖片路徑
6442    preloadFromCache();
6443    
6444    // 然後處理未緩存或仍然失敗的圖片
6445    handleImageBoxImgError();
6446  }, 50);
6447});
6448</script>
6448
6449
6450 
6451<script>  
6452   
6453  new WOW({boxClass: 'sw_wow',}).init(); 
6454
6455     
6456    </script>
vendor: 1 bytes, line 6456
6456
6457<script>
6458var loadNavCartUi = true; 
6459</script>
vendor: 1 bytes, line 6459
6459
6460<script src="https://www.chuliu.com.tw/res/page/component/cart/nav_cart.big.js?v4.04" type="text/javascript"></script>
vendor: 1 bytes, line 6460
6460
6461<script type="x/template" id="nav_cart_template"> 
6462
6463                            <div class="cart_option float_right">
6464                                    <button class="cart tran3s dropdown-toggle" data-toggle="dropdown" id="cartDropdown">
6465                                        <i class="fa fa-shopping-cart" aria-hidden="true"></i>
6466                                        <span>{{v_isNaN(cart_data.total + cart_data.extradataTotal + cart_data.fullextradataTotal) }}</span>
6467                                    </button>
6468                                    <div class="cart-info">
6469                                        <div class="cart-title">
6470                                            <a href="https://www.chuliu.com.tw/cart/detail">購物車</a>
6471                                        </div>
6472                                        <div class="doller">NT${{cartTotal}}</div>
6473                                    </div>
6474                                    
6475                                    <div class="cart_list dropdown-menu" aria-labelledby="cartDropdown">
6476                                        <ul v-if="cart_data.data!=''">
6477                                            <li v-for="(cd_index,cd_row) in cart_data.data">
6478                                                <div class="cart_item_wrapper clear_fix">
6479                                                    <div class="img_holder float_left"><img v-bind:src="cd_row.preview" alt="Cart Image" class="img-responsive"></div> <!-- End of .img_holder -->
6480
6481                                                    <div class="item_deatils float_left">
6482                                                        <h6>{{cd_row.name}}{{(cd_row.option_name!='') ? '-'+cd_row.option_name : '' }}</h6>
6483                                                        <span class="font_fix">NT${{cd_row.price}}x{{cd_row.qty}}</span>
6484                                                        <span class="pull-right">NT$ {{cd_row.price*cd_row.qty}}</span>
6485                                                    </div> <!-- End of .item_deatils -->
6486                                                </div> <!-- End of .cart_item_wrapper -->
6487                                            </li>
6488                                        </ul>
6489                                        <ul v-if="cart_data.extradata!=''">
6490                                            <li v-for="(cd_index,cd_row) in cart_data.extradata">
6491                                                <div class="cart_item_wrapper clear_fix">
6492                                                    <div class="img_holder float_left"><img v-bind:src="cd_row.cover" alt="Cart Image" class="img-responsive"></div> <!-- End of .img_holder -->
6493
6494                                                    <div class="item_deatils float_left">
6495                                                        <h6>[加購品]{{cd_row.name}}</h6>
6496                                                        <span class="font_fix">NT${{cd_row.price}}x{{cd_row.qty}} 
6497                                                        </span>
6498                                                        <span class="pull-right">NT$ {{cd_row.price*cd_row.qty}}
6499                                                        </span>
6500                                                    </div> <!-- End of .item_deatils -->
6501                                                </div> <!-- End of .cart_item_wrapper -->
6502                                            </li>
6503                                        </ul>
6504                                        <ul v-if="cart_data.fullextradata!=''">
6505                                            <li v-for="(cd_index,cd_row) in cart_data.fullextradata">
6506                                                <div class="cart_item_wrapper clear_fix">
6507                                                    <div class="img_holder float_left"><img v-bind:src="cd_row.cover" alt="Cart Image" class="img-responsive"></div> <!-- End of .img_holder -->
6508
6509                                                    <div class="item_deatils float_left">
6510                                                        <h6>[滿額加購品]{{cd_row.name}}</h6>
6511                                                        <span class="font_fix">NT${{cd_row.price}}x{{cd_row.qty}} 
6512                                                        </span>
6513                                                        <span class="pull-right">NT$ {{cd_row.price*cd_row.qty}}
6514                                                        </span>
6515                                                    </div> <!-- End of .item_deatils -->
6516                                                </div> <!-- End of .cart_item_wrapper -->
6517                                            </li>
6518                                        </ul>
6519                                        <div v-if="(cart_data.total + cart_data.extradataTotal + cart_data.fullextradataTotal)<=0" class="text-center empty">
6520                                            目前購物車無任何商品!
6521                                        </div>
6522                                        <div class="cart_total clear_fix">
6523                                            <div class="total mb-md">總額: NT$ {{cartTotal }}</div>
6524                                            <div class="btn-group btn-group-justified">
6525                                                <a href="https://www.chuliu.com.tw/cart/detail" class="btn btn-main">購物車</a>
6526                                                <a href="https://www.chuliu.com.tw/cart/checkout" class="btn btn-warning">結帳</a>
6527                                            </div>
6528                                        </div>
6529                                    </div> <!-- End of .cart_list -->
6530                                </div>
6531
6532</script>
6532
6533
6534<!-- 顯示通知 -->
6535<script>
6536</script>
vendor: 1 bytes, line 6536
6536
6537<script> 
6538//
6539</script>
6539
6540 
6541
6542<script type="text/javascript">
6543  //function isset (ref) { return typeof ref !== 'undefined' }
6544  function isset (accessor) { try {  return typeof accessor() !== 'undefined' } catch (e) { return false } }
6545  // function removeToast(){
6546  //     $('.maintainNotify').hide();
6547  //   }
6548  // $(document).ready(function() { 
6549  //    setTimeout(function(){ $('.maintainNotify').hide(); }, 15000); 
6550  // });
6551</script>
6551
6552<style>
6553  .maintainNotify{position:fixed; top:0px; right: 5px; /*width:250px;*/ border-radius: 4px; box-shadow: #aaa 1px 1px 5px; background-color: rgba(150, 150, 150, 0.98); padding: 5px 10px; color: #fff; z-index: 15500; opacity:1; animation: toast 500ms cubic-bezier(.23,.82,.16,1.46); animation-iteration-count: 1; }
6554  .maintainNotify p{margin: 0; padding: 5px; min-width: 240px; }
6555  .removeToastBtn{border: 1px solid; border-radius: 30px; padding: 0px; width: 22px; right: 10px; position: absolute; text-align: center; height: 22px; font-size: 12px; cursor: pointer; background: #333; top: 10px; }
6556  .maintainNotify.warning{background-color: rgb(254, 219, 61, 0.92); color: #fff; box-shadow: #aaa 1px 1px 5px; }
6557  .toast.danger{background-color: rgba(254, 15, 61, 0.92); }
6558
6559  @media (min-width: 992px){.maintainNotify p{margin: 0; padding: 5px; min-width: 450px; } }
6560</style>
6561<!-- <div class="maintainNotify warning" data-autohide="false"> <p> 系統將於<span class="text-danger">2020-09-22(二) AM02:00~AM05:00</span> <br>進行例行性更新,維護期間將無法使用購物功能。 <span class="removeToastBtn" onclick="removeToast()">X</span> </p> </div>  -->
6562<script>
6563  function isFacebookApp() {
6564        var ua = navigator.userAgent || navigator.vendor || window.opera;
6565        return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
6566  } 
6567</script>
vendor: 1 bytes, line 6567
6567
6568<script src="https://capi-automation.s3.us-east-2.amazonaws.com/public/client_js/capiParamBuilder/clientParamBuilder.bundle.js"></script>
6568 
6569<script type="text/javascript">
6570  function setCookie_S(cookieName, cookieValue, exdays) {if (document.cookie.indexOf(cookieName) >= 0) {var expD = new Date(); expD.setTime(expD.getTime() + (-1*24*60*60*1000)); var uexpires = "expires="+expD.toUTCString(); document.cookie = cookieName + "=" + cookieValue + "; " + uexpires+';path=/'; } var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cookieName + "=" + cookieValue + "; " + expires+';path=/'; }
6571  function getCookie_S(cookieName) {var name = cookieName + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) {var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length,c.length); } return ""; }
6572
6573  function callAwakeStoreService(){
6574    //$.get("", function(result){}); 
6575  }
6576  //發送FB轉換API
6577  async function fbConversionsTransApi(event,param,eventId,mail,phone,source) {
6578    const updated_cookie = await clientParamBuilder.processAndCollectAllParams(window.location.href); 
6579    const fbc = updated_cookie['_fbc'];
6580    const fbp = updated_cookie['_fbp']; 
6581    console.log('fbc:', fbc, 'fbp:', fbp);
6582    var sentDataTmp = {event:event, param:param, mail:mail, phone:phone, source:source,eventId:eventId, url:window.location.href, fbc:fbc, fbp:fbp };
6583    //延遲發送,避免影響其他
6584    setTimeout(() => {
6585      $.post(baseUrl + "action/public/facebook/fbtransapi",{"data":JSON.stringify(sentDataTmp)}, function(data) {  
6586        console.log(data);
6587        var obj = JSON.parse(data);
6588        if(obj.callAwakeStore){
6589          callAwakeStoreService();
6590          console.log('callAwakeStore');
6591        }
6592      });
6593    }, 200);
6594   
6595  } 
6596  //FB轉換API版的瀏覽頁面
6597  if(enableFbTrans){
6598    setTimeout(() => {
6599      fbConversionsTransApi('PageView',{},'52BAABD4-8AD1-35B3-A1C3-0152103CD2A0-JzMq-1791433733');   
6600    }, 200);
6601  }
6602</script>
6602
6603<!--  -->
6604<script>
6605  //判斷是否可使用webp
6606  Modernizr.on('webp', function (result) {
6607    console.log('zzzz');
6608    if (result) {
6609        var lazyBg = document.querySelectorAll("[data-bg]");
6610        console.log('lz');
6611        //有webp參數則替換
6612        // lazyBg.forEach(function(element, index) { 
6613        //     var bg = element.dataset.bg;
6614        //     var webp = element.dataset.webp || '';
6615        //     if(webp!=''){
6616        //       element.setAttribute("data-bg", webp);
6617        //       element.setAttribute("data-origbg", bg);
6618        //     }
6619        // }); 
6620        for (index in lazyBg) {  
6621          var element = lazyBg[index]; 
6622          try{
6623            var bg =  element.dataset.bg || '';
6624            var webp = element.dataset.webp || ''; 
6625          }catch(e){
6626            var bg =  'https://ostore01.b-cdn.net/res/images/no_image.jpg';
6627            var webp = '';  
6628          }
6629          if(webp!=''){
6630            element.setAttribute("data-bg", webp);
6631            element.setAttribute("data-origbg", bg);
6632          }
6633          
6634          //var bg = element.dataset.bg;
6635          //element.style.backgroundImage = "url('"+bg+"')"; 
6636        } 
6637        //初始化lazyload
6638        var myLazyLoad = new LazyLoad({
6639          threshold:450,
6640          //當圖片是錯誤時,且是webp格式的圖,採用原圖
6641          callback_error: (img) => {
6642            // 取得圖片相關資訊
6643            var bg = img.dataset.bg || '';
6644            var webp = img.dataset.webp || '';
6645            var origbg = img.dataset.origbg || '';
6646            var timestamp = new Date().getTime();
6647            // 檢查圖片URL是否已包含時間戳
6648            if(bg.includes('?t=')) {
6649              // 已有時間戳但仍載入失敗,移除舊時間戳並加入新的
6650              bg = bg.split('?t=')[0] + '?t=' + timestamp;
6651              img.setAttribute("data-bg", bg);
6652              img.style.backgroundImage = "url('" + bg + "')";
6653              return;
6654            }
6655            
6656            // 加入時間戳重試
6657            let newBg = bg + '?t=' + timestamp;
6658            img.setAttribute("data-bg", newBg);
6659            img.style.backgroundImage = "url('" + newBg + "')";
6660
6661            // 方法1: 嘗試使用原始圖片
6662            if(bg == webp && origbg != '') {
6663              img.setAttribute("data-bg", origbg + '?t=' + timestamp);
6664              img.style.backgroundImage = "url('" + origbg + "?t=" + timestamp + "')";
6665              return;
6666            }
6667
6668            // 方法2: 嘗試切換到備用CDN網域
6669            if(bg.includes('ostore.tw')) {
6670              let newBg = bg.replace('ostore.tw', 'ollstore.com') + '?t=' + timestamp;
6671              img.setAttribute("data-bg", newBg);
6672              img.style.backgroundImage = "url('" + newBg + "')";
6673              return;
6674            }
6675
6676            // 方法3: 嘗試使用預設圖片
6677            if(!bg || bg == img.style.backgroundImage) {
6678              let defaultImg = '/res/images/no_image.jpg?t=' + timestamp;
6679              img.setAttribute("data-bg", defaultImg);
6680              img.style.backgroundImage = "url('" + defaultImg + "')";
6681              return;
6682            }
6683
6684            // 記錄錯誤
6685            console.log('圖片載入失敗:', bg);
6686          }
6687        });
6688        //lazyLoadInstance.update();
6689        //console.log(myLazyLoad);
6690    }else{ 
6691      var lazyBg = document.querySelectorAll("[data-bg]"); 
6692      for (index in lazyBg) {  
6693        var element = lazyBg[index];
6694        try{
6695            var bg =  element.dataset.bg || ''; 
6696        }catch(e){
6697            var bg =  'https://ostore01.b-cdn.net/res/images/no_image.jpg'; 
6698        }
6699        element.style.backgroundImage = "url('"+bg+"')"; 
6700      } 
6701    }
6702});
6703//
6704function getProdViewRecord(){
6705  const recentData = getLocalData('prodDetailRecord'); 
6706}
6707function getProdSearchRecord(){
6708  // filterXSS('
6708<script>alert("xss");</scr' + "ipt>"); 
6709   // filterXSS('
6709<script>alert("xss");</scr' + "ipt>");
6710   const recentData = getLocalData('prodSearchRecordUni'); 
6711  // 將 recentData 陣列按照時間戳排序,以取得最新的十筆資料
6712  const sortedData = recentData.sort((a, b) => b.t - a.t); 
6713  // 取得最新的十筆資料
6714  const latestData = sortedData.slice(0, 10); 
6715  // 產生HTML內容
6716  let html = '';
6717  latestData.forEach(item => {
6718    let kw = '';
6719    if (typeof filterXSS !== 'undefined') {
6720      kw = filterXSS(item.name);
6721    } else {
6722      kw = item.name;
6723    }
6724    const encodedName = encodeURIComponent(kw); // 編碼名稱以防止特殊字元
6725    html += `<a href="/product/search/${encodedName}">${kw}</a>  `;
6726  });
6727  console.log(html);
6728  $('.custom_search_record_data').html(html);
6729}
6730getProdSearchRecord();
6731</script>
6731 
6732
6733<iframe id="oll_specuid" class="hide" width="1" height="1" src="https://ollstore.tw/specuid"></iframe>
6734<script>
6735  window.onmessage = function (e) {
6736    if(e.origin === 'https://ollstore.tw'){ 
6737      if(e.data!=''){
6738        setCookie_S('OLLSTORE__UID', e.data, 365);
6739        localStorage.setItem('OLLSTORE__UID', e.data); 
6740      }
6741    }
6742  }
6743</script>
6743
6744<!--  -->
6745<script>
6746  
6747
6748$(function () {
6749  const ua = navigator.userAgent || '';
6750  const isIOS = /iPhone|iPad|iPod/.test(ua);
6751  const isLine = /Line\/[\d.]+/.test(ua);
6752  const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua) && !/Line/.test(ua);
6753  const isLineApp = /Line\/[\d.]+/.test(ua) || ua.indexOf('LINE') > -1;
6754
6755  // iPhone 環境的 input 處理
6756  if (isIOS) {
6757     
6758    
6759    // Line 瀏覽器和 LINE 官方帳號的處理
6760    if (isLine || isLineApp) {
6761      $(document).on('touchend', 'input, textarea', function () { 
6762        
6763        const element = this;
6764        setTimeout(() => {
6765          if (document.activeElement !== element) {
6766            element.focus();
6767          }
6768        }, 50);
6769      });
6770    }
6771    
6772     
6773    
6774    // 其他 iOS 瀏覽器的通用處理
6775    if (!isLine && !isLineApp && !isSafari) {
6776      $(document).on('touchend click', 'input, textarea', function () { 
6777        
6778        const element = this;
6779        setTimeout(() => {
6780          if (document.activeElement !== element) {
6781            element.focus();
6782          }
6783        }, 80);
6784      });
6785    }
6786  }
6787});
6788</script>
6788
6789    
6789<script>
6790//
6791var enableExtraPlusOverMainPd = 0;
6792
6793	var livestreamSetting = {"enable":false,"isOpen":false,"url":"https:\/\/www.facebook.com\/profile.php?id=100064145195200","height":267,"width":476,"type":"fb"};
6794	var priceNeedLogin = '0';
6795	var cartBuyerInfoToSimple = false;
6796
6797	var productTrackList = [];
6798</script>
6798
6799	
6799<script>
6800		var gadsTrackCode = '';
6801		var gadsTrackTransBuyCode = '';
6802	</script>
6802	
6803	<!-- gads -->
6804	 	<!-- google 再行銷 -->
6805	 	<!-- Yahoo原生廣告 -->
6806	 <!-- Line Tag -->
6807<!-- LINE Tag Base Code -->
6808<!-- Do Not Modify -->
6809
6810<!-- GA捲動 -->
6811<script>
6812function gtag_scroll_event() { 
6813	var ga_scroll_flag_1=false; 
6814	var ga_scroll_flag_2=false; 
6815	var ga_scroll_flag_3=false;
6816	var ga_scroll_flag_4=false;
6817	var ga_scroll_flag_5=false;
6818	var ga_scroll_flag_6=false;
6819
6820	$(window).scroll(function() {
6821
6822		if ($(this).scrollTop() > $(document).height()*0.15 && !ga_scroll_flag_1) { 
6823			gtag('event', '頁面捲動', {'event_category': 'Scroll','event_label': '15%'}); 
6824			ga_scroll_flag_1=true; 
6825			console.log("ga_scroll_flag_1");
6826		} else if ($(this).scrollTop() > $(document).height()*0.3 && !ga_scroll_flag_2) { 
6827			gtag('event', '頁面捲動', {'event_category': 'Scroll','event_label': '30%'}); 
6828			ga_scroll_flag_2=true; 
6829			console.log("ga_scroll_flag_2");
6830		}else if ($(this).scrollTop() > $(document).height()*0.45 && !ga_scroll_flag_3) { 
6831			gtag('event', '頁面捲動', {'event_category': 'Scroll','event_label': '45%'}); 
6832			ga_scroll_flag_3=true; 
6833			console.log("ga_scroll_flag_3");
6834		}else if ($(this).scrollTop() > $(document).height()*0.6 && !ga_scroll_flag_4) { 
6835			gtag('event', '頁面捲動', {'event_category': 'Scroll','event_label': '60%'}); 
6836			ga_scroll_flag_4=true; 
6837			console.log("ga_scroll_flag_4");
6838		}else if ($(this).scrollTop() > $(document).height()*0.75 && !ga_scroll_flag_5) { 
6839			gtag('event', '頁面捲動', {'event_category': 'Scroll','event_label': '75%'}); 
6840			ga_scroll_flag_5=true; 
6841			console.log("ga_scroll_flag_5");
6842		}else if ($(this).scrollTop() > $(document).height()*0.9 && !ga_scroll_flag_6) { 
6843			gtag('event', '頁面捲動', {'event_category': 'Scroll','event_label': '90%'}); 
6844			ga_scroll_flag_6=true; 
6845			console.log("ga_scroll_flag_6");
6846		}
6847
6848	});
6849
6850}
6851
6852$(document).ready(function(){ 
6853	gtag_scroll_event();  
6854});
6855</script>
6855    
6855<script src="https://res.ostore.tw/res/js/jquery.bxslider.min.js?202300406AM1027" type="text/javascript"></script>
6855
6856    <!-- 主體 -->
6857    		
6857<script src="https://res.ostore.tw/res/cache/478db2394f4711161367b440109c2127.js?202300406AM1027_v1" type="text/javascript"></script>
6857
6858	    
6858<script>
6859    $(function(){
6860        $('#list').hide();
6861        $(".view>a").click(function(){
6862            $(".shop-contents>.grid-list").hide();
6863            $($(this).attr("href")).show();
6864            $(".view>a").removeClass("text-danger");
6865             $(this).addClass("text-danger");
6866
6867            return false;
6868        });
6869
6870        if ($(window).width() > 991) {
6871            if ($('.best_sellers>.recommendSlider').length) {
6872            $('.best_sellers>.recommendSlider').bxSlider({
6873               mode: 'vertical',
6874               auto: true,
6875               autoHover: true,
6876               pause: 5000,
6877               pager: true,
6878               controls: false,
6879               minSlides: 3,
6880               maxSlides: 6,
6881            });
6882            }
6883        }
6884    });
6885    $(function() {
6886        $('.lazy, img').Lazy({
6887            placeholder: "https://www.chuliu.com.tw/res/images/loadimg.svg"
6888        });
6889    }); 
6890    </script>
6890
6891     
6891<script type="text/javascript">
6892        // 商品搜尋功能
6893        $(function(){
6894            $('#catlogsSearchBtn').on('click', function(){
6895                var keyword = $('#catlogsSearchInput').val().trim();
6896                if(keyword.length === 0){
6897                    $('#catlogsSearchInput').focus();
6898                    return;
6899                }
6900                // 導向搜尋頁面,將關鍵字進行 encodeURIComponent 處理
6901                var searchUrl = baseUrl + '/product/search/' + encodeURIComponent(keyword)+'?cl='+slug;
6902                window.location.href = searchUrl;
6903            });
6904            // 支援按下 Enter 鍵直接搜尋
6905            $('#catlogsSearchInput').on('keypress', function(e){
6906                if(e.which === 13){
6907                    $('#catlogsSearchBtn').click();
6908                }
6909            });
6910        });
6911    </script>
6911
6912    <!-- ig貼文 -->
6913  </body> 
6914</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.