PageSourceSearch

https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all

html chilin.org.tw collected 2026-10-02 20:16:34 UTC 73,954 bytes, 1,488 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"  class="article1 is-layer1 articlelist"  lang="zh-tw">
3<head>
4    <meta http-equiv="content-language" content="zh-tw">
5    
5<script type="application/ld+json">
6{"@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 6
6
7<script type="application/ld+json">
8{"@context":"https:\/\/schema.org","@type":"WebPage","name":"認識慈林 | 慈林教育基金會","description":"慈林緣起為「人心的善惡決定了人間的歡喜或悲苦,社會的祥和或紛擾。救苦渡厄不是菩薩的責任,人間樂園也不是上天的恩賜,而是人類就自身心靈不斷地錘煉和提昇的事工。求真求善求美的文化和教育是從事這項事工的主要媒介。」 基於以上的信念,林義雄、方素敏夫婦於 1991 年成立慈林基金會,先後成立慈林文教中心、台灣民主運動館、慈林紀念館、台灣社會運動史料中心、及慈林社會發展學苑等,把文化教育、社會改革視為培育民族高貴心靈,長遠耕耘的事工,希望慈林能成為各種文教活動及改革運動的永久基地。","url":"https:\/\/chilin.org.tw\/article.php?lang=tw&tb=1&ot=all","image":"https:\/\/chilin.org.tw\/archive\/image\/header_info\/bn001.jpg"}</script>
vendor: 1 bytes, line 8
8
9<script>
10let gtag_inuse = false;
11let gtag_type4 = false;
12let fbq_inuse  = false;
13let omnichat_inuse = false;
14</script>
14
15  <!-- auto webmarketing-->
16  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 16-17
16
17  <script async src="https://www.googletagmanager.com/gtag/js?id=
17UA-203308847-1
vendor: 14 bytes, lines 17-18
17"></script>
18  
18<script>
19    
vendor: 139 bytes, lines 19-22
19window.dataLayer = window.dataLayer || [];
20    function gtag(){dataLayer.push(arguments);}
21    gtag('js', new Date());
22    gtag('config', '
22UA-203308847-1
vendor: 6 bytes, lines 22-23
22');
23  
23</script>
23
24  
24<script>gtag_inuse = true;</script>
24
25    <link rel="preconnect" href="https://fonts.gstatic.com">
26<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap" rel="stylesheet">
27
28<meta name="msvalidate.01" content="6A219A0742E4FC276E05446C1DD70A22" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
29<title lang="zh-tw">認識慈林 | 慈林教育基金會</title>
30<meta name="apple-mobile-web-app-capable" content="yes">
31<meta name="mobile-web-app-capable" content="yes">
32<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
33<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
34<!--[if lt IE 9]>
35<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 35
35
36<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
36
37<![endif]-->
38<meta name="keywords" content="慈林教育基金會,慈林,林義雄,教育基金會,方素敏">
39<meta name="description" content="慈林緣起為「人心的善惡決定了人間的歡喜或悲苦,社會的祥和或紛擾。救苦渡厄不是菩薩的責任,人間樂園也不是上天的恩賜,而是人類就自身心靈不斷地錘煉和提昇的事工。求真求善求美的文化和教育是從事這項事工的主要媒介。」 基於以上的信念,林義雄、方素敏夫婦於 1991 年成立慈林基金會,先後成立慈林文教中心、台灣民主運動館、慈林紀念館、台灣社會運動史料中心、及慈林社會發展學苑等,把文化教育、社會改革視為培育民族高貴心靈,長遠耕耘的事工,希望慈林能成為各種文教活動及改革運動的永久基地。">
40<meta name="author" content="慈林教育基金會" />
41<meta name="copyright" content="慈林教育基金會" />
42<meta name="distribution" content="global" />
43<meta name="rating" content="general" />
44<meta name="robots" content="index,follow" />
45<meta property="og:title" content="慈林教育基金會"/>
46<meta property="og:type" content="website"/>
47<meta property="og:url" content="https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all"/>
48<meta property="og:description" content="慈林緣起為「人心的善惡決定了人間的歡喜或悲苦,社會的祥和或紛擾。救苦渡厄不是菩薩的責任,人間樂園也不是上天的恩賜,而是人類就自身心靈不斷地錘煉和提昇的事工。求真求善求美的文化和教育是從事這項事工的主要媒介。」 基於以上的信念,林義雄、方素敏夫婦於 1991 年成立慈林基金會,先後成立慈林文教中心、台灣民主運動館、慈林紀念館、台灣社會運動史料中心、及慈林社會發展學苑等,把文化教育、社會改革視為培育民族高貴心靈,長遠耕耘的事工,希望慈林能成為各種文教活動及改革運動的永久基地。"/>
49<meta property="og:image" content="https://chilin.org.tw/archive/image/header_info/bn001.jpg"/>
50<meta property="og:site_name" content="財團法人慈林教育基金會"/>
51<script>
52var tlang = "tw";
53</script>
vendor: 1 bytes, line 53
53
54<script src="https://system20.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 54
54
55<script src="https://system20.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
55
56<link rel="canonical" href="https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all">
57<link rel="icon" href="https://www.chilin.org.tw/favicon_48.png">
58<link rel="icon" href="https://www.chilin.org.tw/favicon_192.png" type="image/png">
59<link rel="apple-touch-icon" href="https://www.chilin.org.tw/favicon_180.png">
60<link rel="stylesheet" href="https://system20.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" />
61<link rel="stylesheet" href="https://system20.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" />
62<link rel="stylesheet" href="https://system20.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css">
63<link rel="stylesheet" href="https://system20.webtech.com.tw/css/bootstrap-min.css?mv=20260914" >
64<!-- load external-->
65<link rel="stylesheet" type="text/css" href="https://system20.webtech.com.tw/js/slick/@1.8.0/slick.min.css"><!-- end -->
66<link href="https://system20.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/model_css.php?v=20260914&key=cHViX3x8MjAyMTAwMTg1X3x8UldEUEFHRV9CQVNFX1BBVDAyfHxSV0RQQUdFX0JBU0VfUEFUMDI=" rel="stylesheet" type="text/css" />
67<link href="https://system20.webtech.com.tw/public/template/base/article.css?v=20260914" rel="stylesheet" type="text/css" />
68<!--base css-->
69<link href="https://system20.webtech.com.tw/public/template/base/base.css?v=20260914" rel="stylesheet" type="text/css" />
70<!--end-->
71<link href="https://system20.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/index.css?v=20260914" rel="stylesheet" type="text/css" />
72<link href="https://system20.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/>
73<link href="https://system20.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/>
74<link href="https://system20.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
75  <link rel="stylesheet" href="https://chilin.org.tw/customization_css.php?p=eyJwYWdlIjoiYXJ0aWNsZS5waHAiLCJ0ZW1wbGF0ZV9pZCI6IlJXRFBBR0VfQkFTRV9QQVQwMiIsImRlc2lnbmVyX3BhZ2VpZCI6ImFydGljbGUxIn0%3D&time=1626861523" type="text/css"  />
76<link rel="stylesheet" href="https://system20.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
77<script  type="text/javascript" src="https://system20.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 77
77
78<script  type="text/javascript" src="https://system20.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 78
78
79<script  src="https://system20.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 79
79
80<script  type="text/javascript" src="https://system20.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 80
80
81<script  type="text/javascript" src="https://system20.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 81
81
82<script  src="https://system20.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 82
82
83<script  src="https://system20.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 83
83
84<script src="https://system20.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 84
84
85<script src="https://system20.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 85
85
86<script  src="https://system20.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
86
87<style type="text/css">
88  .seofootercompany,.seofooterkeyword{font-size:12px;}
89  .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;}
90</style>
91<script>var showtotop = false;</script>
vendor: 1 bytes, line 91
91
92<script  src="https://system20.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 92
92
93<script  src="https://system20.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 93
93
94<script  src="https://system20.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 94
94
95<script type="text/javascript">
96var isMobile = false;
97var isDesktop = false;
98$(window).on("load resize",function(e){
99  //mobile detection
100  if(Modernizr.mq('only all and (max-width: 767px)') ) {
101    isMobile = true;
102  }else{
103    isMobile = false;
104  }
105  //tablette and mobile detection
106  if(Modernizr.mq('only all and (max-width: 1024px)') ) {
107    isDesktop = false;
108  }else{
109    isDesktop = true;
110  }
111});
112</script>
112
113
114<script  src="https://system20.webtech.com.tw/public/template/RWDPAGE_BASE_PAT02/index.js?v=20260914"></script>
114
115  <style type="text/css">
116  .paneleffect, .paneleffect_v1{opacity: 0;}
117  .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;}
118    </style>
119  
119<script type="text/javascript">
120
121    // 監聽物件高度是否變化
122    function onElementHeightChange(elm, callback) {
123        var lastHeight = elm.clientHeight
124        var newHeight;
125
126        (function run() {
127            newHeight = elm.clientHeight;
128            if (lastHeight !== newHeight) callback();
129            lastHeight = newHeight;
130
131            if (elm.onElementHeightChangeTimer) {
132              clearTimeout(elm.onElementHeightChangeTimer);
133            }
134
135            elm.onElementHeightChangeTimer = setTimeout(run, 200);
136        })();
137    }
138
139    $(document).ready(function(){
140        
141
142        imagesLoaded( document.querySelector('body'), function( instance ) {
143                              $('.paneleffect').each(function(){
144            if($(this).height() < 200){
145              $(this).removeClass('paneleffect');
146            }
147          });
148          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
149        });
150
151        // 監聽body高度變化時要重跑入場動畫
152        onElementHeightChange(document.body, function(){
153          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
154        });
155
156
157
158        function onScrollInit( items, trigger ) {
159          items.each( function() {
160            var osElement = $(this),
161                osoffset = osElement.attr('data-os-offset'),
162                osAnimationClass = osElement.attr('data-os-animation'),
163                osAnimationDelay = osElement.attr('data-os-animation-delay');
164                osAnimationDuration = osElement.attr('data-os-animation-duration');
165                if(typeof(osAnimationClass)=='undefined'){
166                  osAnimationClass = 'fadeInUp';
167                }
168                if(typeof(osAnimationDelay)=='undefined'){
169                  osAnimationDelay = '0.3s';
170                }
171                if(typeof(osoffset)=='undefined'){
172                  osoffset = '90%';
173                }
174                if(typeof(osAnimationDuration)=='undefined'){
175                  osAnimationDuration = '1s';
176                }
177
178
179            osElement.css({
180                '-webkit-animation-delay':  osAnimationDelay,
181                '-moz-animation-delay':     osAnimationDelay,
182                'animation-delay':          osAnimationDelay,
183                '-webkit-animation-duration': osAnimationDuration,
184                'animation-duration':         osAnimationDuration,
185
186            });
187
188            var osTrigger = ( trigger ) ? trigger : osElement;
189
190            osTrigger.waypoint(function() {
191                osElement.addClass('animated').addClass(osAnimationClass);
192            },{
193                triggerOnce: true,
194                offset: osoffset
195            });
196          });
197                  }
198    });
199  </script>
vendor: 1 bytes, line 199
199
200<script type="text/javascript">
201  var ajaxGet = null;
202  var orgwapperh = 0;
203  var nowtop = 0;
204  function fn_openbox(url,parpms){
205
206    if (ajaxGet != null){
207      ajaxGet.abort();
208    }
209    nowtop = $( document ).scrollTop();
210    $("html,body").scrollTop(0).css({'overflow-x':'hidden'});
211    $("#loading_mask").css({'width':$(window).width()}).show();
212    $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'});
213
214    $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show();
215
216    ajaxGet = $.ajax({
217      type: 'post', //
218      url: url,
219      data:parpms,
220      dataType: "html",
221      success: function(datahtml) {
222        $('#boxcontent').html(datahtml);
223        $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'});
224        $('#openbox').stop().animate({'left':0}, 800,function(){
225          $("#loading_mask").hide();
226          $('.wapper .panel').hide(0);
227        });
228        var images=$('#editor img');
229        var link = null;
230        var imgLen=images.length;
231        for(var i=0;i<imgLen;i++){
232          if (images[i].parentNode.tagName.toLowerCase() != 'a'){
233            images[i].style.cursor="pointer";
234            link = document.createElement("a");
235            link.href = images[i].src;
236            $(link).addClass('fancybox').attr("rel","group");
237            //客戶自己填的圖片說明比操作提示更有 SEO 價值,原本有替代文字就不覆蓋;
238            //title 講的是「這張圖可以點開」這個操作、與圖片內容無關,所以一律覆蓋
239            if(images[i].alt == ''){
240              images[i].alt='點擊放大';
241            }
242            images[i].title='點擊放大';
243            link.target="_blank";
244            images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i])
245          }
246        }
247        $("#editor .fancybox").fancybox({
248	        'hideOnContentClick': true
249	      });
250
251      },
252      error:function (xhr, ajaxOptions, thrownError){
253        fn_close_box();
254        $("body").append(xhr.status);
255        $("body").append(xhr.responseText );
256        //alert(thrownError);
257      }
258    });
259  }
260
261  function fn_close_box(){
262    $('.wapper .panel').show(0);
263    $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){
264      $( document ).scrollTop(nowtop).css({'overflow-x':'auto'});
265      $('#boxcontent').html('').hide();
266      $('#openbox').hide();
267      $("#loading_mask").hide();
268    });
269  }
270</script>
vendor: 1 bytes, line 270
270
271<script type="text/javascript">
272  $(document).ready(function(){
273  $(".fancybox.youtube").click(function() {
274    $.fancybox({
275      'padding'   : 0,
276      'autoScale'   : false,
277      'transitionIn'  : 'none',
278      'transitionOut' : 'none',
279      'title'     : this.title,
280      'width'     : 640,
281      'height'    : 385,
282      'href'      : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
283      'type'      : 'swf',
284      'swf'     : {
285      'wmode'       : 'transparent',
286      'allowfullscreen' : 'true'
287      }
288    });
289    return false;
290  });
291  $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false });
292  });
293</script>
293
294<style>
295.error{color:red;}
296</style>
297</head>
298<body domain_is_safe="no" class="wrapper_bg page_wrapper_bg tb_article fn_article1 lang_tw" attr-type="chilin.org.tw" attr-type2="www.chilin.org.tw" attr-trans="Y" RID="" nowPath="article.php">
299<div id="openbox">
300  <div id="boxcontent">
301  </div>
302</div>
303<style>
304    .RWDalert_fancybox.center{
305        max-width: 800px;
306        text-align: center;
307        padding: 20px;
308    }
309    .RWDalert_fancybox.center img{
310        max-width: 100%;
311    }
312    .RWDalert_fancybox.bottom{
313        z-index: 999;
314        box-shadow:0px -3px 3px rgba(20%,20%,40%,0.2);
315        padding: 15px 30px;
316        text-align: center;
317        letter-spacing: 1px;
318        position: fixed;
319        bottom: 0;
320        left: 0;
321        right: 0;
322        background: #fff;
323    }
324    .RWDalert_fancybox.bottom.active{
325        animation-name: RWDalertfadeOut;
326        animation-duration: 4s;
327        animation-fill-mode: both;
328    }
329    @keyframes RWDalertfadeOut {
330      from {
331        bottom: 0;
332      }
333      to {
334        bottom: -100%;
335      }
336    }
337    .RWDalert_fancybox.center .editor{
338        margin-bottom: 30px;
339        font-size: 14px;
340    }
341    .RWDalert_fancybox.bottom .editor{
342        font-size: 15px;
343        margin-bottom: 8px;
344    }
345    .RWDalert_fancybox .title{
346        font-size: 16px;
347        margin-bottom: 15px;
348        font-weight: bold;
349    }
350    .RWDalert_fancybox.bottom .editor,
351    .RWDalert_fancybox.bottom .btn-box{
352        display: inline-block;
353    }
354    .RWDalert_fancybox .btn{
355        background: none;
356        border: 1px solid #888;
357        color: #333;
358        box-shadow:inset 0 0 0 rgba(20%,20%,40%,0.5);
359        margin: 0 6px;
360        transition: all .15s ease-in-out;
361        letter-spacing: 1px;
362    }
363    .RWDalert_fancybox .btn.active{
364        background: var(--wt-MainColor,#888);
365        color: #fff;
366    }
367    .RWDalert_fancybox .btn:focus{
368        outline: 0;
369    }
370    @media (min-width: 1025px){
371        .RWDalert_fancybox .btn:hover{
372            background: var(--wt-HoverColor,#666);
373            color: #fff;
374        }
375    }
376</style>
377<div id="RWDalert_fancybox" class="model RWDalert_fancybox bottom" style='display:none'>
378    <div class="editor">
379        我們使用cookie分析為您提供更好的用戶體驗。您若繼續使用本網站代表您已了解並同意我們的<u><a href="article_d.php?lang=tw&tb=6&id=369">cookie政策</a></u>。    </div>
380    <div class="btn-box">
381                   <button class="btn active" onclick="alertBottom()">同意</button>
382                     </div>
383</div>
384<script>
385    function RWDalert_fancybox_setCookie(cname,cvalue,exdays){
386      var d = new Date();
387      d.setTime(d.getTime()+(exdays*24*60*60*1000));
388      var expires = "expires="+d.toGMTString();
389      document.cookie = cname + "=" + cvalue + "; " + expires;
390    }
391    // 不同意且後台未設定跳轉連結時的行為:來源頁同站且瀏覽紀錄有上一頁才退回,否則僅關閉彈窗留在原頁(新分頁開啟時沒有上一頁可退)。
392    // 一律不寫 web_pop_view cookie——沒同意就不該視為已閱讀,下次進站仍要再問一次。
393    function web_pop_disagree(){
394      var ref = document.referrer;
395      if(ref!="" && history.length>1){
396        var ref_link = document.createElement("a");
397        ref_link.href = ref;
398        if(ref_link.host==location.host){
399          history.back();
400          return;
401        }
402      }
403      web_pop_close();
404    }
405        // 只關閉彈窗,不寫 cookie;同意與不同意共用,寫不寫 cookie 由呼叫端決定。
406    function web_pop_close(){
407        $('.RWDalert_fancybox.bottom').addClass('active');
408    }
409    function alertBottom() {
410        web_pop_close();
411                    RWDalert_fancybox_setCookie("web_pop_view","on",0.0625)
412            }
413    $(document).ready(function() {
414        $('#RWDalert_fancybox').show();
415    });
416    </script>
416
417  <div id="RWDPAGE_BASE_PAT02" class="template_panel_first  collapsing_header web_202100185">
418        <div  class="  preloader " id="panel_33"  page_style="">
419        	<div class="clear"></div>
420    </div>
421    <!-- header load start -->    <div  class="  menu_container " id="panel_1"  page_style="headermain">
422    
423
424          <div class="model RWDmenu_plus02"   id="m_RWDfullscreen01_1_1" md_id="1" tp_id="1" template_id="RWDfullscreen01">
425    <style>
426 .m_stitle {
427    display: none;
428}
429 .cd-nav li:hover .m_stitle, .cd-nav li.active .m_stitle {
430    display: block;
431}
432 .cd-nav li:hover .m_title,  .cd-nav li.active .m_title {
433    display: none;
434}
435    </style>
436    <div class="inside" >
437      <div class="container">
438        <header class="cd-main-header">
439
440                    <!--LOGO-->
441          <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>
442          <!--END-->
443
444          <!-- 功能型按鈕 -->
445          <ul class="cd-header-buttons">
446            <!--社群-->
447            <li>
448                          </li>
449
450
451            <!--搜尋-->
452                        <li class="search-btn">
453              <a class="cd-search-trigger" href="#cd-search" title="" aria-label="search"><span></span></a>
454            </li>
455                        <li class="phone-menu">
456              <a class="cd-nav-trigger" href="#cd-primary-nav" title="主選單" aria-label="主選單"><span></span></a>
457            </li>
458            
459            
460
461                                        <li class="member-block hidden-xs">
462              <a href="https://chilin.org.tw/member_login.php?lang=tw" title="志工登入" aria-label="志工登入">
463                                    <span class="glyphicon glyphicon-user"></span>
464                                                  </a>
465            </li>
466                                                      <!-- 語係-->
467            
468              <li class="lang-select" >
469                              <div class="lang-select-label no-symbol" >
470                                        <i class="fa ic_lang-select" aria-hidden="true"></i>
471                                        
472                    <i class="lang-select-symbol">(</i>
473
474                                                                  <span>繁中</span>
475                                              <i class="lang-select-symbol">)</i>
476                </div>
477                                <ul class="lang-select-options" style="display:none; width:170px;" >
478                                              <li>
479                              <a href="index.php?lang=tw" aria-label="繁中">
480                                                                                                      <span>繁中</span>
481                                                                </a>
482                          </li>
483                                                    <li>
484                              <a href="index.php?lang=en" aria-label="EN">
485                                                                                                      <span>EN</span>
486                                                                </a>
487                          </li>
488                          
489                </ul>
490            </li>
491             
492            <div class="clearfix"></div>
493          </ul>
494
495
496
497          <!-- 主選單 -->
498          <nav class="cd-nav ">
499            <ul id="cd-primary-nav" class="cd-primary-nav is-fixed">
500
501              <!-- <div class="close-btn fa fa-long-arrow-left hidden-lg" id="close_btn"></div> -->
502              <div class="close-btn hidden-lg" id="close_btn" title="關閉主選單" aria-label="關閉主選單">CLOSE</div>
503                            <li class="has-children  " level="1" showsize="2">
504                <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>
505                                <ul class="cd-secondary-nav is-hidden">
506                  <li class="go-back first-go-back"><a href="#" onclick="return false;" title="回上一頁" aria-label="回上一頁">回上一頁</a></li>
507                  
508                                                  <li class=" first-click"  level="2" l="1350">
509              <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>
510                          </li>
511                                                              <li class=" first-click"  level="2" l="1350">
512              <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>
513                          </li>
514                                                              <li class=" first-click"  level="2" l="1350">
515              <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>
516                          </li>
517                                                              <li class=" first-click"  level="2" l="1350">
518              <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>
519                          </li>
520                              
521                </ul>
522
523                
524              </li>
525                            <li class="  " level="1" showsize="1">
526                <a href="https://chilin.org.tw/article.php?lang=tw&tb=12" org-href="article.php?lang=tw&tb=12"  title="最新消息" aria-label="最新消息">最新消息</a>
527                
528              </li>
529                            <li class="has-children  " level="1" showsize="2">
530                <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>
531                                <ul class="cd-secondary-nav is-hidden">
532                  <li class="go-back first-go-back"><a href="#" onclick="return false;" title="回上一頁" aria-label="回上一頁">回上一頁</a></li>
533                  
534                                                  <li class=" first-click"  level="2" l="1350">
535              <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>
536                          </li>
537                                                              <li class=" first-click"  level="2" l="1350">
538              <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>
539                          </li>
540                                                              <li class=" first-click"  level="2" l="1350">
541              <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>
542                          </li>
543                                                              <li class=" first-click"  level="2" l="1350">
544              <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>
545                          </li>
546                              
547                </ul>
548
549                
550              </li>
551                            <li class="has-children  menu-donate" level="1" showsize="">
552                <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>
553                                <ul class="cd-secondary-nav is-hidden">
554                  <li class="go-back first-go-back"><a href="#" onclick="return false;" title="回上一頁" aria-label="回上一頁">回上一頁</a></li>
555                  
556                                                  <li class=" first-click"  level="2" l="1350">
557              <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>
558                          </li>
559                                                              <li class=" first-click"  level="2" l="1350">
560              <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>
561                          </li>
562                                                              <li class=" first-click"  level="2" l="1350">
563              <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>
564                          </li>
565                                                              <li class=" first-click"  level="2" l="1350">
566              <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>
567                          </li>
568                              
569                </ul>
570
571                
572              </li>
573                            <li class="has-children  " level="1" showsize="2">
574                <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>
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.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>
580                          </li>
581                                                              <li class=" first-click"  level="2" l="1350">
582              <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>
583                          </li>
584                                                              <li class=" first-click"  level="2" l="1350">
585              <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>
586                          </li>
587                                                              <li class=" first-click"  level="2" l="1350">
588              <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>
589                          </li>
590                                                              <li class=" first-click"  level="2" l="1350">
591              <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>
592                          </li>
593                              
594                </ul>
595
596                
597              </li>
598                            <li class="has-children  " level="1" showsize="">
599                <a href="#" org-href="#"  title="聯絡我們" aria-label="聯絡我們">聯絡我們</a>
600                                <ul class="cd-secondary-nav is-hidden">
601                  <li class="go-back first-go-back"><a href="#" onclick="return false;" title="回上一頁" aria-label="回上一頁">回上一頁</a></li>
602                  
603                                                  <li class=" first-click"  level="2" l="1350">
604              <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>
605                          </li>
606                                                              <li class=" first-click"  level="2" l="1350">
607              <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>
608                          </li>
609                                                              <li class=" first-click"  level="2" l="1350">
610              <a href="https://reurl.cc/KMxYrR" org-href="https://reurl.cc/KMxYrR" aria-label="" target="_blank" title="" l="1351" >投稿參訪回饋</a>
611                          </li>
612                                                              <li class=" first-click"  level="2" l="1350">
613              <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>
614                          </li>
615                                                              <li class=" first-click"  level="2" l="1350">
616              <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>
617                          </li>
618                                                              <li class=" first-click"  level="2" l="1350">
619              <a href="https://reurl.cc/Mk9bbp" org-href="https://reurl.cc/Mk9bbp" aria-label="" target="_blank" title="" l="1351" >訂閱《慈林通訊》</a>
620                          </li>
621                              
622                </ul>
623
624                
625              </li>
626                            <li class="  " level="1" showsize="">
627                <a href="https://chilin.org.tw/member.php?lang=tw" org
627-href="member.php?lang=tw"  title="加入慈林之友" aria-label="加入慈林之友">加入慈林之友</a>
628                
629              </li>
630              
631
632              <div class="clearfix"></div>
633                            <!-- 手機會員登入 -->
634              <li class="phone-member hidden-lg">
635                <a href="https://chilin.org.tw/member_login.php?lang=tw" title="志工登入">志工登入</a>              </li>
636              
637                            <!-- 行動裝置語系 -->
638                                <li class="has-children hidden-lg" is="">
639                                    <a title="Language" aria-label="Language" class="lang-select-label no-symbol" href="#" onclick="return false;">
640                                            <i class="fa ic_lang-select"></i>
641                                                                                            <i class="lang-select-symbol">(</i>
642                                                                              <span>繁體中文</span>
643                                                    <i class="lang-select-symbol">)</i>
644                                          </a>
645                  <ul class="cd-secondary-nav is-hidden" style="display: none;">
646                      <li class="go-back first-go-back"><a href="#" onclick="return false;" aria-label="回上一頁" title="回上一頁">回上一頁</a></li>
647                                            <li class=" first-click">
648                          <a href="index.php?lang=tw" aria-label="繁體中文">
649                                                                                    <span>繁體中文</span>
650                                                      </a>
651                      </li>
652                                            <li class=" first-click">
653                          <a href="index.php?lang=en" aria-label="English">
654                                                                                    <span>English</span>
655                                                      </a>
656                      </li>
657                                        </ul>
658                </li>
659                                            <div class="phone-menubelow">
660                                          <!-- 行動裝置語系 -->
661                                            </div>
662              <div class="bottom-copyright hidden-lg">
663                Copyright © 2017 <span style="font-weight:600">MIRACLE</span>              </div>
664            </ul> <!-- primary-nav -->
665          </nav>
666
667
668
669        </header>
670
671
672        <!-- 搜尋輸入欄 -->
673                  <!-- 搜尋選擇滿版時用這段 -->
674            <div class="cd-search full" style="background-color:rgba(0,0,0,0.8)">
675              <button type="button" name="closesearch" class="search-close-full" onclick="search_close_full()"></button>
676              <div class="search-in">
677                <input type="search" id="top_search_searchkey" placeholder="請輸入關鍵字">
678                <div class="btn-box">
679                  <button type="button" name="search" class="ibtn search" onclick="do_top_search()"><i class="ii ii-search1"></i></button>
680                  <button type="button" name="closesearch" class="ibtn close-btn" onclick="close_search()"><i class="ii ii-close1"></i></button>
681                </div>
682              </div>
683            </div>
684                          <div class="clearfix"></div>
685      </div>
686    </div>
687
688    
689    
690    <div class="cd-overlay"></div>
691  
692
693
694          
695        <div style="clear:both;"></div>
696      </div>
697
698
699      
699<script type="text/javascript">
700    //滿版搜尋關閉按鈕
701    function search_close_full(){
702      $('.cd-search').removeClass('is-visible');
703      $('.cd-search-trigger').removeClass('search-is-visible');
704      setTimeout(function(){$('#top_search_searchkey').attr("value","")},300);
705    }
706    $( document ).ready(function() {
707      $("#top_search_searchkey").keydown(function(event){
708        if (event.keyCode==13){
709          do_top_search();
710        }
711      });
712    });
713    let search_box = $('.cd-search');
714    let search_input = $('#top_search_searchkey');
715    $(window).keydown(function(e){//滿版搜尋__鍵盤esc關閉,並清空
716      if (search_box.hasClass("full")&&search_box.hasClass("is-visible")&&e.keyCode==27){
717        close_search();
718      }
719    })
720    //用於ios blur失效問題 ↓
721    $('.cd-search.full').click(function(){
722      $(this).attr("blur","other");
723    });
724    //用於ios blur失效問題 ↑
725    // search_input.blur(function(){
726    //   if(search_box.hasClass("full")){
727    //     close_search();
728    //   }
729    // });
730    function do_top_search(){
731                var val = $("#top_search_searchkey").val();
732          if (val !="" && val !="請輸入關鍵字"){
733            location.href="https://chilin.org.tw/search.php?lang=tw&searchkey="+encodeURIComponent(val);
734          }
735          if($('.cd-search').hasClass("full")){
736            search_close_full();
737          }
738    }
739    //滿版搜尋關閉按鈕
740    function close_search(){
741      search_box.removeClass('is-visible');
742      $('.cd-search-trigger').removeClass('search-is-visible');
743      setTimeout(function(){search_input.attr("value","")},300);
744      // $('.cd-overlay').removeClass('search-is-visible');
745      // $('.cd-overlay').removeClass('is-visible');
746    }
747  </script>
747
748    
748<script type="text/javascript">
749
750      var _auto_hide = false;
751      var _auto_hide_timer = null;
752      var _auto_hide_s = 0;
753      function m_RWDfullscreen01_1_1setTimeout(t){
754        if(_auto_hide)
755        {
756          _auto_hide_timer = setTimeout(function(){
757            $(".cd-overlay").trigger('click');
758          },_auto_hide_s);
759          // console.log('set Timer');
760        }
761      }
762
763      function m_RWDfullscreen01_1_1clearTimeout(t){
764        if(_auto_hide && _auto_hide_timer!= null){
765          clearTimeout(_auto_hide_timer);
766          // console.log('clear Timer');
767        }
768      }
769  </script>
769
770    
771      
772    <!-- 自訂js -->
773  
773<script>
774
775    var viewport_width=$(window).width();
776
777    if (viewport_width > 1199) {
778      $('.first-block').hide();
779
780      // $('.first-click,.cd-overlay').on('click', function(event){
781      // //$('.first-click,.cd-overlay').hover(function(event){
782
783      //   $('.first-block').hide();
784      //   $(this).find('.first-block').addClass('open-block').show();
785		    // $(this).find('.first-click').addClass('open');
786
787      // });
788    }
789
790  </script>
790
791
792  
792<script>
793        $(window).scroll(function() {
794            var scroll = $(window).scrollTop();
795            if (scroll >= 1) {
796                $(".sub-nav").addClass("sub-up");
797                $(".RWDmenu_plus02 .inside").addClass("is-up");
798                $('#cd-search').addClass('is-up');
799            } else {
800                $(".sub-nav").removeClass("sub-up");
801                $(".RWDmenu_plus02 .inside").removeClass("is-up");
802                $('#cd-search').removeClass('is-up');
803            }
804        });
805        // console.log("");
806    </script>
806
807        
807<script>
808      $(document).ready(function(){
809        $(".lang-select-label").bind("mouseenter",function (){
810          $(this).next().show();
811        })
812        $(".lang-select").bind("mouseleave",function(){
813          $(this).children("ul").hide();
814        })
815              })
816    </script>
816
817        
817<script>
818      
819      
820      //點擊遮罩
821      $('.cd-overlay').click(function(){
822        $('.cd-overlay').removeClass('is-push');
823        $('.cd-main-content').removeClass('is-push');
824        $('nav.cd-nav ul .close-btn').removeClass('is-push');
825        $('.RWDmenu_plus02 .inside').removeClass('is-push');
826        $('.RWDmenu_plus02 .cart-menu').removeClass('is-visible');
827        if($('.RWDmenu_plus06')[0]){
828          $('.RWDmenu_plus06').removeClass('push_by_menu');
829        }
830        $('body').removeClass('is-visible');
831        m_RWDfullscreen01_1_1clearTimeout('');
832      });
833
834
835      //行動裝置主選單關閉按鈕
836      $('#close_btn').click(function(){
837
838        $('.cd-primary-nav').removeClass('nav-is-visible');
839        $('.cd-main-content').removeClass('nav-is-visible');
840        $('.cd-main-header').removeClass('nav-is-visible');
841        $('.cd-overlay').removeClass('nav-is-visible is-visible');
842        $('.cd-nav-trigger').removeClass('nav-is-visible');
843        $(".phone-language").removeClass('is-push');
844        $("#cd-primary-nav").removeClass("moves-out");
845        if($('.RWDmenu_plus06')[0]){
846          $('.RWDmenu_plus06').removeClass('push_by_menu');
847        }
848        setTimeout(function(){ $('body').removeClass('overflow-hidden'); }, 1000);
849      });
850
851
852
853      //點選選單
854      $('.cd-primary-nav > .has-children > a').click(function(){
855        $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').addClass('is-push');
856        // console.log('1111');
857        m_RWDfullscreen01_1_1setTimeout('');
858
859      });
860
861
862      $('.cd-secondary-nav > .has-children > a').click(function(){
863        $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').addClass('is-push');
864        // console.log('22222');
865      });
866
867      $(".cd-secondary-nav").hover(
868        function() {
869          m_RWDfullscreen01_1_1clearTimeout('');
870          // $( this ).addClass('hovered').append( $( "<span> ***</span>" ) );
871        }, function() {
872          m_RWDfullscreen01_1_1setTimeout('');
873          // $( this ).removeClass('hovered').find( "span:last" ).remove();
874        }
875      );
876      //.cd-primary-nav
877      $('.first-go-back a').click(function(){
878
879        $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').removeClass('is-push');
880        $('.phone-language,.phone-group').removeClass('is-push');
881
882        m_RWDfullscreen01_1_1clearTimeout('');
883      });
884
885      //點其他功能按鈕會關閉搜尋列
886      $('.RWDmenu_plus02  .member-block,.RWDmenu_plus02 .language-block,.RWDmenu_plus02  .cart-block,.RWDmenu_plus02  .querycar-block').click(function(){
887        $('.cd-search').removeClass('is-visible');
888        $('.cd-search-trigger').removeClass('search-is-visible');
889        $('.cd-overlay').removeClass('is-visible search-is-visible');
890      });
891
892      
893      
894
895      
896          </script>
896
897    
897<script type="text/javascript">
898      function isMobile_fun() {
899        try{ document.createEvent("TouchEvent"); return true; }
900        catch(e){ return false;}
901      }
902    $(document).ready(function(){
903        if(isMobile_fun()){
904          $("#cd-primary-nav div.m_title").each(function(){
905            var sub_name_tmp=$(this).html();
906            var parent_tmp=$(this).parent()
907            parent_tmp.html(sub_name_tmp);
908          });
909        }
910        $(function () {
911
912           $("#cd-primary-nav a[href*=#]:not([href=#])").click(function() {
913
914               var target = $(this.hash);
915               var href = $(this).attr('href');
916              //  console.log(href);
917               if(href.indexOf('.php') !=-1){
918                 location.href = href;
919                //  return false;
920               }
921               $("html,body").animate({
922
923                   scrollTop: target.offset().top
924
925               }, 1000);
926               if($(window).width()<1170){
927                   $("#close_btn").click();
928               }
929               return false;
930
931           });
932
933
934
935       });
936    })
937    /* 滑動返回
938    $(function() {
939      //Enable swiping...
940      $("#cd-primary-nav,.cd-secondary-nav").swipe( {
941        //Generic swipe handler for all directions
942        swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
943        	           if(direction=='right'){
944           		if($(".cd-nav .moves-out").size()==0){
945           			$(".cd-nav .close-btn").eq(0).trigger('click');
946           			$('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').removeClass('is-push');
947           		}else{
948           			// console.log('sele_size:'+$(".cd-nav .has-children a.selected").size());
949           			$nowa = $(".cd-nav .has-children a.selected").last();
950           			if($nowa.is('a')){
951           				$bak_btn = $nowa.parent().find('.go-back a');
952           				if($bak_btn.is('a')){
953           					// console.log('li click');
954           					$bak_btn.trigger('click');
955           				}else{
956           					// console.log('not li');
957           				}
958           			}else{
959           				// console.log('not a');
960           			}
961 					// $(".cd-nav .moves-out .go-back").eq(0).trigger('click');
962           		}
963           	 // console.log('=>'+$(".cd-nav .moves-out").size());
964           }
965        },
966        //Default is 75px, set to 0 for demo so any distance triggers swipe
967         threshold:120,
968         excludedElements:$.fn.swipe.defaults.excludedElements+", select"
969      });
970    });
971    滑動返回*/
972
973    </script>
973
974            	<div class="clear"></div>
975    </div>
976    <!-- header load end -->    <div  class="  main cd-main-content" id="panel_8"  page_style="">
977        <div  class=" panel_2 block_banner " id="panel_34"  page_style="">
978    
979        <div class="model RWDbanner_plus01   "   id="m_RWDPAGE_BASE_PAT02_34_1" md_id="1" tp_id="34" template_id="RWDPAGE_BASE_PAT02" style="opacity: 0;" new_edit="Y">
980                  <div class="RWDbanner_plus01  style-dotnav control-center dot"  data-imgfrom="模組">
981        <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div>
982                                          <div class="banner-slider ">
983                      <div class="slick-item slickitem01">
984                                                        <div class="pic-box">
985                                                                    <!-- 首頁顯示區塊 -->
986                  <div class="pic " style="text-align:right;" PC="https://chilin.org.tw/archive/image/model/images/210616_pagebanner.jpg" NOTE="https://chilin.org.tw/archive/image/model/images/210616_pagebanner_note.jpg" PAD="https://chilin.org.tw/archive/image/model/images/210616_pagebanner_pad.jpg" PHONE="https://chilin.org.tw/archive/image/model/images/210616_pagebanner_phone.jpg" imgalt="">
987                                          <img src="https://chilin.org.tw/archive/image/model/images/210616_pagebanner.jpg" alt="">
988                                      </div>
989                  <!-- ↑↑模改跑分之前的html結構 -->
990                                                </div>
991              <!--↓商品圖片區塊 20180523新增↓-->
992                            <!--↑商品圖片區塊 20180523新增↑-->
993
994                          </div>
995                  </div>
996                                                                  </div>
997            <div style="clear:both;"></div>
998          </div>
999    <!-- model end-->
1000            
1000<script type="text/javascript">
1001      //寬版用init全域變數
1002      var BYT_INIT_I=0;
1003      //判斷是否為行動裝置
1004      var isMobile = false;
1005      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)
1006          || /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.
1006substr(0,4))) isMobile = true;
1007      GetRumdomStr = function () {
1008          var str = "";
1009          var maxNum = 10;
1010          var minNum = 0;
1011          var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
1012          for (var i = 1; i <= 4; i++) {
1013              n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
1014              str += n.toString();
1015          }
1016          // console.log(str);
1017          return str;
1018      };
1019
1020      $(document).ready(function(){
1021        $(".full_page_photo").css({'height':$("#m_RWDPAGE_BASE_PAT02_34_1").outerHeight()});
1022
1023        if($('.collapsing_header .main').size() > 0 ){
1024          var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight();
1025          $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !important把客製化css的top值洗掉
1026        }
1027
1028        if($('#m_RWDPAGE_BASE_PAT02_34_1 img').size()==0){
1029            init_banner_plus01_RWDPAGE_BASE_PAT02341();
1030        }else{
1031          $('#m_RWDPAGE_BASE_PAT02_34_1').imagesLoaded( function() {
1032            init_banner_plus01_RWDPAGE_BASE_PAT02341();
1033          });
1034        }
1035
1036        $(window).on("resize",function(e){
1037          fullscreenImage_RWDPAGE_BASE_PAT02341();
1038                      setTimeout(function() {
1039              bannerSetHeight_RWDPAGE_BASE_PAT02341();
1040            },100)
1041                  });
1042      });
1043              function init_banner_plus01_RWDPAGE_BASE_PAT02341(){
1044          fullscreenImage_RWDPAGE_BASE_PAT02341();
1045          $('#m_RWDPAGE_BASE_PAT02_34_1').css({'opacity':1});
1046          if($('#m_RWDPAGE_BASE_PAT02_34_1 .pic-box').size() < 2){
1047            $('#m_RWDPAGE_BASE_PAT02_34_1 .control-box, #m_RWDPAGE_BASE_PAT02_34_1 .slick-arrow').hide();
1048          }
1049          let slick_tmp=null;
1050                          slick_tmp = $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.style-dotnav .banner-slider');
1051                slick_tmp.not('#m_RWDPAGE_BASE_PAT02_34_1 .slick-initialized').slick({
1052                    lazyLoad: 'progressive',//ondemand lazyload
1053                    autoplay: false,
1054                                        dots: true,
1055                    arrows: false,
1056                    pauseOnHover:  false,
1057                    pauseOnFocus: false,
1058                    speed: 700,
1059                    fade: false,
1060                    appendDots: $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 .control-box .control .items'),
1061                                        adaptiveHeight: true,
1062                                        swipeToSlide: true,
1063                    touchThreshold: 20000,
1064                    waitForAnimate: false,
1065                    responsive: [
1066                        {
1067                            breakpoint: 767,
1068                            settings: {
1069                              adaptiveHeight:false,
1070                            }
1071                        }
1072                    ]
1073                });
1074                      $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() {
1075                $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.style-dotnav .slick-prev').click();
1076            });
1077            $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() {
1078                $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.style-dotnav .slick-next').click();
1079            });
1080
1081            $(window).on('resize', bannerSetHeight_RWDPAGE_BASE_PAT02341()).resize();
1082
1083            // page-scroll按鈕
1084            $('#m_RWDPAGE_BASE_PAT02_34_1 a.scrolllink').click(function(event) {
1085                var t = $(this).attr('href');
1086                if(t != '#' && t != ''){
1087                  $('html,body').animate({scrollTop:$(t).offset().top},800);
1088                }
1089                return false;
1090            });
1091                    }
1092        function bannerSetHeight_RWDPAGE_BASE_PAT02341() {
1093                    var menu_height = 0;
1094                    /* banner手機版最高滿版面 */
1095          var windowHeight = 0
1096          var paddingHeight = $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 .banner-slider.bg').height();
1097
1098          if ($('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) {
1099              windowHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT02_34_1 .control-box').outerHeight() - menu_height - paddingHeight;
1100          } else {
1101              windowHeight = $(window).height() - menu_height - paddingHeight;
1102          }
1103          $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight);
1104
1105
1106          /* banner滿版面 */
1107          var fullHeight = 0
1108          if ($('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) {
1109              fullHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT02_34_1 .control-box').outerHeight() - menu_height - paddingHeight;
1110          } else {
1111              fullHeight = $(window).height() - menu_height - paddingHeight;
1112          }
1113          $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight);
1114
1115
1116          /* banner控制器高度 */
1117          let bannerHeight = 0
1118          if ($('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) {
1119              bannerHeight = $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 .banner-slider .slick-list').height();
1120          }
1121          $('#m_RWDPAGE_BASE_PAT02_34_1 .style-dotnav.control-left .control-box , #m_RWDPAGE_BASE_PAT02_34_1 .style-dotnav.control-right .control-box').css('height', bannerHeight);
1122
1123        }
1124            function fullscreenImage_RWDPAGE_BASE_PAT02341(){
1125        var ww = $(window).width();
1126        // 帶入RWD正確的圖片路徑
1127        $('#m_RWDPAGE_BASE_PAT02_34_1 .pic').each(function(){
1128          if(ww > 1024){
1129            img = $(this).attr('PC');
1130          }else if(ww >= 992){
1131            img = $(this).attr('NOTE');
1132          }else if(ww >= 768){
1133            img = $(this).attr('PAD');
1134          }else{
1135            img = $(this).attr('PHONE');
1136          }
1137                      let img_alt = $(this).attr('imgALT');
1138            $(this).find('img').attr('src',img);
1139            $(this).find('img').attr('alt',img_alt);
1140            //解決新購物part2 .slick-slide的css高度100%影響
1141            $('#m_RWDPAGE_BASE_PAT02_34_1 .slick-slide').css("height",'auto');
1142                  });
1143
1144        $("#m_RWDPAGE_BASE_PAT02_34_1 .logo").each(function(){
1145          if(ww >= 1200){
1146            img = $(this).attr('PC');
1147          }else if(ww >= 992){
1148            img = $(this).attr('NOTE');
1149          }else if(ww >= 768){
1150            img = $(this).attr('PAD');
1151          }else{
1152            img = $(this).attr('PHONE');
1153          }
1154
1155          if(img==''){
1156            $(this).find('img').hide();
1157          }else{
1158            if($(this).find('img').size()==0){
1159              $(this).append('<img src="" alt="LOGO">');
1160            }
1161            $(this).find('img').attr('src',img).show();
1162          }
1163
1164        });
1165      }
1166      function change_imgblock_size_RWDPAGE_BASE_PAT02341(){
1167          var nextSlide_idx=BYT_INIT_I*1;
1168          var slickitem_idx=BYT_INIT_I*1+1;
1169          if(nextSlide_idx<10){
1170              nextSlide_idx="0"+BYT_INIT_I;
1171          }
1172          if(slickitem_idx<10){
1173              slickitem_idx="0"+slickitem_idx;
1174          }
1175          if($('#m_RWDPAGE_BASE_PAT02_34_1'+" #slick-slide"+nextSlide_idx).length==0){
1176              return false;
1177          }else{
1178              var image = new Image();
1179              image.onload =function(){
1180                  var image_height=image.height;
1181                  $('#m_RWDPAGE_BASE_PAT02_34_1'+" #slick-slide"+nextSlide_idx).css("height",image_height);
1182                  $('#m_RWDPAGE_BASE_PAT02_34_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){
1183                      if($(this).hasClass("slick-cloned")){
1184                          $(this).css('height', image_height)
1185                      }
1186                  })
1187                  BYT_INIT_I++;
1188                  change_imgblock_size_RWDPAGE_BASE_PAT02341();
1189                  //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height);
1190              }
1191              var slick_url_data=$('#m_RWDPAGE_BASE_PAT02_34_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic");
1192              var ww = $(window).width();
1193              var img="";
1194              if(ww > 1024){
1195                img = slick_url_data.attr('PC');
1196              }else if(ww >= 992){
1197                img = slick_url_data.attr('NOTE');
1198              }else if(ww >= 768){
1199                img = slick_url_data.attr('PAD');
1200              }else{
1201                img = slick_url_data.attr('PHONE');
1202              }
1203              image.src = img;
1204          }
1205      }
1206    </script>
1206
1207        	<div class="clear"></div>
1208    </div>
1209        <section  class=" panel_2 call_to_action " id="panel_9"  page_style="">
1210        <div  class=" panel_3 container " id="panel_14"  page_style="page_body">
1211        <style>
1212.pagecontent{margin-top:37px;}
1213.pagecontent.menu5,.pagecontent.menu8{margin:0px;}
1214@media only screen and (max-width: 768px) {
1215  .pagecontent {padding:0px 15px!important;}
1216}
1217    </style>
1218        <section class="hgroup">
1219      <div class="container">
1220        <div class="page_subject">
1221                                  <h1 class="pageTitle">認識慈林</h1>
1222                                          <ul class="breadcrumb pull-right">
1223          <li showsize="2"><a href="https://chilin.org.tw/index.php?lang=tw" title="首頁">首頁</a> </li><li  active><a href="https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all" orglink="article.php?lang=tw&tb=1&ot=all" title="認識慈林">認識慈林</a></li>
1223<script type="application/ld+json">
1224  {
1225    "@context": "https://schema.org",
1226    "@type": "BreadcrumbList",
1227    "itemListElement": [
1228      {
1229        "@type": "ListItem",
1230        "position": 1,
1231        "name": "首頁",
1232        "item": "https://chilin.org.tw/index.php?lang=tw"
1233      },{
1234        "@type": "ListItem",
1235        "position": 2,
1236        "name": "認識慈林",
1237        "item": "https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all"
1238      }    ]
1239  }
1240</script>
1240
1241        </ul>
1242                </div>
1243      </div>
1244
1245      <!-- 只有在article_d內容頁才顯示 hashtag區塊 -->
1246      
1247    </section>
1248    <section class="article-text rwd">
1249     <div class="container ">
1250        <div class="xrow">
1251                                        <div class="pagecontent col-md-12 list9 menu5 " style="padding:0px 15px;"  id="article">
1252            <style type="text/css">
1253  .cate_list .subject{text-align: center;color: #000000;
1254    font-size: 16px;
1255    margin-top: 13px;
1256    margin-bottom: 3px;}
1257
1258  .cate_list .summary{
1259    font-size: 14px;
1260    color: #999999;
1261    text-decoration: none;    
1262  }
1263
1264
1265  </style>
1266<div class="cate_list row">
1267 
1268        <div class="col-sm-6 col-md-4">
1269 
1270         
1271                  
1272                            <div class="img" style="width:100%;"><a href="article_d.php?lang=tw&tb=1&id=3"   active title="緣起與志業"><img src="https://chilin.org.tw/archive/image/article1/images/layoutlist/1625731196.jpg"  width="100%"></a></div>        
1273        
1274                 
1275              <div class="subject"><a href="article_d.php?lang=tw&tb=1&id=3"   active title="緣起與志業">緣起與志業</a></div>
1276                      
1277          
1278       
1279   
1280        <div class="clearfix"></div>
1281    </div>
1282    
1283        <div class="col-sm-6 col-md-4">
1284 
1285         
1286                  
1287                            <div class="img" style="width:100%;"><a href="article_d.php?lang=tw&tb=1&cid=15&id=15"   active title="創辦人簡介"><img src="https://chilin.org.tw/archive/image/article1/images/layoutlist/Lins0003_Icon.jpg"  width="100%"></a></div>        
1288        
1289                 
1290              <div class="subject"><a href="article_d.php?lang=tw&tb=1&cid=15&id=15"   active title="創辦人簡介">創辦人簡介</a></div>
1291                      
1292          
1293       
1294   
1295        <div class="clearfix"></div>
1296    </div>
1297    
1298        <div class="col-sm-6 col-md-4">
1299 
1300         
1301                  
1302                            <div class="img" style="width:100%;"><a href="article_d.php?lang=tw&tb=1&cid=33&id=21"   active title="館舍介紹"><img src="https://chilin.org.tw/archive/image/article1/images/layoutlist/1625730980.jpg"  width="100%"></a></div>        
1303        
1304                 
1305              <div class="subject"><a href="article_d.php?lang=tw&tb=1&cid=33&id=21"   active title="館舍介紹">館舍介紹</a></div>
1306                      
1307          
1308       
1309   
1310        <div class="clearfix"></div>
1311    </div>
1312    
1313        <div class="col-sm-6 col-md-4">
1314 
1315         
1316                  
1317                            <div class="img" style="width:100%;"><a href="https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all&cid=39"   active title="慈林出版品"><img src="https://chilin.org.tw/archive/image/article1/images/layoutlist/1625731080.jpg"  width="100%"></a></div>        
1318        
1319                 
1320              <div class="subject"><a href="https://chilin.org.tw/article.php?lang=tw&tb=1&ot=all&cid=39"   active title="慈林出版品">慈林出版品</a></div>
1321                      
1322          
1323       
1324   
1325        <div class="clearfix"></div>
1326    </div>
1327    
1328     
1329</div>
1330
1331            <!-- 只有在article_d內容頁才顯示 hashtag區塊 -->
1332            
1333
1334                        <div style="clear:both;" id="pagecontentend"></div>
1335                                  </div>
1336        </div>
1337     </div>
1338     </section>
1339     <!--END-->
1340             	<div class="clear"></div>
1341    </div>
1342        	<div class="clear"></div>
1343    </section>
1344    <!-- footer load start -->    <div  class="  footer-block " id="panel_80"  page_style="footermain">
1345        <div  class=" panel_3 container " id="panel_76"  page_style="">
1346        <div  class=" panel_4 footer-info " id="panel_91"  page_style="">
1347     
1348    <div class="model RWDedictor "   id="m_RWDfullscreen01_91_1" md_id="1" tp_id="91" template_id="RWDfullscreen01">
1349            <!--start-->
1350      <div class="footer-logo">財團法人慈林教育基金會</div>
1351
1352<div class="info-area">
1353<div class="info-left"><span style="font-size:14px;"><strong><span style="color:#FF0000;">慈林園區參訪採預約制,請線上申請,謝謝!</span></strong></span>
1354
1355<ul>
1356	<li>上班時間:週二~週六 9:00-17:00(午休一小時)</li>
1357	<li>電話:<a href="news://tel://039650515">03-9650515</a></li>
1358	<li>傳真:03-9650205</li>
1359</ul>
1360</div>
1361
1362<div class="info-right">
1363<ul>
1364	<li>Email:<a href="mailto:[email protected]">[email protected]</a></li>
1365	<li>地址:<a href="https://goo.gl/maps/f2hXiVppJKZSetXbA" target="_blank">26847 宜蘭縣五結鄉二結路339號<i class="icon ion-android-pin"></i></a></li>
1366</ul>
1367</div>
1368</div>
1369      <!--end-->
1370      <div style="clear:both;"></div>
1371          </div>
1372 
1373      	<div class="clear"></div>
1374    </div>
1375        <div  class=" panel_4 footer-social " id="panel_92"  page_style="">
1376     
1377    <div class="model RWDedictor "   id="m_RWDfullscreen01_92_2" md_id="2" tp_id="92" template_id="RWDfullscreen01">
1378            <!--start-->
1379      <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>
1380歡迎追蹤,觀看最新資訊      <!--end-->
1381      <div style="clear:both;"></div>
1382          </div>
1383 
1384      <style type="text/css">
1385    .RWDsocial001 .deficon{width: 25px;
1386    height: 25px;
1387    margin-top: -4px;
1388    margin-left: -4px;}
1389    .RWDsocial001 .deficon.icon_Instagram02{width:20px;height:20px;margin-top:-1px;margin-left:-1px;}
1390
1391
1392    </style>
1393    <div class="model RWDsocial001"   id="m_RWDfullscreen01_92_1" md_id="1" tp_id="92" template_id="RWDfullscreen01">
1394      <div id="social_media_wrapper">
1395       <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>
1396      <div style="clear:both;"></div>
1397          </div>
1398
1399      	<div class="clear"></div>
1400    </div>
1401        	<div class="clear"></div>
1402    </div>
1403        <div  class=" panel_3 rights-block " id="panel_93"  page_style="">
1404        <div  class=" panel_4 container " id="panel_94"  page_style="">
1405     
1406    <div class="model RWDedictor "   id="m_RWDfullscreen01_94_1" md_id="1" tp_id="94" template_id="RWDfullscreen01">
1407            <!--start-->
1408      <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"/>
1409建議使用Chrome、Firefox、Safari最新版本瀏覽<span>|</span><br class="visible-xs"/>
1410Design by WebTech <a href="https://miracle-webtech.com.tw/" target="_blank">網頁設計</a>
1411      <!--end-->
1412      <div style="clear:both;"></div>
1413          </div>
1414 
1415      	<div class="clear"></div>
1416    </div>
1417        	<div class="clear"></div>
1418    </div>
1419        <div  class=" panel_3 fixed-btn " id="panel_95"  page_style="">
1420     
1421    <div class="model RWDedictor "   id="m_RWDfullscreen01_95_1" md_id="1" tp_id="95" template_id="RWDfullscreen01">
1422            <!--start-->
1423      <a href="https://www.chilin.org.tw/article_d.php?lang=tw&tb=4&id=1230"><span>捐助慈林</span></a>      <!--end-->
1424      <div style="clear:both;"></div>
1425          </div>
1426 
1427      	<div class="clear"></div>
1428    </div>
1429        	<div class="clear"></div>
1430    </div>
1431    <!-- footer load end -->    	<div class="clear"></div>
1432    </div>
1433        <div  class="  scrolltop-block " id="panel_32"  page_style="">
1434        <div class="model scrollTop002"   id="m_RWDPAGE_BASE_PAT02_32_1" md_id="1" tp_id="32" template_id="RWDPAGE_BASE_PAT02"  style="position: fixed;">
1435      <aside class="top_btn" onclick="fn_scrollTop()">
1436
1437                  <i class="ii ii-arrow_b3" ></i>
1438                <span class="txt" ></span>
1439      </aside>
1440              
1440<script type="text/javascript">
1441          function fn_scrollTop(){
1442                          $("html, body").animate({scrollTop:0}, '500', 'swing', function() { });
1443                      }
1444        $(function(){
1445         $(window).load(function(){
1446          $(window).bind('scroll resize', function(){
1447                offsetTop = $(window).scrollTop();
1448                if(offsetTop > 350){
1449                    $('.scrollTop002').stop().css("display","block").animate({opacity:"1"},100);
1450                }else{
1451                  $('.scrollTop002').stop().animate({opacity:"0"},300, function () {
1452                      // 在動畫執行完後,將元素none掉
1453                      $(this).css("display", "none");
1454                  });
1455                }
1456           });
1457          });
1458        });
1459        </script>
1459
1460            <div style="clear:both;"></div>
1461          </div>
1462      	<div class="clear"></div>
1463    </div>
1464        <div style="clear:both;"></div>
1465  </div>
1466
1467  
1467<script>
1468  	$(document).ready(function() {
1469		if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) {
1470			$(".fixiosiframe").each(function(){
1471				var f = $(this);
1472				f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no');
1473				var h = f.attr('height');
1474				var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>');
1475				$new.insertBefore(f);
1476				$new.prepend(f);
1477			});
1478
1479		}
1480    });
1481</script>
1481
1482<!--load external_js-->
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/jquery.mobile.custom.min.js"></script>
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/main.js?v=10"></script>
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/modernizr.js"></script>
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/69d9237579.js"></script>
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/enscroll-0.6.1.min.js"></script>
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/jquery.touchSwipe.min.js"></script>
1482<script src="https://system20.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
1482<script src="https://system20.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
1482<!--load external_js end-->
1483<!--load footer_js-->
1483<script type="text/javascript" src="https://system20.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
1483<!--load footer_js end-->
1484
1485</body>
1486<script defer type="text/javascript" src="https://system20.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
1486</html>
1487
1488<!--END2-->

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.