PageSourceSearch

https://sd-hsu.com.tw/

html sd-hsu.com.tw collected 2026-10-08 23:04:45 UTC 59,101 bytes, 1,631 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<!-- 行銷 -->
5<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 5-6
5
6<script async src="https://www.googletagmanager.com/gtag/js?id=
6G-PZTT9G3855
vendor: 13 bytes, line 6
6"></script>
7<script>
8  
vendor: 138 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9  function gtag(){dataLayer.push(arguments);}
10  gtag('js', new Date());
11
12  gtag('config', '
12G-PZTT9G3855
vendor: 5 bytes, line 12
12');
13</script>
13
14
15<!--[if lt IE 9]>
15<script src="js/html5.js"></script>
15<![endif]-->
16	<meta charset="UTF-8">
17	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
18	<meta http-equiv="Content-Language" content="zh-Tw">
19	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
20	<meta http-equiv="Content-Script-Type" content="text/javascript">
21	<meta http-equiv="Content-Style-Type" content="text/css">
22	<meta name="viewport" content="width=device-width, initial-scale=1.0">
23	
24	<meta property="og:locale" content="zh_TW" />
25	<meta property="og:type" content="website" />
26	<meta property="og:site_name" content="許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦" />
27	<meta property="og:title" content="許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦" />
28	<meta property="og:description" content="許石碇馬告香腸鹹豬肉,用心做香腸,人氣馬告香腸、桂花香腸、高粱酒香腸、飛魚卵香腸、墨魚香腸與手工鹹豬肉,團購、宅配、批發、禮盒都好評不斷。," />
29	<meta property="og:url" content="www.sd-hsu.com.tw" />
30	<meta property="og:image" content="" /> 
31
32
33	<title>許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦</title>
34	<meta name="keywords" content="許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦-香腸推薦,台北香腸推薦,石碇香腸推薦,馬告香腸,網路香腸推薦,台北網路香腸推薦,石碇香腸推薦,馬告香腸推薦,馬告香腸團購,馬告香腸批發,馬告香腸宅配,台北馬告香腸,台北馬告香腸推薦,台北馬告香腸團購,台北馬告香腸批發,台北馬告香腸宅配,石碇馬告香腸,石碇馬告香腸推薦,石碇馬告香腸團購,石碇馬告香腸批發,石碇馬告香腸宅配,香腸伴手禮,香腸伴手禮團購,香腸伴手禮批發,香腸伴手禮宅配,台北香腸伴手禮,台北香腸伴手禮團購,台北香腸伴手禮批發,台北香腸伴手禮宅配,石碇香腸伴手禮,石碇香腸伴手禮團購,石碇香腸伴手禮批發,石碇香腸伴手禮宅配,香腸禮盒,香腸禮盒推薦,台北香腸禮盒,台北香腸禮盒推薦,石碇香腸禮盒,石碇香腸禮盒推薦,手工香腸,手工香腸推薦,手工香腸宅配,手工香腸禮盒,台北手工香腸,台北手工香腸推薦,台北手工香腸宅配,台北手工香腸禮盒,石碇手工香腸,石碇手工香腸推薦,石碇手工香腸宅配,石碇手工香腸禮盒,桂花香腸,桂花香腸推薦,桂花香腸宅配,桂花香腸禮盒,台北桂花香腸,台北桂花香腸推薦,台北桂花香腸宅配,台北桂花香腸禮盒,石碇桂花香腸,石碇桂花香腸推薦,石碇桂花香腸宅配,石碇桂花香腸禮盒,高粱酒香腸,高粱酒香腸推薦,高粱酒香腸宅配,高粱酒香腸禮盒,台北高粱酒香腸,台北高粱酒香腸推薦,台北高粱酒香腸宅配,台北高粱酒香腸禮盒,石碇高粱酒香腸,石碇高粱酒香腸推薦,石碇高粱酒香腸宅配,石碇高粱酒香腸禮盒,墨魚香腸,墨魚香腸推薦,墨魚香腸宅配,墨魚香腸禮盒,台北墨魚香腸,台北墨魚香腸推薦,台北墨魚香腸宅配,台北墨魚香腸禮盒,石碇墨魚香腸,石碇墨魚香腸推薦,石碇墨魚香腸宅配,石碇墨魚香腸禮盒,飛魚卵香腸,飛魚卵香腸推薦,飛魚卵香腸宅配,飛魚卵香腸禮盒,台北飛魚卵香腸,台北飛魚卵香腸推薦,台北飛魚卵香腸宅配,台北飛魚卵香腸禮盒,石碇飛魚卵香腸,石碇飛魚卵香腸推薦,石碇飛魚卵香腸宅配,石碇飛魚卵香腸禮盒,原住民香腸,原住民香腸推薦,原住民香腸伴手禮,原住民香腸禮盒,台北原住民香腸,台北原住民香腸推薦,台北原住民香腸伴手禮,台北原住民香腸禮盒,石碇原住民香腸,石碇原住民香腸推薦,石碇原住民香腸伴手禮,石碇原住民香腸禮盒,鹹豬肉,鹹豬肉推薦,鹹豬肉宅配,鹹豬肉禮盒,台北鹹豬肉,台北鹹豬肉推薦,台北鹹豬肉宅配,台北鹹豬肉禮盒,石碇鹹豬肉,石碇鹹豬肉推薦,石碇鹹豬肉宅配,石碇鹹豬肉禮盒,年節禮盒,年節禮盒訂購,台北年節禮盒,台北年節禮盒訂購,石碇年節禮盒,石碇年節禮盒訂購,工商禮盒,工商禮盒訂購,台北工商禮盒,台北工商禮盒訂購,石碇工商禮盒,石碇工商禮盒訂購,伴手禮,伴手禮推薦,台北伴手禮,台北伴手禮推薦,石碇伴手禮,石碇伴手禮推薦,企業禮盒,企業禮盒訂購,台北企業禮盒,台北企業禮盒訂購,石碇企業禮盒,石碇企業禮盒訂購," />
35	<meta name="description" content="許石碇馬告香腸鹹豬肉,用心做香腸,人氣馬告香腸、桂花香腸、高粱酒香腸、飛魚卵香腸、墨魚香腸與手工鹹豬肉,團購、宅配、批發、禮盒都好評不斷。," />
36	<link rel="shortcut icon" href="favicon.ico">
37
38<!-- -->
39<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
vendor: 2 bytes, line 39
39
40<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
vendor: 2 bytes, line 40
40
41<script type="text/javascript" src="js/jquery.mmenu.all.js"></script>
41
42<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:600|Roboto" rel="stylesheet">
43<link rel="stylesheet" type="text/css" href="css/normalize.css" />
44<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
45<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
46<link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css" />
47<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
48<link rel="stylesheet" type="text/css" href="css/menu.css" />
49<link rel="stylesheet" type="text/css" href="css/menu_v2_2020.css" />
50<link rel="stylesheet" type="text/css" href="css/swiper.min.css" /><!-- update by shiny at 1080710 -->
51<link rel="stylesheet" type="text/css" href="css/main.css"><!-- update by shiny at 1080710 -->
52<link rel="stylesheet" type="text/css" href="css/custom.css" />
53
54
55<script type="text/javascript">
56 jQuery(document).ready(function( $ ) {
57    $("#menu").mmenu({
58    	"slidingSubmenus": false,
59    	"navbars": [
60        	{
61            "position": "bottom",
62            "content": [
63				                                "<a class='svg' href='mailto:[email protected]'><object data='https://www.sd-hsu.com.tw/images/Mbmail.svg' type='image/svg+xml' width='28'></object></a>"
64            	]
65          	}
66       ]
67    });
68 });
69</script>
69								
70
71</head>
72
73<body class="pageIndex">
74
75<div id="page">
76<style>
77/*抬頭背景顏色*/
78#header {
79    background: ;
80}
81
82/*抬頭文字顏色*/
83#menuTop li a,
84.search_link a,
85.topTop a i,
86.search_txt + .fa {
87	color: ;
88}
89.search_txt,
90#menuTop li ul {
91	border: 1px solid ;
92}
93.product-layer-two li a:after {
94	border-color: transparent  transparent transparent;
95}
96
97/*第一層背景顏色*/
98#menuTop li,
99.product-layer-two li li,
100.product-layer-two li li a {
101	background: ;
102}
103/*第一層文字顏色*/
104#menuTop li li a,
105.product-layer-two li li a {
106	color: ;
107}
108
109.product-layer-two li:hover ul {
110	border:1px solid ;
111	border-top: 2px solid ;	
112}
113
114/*第一層滑過背景顏色*/
115#menuTop li li:hover,
116.product-layer-two li li:hover a,
117.product-layer-two li li:hover{
118	background: ;
119}
120/*第一層滑過文字顏色*/
121#menuTop li li:hover a,
122.product-layer-two li li:hover a{
123	color: ;
124}
125
126
127/*第二層背景顏色*/
128.other_subalbum li {
129	background: ;
130}
131/*第二層文字顏色*/
132.other_subalbum li {
133	border: 1px solid ;
134}
135.subalbum-menu h2,
136.other_subalbum li a,
137.product_pic #bx-pager {
138	color: ;
139}
140/*第二層滑過背景顏色*/
141.other_subalbum li:hover,
142.other_subalbum li.active {
143	background: ;
144}
145/*第二層滑過文字顏色*/
146.other_subalbum li:hover,
147.other_subalbum li.active {
148    border: 1px solid ;
149}
150.other_subalbum li:hover a,
151.other_subalbum li.active a {
152    color: ;
153}
154
155/*第三層背景顏色*/
156.products-list .more {
157    color: ;
158}
159.products-list .price b {
160	color: ;
161}
162
163/*第三層滑過背景顏色*/
164.other_album_choice li,
165.products-list a:hover .more {
166    background: ;
167}
168.products-list a:hover .more {
169	border-color: ;
170}
171/*第三層滑過文字顏色*/
172.other_album_choice li a,
173.products-list a:hover .more {
174    color: ;
175}
176</style>  
177<div class="right_member_in">
178<img src="https://www.sd-hsu.com.tw/images/mem_icon.png" />
179<ul>
180<li><a href="https://www.sd-hsu.com.tw/member/login.php">尚未登入會員</a></li></ul>
181</div><!--right_member_in-->
182
183
184
185
186
187<header class="header_area">
188  <div class="main_header_area animated">
189    <div class="container">
190      <nav id="navigation1" class="navigation">
191        
192        <div class="nav-header">
193          <a class="nav-brand" href="https://www.sd-hsu.com.tw"><img src="../img/logo.png"/><h1>許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦</h1></a>
194          <div class="nav-toggle"></div>
195        </div>
196        
197       
198        
199        <div class="nav-menus-wrapper">
200          
201          <a class="nav-brand-m" href="https://www.sd-hsu.com.tw"><img src="https://www.sd-hsu.com.tw/store_image/P176223411173.png" alt="許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦"/></a>
202          
203          <ul class="nav-menu align-to-right">
204                    		<li><a href="http://www.sd-hsu.com.tw" target="_self">品牌故事</a>
205                	                </li>
206                    		<li><a href="http://www.sd-hsu.com.tw/products/index.php?title_id=9096" target="_self">線上訂購</a>
207                	                    <ul class="nav-dropdown">
208                                            
209                    	                            <li><a href="https://www.sd-hsu.com.tw/products/index.php?group_id=7400&title_id=9096#prod_cbox">香腸/香腸伴手禮</a>
210                                                          </li>
211                                                     <li><a href="https://www.sd-hsu.com.tw/products/index.php?group_id=7402&title_id=9096#prod_cbox">鹹豬肉</a>
212                                                          </li>
213                                                                      	 </ul>
214                        
215                                    </li>
216                    		<li><a href="http://www.sd-hsu.com.tw/news/index.php?title_id=9097" target="_self">媒體報導</a>
217                	                    	<ul class="nav-dropdown">
218                    	                            <li><a href="https://www.sd-hsu.com.tw/news/index.php?group_id=10&title_id=9097#prod_cbox">品牌媒體報導</a>
219                                                          </li>
220                                                     <li><a href="https://www.sd-hsu.com.tw/news/index.php?group_id=11&title_id=9097#prod_cbox">美味生活誌</a>
221                                                          </li>
222                                                     <li><a href="https://www.sd-hsu.com.tw/news/index.php?group_id=12&title_id=9097#prod_cbox">最新消息</a>
223                                                          </li>
224                                             	</ul>
225                                    </li>
226                    		<li><a href="http://www.sd-hsu.com.tw/news/index.php?group_id=12&title_id=9097#prod_cbox" target="_self">最新消息</a>
227                	                </li>
228                    		<li><a href="http://www.sd-hsu.com.tw/paper/other_page.php?id=9098" target="_self"> 購物須知 </a>
229                	                </li>
230                    		<li><a href="http://www.sd-hsu.com.tw/paper/other_page.php?id=9099" target="_self">聯絡我們</a>
231                	                </li>
232                    
233            <li class="tp_links">
234                                           <a class="me_tp_call" href="tel:02-26633856"></a>              <a class="me_tp_mail" href="mailto:[email protected]"></a>			</li>
235          </ul>
236        </div>
237                <div class="me_tp_features">
238              <a class="tp_btn_cart" href="https://www.sd-hsu.com.tw/products/car.php?title_id=9096"><i class="fa fa-shopping-cart"></i><span>購物車(0)</span></a>
239              <a class="tp_btn_notice" href="https://www.sd-hsu.com.tw/paper/remit_index.php"><i class="fa fa-credit-card"></i>匯款通知</a>   
240              <div class="box_search">
241                <form method="get" action="https://www.sd-hsu.com.tw/products/index.php" id="hs_search">
242                  <input type="text" name="keyword" id="keyword" value="" placeholder="產品名稱" class="shop_search_txt">
243                  <input type="submit" value="搜尋" class="shop_search_btn">
244                </form>
245		  	  </div>
246		</div><!--me_tp_features-->
247           
248      </nav><!--navigation-->
249    </div>
250  </div>
251</header>
252<div class="bannerindex">
253	<div class="swiper-banner">
254      <div class="swiper-wrapper">
255        <div class="swiper-slide centerBig"><img src="https://www.sd-hsu.com.tw/store_image/A175913073788.jpg" /></div>        <div class="swiper-slide"><img src="https://www.sd-hsu.com.tw/store_image/B175913073819.jpg" /></div>                              </div>
256    </div>
257    <div class="swiper-pagination"></div>
258</div>
259
260<script type="text/javascript" src="js/swiper.min2.js"></script>
260<!-- update by shiny at 1080710 -->
261<script type="text/javascript">
262// update by shiny at 1080710
263trList=['leftUp','moveRight','moveDown','centerBig','rightDownBig'];
264var swiper = new Swiper('.swiper-banner',{
265	speed:1000,
266	autoplay:4400,
267	autoplayDisableOnInteraction:false,
268	effect:'fade',
269	pagination : '.swiper-pagination',
270	paginationClickable :true,
271	onSlideChangeStart: function(swiper){
272		nextSlide=swiper.slides.eq(swiper.activeIndex);
273		nextSlide.addClass(trList[Math.floor(Math.random()*5)]);
274		},
275	onSlideChangeEnd: function(swiper){
276		prevSlide=swiper.slides[swiper.previousIndex];
277		prevSlide.className="swiper-slide";
278			       },
279	});
280</script>
280
281
282<div class="mobile_wp">
283	</div>
284
285
286<div id="content_main">
287
288			
289	
290			
291    	
292	
293		    		
294	
295			
296	<div class="main_part">
297		<div class="show_content fadeInUp animated15">
298
299			<!-- 以下為編輯器(不含div) -->
300			<div class="edit">
301				 <link rel="preconnect" href="https://fonts.googleapis.com">
302    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
303    <link
304        href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:[email protected]&family=Noto+Serif+TC:[email protected]&display=swap"
305        rel="stylesheet">
306    
306<script src="https://pic03.eapple.com.tw/yk_js_web/scrollfade.js"></script>
306
307    <style>
308        .all_main * {
309            box-sizing: border-box;
310            max-width: 100%;
311        }
312
313        .all_main {
314            max-width: 2000px;
315            width: 100%;
316            margin: auto;
317            font-family: "Noto Sans TC", sans-serif;
318            border: 0;
319            text-decoration: none;
320            overflow: hidden;
321        }
322
323        .all_main img {
324            width: auto;
325            max-width: 100%;
326            vertical-align: bottom;
327        }
328
329        .pageIndex .main_part {
330            border-top: none !important;
331        }
332
333        .edit,
334        .show_content {
335            width: 100%;
336            padding: 0;
337            margin: auto;
338        }
339
340        .main_part {
341            max-width: 100%;
342            width: 100%;
343            padding: 0;
344        }
345
346        .path,
347        .banner,
348        .promotion_title,
349        .clearfix,
350        .page {
351            display: none;
352        }
353
354        .all_main ul {
355            padding: 0 0;
356            margin: 0;
357        }
358
359
360        .all_main li {
361            list-style: none;
362        }
363
364        .all_main h6,
365        .all_main h5,
366        .all_main h4,
367        .all_main h3,
368        .all_main h2 {
369            margin: 0;
370        }
371
372        .all_main u {
373            text-decoration: none;
374        }
375
376        /*Animations*/
377        [data-animate-in] {
378            opacity: 0;
379            transition: transform 1.2s ease, opacity 1.2s ease;
380        }
381
382        [data-animate-in="up"] {
383            transform: translate3d(0, 10%, 0);
384        }
385
386        /*由下往上*/
387        [data-animate-in="left"] {
388            transform: translate3d(-50%, 0, 0);
389        }
390
391        /*由左往右*/
392        [data-animate-in="right"] {
393            transform: translate3d(50%, 0, 0);
394        }
395
396        /*由右往左*/
397        [data-animate-in="down"] {
398            transform: translate3d(0, -10%, 0);
399        }
400
401        /*由上往下*/
402        [data-animate-in="fadeIn"] {
403            transform: translate3d(0, 0, 0);
404        }
405
406        /*淡入*/
407        [data-animate-in="scaleIn"] {
408            transform: scale(.3);
409        }
410
411        /*自創*/
412        [data-animate-in="effect_ex"] {
413            opacity: 1;
414        }
415
416        /*放大淡入*/
417        [data-animate-in].in-view {
418            opacity: 1;
419            transform: translate3d(0, 0, 0);
420            -webkit-transform: translate3d(0, 0, 0);
421            transition: transform 1.2s ease, opacity 1.2s ease;
422        }
423
424        .fade-in {
425            opacity: 0;
426            transition: opacity 1s ease;
427        }
428
429        .all_main p {
430            margin: 0;
431        }
432
433        .all_main em,
434        .all_main i {
435            font-style: normal;
436        }
437
438        .all_main a {
439            text-decoration: none;
440        }
441
442        .all_main dd,
443        .all_main dt {
444            margin: 0 0;
445        }
446
447        .all_main_key_word {
448            opacity: 0;
449            position: absolute;
450            left: 0;
451            top: 0;
452        }
453
454        .animated15 {
455            animation: none;
456        }
457
458        /* 內容 除了首頁記得把其他keyword刪掉 */
459        /* 記得刪掉/jquery-1.11.3.min.js/上面那串 */
460        .all_main {
461            --f22: 22px;
462            --f20: 20px;
463            --f18: 18px;
464            --f16: 16px;
465            --f14: 14px;
466        }
467
468        /* 文字特效 */
469        .text_effect b:nth-of-type(1) {
470            transform: translateY(10px);
471        }
472
473        .text_effect b:nth-of-type(2) {
474            transform: translateY(20px);
475        }
476
477        .text_effect b:nth-of-type(3) {
478            transform: translateY(30px);
479        }
480
481        .text_effect b:nth-of-type(4) {
482            transform: translateY(40px);
483        }
484
485        .text_effect b:nth-of-type(n).in-view {
486            transform: translateY(0);
487        }
488
489        /* 文字特效 */
490
491        .in02 {
492            max-width: 1702px;
493            width: 95%;
494            display: flex;
495            justify-content: space-between;
496            align-items: center;
497        }
498
499        .in02 p {
500            width: fit-content;
501            margin-left: 50px;
502        }
503
504        .in02 p u {
505            display: block;
506            width: fit-content;
507            margin-bottom: 40px;
508        }
509
510        .in02 p span {
511            display: block;
512            color: #444444;
513            font-size: var(--f18);
514            font-weight: 600;
515            line-height: 160%;
516            letter-spacing: 0.1em;
517        }
518
519        .in02 p a {
520            display: flex;
521            justify-content: space-between;
522            align-items: center;
523            color: white;
524            font-size: var(--f14);
525            font-weight: 400;
526            line-height: 120%;
527            letter-spacing: 0.2em;
528            max-width: 180px;
529            width: 100%;
530            padding: 11.5px 15px;
531            background-color: #FF3C37;
532            border-radius: 8px;
533            margin-top: 40px;
534            transition: .5s;
535        }
536
537        .in02 p a:hover {
538            transition: .5s;
539            background-color: #CC0000;
540        }
541
542        .in03 {
543            max-width: 600px;
544            width: 100%;
545            margin-right: 50px;
546        }
547
548        .in03 h4 b {
549            display: flex;
550            justify-content: center;
551            align-items: center;
552            width: 41px;
553            height: 41px;
554            background-color: #FF3C37;
555            border-radius: 150px;
556            color: white;
557            font-size: var(--f22);
558            font-weight: 700;
559            line-height: 120%;
560            text-align: center;
561            opacity: 0;
562        }
563
564        .in03 h4 b+b {
565            margin-left: 10px;
566        }
567
568        .in03 i {
569            display: block;
570            color: #444444;
571            font-size: var(--f18);
572            font-weight: 600;
573            line-height: 160%;
574            letter-spacing: 0.1em;
575            margin: 50px 0 30px 0;
576        }
577
578        .in03 h4 {
579            display: flex;
580            align-items: center;
581        }
582
583        .in03 h6 span {
584            display: block;
585            color: #444444;
586            font-size: var(--f14);
587            font-weight: 400;
588            line-height: 160%;
589            letter-spacing: 0.1em;
590            text-align: justify;
591        }
592
593        .in03 h6 span+span {
594            margin-top: 20px;
595        }
596
597        .in03 a {
598            display: flex;
599            justify-content: space-between;
600            align-items: center;
601            color: white;
602            font-size: var(--f14);
603            font-weight: 400;
604            line-height: 120%;
605            letter-spacing: 0.2em;
606            max-width: 180px;
607            width: 100%;
608            padding: 11.5px 15px;
609            background-color: #FF3C37;
610            border-radius: 8px;
611            margin-top: 55px;
612            transition: .5s;
613        }
614
615        .in03 a:hover {
616            transition: .5s;
617            background-color: #CC0000;
618        }
619
620        .in02_ex {
621            flex-direction: row-reverse;
622            margin: 90px 0 0 auto;
623        }
624
625        .in04 {
626            background-color: #EEEEEE;
627            padding: 120px 5%;
628        }
629
630        .in04 h5 {
631            display: flex;
632            justify-content: center;
633            align-items: center;
634            flex-wrap: wrap;
635            margin-bottom: 70px;
636        }
637
638        .in04 h5 b {
639            display: flex;
640            justify-content: center;
641            align-items: center;
642            width: 41px;
643            height: 41px;
644            background-color: #FF3C37;
645            border-radius: 150px;
646            color: white;
647            font-size: var(--f22);
648            font-weight: 700;
649            line-height: 120%;
650            text-align: center;
651            opacity: 0;
652        }
653
654        .in04 h5 b+b {
655            margin-left: 10px;
656        }
657
658        .in04 h5 span {
659            display: block;
660            width: 100%;
661            color: #444444;
662            font-size: var(--f18);
663            font-weight: 600;
664            line-height: 160%;
665            letter-spacing: 0.1em;
666            text-indent: 0.1em;
667            text-align: center;
668            margin: 18px 0 0 0;
669        }
670
671        .in05 {
672            max-width: 1595px;
673            display: grid;
674            grid-template-columns: repeat(4, 1fr);
675            grid-gap: 60px 2.5%;
676        }
677
678        .in05 a {
679            display: flex;
680            flex-direction: column;
681            align-items: center;
682            padding: 12px 12px 20px 12px;
683            background-color: #fff;
684             box-shadow: 1px 1px 10px rgba(0,0,0,0);
685            transition: .5s ease;
686        }
687
688        .in05 a:hover{
689            transition: .5s ease;
690            box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
691            transform: translateY(-10px);
692        }
693
694        .in05 a p {
695            margin: 22px 0 0 0;
696            transition: .5s;
697        }
698
699        .in05 a p b {
700            display: block;
701            color: #444444;
702            font-size: var(--f20);
703            font-weight: 500;
704            line-height: 160%;
705            letter-spacing: 0.2em;
706            text-indent: 0.2em;
707            text-align: center;
708        }
709
710        .in05 a p span {
711            display: block;
712            color: #444444;
713            font-size: var(--f14);
714            font-weight: 400;
715            line-height: 160%;
716            letter-spacing: 0.1em;
717            text-indent: 0.1em;
718            text-align: center;
719            margin: 10px 0 20px 0;
720        }
721
722        .in05 p u {
723            display: flex;
724            justify-content: center;
725            align-items: center;
726            background-color: #444444;
727            width: 110px;
728            padding: 8px 5px;
729            border-radius: 8px;
730            color: white;
731            font-size: var(--f14);
732            font-weight: 500;
733            line-height: 120%;
734            letter-spacing: 0.2em;
735            text-indent: 0.2em;
736            text-align: center;
737            margin: auto;
738            transition: .5s;
739        }
740
741        .in05 a:hover p u {
742            transition: .5s;
743            background-color: #FF3C37;
744        }
745
746        .in04>a {
747            display: flex;
748            justify-content: space-between;
749            align-items: center;
750            color: white;
751            font-size: var(--f14);
752            font-weight: 400;
753            line-height: 120%;
754            letter-spacing: 0.2em;
755            max-width: 180px;
756            width: 100%;
757            padding: 11.5px 15px;
758            background-color: #FF3C37;
759            border-radius: 8px;
760            margin: auto;
761            margin-top: 90px;
762            transition: .5s;
763        }
764
765        .in04>
765a:hover {
766            transition: .5s;
767            background-color: #CC0000;
768        }
769
770        .in06 {
771            padding-right: 20px;
772        }
773
774        .in06_ex {
775            max-width: 1780px;
776            width: 100%;
777            display: flex;
778            justify-content: space-between;
779            align-items: center;
780        }
781
782        .in07 {
783            max-width: 845px;
784            width: 100%;
785            margin-left: 50px;
786        }
787
788        .in07 h5 {
789            display: flex;
790            align-items: center;
791            flex-wrap: wrap;
792        }
793
794        .in07 h5 b {
795            display: flex;
796            justify-content: center;
797            align-items: center;
798            width: 41px;
799            height: 41px;
800            background-color: #FF3C37;
801            border-radius: 150px;
802            color: white;
803            font-size: var(--f22);
804            font-weight: 700;
805            line-height: 120%;
806            text-align: center;
807            opacity: 0;
808        }
809
810        .in07 h5 b+b {
811            margin-left: 10px;
812        }
813
814        .in07 p {
815            margin: 15px 0 45px 0;
816        }
817
818        .in07 p i {
819            display: block;
820            color: #444444;
821            font-size: var(--f18);
822            font-weight: 500;
823            line-height: 160%;
824            letter-spacing: 0.1em;
825            margin-bottom: 5px;
826        }
827
828        .in07 p span {
829            display: block;
830            color: #444444;
831            font-size: var(--f14);
832            font-weight: 400;
833            line-height: 160%;
834            letter-spacing: 0.1em;
835            text-align: justify;
836        }
837
838        .in07 ul {
839            display: flex;
840            justify-content: space-between;
841            flex-wrap: wrap;
842        }
843
844        .in07 li {
845            width: 48%;
846            display: flex;
847            align-items: center;
848        }
849
850        .in07 li u {
851            display: block;
852            min-width: 95px;
853        }
854
855        .in07 li:nth-child(n+3) {
856            margin-top: 40px;
857        }
858
859        .in07 li h6 {
860            padding-left: 25px;
861        }
862
863        .in07 li h6 i {
864            display: block;
865            color: #444444;
866            font-size: var(--f20);
867            font-weight: 500;
868            line-height: 160%;
869            letter-spacing: 0.1em;
870            margin-bottom: 5px;
871        }
872
873        .in07 li h6 span {
874            display: block;
875            color: #444444;
876            font-size: var(--f16);
877            font-weight: 400;
878            line-height: 160%;
879            letter-spacing: 0.1em;
880            text-align: justify;
881        }
882
883        .in_text {
884            margin-top: 50px;
885        }
886
887        .in_text i {
888            display: block;
889            color: #444444;
890            font-size: var(--f14);
891            font-weight: 400;
892            line-height: 160%;
893            letter-spacing: 0.1em;
894            text-align: justify;
895        }
896
897        .in_text a {
898            display: flex;
899            justify-content: space-between;
900            align-items: center;
901            color: white;
902            font-size: var(--f14);
903            font-weight: 400;
904            line-height: 120%;
905            letter-spacing: 0.2em;
906            max-width: 180px;
907            width: 100%;
908            padding: 11.5px 15px;
909            background-color: #FF3C37;
910            border-radius: 8px;
911            margin-top: 40px;
912            transition: .5s;
913        }
914
915        .in_text a:hover {
916            transition: .5s;
917            background-color: #CC0000;
918        }
919
920        .in08 {
921            padding: 155px 5% 135px 5%;
922            background-image: url('../img/sru_edit_img018.jpg');
923            background-size: cover;
924            background-position: center;
925            background-repeat: no-repeat;
926            position: relative;
927        }
928
929        .in08::before {
930            content: "";
931            width: 100%;
932            height: 100%;
933            background-color: rgba(34, 34, 34, 0.8);
934            position: absolute;
935            top: 0;
936            left: 0;
937            z-index: 20;
938            pointer-events: none;
939        }
940
941        .in09 {
942            position: relative;
943            z-index: 80;
944        }
945
946        .in09 h5 {
947            display: flex;
948            justify-content: center;
949            align-items: center;
950            flex-wrap: wrap;
951            margin-bottom: 70px;
952        }
953
954        .in09 h5 b {
955            display: flex;
956            justify-content: center;
957            align-items: center;
958            width: 41px;
959            height: 41px;
960            background-color: #FF3C37;
961            border-radius: 150px;
962            color: white;
963            font-size: var(--f22);
964            font-weight: 700;
965            line-height: 120%;
966            text-align: center;
967            opacity: 0;
968        }
969
970        .in09 h5 b+b {
971            margin-left: 10px;
972        }
973
974        .in09 p {
975            max-width: 730px;
976            margin: auto;
977            margin-bottom: 70px;
978        }
979
980        .in09 p i {
981            display: block;
982            color: white;
983            font-size: var(--f18);
984            font-weight: 400;
985            line-height: 160%;
986            letter-spacing: 0.1em;
987            text-indent: 0.1em;
988            text-align: center;
989        }
990
991        .in09 p span {
992            display: block;
993            color: white;
994            font-size: var(--f14);
995            font-weight: 300;
996            line-height: 200%;
997            letter-spacing: 0.1em;
998            text-indent: 0.1em;
999            text-align: center;
1000            margin: 30px 0 0 0;
1001        }
1002
1003        .in_btn {
1004            max-width: 350px;
1005            width: 100%;
1006            display: flex;
1007            justify-content: space-between;
1008            align-items: center;
1009            margin: auto;
1010            margin-top: 70px;
1011        }
1012
1013        .in_btn a {
1014            display: flex;
1015            justify-content: space-between;
1016            align-items: center;
1017            background-color: #FF3C37;
1018            max-width: 150px;
1019            width: 48%;
1020            color: white;
1021            font-size: var(--f14);
1022            font-weight: 400;
1023            line-height: 120%;
1024            letter-spacing: 0.2em;
1025            padding: 11.5px 20px;
1026            border-radius: 10px;
1027            transition: .5s;
1028        }
1029
1030        .in_btn a:hover {
1031            transition: .5s;
1032            background-color: #CC0000;
1033        }
1034
1035        @media (max-width:1600px) {
1036            .in06_ex em {
1037                display: block;
1038                min-height: 800px;
1039                height: 800px;
1040            }
1041
1042            .in06_ex em img {
1043                width: 100%;
1044                height: 100% !important;
1045                object-fit: cover;
1046                object-position: center;
1047            }
1048        }
1049
1050        @media (max-width:1500px) {
1051            .in03 i {
1052                margin: 25px 0 15px 0;
1053            }
1054
1055            .in03 a {
1056                margin-top: 25px;
1057            }
1058        }
1059
1060        @media (max-width:1400px) {
1061            .in03 {
1062                padding: 35px 0;
1063            }
1064        }
1065
1066        @media (max-width:1300px) {
1067            .in06 {
1068                padding-right: 0;
1069            }
1070
1071            .in06_ex em {
1072                min-width: 500px;
1073            }
1074
1075            .in07 {
1076                margin: 0;
1077                padding: 0 20px;
1078            }
1079        }
1080
1081        @media (max-width:1200px) {
1082            .in07 li:nth-child(n+3) {
1083                margin-top: 25px;
1084            }
1085
1086            .in07 li u {
1087                width: 60px;
1088                min-width: 60px;
1089            }
1090        }
1091
1092        @media (max-width:1100px) {
1093            .in06_ex em {
1094                max-width: 400px;
1095            }
1096        }
1097
1098        @media (max-width:1024px) {
1099            .all_main {
1100                --f22: 21px;
1101                --f20: 19px;
1102                --f18: 17px;
1103                --f16: 15px;
1104                --f14: 13px;
1105            }
1106
1107            .in02_ex {
1108                margin-top: 0;
1109            }
1110
1111            .in06_ex {
1112                align-items: unset;
1113            }
1114
1115            .in07 {
1116                max-width: unset;
1117                width: 50%;
1118                padding: 80px 20px;
1119            }
1120
1121            .in07 h5 {
1122                justify-content: center;
1123            }
1124
1125            .in07 li {
1126                flex-direction: column;
1127            }
1128
1129            .in07 li h6 {
1130                padding: 15px 0 0 0;
1131            }
1132
1133            .in07 p {
1134                margin-bottom: 35px;
1135            }
1136
1137            .in07 li h6 i,
1138            .in07 li h6 span,
1139            .in_text i,
1140            .in07 p i,
1141            .in07 p span {
1142                text-indent: 0.1em;
1143                text-align: center;
1144            }
1145
1146            .in_text a {
1147                margin: auto;
1148                margin-top: 40px;
1149            }
1150
1151            .in06_ex em {
1152                max-width: unset;
1153                width: 50%;
1154                min-height: unset;
1155                height: auto;
1156            }
1157        }
1158
1159        @media (max-width:900px) {
1160            .all_main {
1161                --f22: 20px;
1162                --f20: 18px;
1163                --f18: 16px;
1164            }
1165
1166            .in01 {
1167                padding-bottom: 50px;
1168            }
1169
1170            .in02 {
1171                width: 90%;
1172                margin: auto;
1173                flex-direction: column-reverse;
1174            }
1175
1176            .in02 p,
1177            .in03 {
1178                margin: 0;
1179                padding: 50px 0;
1180            }
1181
1182            .in02 p span,
1183            .in03 i {
1184                text-indent: 0.1em;
1185                text-align: center;
1186            }
1187
1188            .in02 p a,
1189            .in03 a {
1190                margin: auto;
1191                margin-top: 40px;
1192            }
1193
1194            .in03 h4 {
1195                justify-content: center;
1196            }
1197
1198            .in04 {
1199                padding: 80px 5%;
1200            }
1201
1202            .in05 {
1203                grid-template-columns: repeat(3, 1fr);
1204                grid-gap: 50px 3%;
1205            }
1206
1207            .in06_ex {
1208                flex-direction: column-reverse;
1209                align-items: center;
1210            }
1211
1212            .in06_ex em {
1213                width: 100%;
1214            }
1215
1216            .in07 {
1217                width: 100%;
1218                padding: 80px 5%;
1219            }
1220
1221            .in07 ul {
1222                align-items: flex-start;
1223            }
1224        }
1225
1226        @media (max-width:800px) {
1227            .all_main {
1228                --f22: 19px;
1229                --f20: 17px;
1230            }
1231        }
1232
1233        @media (max-width:768px) {
1234            .in05 {
1235                grid-template-columns: repeat(2, 1fr);
1236                grid-gap: 40px 3%;
1237            }
1238
1239            .in04 {
1240                padding: 50px 5%;
1241            }
1242
1243            .in04 h5 {
1244                margin-bottom: 45px;
1245            }
1246
1247            .in04>a {
1248                margin-top: 50px;
1249            }
1250
1251            .in07 {
1252                padding: 50px 5%;
1253            }
1254        }
1255
1256        @media (max-width:600px) {
1257            .all_main {
1258                --f22: 18px;
1259                --f20: 16px;
1260                --f18: 15px;
1261            }
1262
1263            .in08 {
1264                padding: 80px 5%;
1265            }
1266
1267            .in09 h5 {
1268                margin-bottom: 50px;
1269            }
1270
1271            .in_btn a {
1272                max-width: 47%;
1273                padding: 11.5px 15px;
1274            }
1275
1276            .in06_ex em {
1277                min-width: unset;
1278            }
1279        }
1280    </style>
1281
1282    <div class="all_main">
1283        <div class="all_main_key_word">
1284            <h2>香腸推薦</h2>
1285            <h3>台北香腸推薦</h3>
1286            <h4>石碇香腸推薦</h4>
1287            <h5>馬告香腸</h5>
1288            <h6>網路香腸推薦</h6>
1289        </div>
1290        <div class="in01">
1291            <div class="in02">
1292                <s><img src="../img/sru_edit_img002.jpg" alt="" data-animate-in="fade-in"></s>
1293                <p data-animate-in="down">
1294                    <u><img src="../img/sru_edit_img001.png" alt=""></u>
1295                    <span>香傳千萬里 · 新北人氣伴手禮推薦</span>
1296                    <span>七大創意口味,團購、宅配、伴手禮首選!</span>
1297                    <a href="../products/index.php" target="_blank">立即線上訂購<img src="../img/sru_edit_img019.svg" alt=""></a>
1298                </p>
1299            </div>
1300            <div class="in02 in02_ex">
1301                <s><img src="../img/sru_edit_img003.jpg" alt="" data-animate-in="fade-in"></s>
1302                <div class="in03">
1303                    <h4 class="text_effect">
1304                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">品</b>
1305                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">牌</b>
1306                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">故</b>
1307                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">事</b>
1308                    </h4>
1309                    <i>用生命灌製的好味道 · 職人精神守護每一口!</i>
1310                    <h6>
1311                        <span>挽起衣袖賣起小吃的許世宏,曾經做到企業副總,卻因派駐大陸,必須身兼數職,又得犧牲與家人相處的時間,才毅然回鄉。在家人支持下,開發過許多美食,歷經野薑花粽熱賣,雪隧通車而收入慘跌,卻仍不屈不撓,意外研發出創意美食「馬告香腸」,創造出「香傳千萬里」的石碇人氣美食 。</span>
1312                        <span>不論做什麼事業,許世宏都搏感情,用生命在付出。從2004年開業至今,許世宏親自上陣,灌製出品質穩定的新鮮香腸,獲得單車族、學生、遊客口耳相傳,單一商品的七種口味:桂花香腸、馬告香腸、泡菜香腸、墨魚香腸、高粱酒香腸,飛魚卵香腸,野當歸香腸,各自號召饕客粉絲,絡釋於途。</span>
1313                        <span>選定石碇黑毛大豬,因石碇山泉水的水質特別得好養出腥味少的黑毛豬,精選後腿肉調配肥瘦比例,幾經摸索香腸的製成與口味研發,堅持以最符合養生原則的天然腸衣灌製,醃漬過程新鮮天然,保有彈牙的肉質與微量的油脂,創造出絕不乾澀的口感,口味更是獨到。</span>
1314                    </h6>
1315                    <a href="../products/index.php" target="_blank">立即線上訂購<img src="../img/sru_edit_img019.svg"
1316                            alt=""></a>
1317                </div>
1318            </div>
1319        </div>
1320        <div class="in04">
1321            <h5 class="text_effect">
1322                <b data-animate-in="effect_ex" style="transition: 1.2s ease;">商</b>
1323                <b data-animate-in="effect_ex" style="transition: 1.2s ease;">品</b>
1324                <b data-animate-in="effect_ex" style="transition: 1.2s ease;">一</b>
1325                <b data-animate-in="effect_ex" style="transition: 1.2s ease;">覽</b>
1326                <span>七大人氣口味 · 伴手禮首選</span>
1327            </h5>
1328            <div class="in05">
1329                <a href="../products/index.php" target="_blank">
1330                    <em><img src="../img/sru_edit_img004.jpg" alt=""></em>
1331                    <p>
1332                        <b>馬告香腸</b>
1333                        <span>原住民香料,山林獨特香氣</span>
1334                        <u>立即訂購</u>
1335                    </p>
1336                </a>
1337                <a href="../products/index.php" target="_blank">
1338                    <em><img src="../img/sru_edit_img005.jpg" alt=""></em>
1339                    <p>
1340                        <b>桂花香腸</b>
1341                        <span>花香四溢,入口清爽</span>
1342                        <u>立即訂購</u>
1343                    </p>
1344                </a>
1345                <a href="../products/index.php" target="_blank">
1346                    <em><img src="../img/sru_edit_img006.jpg" alt=""></em>
1347                    <p>
1348                        <b>高粱酒香腸</b>
1349                        <span>酒香濃郁,饕客必推</span>
1350                        <u>立即訂購</u>
1351                    </p>
1352                </a>
1353                <a href="../products/index.php" target="_blank">
1354                    <em><img src="../img/sru_edit_img007.jpg" alt=""></em>
1355                    <p>
1356                        <b>墨魚香腸</b>
1357                        <span>鮮美彈牙,海味十足</span>
1358                        <u>立即訂購</u>
1359                    </p>
1360                </a>
1361                <a href="../products/index.php" target="_blank">
1362                    <em><img src="../img/sru_edit_img008.jpg" alt=""></em>
1363                    <p>
1364                        <b>飛魚卵香腸</b>
1365                        <span>嗶嗶口感,人氣團購款</span>
1366                        <u>立即訂購</u>
1367                    </p>
1368                </a>
1369                <a href="../products/index.php" target="_blank">
1370                    <em><img src="../img/sru_edit_img009.jpg" alt=""></em>
1371                    <p>
1372                        <b>泡菜香腸</b>
1373                        <span>酸辣開胃,韓味十足</span>
1374                        <u>立即訂購</u>
1375                    </p>
1376                </a>
1377                <a href="../products/index.php" target="_blank">
1378                    <em><img src="../img/sru_edit_img010.jpg" alt=""></em>
1379                    <p>
1380                        <b>野當歸香腸</b>
1381                        <span>養生回甘,氣息獨特</span>
1382                        <u>立即訂購</u>
1383                    </p>
1384                </a>
1385                <a href="../products/index.php" target="_blank">
1386                    <em><img src="../img/sru_edit_img011.jpg" alt=""></em>
1387                    <p>
1388                        <b>鹹豬肉</b>
1389                        <span>經典台灣風味,餐桌必備</span>
1390                        <u>立即訂購</u>
1391                    </p>
1392                </a>
1393            </div>
1394            <a href="../products/index.php" target="_blank">立即選購伴手禮<img src="../img/sru_edit_img019.svg" alt=""></a>
1395        </div>
1396        <div class="in06">
1397            <div class="in06_ex">
1398                <em><img src="../img/sru_edit_img012.jpg" alt=""></em>
1399                <div class="in07">
1400                    <h5 class="text_effect">
1401                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">職</b>
1402                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">人</b>
1403                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">ç²¾</b>
1404                        <b data-animate-in="effect_ex" style="transition: 1.2s ease;">神</b>
1405                    </h5>
1406                    <p>
1407                        <i>職人精神 · 真材實料的五大堅持</i>
1408                        <span>從選肉、調味到灌製,每一步都用心守護,這就是「香傳千萬里」的石碇馬告香腸。</span>
1409                    </p>
1410                    <ul>
1411                        <li data-animate-in="scaleIn">
1412                            <u><img src="../img/sru_edit_img013.png" alt=""></u>
1413                            <h6>
1414                                <i>黑毛豬後腿肉</i>
1415                                <span>山泉水飼養,肉質鮮嫩無腥味</span>
1416                            </h6>
1417                        </li>
1418                        <li data-animate-in="scaleIn">
1419                            <u><img src="../img/sru_edit_img014.png" alt=""></u>
1420                            <h6>
1421                                <i>黃金肥瘦比例</i>
1422                                <span>多次試驗調整,最佳口感</span>
1423                            </h6>
1424                        </li>
1425                        <li data-animate-in="scaleIn">
1426                            <u><img src="../img/sru_edit_img015.png" alt=""></u>
1427                            <h6>
1428                                <i>天然腸衣</i>
1429                                <span>彈牙不油膩,保有肉香</span>
1430                            </h6>
1431                        </li>
1432                        <li data-animate-in="scaleIn">
1433                            <u><img src="../img/sru_edit_img016.png" alt=""></u>
1434                            <h6>
1435                                <i>許石碇馬告香腸鹹豬肉</i>
1436                                <span>天然醃漬不用人工香料純粹風味</span>
1437                            </h6>
1438                        </li>
1439                        <li data-animate-in="scaleIn">
1440                            <u><img src="../img/sru_edit_img017.png" alt=""></u>
1441                            <h6>
1442                                <i>微量油脂</i>
1443                                <span>多汁鮮美,不乾澀</span>
1444                            </h6>
1445                        </li>
1446                    </ul>
1447                    <div class="in_text">
1448                        <i>想嘗試最受好評的馬告香腸?現在就訂購!</i>
1449                        <i>新鮮宅配,立即下單!</i>
1450                        <a href="../products/index.php" target="_blank">立即線上訂購<img src="../img/sru_edit_img019.svg"
1451                                alt=""></a>
1452                    </div>
1453                </div>
1454            </div>
1455        </div>
1456        <div class="in08">
1457            <div class="in09">
1458                <h5 class="text_effect">
1459                    <b data-animate-in="effect_ex" style="transition: 1.2s ease;">線</b>
1460                    <b data-animate-in="effect_ex" style="transition: 1.2s ease;">上</b>
1461                    <b data-animate-in="effect_ex" style="transition: 1.2s ease;">訂</b>
1462                    <b data-animate-in="effect_ex" style="transition: 1.2s ease;">è³¼</b>
1463                </h5>
1464                <p>
1465                    <i>團購 · 批發 · 送禮方案</i>
1466                    <span>不論是中秋佳節、尾牙春酒,或是企業、社團大量採購,石碇馬告香腸都能提供 專屬優惠價格 與 彈性組合。
1467                        歡迎批發商、餐飲業者、團購揪團直接洽詢,讓更多人一起分享「香傳千萬里」的美味。</span>
1468                </p>
1469                <div class="in_btn">
1470                    <a href="https://line.me/R/ti/p/~gigi0668" target="_blank">加入團購<img src="../img/sru_edit_img019.svg"
1471                            alt=""></a>
1472                    <a href="tel:0916008286">批發洽詢<img src="../img/sru_edit_img019.svg"
1473                            alt=""></a>
1474                </div>
1475            </div>
1476        </div>
1477    </div>				</div><!-- edit -->	
1478			<!-- 編輯器結束 -->
1479			
1480		</div><!-- show_content -->
1481	</div><!-- main_part -->
1482		
1483    	
1484	
1485		    		
1486	
1487			
1488    	
1489	
1490		    		
1491	
1492			
1493    	
1494	
1495		    		
1496	
1497			
1498    	
1499	
1500		    		
1501	
1502			
1503    	
1504	
1505		    </div><!-- #content_main -->
1506
1507
1508<a id="to_top" class="to_top" href=""><i class='top'></i>TOP</a>
1509
1510
1511<!-- ******************************** -->
1512<!-- 有購物車 加上下方 id#bottom_menu -->
1513<ul id="bottom_menu" class="clearfix with_shopping_mode">
1514	<li><a href="https://www.sd-hsu.com.tw"><i class="fa fa-home fa-2x" aria-hidden="true"></i>回首頁</a></li>
1515	<li><a href="https://www.sd-hsu.com.tw/paper/remit_index.php"><i class="fa fa-credit-card fa-2x" aria-hidden="true"></i>匯款通知</a></li>
1516	<li><a href="https://www.sd-hsu.com.tw/products/car.php"><i class="fa fa-shopping-cart fa-2x" aria-hidden="true"></i>購物車(0)</a></li>				
1517	</ul>
1518
1519
1520
1521<!-- ******************************** -->
1522<!-- 有購物車 額外加上with_shopping_mode -->
1523<footer class="footer with_shopping_mode"><!-- 有購物車 加上with_shopping_mode -->
1524	<div class="center">
1525		<ul class="box_link">
1526								</ul>
1527		<div class="footer_info">	
1528						
1529			<div class="footer_logo">
1530				<a href="https://www.sd-hsu.com.tw"><img src="../img/logo.png" alt="許石碇馬告香腸鹹豬肉-香腸推薦,網路香腸推薦,台北香腸推薦,台北網路香腸推薦,石碇香腸推薦" /></a>
1531			</div><!-- footer_logo -->
1532						<ul>
1533            <li>
1534				<p>營登名稱:許石碇馬告香腸鹹豬肉<br></p>
1535								<p class="tel">02-26633856</p>                                <p class="phone">0916008286</p>                				<p>line ID:gigi0668</p>
1536				<p class="mail">[email protected]</p>				<p class="add">新北市石碇區碇坪路一段180號</p>							</li>
1537			<li>
1538				<div class="show_time">
1539					星期一10:30–17:00  /  星期二10:30–18:00  /   星期三休息  /   星期四10:30–18:00     <br>星期五10:30–18:00  /  星期六09:30–18:00  /  星期日09:30–18:00
1540				</div>
1541			</li>
1542            <li>
1543            	<div class="footer_menu">
1544                <a href="https://www.sd-hsu.com.tw/index.php">回首頁</a>
1545				                <a href="http://www.sd-hsu.com.tw">品牌故事</a>
1546				                <a href="http://www.sd-hsu.com.tw/products/index.php?title_id=9096">線上訂購</a>
1547				                <a href="http://www.sd-hsu.com.tw/news/index.php?title_id=9097">媒體報導</a>
1548				                <a href="http://www.sd-hsu.com.tw/news/index.php?group_id=12&title_id=9097#prod_cbox">最新消息</a>
1549				                <a href="http://www.sd-hsu.com.tw/paper/other_page.php?id=9098"> 購物須知 </a>
1550				                <a href="http://www.sd-hsu.com.tw/paper/other_page.php?id=9099">聯絡我們</a>
1551				                </div>
1552            </li>
1553            </ul>
1554            			</div><!-- footer_info -->
1555        
1556		        
1557	</div><!-- center -->
1558	<style>
1559	.double_key{
1560		display: flex;
1561		justify-content: center;
1562		align-items: center;
1563		flex-wrap: wrap;
1564		color:#FCFCFC;
1565		font-size: 12px;
1566		line-height: 120%;
1567		text-align: center;
1568	}
1569	.double_key a{color:#FCFCFC;padding:0 2px;}
1570	</style>
1571	<div class="double_key">
1572		<a href="https://www.sd-hsu.com.tw/">香腸推薦</a>
1573		<a href="https://www.sd-hsu.com.tw/">台北香腸推薦</a>
1574		<a href="https://www.sd-hsu.com.tw/">石碇香腸推薦</a>
1575		<a href="https://www.sd-hsu.com.tw/">馬告香腸</a>
1576		<a href="https://www.sd-hsu.com.tw/">網路香腸推薦</a>
1577	</div>
1578	<!-- <p class="copy">Designed by <a href="http://www.ykqk.com.tw" target="_blank">揚京快客</a> Copyright © 2026 <a href="https://www.sd-hsu.com.tw/web_login/login.php" target="_blank">..</a> <span class="total_view">累積人氣: 807010</span></p> -->
1579	<p class="copy">Designed by <a href="https://www.ykqk.com.tw" target="_blank">揚京快客</a> Copyright © 2026 <a href="https://www.sd-hsu.com.tw/sys_admin/index.php" target="_blank">..</a> <span class="total_view">累積人氣: 807010</span></p>
1580	<p class="keywords">	
1581	香腸推薦,台北香腸推薦,石碇香腸推薦,馬告香腸,網路香腸推薦,台北網路香腸推薦<span id="show_itemb1" style="display:none">,石碇香腸推薦,馬告香腸推薦,馬告香腸團購,馬告香腸批發,馬告香腸宅配,台北馬告香腸,台北馬告香腸推薦,台北馬告香腸團購,台北馬告香腸批發,台北馬告香腸宅配,石碇馬告香腸,石碇馬告香腸推薦,石碇馬告香腸團購,石碇馬告香腸批發,石碇馬告香腸宅配,香腸伴手禮,香腸伴手禮團購,香腸伴手禮批發,香腸伴手禮宅配,台北香腸伴手禮,台北香腸伴手禮團購,台北香腸伴手禮批發,台北香腸伴手禮宅配,石碇香腸伴手禮,石碇香腸伴手禮團購,ç
1581Ÿ³ç¢‡é¦™è…¸ä¼´æ‰‹ç¦®æ‰¹ç™¼,石碇香腸伴手禮宅配,香腸禮盒,香腸禮盒推薦,台北香腸禮盒,台北香腸禮盒推薦,石碇香腸禮盒,石碇香腸禮盒推薦,手工香腸,手工香腸推薦,手工香腸宅配,手工香腸禮盒,台北手工香腸,台北手工香腸推薦,台北手工香腸宅配,台北手工香腸禮盒,石碇手工香腸,石碇手工香腸推薦,石碇手工香腸宅配,石碇手工香腸禮盒,桂花香腸,桂花香腸推薦,桂花香腸宅配,桂花香腸禮盒,台北桂花香腸,台北桂花香腸推薦,台北桂花香腸宅配,台北桂花香腸禮盒,石碇桂花香腸,石碇桂花香腸推薦,石碇桂花香腸宅配,石碇桂花香腸禮盒,高粱酒香腸,高粱酒香腸推薦,高粱酒香腸宅配,高粱酒香腸禮盒,台北高粱酒香腸,台北高粱酒香腸推薦,台北高粱酒香腸宅配,台北高粱酒香腸禮盒,石碇高粱酒香腸,石碇高粱酒香腸推薦,石碇高粱酒香腸宅配,石碇高粱酒香腸禮盒,墨魚香腸,墨魚香腸推薦,墨魚香腸宅配,墨魚香腸禮盒,台北墨魚香腸,台北墨魚香腸推薦,台北墨魚香腸宅配,台北墨魚香腸禮盒,石碇墨魚香腸,石碇墨魚香腸推薦,石碇墨魚香腸宅配,石碇墨魚香腸禮盒,飛魚卵香腸,飛魚卵香腸推薦,飛魚卵香腸宅配,飛魚卵香腸禮盒,台北飛魚卵香腸,台北飛魚卵香腸推薦,台北飛魚卵香腸宅配,台北飛魚卵香腸禮盒,石碇飛魚卵香腸,石碇飛魚卵香腸推薦,石碇飛魚卵香腸宅配,石碇飛魚卵香腸禮盒,原住民香腸,原住民香腸推薦,原住民香腸伴手禮,原住民香腸禮盒,台北原住民香腸,台北原住民香腸推薦,台北原住民香腸伴手禮,台北原住民香腸禮盒,石碇原住民香腸,石碇原住民香腸推薦,石碇原住民香腸伴手禮,石碇原住民香腸禮盒,鹹豬肉,鹹豬肉推薦,鹹豬肉宅配,鹹豬肉禮盒,台北鹹豬肉,台北鹹豬肉推薦,台北鹹豬肉宅配,台北鹹豬肉禮盒,石碇鹹豬肉,石碇鹹豬肉推薦,石碇鹹豬肉宅配,石碇鹹豬肉禮盒,年節禮盒,年節禮盒訂購,台北年節禮盒,台北年節禮盒訂購,石碇年節禮盒,石碇年節禮盒訂購,工商禮盒,工商禮盒訂購,台北工商禮盒,台北工商禮盒訂購,石碇工商禮盒,石碇工商禮盒訂購,伴手禮,伴手禮推薦,台北伴手禮,台北伴手禮推薦,石碇伴手禮,石碇伴手禮推薦,企業禮盒,企業禮盒訂購,台北企業禮盒,台北企業禮盒訂購,石碇企業禮盒,石碇企業禮盒訂購</span>&nbsp;&nbsp;<span id="NoButtonb1"><input type="button" value="更多" style="width:50px;height:20px;" onclick="MoreItem('yes','b1')"/></span><span id="YesButtonb1" style="display:none"><input type="button" value="隱藏" style="width:50px;height:20px;" onclick="MoreItem('no','b1')"/></span></p>
1582</footer>
1583
1584
1585<style>
1586.fix_ri{
1587	display: flex;
1588	flex-direction: column;
1589	position: fixed;
1590	bottom:100px;
1591	right:0;
1592	z-index: 999;
1593	overflow: hidden;
1594	width: fit-content;
1595}
1596.fix_ri a{
1597	display: flex;
1598	justify-content: flex-start;
1599	align-items: center;
1600	width: 85px;
1601	background-color: #4BA64E;
1602	padding:10px 20px;
1603	border-top-left-radius: 15px;
1604	border-bottom-left-radius: 15px;
1605	transform: translateX(28px);
1606	transition: .5s;
1607}
1608.fix_ri a:nth-of-type(1) img{
1609	transform: translateX(-5px);
1610}
1611.fix_ri a:nth-of-type(2){background-color: #375690;}
1612.fix_ri a:nth-of-type(3){background-color: #E19614;}
1613.fix_ri a+a{
1614	margin-top: 10px;
1615}
1616.fix_ri a:hover{
1617	transform: translateX(0);
1618}
1619</style>
1620<div class="fix_ri">
1621	<a href="https://line.me/R/ti/p/~gigi0668" target="_blank"><img src="../img/sru_img001.png" alt=""></a>
1622	<a href="https://www.facebook.com/p/%E7%9F%B3%E7%A2%87%E9%A6%AC%E5%91%8A%E9%A6%99%E8%85%B8-100064102472698/" target="_blank"><img src="../img/sru_img002.png" alt=""></a>
1623	<a href="tel:>02-26633856"><img src="../img/sru_img003.png" alt=""></a>
1624</div>			
1625</div><!-- #page -->
1626
1627<script src='js/main.js'></script>
vendor: 2 bytes, line 1627
1627
1628<script type="text/javascript" src="js/menu_v2_2020.js"></script>
1628
1629
1630	</body>
1631</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.