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