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> <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.