PageSourceSearch

https://beibu.com.tw/sitemap.php

html beibu.com.tw collected 2026-10-08 23:17:20 UTC 51,832 bytes, 1,515 lines download raw bytes

1<!doctype html>
2<html >
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>春嬌粄條-北埔劉家小館--網站導覽</title>
6<meta http-equiv="Content-Language" content="zh-tw" />
7<link rel="preconnect" href="https://plus.webdo.com.tw" crossorigin>
8<link rel="dns-prefetch" href="https://plus.webdo.com.tw">
9<meta name="author" content="春嬌粄條" >
10<meta name="description" content="春嬌是我媽媽的名字,她煮的粄條很好吃。 純在來米磨漿炊煮而成的粄條,淋上細火慢 燉的滷肉燥,加上一匙香蔥油,就是一碗風 味絕佳的客家傳統美食。感謝大家二十多年 來的支持與喜愛,原劉家小館的超人氣美食 「乾拌粄條」現在開始推出真空包裝及宅配 服務,送禮自用兩相宜。無論你作客北埔將 它帶回與親朋好友分享,或在台灣的任何一 個地方,想吃粄條的時候,只要上網訂購, 美味的 「春嬌粄條」 隨時可以做客你家。" >
11<meta name="keywords" content="粄條,春嬌粄條,北埔門市" >
12<meta property="og:title" content="春嬌粄條-北埔劉家小館"/>
13<meta property="og:type" content="website"/>
14<meta property="og:url" content="http://beibu.com.tw/sitemap.php"/>
15<meta property="og:description" content="春嬌是我媽媽的名字,她煮的粄條很好吃。 純在來米磨漿炊煮而成的粄條,淋上細火慢 燉的滷肉燥,加上一匙香蔥油,就是一碗風 味絕佳的客家傳統美食。感謝大家二十多年 來的支持與喜愛,原劉家小館的超人氣美食 「乾拌粄條」現在開始推出真空包裝及宅配 服務,送禮自用兩相宜。無論你作客北埔將 它帶回與親朋好友分享,或在台灣的任何一 個地方,想吃粄條的時候,只要上網訂購, 美味的 「春嬌粄條」 隨時可以做客你家。"/>
16<meta property="og:site_name" content="春嬌粄條"/>
17<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3, user-scalable=yes"><meta name="baidu-site-verification" content="4fmdyUA2Dx" />
18<meta name="robots" content="NOODP">
19<meta name="googlebot" content="NOODP">
20
21<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
22<!-- 以下是css -->
23<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css">
24
25
26
27
28
29<!--<link rel="stylesheet" type="text/css" href="gzip_css.php?v=20130318" media="screen" />-->
30
31
32   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
33
34<link href="https://plus.webdo.com.tw/css/banner_pic.css" rel="stylesheet" type="text/css" />
35<link href="https://plus.webdo.com.tw/css/calendar.css" rel="stylesheet" type="text/css" />
36
37
38<link href="https://plus.webdo.com.tw/css/reset.css" rel="stylesheet" type="text/css" /><!-- reset CSS -->
39   <link href="https://plus.webdo.com.tw/css/styles.css" rel="stylesheet" type="text/css" />
40<link href="https://plus.webdo.com.tw/css/skitter.styles.css" rel="stylesheet" type="text/css" />
41<link href="https://plus.webdo.com.tw/css/slideshow.css" rel="stylesheet" type="text/css" />
42
43
44<link href="https://plus.webdo.com.tw/css/ad_float.css" rel="stylesheet" type="text/css" />
45
46
47
48
49
50
51
52
53
54<link href="https://plus.webdo.com.tw/css/impromptu.css" rel="stylesheet" type="text/css" />
55<link href="https://plus.webdo.com.tw/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
56<link href="https://plus.webdo.com.tw/css/jquery.qtip.min.css" rel="stylesheet" type="text/css" />
57<link href="https://plus.webdo.com.tw/css/slideshow_buttontitle.css" rel="stylesheet" type="text/css" />
58
59<link href="https://plus.webdo.com.tw/css/venobox.min.css" rel="stylesheet" type="text/css" />
60
61
62   <link href="https://plus.webdo.com.tw/css/colorbox.css" rel="stylesheet" type="text/css" />  <!-- div 跳出表單 -->
63
64<link href="https://plus.webdo.com.tw/css/flexslider.css" rel="stylesheet" type="text/css" />  <!-- 主圖輪播 左右平移 -->
65
66
67
68   <link href="https://plus.webdo.com.tw/css/slider-pro.css" rel="stylesheet" type="text/css" />  <!-- 大漢的主圖輪播 -->
69
70
71<!-- <link href="https://plus.webdo.com.tw/css/product_menu.css" rel="stylesheet" type="text/css">--><!-- 右側浮動購物車選單  -->
72
73<link href="https://plus.webdo.com.tw/css/slide_right2.css" rel="stylesheet" type="text/css"><!-- 右側浮動購物車選單 新版 -->
74
75
76
77
78         <link href="layoutp.css" rel="stylesheet" type="text/css" />  <!-- 系統樣板CSS -->
79   
80
81
82         <link href="https://plus.webdo.com.tw/webdox_style/style_1000/style_1000p.css" rel="stylesheet" type="text/css" />  <!-- 系統樣式風格CSS -->
83   
84   
85
86   <!--<link href="https://plus.webdo.com.tw/webdox_style/style_1000/colorbox.css" rel="stylesheet" type="text/css" />-->
86  <!--燈箱CSS 樣板裡 -->
87
88   
89
90
91
92
93
94
95
96<link href="https://plus.webdo.com.tw/webdox_style/style_1000/iframe.css" rel="stylesheet" type="text/css" />  <!--燈箱iframe 樣板裡 -->
97
98
99
100
101  <link href="https://plus.webdo.com.tw/css/owl-carousel.css" rel="stylesheet" type="text/css" />  <!-- 貓頭鷹CSS -->
102
103
104
105
106
107<!-- 用戶網站背景圖及顏色設定 -->
108<style>
109         body{background-attachment: scroll; }
110                              body{background-attachment: scroll; }
111                     
112
113
114
115
116
117
118/* 用戶主圖高度設定 */
119
120    
121    
122
123
124
125
126
127</style>
128
129
130
131
132
133
134<!--[if lt IE 9]>
135  <link href="selectivizr-ie8.css" rel="stylesheet" type="text/css">
136  
136<script type="text/javascript" src="https://plus.webdo.com.tw/js/selectivizr.js"></script>
136
137
138  
138<script src="respond.min.js"></script>
138
139  <link href="https://plus.webdo.com.tw/webdox_style/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
140  <link href="respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
141  
141<script src="respond.proxy.js"></script>
141
142
143  
143<script src="https://plus.webdo.com.tw/js/html5shiv.js"></script>
143
144<![endif]-->
145
146
147<style>
148#wrap_c{
149   clear:both;
150}
151</style>
152
153<!-- 以下是程式需要的js -->
154<script   src="date_time/My97DatePicker/WdatePicker.js" async></script>
154 <!-- 日期選擇 -->
155
156
157<script src="https://plus.webdo.com.tw/js/jquery-1.11.0.min.js" type="text/javascript" ></script>
157
158
159
160
161
162<!--
162<script  src="gzip_js.php?v=20130921" type="text/javascript" ></script>
162-->
163
164
165<!--
165<script src="https://plus.webdo.com.tw/manager_admin/js/FancyZoom.js" type="text/javascript" ></script>
165-->
166<!--
166<script src="https://plus.webdo.com.tw/manager_admin/js/FancyZoomHTML.js" type="text/javascript" ></script>
166-->
167
168<script src="https://plus.webdo.com.tw/js/jquery.tools.min.js" type="text/javascript" ></script>
168  <!-- 滑動套件 -->
169<script src="https://plus.webdo.com.tw/manager_admin/js/copy_url.js" type="text/javascript" async></script>
169  <!-- copy 網址 -->
170<script src="https://plus.webdo.com.tw/manager_admin/js/jquery.media.js" type="text/javascript" async></script>
170  <!-- 裝飾提示訊息 -->
171<script src="https://plus.webdo.com.tw/manager_admin/js/ymPrompt.js" type="text/javascript" async></script>
vendor: 1 bytes, line 171
171
172<script src="https://plus.webdo.com.tw/js/page_amount.js" type="text/javascript" async></script>
vendor: 1 bytes, line 172
172
173<script src="https://plus.webdo.com.tw/js/show_son_menu.js" type="text/javascript" async></script>
vendor: 1 bytes, line 173
173
174<script src="https://plus.webdo.com.tw/js/swfobject.js" type="text/javascript" async></script>
vendor: 1 bytes, line 174
174
175<script src="https://plus.webdo.com.tw/js/ad.js" type="text/javascript" async></script>
175   <!-- 首頁廣告輪播 -->
176<script src="https://plus.webdo.com.tw/js/figureimg.js" type="text/javascript" async></script>
176  <!-- 首頁形象圖片 -->
177<script src="https://plus.webdo.com.tw/js/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript" async></script>
177  <!-- 提示框 -->
178<script src="https://plus.webdo.com.tw/js/jquery.corner.js" type="text/javascript" ></script>
178  <!-- 圓角 -->
179<script src="https://plus.webdo.com.tw/js/thickbox.js" type="text/javascript" async></script>
179  <!-- 頁面壓黑小視窗 -->
180<script src="https://plus.webdo.com.tw/js/banner_pic.js" type="text/javascript" async></script>
180   <!-- 主圖輪播js(淡入淡出) -->
181<script src="https://plus.webdo.com.tw/js/thumbs.js" type="text/javascript" async></script>
181  <!-- 縮圖js -->
182<script src="https://plus.webdo.com.tw/js/jquery-impromptu.4.0.min.js" type="text/javascript" async></script>
182   <!-- div提示頁面 -->
183<script src="https://plus.webdo.com.tw/js/side_car.js" type="text/javascript" async></script>
183  <!-- 滑動購物選單 -->
184<script src="https://plus.webdo.com.tw/js/grayscale.js" type="text/javascript" ></script>
184  <!-- 滑動購物選單(新版的) -->
185
186<script src="https://plus.webdo.com.tw/js/jyoutube.js" type="text/javascript" async></script>
186  <!-- Youtubejs -->
187
188<script src="https://plus.webdo.com.tw/js/menu.js" type="text/javascript" ></script>
vendor: 1 bytes, line 188
188
189<script src="https://plus.webdo.com.tw/js/jq_cookie.js" type="text/javascript" ></script>
189   <!-- 寫入cookie套件 -->
190<script src="https://plus.webdo.com.tw/js/jquery.lightbox-0.5.js" type="text/javascript" ></script>
vendor: 1 bytes, line 190
190
191<script src="https://plus.webdo.com.tw/js/jquery.jcarousel.min_v.js" type="text/javascript" ></script>
vendor: 1 bytes, line 191
191
192<script src="https://plus.webdo.com.tw/js/slideshow_buttontitle.js" type="text/javascript" async></script>
vendor: 1 bytes, line 192
192
193<script src="https://plus.webdo.com.tw/js/jquery.colorbox-min.js" type="text/javascript" ></script>
vendor: 1 bytes, line 193
193
194<script src="https://plus.webdo.com.tw/js/venobox.min.js" type="text/javascript" ></script>
194
195
196<script src="https://plus.webdo.com.tw/js/jquery.loupe.min.js" type="text/javascript" async></script>
vendor: 1 bytes, line 196
196
197<script src="https://plus.webdo.com.tw/js/vtip-min.js" type="text/javascript" async></script>
197   <!-- 提示框 -->
198<script src="https://plus.webdo.com.tw/js/jquery.timers-1.1.2.js" type="text/javascript" async></script>
198    <!-- 倒數計時 -->
199
200<script src="https://plus.webdo.com.tw/js/youtube_rwd.js" type="text/javascript" async></script>
200  <!-- youtube影片RWD -->
201
202   
202<script src="https://plus.webdo.com.tw/js/cloud-zoom.1.0.2.js" type="text/javascript" ></script>
202  <!-- 放大鏡(新版) -->
203
204
205
206
207
208
209
210<script  type="text/javascript" src="https://plus.webdo.com.tw/js/jquery.aniview.js" async></script>
210 <!--  滾動動畫 -->
211
212
213
214
215
216   
216<script src="https://plus.webdo.com.tw/js/jquery.sliderPro.js" type="text/javascript" ></script>
216   <!--滿版的主圖輪播-->
217   
217<script  src="https://plus.webdo.com.tw/js/sliderPro_add_title.js" type="text/javascript" ></script>
217   <!--滿版的主圖輪播加title文字-->
218
219
220<script  src="https://plus.webdo.com.tw/manager_admin/js/jquery.tipsy.js" type="text/javascript" async></script>
220   <!--jq提示框-->
221
222
223
224<script  src="https://plus.webdo.com.tw/js/supersized.2.0.js" type="text/javascript" async></script>
224  <!--jq滿版背景圖-->
225
226<script  src="https://plus.webdo.com.tw/js/jquery.easing.1.3.js" type="text/javascript" ></script>
226<!--主圖輪播js(各式過場效果)-->
227<script  src="https://plus.webdo.com.tw/js/jquery.animate-colors-min.js" type="text/javascript" async></script>
227<!--主圖輪播js(各式過場效果)-->
228<script  src="https://plus.webdo.com.tw/js/jquery.skitter.min.js" type="text/javascript" async></script>
228<!--主圖輪播js(各式過場效果)-->
229<script  src="https://plus.webdo.com.tw/js/highlight.js" type="text/javascript" async></script>
229<!--主圖輪播js(各式過場效果)-->
230
231
232<script  src="https://plus.webdo.com.tw/js/jquery.slideshow.lite.js" type="text/javascript" async></script>
232<!--主圖輪播js(呈現預覽小圖)-->
233
234<script  src="https://plus.webdo.com.tw/js/jquery.flexslider.js" type="text/javascript" async></script>
234<!--主圖輪播js(左右平移)-->
235
236         
236<script  src="https://plus.webdo.com.tw/js/right_float_top.js" type="text/javascript" async></script>
236<!--右邊下面top按鈕-->
237   
238
239
240   
240<script  src="https://plus.webdo.com.tw/webdox_style/style_1000/template.js" type="text/javascript" async></script>
240  <!-- 系統樣式js-->
241
242
243<script  src="https://plus.webdo.com.tw/js/ad_float.js" type="text/javascript" async></script>
243<!--右側浮動廣告js-->
244
245
246
247
248
249
250
251<script>
252/****************
253  出現會員公告黑幕
254****************/
255
256
257
258    var PosX = (screen.width )/2 -400;
259    var PosY = (screen.height )/2 -300 -50;
260
261
262    var PosX2 = (screen.width )/2 -400 ;
263    var PosY2 = (screen.height )/2 -300 -50;
264
265
266    function show_member_black()
267    {
268
269          $("body").append("<a class='inline' href=\"#member_publish_content\"></a>");
270          $(".inline").colorbox({inline:true, width:"50%"});
271          $(".inline").click();
272
273//        document.getElementById("xie").style.display = "";
274//        document.getElementById("content1").style.display = "";
275//        document.getElementById("content1").style.top = PosY+"px";
276//        document.getElementById("content1").style.left = PosX+"px";
277//        document.getElementById("close_img").style.top= PosY2+"px";
278//        document.getElementById("close_img").style.left= PosX2+"px";
279
280    }
281
282
283    function hide_member_black(s_now_url)
284    {
285
286        document.getElementById("xie").style.display = "none";
287        document.getElementById("content1").style.display = "none";
288        document.getElementById("close_img").style.top = "-100px";
289        document.getElementById("close_img").style.left = "-100px";
290
291        if(s_now_url != "")
292           location.href=s_now_url;
293        else
294           location.href="index.php";
295    }
296
297
298
299
300</script>
300
301
302<script type="text/javascript">
303    $(function() {
304
305        var venobox_obj = $('.venobox').venobox();
306
307        $('.venobox_custom1').venobox({
308            framewidth : '500px',                            // default: ''
309            frameheight: '300px',                            // default: ''
310            border     : '0',                             // default: '0'
311            bgcolor    : '',                          // default: '#fff'
312            titleattr  : 'data-title',                       // default: 'title'
313            numeratio  : true,                               // default: false
314            infinigall : true,                               // default: false
315            share      : ['facebook', 'twitter', 'download'] // default: []
316        });
317
318        
319
320
321
322
323
324        $('#gallery a').lightBox();
325
326        $('.gallery p a').lightBox();
327        $('.gallery a').lightBox();
328
329
330
331
332
333
334        
335        $(window).resize(function(){
336
337            var sp_image_count=0;
338            sp_image_count=$(".sp-image").size();
339
340            if(sp_image_count > 0)
341            {
342
343                $(".sp-mask").css("height",$(".sp-image").height());
344            }
345        });
346
347
348
349
350
351    });
352    </script>
352
353
354<!--
354<script type="text/javascript" src="https://plus.webdo.com.tw/manager_admin/js/jquery.jcarousel.min.js"></script>
354-->
355
356
357<script type="text/javascript">
358
359jQuery(document).ready(function() {
360    jQuery('#mycarouselv').jcarouselv({
361        vertical: true,
362        scroll: 2
363    });
364});
365
366</script>
366
367
368
369<!--
369<script src="https://plus.webdo.com.tw/js/PNG_IE6-min.js" type="text/javascript"></script>
vendor: 1 bytes, line 369
369
370<script type="text/javascript">
371  DD_belatedPNG.fix('*');
372</script>
372
373-->
374
375<script>
376// 照片放大js是程式預設的功能
377function all_start()
378{
379//    setupZoom();        // 啟動照片放大js
380    //ScrollBluezz();
381}
382
383//window.onload=all_start;
384
385
386function openwindow(url,name,iWidth,iHeight)
387{
388  var url;     //網頁位置;
389  var name;    //網頁名稱;
390  var iWidth;  //視窗的寬度;
391  var iHeight; //視窗的高度;
392  var iTop = (window.screen.availHeight-30-iHeight)/2;  //視窗的垂直位置;
393  var iLeft = (window.screen.availWidth-10-iWidth)/2;   //視窗的水平位置;
394  window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',status=no,location=no,status=no,menubar=no,toolbar=no,resizable=no,scrollbars=yes');
395}
396
397
398
399// 加入我的最愛
400// function addBookmarkForBrowser(webname,url) {
401//     if (document.all){
402//         window.external.AddFavorite(url, webname);
403//     } else {
404//         window.sidebar.addPanel(webname, url, "");
405//     }
406// }
407
408function addBookmarkForBrowser(sTitle, sUrl)
409{
410
411    if (window.sidebar && window.sidebar.addPanel) {
412        addBookmarkForBrowser = function(sTitle, sUrl) {
413            window.sidebar.addPanel(sTitle, sUrl, "");
414        }
415    } else if (window.external) {
416        addBookmarkForBrowser = function(sTitle, sUrl) {
417            window.external.AddFavorite(sUrl, sTitle);
418        }
419    } else {
420        addBookmarkForBrowser = function() {
421            alert("do it yourself");
422        }
423    }
424
425    return addBookmarkForBrowser(sTitle, sUrl);
426}
427
428
429
430</script>
430
431
432
433
434
435
436<script>
437$(function(){
438	// 先取得 div#abgne_marquee ul
439	// 接著把 ul 中的 li 項目再重覆加入 ul 中(等於有兩組內容)
440	// 再來取得 div#abgne_marquee 的高來決定每次跑馬燈移動的距離
441	// 設定跑馬燈移動的速度及輪播的速度
442
443	if(document.getElementById("abgne_marquee"))
444	{
445
446	var $marqueeUl = $('div#abgne_marquee ul'),
447		$marqueeli = $marqueeUl.append($marqueeUl.html()).children(),
448		_height = $('div#abgne_marquee').height() * -1,
449		scrollSpeed = 600,
450		timer,
451		speed = 5000 + scrollSpeed;
452
453	// 幫左邊 $marqueeli 加上 hover 事件
454	// 當滑鼠移入時停止計時器;反之則啟動
455	$marqueeli.hover(function(){
456		clearTimeout(timer);
457	}, function(){
458		timer = setTimeout(showad, speed);
459	});
460
461	// 控制跑馬燈移動的處理函式
462	function showad(){
463		var _now = $marqueeUl.position().top / _height;
464		_now = (_now + 1) % $marqueeli.length;
465
466		// $marqueeUl 移動
467		$marqueeUl.animate({
468			top: _now * _height
469		}, scrollSpeed, function(){
470			// 如果已經移動到第二組時...則馬上把 top 設 0 來回到第一組
471			// 藉此產生不間斷的輪播
472			if(_now == $marqueeli.length / 2){
473				$marqueeUl.css('top', 0);
474			}
475		});
476
477		// 再啟動計時器
478		timer = setTimeout(showad, speed);
479	}
480
481	// 啟動計時器
482	timer = setTimeout(showad, speed);
483
484	$('a').focus(function(){
485		this.blur();
486	});
487
488	}
489
490});
491</script>
491
492
493<script>
494// 首頁生活花絮  影片的縮圖
495$(function(){
496
497 setTimeout(function(){
498    if(document.getElementById("hidden_youtubeurl_id_index"))
499    {
500       var a=document.getElementById("hidden_youtubeurl_id_index").value;
501
502       if(a != "")
503       {
504          var id_arr=new Array();
505          id_arr=a.split(",");
506
507          for(var i=0;i<id_arr.length;i++)
508          {
509             var youtube_url=document.getElementById("youtubeurl_index_"+id_arr[i]).value;
510
511             $("<img />").attr("src", $.jYoutube(youtube_url, "big")).appendTo("#youtubeimg_index_"+id_arr[i]);
512          }
513       }
514    }
515 },800);
516
517});
518
519</script>
519
520
521
522
523
524
525
526<script>
527// 網頁載入中 div
528function initPage()
529{
530    var objLoading = document.getElementById("LoadingBar");
531    if (objLoading != null)
532    {
533        objLoading.style.display = "none";
534    }
535}
536
537
538jQuery(document).ready(function(){
539
540  
541	initPage();
542});
543</script>
543
544
545</head>
546<body>
547
548<!--###自行運用區塊###-->
549
550<!--###自動翻譯區塊###-->
551
552<div id="navbar_top">
553 <a id="rwd_nav" href="#m_nav"></a>
554</div>
555<div id="wrap">
556<header>
557<div id="topnav_wrap">
558<div id="topnav_c">
559
560<a class="search_icon inline cboxElement" href="#search"></a>
561<div style='display:none'>
562
563<!--###商品搜尋區塊###-->
564<script>
565function product_search_check()
566{
567   if(document.F600.search_word.value=="")
568   {
569      alert("請輸入商品關鍵字搜尋");
570      return false;
571   }
572
573   return true;
574}
575</script>
575
576<div id="search">
577<form name="F600" method="post" action="portal_c1_cnt.php?owner_num=c1_444066&button_num=c1" onsubmit="return product_search_check();">
578  <input name="search_word" type="text" id="search_word" class="search_in" value="">
579  <input type="submit" name="button" id="button" value="Search" class="search_b">
580  <input name="search_field" type="hidden" value="all_field">
581  
582</form>
583</div>
584</div>
585<!--###導覽列區塊###-->
586<div id="topnav">
587
588<!--|-->
589              <a href="index.php"><span style="">首頁</span> </a><!--|-->
590                        <a href="sitemap.php"><span style="">網站導覽</span> </a><!--|-->
591                        <a href="javascript:addBookmarkForBrowser('春嬌粄條','http%3A%2F%2Fbeibu.com.tw%2Fsitemap.php');"><span style="">加入最愛</span> </a><!--|-->
592                <a href="ajax_product_browse_log.php?userid=beibu" class="iframe5">瀏覽紀錄 </a>
593   
594
595
596
597
598</div>
599
600<!--###會員登入區塊###-->
601
602</div>
603</div>
604
605<div id="page_top">
606
607<!--###logo區塊###-->
608<div id="logo">
609   <h1><a href="index.php"><img src="https://plus.webdo.com.tw/manager_admin/newwebdo_upfile/928/14793769281.jpg"  alt="春嬌粄條" title="春嬌粄條" align="absmiddle"/></a></h1></div>
610
611<div id="m_nav">
612<!--###主選單區塊_new###-->
613<script>
614function c1_menu2_change(obj,img_str)
615{
616
617    $(obj).attr("src",img_str);
618
619}
620
621</script>
621
622
623
624   <div id="menu">
625    <ul class="menu">
626<li ><a href="portal_a1.php?owner_num=a1_444064&button_num=a1" data-href=""  class="parent" ><span>關於我們</span></a>
627
628                <div>
629          <ul>
630
631        
632            <li><a href="portal_a1.php?owner_num=a1_444064&button_num=a1" ><span>公司簡介</span></a></li>
633            
634            <li><a href="portal_a1.php?owner_num=a1_444063&button_num=a1" ><span>願景與理念</span></a></li>
635            
636            <li><a href="portal_a1.php?owner_num=a1_444062&button_num=a1" ><span>服務項目</span></a></li>
637                        </ul>
638           </div>
639                </li>
640
641        <li ><a href="portal_b1.php?owner_num=b1_444065&button_num=b1" data-href=""  class="parent" ><span>最新消息</span></a>
642
643                </li>
644
645        <li ><a href="portal_c1_cnt.php?owner_num=c1_444066&button_num=c1&folder_id=" data-href=""  class="parent" ><span>商品介紹</span></a>
646
647                </li>
648
649        <li ><a href="portal_c4_cnt.php?owner_num=c4_444068&button_num=c4&folder_id=" data-href=""  class="parent" ><span>活動花絮</span></a>
650
651                </li>
652
653        <li ><a href="portal_d3.php?owner_num=d3_444070&button_num=d3" data-href=""  class="parent" ><span>客戶服務</span></a>
654
655                <div>
656          <ul>
657
658        
659            <li><a href="portal_d3.php?owner_num=d3_444070&button_num=d3" ><span>FAQ</span></a></li>
660            
661            <li><a href="portal_b7.php?owner_num=b7_444069&button_num=b7" ><span>下載區</span></a></li>
662                        </ul>
663           </div>
664                </li>
665
666        <li ><a href="portal_d6.php?owner_num=d6_444071&button_num=d6" data-href=""  class="parent" ><span>留言板</span></a>
667
668                </li>
669
670        <li ><a href="portal_d15.php?owner_num=d15_444072&button_num=d15" data-href=""  class="parent" ><span>好站連結</span></a>
671
672                </li>
673
674        <li ><a href="portal_d2.php?owner_num=d2_444073&button_num=d2" data-href=""  class="parent" ><span>聯絡我們</span></a>
675
676                </li>
677
678        	</ul>
679</div>
680
681   
682
683
684
685
686
687
688<a href="javascript:$.pageslide.close()" class="bars_close"></a>
689</div>
690
691</div>
692</header>
693<!--###主圖區塊###-->
694<div id="banner">
695   <img src="https://plus.webdo.com.tw/manager_admin/newwebdo_upfile/71/16222934471.jpeg">
696</div>
697
698<div id="wrap_c">
699<!--###路徑區塊###-->
700<div class="breadCrumb"><a href="index.php" tabindex="101" title="首頁" class="breadCrumb_no">首頁</a><a href="sitemap.php" tabindex="101" title="網站導覽" >網站導覽</a></div>
701<!--###快訊文字區塊###-->
702<div id="abgne_marquee">
703            <ul>
704                   <li><a href="#"  ><span style=" ;color:#f00  ;font-size:20px ">電話訂購商品請撥打0965609777</span></a></li>
705                   <li><a href="#"  ><span style=" ;color:#9d0a0f  ;font-size:16px ">請至[商品介紹]選購您要購買的產品,50包以上免運</span></a></li>
706                </ul>
707    </div>
708<style>
709
710
711
712</style>
713
714<div  id="page_left_no"  >
715<!--###左側欄區塊###-->
716
717</div>
718
719<div  id="page_right_no"  >
720<!--###右側欄區塊###-->
721
722</div>
723
724<div  id="page_main_3"  >
725<!--###內頁中間內容區塊###-->
726<div class="cC">
727
728       <h2 class="titleA">網站導覽</h2>
729
730<div class="info_content">
731
732       <table width="100%" border="0" align="center" cellpadding="0" cellspacing="2">
733                          <tr>
734               <td width="2%" align="center" >
735                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
736
737               <td width="*%" style="padding:2px" width="10%" align="left" >
738                                    <b>1. 關於我們</b>
739                                 </td>
740             </tr>
741                                     <tr>
742                           <td width="3%" align="center" >&nbsp;</td>
743                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
744                                 1.1                                 <a tabindex="101" href="portal_a1.php?owner_num=a1_444064&button_num=a1"  title="公司簡介">
745                                 公司簡介</a>
746
747                                 
748                           </td>
749                        </tr>
750
751                                                                    <tr>
752                           <td width="3%" align="center" >&nbsp;</td>
753                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
754                                 1.2                                 <a tabindex="101" href="portal_a1.php?owner_num=a1_444063&button_num=a1"  title="願景與理念">
755                                 願景與理念</a>
756
757                                 
758                           </td>
759                        </tr>
760
761                                                                    <tr>
762                           <td width="3%" align="center" >&nbsp;</td>
763                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
764                                 1.3                                 <a tabindex="101" href="portal_a1.php?owner_num=a1_444062&button_num=a1"  title="服務項目">
765                                 服務項目</a>
766
767                                 
768                           </td>
769                        </tr>
770
771                                            
772
773                          <tr>
774               <td width="2%" align="center" >
775                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
776
777               <td width="*%" style="padding:2px" width="10%" align="left" >
778                                    <b>2. 最新消息</b>
779                                 </td>
780             </tr>
781                                     <tr>
782                           <td width="3%" align="center" >&nbsp;</td>
783                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
784                                 2.1                                 <a tabindex="101" href="portal_b1.php?owner_num=b1_444065&button_num=b1"  title="最新消息">
785                                 最新消息</a>
786
787                                 
788                           </td>
789                        </tr>
790
791                                            
792
793                          <tr>
794               <td width="2%" align="center" >
795                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
796
797               <td width="*%" style="padding:2px" width="10%" align="left" >
798                                    <b>3. 商品介紹</b>
799                                 </td>
800             </tr>
801                                     <tr>
802                           <td width="3%" align="center" >&nbsp;</td>
803                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
804                                 3.1                                 <a tabindex="101" href="portal_c1_cnt.php?owner_num=c1_444066&button_num=c1&folder_id="  title="商品介紹">
805                                 商品介紹</a>
806
807                                 
808                           </td>
809                        </tr>
810
811                                            
812
813                          <tr>
814               <td width="2%" align="center" >
815                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
816
817               <td width="*%" style="padding:2px" width="10%" align="left" >
818                                    <b>4. 活動花絮</b>
819                                 </td>
820             </tr>
821                                     <tr>
822                           <td width="3%" align="center" >&nbsp;</td>
823                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
824                                 4.1                                 <a tabindex="101" href="portal_c4_cnt.php?owner_num=c4_444068&button_num=c4&folder_id="  title="活動花絮">
825                                 活動花絮</a>
826
827                                 
828                           </td>
829                        </tr>
830
831                                            
832
833                          <tr>
834               <td width="2%" align="center" >
835                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
836
837               <td width="*%" style="padding:2px" width="10%" align="left" >
838                                    <b>5. 客戶服務</b>
839                                 </td>
840             </tr>
841                                     <tr>
842                           <td width="3%" align="center" >&nbsp;</td>
843                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
844                                 5.1                                 <a tabindex="101" href="portal_d3.php?owner_num=d3_444070&button_num=d3"  title="FAQ">
845                                 FAQ</a>
846
847                                 
848                           </td>
849                        </tr>
850
851                                                                    <tr>
852                           <td width="3%" align="center" >&nbsp;</td>
853                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
854                                 5.2                                 <a tabindex="101" href="portal_b7.php?owner_num=b7_444069&button_num=b7"  title="下載區">
855                                 下載區</a>
856
857                                 
858                           </td>
859                        </tr>
860
861                                            
862
863                          <tr>
864               <td width="2%" align="center" >
865                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
866
867               <td width="*%" style="padding:2px" width="10%" align="left" >
868                                    <b>6. 留言板</b>
869                                 </td>
870             </tr>
871                                     <tr>
872                           <td width="3%" align="center" >&nbsp;</td>
873                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
874                                 6.1                                 <a tabindex="101" href="portal_d6.php?owner_num=d6_444071&button_num=d6"  title="留言板">
875                                 留言板</a>
876
877                                 
878                           </td>
879                        </tr>
880
881                                            
882
883                          <tr>
884               <td width="2%" align="center" >
885                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
886
887               <td width="*%" style="padding:2px" width="10%" align="left" >
888                                    <b>7. 好站連結</b>
889                                 </td>
890             </tr>
891                                     <tr>
892                           <td width="3%" align="center" >&nbsp;</td>
893                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
894                                 7.1                                 <a tabindex="101" href="portal_d15.php?owner_num=d15_444072&button_num=d15"  title="好站連結">
895                                 好站連結</a>
896
897                                 
898                           </td>
899                        </tr>
900
901                                            
902
903                          <tr>
904               <td width="2%" align="center" >
905                  <img src="https://plus.webdo.com.tw/webdox_layout/x_01/images/arrow_00.gif" width="4" height="7" alt="*" /></td>
906
907               <td width="*%" style="padding:2px" width="10%" align="left" >
908                                    <b>8. 聯絡我們</b>
909                                 </td>
910             </tr>
911                                     <tr>
912                           <td width="3%" align="center" >&nbsp;</td>
913                           <td style="padding:2px;padding-left:18px" width="*%" align="left" >
914                                 8.1                                 <a tabindex="101" href="portal_d2.php?owner_num=d2_444073&button_num=d2"  title="聯絡方式">
915                                 聯絡方式</a>
916
917                                 
918                           </td>
919                        </tr>
920
921                                            
922
923                    </table>
924   </div>
925</div>
926</div>
927</div>
928<!--###版權宣告區塊###-->
929<div id="twjp001_time">
930</div>
931<div id="footer">
932
933<div class="counter"><b>今日瀏覽人數:</b>79&nbsp;&nbsp;&nbsp;<b>總瀏覽人數:</b>2102240
934</div>
935
936
937
938
939
940
941<div id="footer_c">
942           <div style="text-align:center">春榮企業社<br />
943<a class="design-by" href="https://www.webdo.com.tw" style=" font:11px/15px '微軟正黑體', Arial; color:#666" target="_blank">Powerd by Webdo</a></div>    </div>
944</div>
945<!-- X:beibu -->
946
947<!--###社群區塊###-->
948
949</div>
950
951<!--###購物車顯示區塊###-->
952<SCRIPT language=JavaScript>
953<!--
954function MM_swapImgRestore() { //v3.0
955var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
956x.src=x.oSrc;
957}
958function MM_preloadImages() { //v3.0
959  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
960  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;i++)
961  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
962  }
963function MM_findObj(n, d) { //v4.0
964  var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length)
965  {
966  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
967  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];
968  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
969  if(!x && document.getElementById) x=document.getElementById(n); return x;
970  }
971function MM_swapImage() { //v3.0
972  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
973  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;x.src=a[i+2];}
974  }
975  //-->
976
977
978  </SCRIPT>
978
979
980
981  
981<script>
982    $(function(){
983      $('#x_btn').click(function(event) {
984         $("#slide_right_wrap").toggleClass("slide_right_wrap_close");
985         $("#x_btn").toggleClass("x_btn_close");
986
987      });
988
989    });
990
991  </script>
991
992
993
994<div id="slide_right">
995    <span id="x_btn"></span>
996    <div id="slide_right_wrap">
997		
998       		 <div class="slide_right1">
999         <dl>
1000            <dt class="s1"><a href="#" target="_blank">購物車</a></dt>
1001            <dd>
1002               <a id="shop_cart_text_a" href="https://plus.webdo.com.tw/shopping_car_new/shopping1.php?userid=beibu&website_language_id=1&login_userid=" target="_blank">購物車</a>
1003            </dd>
1004         </dl>
1005       </div>
1006       <div class="slide_right3">
1007          <dl>
1008             <dt class="s3"><a href="#" class="ajax cboxElement">瀏覽紀錄</a></dt>
1009             <dd>
1010                <a href="ajax_product_browse_log.php?userid=beibu" class="iframe5">瀏覽紀錄</a>
1011             </dd>
1012          </dl>
1013        </div>
1014       <div class="slide_right2">
1015         <dl>
1016           <dt class="s2"></dt>
1017           <dd>
1018             <a href="https://plus.webdo.com.tw/search_order/index.php?userid=beibu&website_language_id=1&login_userid=" class="iframe" target="_blank">查詢訂單</a><br>
1019             <a href="https://plus.webdo.com.tw/shopping_car_new/shopping_payok.php?userid=beibu&website_language_id=1" class="iframe" target="_blank">填寫已付款單</a>
1020           </dd>
1021         </dl>
1022       </div>
1023   
1024             
1024<script>
1025          function member_login_check2()
1026          {
1027
1028             if(document.F3_login.member_userid.value == "")
1029             {
1030                alert("請填寫你的帳號");
1031                return false;
1032             }
1033
1034
1035             if(document.F3_login.member_password.value == "")
1036             {
1037                alert("請填寫你的密碼");
1038                return false;
1039             }
1040             return true;
1041          }
1042          </script>
1042
1043
1044             <div class="slide_right4"> <dl>
1045                <dt class="s4"></dt>
1046                <dd>
1047                <form name="F3_login" method="POST" action="member_login.php?s_now_url=http%3A%2F%2Fbeibu.com.tw%2Fsitemap.php" onsubmit="return member_login_check2();">
1048
1049                   會員登入<br>
1050                   帳號  <input name="member_userid" type="text" size="10" class="input1"><br>
1051                   密碼  <input name="member_password" type="password" size="10" class="input1"><br>
1052                       <input name="b1" type="submit" value="登入" />
1053
1054                       
1055                       <br>
1056                       <b><a href="forget_password.php">忘記密碼?</a>    <a href="member_join.php">註冊</a></b>
1057                </form>
1058                </dd>
1059
1060                </dl>
1061             </div>
1062
1063
1064
1065
1066    
1067
1068
1069
1070</div>
1071</div>
1072
1073
1074
1075<!-- 右側浮動選單 新版樣式(深色 / 淺色):只用 opacity + transform 做展開,不改寬度,避免抖動 -->
1076<script type="text/javascript">
1077// 配色跟著後台設定:後台選白色會載入 slide_right1.css,黑色會載入 slide_right2.css
1078(function() {
1079  var box = document.getElementById("slide_right");
1080  if (!box) return;
1081  var links = document.getElementsByTagName("link");
1082  for (var i = 0; i < links.length; i++) {
1083    if (/slide_right1\.css/.test(links[i].href || "")) { box.className += " sr-light"; break; }
1084  }
1085})();
1086</script>
1086
1087<style type="text/css">
1088@font-face {
1089  font-family: 'SR-FA4';
1090  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
1091       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff') format('woff');
1092  font-weight: normal;
1093  font-style: normal;
1094  font-display: block;
1095}
1096
1097/* 深色(預設) */
1098#slide_right {
1099  --sr-bg: #3a3a3a;
1100  --sr-bg-hover: #222;
1101  --sr-line: rgba(255,255,255,.12);
1102  --sr-icon: #fff;
1103  --sr-panel: #222;
1104  --sr-panel-text: #eee;
1105  --sr-panel-sub: #aaa;
1106  --sr-panel-line: rgba(255,255,255,.12);
1107  --sr-input-bg: #1f1f1f;
1108  --sr-input-line: #555;
1109  --sr-btn: #eee;
1110  --sr-btn-text: #222;
1111  --sr-shadow: 0 6px 20px rgba(0,0,0,.28);
1112}
1113/* 淺色 */
1114#slide_right.sr-light {
1115  --sr-bg: #fff;
1116  --sr-bg-hover: #f5f5f5;
1117  --sr-line: #e5e5e5;
1118  --sr-icon: #444;
1119  --sr-panel: #f5f5f5;
1120  --sr-panel-text: #333;
1121  --sr-panel-sub: #888;
1122  --sr-panel-line: #eee;
1123  --sr-input-bg: #fff;
1124  --sr-input-line: #ccc;
1125  --sr-btn: #333;
1126  --sr-btn-text: #fff;
1127  --sr-shadow: 0 6px 20px rgba(0,0,0,.12);
1128}
1129
1130#slide_right .slide_right1,
1131#slide_right .slide_right2,
1132#slide_right .slide_right3,
1133#slide_right .slide_right4 {
1134  position: relative !important;
1135  top: auto !important;
1136  right: auto !important;
1137  left: auto !important;
1138  float: none !important;
1139  width: 48px !important;
1140  height: 48px !important;
1141  padding: 0 !important;
1142  margin: 0 !important;
1143  overflow: visible !important;
1144  background: var(--sr-bg) !important;
1145  border: 0 !important;
1146  border-bottom: 1px solid var(--sr-line) !important;
1147  box-sizing: border-box !important;
1148  transition: background-color .2s ease !important;
1149}
1150/* 這個系統多一層 #slide_right_wrap(配合 #x_btn 收合),按鈕改成在 wrap 裡由上往下排 */
1151#slide_right #slide_right_wrap:not(.slide_right_wrap_close) {
1152  display: flex;
1153  flex-direction: column;
1154  align-items: flex-end;
1155  overflow: visible !important;
1156}
1157#slide_right .slide_right1 { order: 1; }
1158#slide_right .slide_right2 { order: 2; }
1159#slide_right .slide_right3 { order: 3; }
1160#slide_right .slide_right4 { order: 4; }
1161/* 圓角依「實際第一顆 / 最後一顆」:有些網站沒有會員或購物車,由 JS 加上 sr-first / sr-last */
1162#slide_right .sr-first { border-top-left-radius: 6px !important; }
1163#slide_right .sr-last { border-bottom-left-radius: 6px !important; border-bottom: 0 !important; }
1164#slide_right #slide_right_wrap .fixed_right { order: 9; }
1165
1166/* 清掉舊樣式留下的邊框(例如 border-left: 1px solid #ddd) */
1167html body div#slide_right,
1168html body div#slide_right #slide_right_wrap,
1169html body div#slide_right dl,
1170html body div#slide_right dt {
1171  border: 0 !important;
1172  background-color: transparent;
1173  box-shadow: none !important;
1174}
1175
1176/* 手機 / 平板也強制顯示(各版型若用 display:none 隱藏,這裡用較高權重蓋過) */
1177html body div#slide_right { display: block !important; visibility: visible !important; opacity: 1 !important; }
1178@media (max-width: 1024px) {
1179  html body div#slide_right {
1180    position: fixed !important;
1181    top: 50% !important;
1182    bottom: auto !important;
1183    right: 0 !important;
1184    left: auto !important;
1185    width: auto !important;
1186    height: auto !important;
1187    margin: 0 !important;
1188    transform: translateY(-50%) !important;
1189    z-index: 99990 !important;
1190  }
1191  html body div#slide_right #slide_right_wrap:not(.slide_right_wrap_close) { display: flex !important; visibility: visible !important; }
1192  html body div#slide_right .slide_right1,
1193  html body div#slide_right .slide_right2,
1194  html body div#slide_right .slide_right3,
1195  html body div#slide_right .slide_right4 { display: block !important; visibility: visible !important; }
1196}
1197#slide_right.sr-light .slide_right1,
1198#slide_right.sr-light .slide_right2,
1199#slide_right.sr-light .slide_right3,
1200#slide_right.sr-light .slide_right4 { border-left: 1px solid var(--sr-line) !important; }
1201
1202/* 展開狀態:電腦用 hover,手機用點擊(JS 加 sr-open) */
1203#slide_right .sr-open { background: var(--sr-bg-hover) !important; border-radius: 0 !important; }
1204@media (hover: hover) {
1205  #slide_right .slide_right1:hover,
1206  #slide_right .slide_right2:hover,
1207  #slide_right .slide_right3:hover,
1208  #slide_right .slide_right4:hover { background: var(--sr-bg-hover) !important; border-radius: 0 !important; }
1209}
1210
1211#slide_right .slide_right1 dl,
1212#slide_right .slide_right2 dl,
1213#slide_right .slide_right3 dl,
1214#slide_right .slide_right4 dl {
1215  position: static !important;
1216  width: 100% !important;
1217  height: 100% !important;
1218  margin: 0 !important;
1219  padding: 0 !important;
1220}
1221
1222/* 圖示按鈕 */
1223#slide_right .slide_right1 dt,
1224#slide_right .slide_right2 dt,
1225#slide_right .slide_right3 dt,
1226#slide_right .slide_right4 dt {
1227  position: absolute !important;
1228  top: 0 !important;
1229  left: 0 !important;
1230  width: 100% !important;
1231  height: 100% !important;
1232  margin: 0 !important;
1233  padding: 0 !important;
1234  background: none !important;
1235  font-size: 0 !important;
1236  line-height: 0 !important;
1237  display: flex !important;
1238  align-items: center;
1239  justify-content: center;
1240  cursor: pointer;
1241}
1242#slide_right dt:before {
1243  font-family: 'SR-FA4' !important;
1244  font-size: 20px;
1245  line-height: 1;
1246  color: var(--sr-icon);
1247  -webkit-font-smoothing: antialiased;
1248  -moz-osx-font-smoothing: grayscale;
1249}
1250#slide_right .slide_right1 dt:before { content: "\f07a"; } /* shopping-cart */
1251#slide_right .slide_right2 dt:before { content: "\f0f6"; } /* file-text-o */
1252#slide_right .slide_right3 dt:before { content: "\f1da"; } /* history */
1253#slide_right .slide_right4 dt:before { content: "\f007"; } /* user */
1254#slide_right dt a {
1255  position: absolute !important;
1256  top: 0; left: 0; right: 0; bottom: 0;
1257  font-size: 0 !important;
1258  background: none !important;
1259}
1260
1261/* 展開面板:往左滑出 */
1262#slide_right .slide_right1 dd,
1263#slide_right .slide_right2 dd,
1264#slide_right .slide_right3 dd,
1265#slide_right .slide_right4 dd {
1266  display: block !important;
1267  position: absolute !important;
1268  top: 0 !important;
1269  right: 100% !important;
1270  left: auto !important;
1271  width: auto !important;
1272  height: auto !important;
1273  min-width: 130px;
1274  min-height: 48px;
1275  margin: 0 !important;
1276  padding: 7px 16px !important;
1277  background: var(--sr-panel) !important;
1278  border: 0 !important;
1279  color: var(--sr-panel-text) !important;
1280  font-size: 14px !important;
1281  line-height: 1.6 !important;
1282  text-align: left !important;
1283  white-space: nowrap;
1284  border-radius: 6px 0 0 6px;
1285  box-shadow: var(--sr-shadow);
1286  box-sizing: border-box;
1287  opacity: 0;
1288  visibility: hidden;
1289  transform: translateX(8px);
1290  pointer-events: none;
1291  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
1292}
1293#slide_right .sr-open dd {
1294  opacity: 1;
1295  visibility: visible;
1296  transform: translateX(0);
1297  pointer-events: auto;
1298  transition: opacity .18s ease, transform .18s ease, visibility 0s;
1299}
1300@media (hover: hover) {
1301#slide_right .slide_right1:hover dd,
1302#slide_right .slide_right2:hover dd,
1303#slide_right .slide_right3:hover dd,
1304#slide_right .slide_right4:hover dd {
1305  opacity: 1;
1306  visibility: visible;
1307  transform: translateX(0);
1308  pointer-events: auto;
1309  transition: opacity .18s ease, transform .18s ease, visibility 0s;
1310}
1311}
1312#slide_right .slide_right1 dd br,
1313#slide_right .slide_right2 dd br,
1314#slide_right .slide_right3 dd br { display: none; }
1315#slide_right dd a {
1316  display: block;
1317  padding: 6px 0;
1318  color: var(--sr-panel-text) !important;
1319  text-decoration: none !important;
1320  font-size: 14px !important;
1321  border-bottom: 1px solid var(--sr-panel-line);
1322  transition: opacity .15s ease;
1323}
1324#slide_right dd a:last-child { border-bottom: 0; }
1325#slide_right dd a:hover { opacity: .65; }
1326
1327/* 會員登入 */
1328#slide_right .slide_right4 dd {
1329  top: auto !important;
1330  bottom: 0 !important;
1331  width: 220px !important;
1332  padding: 14px 16px !important;
1333  white-space: normal;
1334  border-radius: 6px 0 0 6px;
1335}
1336#slide_right .slide_right4 dd form { margin: 0; padding: 0; }
1337#slide_right .slide_right4 dd input[type="text"],
1338#slide_right .slide_right4 dd input[type="password"] {
1339  display: block;
1340  width: 100% !important;
1341  height: 32px !important;
1342  margin: 4px 0 8px !important;
1343  padding: 0 8px !important;
1344  font-size: 14px !important;
1345  color: var(--sr-panel-text) !important;
1346  background: var(--sr-input-bg) !important;
1347  border: 1px solid var(--sr-input-line) !important;
1348  border-radius: 4px !important;
1349  box-sizing: border-box !important;
1350  box-shadow: none !important;
1351}
1352#slide_right .slide_right4 dd input[type="text"]:focus,
1353#slide_right .slide_right4 dd input[type="password"]:focus {
1354  outline: none;
1355  border-color: var(--sr-panel-text) !important;
1356}
1357#slide_right .slide_right4 dd input[type="submit"] {
1358  display: block;
1359  width: 100% !important;
1360  height: 34px !important;
1361  margin: 4px 0 0 !important;
1362  padding: 0 !important;
1363  font-size: 14px !important;
1364  color: var(--sr-btn-text) !important;
1365  background: var(--sr-btn) !important;
1366  border: 0 !important;
1367  border-radius: 4px !important;
1368  cursor: pointer;
1369  transition: opacity .15s ease;
1370}
1371#slide_right .slide_right4 dd input[type="submit"]:hover { opacity: .85; }
1372#slide_right .slide_right4 dd input[type="submit"] ~ br,
1373#slide_right .slide_right4 dd input[type="text"] + br,
1374#slide_right .slide_right4 dd input[type="password"] + br { display: none; }
1375#slide_right .slide_right4 dd b {
1376  display: flex;
1377  justify-content: space-between;
1378  margin-top: 10px;
1379  padding-top: 8px;
1380  border-top: 1px solid var(--sr-panel-line);
1381  font-weight: normal;
1382}
1383#slide_right .slide_right4 dd b a {
1384  display: inline;
1385  padding: 0;
1386  border: 0;
1387  font-size: 13px !important;
1388  color: var(--sr-panel-sub) !important;
1389}
1390</style>
1391
1392<script type="text/javascript">
1393$(function() {
1394  var $box = $("#slide_right");
1395  var $items = $box.find(".slide_right1, .slide_right2, .slide_right3, .slide_right4");
1396  if (!$items.length) return;
1397
1398  // 舊版用 jQuery animate 改寬度造成抖動,確保沒有殘留的 hover 動畫
1399  $items.off("mouseenter mouseleave").stop(true, true).removeAttr("style");
1400
1401  // 圓角:依實際顯示順序找第一顆和最後一顆(有些網站沒有會員或購物車)
1402  var orderOf = { slide_right1: 1, slide_right2: 2, slide_right3: 3, slide_right4: 4 };
1403  var sorted = $items.get().sort(function(a, b) {
1404    return orderOf[a.className.match(/slide_right\d/)[0]] - orderOf[b.className.match(/slide_right\d/)[0]];
1405  });
1406  $(sorted[0]).addClass("sr-first");
1407  $(sorted[sorted.length - 1]).addClass("sr-last");
1408
1409  // 手機(沒有 hover):點圖示開關面板,點其他地方關閉
1410  var isTouch = window.matchMedia ? window.matchMedia("(hover: none)").matches : ("ontouchstart" in window);
1411  if (!isTouch) return;
1412
1413  $items.children("dl").children("dt").on("click", function(e) {
1414    e.preventDefault();
1415    e.stopPropagation();
1416    var $item = $(this).closest($items);
1417    var wasOpen = $item.hasClass("sr-open");
1418    $items.removeClass("sr-open");
1419    if (!wasOpen) $item.addClass("sr-open");
1420  });
1421  $(document).on("click touchstart", function(e) {
1422    if (!$(e.target).closest("#slide_right").length) $items.removeClass("sr-open");
1423  });
1424});
1425</script>
1425
1426
1427<script>
1428
1429$(window).load(function() {
1430//	$('.imglist img').each(function() {
1431//		$(this).wrap('<div style="display:inline-block;width:' + this.width + 'px;height:' + this.height + 'px;">').clone().addClass('gotcolors').css({'position': 'absolute', 'opacity' : 0 }).insertBefore(this);
1432//		this.src = grayscale(this.src);
1433//	}).animate({opacity: 1}, 500);
1434});
1435
1436$(document).ready(function() {
1437	$(".imglist a").hover(
1438		function() {
1439			$(this).find('.gotcolors').stop().animate({opacity: 1}, 200);
1440		},
1441		function() {
1442			$(this).find('.gotcolors').stop().animate({opacity: 0}, 500);
1443		}
1444	);
1445});
1446
1447// http://net.tutsplus.com/tutorials/javascript-ajax/how-to-transition-an-image-from-bw-to-color-with-canvas/
1448function grayscale(src) {
1449	var supportsCanvas = !!document.createElement('canvas').getContext;
1450	if (supportsCanvas) {
1451		var canvas = document.createElement('canvas'),
1452		context = canvas.getContext('2d'),
1453		imageData, px, length, i = 0, gray,
1454		img = new Image();
1455
1456		img.src = src;
1457		canvas.width = img.width;
1458		canvas.height = img.height;
1459		context.drawImage(img, 0, 0);
1460
1461  var imageData="";
1462		imageData = context.getImageData(0, 0, canvas.width, canvas.height);
1463		px = imageData.data;
1464		length = px.length;
1465
1466		for (; i < length; i += 4) {
1467			gray = px[i] * .3 + px[i + 1] * .59 + px[i + 2] * .11;
1468			px[i] = px[i + 1] = px[i + 2] = gray;
1469		}
1470
1471		context.putImageData(imageData, 0, 0);
1472		return canvas.toDataURL();
1473	} else {
1474		return src;
1475	}
1476}
1477</script>
1477
1478
1479
1480
1481
1482
1483
1484
1485
1486
1487      <div id="right_float_ad" style="z-index:9999999;">
1488
1489         
1490
1491
1492         
1493
1494
1495     	</div>
1496  
1497
1498
1499
1500<script src="https://plus.webdo.com.tw/js/jquery.pageslide.min.js" ></script>
1500
1501
1502<!--###手機購物車和會員組合###-->
1503<!--###RWD_shopping_and_member2###-->
1504
1505<script>
1506    $(document).ready(function() {
1507        $("#rwd_nav").pageslide({
1508        modal: true
1509    });
1510        $('.sp-font span').addClass('animated fadeInUp');
1511        $('.sp-font2').addClass('animated fadeInDown');
1512    });
1513</script>
1513
1514</body>
1515</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.