1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" class="index" lang="zh-tw"> 3<head> 4 <link rel="alternate" href="https://chilin.org.tw/index.php?lang=tw" hreflang="zh-tw" /> 5 <link rel="alternate" href="https://chilin.org.tw/index.php?lang=en" hreflang="en"/> 6 <link rel="alternate" href="https://chilin.org.tw/" hreflang="x-default" /> 7 <meta http-equiv="content-language" content="zh-tw"> 8
8<script type="application/ld+json"> 9{"@context":"https:\/\/schema.org","@type":"LocalBusiness","@id":"https:\/\/chilin.org.tw\/#organization","name":"è²¡åæ³äººæ ææè²åºéæ","image":"https:\/\/chilin.org.tw\/archive\/image\/weblogo\/1753952315927.png","logo":"https:\/\/chilin.org.tw\/archive\/image\/weblogo\/1753952315927.png","url":"https:\/\/chilin.org.tw\/"}</script>
vendor: 1 bytes, line 9
9
10<script type="application/ld+json"> 11{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"https:\/\/chilin.org.tw\/#website","url":"https:\/\/chilin.org.tw\/","name":"è²¡åæ³äººæ ææè²åºéæ","inLanguage":"zh-tw","publisher":{"@id":"https:\/\/chilin.org.tw\/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chilin.org.tw\/search.php?lang=tw&searchkey={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
vendor: 1 bytes, line 11
11
12<script type="application/ld+json"> 13{"@context":"https:\/\/schema.org","@type":"WebPage","name":"æ ææè²åºéæ","description":"æ æç·£èµ·çºã人å¿çåæ¡æ±ºå®äºäººéçæ¡åææ²è¦ï¼ç¤¾æç祥åæç´æ¾ãæè¦æ¸¡å䏿¯è©è©ç責任ï¼äººéæ¨åä¹ä¸æ¯ä¸å¤©çæ©è³ï¼èæ¯äººé¡å°±èªèº«å¿é䏿·å°éç åææçäºå·¥ãæ±çæ±åæ±ç¾çæååæè²æ¯å¾äºéé äºå·¥ç主è¦åªä»ãã åºæ¼ä»¥ä¸çä¿¡å¿µï¼æç¾©éãæ¹ç´ æå¤«å©¦æ¼ 1991 å¹´æç«æ æåºéæï¼å å¾æç«æ æææä¸å¿ãå°ç£æ°ä¸»éåé¤¨ãæ æç´å¿µé¤¨ãå°ç£ç¤¾æéå岿ä¸å¿ãåæ æç¤¾æç¼å±å¸èçï¼ææåæè²ãç¤¾ææ¹é©è¦çºå¹è²æ°æé«è²´å¿éï¼é·é èèçäºå·¥ï¼å¸ææ æè½æçºåç¨®æææ´»ååæ¹é©éåçæ°¸ä¹ åºå°ã","url":"https:\/\/www.chilin.org.tw\/","image":"https:\/\/chilin.org.tw\/archive\/image\/header_info\/bn001.jpg"}</script>
vendor: 1 bytes, line 13
13
14<script> 15let gtag_inuse = false; 16let gtag_type4 = false; 17let fbq_inuse = false; 18let omnichat_inuse = false; 19</script>
19 20 <!-- auto webmarketing--> 21 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 21-22
21 22 <script async src="https://www.googletagmanager.com/gtag/js?id=
22UA-203308847-1
vendor: 14 bytes, lines 22-23
22"></script> 23
23<script> 24
vendor: 139 bytes, lines 24-27
24window.dataLayer = window.dataLayer || []; 25 function gtag(){dataLayer.push(arguments);} 26 gtag('js', new Date()); 27 gtag('config', '
27UA-203308847-1
vendor: 6 bytes, lines 27-28
27'); 28
28</script>
28 29
29<script>gtag_inuse = true;</script>
29 30 <link rel="preconnect" href="https://fonts.gstatic.com"> 31<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap" rel="stylesheet"> 32 33<meta name="msvalidate.01" content="6A219A0742E4FC276E05446C1DD70A22" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 34<title lang="zh-tw">æ ææè²åºéæ</title> 35<meta name="apple-mobile-web-app-capable" content="yes"> 36<meta name="mobile-web-app-capable" content="yes"> 37<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> 38<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 39<!--[if lt IE 9]>
40<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 40
40
41<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
41 42<![endif]--> 43<meta name="keywords" content="æ ææè²åºéæ,æ æ,æç¾©é,æè²åºéæ,æ¹ç´ æ"> 44<meta name="description" content="æ æç·£èµ·çºã人å¿çåæ¡æ±ºå®äºäººéçæ¡åææ²è¦ï¼ç¤¾æç祥åæç´æ¾ãæè¦æ¸¡å䏿¯è©è©ç責任ï¼äººéæ¨åä¹ä¸æ¯ä¸å¤©çæ©è³ï¼èæ¯äººé¡å°±èªèº«å¿é䏿·å°éç åææçäºå·¥ãæ±çæ±åæ±ç¾çæååæè²æ¯å¾äºéé äºå·¥ç主è¦åªä»ãã åºæ¼ä»¥ä¸çä¿¡å¿µï¼æç¾©éãæ¹ç´ æå¤«å©¦æ¼ 1991 å¹´æç«æ æåºéæï¼å å¾æç«æ æææä¸å¿ãå°ç£æ°ä¸»éåé¤¨ãæ æç´å¿µé¤¨ãå°ç£ç¤¾æéå岿ä¸å¿ãåæ æç¤¾æç¼å±å¸èçï¼ææåæè²ãç¤¾ææ¹é©è¦çºå¹è²æ°æé«è²´å¿éï¼é·é èèçäºå·¥ï¼å¸ææ æè½æçºåç¨®æææ´»ååæ¹é©éåçæ°¸ä¹ åºå°ã"> 45<meta name="author" content="æ ææè²åºéæ" /> 46<meta name="copyright" content="æ ææè²åºéæ" /> 47<meta name="distribution" content="global" /> 48<meta name="rating" content="general" /> 49<meta name="robots" content="index,follow" /> 50<meta property="og:title" content="æ ææè²åºéæ"/> 51<meta property="og:type" content="website"/> 52<meta property="og:url" content="https://www.chilin.org.tw/"/> 53<meta property="og:description" content="æ æç·£èµ·çºã人å¿çåæ¡æ±ºå®äºäººéçæ¡åææ²è¦ï¼ç¤¾æç祥åæç´æ¾ãæè¦æ¸¡å䏿¯è©è©ç責任ï¼äººéæ¨åä¹ä¸æ¯ä¸å¤©çæ©è³ï¼èæ¯äººé¡å°±èªèº«å¿é䏿·å°éç åææçäºå·¥ãæ±çæ±åæ±ç¾çæååæè²æ¯å¾äºéé äºå·¥ç主è¦åªä»ãã åºæ¼ä»¥ä¸çä¿¡å¿µï¼æç¾©éãæ¹ç´ æå¤«å©¦æ¼ 1991 å¹´æç«æ æåºéæï¼å å¾æç«æ æææä¸å¿ãå°ç£æ°ä¸»éåé¤¨ãæ æç´å¿µé¤¨ãå°ç£ç¤¾æéå岿ä¸å¿ãåæ æç¤¾æç¼å±å¸èçï¼ææåæè²ãç¤¾ææ¹é©è¦çºå¹è²æ°æé«è²´å¿éï¼é·é èèçäºå·¥ï¼å¸ææ æè½æçºåç¨®æææ´»ååæ¹é©éåçæ°¸ä¹ åºå°ã"/> 54<meta property="og:image" content="https://chilin.org.tw/archive/image/header_info/bn001.jpg"/> 55<meta property="og:site_name" content="è²¡åæ³äººæ ææè²åºéæ"/>
56<script> 57var tlang = "tw"; 58</script>
vendor: 1 bytes, line 58
58
59<script src="https://system20.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 59
59
60<script src="https://system20.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
60 61<link rel="canonical" href="https://www.chilin.org.tw/"> 62<link rel="icon" href="https://www.chilin.org.tw/favicon_48.png"> 63<link rel="icon" href="https://www.chilin.org.tw/favicon_192.png" type="image/png"> 64<link rel="apple-touch-icon" href="https://www.chilin.org.tw/favicon_180.png"> 65<link rel="stylesheet" href="https://system20.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" /> 66<link rel="stylesheet" href="https://system20.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" /> 67<link rel="stylesheet" href="https://system20.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css"> 68<link rel="stylesheet" href="https://system20.webtech.com.tw/css/bootstrap-min.css?mv=20260914" > 69<!-- load external--> 70<link rel="stylesheet" type="text/css" href="https://system20.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.miracle.css?v=1"><link rel="stylesheet" type="text/css" href="https://system20.webtech.com.tw/js/slick/@1.8.0/slick.min.css"><link rel="stylesheet" type="text/css" href="https://system20.webtech.com.tw/font-icons/font-awesome-4.5.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="https://system20.webtech.com.tw/js-plugin/magnific-popup/magnific-popup.css"><link rel="stylesheet" type="text/css" href="https://system20.webtech.com.tw/js/swiper/swiper.min.css"><!-- end --> 71<link href="https://system20.webtech.com.tw/public/template/RWDfullscreen01/model_css.php?v=20260914&key=cHViX3x8MjAyMTAwMTg1X3x8UldEZnVsbHNjcmVlbjAx" rel="stylesheet" type="text/css" /> 72<!--base css--> 73<!--end--> 74<link href="https://system20.webtech.com.tw/public/template/RWDfullscreen01/index.css?v=20260914" rel="stylesheet" type="text/css" /> 75<link href="https://system20.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/> 76<link href="https://system20.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/> 77<link href="https://system20.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/> 78 <link rel="stylesheet" href="https://chilin.org.tw/customization_css.php?p=eyJwYWdlIjoiaW5kZXgucGhwIiwidGVtcGxhdGVfaWQiOiJSV0RmdWxsc2NyZWVuMDEiLCJkZXNpZ25lcl9wYWdlaWQiOiJpbmRleCJ9&time=1626861523" type="text/css" /> 79<link rel="stylesheet" href="https://system20.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
80<script type="text/javascript" src="https://system20.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 80
80
81<script type="text/javascript" src="https://system20.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 81
81
82<script src="https://system20.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 82
82
83<script type="text/javascript" src="https://system20.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 83
83
84<script type="text/javascript" src="https://system20.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 84
84
85<script src="https://system20.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 85
85
86<script src="https://system20.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 86
86
87<script src="https://system20.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 87
87
88<script src="https://system20.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 88
88
89<script src="https://system20.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
89 90<!--[if lt IE 9]>
90<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
90 <![endif]-->
91<script src="https://system20.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
91 92<!-- web font -->
93<script type="text/javascript" src="https://system20.webtech.com.tw/js-plugin/parallax/js/jquery.scrollTo-1.4.3.1-min.js"></script>
vendor: 2 bytes, line 93
93
94<script type="text/javascript" src="https://system20.webtech.com.tw/js-plugin/parallax/js/jquery.localscroll-1.2.7-min.js"></script>
vendor: 2 bytes, line 94
94
95<script type="text/javascript" src="https://system20.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
vendor: 2 bytes, line 95
95
96<script type="text/javascript"> 97 var isMobile = false; 98 var isDesktop = false; 99 $(window).on("load resize",function(e){ 100 //mobile detection 101 if(Modernizr.mq('only all and (max-width: 767px)') ) { 102 isMobile = true; 103 }else{ 104 isMobile = false; 105 } 106 //tablette and mobile detection 107 if(Modernizr.mq('only all and (max-width: 1024px)') ) { 108 isDesktop = false; 109 }else{ 110 isDesktop = true; 111 } 112 }); 113</script>
113<style type="text/css"> 114 .seofootercompany,.seofooterkeyword{font-size:12px;} 115 .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;} 116</style>
117<script>var showtotop = false;</script>
vendor: 1 bytes, line 117
117
118<script src="https://system20.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 118
118
119<script src="https://system20.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 119
119
120<script src="https://system20.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 120
120
121<script type="text/javascript"> 122var isMobile = false; 123var isDesktop = false; 124$(window).on("load resize",function(e){ 125 //mobile detection 126 if(Modernizr.mq('only all and (max-width: 767px)') ) { 127 isMobile = true; 128 }else{ 129 isMobile = false; 130 } 131 //tablette and mobile detection 132 if(Modernizr.mq('only all and (max-width: 1024px)') ) { 133 isDesktop = false; 134 }else{ 135 isDesktop = true; 136 } 137}); 138</script>
138 139
140<script src="https://system20.webtech.com.tw/public/template/RWDfullscreen01/index.js?v=20260914"></script>
140 141 <style type="text/css"> 142 .paneleffect, .paneleffect_v1{opacity: 0;} 143 .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;} 144 </style> 145
145<script type="text/javascript"> 146 147 // ç£è½ç©ä»¶é«åº¦æ¯å¦è®å 148 function onElementHeightChange(elm, callback) { 149 var lastHeight = elm.clientHeight 150 var newHeight; 151 152 (function run() { 153 newHeight = elm.clientHeight; 154 if (lastHeight !== newHeight) callback(); 155 lastHeight = newHeight; 156 157 if (elm.onElementHeightChangeTimer) { 158 clearTimeout(elm.onElementHeightChangeTimer); 159 } 160 161 elm.onElementHeightChangeTimer = setTimeout(run, 200); 162 })(); 163 } 164 165 $(document).ready(function(){ 166 167 168 imagesLoaded( document.querySelector('body'), function( instance ) { 169 $('.paneleffect').each(function(){ 170 if($(this).height() < 200){ 171 $(this).removeClass('paneleffect'); 172 } 173 }); 174 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 175 }); 176 177 // ç£è½bodyé«åº¦è®åæè¦éè·å ¥å ´åç« 178 onElementHeightChange(document.body, function(){ 179 onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page')); 180 }); 181 182 183 184 function onScrollInit( items, trigger ) { 185 items.each( function() { 186 var osElement = $(this), 187 osoffset = osElement.attr('data-os-offset'), 188 osAnimationClass = osElement.attr('data-os-animation'), 189 osAnimationDelay = osElement.attr('data-os-animation-delay'); 190 osAnimationDuration = osElement.attr('data-os-animation-duration'); 191 if(typeof(osAnimationClass)=='undefined'){ 192 osAnimationClass = 'fadeInUp'; 193 } 194 if(typeof(osAnimationDelay)=='undefined'){ 195 osAnimationDelay = '0.3s'; 196 } 197 if(typeof(osoffset)=='undefined'){ 198 osoffset = '90%'; 199 } 200 if(typeof(osAnimationDuration)=='undefined'){ 201 osAnimationDuration = '1s'; 202 } 203 204 205 osElement.css({ 206 '-webkit-animation-delay': osAnimationDelay, 207 '-moz-animation-delay': osAnimationDelay, 208 'animation-delay': osAnimationDelay, 209 '-webkit-animation-duration': osAnimationDuration, 210 'animation-duration': osAnimationDuration, 211 212 }); 213 214 var osTrigger = ( trigger ) ? trigger : osElement; 215 216 osTrigger.waypoint(function() { 217 osElement.addClass('animated').addClass(osAnimationClass); 218 },{ 219 triggerOnce: true, 220 offset: osoffset 221 }); 222 }); 223 } 224 }); 225 </script>
vendor: 1 bytes, line 225
225
226<script type="text/javascript"> 227 var ajaxGet = null; 228 var orgwapperh = 0; 229 var nowtop = 0; 230 function fn_openbox(url,parpms){ 231 232 if (ajaxGet != null){ 233 ajaxGet.abort(); 234 } 235 nowtop = $( document ).scrollTop(); 236 $("html,body").scrollTop(0).css({'overflow-x':'hidden'}); 237 $("#loading_mask").css({'width':$(window).width()}).show(); 238 $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'}); 239 240 $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show(); 241 242 ajaxGet = $.ajax({ 243 type: 'post', // 244 url: url, 245 data:parpms, 246 dataType: "html", 247 success: function(datahtml) { 248 $('#boxcontent').html(datahtml); 249 $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'}); 250 $('#openbox').stop().animate({'left':0}, 800,function(){ 251 $("#loading_mask").hide(); 252 $('.wapper .panel').hide(0); 253 }); 254 var images=$('#editor img'); 255 var link = null; 256 var imgLen=images.length; 257 for(var i=0;i<imgLen;i++){ 258 if (images[i].parentNode.tagName.toLowerCase() != 'a'){ 259 images[i].style.cursor="pointer"; 260 link = document.createElement("a"); 261 link.href = images[i].src; 262 $(link).addClass('fancybox').attr("rel","group"); 263 //客æ¶èªå·±å¡«çåçèªªææ¯æä½æç¤ºæ´æ SEO å¹å¼ï¼åæ¬ææ¿ä»£æåå°±ä¸è¦èï¼ 264 //title è¬çæ¯ãéå¼µåå¯ä»¥é»éãéåæä½ãèåçå §å®¹ç¡éï¼æä»¥ä¸å¾è¦è 265 if(images[i].alt == ''){ 266 images[i].alt='黿æ¾å¤§'; 267 } 268 images[i].title='黿æ¾å¤§'; 269 link.target="_blank"; 270 images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i]) 271 } 272 } 273 $("#editor .fancybox").fancybox({ 274 'hideOnContentClick': true 275 }); 276 277 }, 278 error:function (xhr, ajaxOptions, thrownError){ 279 fn_close_box(); 280 $("body").append(xhr.status); 281 $("body").append(xhr.responseText ); 282 //alert(thrownError); 283 } 284 }); 285 } 286 287 function fn_close_box(){ 288 $('.wapper .panel').show(0); 289 $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){ 290 $( document ).scrollTop(nowtop).css({'overflow-x':'auto'}); 291 $('#boxcontent').html('').hide(); 292 $('#openbox').hide(); 293 $("#loading_mask").hide(); 294 }); 295 } 296</script>
vendor: 1 bytes, line 296
296
297<script type="text/javascript"> 298 $(document).ready(function(){ 299 $(".fancybox.youtube").click(function() { 300 $.fancybox({ 301 'padding' : 0, 302 'autoScale' : false, 303 'transitionIn' : 'none', 304 'transitionOut' : 'none', 305 'title' : this.title, 306 'width' : 640, 307 'height' : 385, 308 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 309 'type' : 'swf', 310 'swf' : { 311 'wmode' : 'transparent', 312 'allowfullscreen' : 'true' 313 } 314 }); 315 return false; 316 }); 317 $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); 318 }); 319</script>
319 320<style> 321.error{color:red;} 322</style> 323</head> 324<body domain_is_safe="no" class="wrapper_bg lang_tw" attr-type="chilin.org.tw" attr-type2="www.chilin.org.tw" attr-trans="Y" RID="" nowPath="index.php"> 325<div id="openbox"> 326 <div id="boxcontent"> 327 </div> 328</div> 329<style> 330 .RWDalert_fancybox.center{ 331 max-width: 800px; 332 text-align: center; 333 padding: 20px; 334 } 335 .RWDalert_fancybox.center img{ 336 max-width: 100%; 337 } 338 .RWDalert_fancybox.bottom{ 339 z-index: 999; 340 box-shadow:0px -3px 3px rgba(20%,20%,40%,0.2); 341 padding: 15px 30px; 342 text-align: center; 343 letter-spacing: 1px; 344 position: fixed; 345 bottom: 0; 346 left: 0; 347 right: 0; 348 background: #fff; 349 } 350 .RWDalert_fancybox.bottom.active{ 351 animation-name: RWDalertfadeOut; 352 animation-duration: 4s; 353 animation-fill-mode: both; 354 } 355 @keyframes RWDalertfadeOut { 356 from { 357 bottom: 0; 358 } 359 to { 360 bottom: -100%; 361 } 362 } 363 .RWDalert_fancybox.center .editor{ 364 margin-bottom: 30px; 365 font-size: 14px; 366 } 367 .RWDalert_fancybox.bottom .editor{ 368 font-size: 15px; 369 margin-bottom: 8px; 370 } 371 .RWDalert_fancybox .title{ 372 font-size: 16px; 373 margin-bottom: 15px; 374 font-weight: bold; 375 } 376 .RWDalert_fancybox.bottom .editor, 377 .RWDalert_fancybox.bottom .btn-box{ 378 display: inline-block; 379 } 380 .RWDalert_fancybox .btn{ 381 background: none; 382 border: 1px solid #888; 383 color: #333; 384 box-shadow:inset 0 0 0 rgba(20%,20%,40%,0.5); 385 margin: 0 6px; 386 transition: all .15s ease-in-out; 387 letter-spacing: 1px; 388 } 389 .RWDalert_fancybox .btn.active{ 390 background: var(--wt-MainColor,#888); 391 color: #fff; 392 } 393 .RWDalert_fancybox .btn:focus{ 394 outline: 0; 395 } 396 @media (min-width: 1025px){ 397 .RWDalert_fancybox .btn:hover{ 398 background: var(--wt-HoverColor,#666); 399 color: #fff; 400 } 401 } 402</style> 403<div id="RWDalert_fancybox" class="model RWDalert_fancybox bottom" style='display:none'> 404 <div class="editor"> 405 æå使ç¨cookieåæçºæ¨æä¾æ´å¥½çç¨æ¶é«é©ãæ¨è¥ç¹¼çºä½¿ç¨æ¬ç¶²ç«ä»£è¡¨æ¨å·²äºè§£ä¸¦åææåç<u><a href="article_d.php?lang=tw&tb=6&id=369">cookieæ¿ç</a></u>ã </div> 406 <div class="btn-box"> 407 <button class="btn active" onclick="alertBottom()">åæ</button> 408 </div> 409</div>
410<script> 411 function RWDalert_fancybox_setCookie(cname,cvalue,exdays){ 412 var d = new Date(); 413 d.setTime(d.getTime()+(exdays*24*60*60*1000)); 414 var expires = "expires="+d.toGMTString(); 415 document.cookie = cname + "=" + cvalue + "; " + expires; 416 } 417 // ä¸åæä¸å¾å°æªè¨å®è·³è½é£çµæçè¡çºï¼ä¾æºé åç«ä¸ç覽ç´éæä¸ä¸é æéåï¼å¦åå ééå½çªçå¨åé ï¼æ°åé éåææ²æä¸ä¸é å¯éï¼ã 418 // ä¸å¾ä¸å¯« web_pop_view cookieââæ²åæå°±ä¸è©²è¦çºå·²é±è®ï¼ä¸æ¬¡é²ç«ä»è¦åå䏿¬¡ã 419 function web_pop_disagree(){ 420 var ref = document.referrer; 421 if(ref!="" && history.length>1){ 422 var ref_link = document.createElement("a"); 423 ref_link.href = ref; 424 if(ref_link.host==location.host){ 425 history.back(); 426 return; 427 } 428 } 429 web_pop_close(); 430 } 431 // åªééå½çªï¼ä¸å¯« cookieï¼åæèä¸åæå ±ç¨ï¼å¯«ä¸å¯« cookie ç±å¼å«ç«¯æ±ºå®ã 432 function web_pop_close(){ 433 $('.RWDalert_fancybox.bottom').addClass('active'); 434 } 435 function alertBottom() { 436 web_pop_close(); 437 RWDalert_fancybox_setCookie("web_pop_view","on",0.0625) 438 } 439 $(document).ready(function() { 440 $('#RWDalert_fancybox').show(); 441 }); 442 </script>
442 <div id="RWDfullscreen01" class="template_panel_first localscroll web_202100185"> 443 <div class=" preloader " id="panel_42" page_style=""> 444 <style type="text/css"> 445 .template_panel_first{display:none;} 446 447 </style> 448 <div class="model RWDfakeloader" id="m_RWDfullscreen01_42_1" md_id="1" tp_id="42" template_id="RWDfullscreen01" style="position: fixed;z-index: 199999;" new_edit="Y"> 449 <img style="width:0px;height:0px" src="https://chilin.org.tw/archive/image/index/0519-logo-01-01.png?v=36312" alt=""/> 450
450<script> 451 $( document ).ready(function() { 452 $(".template_panel_first").show(); 453 $("#m_RWDfullscreen01_42_1").fakeLoader({ 454 zIndex:199999, 455 timeToHide:1000, 456 bgColor:"#ffffff", 457 imagePath:"https://chilin.org.tw/archive/image/index/0519-logo-01-01.png?v=36312" 458 }); 459 }); 460 </script>
460 461 <div style="clear:both;"></div> 462 </div> 463 <div class="clear"></div> 464 </div> 465 <div class=" menu_container " id="panel_1" page_style="headermain"> 466 467 468 <div class="model RWDmenu_plus02" id="m_RWDfullscreen01_1_1" md_id="1" tp_id="1" template_id="RWDfullscreen01"> 469 <style> 470 .m_stitle { 471 display: none; 472} 473 .cd-nav li:hover .m_stitle, .cd-nav li.active .m_stitle { 474 display: block; 475} 476 .cd-nav li:hover .m_title, .cd-nav li.active .m_title { 477 display: none; 478} 479 </style> 480 <div class="inside" > 481 <div class="container"> 482 <header class="cd-main-header"> 483 484 <!--LOGO--> 485 <a class="cd-logo" href="https://chilin.org.tw/" title="åé¦é " aria-label="åé¦é "><img src="https://chilin.org.tw/archive/image/weblogo/1753952315927.png" title="" alt="è²¡åæ³äººæ ææè²åºéæ"></a> 486 <!--END--> 487 488 <!-- åè½åæé --> 489 <ul class="cd-header-buttons"> 490 <!--社群--> 491 <li> 492 </li> 493 494 495 <!--æå°--> 496 <li class="search-btn"> 497 <a class="cd-search-trigger" href="#cd-search" title="" aria-label="search"><span></span></a> 498 </li> 499 <li class="phone-menu"> 500 <a class="cd-nav-trigger" href="#cd-primary-nav" title="主é¸å®" aria-label="主é¸å®"><span></span></a> 501 </li> 502 503 504 505 <li class="member-block hidden-xs"> 506 <a href="https://chilin.org.tw/member_login.php?lang=tw" title="å¿å·¥ç»å ¥" aria-label="å¿å·¥ç»å ¥"> 507 <span class="glyphicon glyphicon-user"></span> 508 </a> 509 </li> 510 <!-- èªä¿--> 511 512 <li class="lang-select" > 513 <div class="lang-select-label no-symbol" > 514 <i class="fa ic_lang-select" aria-hidden="true"></i> 515 516 <i class="lang-select-symbol">(</i> 517 518 <span>ç¹ä¸</span> 519 <i class="lang-select-symbol">)</i> 520 </div> 521 <ul class="lang-select-options" style="display:none; width:170px;" > 522 <li> 523 <a href="index.php?lang=tw" aria-label="ç¹ä¸"> 524 <span>ç¹ä¸</span> 525 </a> 526 </li> 527 <li> 528 <a href="index.php?lang=en" aria-label="EN"> 529 <span>EN</span> 530 </a> 531 </li> 532 533 </ul> 534 </li> 535 536 <div class="clearfix"></div> 537 </ul> 538 539 540 541 <!-- 主é¸å® --> 542 <nav class="cd-nav "> 543 <ul id="cd-primary-nav" class="cd-primary-nav is-fixed"> 544 545 <!-- <div class="close-btn fa fa-long-arrow-left hidden-lg" id="close_btn"></div> --> 546 <div class="close-btn hidden-lg" id="close_btn" title="éé主é¸å®" aria-label="éé主é¸å®">CLOSE</div> 547 <li class="has-children " level="1" showsize="2"> 548 <a href="https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all" org-href="article.php?lang=tw&tb=1&ot=all" title="èªèæ æ" aria-label="èªèæ æ">èªèæ æ</a> 549 <ul class="cd-secondary-nav is-hidden"> 550 <li class="go-back first-go-back"><a href="#" onclick="return false;" title="åä¸ä¸é " aria-label="åä¸ä¸é ">åä¸ä¸é </a></li> 551 552 <li class=" first-click" level="2" l="1350"> 553 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=1&id=3&ot=all" org-href="article_d.php?lang=tw&tb=1&id=3&ot=all" aria-label="" title="" l="1351" >緣起èå¿æ¥</a> 554 </li> 555 <li class=" first-click" level="2" l="1350"> 556 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=1&cid=15&id=15&ot=all" org-href="article_d.php?lang=tw&tb=1&cid=15&id=15&ot=all" aria-label="" title="" l="1351" >åµè¾¦äººç°¡ä»</a> 557 </li> 558 <li class=" first-click" level="2" l="1350"> 559 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=1&cid=33&id=21&ot=all" org-href="article_d.php?lang=tw&tb=1&cid=33&id=21&ot=all" aria-label="" title="" l="1351" >館èä»ç´¹</a> 560 </li> 561 <li class=" first-click" level="2" l="1350"> 562 <a href="https://chilin.org.tw/article.php?lang=tw&tb=1&cid=39&ot=all" org-href="article.php?lang=tw&tb=1&cid=39&ot=all" aria-label="" title="" l="1351" >æ æåºçå</a> 563 </li> 564 565 </ul> 566 567 568 </li> 569 <li class=" " level="1" showsize="1"> 570 <a href="https://chilin.org.tw/article.php?lang=tw&tb=12" org-href="article.php?lang=tw&tb=12" title="ææ°æ¶æ¯" aria-label="ææ°æ¶æ¯">ææ°æ¶æ¯</a> 571 572 </li> 573 <li class="has-children " level="1" showsize="2"> 574 <a href="https://chilin.org.tw/article.php?lang=tw&tb=3&ot=all" org-href="article.php?lang=tw&tb=3&ot=all" title="åè§è³è¨" aria-label="åè§è³è¨">åè§è³è¨</a> 575 <ul class="cd-secondary-nav is-hidden"> 576 <li class="go-back first-go-back"><a href="#" onclick="return false;" title="åä¸ä¸é " aria-label="åä¸ä¸é ">åä¸ä¸é </a></li> 577 578 <li class=" first-click" level="2" l="1350"> 579 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=3&id=477&ot=all" org-href="article_d.php?lang=tw&tb=3&id=477&ot=all" aria-label="" title="" l="1351" >é ç´å°è¦½å訪</a> 580 </li> 581 <li class=" first-click" level="2" l="1350"> 582 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=3&cid=135&id=225&ot=all" org-href="article_d.php?lang=tw&tb=3&cid=135&id=225&ot=all" aria-label="" title="" l="1351" >å¸çåé«é ç´å訪</a> 583 </li> 584 <li class=" first-click" level="2" l="1350"> 585 <a href="https://chilin.org.tw/article.php?lang=tw&tb=3&cid=384&ot=all" org-href="article.php?lang=tw&tb=3&cid=384&ot=all" aria-label="" title="" l="1351" >社é岿ä¸å¿åé ç´</a> 586 </li> 587 <li class=" first-click" level="2" l="1350"> 588 <a href="https://chilin.org.tw/article.php?lang=tw&tb=3&cid=129&ot=all" org-href="article.php?lang=tw&tb=3&cid=129&ot=all" aria-label="" title="" l="1351" >åçåè¨ªæ æå¿å¾åé¥</a> 589 </li> 590 591 </ul> 592 593 594 </li> 595 <li class="has-children menu-donate" level="1" showsize=""> 596 <a href="https://chilin.org.tw/article.php?lang=tw&tb=4&ot=all" org-href="article.php?lang=tw&tb=4&ot=all" title="æå©æ æ" aria-label="æå©æ æ">æå©æ æ</a> 597 <ul class="cd-secondary-nav is-hidden"> 598 <li class="go-back first-go-back"><a href="#" onclick="return false;" title="åä¸ä¸é " aria-label="åä¸ä¸é ">åä¸ä¸é </a></li> 599 600 <li class=" first-click" level="2" l="1350"> 601 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=4&id=1230" org-href="article_d.php?lang=tw&tb=4&id=1230" aria-label="" title="" l="1351" >æå©æ æ</a> 602 </li> 603 <li class=" first-click" level="2" l="1350"> 604 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=4&id=3692" org-href="article_d.php?lang=tw&tb=4&id=3692" aria-label="" title="" l="1351" >æå©äººæ¬ææ´ç¹å±</a> 605 </li> 606 <li class=" first-click" level="2" l="1350"> 607 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=4&id=285" org-href="article_d.php?lang=tw&tb=4&id=285" aria-label="" title="" l="1351" >æå©ææ¸¸é¿å¦¹ç´å¿µæé</a> 608 </li> 609 <li class=" first-click" level="2" l="1350"> 610 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=4&id=1933" org-href="article_d.php?lang=tw&tb=4&id=1933" aria-label="" title="" l="1351" >å³å£å¦å¢¨å¯¶æå©æ æå°æ¡</a> 611 </li> 612 613 </ul> 614 615 616 </li> 617 <li class="has-children " level="1" showsize="2"> 618 <a href="https://chilin.org.tw/article.php?lang=tw&tb=5&ot=all" org-href="article.php?lang=tw&tb=5&ot=all" title="åå·¥å°å" aria-label="åå·¥å°å">åå·¥å°å</a> 619 <ul class="cd-secondary-nav is-hidden"> 620 <li class="go-back first-go-back"><a href="#" onclick="return false;" title="åä¸ä¸é " aria-label="åä¸ä¸é ">åä¸ä¸é </a></li> 621 622 <li class=" first-click" level="2" l="1350"> 623 <a href="https://chilin.org.tw/article.php?lang=tw&tb=5&cid=403&ot=all" org-href="article.php?lang=tw&tb=5&cid=403&ot=all" aria-label="" title="" l="1351" >å å ¥å¿å·¥å</a> 624 </li> 625 <li class=" first-click" level="2" l="1350"> 626 <a href="https://chilin.org.tw/article.php?lang=tw&tb=5&cid=153&ot=all" org-href="article.php?lang=tw&tb=5&cid=153&ot=all" aria-label="" title="" l="1351" >æ æå¿å·¥å</a> 627 </li> 628 <li class=" first-click" level="2" l="1350"> 629 <a href="https://chilin.org.tw/article.php?lang=tw&tb=5&cid=388&ot=all" org-href="article.php?lang=tw&tb=5&cid=388&ot=all" aria-label="" title="" l="1351" >æ æå¯¦ç¿ç</a> 630 </li> 631 <li class=" first-click" level="2" l="1350"> 632 <a href="https://chilin.org.tw/article.php?lang=tw&tb=5&cid=165&ot=all" org-href="article.php?lang=tw&tb=5&cid=165&ot=all" aria-label="" title="" l="1351" >æ æå叿</a> 633 </li> 634 <li class=" first-click" level="2" l="1350"> 635 <a href="https://chilin.org.tw/article.php?lang=tw&tb=5&cid=412&ot=all" org-href="article.php?lang=tw&tb=5&cid=412&ot=all" aria-label="" title="" l="1351" >æ ææ´»ååé¥</a> 636 </li> 637 638 </ul> 639 640 641 </li> 642 <li class="has-children " level="1" showsize=""> 643 <a href="#" org-href="#" title="è¯çµ¡æå" aria-label="è¯çµ¡æå">è¯çµ¡æå</a> 644 <ul class="cd-secondary-nav is-hidden"> 645 <li class="go-back first-go-back"><a href="#" onclick="return false;" title="åä¸ä¸é " aria-label="åä¸ä¸é ">åä¸ä¸é </a></li> 646 647 <li class=" first-click" level="2" l="1350"> 648 <a href="https://chilin.org.tw/eforms_d.php?lang=tw&tb=1&id=3" org-href="eforms_d.php?lang=tw&tb=1&id=3" aria-label="" title="" l="1351" >社群é£çµ</a> 649 </li> 650 <li class=" first-click" level="2" l="1350"> 651 <a href="https://chilin.org.tw/eforms.php?lang=tw&tb=1&id=109" org-href="eforms.php?lang=tw&tb=1&id=109" aria-label="" title="" l="1351" >館èç§å</a> 652 </li> 653 <li class=" first-click" level="2" l="1350"> 654 <a href="https://reurl.cc/KMxYrR" org-href="https://reurl.cc/KMxYrR" aria-label="" target="_blank" title="" l="1351" >æç¨¿å訪åé¥</a> 655 </li> 656 <li class=" first-click" level="2" l="1350"> 657 <a href="https://chilin.org.tw/eforms_d.php?lang=tw&tb=1&id=15" org-href="eforms_d.php?lang=tw&tb=1&id=15" aria-label="" target="_blank" title="" l="1351" >建è°åé¥</a> 658 </li> 659 <li class=" first-click" level="2" l="1350"> 660 <a href="http://www.chilin.org.tw/eforms.php?lang=tw&tb=1&id=51" org-href="http://www.chilin.org.tw/eforms.php?lang=tw&tb=1&id=51" aria-label="" title="" l="1351" >å徿 æ</a> 661 </li> 662 <li class=" first-click" level="2" l="1350"> 663 <a href="https://reurl.cc/Mk9bbp" org-href="https://reurl.cc/Mk9bbp" aria-label="" target="_blank" title="" l="1351" >è¨é±ãæ æéè¨ã</a> 664 </li> 665 666 </ul> 667 668 669 </li> 670 <li class=" " level="1" showsize=""> 671 <a href="https://chilin.org.tw/member.php?lang=tw" org
671-href="member.php?lang=tw" title="å å ¥æ æä¹å" aria-label="å å ¥æ æä¹å">å å ¥æ æä¹å</a> 672 673 </li> 674 675 676 <div class="clearfix"></div> 677 <!-- ææ©æå¡ç»å ¥ --> 678 <li class="phone-member hidden-lg"> 679 <a href="https://chilin.org.tw/member_login.php?lang=tw" title="å¿å·¥ç»å ¥">å¿å·¥ç»å ¥</a> </li> 680 681 <!-- è¡åè£ç½®èªç³» --> 682 <li class="has-children hidden-lg" is=""> 683 <a title="Language" aria-label="Language" class="lang-select-label no-symbol" href="#" onclick="return false;"> 684 <i class="fa ic_lang-select"></i> 685 <i class="lang-select-symbol">(</i> 686 <span>ç¹é«ä¸æ</span> 687 <i class="lang-select-symbol">)</i> 688 </a> 689 <ul class="cd-secondary-nav is-hidden" style="display: none;"> 690 <li class="go-back first-go-back"><a href="#" onclick="return false;" aria-label="åä¸ä¸é " title="åä¸ä¸é ">åä¸ä¸é </a></li> 691 <li class=" first-click"> 692 <a href="index.php?lang=tw" aria-label="ç¹é«ä¸æ"> 693 <span>ç¹é«ä¸æ</span> 694 </a> 695 </li> 696 <li class=" first-click"> 697 <a href="index.php?lang=en" aria-label="English"> 698 <span>English</span> 699 </a> 700 </li> 701 </ul> 702 </li> 703 <div class="phone-menubelow"> 704 <!-- è¡åè£ç½®èªç³» --> 705 </div> 706 <div class="bottom-copyright hidden-lg"> 707 Copyright © 2017 <span style="font-weight:600">MIRACLE</span> </div> 708 </ul> <!-- primary-nav --> 709 </nav> 710 711 712 713 </header> 714 715 716 <!-- æå°è¼¸å ¥æ¬ --> 717 <!-- æå°é¸ææ»¿çæç¨é段 --> 718 <div class="cd-search full" style="background-color:rgba(0,0,0,0.8)"> 719 <button type="button" name="closesearch" class="search-close-full" onclick="search_close_full()"></button> 720 <div class="search-in"> 721 <input type="search" id="top_search_searchkey" placeholder="è«è¼¸å ¥ééµå"> 722 <div class="btn-box"> 723 <button type="button" name="search" class="ibtn search" onclick="do_top_search()"><i class="ii ii-search1"></i></button> 724 <button type="button" name="closesearch" class="ibtn close-btn" onclick="close_search()"><i class="ii ii-close1"></i></button> 725 </div> 726 </div> 727 </div> 728 <div class="clearfix"></div> 729 </div> 730 </div> 731 732 733 734 <div class="cd-overlay"></div> 735 736 737 738 739 <div style="clear:both;"></div> 740 </div> 741 742 743
743<script type="text/javascript"> 744 //滿çæå°ééæé 745 function search_close_full(){ 746 $('.cd-search').removeClass('is-visible'); 747 $('.cd-search-trigger').removeClass('search-is-visible'); 748 setTimeout(function(){$('#top_search_searchkey').attr("value","")},300); 749 } 750 $( document ).ready(function() { 751 $("#top_search_searchkey").keydown(function(event){ 752 if (event.keyCode==13){ 753 do_top_search(); 754 } 755 }); 756 }); 757 let search_box = $('.cd-search'); 758 let search_input = $('#top_search_searchkey'); 759 $(window).keydown(function(e){//滿çæå°__éµç¤escééï¼ä¸¦æ¸ 空 760 if (search_box.hasClass("full")&&search_box.hasClass("is-visible")&&e.keyCode==27){ 761 close_search(); 762 } 763 }) 764 //ç¨æ¼ios blur失æåé¡ â 765 $('.cd-search.full').click(function(){ 766 $(this).attr("blur","other"); 767 }); 768 //ç¨æ¼ios blur失æåé¡ â 769 // search_input.blur(function(){ 770 // if(search_box.hasClass("full")){ 771 // close_search(); 772 // } 773 // }); 774 function do_top_search(){ 775 var val = $("#top_search_searchkey").val(); 776 if (val !="" && val !="è«è¼¸å ¥ééµå"){ 777 location.href="https://chilin.org.tw/search.php?lang=tw&searchkey="+encodeURIComponent(val); 778 } 779 if($('.cd-search').hasClass("full")){ 780 search_close_full(); 781 } 782 } 783 //滿çæå°ééæé 784 function close_search(){ 785 search_box.removeClass('is-visible'); 786 $('.cd-search-trigger').removeClass('search-is-visible'); 787 setTimeout(function(){search_input.attr("value","")},300); 788 // $('.cd-overlay').removeClass('search-is-visible'); 789 // $('.cd-overlay').removeClass('is-visible'); 790 } 791 </script>
791 792
792<script type="text/javascript"> 793 794 var _auto_hide = false; 795 var _auto_hide_timer = null; 796 var _auto_hide_s = 0; 797 function m_RWDfullscreen01_1_1setTimeout(t){ 798 if(_auto_hide) 799 { 800 _auto_hide_timer = setTimeout(function(){ 801 $(".cd-overlay").trigger('click'); 802 },_auto_hide_s); 803 // console.log('set Timer'); 804 } 805 } 806 807 function m_RWDfullscreen01_1_1clearTimeout(t){ 808 if(_auto_hide && _auto_hide_timer!= null){ 809 clearTimeout(_auto_hide_timer); 810 // console.log('clear Timer'); 811 } 812 } 813 </script>
813 814 815 816 <!-- èªè¨js --> 817
817<script> 818 819 var viewport_width=$(window).width(); 820 821 if (viewport_width > 1199) { 822 $('.first-block').hide(); 823 824 // $('.first-click,.cd-overlay').on('click', function(event){ 825 // //$('.first-click,.cd-overlay').hover(function(event){ 826 827 // $('.first-block').hide(); 828 // $(this).find('.first-block').addClass('open-block').show(); 829 // $(this).find('.first-click').addClass('open'); 830 831 // }); 832 } 833 834 </script>
834 835 836
836<script> 837 $(window).scroll(function() { 838 var scroll = $(window).scrollTop(); 839 if (scroll >= 1) { 840 $(".sub-nav").addClass("sub-up"); 841 $(".RWDmenu_plus02 .inside").addClass("is-up"); 842 $('#cd-search').addClass('is-up'); 843 } else { 844 $(".sub-nav").removeClass("sub-up"); 845 $(".RWDmenu_plus02 .inside").removeClass("is-up"); 846 $('#cd-search').removeClass('is-up'); 847 } 848 }); 849 // console.log(""); 850 </script>
850 851
851<script> 852 $(document).ready(function(){ 853 $(".lang-select-label").bind("mouseenter",function (){ 854 $(this).next().show(); 855 }) 856 $(".lang-select").bind("mouseleave",function(){ 857 $(this).children("ul").hide(); 858 }) 859 }) 860 </script>
860 861
861<script> 862 863 864 //黿é®ç½© 865 $('.cd-overlay').click(function(){ 866 $('.cd-overlay').removeClass('is-push'); 867 $('.cd-main-content').removeClass('is-push'); 868 $('nav.cd-nav ul .close-btn').removeClass('is-push'); 869 $('.RWDmenu_plus02 .inside').removeClass('is-push'); 870 $('.RWDmenu_plus02 .cart-menu').removeClass('is-visible'); 871 if($('.RWDmenu_plus06')[0]){ 872 $('.RWDmenu_plus06').removeClass('push_by_menu'); 873 } 874 $('body').removeClass('is-visible'); 875 m_RWDfullscreen01_1_1clearTimeout(''); 876 }); 877 878 879 //è¡åè£ç½®ä¸»é¸å®ééæé 880 $('#close_btn').click(function(){ 881 882 $('.cd-primary-nav').removeClass('nav-is-visible'); 883 $('.cd-main-content').removeClass('nav-is-visible'); 884 $('.cd-main-header').removeClass('nav-is-visible'); 885 $('.cd-overlay').removeClass('nav-is-visible is-visible'); 886 $('.cd-nav-trigger').removeClass('nav-is-visible'); 887 $(".phone-language").removeClass('is-push'); 888 $("#cd-primary-nav").removeClass("moves-out"); 889 if($('.RWDmenu_plus06')[0]){ 890 $('.RWDmenu_plus06').removeClass('push_by_menu'); 891 } 892 setTimeout(function(){ $('body').removeClass('overflow-hidden'); }, 1000); 893 }); 894 895 896 897 //é»é¸é¸å® 898 $('.cd-primary-nav > .has-children > a').click(function(){ 899 $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').addClass('is-push'); 900 // console.log('1111'); 901 m_RWDfullscreen01_1_1setTimeout(''); 902 903 }); 904 905 906 $('.cd-secondary-nav > .has-children > a').click(function(){ 907 $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').addClass('is-push'); 908 // console.log('22222'); 909 }); 910 911 $(".cd-secondary-nav").hover( 912 function() { 913 m_RWDfullscreen01_1_1clearTimeout(''); 914 // $( this ).addClass('hovered').append( $( "<span> ***</span>" ) ); 915 }, function() { 916 m_RWDfullscreen01_1_1setTimeout(''); 917 // $( this ).removeClass('hovered').find( "span:last" ).remove(); 918 } 919 ); 920 //.cd-primary-nav 921 $('.first-go-back a').click(function(){ 922 923 $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').removeClass('is-push'); 924 $('.phone-language,.phone-group').removeClass('is-push'); 925 926 m_RWDfullscreen01_1_1clearTimeout(''); 927 }); 928 929 //é»å ¶ä»åè½æéæééæå°å 930 $('.RWDmenu_plus02 .member-block,.RWDmenu_plus02 .language-block,.RWDmenu_plus02 .cart-block,.RWDmenu_plus02 .querycar-block').click(function(){ 931 $('.cd-search').removeClass('is-visible'); 932 $('.cd-search-trigger').removeClass('search-is-visible'); 933 $('.cd-overlay').removeClass('is-visible search-is-visible'); 934 }); 935 936 937 938 939 940 </script>
940 941
941<script type="text/javascript"> 942 function isMobile_fun() { 943 try{ document.createEvent("TouchEvent"); return true; } 944 catch(e){ return false;} 945 } 946 $(document).ready(function(){ 947 if(isMobile_fun()){ 948 $("#cd-primary-nav div.m_title").each(function(){ 949 var sub_name_tmp=$(this).html(); 950 var parent_tmp=$(this).parent() 951 parent_tmp.html(sub_name_tmp); 952 }); 953 } 954 $(function () { 955 956 $("#cd-primary-nav a[href*=#]:not([href=#])").click(function() { 957 958 var target = $(this.hash); 959 var href = $(this).attr('href'); 960 // console.log(href); 961 if(href.indexOf('.php') !=-1){ 962 location.href = href; 963 // return false; 964 } 965 $("html,body").animate({ 966 967 scrollTop: target.offset().top 968 969 }, 1000); 970 if($(window).width()<1170){ 971 $("#close_btn").click(); 972 } 973 return false; 974 975 }); 976 977 978 979 }); 980 }) 981 /* æ»åè¿å 982 $(function() { 983 //Enable swiping... 984 $("#cd-primary-nav,.cd-secondary-nav").swipe( { 985 //Generic swipe handler for all directions 986 swipe:function(event, direction, distance, duration, fingerCount, fingerData) { 987 if(direction=='right'){ 988 if($(".cd-nav .moves-out").size()==0){ 989 $(".cd-nav .close-btn").eq(0).trigger('click'); 990 $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').removeClass('is-push'); 991 }else{ 992 // console.log('sele_size:'+$(".cd-nav .has-children a.selected").size()); 993 $nowa = $(".cd-nav .has-children a.selected").last(); 994 if($nowa.is('a')){ 995 $bak_btn = $nowa.parent().find('.go-back a'); 996 if($bak_btn.is('a')){ 997 // console.log('li click'); 998 $bak_btn.trigger('click'); 999 }else{ 1000 // console.log('not li'); 1001 } 1002 }else{ 1003 // console.log('not a'); 1004 } 1005 // $(".cd-nav .moves-out .go-back").eq(0).trigger('click'); 1006 } 1007 // console.log('=>'+$(".cd-nav .moves-out").size()); 1008 } 1009 }, 1010 //Default is 75px, set to 0 for demo so any distance triggers swipe 1011 threshold:120, 1012 excludedElements:$.fn.swipe.defaults.excludedElements+", select" 1013 }); 1014 }); 1015 æ»åè¿å*/ 1016 1017 </script>
1017 1018 <div class="clear"></div> 1019 </div> 1020 <div class=" main cd-main-content" id="panel_71" page_style=""> 1021 <div class=" panel_1 banner-block " id="panel_6" page_style=""> 1022 1023 <div class="model RWDbanner_plus01 " id="m_RWDfullscreen01_6_1" md_id="1" tp_id="6" template_id="RWDfullscreen01" style="opacity: 0;" new_edit="Y"> 1024 <div class="RWDbanner_plus01 style-dotnav control-right dot" data-imgfrom="模çµ"> 1025 <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div> 1026 <div class="banner-slider "> 1027 <div class="slick-item slickitem01"> 1028 <div class="slick-caption txt-right chang_fontSize"> 1029 <div class="container"> 1030 <div class="logo fadeInLeft01" PC="https://chilin.org.tw/archive/image/model/images/210519-banner-word-pc.png"NOTE="https://chilin.org.tw/archive/image/model/images/210519-banner-word-pc.png"PAD="https://chilin.org.tw/archive/image/model/images/210519-banner-word-pc.png"PHONE="https://chilin.org.tw/archive/image/model/images/210519-banner-word-pc.png" ><img src="https://chilin.org.tw/archive/image/model/images/210519-banner-word-pc.png" alt="logo"></div> </div> 1031 </div> 1032 <div class="pic-box"> 1033 <!-- é¦é 顯示åå¡ --> 1034 <div class="pic " style="text-align:right;" PC="https://chilin.org.tw/archive/image/model/images/210519-banner-ppc.jpg" NOTE="https://chilin.org.tw/archive/image/model/images/210519-banner-padw.jpg" PAD="https://chilin.org.tw/archive/image/model/images/210519-banner-padh.jpg" PHONE="https://chilin.org.tw/archive/image/model/images/210519-banner-ph.jpg" imgalt=""> 1035 <img src="https://chilin.org.tw/archive/image/model/images/210519-banner-ppc.jpg" alt=""> 1036 </div> 1037 <!-- ââæ¨¡æ¹è·åä¹åçhtmlçµæ§ --> 1038 </div> 1039 <!--âåååçåå¡ 20180523æ°å¢â--> 1040 <!--âåååçåå¡ 20180523æ°å¢â--> 1041 1042 </div> 1043 </div> 1044 <style type="text/css"> 1045 .RWDbanner_plus01.style-dotnav .slick-prev ,.RWDbanner_plus01.style-dotnav .slick-next{display: none!important;} 1046 </style> 1047 <div class="plus-banner-container"> 1048 <div class="control-box clearfix"> 1049 <div class="control"> 1050 <div class="items"></div> 1051 </div> 1052 </div> 1053 </div> 1054 </div> 1055 <div style="clear:both;"></div> 1056 </div> 1057 <!-- model end--> 1058
1058<script type="text/javascript"> 1059 //寬çç¨initå ¨åè®æ¸ 1060 var BYT_INIT_I=0; 1061 //夿·æ¯å¦çºè¡åè£ç½® 1062 var isMobile = false; 1063 if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) 1064 || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.
1064substr(0,4))) isMobile = true; 1065 GetRumdomStr = function () { 1066 var str = ""; 1067 var maxNum = 10; 1068 var minNum = 0; 1069 var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 1070 for (var i = 1; i <= 4; i++) { 1071 n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; 1072 str += n.toString(); 1073 } 1074 // console.log(str); 1075 return str; 1076 }; 1077 1078 $(document).ready(function(){ 1079 $(".full_page_photo").css({'height':$("#m_RWDfullscreen01_6_1").outerHeight()}); 1080 1081 if($('.collapsing_header .main').size() > 0 ){ 1082 var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight(); 1083 $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !importantæå®¢è£½åcssçtop弿´æ 1084 } 1085 1086 if($('#m_RWDfullscreen01_6_1 img').size()==0){ 1087 init_banner_plus01_RWDfullscreen0161(); 1088 }else{ 1089 $('#m_RWDfullscreen01_6_1').imagesLoaded( function() { 1090 init_banner_plus01_RWDfullscreen0161(); 1091 }); 1092 } 1093 1094 $(window).on("resize",function(e){ 1095 fullscreenImage_RWDfullscreen0161(); 1096 setTimeout(function() { 1097 bannerSetHeight_RWDfullscreen0161(); 1098 },100) 1099 }); 1100 }); 1101 function init_banner_plus01_RWDfullscreen0161(){ 1102 fullscreenImage_RWDfullscreen0161(); 1103 $('#m_RWDfullscreen01_6_1').css({'opacity':1}); 1104 if($('#m_RWDfullscreen01_6_1 .pic-box').size() < 2){ 1105 $('#m_RWDfullscreen01_6_1 .control-box, #m_RWDfullscreen01_6_1 .slick-arrow').hide(); 1106 } 1107 let slick_tmp=null; 1108 slick_tmp = $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.style-dotnav .banner-slider'); 1109 slick_tmp.not('#m_RWDfullscreen01_6_1 .slick-initialized').slick({ 1110 lazyLoad: 'progressive',//ondemand lazyload 1111 autoplay: true, 1112 autoplaySpeed: 7000, 1113 dots: true, 1114 arrows: false, 1115 pauseOnHover: false, 1116 pauseOnFocus: false, 1117 speed: 700, 1118 fade: true, 1119 appendDots: $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 .control-box .control .items'), 1120 adaptiveHeight: true, 1121 swipeToSlide: true, 1122 touchThreshold: 20000, 1123 waitForAnimate: false, 1124 responsive: [ 1125 { 1126 breakpoint: 767, 1127 settings: { 1128 adaptiveHeight:false, 1129 } 1130 } 1131 ] 1132 }); 1133 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() { 1134 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.style-dotnav .slick-prev').click(); 1135 }); 1136 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() { 1137 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.style-dotnav .slick-next').click(); 1138 }); 1139 1140 $(window).on('resize', bannerSetHeight_RWDfullscreen0161()).resize(); 1141 1142 // page-scrollæé 1143 $('#m_RWDfullscreen01_6_1 a.scrolllink').click(function(event) { 1144 var t = $(this).attr('href'); 1145 if(t != '#' && t != ''){ 1146 $('html,body').animate({scrollTop:$(t).offset().top},800); 1147 } 1148 return false; 1149 }); 1150 // ä¿®æ£è¡åè£ç½®BUG //github.com/kenwheeler/slick/issues/3306 1151 $('#m_RWDfullscreen01_6_1 .slick-initialized').on('touchstart', e => { 1152 $('#m_RWDfullscreen01_6_1 .slick-initialized').slick('slickPlay'); 1153 }); 1154 } 1155 function bannerSetHeight_RWDfullscreen0161() { 1156 var menu_height = 0; 1157 /* bannerææ©çæé«æ»¿çé¢ */ 1158 var windowHeight = 0 1159 var paddingHeight = $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 .banner-slider.bg').height(); 1160 1161 if ($('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) { 1162 windowHeight = $(window).height() - $('#m_RWDfullscreen01_6_1 .control-box').outerHeight() - menu_height - paddingHeight; 1163 } else { 1164 windowHeight = $(window).height() - menu_height - paddingHeight; 1165 } 1166 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight); 1167 1168 1169 /* banner滿çé¢ */ 1170 var fullHeight = 0 1171 if ($('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) { 1172 fullHeight = $(window).height() - $('#m_RWDfullscreen01_6_1 .control-box').outerHeight() - menu_height - paddingHeight; 1173 } else { 1174 fullHeight = $(window).height() - menu_height - paddingHeight; 1175 } 1176 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight); 1177 1178 1179 /* banneræ§å¶å¨é«åº¦ */ 1180 let bannerHeight = 0 1181 if ($('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) { 1182 bannerHeight = $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 .banner-slider .slick-list').height(); 1183 } 1184 $('#m_RWDfullscreen01_6_1 .style-dotnav.control-left .control-box , #m_RWDfullscreen01_6_1 .style-dotnav.control-right .control-box').css('height', bannerHeight); 1185 1186 } 1187 function fullscreenImage_RWDfullscreen0161(){ 1188 var ww = $(window).width(); 1189 // å¸¶å ¥RWDæ£ç¢ºçåçè·¯å¾ 1190 $('#m_RWDfullscreen01_6_1 .pic').each(function(){ 1191 if(ww > 1024){ 1192 img = $(this).attr('PC'); 1193 }else if(ww >= 992){ 1194 img = $(this).attr('NOTE'); 1195 }else if(ww >= 768){ 1196 img = $(this).attr('PAD'); 1197 }else{ 1198 img = $(this).attr('PHONE'); 1199 } 1200 let img_alt = $(this).attr('imgALT'); 1201 $(this).find('img').attr('src',img); 1202 $(this).find('img').attr('alt',img_alt); 1203 //解決æ°è³¼ç©part2 .slick-slideçcssé«åº¦100%å½±é¿ 1204 $('#m_RWDfullscreen01_6_1 .slick-slide').css("height",'auto'); 1205 }); 1206 1207 $("#m_RWDfullscreen01_6_1 .logo").each(function(){ 1208 if(ww >= 1200){ 1209 img = $(this).attr('PC'); 1210 }else if(ww >= 992){ 1211 img = $(this).attr('NOTE'); 1212 }else if(ww >= 768){ 1213 img = $(this).attr('PAD'); 1214 }else{ 1215 img = $(this).attr('PHONE'); 1216 } 1217 1218 if(img==''){ 1219 $(this).find('img').hide(); 1220 }else{ 1221 if($(this).find('img').size()==0){ 1222 $(this).append('<img src="" alt="LOGO">'); 1223 } 1224 $(this).find('img').attr('src',img).show(); 1225 } 1226 1227 }); 1228 } 1229 function change_imgblock_size_RWDfullscreen0161(){ 1230 var nextSlide_idx=BYT_INIT_I*1; 1231 var slickitem_idx=BYT_INIT_I*1+1; 1232 if(nextSlide_idx<10){ 1233 nextSlide_idx="0"+BYT_INIT_I; 1234 } 1235 if(slickitem_idx<10){ 1236 slickitem_idx="0"+slickitem_idx; 1237 } 1238 if($('#m_RWDfullscreen01_6_1'+" #slick-slide"+nextSlide_idx).length==0){ 1239 return false;
1240 }else{ 1241 var image = new Image(); 1242 image.onload =function(){ 1243 var image_height=image.height; 1244 $('#m_RWDfullscreen01_6_1'+" #slick-slide"+nextSlide_idx).css("height",image_height); 1245 $('#m_RWDfullscreen01_6_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){ 1246 if($(this).hasClass("slick-cloned")){ 1247 $(this).css('height', image_height) 1248 } 1249 }) 1250 BYT_INIT_I++; 1251 change_imgblock_size_RWDfullscreen0161(); 1252 //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height); 1253 } 1254 var slick_url_data=$('#m_RWDfullscreen01_6_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic"); 1255 var ww = $(window).width(); 1256 var img=""; 1257 if(ww > 1024){ 1258 img = slick_url_data.attr('PC'); 1259 }else if(ww >= 992){ 1260 img = slick_url_data.attr('NOTE'); 1261 }else if(ww >= 768){ 1262 img = slick_url_data.attr('PAD'); 1263 }else{ 1264 img = slick_url_data.attr('PHONE'); 1265 } 1266 image.src = img; 1267 } 1268 } 1269 </script>
1269 1270 <div class="clear"></div> 1271 </div> 1272 <div class=" panel_1 about-block " id="panel_72" page_style=""> 1273 <div class=" panel_2 container_none " id="panel_54" page_style=""> 1274 1275 1276 <div class="model RWDleft_cont002" id="m_RWDfullscreen01_54_1" md_id="1" tp_id="54" template_id="RWDfullscreen01"> 1277 <div class="container"> 1278 <div class=" item-second"> 1279 <a href="javascript:;pointer-events: none;" aria-label="æ ææè²åºéæ" title="æ ææè²åºéæ" > 1280 <div class="pic"> 1281 <img class="img-responsive" src="https://chilin.org.tw/archive/image/index/0518about-pic.jpg" alt="æ ææè²åºéæ"> 1282 </div> 1283 </a> 1284 <div class="text-box"> 1285 <div class="title">æ ææè²åºéæ</div> 1286 <div class="subtitle"></div> 1287 <div class="underline"></div> 1288 <div class="text">æ æç·£èµ·çºã人å¿çåæ¡æ±ºå®äºäººéçæ¡åææ²è¦ï¼ç¤¾æç祥åæç´æ¾ãæè¦æ¸¡å䏿¯è©è©ç責任ï¼äººéæ¨åä¹ä¸æ¯ä¸å¤©çæ©è³ï¼èæ¯äººé¡å°±èªèº«å¿é䏿·å°éç åææçäºå·¥ãæ±çæ±åæ±ç¾çæååæè²æ¯å¾äºéé äºå·¥ç主è¦åªä»ãã åºæ¼ä»¥ä¸çä¿¡å¿µï¼æç¾©éãæ¹ç´ æå¤«å©¦æ¼ 1991 å¹´æç«æ æåºéæï¼å å¾æç«æ æææä¸å¿ãå°ç£æ°ä¸»éåé¤¨ãæ æç´å¿µé¤¨ãå°ç£ç¤¾æéå岿ä¸å¿ãåæ æç¤¾æç¼å±å¸é¢çï¼ææåæè²ãç¤¾ææ¹é©è¦çºå¹è²æ°æé«è²´å¿éï¼é·é èèçäºå·¥ï¼å¸ææ æè½æçºåç¨®æææ´»ååæ¹é©éåçæ°¸ä¹ åºå°ã</div> 1289 <a href="javascript:;pointer-events: none;" aria-label="äºè§£æ´å¤" title="äºè§£æ´å¤" >äºè§£æ´å¤</a> 1290 </div> 1291 <div class="clearfix"></div> 1292 </div> 1293 <div style="clear:both;"></div> 1294 </div> 1295 </div> 1296 <div class="clear"></div> 1297 </div> 1298 <div class="clear"></div> 1299 </div> 1300 <div class=" panel_1 event-block paneleffect" id="panel_73" data-os-animation="fadeInUp" data-os-animation-delay="0.3s" page_style=""> 1301 <div class=" panel_2 container_none " id="panel_55" page_style=""> 1302 1303 <div class="model RWDnews005" id="m_RWDfullscreen01_55_1" md_id="1" tp_id="55" template_id="RWDfullscreen01"> 1304<section> 1305 <div class="container"> 1306 <div class="section-subject row"> 1307 <div class="col-md-12"> 1308 <h1 class="main-title">æ æææ°æ´»åè³è¨</h1> <h2 class="sub-title">ä¸å®æè辦æ¼è¬ã鳿¨æãèè¡ç¹å±çè³è¨å ¬å</h2> <div class="section-line"></div> 1309 </div> 1310 </div> 1311 1312 <div class="owl-carousel owl-padding-10 controlls-over" data-plugin-options='{"singleItem": false, "autoPlay": 4000, "navigation": true, "pagination": true}'> 1313 <div class="img-hover"> 1314 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4725" aria-label="2026社æç¼å±ç ä¿®ç" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4725"> 1315 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/2026.png" alt="2026社æç¼å±ç ä¿®ç"> 1316 </a> 1317 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4725" aria-label="2026社æç¼å±ç ä¿®ç" >2026社æç¼å±ç ä¿®ç</a></h4> 1318 <p class="text-left"></p> 1319 <ul class="text-left size-12 list-inline list-separator" > 1320 <li> 1321 <i class="fa fa-calendar"></i>2026-08-15 </li> 1322 </ul> 1323 </div> 1324 <div class="img-hover"> 1325 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4699" aria-label="2026éå°å¹´çéååå®" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4699"> 1326 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/18.png" alt="2026éå°å¹´çéååå®"> 1327 </a> 1328 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4699" aria-label="2026éå°å¹´çéååå®" >2026éå°å¹´çéååå®</a></h4> 1329 <p class="text-left"></p> 1330 <ul class="text-left size-12 list-inline list-separator" > 1331 <li> 1332 <i class="fa fa-calendar"></i>2026-06-11 </li> 1333 </ul> 1334 </div> 1335 <div class="img-hover"> 1336 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4689" aria-label="2026æ åçå©å¸éç²è´åå®" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4689"> 1337 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/19.png" alt="2026æ åçå©å¸éç²è´åå®"> 1338 </a> 1339 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4689" aria-label="2026æ åçå©å¸éç²è´åå®" >2026æ åçå©å¸éç²è´åå®</a></h4> 1340 <p class="text-left"></p> 1341 <ul class="text-left size-12 list-inline list-separator" > 1342 <li> 1343 <i class="fa fa-calendar"></i>2026-06-11 </li> 1344 </ul> 1345 </div> 1346 <div class="img-hover"> 1347 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4679" aria-label="ãæ æéè¨ã第117æé»åå£å" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4679"> 1348 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1780643734.png" alt="ãæ æéè¨ã第117æé»åå£å"> 1349 </a> 1350 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4679" aria-label="ãæ æéè¨ã第117æé»åå£å" >ãæ æéè¨ã第117æé»åå£å</a></h4> 1351 <p class="text-left"></p> 1352 <ul class="text-left size-12 list-inline list-separator" > 1353 <li> 1354 <i class="fa fa-calendar"></i>2026-06-05 </li> 1355 </ul> 1356 </div> 1357 <div class="img-hover"> 1358 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4669" aria-label="é»åç¼ç¥¨æè´æ æ" orglink="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4669"> 1359 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/a7c03ed8b987366a.png" alt="é»åç¼ç¥¨æè´æ æ"> 1360 </a> 1361 <h4 class="news005_h4 text-left margin-top-20"><a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4669" aria-label="é»åç¼ç¥¨æè´æ æ" >é»åç¼ç¥¨æè´æ æ</a></h4> 1362 <p class="text-left"></p> 1363 <ul class="text-left size-12 list-inline list-separator" > 1364 <li> 1365 <i class="fa fa-calendar"></i>2026-06-03 </li> 1366 </ul> 1367 </div> 1368 <div class="img-hover"> 1369 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4619" aria-label="2026æ åå©å¸é" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4619"> 1370 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/0a82f1d90f995327.png" alt="2026æ åå©å¸é"> 1371 </a> 1372 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4619" aria-label="2026æ åå©å¸é" >2026æ åå©å¸é</a></h4> 1373 <p class="text-left"></p> 1374 <ul class="text-left size-12 list-inline list-separator" > 1375 <li> 1376 <i class="fa fa-calendar"></i>2026-04-16 </li> 1377 </ul> 1378 </div> 1379 <div class="img-hover"> 1380 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4614" aria-label="2026æ æéå°å¹´ç" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4614"> 1381 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/d4c3a9c16abe2951.png" alt="2026æ æéå°å¹´ç"> 1382 </a> 1383 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4614" aria-label="2026æ æéå°å¹´ç" >2026æ æéå°å¹´ç</a></h4> 1384 <p class="text-left"></p> 1385 <ul class="text-left size-12 list-inline list-separator" > 1386 <li> 1387 <i class="fa fa-calendar"></i>2026-04-11 </li> 1388 </ul> 1389 </div> 1390 <div class="img-hover"> 1391 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4604" aria-label="2026ææå¯¦ç¿çãéè¼æå" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4604"> 1392 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1742954159.png" alt="2026ææå¯¦ç¿çãéè¼æå"> 1393 </a> 1394 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4604" aria-label="2026ææå¯¦ç¿çãéè¼æå" >2026ææå¯¦ç¿çãéè¼æå</a></h4> 1395 <p class="text-left"></p> 1396 <ul class="text-left size-12 list-inline list-separator" > 1397 <li> 1398 <i class="fa fa-calendar"></i>2026-04-09 </li> 1399 </ul> 1400 </div> 1401 <div class="img-hover"> 1402 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4594" aria-label="2026æ æé³æ¨ç©ç«¥å¤ä»¤ç" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4594"> 1403 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/03daeea5da4d07b9.jpg" alt="2026æ æé³æ¨ç©ç«¥å¤ä»¤ç"> 1404 </a> 1405 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4594" aria-label="2026æ æé³æ¨ç©ç«¥å¤ä»¤ç" >2026æ æé³æ¨ç©ç«¥å¤ä»¤ç</a></h4> 1406 <p class="text-left">æ¡è¿å ±å</p> 1407 <ul class="text-left size-12 list-inline list-separator" > 1408 <li> 1409 <i class="fa fa-calendar"></i>2026-04-09 </li> 1410 </ul> 1411 </div> 1412 <div class="img-hover"> 1413 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4584" aria-label="æ¿æ²»å®¶ç ä¿®çæ£åãåååå®" target="_blank" orglink="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4584"> 1414 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1.png" alt="æ¿æ²»å®¶ç ä¿®çæ£åãåååå®"> 1415 </a> 1416 <h4 class="news005_h4 text-left margin-top-20"><a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4584" aria-label="æ¿æ²»å®¶ç ä¿®çæ£åãåååå®" target="_blank">æ¿æ²»å®¶ç ä¿®çæ£åãåååå®</a></h4> 1417 <p class="text-left"></p> 1418 <ul class="text-left size-12 list-inline list-separator" > 1419 <li> 1420 <i class="fa fa-calendar"></i>2026-03-05 </li> 1421 </ul> 1422 </div> 1423 <div class="img-hover"> 1424 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4574" aria-label="2026æ ææ¥å¤©é³æ¨æ-人ççæ" target="_blank" orglink="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4574"> 1425 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/b74c9cf4ab319387.jpg" alt="2026æ ææ¥å¤©é³æ¨æ-人ççæ"> 1426 </a> 1427 <h4 class="news005_h4 text-left margin-top-20"><a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4574" aria-label="2026æ ææ¥å¤©é³æ¨æ-人ççæ" target="_blank">2026æ ææ¥å¤©é³æ¨æ-人ççæ</a></h4> 1428 <p class="text-left">æ¡è¿å ±å</p> 1429 <ul class="text-left size-12 list-inline list-separator" > 1430 <li> 1431 <i class="fa fa-calendar"></i>2026-03-04 </li> 1432 </ul> 1433 </div> 1434 <div class="img-hover"> 1435 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4564" aria-label="æ¿æ²»å®¶ç ä¿®ç" target="_blank" orglink="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4564"> 1436 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/3.21-5.10.png" alt="æ¿æ²»å®¶ç ä¿®ç"> 1437 </a> 1438 <h4 class="news005_h4 text-left margin-top-20"><a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4564" aria-label="æ¿æ²»å®¶ç ä¿®ç" target="_blank">æ¿æ²»å®¶ç ä¿®ç</a></h4> 1439 <p class="text-left">æ¡è¿å ±å</p> 1440 <ul class="text-left size-12 list-inline list-separator" > 1441 <li> 1442 <i class="fa fa-calendar"></i>2026-02-13 </li> 1443 </ul> 1444 </div> 1445 <div class="img-hover"> 1446 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4554" aria-label="çéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé" target="_blank" orglink="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4554"> 1447 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1eda1f6899dd1196.jpg" alt="çéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé"> 1448 </a> 1449 <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4554" aria-label="çéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé" target="_blank">çéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé</a></h4> 1450 <p class="text-left">æ¡è¿åè§</p> 1451 <ul class="text-left size-12 list-inline list-separator" > 1452 <li> 1453 <i class="fa fa-calendar"></i>2026-02-05 </li> 1454 </ul> 1455 </div> 1456 <div class="img-hover"> 1457 <a href="https://chilin.o
1457rg.tw/article_d.php?lang=tw&tb=12&id=4544" aria-label="翰墨é£é¦-æ¸æ³ç¾å¸å ¥éå·¥ä½å" target="_blank" orglink="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4544"> 1458 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/37fe7d892ca3a6d0.png" alt="翰墨é£é¦-æ¸æ³ç¾å¸å ¥éå·¥ä½å"> 1459 </a> 1460 <h4 class="news005_h4 text-left margin-top-20"><a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4544" aria-label="翰墨é£é¦-æ¸æ³ç¾å¸å ¥éå·¥ä½å" target="_blank">翰墨é£é¦-æ¸æ³ç¾å¸å ¥éå·¥ä½å</a></h4> 1461 <p class="text-left">æ¡è¿å ±å</p> 1462 <ul class="text-left size-12 list-inline list-separator" > 1463 <li> 1464 <i class="fa fa-calendar"></i>2026-01-28 </li> 1465 </ul> 1466 </div> 1467 <div class="img-hover"> 1468 <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4451" aria-label="ãæ æéè¨ã第116æé»åå£å" target="_blank" orglink="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4451"> 1469 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/66982fc41512c7c2.png" alt="ãæ æéè¨ã第116æé»åå£å"> 1470 </a> 1471 <h4 class="news005_h4 text-left margin-top-20"><a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4451" aria-label="ãæ æéè¨ã第116æé»åå£å" target="_blank">ãæ æéè¨ã第116æé»åå£å</a></h4> 1472 <p class="text-left">æ°ååºçï¼æ¬è«åè®ï¼</p> 1473 <ul class="text-left size-12 list-inline list-separator" > 1474 <li> 1475 <i class="fa fa-calendar"></i>2025-12-31 </li> 1476 </ul> 1477 </div> 1478 </div> 1479 1480 </div> 1481 </section> 1482 1483 1484 <div style="clear:both;"></div> 1485 </div> 1486 1487
1487<script type="text/javascript"> 1488 var m_RWDfullscreen01_55_1NOW_SHOW_ITEM=0; 1489 var resizeEnd; 1490 function m_RWDfullscreen01_55_1check_show_item(width_now,mode){ 1491 var item_qry_tmp=0; 1492 if(width_now>1200){ 1493 item_qry_tmp=4; 1494 }else if(width_now<=1200&&width_now>768){ 1495 item_qry_tmp=3; 1496 }else if(width_now<=768&&width_now>500){ 1497 item_qry_tmp=2; 1498 }else{ 1499 item_qry_tmp=1; 1500 } 1501 if(mode=="rtn"){ 1502 return item_qry_tmp; 1503 }else{ 1504 m_RWDfullscreen01_55_1NOW_SHOW_ITEM = item_qry_tmp; 1505 } 1506 } 1507 1508 jQuery(document).ready(function() { 1509 var _container = jQuery("#m_RWDfullscreen01_55_1 div.owl-carousel"); 1510 if(_container.length > 0) { 1511 _container.each(function() { 1512 var slider = jQuery(this); 1513 var options = slider.attr('data-plugin-options'); 1514 // Progress Bar 1515 var $opt = eval('(' + options + ')'); // convert text to json 1516 1517 if($opt.progressBar == 'true') { 1518 var afterInit = progressBar; 1519 } else { 1520 var afterInit = false; 1521 } 1522 1523 var defaults = { 1524 items: [4], 1525 itemsDesktop : [1200,3], //3 items between 1200px and 769px 1526 itemsDesktopSmall : [768,2], //2 items between 769px and 501px 1527 itemsTablet: [500,1], //1 items between 500 and 0; 1528 itemsTabletSmall: [500,1], 1529 itemsMobile: [500,1], 1530 singleItem: true, 1531 itemsScaleUp: false, 1532 1533 slideSpeed: 200, 1534 paginationSpeed: 800, 1535 rewindSpeed: 1000, 1536 1537 autoPlay: false, 1538 stopOnHover: false, 1539 navigation: false, 1540 navigationText: [ 1541 '<i class="fa fa-angle-left"></i>', 1542 '<i class="fa fa-angle-right"></i>' 1543 ], 1544 rewindNav: true, 1545 scrollPerPage: false, 1546 1547 pagination: true, 1548 paginationNumbers: false, 1549 1550 responsive: true, 1551 responsiveRefreshRate: 200, 1552 responsiveBaseWidth: window, 1553 1554 baseClass: "owl-carousel", 1555 theme: "owl-theme", 1556 1557 lazyLoad: true, 1558 lazyFollow: true, 1559 lazyEffect: "fade", 1560 1561 autoHeight: false, 1562 1563 jsonPath: false, 1564 jsonSuccess: false, 1565 1566 dragBeforeAnimFinish: true, 1567 mouseDrag: true, 1568 touchDrag: true, 1569 1570 transitionStyle: false, 1571 1572 addClassActive: false, 1573 1574 beforeUpdate: false, 1575 afterUpdate: false, 1576 beforeInit: false, 1577 afterInit: afterInit, 1578 beforeMove: false, 1579 afterMove: (afterInit == false) ? false : moved, 1580 afterAction: false, 1581 startDragging: false, 1582 afterLazyLoad: false 1583 } 1584 1585 var config = jQuery.extend({}, defaults, options, slider.data("plugin-options")); 1586 slider.owlCarousel(config).addClass("owl-carousel-init"); 1587 1588 1589 // Progress Bar 1590 var elem = jQuery(this); 1591 1592 //Init progressBar where elem is $("#owl-demo") 1593 function progressBar(elem){ 1594 $elem = elem; 1595 //build progress bar elements 1596 buildProgressBar(); 1597 //start counting 1598 start(); 1599 } 1600 1601 //create div#progressBar and div#bar then prepend to $("#owl-demo") 1602 function buildProgressBar(){ 1603 $progressBar = jQuery("<div>",{ 1604 id:"progressBar" 1605 }); 1606 $bar = jQuery("<div>",{ 1607 id:"bar" 1608 }); 1609 $progressBar.append($bar).prependTo($elem); 1610 } 1611 1612 function start() { 1613 //reset timer 1614 percentTime = 0; 1615 isPause = false;
1616 //run interval every 0.01 second 1617 tick = setInterval(interval, 10); 1618 // console.log('percentTime:'+percentTime); 1619 }; 1620 1621 1622 var time = 7; // time in seconds 1623 function interval() { 1624 if(isPause === false){ 1625 1626 percentTime += 1 / time; 1627 // console.log(percentTime); 1628 $bar.css({ 1629 width: percentTime+"%" 1630 }); 1631 //if percentTime is equal or greater than 100 1632 if(percentTime >= 100){ 1633 //slide to next item 1634 $elem.trigger('owl.next') 1635 } 1636 } 1637 } 1638 1639 //pause while dragging 1640 function pauseOnDragging(){ 1641 isPause = true; 1642 } 1643 1644 //moved callback 1645 function moved(){ 1646 //clear interval 1647 clearTimeout(tick); 1648 //start again 1649 start(); 1650 } 1651 }); 1652 } 1653 var width_now = $(window).width(); 1654 m_RWDfullscreen01_55_1check_show_item(width_now); 1655 if($("#m_RWDfullscreen01_55_1 div.owl-item").length<=m_RWDfullscreen01_55_1NOW_SHOW_ITEM){ 1656 $("#m_RWDfullscreen01_55_1 div.owl-controls").hide(); 1657 }else{ 1658 $("#m_RWDfullscreen01_55_1 div.owl-controls").show(); 1659 } 1660 $(window).on('resize',function(){ 1661 clearTimeout(resizeEnd); 1662 resizeEnd = setTimeout(function() { 1663 var width_now = $(window).width(); 1664 var item_qty_tmp=m_RWDfullscreen01_55_1check_show_item(width_now,"rtn"); 1665 if(item_qty_tmp!=m_RWDfullscreen01_55_1NOW_SHOW_ITEM){ 1666 m_RWDfullscreen01_55_1NOW_SHOW_ITEM=item_qty_tmp; 1667 if($("#m_RWDfullscreen01_55_1 div.owl-item").length<=m_RWDfullscreen01_55_1NOW_SHOW_ITEM){ 1668 $("#m_RWDfullscreen01_55_1 div.owl-controls").hide(); 1669 }else{ 1670 $("#m_RWDfullscreen01_55_1 div.owl-controls").show(); 1671 } 1672 } 1673 }, 333); 1674 }) 1675 }); 1676 1677 </script>
1677 1678 <div class="model RWDbtn01" id="m_RWDfullscreen01_55_2" md_id="2" tp_id="55" template_id="RWDfullscreen01"> 1679 <ul class="btn-box clearfix"> 1680 <li class="col-sm-3 col-xs-12"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=12" id="m_RWDfullscreen01_55_2-btn1" class="btn" aria-label="æ¥çæ´å¤è³è¨" >æ¥çæ´å¤è³è¨</a></li> 1681 </ul> 1682 1683 <div style="clear:both;"></div> 1684 </div> 1685 <div class="clear"></div> 1686 </div> 1687 <div class="clear"></div> 1688 </div> 1689 <div class=" panel_1 photo-block " id="panel_74" page_style=""> 1690 <div class=" panel_2 container_none " id="panel_43" page_style=""> 1691 1692 <div class="model RWDnews005" id="m_RWDfullscreen01_43_1" md_id="1" tp_id="43" template_id="RWDfullscreen01"> 1693<section> 1694 <div class="container"> 1695 <div class="section-subject row"> 1696 <div class="col-md-12"> 1697 <h1 class="main-title">æ ææ´»ååªå½±</h1> <h2 class="sub-title">è辦åå¼æäººç ä¿®ãå¤ä»¤çã鳿¨æçæ´»åï¼ææèæ¨åµé ä¸ååæ¶</h2> <div class="section-line"></div> 1698 </div> 1699 </div> 1700 1701 <div class="owl-carousel owl-padding-10 controlls-over" data-plugin-options='{"singleItem": false, "autoPlay": 4000, "navigation": true, "pagination": false}'> 1702 <div class="img-hover"> 1703 <a href="https://photos.app.goo.gl/iQdwThxr59nNXgGq7" aria-label="2026鳿¨ç©ç«¥å¤ä»¤ç" orglink="https://photos.app.goo.gl/iQdwThxr59nNXgGq7"> 1704 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/_MG_8897_thumb_5258_2595.jpg" alt="2026鳿¨ç©ç«¥å¤ä»¤ç"> 1705 </a> 1706 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/iQdwThxr59nNXgGq7" aria-label="2026鳿¨ç©ç«¥å¤ä»¤ç" >2026鳿¨ç©ç«¥å¤ä»¤ç</a></h4> 1707 <p class="text-left"></p> 1708 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1709 <li> 1710 <i class="fa fa-calendar"></i>2026-07-25 </li> 1711 </ul> 1712 </div> 1713 <div class="img-hover"> 1714 <a href="https://photos.app.goo.gl/j8QrrrVSm9xhJ9GT7" aria-label="ãç¹å±éå¹ã åè²æµå ï¼çç¾å¹¸çæ²¹ç«ãç²å½©èç»çèè¡" orglink="https://photos.app.goo.gl/j8QrrrVSm9xhJ9GT7"> 1715 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/d8c6acd7a21dbb10_thumb_3432_2210.jpg" alt="ãç¹å±éå¹ã åè²æµå ï¼çç¾å¹¸çæ²¹ç«ãç²å½©èç»çèè¡"> 1716 </a> 1717 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/j8QrrrVSm9xhJ9GT7" aria-label="ãç¹å±éå¹ã åè²æµå ï¼çç¾å¹¸çæ²¹ç«ãç²å½©èç»çèè¡" >ãç¹å±éå¹ã åè²æµå ï¼çç¾å¹¸çæ²¹ç«ãç²å½©èç»çèè¡</a></h4> 1718 <p class="text-left"></p> 1719 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1720 <li> 1721 <i class="fa fa-calendar"></i>2026-06-27 </li> 1722 </ul> 1723 </div> 1724 <div class="img-hover"> 1725 <a href="https://photos.app.goo.gl/1CHf2e3TnNZHZnHt5" aria-label="2026æ ææ¥å¤©é³æ¨æ" orglink="https://photos.app.goo.gl/1CHf2e3TnNZHZnHt5"> 1726 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/_mg_6309.jpg" alt="2026æ ææ¥å¤©é³æ¨æ"> 1727 </a> 1728 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/1CHf2e3TnNZHZnHt5" aria-label="2026æ ææ¥å¤©é³æ¨æ" >2026æ ææ¥å¤©é³æ¨æ</a></h4> 1729 <p class="text-left"></p> 1730 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1731 <li> 1732 <i class="fa fa-calendar"></i>2026-04-18 </li> 1733 </ul> 1734 </div> 1735 <div class="img-hover"> 1736 <a href="https://photos.app.goo.gl/oRajoENH8TK7jPMk6" aria-label="ãç¹å±éå¹ãçéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé" orglink="https://photos.app.goo.gl/oRajoENH8TK7jPMk6"> 1737 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/_mg_6090_thumb_1603_1033.jpg" alt="ãç¹å±éå¹ãçéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé"> 1738 </a> 1739 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/oRajoENH8TK7jPMk6" aria-label="ãç¹å±éå¹ãçéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé" >ãç¹å±éå¹ãçéä¹¾å¤ï¼é³é²ç¨å çéé翰墨ç¾äºé</a></h4> 1740 <p class="text-left"></p> 1741 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1742 <li> 1743 <i class="fa fa-calendar"></i>2026-04-18 </li> 1744 </ul> 1745 </div> 1746 <div class="img-hover"> 1747 <a href="https://photos.google.com/share/AF1QipNXxs5IqJGLT9oAdIh_mzeCcYtDDozmhJuOxdnU8Ga-7OBRMyJoKKHkgxBEEOpLuA?key=QVA0cy0tdjFxcC0xcThKTFBFLWxFMHh
1747MWjRHX1dn" aria-label="2025éå°å¹´ç" orglink="https://photos.google.com/share/AF1QipNXxs5IqJGLT9oAdIh_mzeCcYtDDozmhJuOxdnU8Ga-7OBRMyJoKKHkgxBEEOpLuA?key=QVA0cy0tdjFxcC0xcThKTFBFLWxFMHhMWjRHX1dn"> 1748 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/line_album_2025.07.25_250729_42_thumb_2023_1389.jpg" alt="2025éå°å¹´ç"> 1749 </a> 1750 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.google.com/share/AF1QipNXxs5IqJGLT9oAdIh_mzeCcYtDDozmhJuOxdnU8Ga-7OBRMyJoKKHkgxBEEOpLuA?key=QVA0cy0tdjFxcC0xcThKTFBFLWxFMHhMWjRHX1dn" aria-label="2025éå°å¹´ç" >2025éå°å¹´ç</a></h4> 1751 <p class="text-left"></p> 1752 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1753 <li> 1754 <i class="fa fa-calendar"></i>2026-07-01 </li> 1755 </ul> 1756 </div> 1757 <div class="img-hover"> 1758 <a href="https://photos.google.com/share/AF1QipNXxs5IqJGLT9oAdIh_mzeCcYtDDozmhJuOxdnU8Ga-7OBRMyJoKKHkgxBEEOpLuA?key=QVA0cy0tdjFxcC0xcThKTFBFLWxFMHhMWjRHX1dn" aria-label="2025å°å¹´ç" orglink="https://photos.google.com/share/AF1QipNXxs5IqJGLT9oAdIh_mzeCcYtDDozmhJuOxdnU8Ga-7OBRMyJoKKHkgxBEEOpLuA?key=QVA0cy0tdjFxcC0xcThKTFBFLWxFMHhMWjRHX1dn"> 1759 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/4f69577fe29b4c9a_thumb_1475_1002.jpg" alt="2025å°å¹´ç"> 1760 </a> 1761 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.google.com/share/AF1QipNXxs5IqJGLT9oAdIh_mzeCcYtDDozmhJuOxdnU8Ga-7OBRMyJoKKHkgxBEEOpLuA?key=QVA0cy0tdjFxcC0xcThKTFBFLWxFMHhMWjRHX1dn" aria-label="2025å°å¹´ç" >2025å°å¹´ç</a></h4> 1762 <p class="text-left"></p> 1763 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1764 <li> 1765 <i class="fa fa-calendar"></i>2025-08-06 </li> 1766 </ul> 1767 </div> 1768 <div class="img-hover"> 1769 <a href="https://photos.google.com/share/AF1QipM1s02A9684RPC41u7g_qVF1tN8eYTblNOPBvgQ0bI3w3lNIZKCvs92u0tU06nRJw?key=Q3duZXVKWE5oU2txVl9sMXFhblpDUVhNRk5VcHFB" aria-label="2025æ æé³æ¨ç©ç«¥å¤ä»¤ç" target="_blank" orglink="https://photos.google.com/share/AF1QipM1s02A9684RPC41u7g_qVF1tN8eYTblNOPBvgQ0bI3w3lNIZKCvs92u0tU06nRJw?key=Q3duZXVKWE5oU2txVl9sMXFhblpDUVhNRk5VcHFB"> 1770 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/ba8609644d1455f0_thumb_1946_1154.jpg" alt="2025æ æé³æ¨ç©ç«¥å¤ä»¤ç"> 1771 </a> 1772 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.google.com/share/AF1QipM1s02A9684RPC41u7g_qVF1tN8eYTblNOPBvgQ0bI3w3lNIZKCvs92u0tU06nRJw?key=Q3duZXVKWE5oU2txVl9sMXFhblpDUVhNRk5VcHFB" aria-label="2025æ æé³æ¨ç©ç«¥å¤ä»¤ç" target="_blank">2025æ æé³æ¨ç©ç«¥å¤ä»¤ç</a></h4> 1773 <p class="text-left"></p> 1774 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1775 <li> 1776 <i class="fa fa-calendar"></i>2025-08-02 </li> 1777 </ul> 1778 </div> 1779 <div class="img-hover"> 1780 <a href="https://photos.app.goo.gl/QwHAk55WmTT3tfY79" aria-label="ãç¹å±éå¹ãå¿æµï¼å³å£å¦æ¸ç«éå¡å±éå¹" orglink="https://photos.app.goo.gl/QwHAk55WmTT3tfY79"> 1781 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/img_0358.jpg" alt="ãç¹å±éå¹ãå¿æµï¼å³å£å¦æ¸ç«éå¡å±éå¹"> 1782 </a> 1783 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/QwHAk55WmTT3tfY79" aria-label="ãç¹å±éå¹ãå¿æµï¼å³å£å¦æ¸ç«éå¡å±éå¹" >ãç¹å±éå¹ãå¿æµï¼å³å£å¦æ¸ç«éå¡å±éå¹</a></h4> 1784 <p class="text-left"></p> 1785 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1786 <li> 1787 <i class="fa fa-calendar"></i>2025-06-28 </li> 1788 </ul> 1789 </div> 1790 <div class="img-hover"> 1791 <a href="https://photos.google.com/share/AF1QipMBR4QHHZrtpLmXVHAo0mS_mfZ6SbVltd5JCfI_1A2TbUIff2zU_dk_mffvJJ-iVg?key=bmJkZWxHaTlhS1pfZFFOMEZMeEtKQldrSmhDVnln" aria-label="ã赤å¿å·å³°ãé»å½±æ¾æ æ¨åº§è«æ´»å" target="_blank" orglink="https://photos.google.com/share/AF1QipMBR4QHHZrtpLmXVHAo0mS_mfZ6SbVltd5JCfI_1A2TbUIff2zU_dk_mffvJJ-iVg?key=bmJkZWxHaTlhS1pfZFFOMEZMeEtKQldrSmhDVnln"> 1792 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/img_2171.jpg" alt="ã赤å¿å·å³°ãé»å½±æ¾æ æ¨åº§è«æ´»å"> 1793 </a> 1794 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.google.com/share/AF1QipMBR4QHHZrtpLmXVHAo0mS_mfZ6SbVltd5JCfI_1A2TbUIff2zU_dk_mffvJJ-iVg?key=bmJkZWxHaTlhS1pfZFFOMEZMeEtKQldrSmhDVnln" aria-label="ã赤å¿å·å³°ãé»å½±æ¾æ æ¨åº§è«æ´»å" target="_blank">ã赤å¿å·å³°ãé»å½±æ¾æ æ¨åº§è«æ´»å</a></h4> 1795 <p class="text-left"></p> 1796 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1797 <li> 1798 <i class="fa fa-calendar"></i>2025-05-27 </li> 1799 </ul> 1800 </div> 1801 <div class="img-hover"> 1802 <a href="https://photos.google.com/share/AF1QipM8GcDkQKPeIsUWq6nZT7BJc-qwFKmq2Amo5iUCgXCsIlK6wtB2ASHIFSWyYjSciQ?key=UmU3WUtQRDVSMmQ0WjdkZnVWNjBGMERHU0FOWTVB" aria-label="æµ·å³¶æ¼åãæ°´æ²ã" target="_blank" orglink="https://photos.google.com/share/AF1QipM8GcDkQKPeIsUWq6nZT7BJc-qwFKmq2Amo5iUCgXCsIlK6wtB2ASHIFSWyYjSciQ?key=UmU3WUtQRDVSMmQ0WjdkZnVWNjBGMERHU0FOWTVB"> 1803 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/img_2100.jpg" alt="æµ·å³¶æ¼åãæ°´æ²ã"> 1804 </a> 1805 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.google.com/share/AF1QipM8GcDkQKPeIsUWq6nZT7BJc-qwFKmq2Amo5iUCgXCsIlK6wtB2ASHIFSWyYjSciQ?key=UmU3WUtQRDVSMmQ0WjdkZnVWNjBGMERHU0FOWTVB" aria-label="æµ·å³¶æ¼åãæ°´æ²ã" target="_blank">æµ·å³¶æ¼åãæ°´æ²ã</a></h4> 1806 <p class="text-left"></p> 1807 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1808 <li> 1809 <i class="fa fa-calendar"></i>2025-04-12 </li> 1810 </ul> 1811 </div> 1812 <div class="img-hover"> 1813 <a href="https://photos.app.goo.gl/er45WyB4L74zbk2a9" aria-label="æ¥å¤©å¨æ æé³æ¨æ" target="_blank" orglink="https://photos.app.goo.gl/er45WyB4L74zbk2a9"> 1814 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/img_1875.jpg" alt="æ¥å¤©å¨æ æé³æ¨æ"> 1815 </a> 1816 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/er45WyB4L74zbk2a9" aria-label="æ¥å¤©å¨æ æé³æ¨æ" target="_blank">æ¥å¤©å¨æ æé³æ¨æ</a></h4> 1817 <p class="text-left"></p> 1818 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1819 <li> 1820 <i class="fa fa-calendar"></i>2025-03-15 </li> 1821 </ul> 1822 </div> 1823 <div class="img-hover"> 1824 <a href="https://photos.app.goo.gl/gtbvYms2Pn83sWgQ8" aria-label="èçåé½é³ä¾èåé¡§å±" target="_blank" orglink="https://photos.app.goo.gl/gtbvYms2Pn83sWgQ8"> 1825 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/e56f349e9a7b029f_thumb_1344_1539.jpg" alt="èçåé½é³ä¾èåé¡§å±"> 1826 </a> 1827 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/gtbvYms2Pn83sWgQ8" aria-label="èçåé½é³ä¾èåé¡§å±" target="_blank">èçåé½é³ä¾èåé¡§å±</a></h4> 1828 <p class="text-left"></p> 1829 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1830 <li> 1831 <i class="fa fa-calendar"></i>2025-03-01 </li> 1832 </ul> 1833 </div> 1834 <div class="img-hover"> 1835 <a href="https://reurl.cc/DllYGd" aria-label="2024 æ æéå¹´ç" target="_blank" orglink="https://reurl.cc/DllYGd"> 1836 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1726125610.jpg" alt="2024 æ æéå¹´ç"> 1837 </a> 1838 <h4 class="news005_h4 text-left margin-top-20"><a href="https://reurl.cc/DllYGd" aria-label="2024 æ æéå¹´ç" target="_blank">2024 æ æéå¹´ç</a></h4> 1839 <p class="text-left"></p> 1840 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1841 <li> 1842 <i class="fa fa-calendar"></i>2024-09-12 </li> 1843 </ul> 1844 </div> 1845 <div class="img-hover"> 1846 <a href="https://reurl.cc/my0MOV" aria-label="2024 æ æéå°å¹´ç" target="_blank" orglink="https://reurl.cc/my0MOV"> 1847 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1725073623.png" alt="2024 æ æéå°å¹´ç"> 1848 </a> 1849 <h4 class="news005_h4 text-left margin-top-20"><a href="https://reurl.cc/my0MOV" aria-label="2024 æ æéå°å¹´ç" target="_blank">2024 æ æéå°å¹´ç</a></h4> 1850 <p class="text-left"></p> 1851 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1852 <li> 1853 <i class="fa fa-calendar"></i>2024-08-31 </li> 1854 </ul> 1855 </div> 1856 <div class="img-hover"> 1857 <a href="https://reurl.cc/eydzbx" aria-label="2024 æ æå°å¹´ç" target="_blank" orglink="https://reurl.cc/eydzbx"> 1858 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1725073553.png" alt="2024 æ æå°å¹´ç"> 1859 </a> 1860 <h4 class="news005_h4 text-left margin-top-20"><a href="https://reurl.cc/eydzbx" aria-label="2024 æ æå°å¹´ç" target="_blank">2024 æ æå°å¹´ç</a></h4> 1861 <p class="text-left"></p> 1862 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1863 <li> 1864 <i class="fa fa-calendar"></i>2024-08-31 </li> 1865 </ul> 1866 </div> 1867 <div class="img-hover"> 1868 <a href="https://photos.app.goo.gl/HJSnABLLjfLG8bFo7" aria-label="2024 鳿¨ç©ç«¥å¤ä»¤ç" target="_blank" orglink="https://photos.app.goo.gl/HJSnABLLjfLG8bFo7"> 1869 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1725073442.jpg" alt="2024 鳿¨ç©ç«¥å¤ä»¤ç"> 1870 </a> 1871 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/HJSnABLLjfLG8bFo7" aria-label="2024 鳿¨ç©ç«¥å¤ä»¤ç" target="_blank">2024 鳿¨ç©ç«¥å¤ä»¤ç</a></h4> 1872 <p class="text-left"></p> 1873 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1874 <li> 1875 <i class="fa fa-calendar"></i>2024-08-31 </li> 1876 </ul> 1877 </div> 1878 <div class="img-hover"> 1879 <a href="https://photos.app.goo.gl/X58bkEBS5NmN3DY46" aria-label="2024 æ æçç±éèæ¼å¥æ" target="_blank" orglink="https://photos.app.goo.gl/X58bkEBS5NmN3DY46"> 1880 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/1715913710.jpg" alt="2024 æ æçç±éèæ¼å¥æ"> 1881 </a> 1882 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/X58bkEBS5NmN3DY46" aria-label="2024 æ æçç±éèæ¼å¥æ" target="_blank">2024 æ æçç±éèæ¼å¥æ</a></h4> 1883 <p class="text-left"></p> 1884 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1885 <li> 1886 <i class="fa fa-calendar"></i>2024-05-14 </li> 1887 </ul> 1888 </div> 1889 <div class="img-hover"> 1890 <a href="https://photos.app.goo.gl/X58bkEBS5NmN3DY46" aria-label="2024 æ ææ¥å¤©é³æ¨æ" target="_blank" orglink="https://photos.app.goo.gl/X58bkEBS5NmN3DY46"> 1891 <img class="lazyOwl img-responsive" style="width: 100%" data-src="https://chilin.org.tw/archive/image/model/images/_MG_1685.jpg" alt="2024 æ ææ¥å¤©é³æ¨æ"> 1892 </a> 1893 <h4 class="news005_h4 text-left margin-top-20"><a href="https://photos.app.goo.gl/X58bkEBS5NmN3DY46" aria-label="2024 æ ææ¥å¤©é³æ¨æ" target="_blank">2024 æ ææ¥å¤©é³æ¨æ</a></h4> 1894 <p class="text-left"></p> 1895 <ul class="text-left size-12 list-inline list-separator" style="display:none;"> 1896 <li> 1897 <i class="fa fa-calendar"></i>2024-03-30 </li> 1898 </ul> 1899 </div> 1900 </div> 1901 1902 </div> 1903 </section> 1904 1905 1906 <div style="clear:both;"></div> 1907 </div> 1908 1909
1909<script type="text/javascript"> 1910 var m_RWDfullscreen01_43_1NOW_SHOW_ITEM=0; 1911 var resizeEnd; 1912 function m_RWDfullscreen01_43_1check_show_item(width_now,mode){ 1913 var item_qry_tmp=0; 1914 if(width_now>1200){ 1915 item_qry_tmp=3; 1916 }else if(width_now<=1200&&width_now>768){ 1917 item_qry_tmp=2; 1918 }else if(width_now<=768&&width_now>500){ 1919 item_qry_tmp=2; 1920 }else{ 1921 item_qry_tmp=1; 1922 } 1923 if(mode=="rtn"){ 1924 return item_qry_tmp; 1925 }else{ 1926 m_RWDfullscreen01_43_1NOW_SHOW_ITEM = item_qry_tmp; 1927 } 1928 } 1929 1930 jQuery(document).ready(function() { 1931 var _container = jQuery("#m_RWDfullscreen01_43_1 div.owl-carousel"); 1932 if(_container.length > 0) { 1933 _container.each(function() { 1934 var slider = jQuery(this); 1935 var options = slider.attr('data-plugin-options'); 1936 // Progress Bar 1937 var $opt = eval('(' + options + ')'); // convert text to json 1938 1939 if($opt.progressBar == 'true') { 1940 var afterInit = progressBar; 1941 } else { 1942 var afterInit = false; 1943 } 1944 1945 var defaults = { 1946 items: [3], 1947 itemsDesktop : [1200,2], //3 items between 1200px and 769px 1948 itemsDesktopSmall : [768,2], //2 items between 769px and 501px 1949 itemsTablet: [500,1], //1 items between 500 and 0; 1950 itemsTabletSmall: [500,1], 1951 itemsMobile: [500,1], 1952 singleItem: true, 1953 itemsScaleUp: false, 1954 1955 slideSpeed: 200, 1956 paginationSpeed: 800, 1957 rewindSpeed: 1000, 1958 1959 autoPlay: false, 1960 stopOnHover: false, 1961 navigation: false, 1962 navigationText: [ 1963 '<i class="fa fa-angle-left"></i>', 1964 '<i class="fa fa-angle-right"></i>' 1965 ], 1966 rewindNav: true, 1967 scrollPerPage: false, 1968 1969 pagination: true, 1970 paginationNumbers: false, 1971 1972 responsive: true, 1973 responsiveRefreshRate: 200, 1974 responsiveBaseWidth: window, 1975 1976 baseClass: "owl-carousel", 1977 theme: "owl-theme", 1978 1979 lazyLoad: true, 1980 lazyFollow: true, 1981 lazyEffect: "fade", 1982 1983 autoHeight: false, 1984 1985 jsonPath: false, 1986 jsonSuccess: false, 1987 1988 dragBeforeAnimFinish: true, 1989 mouseDrag: true, 1990 touchDrag: true, 1991 1992 transitionStyle: false, 1993 1994 addClassActive: false, 1995 1996 beforeUpdate: false, 1997 afterUpdate: false, 1998 beforeInit: false, 1999 afterInit: afterInit, 2000 beforeMove: false, 2001 afterMove: (afterInit == false) ? false : moved, 2002 afterAction: false, 2003 startDragging: false, 2004 afterLazyLoad: false 2005 } 2006 2007 var config = jQuery.extend({}, defaults, options, slider.data("plugin-options")); 2008 slider.owlCarousel(config).addClass("owl-carousel-init"); 2009 2010 2011 // Progress Bar 2012 var elem = jQuery(this); 2013 2014 //Init progressBar where elem is $("#owl-demo") 2015 function progressBar(elem){ 2016 $elem = elem; 2017 //build progress bar elements 2018 buildProgressBar(); 2019 //start counting 2020 start(); 2021 } 2022 2023 //create div#progressBar and div#bar then prepend to $("#owl-demo") 2024 function buildProgressBar(){ 2025 $progressBar = jQuery("<div>",{ 2026 id:"progressBar" 2027 }); 2028 $bar = jQuery("<div>",{ 2029 id:"bar" 2030 }); 2031 $progressBar.append($bar).prependTo($elem); 2032 } 2033 2034 function start() { 2035 //reset timer 2036 percentTime = 0; 2037 isPause = false;
2038 //run interval every 0.01 second 2039 tick = setInterval(interval, 10); 2040 // console.log('percentTime:'+percentTime); 2041 }; 2042 2043 2044 var time = 7; // time in seconds 2045 function interval() { 2046 if(isPause === false){ 2047 2048 percentTime += 1 / time; 2049 // console.log(percentTime); 2050 $bar.css({ 2051 width: percentTime+"%" 2052 }); 2053 //if percentTime is equal or greater than 100 2054 if(percentTime >= 100){ 2055 //slide to next item 2056 $elem.trigger('owl.next') 2057 } 2058 } 2059 } 2060 2061 //pause while dragging 2062 function pauseOnDragging(){ 2063 isPause = true; 2064 } 2065 2066 //moved callback 2067 function moved(){ 2068 //clear interval 2069 clearTimeout(tick); 2070 //start again 2071 start(); 2072 } 2073 }); 2074 } 2075 var width_now = $(window).width(); 2076 m_RWDfullscreen01_43_1check_show_item(width_now); 2077 if($("#m_RWDfullscreen01_43_1 div.owl-item").length<=m_RWDfullscreen01_43_1NOW_SHOW_ITEM){ 2078 $("#m_RWDfullscreen01_43_1 div.owl-controls").hide(); 2079 }else{ 2080 $("#m_RWDfullscreen01_43_1 div.owl-controls").show(); 2081 } 2082 $(window).on('resize',function(){ 2083 clearTimeout(resizeEnd); 2084 resizeEnd = setTimeout(function() { 2085 var width_now = $(window).width(); 2086 var item_qty_tmp=m_RWDfullscreen01_43_1check_show_item(width_now,"rtn"); 2087 if(item_qty_tmp!=m_RWDfullscreen01_43_1NOW_SHOW_ITEM){ 2088 m_RWDfullscreen01_43_1NOW_SHOW_ITEM=item_qty_tmp; 2089 if($("#m_RWDfullscreen01_43_1 div.owl-item").length<=m_RWDfullscreen01_43_1NOW_SHOW_ITEM){ 2090 $("#m_RWDfullscreen01_43_1 div.owl-controls").hide(); 2091 }else{ 2092 $("#m_RWDfullscreen01_43_1 div.owl-controls").show(); 2093 } 2094 } 2095 }, 333); 2096 }) 2097 }); 2098 2099 </script>
2099 2100 <div class="clear"></div> 2101 </div> 2102 <div class="clear"></div> 2103 </div> 2104 <div class=" panel_1 video-block paneleffect" id="panel_87" data-os-animation="fadeInUp" data-os-animation-delay="0.3s" page_style=""> 2105 <div class=" panel_2 container_none " id="panel_88" page_style=""> 2106 2107 <section id="m_RWDfullscreen01_88_1" md_id="1" tp_id="88" template_id="RWDfullscreen01" class="model RWDvideo002 show_type1 "> 2108 <div class="section-inner"> 2109 <div class="container section-content"> 2110 2111 <div class="section-subject row"> 2112 <div class="col-md-12"> 2113 <h1 class="main-title">ç²¾é¸æ´»åå½±çåé¡§</h1> <div class="section-line"></div> 2114 </div> 2115 </div> 2116 2117 <div class="row"> 2118 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=GfP0spBjQ_A" > 2119 <figure class="effect-sarah"> 2120 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2121 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/GfP0spBjQ_A' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2122 2123 2124 </figure> 2125 <div class="figcaption_bottom"> 2126 <h2>2026鳿¨ç©ç«¥å¤ä»¤çææå±</h2> 2127 <div class="h2_line"> </div> 2128 <p></p> 2129 </div> 2130 </div> 2131 2132 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=m4Dg1NS2BeE" > 2133 <figure class="effect-sarah"> 2134 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2135 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/m4Dg1NS2BeE' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2136 2137 2138 </figure> 2139 <div class="figcaption_bottom"> 2140 <h2>2026鳿¨ç©ç«¥å¤ä»¤çè±çµ®</h2> 2141 <div class="h2_line"> </div> 2142 <p></p> 2143 </div> 2144 </div> 2145 2146 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=UBgczJc8rms" > 2147 <figure class="effect-sarah"> 2148 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2149 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/UBgczJc8rms' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2150 2151 2152 </figure> 2153 <div class="figcaption_bottom"> 2154 <h2>2026å°ç£å£ç´é³æ¨å®¶æè® å¹å¾è¨ªè«</h2> 2155 <div class="h2_line"> </div> 2156 <p></p> 2157 </div> 2158 </div> 2159 2160 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=nscsQtNaL1A" > 2161 <figure class="effect-sarah"> 2162 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2163 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/nscsQtNaL1A' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2164 2165 2166 </figure> 2167 <div class="figcaption_bottom"> 2168 <h2>2026æ¥å¤©é³æ¨æï¼äººççæ</h2> 2169 <div class="h2_line"> </div> 2170 <p></p> 2171 </div> 2172 </div> 2173 2174 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=uuA0MnGKXu8" > 2175 <figure class="effect-sarah"> 2176 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2177 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/uuA0MnGKXu8' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2178 2179 2180 </figure> 2181 <div class="figcaption_bottom"> 2182 <h2>2025æ æå°å¹´çè±çµ®</h2> 2183 <div class="h2_line"> </div> 2184 <p></p> 2185 </div> 2186 </div> 2187 2188 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=kWBYjAzATzk" > 2189 <figure class="effect-sarah"> 2190 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2191 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/kWBYjAzATzk' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2192 2193 2194 </figure> 2195 <div class="figcaption_bottom"> 2196 <h2>2025æ æéå°å¹´çè±çµ®</h2> 2197 <div class="h2_line"> </div> 2198 <p></p> 2199 </div> 2200 </div> 2201 2202 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=4T0vnIkFU0I" > 2203 <figure class="effect-sarah"> 2204 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2205 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/4T0vnIkFU0I' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2206 2207 2208 </figure> 2209 <div class="figcaption_bottom"> 2210 <h2>2025æ æé³æ¨ç©ç«¥å¤ä»¤çè±çµ®</h2> 2211 <div class="h2_line"> </div> 2212 <p></p> 2213 </div> 2214 </div> 2215 2216 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=R0DCYQhMpgc" > 2217 <figure class="effect-sarah"> 2218 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2219 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/R0DCYQhMpgc' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2220 2221 2222 </figure> 2223 <div class="figcaption_bottom"> 2224 <h2>2025æ¥å¤©é³æ¨æ</h2> 2225 <div class="h2_line"> </div> 2226 <p></p> 2227 </div> 2228 </div> 2229 2230 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=JEOsL21wK6k" > 2231 <figure class="effect-sarah"> 2232 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2233 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/JEOsL21wK6k' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2234 2235 2236 </figure> 2237 <div class="figcaption_bottom"> 2238 <h2>2024 æ æéå°å¹´çè±çµ®</h2> 2239 <div class="h2_line"> </div> 2240 <p></p> 2241 </div> 2242 </div> 2243 2244 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=TA4D17B3hBo" > 2245 <figure class="effect-sarah"> 2246 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2247 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/TA4D17B3hBo' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2248 2249 2250 </figure> 2251 <div class="figcaption_bottom"> 2252 <h2>2024 æ æå°å¹´çè±çµ®</h2> 2253 <div class="h2_line"> </div> 2254 <p></p> 2255 </div> 2256 </div> 2257 2258 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=d6uqAFT2xv0" > 2259 <figure class="effect-sarah"> 2260 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2261 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/d6uqAFT2xv0' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2262 2263 2264 </figure> 2265 <div class="figcaption_bottom"> 2266 <h2>2024 æ æéå¹´çè±çµ®</h2> 2267 <div class="h2_line"> </div> 2268 <p></p> 2269 </div> 2270 </div> 2271 2272 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=5D7hoBZID0Y" > 2273 <figure class="effect-sarah"> 2274 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2275 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/5
2275D7hoBZID0Y' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2276 2277 2278 </figure> 2279 <div class="figcaption_bottom"> 2280 <h2>2024 æ æé³æ¨çææå±</h2> 2281 <div class="h2_line"> </div> 2282 <p></p> 2283 </div> 2284 </div> 2285 2286 <div class="col-sm-6 col-md-4 videoitem image-iframe" url="https://www.youtube.com/watch?v=oUVc0WpHe9o" > 2287 <figure class="effect-sarah"> 2288 <div class="iframe" title="video iframe" style="line-height: 0;width:100%;"> 2289 <iframe title='video iframe' width='100%' height='201' src='//www.youtube.com/embed/oUVc0WpHe9o' frameborder='0' allowfullscreen style="border:0px;margin-top:-1px;padding-top:1px;"></iframe> </div> 2290 2291 2292 </figure> 2293 <div class="figcaption_bottom"> 2294 <h2>2024 æ æé³æ¨çè±çµ®</h2> 2295 <div class="h2_line"> </div> 2296 <p></p> 2297 </div> 2298 </div> 2299 2300 2301 2302 </div> 2303 2304 </div> 2305 <!-- //.section-content --> 2306 </div> 2307 <!-- //.section-inner --> 2308 <div style="clear:both;"></div> 2309 </section> 2310 2311
2311<script type="text/javascript" language="javascript"> 2312 2313 2314 var org_w = 972; 2315 var org_h = 603; 2316 2317 $(window).load(function() { 2318 fn_m_RWDfullscreen01_88_1_resize(); 2319 $("#m_RWDfullscreen01_88_1 .image-iframe").click(function(e){ 2320 jQuery.magnificPopup.open({ 2321 mainClass: 'mfp-with-fade', 2322 items: { 2323 src: jQuery(this).attr('url'), 2324 type: 'iframe' 2325 } 2326 }); 2327 e.preventDefault(); 2328 }); 2329 $("#m_RWDfullscreen01_88_1 .inline-content").click(function(e){ 2330 jQuery.magnificPopup.open({ 2331 mainClass: 'mfp-with-fade', 2332 items: { 2333 src: jQuery(this).find('.content').html(), 2334 type: 'inline' 2335 }, 2336 closeBtnInside: true 2337 }); 2338 e.preventDefault(); 2339 }); 2340 $("#m_RWDfullscreen01_88_1 .inline-image").click(function(e){ 2341 var items = []; 2342 items.push( { src: jQuery(this).find('.imglink a').attr('href') } ); 2343 $.magnificPopup.open({ 2344 type:'image', 2345 mainClass: 'mfp-fade', 2346 items:items, 2347 gallery: { 2348 enabled: true 2349 } 2350 }); 2351 e.preventDefault(); 2352 }); 2353 $( window ).resize(function() { 2354 fn_m_RWDfullscreen01_88_1_resize(); 2355 }); 2356 2357 }); 2358 2359 function fn_m_RWDfullscreen01_88_1_resize(){ 2360 var neww = $("#m_RWDfullscreen01_88_1 .videoitem figure").eq(0).width()+20; 2361 var newh = Math.floor((org_h/org_w) * neww); 2362 2363 $("#m_RWDfullscreen01_88_1 .image-iframe iframe,#m_RWDfullscreen01_88_1 .videoitem").attr('height',newh+'px'); 2364 2365 if($(window).width() < 800){ 2366 $("#m_RWDfullscreen01_88_1").addClass('istouch'); 2367 }else{ 2368 $("#m_RWDfullscreen01_88_1").removeClass('istouch'); 2369 } 2370 } 2371 2372 2373 </script>
2373 2374 <style> 2375.mfp-inline-holder .mfp-content{ 2376width:auto; 2377} 2378 </style> 2379 <div class="clear"></div> 2380 </div> 2381 <div class="clear"></div> 2382 </div> 2383 <div class=" panel_1 store-block " id="panel_89" page_style=""> 2384 <div class=" panel_2 container " id="panel_90" page_style=""> 2385 <div class="model RWDservice004" id="m_RWDfullscreen01_90_1" md_id="1" tp_id="90" template_id="RWDfullscreen01"> 2386 <div class="title_block"> 2387 <div class="title_tw">æ¡è¿åçæåãåé«åè¨ªæ ææè²åºéæ</div> 2388 <div class="title_en">å¸¶é æ¨é²è¡ä¸è¶å±¬æ¼çå½çãæ·å²çèæ°ä¸»çåè¨ªå·¡ç¦®ï¼æ ææ¡è¿æ¨çå°ä¾èé«é©</div> 2389 </div> 2390 <div class="tab_block"> 2391 <div class="swiper-container"> 2392 <div class="swiper-wrapper"> 2393 <a href="#0" role="button" slide-to="0" class="swiper-slide tab_name active" aria-label="æ æç¹å±">æ æç¹å±</a> 2394 <a href="#1" role="button" slide-to="1" class="swiper-slide tab_name " aria-label="å°ç£æ°ä¸»éå館">å°ç£æ°ä¸»éå館</a> 2395 <a href="#2" role="button" slide-to="2" class="swiper-slide tab_name " aria-label="æ æç´å¿µé¤¨">æ æç´å¿µé¤¨</a> 2396 <a href="#3" role="button" slide-to="3" class="swiper-slide tab_name " aria-label="æ æèè¡é¤¨">æ æèè¡é¤¨</a> 2397 <a href="#4" role="button" slide-to="4" class="swiper-slide tab_name " aria-label="æ æå²æé¤¨">æ æå²æé¤¨</a> 2398 </div> 2399 </div> 2400 <div class="tab-arrow tab-prev swiper-button-hidden"></div> 2401 <div class="tab-arrow tab-next swiper-button-hidden"></div> 2402 </div> 2403 <div class="swiper-container main-slider"> 2404 <div class="swiper-wrapper"> 2405 <div class="swiper-slide" editor-gap="60"> 2406 <div class="editor editor_2col editor_1_1"><div><img src="https://www.chilin.org.tw/archive/image/RWDfullscreen01901/278230283ddb3be1.jpg" style="height: 104px; width: 450px;" /></div> 2407</div> 2408 <div class="editor editor_2col editor_1_2"><div><span style="font-size:14px;"><span style="font-family:å¾®è»æ£é»é«;">æ¼2015å¹´5æ10æ¥æ¯è¦ªç¯ç»é¤¨ï¼æ¤é¤¨ä¸»è¦çºæ¼è廳è·ç¹å±ï¼å°ä¸å®æè辦主é¡ç¹å±å鳿¨ææ¼åºã</span></span><br /> 2409<br /> 2410<span style="color:#FF8C00;"><span style="font-size:14px;"><strong> 2026.06.27~2026.12.30 æ æç¹å±</strong></span></span><br /> 2411åè²æµå ï¼çç¾å¹¸çæ²¹ç«ãç²å½©èç»çèè¡ <a href="https://chilin.org.tw/article_d.php?lang=tw&tb=12&id=4554" target="_blank"><font color="#006400">è«é»é¸</font></a></div> 2412 2413<div class="reserve-btn"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=3&ot=all" target="_blank">é ç´å°è¦½</a></div> 2414</div> 2415 </div> 2416 <div class="swiper-slide" editor-gap="60"> 2417 <div class="editor editor_2col editor_2_1"><div><img class="img" src="https://system20.webtech.com.tw/web/202100185/archive/image/RWDfullscreen01901/buil02.jpg" style="width: 100%;" /></div> 2418</div> 2419 <div class="editor editor_2col editor_2_2"><span style="font-size:14px;"><span style="font-family:å¾®è»æ£é»é«;">æç«æ¼2002 å¹´ï¼ä¸»è¦å±ç¤ºå°ç£äººæ°ç¾å¹´ä¾è¿½æ±æ°ä¸»çè±è¾éç¨ï¼å¸æééå²å¯¦ååè¨ªè æç¤ºï¼å¨è¿½æ±æ°ä¸»çéç¨ä¸ï¼ææå°é£ãçè³ç§ç²æ§å½ï¼ä½åªè¦å å®ä¿¡å¿µï¼ä¸æ·åªåï¼çæ³ä¸å®æå¯¦ç¾ã</span></span><br /> 2420<br /> 2421 2422<div class="reserve-btn"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=3&ot=all" target="_blank">é ç´å°è¦½</a></div> 2423</div> 2424 </div> 2425 <div class="swiper-slide" editor-gap="60"> 2426 <div class="editor editor_2col editor_3_1"><div><img class="img" src="https://system20.webtech.com.tw/web/202100185/archive/image/RWDfullscreen01901/buil03.jpg" style="width: 100%;" /></div> 2427</div> 2428 <div class="editor editor_2col editor_3_2"><span style="font-size:14px;"><span style="font-family:å¾®è»æ£é»é«;">1980å¹´2æ28æ¥ï¼å°ç£ç¼çéé©åå §å¤çãæå® è¡æ¡ãï¼æç¾©éãæ¹ç´ æå¤«å©¦å¤±å»äºæ æ¯ææ¸¸é¿å¦¹å¥³å£«åéèèæå¥³äº®åãäºåãçºç´å¿µæ éæ®ºå®³çç¥å«ä¸äººï¼æ æåºéææ¼1993å¹´å°æå®¶æ å± æ´å»ºçºãæ æç´å¿µé¤¨ããéè£¡æ¯ææ¸¸å¥³å£«20æ²æèæåå ççµå©ï¼31æ²å®å¯¡ãç¨åæ«é¤ä¸åä¸å¥³é·å¤§æäººçå°æ¹ãæ¼æ´å»ºæé¤ç§æãååãåè²ãçååå¤ã並éå¡å°åå¸ä¿¡ç¾©è·¯ç¼çè¡æ¡çèå® å ¥å£è¨æ¶ï¼ä½¿æ¬é¤¨èåä¸åä¸åæä»£ç建ç¯ç©ºéèæ¯ï¼åç¾ä¸åä¸çæ·å²ç©ºéã館ä¸é³åè¼è¯ãåæ¼è©©æåé¨ä»½éºç©ã ãæ æç´å¿µé¤¨ãå å ·æ·å²æç¾©èå ¶å¹´ä»£ä¹ é çé©å建ç¯é¢¨æ ¼ï¼2001å¹´ç±å®è縣æ¿åºç»éçºæ·å²å»ºç¯ã</span></span> 2429 2430<div class="reserve-btn"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=3&ot=all" target="_blank">é ç´å°è¦½</a></div> 2431</div> 2432 </div> 2433 <div class="swiper-slide" editor-gap="60"> 2434 <div class="editor editor_2col editor_4_1"><div><img class="img-responsive" src="https://www.chilin.org.tw/archive/image/RWDfullscreen01901/28051e0fdf24a0a8.jpg" /></div> 2435</div> 2436 <div class="editor editor_2col editor_4_2"><span style="font-size:14px;"><span style="font-family:å¾®è»æ£é»é«;">è¨ç«æ¼æ æå¸è䏿¨çãç¾è¡é¤¨ãï¼æ¶èå±ç¤ºæ·å¹´ä¾æ æä¹åæè´çµ¦æ æçèè¡åã<br /> 2437æ æå¸èä¸ä¸æ¨çãæ¸æ³é¤¨ãï¼ä¸»è¦æ¶èå±ç¤º<span style="color: rgb(85, 85, 85);">é³é²ç¨ãåº·ç©æ³å康家åå«åå³å£å¦çæ¸æ³åå®¶çä½åï¼ä»¥åæ·å¹´ä¾æ </span>å°<span style="color: rgb(85, 85, 85);">æä¹åæè´çµ¦æ æå ¸èçæ¸ç«ä½åã</span><br /> 2438叿å訪è å¨è§è³ãåå³éäºä½åå¾ï¼è½è§¸åå¿éï¼å¨æ¥å¸¸çæ´»ä¸åµé åºå±¬æ¼èªå·±çèè¡åã</span></span><br /> 2439<br /> 2440æ¸ä½æ æèè¡é¤¨ : <a href="https://sites.google.com/view/chilinart/%E9%A6%96%E9%A0%81" target="_blank"><span style="color: rgb(0, 128, 0);">è«é»æè§ç</span></a><br /> 2441 2442<div class="reserve-btn"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=3&ot=all" target="_blank">é ç´å°è¦½</a></div> 2443</div> 2444 </div> 2445 <div class="swiper-slide" editor-gap="60"> 2446 <div class="editor editor_2col editor_5_1"><div><img class="img-responsive" src="https://www.chilin.org.tw/archive/image/RWDfullscreen01901/img_8358.jpg" /></div> 2447</div> 2448 <div class="editor editor_2col editor_5_2"><span style="font-family:å¾®è»æ£é»é«;"><span style="color: rgb(85, 85, 85);">2023å¹´è¨ç«ï¼ä»¥åæä¸¦åï¼è¼ä»¥å¯¦ç©çæ¹å¼ï¼åç¾æ¬æåµç«30å¹´ä¾ä¹ä½çºï¼ä½¿å訪è ç¥æ¬æåå¡åè¯äººå¿ä¹æ·ç¨ï¼çºæ¬æä¿ççè²´å²æã</span></span><br /> 2449<br /> 2450 2451<div class="reserve-btn"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=3&ot=all" style="transition-property: all;" target="_blank">é ç´å°è¦½</a></div> 2452</div> 2453 </div> 2454 </div> 2455 </div> 2456 2457
2457<script> 2458 $(document).ready(function(){ 2459 let window_w = $(window).width(); 2460 let tabSlider_m_RWDfullscreen01_90_1; 2461 let mainSlider_m_RWDfullscreen01_90_1; 2462 let device; 2463 let isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent); 2464 2465 RWDservice004_init_m_RWDfullscreen01_90_1(); 2466 if(!isMobile){ 2467 $(window).resize(function() { 2468 RWDservice004_doneResizing_m_RWDfullscreen01_90_1() 2469 }); 2470 } 2471 function RWDservice004_doneResizing_m_RWDfullscreen01_90_1(){ 2472 let st_index=0; 2473 if(mainSlider_m_RWDfullscreen01_90_1!=null){ 2474 st_index=mainSlider_m_RWDfullscreen01_90_1.activeIndex; 2475 } 2476 tabSlider_m_RWDfullscreen01_90_1.destroy(true, true); 2477 mainSlider_m_RWDfullscreen01_90_1.destroy(true, true); 2478 RWDservice004_init_m_RWDfullscreen01_90_1(); 2479 mainSlider_m_RWDfullscreen01_90_1.slideTo(st_index,0); 2480 } 2481 function RWDservice004_init_m_RWDfullscreen01_90_1() { 2482 window_w = $(window).width(); 2483 if (window_w >= 1200) { 2484 device = 'pc'; 2485 } 2486 if (window_w < 1200) { 2487 device = 'tablet'; 2488 } 2489 if (window_w < 768) { 2490 device = 'mobile'; 2491 } 2492 // é 籤 ç slider 2493 if (device === 'pc') { 2494 tabSlider_m_RWDfullscreen01_90_1 = new Swiper('#m_RWDfullscreen01_90_1 .tab_block .swiper-container', { 2495 speed: 400, 2496 centerInsufficientSlides: true, 2497 slidesPerView: 'auto', 2498 navigation: { 2499 nextEl: '#m_RWDfullscreen01_90_1 .tab_block .tab-next', 2500 prevEl: '#m_RWDfullscreen01_90_1 .tab_block .tab-prev', 2501 }, 2502 simulateTouch: false 2503 }); 2504 }else if (device === 'mobile') { 2505 tabSlider_m_RWDfullscreen01_90_1 = new Swiper('#m_RWDfullscreen01_90_1 .tab_block .swiper-container', { 2506 speed: 400, 2507 centerInsufficientSlides: true, 2508 slidesPerView: 2, 2509 navigation: { 2510 nextEl: '#m_RWDfullscreen01_90_1 .tab_block .tab-next', 2511 prevEl: '#m_RWDfullscreen01_90_1 .tab_block .tab-prev', 2512 } 2513 }); 2514 }else{ 2515 tabSlider_m_RWDfullscreen01_90_1 = new Swiper('#m_RWDfullscreen01_90_1 .tab_block .swiper-container', { 2516 speed: 400, 2517 centerInsufficientSlides: true, 2518 slidesPerView: 'auto', 2519 navigation: { 2520 nextEl: '#m_RWDfullscreen01_90_1 .tab_block .tab-next', 2521 prevEl: '#m_RWDfullscreen01_90_1 .tab_block .tab-prev', 2522 } 2523 }); 2524 } 2525 2526 // é ç±¤å §å®¹ ç slider 2527 mainSlider_m_RWDfullscreen01_90_1 = new Swiper('#m_RWDfullscreen01_90_1 .main-slider', { 2528 speed: 400, 2529 pagination: { 2530 el: '#m_RWDfullscreen01_90_1 .swiper-pagination', 2531 type: 'fraction', 2532 }, 2533 effect: 'fade', 2534 fadeEffect: { 2535 crossFade: true 2536 }, 2537 autoHeight: true, 2538 on: { 2539 slideChange() { 2540 $('#m_RWDfullscreen01_90_1 .tab_name').removeClass('active') 2541 .eq(this.activeIndex) 2542 .addClass('active'); 2543 } 2544 } 2545 }); 2546 $('#m_RWDfullscreen01_90_1 .tab_block .tab_name').click(function(){ 2547 var _this = $(this); 2548 var index = _this.attr('slide-to'); 2549 $('#m_RWDfullscreen01_90_1 .tab_block .tab_name').removeClass('active'); 2550 _this.addClass('active'); 2551 mainSlider_m_RWDfullscreen01_90_1.slideTo(index); 2552 }); 2553 setBlockWidth_m_RWDfullscreen01_90_1(device); 2554 } 2555 function setBlockWidth_m_RWDfullscreen01_90_1(device) { 2556 $('#m_RWDfullscreen01_90_1 .swiper-slide').each(function() { 2557 var editor_pac = $(this).find('.editor').length; 2558 var editorBox = $(this).find('.editor'); 2559 var sliderWarpWidth = $(this).width(); 2560 var editorGap = 30; 2561 if ($(this).attr('editor-gap')) { 2562 editorGap = $(this).attr('editor-gap'); 2563 } 2564 if (device === 'pc') { 2565 var space = editorGap * (editor_pac - 1); 2566 var allEditorWidth = sliderWarpWidth - space; 2567 var editorWidth = allEditorWidth / editor_pac; 2568 editorBox.css('width', editorWidth + 'px') 2569 .css('margin-right', +editorGap); 2570 2571 $('.swiper-slide .editor:last-child()').css('margin-right', 0); 2572 } else if (device === 'tablet') { 2573 if(editor_pac > 2) { 2574 editorBox.css('margin-right', 0); 2575 editorBox.eq(0).css('width','100%'); 2576 editorBox.eq(1).css('width', (sliderWarpWidth - editorGap)/2).css('margin-right', editorGap+'px'); 2577 editorBox.eq(2).css('width', (sliderWarpWidth - editorGap)/2) 2578 } else { 2579 editorBox.css('width','100%').css('margin-right', 0); 2580 } 2581 } else { 2582 editorBox.css('width','100%').css('margin-right', 0); 2583 } 2584 }); 2585 var tabBlockWidth = $('#m_RWDfullscreen01_90_1 .tab_block').width(); 2586 var tabNameWidth = 0; 2587 $('#m_RWDfullscreen01_90_1 .tab_name').each(function(){ 2588 tabNameWidth = +tabNameWidth + $(this).outerWidth(true); 2589 }); 2590 if (tabNameWidth < tabBlockWidth) { 2591 $('#m_RWDfullscreen01_90_1 .tab-arrow').css('display' , 'none'); 2592 return 2593 } 2594 $('#m_RWDfullscreen01_90_1 .tab-arrow').css('display' , 'flex'); 2595 } 2596 2597 }); 2598 </script>
2598 2599 <div style="clear:both;"></div> 2600 </div> 2601 2602 <div class="clear"></div> 2603 </div> 2604 <div class="clear"></div> 2605 </div> 2606 <div class=" panel_1 footer-block " id="panel_80" page_style="footermain"> 2607 <div class=" panel_2 container " id="panel_76" page_style=""> 2608 <div class=" panel_3 footer-info " id="panel_91" page_style=""> 2609 2610 <div class="model RWDedictor " id="m_RWDfullscreen01_91_1" md_id="1" tp_id="91" template_id="RWDfullscreen01"> 2611 <!--start--> 2612 <div class="footer-logo">è²¡åæ³äººæ ææè²åºéæ</div> 2613 2614<div class="info-area"> 2615<div class="info-left"><span style="font-size:14px;"><strong><span style="color:#FF0000;">æ æååå訪æ¡é ç´å¶ï¼è«ç·ä¸ç³è«ï¼è¬è¬ï¼</span></strong></span> 2616 2617<ul> 2618 <li>ä¸çæéï¼é±äº~é±å 9ï¼00-17ï¼00(åä¼ä¸å°æ)</li> 2619 <li>é»è©±ï¼<a href="news://tel://039650515">03-9650515</a></li> 2620 <li>å³çï¼03-9650205</li> 2621</ul> 2622</div> 2623 2624<div class="info-right"> 2625<ul> 2626 <li>Emailï¼<a href="mailto:[email protected]">[email protected]</a></li> 2627 <li>å°åï¼<a href="https://goo.gl/maps/f2hXiVppJKZSetXbA" target="_blank">26847 å®è縣äºçµéäºçµè·¯339è<i class="icon ion-android-pin"></i></a></li> 2628</ul> 2629</div> 2630</div> 2631 <!--end--> 2632 <div style="clear:both;"></div> 2633 </div> 2634 2635 <div class="clear"></div> 2636 </div> 2637 <div class=" panel_3 footer-social " id="panel_92" page_style=""> 2638 2639 <div class="model RWDedictor " id="m_RWDfullscreen01_92_2" md_id="2" tp_id="92" template_id="RWDfullscreen01"> 2640 <!--start--> 2641 <div class="social-btn"><a href="https://www.chilin.org.tw/article.php?lang=tw&tb=4&ot=all"><img class="img" src="https://chilin.org.tw/archive/image/coi2.png" />æå©æ æ</a></div> 2642æ¡è¿è¿½è¹¤ï¼è§çææ°è³è¨ <!--end--> 2643 <div style="clear:both;"></div> 2644 </div> 2645 2646 <style type="text/css"> 2647 .RWDsocial001 .deficon{width: 25px; 2648 height: 25px; 2649 margin-top: -4px; 2650 margin-left: -4px;} 2651 .RWDsocial001 .deficon.icon_Instagram02{width:20px;height:20px;margin-top:-1px;margin-left:-1px;} 2652 2653 2654 </style> 2655 <div class="model RWDsocial001" id="m_RWDfullscreen01_92_1" md_id="1" tp_id="92" template_id="RWDfullscreen01"> 2656 <div id="social_media_wrapper"> 2657 <a href="http://line.naver.jp/ti/p/~@hji8435p" title="Line" target="_blank" aria-label="Line"><i class="fa deficon icon_line3"></i></a><a href="https://www.facebook.com/chilinEF" title="Facebook" target="_blank" aria-label="Facebook"><i class="fa deficon icon_fb1"></i></a><a href="https://www.youtube.com/channel/UCOz2Mi2prZz2yauBoYwdVhw" title="Youtube" target="_blank" aria-label="Youtube"><i class="fa"><img src="https://chilin.org.tw/archive/image/web_community/video+youtube+icon-1320192294490006733.png" alt="Youtube" border="0"></i></a><a href="https://www.flickr.com/photos/95326170@N00/sets/" title="flickr" target="_blank" aria-label="flickr"><i class="fa"><img src="https://chilin.org.tw/archive/image/web_community/flickr-267.png" alt="flickr" border="0"></i></a> </div> 2658 <div style="clear:both;"></div> 2659 </div> 2660 2661 <div class="clear"></div> 2662 </div> 2663 <div class="clear"></div> 2664 </div> 2665 <div class=" panel_2 rights-block " id="panel_93" page_style=""> 2666 <div class=" panel_3 container " id="panel_94" page_style=""> 2667 2668 <div class="model RWDedictor " id="m_RWDfullscreen01_94_1" md_id="1" tp_id="94" template_id="RWDfullscreen01"> 2669 <!--start--> 2670 <img src="https://system10.webtech.com.tw/web/201900266/archive/image/RWDfullscreen02541/ssl_lock_-2.png" style="width: 10px;margin-right:5px;margin-bottom: 3px" />å ¨çå é²SSL 256bitå³è¼¸å 坿©å¶<span>ï½</span><br class="visible-xs"/> 2671建è°ä½¿ç¨ChromeãFirefoxãSafariææ°çæ¬ç覽<span>ï½</span><br class="visible-xs"/> 2672Design by WebTech <a href="https://miracle-webtech.com.tw/" target="_blank">ç¶²é è¨è¨</a> 2673 <!--end--> 2674 <div style="clear:both;"></div> 2675 </div> 2676 2677 <div class="clear"></div> 2678 </div> 2679 <div class="clear"></div> 2680 </div> 2681 <div class=" panel_2 fixed-btn " id="panel_95" page_style=""> 2682 2683 <div class="model RWDedictor " id="m_RWDfullscreen01_95_1" md_id="1" tp_id="95" template_id="RWDfullscreen01"> 2684 <!--start--> 2685 <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=4&id=1230"><span>æå©æ æ</span></a> <!--end--> 2686 <div style="clear:both;"></div> 2687 </div> 2688 2689 <div class="clear"></div> 2690 </div> 2691 <div class="clear"></div> 2692 </div> 2693 <div class="clear"></div> 2694 </div> 2695 <div class=" scrolltop-block " id="panel_86" page_style=""> 2696 <div class="model scrollTop002" id="m_RWDfullscreen01_86_1" md_id="1" tp_id="86" template_id="RWDfullscreen01" style="position: fixed;"> 2697 <aside class="top_btn" onclick="fn_scrollTop()"> 2698 2699 <img src="https://chilin.org.tw/archive/image/0619-top01.png" alt="go top" loading="lazy">
2700 <span class="txt" ></span> 2701 </aside> 2702
2702<script type="text/javascript"> 2703 function fn_scrollTop(){ 2704 $("html, body").animate({scrollTop:0}, '500', 'swing', function() { }); 2705 } 2706 $(function(){ 2707 ã$(window).load(function(){ 2708 ãã$(window).bind('scroll resize', function(){ 2709 offsetTop = $(window).scrollTop(); 2710 if(offsetTop > 350){ 2711 $('.scrollTop002').stop().css("display","block").animate({opacity:"1"},100); 2712 }else{ 2713 $('.scrollTop002').stop().animate({opacity:"0"},300, function () { 2714 // å¨åç«å·è¡å®å¾ï¼å°å ç´ noneæ 2715 $(this).css("display", "none"); 2716 }); 2717 } 2718 ã }); 2719 }); 2720 }); 2721 </script>
2721 2722 <div style="clear:both;"></div> 2723 </div> 2724 <div class="clear"></div> 2725 </div> 2726 <div style="clear:both;"></div> 2727 </div> 2728 <style> 2729 #newsBoxsContent img{ 2730 max-width:100%; 2731 } 2732 </style> 2733 <div style="display: none"> 2734 <div id="newsBoxsContent" style="min-width:80%"><p><h1><strong>çè¦å°ç£ï¼ç解社æï¼æ¾å°è¡åçå¯è½</strong></h1> 2735 2736<p class="isSelectedEnd"><span>å°ç£æ£å¨å¿«éè®åï¼æ¿æ²»ãåéãå°æ¹ã社æèç°å¢çè°é¡ï¼é½èæåççæ´»æ¯æ¯ç¸éã</span></p> 2737 2738<p class="isSelectedEnd"><span><strong>æ æç¤¾æç¼å±ç ä¿®ç</strong>ï¼éè«ä¸åé åçè¬è èå¸å¡ï¼å¾å¤å è§é»çè§£å°ç£èä¸çï¼éé課å ãè¨è«è交æµï¼å¹é¤æè¾¨è½åï¼ä¹éæ°æèèªå·±è社æçéä¿ã</span></p> 2739 2740<p class="isSelectedEnd"><span>å¦æä½ éå¿å°ç£çæªä¾ï¼æ³æ·±å ¥çè§£å ¬å ±è°é¡ï¼å¦æä½ 叿æå±è¦éãèªèä¸åè§é»ï¼ä¸¦èä¸ç¾¤é¡ææèãå°è©±èè¡åç夥伴交æµ</span></p> 2741 2742<p class="isSelectedEnd"><strong><span>æ¡è¿ä¾æ æï¼åæåä¸èµ·æèå°ç£ãç解社æï¼æ¢ç´¢è¡åçå¯è½ã</span></strong></p> 2743 2744<h3><strong><span>2026 æ æç¤¾æç¼å±ç ä¿®ç</span></strong></h3> 2745 2746<p class="isSelectedEnd"><strong><span>æçä¸ï½æå¾ èä½ ç¸é</span></strong></p> 2747 2748<p><a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=12&id=4725"><strong><span>äºè§£èª²ç¨å §å®¹ã»ç«å³å ±å</span></strong></a></p></p></div> 2749 </div> 2750
2750<script type="text/javascript"> 2751 $(document).ready(function(){ 2752 let ww = $(window).width(); 2753 let _fancyboxma = 30; 2754 if(ww>1024){ 2755 _fancyboxma = [30,200,30,200] 2756 } 2757 $("#newsBoxsContent").fancybox({ 2758 margin: _fancyboxma, 2759 // 妿å¾å°æéåæå®å°ºå¯¸åè½ 2760 autoSize : false, 2761 autoHeight: true, 2762 width: '502', 2763 maxwidth:'70%', 2764 openEffect : 'none', 2765 closeClick : false, 2766 'titlePosition' : 'inside', 2767 'transitionIn' : 'none', 2768 'transitionOut' : 'none', 2769 afterShow: function () { 2770 $("#newsBoxsContent a").click(function(){ 2771 event.preventDefault(); 2772 var href = $(this).attr('href'); 2773 var target = $(this).attr('target'); 2774 //alert(typeof(target) == "undefined"); 2775 if (typeof(target) == "undefined" || target =="_self"){ 2776 location.href= href; 2777 }else{ 2778 window.open(href,target); 2779 } 2780 }); 2781 }, 2782 afterClose:function(){ 2783 setTimeout(function(){ 2784 $(window).resize(); 2785 }, 333); 2786 } 2787 }); 2788 window.addEventListener('load', function() { 2789 setTimeout(function() { 2790 $("#newsBoxsContent").trigger('click'); 2791 }, 100); 2792 }, false); 2793 }); 2794 </script>
2794 2795
2795<script> 2796 $(document).ready(function() { 2797 if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) { 2798 $(".fixiosiframe").each(function(){ 2799 var f = $(this); 2800 f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no'); 2801 var h = f.attr('height'); 2802 var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>'); 2803 $new.insertBefore(f); 2804 $new.prepend(f); 2805 }); 2806 2807 } 2808 }); 2809</script>
2809 2810<!--load external_js-->
2810<script src="https://system20.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.min.miracle.js?=v4.2"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/jquery.mobile.custom.min.js"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/main.js?v=10"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/modernizr.js"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/69d9237579.js"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/enscroll-0.6.1.min.js"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/jquery.touchSwipe.min.js"></script>
2810<script src="https://system20.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
2810<script src="https://system20.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
2810<script src="https://system20.webtech.com.tw/js-plugin/owl-carousel/owl.carousel.min.js"></script>
2810<script src="https://system20.webtech.com.tw/js-plugin/magnific-popup/jquery.magnific-popup.min.js"></script>
2810<script src="https://system20.webtech.com.tw/js/swiper/swiper.min.js"></script>
2810<!--load external_js end--> 2811<!--load footer_js-->
2811<script type="text/javascript" src="https://system20.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
2811<!--load footer_js end--> 2812 2813</body>
2814<script defer type="text/javascript" src="https://system20.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
2814</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.