PageSourceSearch

https://chilin.org.tw/

html chilin.org.tw collected 2026-10-02 20:16:27 UTC 157,328 bytes, 2,814 lines download raw bytes

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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;2026.06.27~2026.12.30 慈林特展</strong></span></span><br />
2411凝色流光:王美幸的油畫、粉彩與玻璃藝術&nbsp;<a href="https://chilin.org.tw/article_d.php?lang=tw&amp;tb=12&amp;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&amp;tb=3&amp;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.