PageSourceSearch

https://skyisland.com.tw/product.php?lang=tw&tb=1

html skyisland.com.tw collected 2026-10-08 23:07:37 UTC 123,354 bytes, 2,566 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"  class="product1 cid71 is-item-list productlist"  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:\/\/skyisland.com.tw\/#organization","name":"天空島","image":"https:\/\/skyisland.com.tw\/archive\/image\/weblogo\/1640010002.png","logo":"https:\/\/skyisland.com.tw\/archive\/image\/weblogo\/1640010002.png","url":"https:\/\/skyisland.com.tw\/"}</script>
vendor: 1 bytes, line 6
6
7<script type="application/ld+json">
8{"@context":"https:\/\/schema.org","@type":"WebPage","name":"布作\/插畫商品\b{滿1500免運} | 天空島上的小木屋","description":"夢想著有一座島…\n不需很大 小小的就足夠\n但一定要有無限的天空 無邊無際的那種\n也許 再加上一道彩虹\n也許 就是純粹的藍與白\n嗯 如果還能有間小木屋 那就更棒了…","url":"https:\/\/skyisland.com.tw\/product.php?lang=tw&tb=1&cid=71","image":"https:\/\/skyisland.com.tw\/archive\/image\/header_info\/1566867962_thumb_1200_592.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  
15<script>
16    omnichat_inuse = true;
17  </script>
17
18  <meta name="copyright" content="宜蘭民宿礁溪民宿"/>
19<meta name="author" content="礁溪民宿" />
20<meta name="robots" content="all"/>
21<meta name="distribution" content="Taiwan"/> <meta name="rating" content="general"/>
22
23<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 23-24
23
24<script async src="https://www.googletagmanager.com/gtag/js?id=
24UA-146333256-1
vendor: 13 bytes, line 24
24"></script>
25<script>
26  
vendor: 138 bytes, lines 26-30
26window.dataLayer = window.dataLayer || [];
27  function gtag(){dataLayer.push(arguments);}
28  gtag('js', new Date());
29
30  gtag('config', '
30UA-146333256-1
vendor: 5 bytes, line 30
30');
31</script>
31
32
33<meta name="msvalidate.01" content="DB316A5E1B91ACFD56A8C03D5039DFB9" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
34<title lang="zh-tw">布作/插畫商品�{滿1500免運} | 天空島上的小木屋</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="夢想著有一座島…
45不需很大 小小的就足夠
46但一定要有無限的天空 無邊無際的那種
47也許 再加上一道彩虹
48也許 就是純粹的藍與白
49嗯 如果還能有間小木屋 那就更棒了…">
50<meta name="author" content="飯店民宿" />
51<meta name="copyright" content="天空島上的小木屋" />
52<meta name="distribution" content="global" />
53<meta name="rating" content="general" />
54<meta name="robots" content="index,follow" />
55<meta property="og:title" content="天空島上的小木屋"/>
56<meta property="og:type" content="website"/>
57<meta property="og:url" content="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71"/>
58<meta property="og:description" content="夢想著有一座島… 不需很大 小小的就足夠 但一定要有無限的天空 無邊無際的那種 也許 再加上一道彩虹 也許 就是純粹的藍與白 嗯 如果還能有間小木屋 那就更棒了…"/>
59<meta property="og:image" content="https://skyisland.com.tw/archive/image/header_info/1566867962_thumb_1200_592.jpg"/>
60<meta property="og:site_name" content="天空島"/>
61<script>
62var tlang = "tw";
63</script>
vendor: 1 bytes, line 63
63
64<script src="https://system21.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 64
64
65<script src="https://system21.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
65
66<link rel="canonical" href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71">
67<link rel="stylesheet" href="https://system21.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" />
68<link rel="stylesheet" href="https://system21.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" />
69<link rel="stylesheet" href="https://system21.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css">
70<link rel="stylesheet" href="https://system21.webtech.com.tw/css/bootstrap-min.css?mv=20260914" >
71<!-- load external-->
72<link rel="stylesheet" type="text/css" href="https://system21.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.miracle.css?v=1"><link rel="stylesheet" type="text/css" href="https://system21.webtech.com.tw/js/slick/@1.8.0/slick.min.css"><!-- end -->
73<link href="https://system21.webtech.com.tw/public/template/RWDPAGE_BASE_PAT01/model_css.php?v=20260914&key=cHViX3x8MjAxOTAwMzk5X3x8UldEUEFHRV9CQVNFX1BBVDAxfHxSV0RQQUdFX0JBU0VfUEFUMDE=" rel="stylesheet" type="text/css" />
74<link href="https://system21.webtech.com.tw/public/template/base/product.css?v=20260914" rel="stylesheet" type="text/css" />
75<!--base css-->
76<link href="https://system21.webtech.com.tw/public/template/base/base.css?v=20260914" rel="stylesheet" type="text/css" />
77<!--end-->
78<link href="https://system21.webtech.com.tw/public/template/RWDPAGE_BASE_PAT01/index.css?v=20260914" rel="stylesheet" type="text/css" />
79<link href="https://system21.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/>
80<link href="https://system21.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/>
81<link href="https://system21.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
82  <link href="https://system21.webtech.com.tw/lib/page_menu/m2018.css?v=20260914" rel="stylesheet" type="text/css" />
83  <link href="https://system21.webtech.com.tw/lib/page_menu/page_menu_block_switch.css?v=20260914" rel="stylesheet" type="text/css" />
84  <link rel="stylesheet" href="https://skyisland.com.tw/customization_css.php?p=eyJwYWdlIjoicHJvZHVjdC5waHAiLCJ0ZW1wbGF0ZV9pZCI6IlJXRFBBR0VfQkFTRV9QQVQwMSIsImRlc2lnbmVyX3BhZ2VpZCI6InByb2R1Y3QxIn0%3D&time=1769486012" type="text/css"  />
85<link rel="stylesheet" href="https://system21.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
86<script  type="text/javascript" src="https://system21.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 86
86
87<script  type="text/javascript" src="https://system21.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 87
87
88<script  src="https://system21.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 88
88
89<script  type="text/javascript" src="https://system21.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 89
89
90<script  type="text/javascript" src="https://system21.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 90
90
91<script  src="https://system21.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 91
91
92<script  src="https://system21.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 92
92
93<script src="https://system21.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 93
93
94<script src="https://system21.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 94
94
95<script  src="https://system21.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
95
96<style type="text/css">
97  .seofootercompany,.seofooterkeyword{font-size:12px;}
98  .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;}
99</style>
100<script>var showtotop = false;</script>
vendor: 1 bytes, line 100
100
101<script  src="https://system21.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 101
101
102<script  src="https://system21.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 102
102
103<script  src="https://system21.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 103
103
104<script type="text/javascript">
105var isMobile = false;
106var isDesktop = false;
107$(window).on("load resize",function(e){
108  //mobile detection
109  if(Modernizr.mq('only all and (max-width: 767px)') ) {
110    isMobile = true;
111  }else{
112    isMobile = false;
113  }
114  //tablette and mobile detection
115  if(Modernizr.mq('only all and (max-width: 1024px)') ) {
116    isDesktop = false;
117  }else{
118    isDesktop = true;
119  }
120});
121</script>
121
122
123<script  src="https://system21.webtech.com.tw/public/template/RWDPAGE_BASE_PAT01/index.js?v=20260914"></script>
123
124  <style type="text/css">
125  .paneleffect, .paneleffect_v1{opacity: 0;}
126  .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;}
127    </style>
128  
128<script type="text/javascript">
129
130    // 監聽物件高度是否變化
131    function onElementHeightChange(elm, callback) {
132        var lastHeight = elm.clientHeight
133        var newHeight;
134
135        (function run() {
136            newHeight = elm.clientHeight;
137            if (lastHeight !== newHeight) callback();
138            lastHeight = newHeight;
139
140            if (elm.onElementHeightChangeTimer) {
141              clearTimeout(elm.onElementHeightChangeTimer);
142            }
143
144            elm.onElementHeightChangeTimer = setTimeout(run, 200);
145        })();
146    }
147
148    $(document).ready(function(){
149        
150
151        imagesLoaded( document.querySelector('body'), function( instance ) {
152                              $('.paneleffect').each(function(){
153            if($(this).height() < 200){
154              $(this).removeClass('paneleffect');
155            }
156          });
157          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
158        });
159
160        // 監聽body高度變化時要重跑入場動畫
161        onElementHeightChange(document.body, function(){
162          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
163        });
164
165
166
167        function onScrollInit( items, trigger ) {
168          items.each( function() {
169            var osElement = $(this),
170                osoffset = osElement.attr('data-os-offset'),
171                osAnimationClass = osElement.attr('data-os-animation'),
172                osAnimationDelay = osElement.attr('data-os-animation-delay');
173                osAnimationDuration = osElement.attr('data-os-animation-duration');
174                if(typeof(osAnimationClass)=='undefined'){
175                  osAnimationClass = 'fadeInUp';
176                }
177                if(typeof(osAnimationDelay)=='undefined'){
178                  osAnimationDelay = '0.3s';
179                }
180                if(typeof(osoffset)=='undefined'){
181                  osoffset = '90%';
182                }
183                if(typeof(osAnimationDuration)=='undefined'){
184                  osAnimationDuration = '1s';
185                }
186
187
188            osElement.css({
189                '-webkit-animation-delay':  osAnimationDelay,
190                '-moz-animation-delay':     osAnimationDelay,
191                'animation-delay':          osAnimationDelay,
192                '-webkit-animation-duration': osAnimationDuration,
193                'animation-duration':         osAnimationDuration,
194
195            });
196
197            var osTrigger = ( trigger ) ? trigger : osElement;
198
199            osTrigger.waypoint(function() {
200                osElement.addClass('animated').addClass(osAnimationClass);
201            },{
202                triggerOnce: true,
203                offset: osoffset
204            });
205          });
206                  }
207    });
208  </script>
vendor: 1 bytes, line 208
208
209<script type="text/javascript">
210  var ajaxGet = null;
211  var orgwapperh = 0;
212  var nowtop = 0;
213  function fn_openbox(url,parpms){
214
215    if (ajaxGet != null){
216      ajaxGet.abort();
217    }
218    nowtop = $( document ).scrollTop();
219    $("html,body").scrollTop(0).css({'overflow-x':'hidden'});
220    $("#loading_mask").css({'width':$(window).width()}).show();
221    $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'});
222
223    $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show();
224
225    ajaxGet = $.ajax({
226      type: 'post', //
227      url: url,
228      data:parpms,
229      dataType: "html",
230      success: function(datahtml) {
231        $('#boxcontent').html(datahtml);
232        $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'});
233        $('#openbox').stop().animate({'left':0}, 800,function(){
234          $("#loading_mask").hide();
235          $('.wapper .panel').hide(0);
236        });
237        var images=$('#editor img');
238        var link = null;
239        var imgLen=images.length;
240        for(var i=0;i<imgLen;i++){
241          if (images[i].parentNode.tagName.toLowerCase() != 'a'){
242            images[i].style.cursor="pointer";
243            link = document.createElement("a");
244            link.href = images[i].src;
245            $(link).addClass('fancybox').attr("rel","group");
246            //客戶自己填的圖片說明比操作提示更有 SEO 價值,原本有替代文字就不覆蓋;
247            //title 講的是「這張圖可以點開」這個操作、與圖片內容無關,所以一律覆蓋
248            if(images[i].alt == ''){
249              images[i].alt='點擊放大';
250            }
251            images[i].title='點擊放大';
252            link.target="_blank";
253            images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i])
254          }
255        }
256        $("#editor .fancybox").fancybox({
257	        'hideOnContentClick': true
258	      });
259
260      },
261      error:function (xhr, ajaxOptions, thrownError){
262        fn_close_box();
263        $("body").append(xhr.status);
264        $("body").append(xhr.responseText );
265        //alert(thrownError);
266      }
267    });
268  }
269
270  function fn_close_box(){
271    $('.wapper .panel').show(0);
272    $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){
273      $( document ).scrollTop(nowtop).css({'overflow-x':'auto'});
274      $('#boxcontent').html('').hide();
275      $('#openbox').hide();
276      $("#loading_mask").hide();
277    });
278  }
279</script>
vendor: 1 bytes, line 279
279
280<script type="text/javascript">
281  $(document).ready(function(){
282  $(".fancybox.youtube").click(function() {
283    $.fancybox({
284      'padding'   : 0,
285      'autoScale'   : false,
286      'transitionIn'  : 'none',
287      'transitionOut' : 'none',
288      'title'     : this.title,
289      'width'     : 640,
290      'height'    : 385,
291      'href'      : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
292      'type'      : 'swf',
293      'swf'     : {
294      'wmode'       : 'transparent',
295      'allowfullscreen' : 'true'
296      }
297    });
298    return false;
299  });
300  $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false });
301  });
302</script>
302
303<style>
304.error{color:red;}
305</style>
306    <!-- auto webmarketing-->
307  <!-- Facebook Pixel Code -->
308  
308<script>
vendor: 441 bytes, lines 308-317
308
309    !function(f,b,e,v,n,t,s)
310    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
311    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
312    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
313    n.queue=[];t=b.createElement(e);t.async=!0;
314    t.src=v;s=b.getElementsByTagName(e)[0];
315    s.parentNode.insertBefore(t,s)}(window, document,'script',
316    'https://connect.facebook.net/en_US/fbevents.js');
317          fbq('init', '
3171379271640703926
vendor: 40 bytes, lines 317-319
317');
318        fbq('track', 'PageView');
319  
319</script>
319
320  <noscript><img height="1" width="1" style="display:none"
321    src="https://www.facebook.com/tr?id=1379271640703926&ev=PageView&noscript=1"
322  /></noscript>
323  <!-- End Facebook Pixel Code -->
324  
324<script>fbq_inuse = true;</script>
324
325    <!-- auto webmarketing-->
326  <!-- Google Tag Manager -->
327  
327<script>
vendor: 335 bytes, lines 327-331
327(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
328  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
329  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
330  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
331  })(window,document,'script','dataLayer','
331GTM-53CHJVQ8
vendor: 3 bytes, line 331
331');
331</script>
331
332  <!-- End Google Tag Manager -->
333  </head>
334<body domain_is_safe="safe" class="wrapper_bg page_wrapper_bg tb_product fn_product1 lang_tw" attr-type="skyisland.com.tw" attr-type2="www.skyisland.com.tw" attr-trans="Y" RID="" nowPath="product.php">
335  <!-- auto webmarketing-->
336  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 336-337
336
337  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
337GTM-53CHJVQ8
vendor: 87 bytes, lines 337-339
337"
338  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
339  
339<!-- End Google Tag Manager (noscript) -->
340  <div id="openbox">
341  <div id="boxcontent">
342  </div>
343</div>
344
345  <div id="RWDPAGE_BASE_PAT01" class="template_panel_first  collapsing_header web_201900399">
346        <div  class="  loader " id="panel_15"  page_style="">
347        <style type="text/css">
348      .template_panel_first{display:none;}
349            
350    </style>
351        <div class="model RWDfakeloader"   id="m_RWDPAGE_BASE_PAT01_15_1" md_id="1" tp_id="15" template_id="RWDPAGE_BASE_PAT01" style="position: fixed;z-index: 199999;" new_edit="Y">
352                            <img style="width:0px;height:0px" src="https://skyisland.com.tw/archive/image/index/190731_loading.gif?v=49600" alt=""/>
353                
353<script>
354            $( document ).ready(function() {
355              $(".template_panel_first").show();
356                $("#m_RWDPAGE_BASE_PAT01_15_1").fakeLoader({
357                    zIndex:199999,
358                    timeToHide:1000,
359                    bgColor:"#fff",
360                                        imagePath:"https://skyisland.com.tw/archive/image/index/190731_loading.gif?v=49600"
361                                    });
362            });
363        </script>
363
364              <div style="clear:both;"></div>
365          </div>
366      	<div class="clear"></div>
367    </div>
368    <!-- header load start -->    <header  class="  menu-container " id="panel_1"  page_style="headermain">
369    
370
371          <div class="model RWDmenu_plus02"   id="m_RWDBASE_PAT01_1_1" md_id="1" tp_id="1" template_id="RWDBASE_PAT01">
372    <style>
373 .m_stitle {
374    display: none;
375}
376 .cd-nav li:hover .m_stitle, .cd-nav li.active .m_stitle {
377    display: block;
378}
379 .cd-nav li:hover .m_title,  .cd-nav li.active .m_title {
380    display: none;
381}
382    </style>
383    <div class="inside" >
384      <div class="container">
385        <header class="cd-main-header">
386
387                    <!--LOGO-->
388          <a class="cd-logo" href="https://skyisland.com.tw/" title="回首頁" aria-label="回首頁"><img src="https://skyisland.com.tw/archive/image/weblogo/1640010002.png" title="" alt="天空島"></a>
389          <!--END-->
390
391          <!-- 功能型按鈕 -->
392          <ul class="cd-header-buttons">
393            <!--社群-->
394            <li>
395                          </li>
396
397
398            <!--搜尋-->
399                        <li class="phone-menu">
400              <a class="cd-nav-trigger" href="#cd-primary-nav" title="主選單" aria-label="主選單"><span></span></a>
401            </li>
402                        <li class="cart-block">
403              <a href="#" onclick="return false;" title="購物清單" aria-label="購物清單">
404                                    <i class="glyphicon glyphicon-shopping-cart"></i>
405                                    <span class="hidden-xs"></span>
406                  <i class="qty"><span class="val-shopnum">0</span></i>
407              </a>
408            </li>
409            
410            
411
412                        
413            <div class="clearfix"></div>
414          </ul>
415
416
417
418          <!-- 主選單 -->
419          <nav class="cd-nav ">
420            <ul id="cd-primary-nav" class="cd-primary-nav is-fixed">
421
422              <!-- <div class="close-btn fa fa-long-arrow-left hidden-lg" id="close_btn"></div> -->
423              <div class="close-btn hidden-lg" id="close_btn" title="關閉主選單" aria-label="關閉主選單">CLOSE</div>
424                            <li class="  " level="1" showsize="">
425                <a href="https://skyisland.com.tw/article.php?lang=tw&tb=1" org-href="article.php?lang=tw&tb=1"  title="島上木屋" aria-label="島上木屋">島上木屋</a>
426                
427              </li>
428                            <li class="  " level="1" showsize="">
429                <a href="https://skyisland.com.tw/article.php?lang=tw&tb=2" org-href="article.php?lang=tw&tb=2"  title="美味早餐" aria-label="美味早餐">美味早餐</a>
430                
431              </li>
432                            <li class="  " level="1" showsize="">
433                <a href="https://skyisland.com.tw/album.php?lang=tw&tb=3" org-href="album.php?lang=tw&tb=3"  title="島上環境" aria-label="島上環境">島上環境</a>
434                
435              </li>
436                            <li class="  " level="1" showsize="">
437                <a href="https://skyisland.com.tw/article.php?lang=tw&tb=3" org-href="article.php?lang=tw&tb=3"  title="房價住宿資訊" aria-label="房價住宿資訊">房價住宿資訊</a>
438                
439              </li>
440                            <li class="  " level="1" showsize="">
441                <a href="https://skyisland.com.tw/article.php?lang=tw&tb=4" org-href="article.php?lang=tw&tb=4"  title="交通方式" aria-label="交通方式">交通方式</a>
442                
443              </li>
444                            <li class="  " level="1" showsize="">
445                <a href="https://skyisland.com.tw/article.php?lang=tw&tb=5" org-href="article.php?lang=tw&tb=5"  title="私房旅行" aria-label="私房旅行">私房旅行</a>
446                
447              </li>
448                            <li class="  " level="1" showsize="">
449                <a href="https://skyisland.com.tw/article.php?lang=tw&tb=6" org-href="article.php?lang=tw&tb=6"  title="天空島工作室" aria-label="天空島工作室">天空島工作室</a>
450                
451              </li>
452                            <li class="  " level="1" showsize="">
453                <a href="https://skyisland.com.tw/edcontent.php?lang=tw&tb=7" org
453-href="edcontent.php?lang=tw&tb=7"  title="夢想筆記" aria-label="夢想筆記">夢想筆記</a>
454                
455              </li>
456                            <li class="  " level="1" showsize="">
457                <a href="https://traiwan.com/official/index.php?id=place-822438dc8deb3c19569cdd23bf75dcb3" org-href="https://traiwan.com/official/index.php?id=place-822438dc8deb3c19569cdd23bf75dcb3" target="_blank" title="線上訂房" aria-label="線上訂房">線上訂房</a>
458                
459              </li>
460                            <li class="  " level="1" showsize="">
461                <a href="https://skyisland.com.tw/product.php?lang=tw&tb=1" org-href="product.php?lang=tw&tb=1"  title="課程+小店" aria-label="課程+小店">課程+小店</a>
462                
463              </li>
464              
465
466              <div class="clearfix"></div>
467              
468                            <div class="phone-menubelow">
469                                          </div>
470              <div class="bottom-copyright hidden-lg">
471                Copyright © 2019 MIRACLE              </div>
472            </ul> <!-- primary-nav -->
473          </nav>
474
475
476
477        </header>
478
479
480        <!-- 搜尋輸入欄 -->
481                <div class="clearfix"></div>
482      </div>
483    </div>
484
485        <!-- 購物車介面-->
486    <div class="cart-menu modelshoppingcar noclose shoppingcar_menu">
487      <div class="cart-cancel-btn fa fa-long-arrow-left"></div>
488      <div class="title">
489        購物清單        <span class="val-shopnum">0</span><!-- 選購數量 -->
490      </div>
491      <ul id="top_shopping_car_list" class="content" style="margin:0px;padding:0px;">
492      </ul>
493            <div class="buy-btn"><a href="https://skyisland.com.tw/shopping.php?lang=tw" class="checkout_it" aria-label="前往結帳" style="position: relative;">前往結帳</a></div>
494    </div>
495    
496    
497    <div class="cd-overlay"></div>
498  
499
500
501          
502        <div style="clear:both;"></div>
503      </div>
504
505
506      
506<script type="text/javascript">
507
508      var _auto_hide = false;
509      var _auto_hide_timer = null;
510      var _auto_hide_s = 0;
511      function m_RWDBASE_PAT01_1_1setTimeout(t){
512        if(_auto_hide)
513        {
514          _auto_hide_timer = setTimeout(function(){
515            $(".cd-overlay").trigger('click');
516          },_auto_hide_s);
517          // console.log('set Timer');
518        }
519      }
520
521      function m_RWDBASE_PAT01_1_1clearTimeout(t){
522        if(_auto_hide && _auto_hide_timer!= null){
523          clearTimeout(_auto_hide_timer);
524          // console.log('clear Timer');
525        }
526      }
527  </script>
527
528          
528<script type="text/javascript">
529      $( document ).ready(function() {
530        loadShoppingCar(false, 'refresh');
531      });
532      var needreloadcar = true,needreloadquerycar=true;
533      function modifyCarAmount(multikey,amount,carkey,obj){
534        var pre_amount =  parseInt( obj.attr('now-qty'));
535        var nnum =  parseInt( obj.val());
536        var max  = parseInt( obj.attr('max'));
537        if(isNaN(nnum) || nnum <=0){
538          nnum = 1;
539        }
540        if(nnum > max) nnum = max;
541        if(obj.val()!=nnum){
542          obj.val(nnum);
543        }
544        amount = nnum;
545        if(pre_amount==amount) return false;
546        $.ajax({
547          type: "POST",
548          url: "https://skyisland.com.tw/include/shopping_process.php",
549          contentType:"application/x-www-form-urlencoded; charset=utf-8",
550          data: "type=modifyonecar&lang=tw&multikey="+multikey+'&amount='+amount,
551          dataType: "json",
552          success: function(jdata){
553            if(jdata.message!='' && jdata.message!= null){
554              $("#quantity"+carkey).val(pre_amount);
555              alert(jdata.message);
556            }else{
557              if(amount==0){
558                $("#car_"+carkey).fadeOut(function(){
559                  $("#car_"+carkey).remove();
560                  $("#m_RWDBASE_PAT01_1_1 .val-shopnum").html($(".caritem").size());
561                  // $("#m_RWDBASE_PAT01_1_1 .val-shopnum").html();
562                });
563              }else{
564                $("#quantity"+carkey).val(jdata.amount);
565
566                $("#car_"+carkey+' .price').html(jdata.price);
567              }
568            }
569            needreloadcar = true;
570          }
571        });
572      }
573      /**
574       * @param {boolean} open - 是否展開購物清單
575       * @param {string} _action - 呼叫目的。 'refresh'表示只要更新購物車資訊(不要跳出加入成功這些資訊)
576      */
577      function loadShoppingCar(open, _action=null){
578        $.ajax({
579          type: "POST",
580          url: "https://skyisland.com.tw/include/shopping_process.php",
581          contentType:"application/x-www-form-urlencoded; charset=utf-8",
582          data: "type=loadshoppingcar&lang=tw",
583          dataType: "json",
584          success: function(jdata){
585            $("#m_RWDBASE_PAT01_1_1 .val-shopnum").html(jdata.num);
586            $("#m_RWDBASE_PAT01_1_1 .total_price").html(jdata.total_price);
587            // $("#m_RWDBASE_PAT01_1_1 .ftotal_price .money").html(jdata.total_price);msg::carempty
588            $("#m_RWDBASE_PAT01_1_1 #top_shopping_car_list").html('');
589
590            if(jdata.items.length==0 || jdata.items==null){
591              $("#m_RWDBASE_PAT01_1_1 #top_shopping_car_list").html('<div class="carempty">您未選購任何產品!!</div>');
592            }
593            if(jdata.items!=null){
594              for(var i=0;i<jdata.items.length;i++){
595                var nowitem = jdata.items[i];
596                var _txtString = nowitem['proName'].replace(/<[^>]+>/g,"");
597
598                var photostr = '';
599                if(nowitem['photo']!=''){
600                  photostr = " background-image: url("+nowitem['photo']+");";
601                }
602
603                var carkey = nowitem['carkey'];
604                var multikey = nowitem['multikey'];
605                var choiceamount  = nowitem['choiceamount'];
606                var uni_price_tmp = nowitem['uni_price'];
607
608                
609                var bulid_string = '<li id="car_'+carkey+'" class="caritem">'+
610                '<div class="pic">'+
611                '<a href="'+nowitem['product_url']+'" aria-label="'+_txtString+'"><img src="'+nowitem['photo']+'" alt="'+_txtString+'"></a>'+
612                '</div>'+
613                '<div class="text-box">'+
614                  '<div class="name"><a href="'+nowitem['product_url']+'" aria-label="'+_txtString+'">'+nowitem['proName']+'</a></div>'+
615                  '<div class="spec">'+nowitem['standInfo']+'</div>';
616
617                bulid_string+='<div class="qty-box myform choice_num_typea">';
618                                  bulid_string+="<select id='quantity"+carkey+"' attr-multikey='"+multikey+"' now-qty='"+nowitem['amount']+"' uni-price='"+uni_price_tmp+"' carkey='"+carkey+"'  max='"+choiceamount+"' class='qty'>";
619                  if(choiceamount>10) choiceamount = 10;
620                  for(var xx=1;xx<=choiceamount;xx++){
621                    var sel = '';
622                    if(xx==nowitem['amount']) sel = ' selected';
623                    bulid_string+= "<option value='"+xx+"' "+sel+">"+xx+"</option>";
624
625                  }
626                                    if(nowitem['amount']>choiceamount){
627                    bulid_string+= "<option value='"+nowitem['amount']+"' selected>"+nowitem['amount']+"</option>";
628                  }
629                  bulid_string+="</select>";
630                                var oneprice = uni_price_tmp * nowitem['amount'];
631                bulid_string+='<div class="clearfix"></div>'+'</div>';
632                bulid_string+='<div class="price">'+nowitem['price'];
633                bulid_string+='</div>'+
634                '<div class="dre-text">'+nowitem['inventory_msg']+ '</div>'+
635                '</div>'+
636                '<div class="cancel-btn glyphicon glyphicon-trash item_del" carkey="'+nowitem['carkey']+'"></div>'+
637                '<div class="clearfix"></div>'+
638                '</li>';
639
640                $("#m_RWDBASE_PAT01_1_1 #top_shopping_car_list").append(bulid_string);
641                                if(nowitem['plusbuycars'] && nowitem['plusbuycars'].length >0){
642                  // console.log('有加購品'+nowitem['plusbuycars'].length);
643                  for(var plusbuyidx = 0; plusbuyidx < nowitem['plusbuycars'].length;plusbuyidx++){
644                    var plusitem = nowitem['plusbuycars'][plusbuyidx];
645
646                    var plus_price = plusitem['info']['plusPrice'];
647
648                    var maxAmount = plusitem['maxAmount'];
649                    var plusamount = plusitem['plusamount'];
650                    var pluscarkey = plusitem['pluscarkey'];// 取代 carkey
651                    var plusbuy_key = plusitem['plusbuy_key'];//
652                    //{bulid
653
654                    var string_pdname = plusitem['info']['productName'].replace(/<[^>]+>/g,"");
655
656                    bulid_string = '<li id="car_'+pluscarkey+'" class="caritem">'+
657                        '<div class="pic">'+
658                        '<a href="'+plusitem['info']['url']+'" aria-label="'+string_pdname+'"><img src="'+plusitem['info']['photo']+'" alt="'+string_pdname+'"></a>'+
659                        '</div>'+
660                        '<div class="text-box">'+
661                          '<div class="plusbuytag"><i class="fa fa-tag" aria-hidden="true"></i> 加購品</div>'+
662                          '<div class="name"><a href="'+plusitem['info']['url']+'" aria-label="'+string_pdname+'">'+plusitem['info']['productName']+'</a></div>'+
663                          '<div class="spec">'+plusitem['info']['standName']+'</div>';
664
665                        bulid_string+='<div class="qty-box myform choice_num_typea">';
666                                                  bulid_string+="<select id='quantity"+pluscarkey+"' attr-multikey='"+multikey+"' now-qty='"+plusamount+"' uni-price='"+plus_price+"' carkey='"+pluscarkey+"'  plusbuy_key='"+plusbuy_key+"' max='"+maxAmount+"' class='qty disabled' disabled>";
667                          if(plusamount>10) plusamount = 10;
668                          for(var xx=1;xx<=plusamount;xx++){
669                            var sel = '';
670                            if(xx==plusamount) sel = ' selected';
671                            bulid_string+= "<option value='"+xx+"' "+sel+">"+xx+"</option>";
672
673                          }
674                                                    if(plusamount>maxAmount){
675                            bulid_string+= "<option value='"+plusamount+"' selected>"+plusamount+"</option>";
676                          }
677                          bulid_string+="</select>";
678                                                var oneprice = plus_price * plusamount;
679                        bulid_string+='<div class="clearfix"></div>'+'</div>';
680                        bulid_string+='<div class="price">'+plusitem['price'];
681                        bulid_string+='</div>'+
682                        '<div class="dre-text">'+nowitem['inventory_msg']+ '</div>'+
683                        '</div>'+
684                        '<div class="cancel-btn glyphicon glyphicon-trash item_del" carkey="'+pluscarkey+'" plusbuy_key="'+plusbuy_key+'" ></div>'+
685                        '<div class="clearfix"></div>'+
686                        '</li>';
687
688                        $("#m_RWDBASE_PAT01_1_1 #top_shopping_car_list").append(bulid_string);
689                    //}bulid
690
691                  }// end for
692                }
693                                }
694
695                $('#m_RWDBASE_PAT01_1_1 .qtyminus').click(function(){
696                  var carkey = $(this).attr('carkey');
697                  var nnum =  parseInt( $("#quantity"+carkey).val());
698                  var max  = parseInt( $("#quantity"+carkey).attr('max'));
699                  if(isNaN(nnum) || nnum <=0){
700                    nnum = 1;
701                  }else{
702                    nnum--;
703                  }
704                  if(nnum <=0) nnum =1;
705                  $("#quantity"+carkey).val(nnum);
706
707                  if(typeof($(this).attr('plusbuy_key'))=='undefined'){
708                    modifyCarAmount( $("#quantity"+carkey).attr('attr-multikey') ,nnum,carkey,$("#quantity"+carkey));
709                  }else{
710                    var input_tmp = $("#quantity"+carkey);
711                    modifyPlusBuyCarAmount( $(this).attr('plusbuy_key') ,input_tmp.val(),carkey,$("#quantity"+carkey).attr('now-qty'),$("#quantity"+carkey).attr('uni-price'),$("#quantity"+carkey));
712                  }
713
714                });
715
716                $('#m_RWDBASE_PAT01_1_1 .qtyplus').click(function(){
717
718                  var carkey = $(this).attr('carkey');
719                  var nnum =  parseInt( $("#quantity"+carkey).val());
720                  var max  = parseInt( $("#quantity"+carkey).attr('max'));
721
722                  if(isNaN(nnum) || nnum <=0){
723                    nnum = 1;
724                  }else{
725                    nnum++;
726                  }
727                  if(nnum > max) nnum = max;
728
729                  //if(nnum <=0) nnum =1;
730                  $("#quantity"+carkey).val(nnum);
731
732                  if(typeof($(this).attr('plusbuy_key'))=='undefined'){
733                    modifyCarAmount($("#quantity"+carkey).attr('attr-multikey'),nnum,carkey,$("#quantity"+carkey));
734                  }else{
735                    var input_tmp = $("#quantity"+carkey);
736                    modifyPlusBuyCarAmount( $(this).attr('plusbuy_key') ,input_tmp.val(),carkey,$("#quantity"+carkey).attr('now-qty'),$("#quantity"+carkey).attr('uni-price'),$("#quantity"+carkey));
737                  }
738
739                });
740
741                $("#m_RWDBASE_PAT01_1_1 #top_shopping_car_list .qty").on('change', function() {
742
743                  if(typeof($(this).attr('plusbuy_key'))=='undefined'){
744                    modifyCarAmount( $(this).attr('attr-multikey') ,$(this).val(),$(this).attr('carkey'),$(this));
745                  }else{
746                    var carkey = $(this).attr('carkey');
747                    modifyPlusBuyCarAmount(
748                      $(this).attr('plusbuy_key') ,
749                      $(this).val(),
750                      carkey,
751                      $(this).attr('now-qty'),
752                      $(this).attr('uni-price'),
753                      $(this)
754                    );
755                  }
756
757                });
758                var m_RWDBASE_PAT01_1_1_delxhr = null;
759                $("#m_RWDBASE_PAT01_1_1 .item_del").click(function(){
760                  if(m_RWDBASE_PAT01_1_1_delxhr!=null) return false;
761                  var carkey = $(this).attr('carkey');
762
763
764                  if(typeof($(this).attr('plusbuy_key'))=='undefined'){
765                    var dataparams = "type=delcar&lang=tw&carkey="+carkey;
766                  }else{
767                    var plusbuy_key = $(this).attr('plusbuy_key');
768                    var dataparams = "type=delplusbuycar&lang=tw&multikey="+plusbuy_key;
769                  }
770
771                  m_RWDBASE_PAT01_1_1_delxhr = $.ajax({
772                    type: "POST",
773                    url: "https://skyisland.com.tw/include/shopping_process.php",
774                    contentType:"application/x-www-form-urlencoded; charset=utf-8",
775                    data: dataparams,
776                    dataType: "json",
777                    success: function(jdata){
778                      m_RWDBASE_PAT01_1_1_delxhr = null;
779                      if(jdata.success=='0'){
780                        alert(jdata.message);
781                      }else{
782                        $("#car_"+carkey).fadeOut(function(){
783                          $("#car_"+carkey).remove();
784                          $("#m_RWDBASE_PAT01_1_1 .val-shopnum").html($(".caritem").size());
785                        });
786                        alert("已刪除選購的商品");
787                      }
788
789                      loadShoppingCar(true, 'refresh');
790                    }
791                  });
792                });
793
794            }
795            // 如果電商後台有設定加入購物車後要跳彈窗提示
796            if( _action!='refresh' && false){
797              open = false;
798              Swal.fire({
799                icon: 'success',
800                title: '商品已經加入購物車',
801                showConfirmButton: false,
802                timer: 1500
803              })
804            }
805            if(open){
806              open_car_list();
807            }
808          }
809        });
810      }
811
812    function modifyPlusBuyCarAmount(multikey,amount,carkey,pre_amount,uni_price,obj){
813          var nnum =  parseInt( obj.val());
814
815          var max  = parseInt( obj.attr('max'));
816          if(isNaN(nnum) || nnum <=0){
817              nnum = 1;
818          }
819          if(nnum > max) nnum = max;
820          if(obj.val()!=nnum){
821              obj.val(nnum);
822          }
823          amount = nnum;
824          // console.log('=>'+amount);
825          if(pre_amount==amount) return false;
826          $.ajax({
827            type: "POST",
828            url: "https://skyisland.com.tw/include/shopping_process.php",
829            contentType:"application/x-www-form-urlencoded; charset=utf-8",
830            data: "type=modifyonepluspuy&lang=tw&plusbuymultikey="+multikey+'&amount='+amount,
831            dataType: "json",
832            success: function(jdata){
833
834
835              if(jdata.message!='' && jdata.message!= null){
836                $("#quantity"+carkey).val(pre_amount);
837                alert(jdata.message);
838              }else{
839                if(amount==0){
840                  $("#car_"+carkey).fadeOut(function(){
841                    $("#car_"+carkey).remove();
842                    $("#m_RWDBASE_PAT01_1_1 .val-shopnum").html($(".caritem").size());
843                  });
844                }else{
845                  $("#quantity"+carkey).val(jdata.amount);
846                  $("#quantity"+carkey).attr("now-qty",jdata.amount);
847                  $("#car_"+carkey+' .price').html(jdata.price);
848                }
849              }
850              needreloadcar = true;
851            }
852          });
853      }
854
855  </script>
855
856    <!-- 購物車捲軸 -->
857    
857<script type="text/javascript">
858    jQuery(document).ready(function(){
859      car_list_height();
860      $( window ).resize(function() {
861        car_list_height();
862      });
863
864    });
865
866    function car_list_height(){
867      var fix_h = window.innerHeight; // 將$(window).height()改成window.innerHeight,因為$(window).height()會誤判
868      fix_h -= $(".RWDmenu_plus02 .shoppingcar_menu .title").outerHeight(true);
869      fix_h -= $(".RWDmenu_plus02 .shoppingcar_menu .buy-btn a").outerHeight(true);
870      // fix_h -= 10;
871      $('#top_shopping_car_list').enscroll('destroy');
872      $('#top_shopping_car_list').css({'height':fix_h});
873      $('#top_shopping_car_list').enscroll({
874        showOnHover: true,
875        addPaddingToPane:false,
876        verticalTrackClass: 'track3',
877        verticalHandleClass: 'handle3'
878      });
879    }
880    </script>
880
881  
882      
883    <!-- 自訂js -->
884  
884<script>
885
886    var viewport_width=$(window).width();
887
888    if (viewport_width > 1199) {
889      $('.first-block').hide();
890
891      // $('.first-click,.cd-overlay').on('click', function(event){
892      // //$('.first-click,.cd-overlay').hover(function(event){
893
894      //   $('.first-block').hide();
895      //   $(this).find('.first-block').addClass('open-block').show();
896		    // $(this).find('.first-click').addClass('open');
897
898      // });
899    }
900
901  </script>
901
902
903  
903<script>
904        $(window).scroll(function() {
905            var scroll = $(window).scrollTop();
906            if (scroll >= 1) {
907                $(".sub-nav").addClass("sub-up");
908                $(".RWDmenu_plus02 .inside").addClass("is-up");
909                $('#cd-search').addClass('is-up');
910            } else {
911                $(".sub-nav").removeClass("sub-up");
912                $(".RWDmenu_plus02 .inside").removeClass("is-up");
913                $('#cd-search').removeClass('is-up');
914            }
915        });
916        // console.log("");
917    </script>
917
918        
918<script>
919            //購物選單開啟
920      function open_car_list(){
921        car_list_height();//解決在產品頁還沒完全載好標題及按鈕高度時,計算出錯誤的ul高度
922        $('.RWDmenu_plus02 .shoppingcar_menu').addClass('is-visible');
923        $('.cd-main-content').addClass('is-push');
924        if($(window).width()>1199){
925          $('.RWDmenu_plus02 .inside').addClass('is-push');
926        }
927        if($(window).width()<1200){
928          $('.RWDmenu_plus02 .cd-main-header').addClass('nav-is-visible');
929          if($('.RWDmenu_plus06')[0]){
930            $('.RWDmenu_plus06').addClass('push_by_menu');
931          }
932        }
933        $('.cd-overlay').addClass('is-push');
934        $('body').addClass('is-visible');
935      }
936      //購物選單關閉按鈕
937      function close_car_list(){
938        if(needreloadcar){
939          loadShoppingCar(false, 'refresh');
940          needreloadcar = false;
941        }
942        $('body').removeClass('is-visible');
943        $('.RWDmenu_plus02 .shoppingcar_menu').removeClass('is-visible');
944        $('.cd-overlay ').removeClass('is-push');
945        $('.cd-main-content').removeClass('is-push');
946        if($(window).width()>1199){
947          $('.RWDmenu_plus02 .inside').removeClass('is-push');
948        }
949        if($(window).width()<1200){
950          $('.RWDmenu_plus02 .cd-main-header').removeClass('nav-is-visible');
951          if($('.RWDmenu_plus06')[0]){
952            $('.RWDmenu_plus06').removeClass('push_by_menu');
953          }
954        }
955      }
956      
957      
958      //點擊遮罩
959      $('.cd-overlay').click(function(){
960        $('.cd-overlay').removeClass('is-push');
961        $('.cd-main-content').removeClass('is-push');
962        $('nav.cd-nav ul .close-btn').removeClass('is-push');
963        $('.RWDmenu_plus02 .inside').removeClass('is-push');
964        $('.RWDmenu_plus02 .cart-menu').removeClass('is-visible');
965        if($('.RWDmenu_plus06')[0]){
966          $('.RWDmenu_plus06').removeClass('push_by_menu');
967        }
968        $('body').removeClass('is-visible');
969        m_RWDBASE_PAT01_1_1clearTimeout('');
970      });
971
972
973      //行動裝置主選單關閉按鈕
974      $('#close_btn').click(function(){
975
976        $('.cd-primary-nav').removeClass('nav-is-visible');
977        $('.cd-main-content').removeClass('nav-is-visible');
978        $('.cd-main-header').removeClass('nav-is-visible');
979        $('.cd-overlay').removeClass('nav-is-visible is-visible');
980        $('.cd-nav-trigger').removeClass('nav-is-visible');
981        $(".phone-language").removeClass('is-push');
982        $("#cd-primary-nav").removeClass("moves-out");
983        if($('.RWDmenu_plus06')[0]){
984          $('.RWDmenu_plus06').removeClass('push_by_menu');
985        }
986        setTimeout(function(){ $('body').removeClass('overflow-hidden'); }, 1000);
987      });
988
989
990
991      //點選選單
992      $('.cd-primary-nav > .has-children > a').click(function(){
993        $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').addClass('is-push');
994        // console.log('1111');
995        m_RWDBASE_PAT01_1_1setTimeout('');
996
997      });
998
999
1000      $('.cd-secondary-nav > .has-children > a').click(function(){
1001        $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').addClass('is-push');
1002        // console.log('22222');
1003      });
1004
1005      $(".cd-secondary-nav").hover(
1006        function() {
1007          m_RWDBASE_PAT01_1_1clearTimeout('');
1008          // $( this ).addClass('hovered').append( $( "<span> ***</span>" ) );
1009        }, function() {
1010          m_RWDBASE_PAT01_1_1setTimeout('');
1011          // $( this ).removeClass('hovered').find( "span:last" ).remove();
1012        }
1013      );
1014      //.cd-primary-nav
1015      $('.first-go-back a').click(function(){
1016
1017        $('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').removeClass('is-push');
1018        $('.phone-language,.phone-group').removeClass('is-push');
1019
1020        m_RWDBASE_PAT01_1_1clearTimeout('');
1021      });
1022
1023      //點其他功能按鈕會關閉搜尋列
1024      $('.RWDmenu_plus02  .member-block,.RWDmenu_plus02 .language-block,.RWDmenu_plus02  .cart-block,.RWDmenu_plus02  .querycar-block').click(function(){
1025        $('.cd-search').removeClass('is-visible');
1026        $('.cd-search-trigger').removeClass('search-is-visible');
1027        $('.cd-overlay').removeClass('is-visible search-is-visible');
1028      });
1029
1030            $('.RWDmenu_plus02 .cart-block').click(function(){
1031        open_car_list();
1032      });
1033      $('.RWDmenu_plus02 .shoppingcar_menu .cart-cancel-btn').click(function(){
1034        close_car_list();
1035      });
1036      
1037      
1038
1039      
1040          </script>
1040
1041    
1041<script type="text/javascript">
1042      function isMobile_fun() {
1043        try{ document.createEvent("TouchEvent"); return true; }
1044        catch(e){ return false;}
1045      }
1046    $(document).ready(function(){
1047        if(isMobile_fun()){
1048          $("#cd-primary-nav div.m_title").each(function(){
1049            var sub_name_tmp=$(this).html();
1050            var parent_tmp=$(this).parent()
1051            parent_tmp.html(sub_name_tmp);
1052          });
1053        }
1054        $(function () {
1055
1056           $("#cd-primary-nav a[href*=#]:not([href=#])").click(function() {
1057
1058               var target = $(this.hash);
1059               var href = $(this).attr('href');
1060              //  console.log(href);
1061               if(href.indexOf('.php') !=-1){
1062                 location.href = href;
1063                //  return false;
1064               }
1065               $("html,body").animate({
1066
1067                   scrollTop: target.offset().top
1068
1069               }, 1000);
1070               if($(window).width()<1170){
1071                   $("#close_btn").click();
1072               }
1073               return false;
1074
1075           });
1076
1077
1078
1079       });
1080    })
1081    /* 滑動返回
1082    $(function() {
1083      //Enable swiping...
1084      $("#cd-primary-nav,.cd-secondary-nav").swipe( {
1085        //Generic swipe handler for all directions
1086        swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
1087        	           if(direction=='right'){
1088           		if($(".cd-nav .moves-out").size()==0){
1089           			$(".cd-nav .close-btn").eq(0).trigger('click');
1090           			$('nav.cd-nav .phone-member, nav.cd-nav .phone-language,nav.cd-nav .phone-group,nav.cd-nav ul .close-btn').removeClass('is-push');
1091           		}else{
1092           			// console.log('sele_size:'+$(".cd-nav .has-children a.selected").size());
1093           			$nowa = $(".cd-nav .has-children a.selected").last();
1094           			if($nowa.is('a')){
1095           				$bak_btn = $nowa.parent().find('.go-back a');
1096           				if($bak_btn.is('a')){
1097           					// console.log('li click');
1098           					$bak_btn.trigger('click');
1099           				}else{
1100           					// console.log('not li');
1101           				}
1102           			}else{
1103           				// console.log('not a');
1104           			}
1105 					// $(".cd-nav .moves-out .go-back").eq(0).trigger('click');
1106           		}
1107           	 // console.log('=>'+$(".cd-nav .moves-out").size());
1108           }
1109        },
1110        //Default is 75px, set to 0 for demo so any distance triggers swipe
1111         threshold:120,
1112         excludedElements:$.fn.swipe.defaults.excludedElements+", select"
1113      });
1114    });
1115    滑動返回*/
1116
1117    </script>
1117
1118            	<div class="clear"></div>
1119    </header>
1120    <!-- header load end -->    <div  class="  main cd-main-content" id="panel_8"  page_style="">
1121        <div  class=" panel_2 line-box " id="panel_20"  page_style="">
1122        <div  class=" panel_3 banner-section " id="panel_19"  page_style="">
1123    
1124        <div class="model RWDbanner_plus01   "   id="m_RWDPAGE_BASE_PAT01_19_1" md_id="1" tp_id="19" template_id="RWDPAGE_BASE_PAT01" style="opacity: 0;" new_edit="Y">
1125                  <div class="RWDbanner_plus01  style-dotnav control-center dot"  data-imgfrom="模組">
1126        <div class="setheight"><div class="pc"></div><div class="note"></div><div class="pad"></div><div class="phone"></div></div>
1127                                          <div class="banner-slider ">
1128                      <div class="slick-item slickitem01">
1129                                                        <div class="pic-box">
1130                                                                    <!-- 首頁顯示區塊 -->
1131                  <div class="pic " style="text-align:right;" PC="https://skyisland.com.tw/archive/image/model/images/rnd1566557278.jpg" NOTE="https://skyisland.com.tw/archive/image/model/images/rnd1566557018.jpg" PAD="https://skyisland.com.tw/archive/image/model/images/rnd1566557018.jpg" PHONE="https://skyisland.com.tw/archive/image/model/images/p-banner-ph.jpg" imgalt="">
1132                                          <img src="https://skyisland.com.tw/archive/image/model/images/rnd1566557278.jpg" alt="">
1133                                      </div>
1134                  <!-- ↑↑模改跑分之前的html結構 -->
1135                                                </div>
1136              <!--↓商品圖片區塊 20180523新增↓-->
1137                            <!--↑商品圖片區塊 20180523新增↑-->
1138
1139                          </div>
1140                  </div>
1141                                                            <style type="text/css">
1142                  .RWDbanner_plus01.style-dotnav .slick-prev ,.RWDbanner_plus01.style-dotnav .slick-next{display: none!important;}
1143                </style>
1144                                <div class="plus-banner-container">
1145                  <div class="control-box clearfix">
1146                    <div class="control">
1147                                                                  <div class="items"></div>
1148                                                                </div>
1149                  </div>
1150                </div>
1151                                                  </div>
1152            <div style="clear:both;"></div>
1153          </div>
1154    <!-- model end-->
1155            
1155<script type="text/javascript">
1156      //寬版用init全域變數
1157      var BYT_INIT_I=0;
1158      //判斷是否為行動裝置
1159      var isMobile = false;
1160      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)
1161          || /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.
1161substr(0,4))) isMobile = true;
1162      GetRumdomStr = function () {
1163          var str = "";
1164          var maxNum = 10;
1165          var minNum = 0;
1166          var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
1167          for (var i = 1; i <= 4; i++) {
1168              n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
1169              str += n.toString();
1170          }
1171          // console.log(str);
1172          return str;
1173      };
1174
1175      $(document).ready(function(){
1176        $(".full_page_photo").css({'height':$("#m_RWDPAGE_BASE_PAT01_19_1").outerHeight()});
1177
1178        if($('.collapsing_header .main').size() > 0 ){
1179          var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight();
1180          $('.collapsing_header .main').attr("style","margin-top:"+total_height+"px;top:0 !important");//top:0 !important把客製化css的top值洗掉
1181        }
1182
1183        if($('#m_RWDPAGE_BASE_PAT01_19_1 img').size()==0){
1184            init_banner_plus01_RWDPAGE_BASE_PAT01191();
1185        }else{
1186          $('#m_RWDPAGE_BASE_PAT01_19_1').imagesLoaded( function() {
1187            init_banner_plus01_RWDPAGE_BASE_PAT01191();
1188          });
1189        }
1190
1191        $(window).on("resize",function(e){
1192          fullscreenImage_RWDPAGE_BASE_PAT01191();
1193                      setTimeout(function() {
1194              bannerSetHeight_RWDPAGE_BASE_PAT01191();
1195            },100)
1196                  });
1197      });
1198              function init_banner_plus01_RWDPAGE_BASE_PAT01191(){
1199          fullscreenImage_RWDPAGE_BASE_PAT01191();
1200          $('#m_RWDPAGE_BASE_PAT01_19_1').css({'opacity':1});
1201          if($('#m_RWDPAGE_BASE_PAT01_19_1 .pic-box').size() < 2){
1202            $('#m_RWDPAGE_BASE_PAT01_19_1 .control-box, #m_RWDPAGE_BASE_PAT01_19_1 .slick-arrow').hide();
1203          }
1204          let slick_tmp=null;
1205                          slick_tmp = $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.style-dotnav .banner-slider');
1206                slick_tmp.not('#m_RWDPAGE_BASE_PAT01_19_1 .slick-initialized').slick({
1207                    lazyLoad: 'progressive',//ondemand lazyload
1208                    autoplay: true,
1209                                        autoplaySpeed: 7000,
1210                                        dots: true,
1211                    arrows: false,
1212                    pauseOnHover:  false,
1213                    pauseOnFocus: false,
1214                    speed: 700,
1215                    fade: false,
1216                    appendDots: $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 .control-box .control .items'),
1217                                        adaptiveHeight: true,
1218                                        swipeToSlide: true,
1219                    touchThreshold: 20000,
1220                    waitForAnimate: false,
1221                    responsive: [
1222                        {
1223                            breakpoint: 767,
1224                            settings: {
1225                              adaptiveHeight:false,
1226                            }
1227                        }
1228                    ]
1229                });
1230                      $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function() {
1231                $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.style-dotnav .slick-prev').click();
1232            });
1233            $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function() {
1234                $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.style-dotnav .slick-next').click();
1235            });
1236
1237            $(window).on('resize', bannerSetHeight_RWDPAGE_BASE_PAT01191()).resize();
1238
1239            // page-scroll按鈕
1240            $('#m_RWDPAGE_BASE_PAT01_19_1 a.scrolllink').click(function(event) {
1241                var t = $(this).attr('href');
1242                if(t != '#' && t != ''){
1243                  $('html,body').animate({scrollTop:$(t).offset().top},800);
1244                }
1245                return false;
1246            });
1247                          // 修正行動裝置BUG //github.com/kenwheeler/slick/issues/3306
1248              $('#m_RWDPAGE_BASE_PAT01_19_1 .slick-initialized').on('touchstart', e => {
1249                $('#m_RWDPAGE_BASE_PAT01_19_1 .slick-initialized').slick('slickPlay');
1250              });
1251                    }
1252        function bannerSetHeight_RWDPAGE_BASE_PAT01191() {
1253                    var menu_height = 0;
1254                    /* banner手機版最高滿版面 */
1255          var windowHeight = 0
1256          var paddingHeight = $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 .banner-slider.bg').height();
1257
1258          if ($('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) {
1259              windowHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT01_19_1 .control-box').outerHeight() - menu_height - paddingHeight;
1260          } else {
1261              windowHeight = $(window).height() - menu_height - paddingHeight;
1262          }
1263          $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight);
1264
1265
1266          /* banner滿版面 */
1267          var fullHeight = 0
1268          if ($('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) {
1269              fullHeight = $(window).height() - $('#m_RWDPAGE_BASE_PAT01_19_1 .control-box').outerHeight() - menu_height - paddingHeight;
1270          } else {
1271              fullHeight = $(window).height() - menu_height - paddingHeight;
1272          }
1273          $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight);
1274
1275
1276          /* banner控制器高度 */
1277          let bannerHeight = 0
1278          if ($('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) {
1279              bannerHeight = $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 .banner-slider .slick-list').height();
1280          }
1281          $('#m_RWDPAGE_BASE_PAT01_19_1 .style-dotnav.control-left .control-box , #m_RWDPAGE_BASE_PAT01_19_1 .style-dotnav.control-right .control-box').css('height', bannerHeight);
1282
1283        }
1284            function fullscreenImage_RWDPAGE_BASE_PAT01191(){
1285        var ww = $(window).width();
1286        // 帶入RWD正確的圖片路徑
1287        $('#m_RWDPAGE_BASE_PAT01_19_1 .pic').each(function(){
1288          if(ww > 1024){
1289            img = $(this).attr('PC');
1290          }else if(ww >= 992){
1291            img = $(this).attr('NOTE');
1292          }else if(ww >= 768){
1293            img = $(this).attr('PAD');
1294          }else{
1295            img = $(this).attr('PHONE');
1296          }
1297                      let img_alt = $(this).attr('imgALT');
1298            $(this).find('img').attr('src',img);
1299            $(this).find('img').attr('alt',img_alt);
1300            //解決新購物part2 .slick-slide的css高度100%影響
1301            $('#m_RWDPAGE_BASE_PAT01_19_1 .slick-slide').css("height",'auto');
1302                  });
1303
1304        $("#m_RWDPAGE_BASE_PAT01_19_1 .logo").each(function(){
1305          if(ww >= 1200){
1306            img = $(this).attr('PC');
1307          }else if(ww >= 992){
1308            img = $(this).attr('NOTE');
1309          }else if(ww >= 768){
1310            img = $(this).attr('PAD');
1311          }else{
1312            img = $(this).attr('PHONE');
1313          }
1314
1315          if(img==''){
1316            $(this).find('img').hide();
1317          }else{
1318            if($(this).find('img').size()==0){
1319              $(this).append('<img src="" alt="LOGO">');
1320            }
1321            $(this).find('img').attr('src',img).show();
1322          }
1323
1324        });
1325      }
1326      function change_imgblock_size_RWDPAGE_BASE_PAT01191(){
1327          var nextSlide_idx=BYT_INIT_I*1;
1328          var slickitem_idx=BYT_INIT_I*1+1;
1329          if(nextSlide_idx<10){
1330              nextSlide_idx="0"+BYT_INIT_I;
1331          }
1332          if(slickitem_idx<10){
1333              slickitem_idx="0"+slickitem_idx;
1334          }
1335          if($('#m_RWDPAGE_BASE_PAT01_19_1'+" #slick-slide"+nextSlide_idx).length==0){
1336              return false;
1337          }else{
1338              var image = new Image();
1339              image.onload =function(){
1340                  var image_height=image.height;
1341                  $('#m_RWDPAGE_BASE_PAT01_19_1'+" #slick-slide"+nextSlide_idx).css("height",image_height);
1342                  $('#m_RWDPAGE_BASE_PAT01_19_1 .RWDbanner_plus01 div.slick-track').children(".slickitem"+slickitem_idx).each(function(){
1343                      if($(this).hasClass("slick-cloned")){
1344                          $(this).css('height', image_height)
1345                      }
1346                  })
1347                  BYT_INIT_I++;
1348                  change_imgblock_size_RWDPAGE_BASE_PAT01191();
1349                  //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height);
1350              }
1351              var slick_url_data=$('#m_RWDPAGE_BASE_PAT01_19_1'+" #slick-slide"+nextSlide_idx+" > div.pic-box > div.pic");
1352              var ww = $(window).width();
1353              var img="";
1354              if(ww > 1024){
1355                img = slick_url_data.attr('PC');
1356              }else if(ww >= 992){
1357                img = slick_url_data.attr('NOTE');
1358              }else if(ww >= 768){
1359                img = slick_url_data.attr('PAD');
1360              }else{
1361                img = slick_url_data.attr('PHONE');
1362              }
1363              image.src = img;
1364          }
1365      }
1366    </script>
1366
1367        	<div class="clear"></div>
1368    </div>
1369        <section  class=" panel_3 call_to_action " id="panel_9"  page_style="">
1370        <div  class=" panel_4 container " id="panel_14"  page_style="page_body">
1371        <style>
1372.pagecontent{margin-top:37px;}
1373.pagecontent.menu5,.pagecontent.menu8{margin:0px;}
1374@media only screen and (max-width: 768px) {
1375  .pagecontent {padding:0px 15px!important;}
1376}
1377    </style>
1378        <section class="hgroup">
1379      <div class="container">
1380        <div class="page_subject">
1381                                  <h1 class="pageTitle">布作/插畫商品�{滿1500免運}</h1>
1382                                          <ul class="breadcrumb pull-right">
1383          <li showsize=""><a href="https://skyisland.com.tw/index.php?lang=tw" title="首頁">首頁</a> </li><li  active><a href="https://skyisland.com.tw/product.php?lang=tw&tb=1" orglink="product.php?lang=tw&tb=1" title="課程+小店">課程+小店</a></li><li ><a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71" orglink="product.php?lang=tw&tb=1&cid=71" title="布作/插畫商品�{滿1500免運}">布作/插畫商品�{滿1500免運}</a></li>
1383<script type="application/ld+json">
1384  {
1385    "@context": "https://schema.org",
1386    "@type": "BreadcrumbList",
1387    "itemListElement": [
1388      {
1389        "@type": "ListItem",
1390        "position": 1,
1391        "name": "首頁",
1392        "item": "https://skyisland.com.tw/index.php?lang=tw"
1393      },{
1394        "@type": "ListItem",
1395        "position": 2,
1396        "name": "課程+小店",
1397        "item": "https://skyisland.com.tw/product.php?lang=tw&tb=1"
1398      },{
1399        "@type": "ListItem",
1400        "position": 3,
1401        "name": "布作/插畫商品�{滿1500免運}",
1402        "item": "https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71"
1403      }    ]
1404  }
1405</script>
1405
1406        </ul>
1407                </div>
1408      </div>
1409
1410      <!-- 只有在article_d內容頁才顯示 hashtag區塊 -->
1411      
1412    </section>
1413    <section class="article-text rwd">
1414     <div class="container ">
1415        <div class="xrow">
1416                              <div id="sidebar" class="col-md-3 layoutmenu3">
1417        <div class="m2018 visible-lg" layoutmenu_rwd="2">
1418  <div class="products-nav">
1419    
1420        <div class="nav-title">課程+小店</div>
1421    <ul class="sidemenu2__ul sidemenu2__ul--parent">
1422                <li class="sidemenu2__li  active is-open" l="1"  aid="" mid="71">
1423            <a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71" org="product.php?lang=tw&tb=1&cid=71" title="布作/插畫商品�{滿1500免運}">布作/插畫商品�{滿1500免運}</a>
1424                      </li>
1425                  <li class="sidemenu2__li " l="1"  aid="" mid="23">
1426            <a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=23" org="product.php?lang=tw&tb=1&cid=23" title="線上繪畫課程">線上繪畫課程</a>
1427                      </li>
1428                  <li class="sidemenu2__li " l="1"  aid="" mid="53">
1429            <a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=53" org="product.php?lang=tw&tb=1&cid=53" title="訂製商品">訂製商品</a>
1430                      </li>
1431                  <li class="sidemenu2__li " l="1"  aid="" mid="74">
1432            <a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=74" org="product.php?lang=tw&tb=1&cid=74" title="瑞誼華生態人文股份有限公司 統編27594455">瑞誼華生態人文股份有限公司 統編27594455</a>
1433                      </li>
1434            </ul>
1435  </div>
1436</div>
1437
1438<script>
1439  $(document).ready(function() {
1440    sideNavInit();
1441  });
1442  //側選單開合
1443  function sideNavInit() {
1444    $(".products-nav li").has("ul").addClass("has-child").append('<span class="toggle-submenu"></span>');
1445    // $(".products-nav li.is-open").children("ul").show();
1446    $('.products-nav > ul > li').each(function(){
1447      if($(this).hasClass('has-child')){
1448        if($(this).children('ul').is(':visible')){
1449          $(this).addClass('is-open');
1450        }else{
1451          $(this).removeClass('is-open');
1452        }
1453      }else{
1454        $(this).removeClass('is-open');
1455      }
1456    });
1457    $(".products-nav .toggle-submenu").click(function(e) {
1458      if ($(this).siblings().length > 0) {
1459        e.preventDefault();
1460        $(this).siblings("ul").slideToggle();
1461        $(this).parent('li').toggleClass("is-open");
1462        if ($('.toggle-mmenu').is(':visible')) {
1463          $('.products-nav li').not($(this).parents('li')).removeClass('is-open');
1464          $('.products-nav li ul').not($(this).parents('li').children('ul')).stop().slideUp();
1465        }
1466      }
1467    });
1468  }
1469</script>
1469
1470
1471
1472
1473  <style type="text/css">
1474    .device-nav {
1475      position: relative;
1476      width: 100%;
1477      margin: 0 auto;
1478      display: block;
1479    }
1480
1481    .device-nav:before {
1482      position: absolute;
1483      right: 15px;
1484      top: 10px;
1485      display: block;
1486    }
1487
1488    #sidebar select.form-control {
1489      /*Chrome和Firefox裡面的邊框是不一樣的,所以複寫了一下*/
1490      /*border: solid 1px #000; */
1491      /*很關鍵:將默認的select選擇框樣式清除*/
1492      appearance: none;
1493      -moz-appearance: none;
1494      -webkit-appearance: none;
1495      /*為下拉小箭頭留出一點位置,避免被文字覆蓋*/
1496      padding-right: 14px;
1497      /*border-radius: 4px;*/
1498    }
1499
1500    /*清除ie的默認選擇框樣式清除,隱藏下拉箭頭*/
1501    #sidebar select.form-control::-ms-expand {
1502      display: none;
1503    }
1504  </style>
1505    <div class="device-nav fa fa-angle-down hidden-lg">
1506    <label class="sidemenu-label hidden" for="sidemenu-101">課程+小店</label>
1507    <select class="form-control" id="sidemenu-101" onchange="do_mobile_change(this);" title="請選擇課程+小店" aria-label="請選擇課程+小店">
1508      <option value="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71"  selected>布作/插畫商品�{滿1500免運}</option><option value="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=23" >線上繪畫課程</option><option value="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=53" >訂製商品</option><option value="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=74" >瑞誼華生態人文股份有限公司 統編27594455</option>    </select>
1509    
1509<script type="text/javascript">
1510      function do_mobile_change(obj) {
1511        var val = $(obj).val();
1512                location.href = val;
1513              }
1514    </script>
1514
1515  </div>
1516                </div>
1517                              <div class="pagecontent col-md-9 list4 menu3 " style="padding:0px;"  id="product">
1518            <iframe  style="width:0px;height:0px;display:none;" id="fb_tracking_iframe" name="fb_tracking_iframe"></iframe>
1519<script type="text/javascript">
1520  function fb_tracking_fn(act){
1521    $("#fb_tracking_iframe").attr('src','https://skyisland.com.tw/fbtracking.php?lang=tw&act='+act);
1522  }
1523</script>
1523
1524
1525<style type="text/css">
1526  .count_info{font-size:14px;}
1527</style>
1528<div class="layoutlist_4">
1529
1530    
1530<script>
1531  function advanced_search_set_sort(sort){
1532          location.href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71&sort="+sort;
1533      }
1534</script>
1534    <div class="col-md-4 col-sm-6 col-xs-6">
1535        <div class="item product_list_item" img_ow="" img_oh="">
1536                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=500"   class="itemlink" title="3款組 輕暖脖圍 /寶寶兒童成人皆可喔"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/237987492.jpg" alt="3款組 輕暖脖圍 /寶寶兒童成人皆可喔" /></a></div>
1537      
1538      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=500"   class="itemlink" title="3款組 輕暖脖圍 /寶寶兒童成人皆可喔">3款組 輕暖脖圍 /寶寶兒童成人皆可喔</a></div>
1539
1540            <div class="pricearea">
1541        <span class="price delline fixprice" id="fixprice_p1500">--</span><span class="price sellprice" id="price_p1500">--</span>
1542      </div>
1543      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1544        <div id="_cc1p1500"></div>
1545        <div id="_cc2p1500"></div>
1546              </div>
1547
1548
1549            <div class="standarea showN">
1550        <div  class="cate_div">
1551                  <select class="nocateselect" style="opacity: 0;"></select>
1552                  </div>
1553
1554        <div class="stands_options">
1555          <div class="stands_div">
1556            <span class="stands_name">禮盒類型</span>
1557                        <select class="standoption" id="stands_p1500" key="p1500" onchange="dealamount('p1500')" disabled="disabled">
1558                          <option value="3||1325||||2,000||||1||||||2000||||0" org="2,000">自用包裝</option>
1559                          </select>
1560          </div>
1561          <div class="amount_div choice_num_type_">
1562            <span class="amount_name">數量</span>
1563                            <select id="amount_p1500" class="amountoption"></select>
1564								          </div>
1565          <div style="clear: both;"></div>
1566        </div>
1567                      <div class="buybtn disabled showN" onclick="add2car('1','500','p1500',this)" id="btncar_p1500">加入購物車</div>
1568        <br>
1569      </div>
1570      
1571            <div style="clear:both;"></div>
1572    </div>
1573    </div>
1574        <div class="col-md-4 col-sm-6 col-xs-6">
1575        <div class="item product_list_item" img_ow="" img_oh="">
1576                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=459"   class="itemlink" title="紙膠帶 - 島上風景 Sky Island"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/1642778434.jpg" alt="紙膠帶 - 島上風景 Sky Island" /></a></div>
1577      
1578      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=459"   class="itemlink" title="紙膠帶 - 島上風景 Sky Island">紙膠帶 - 島上風景 Sky Island</a></div>
1579
1580            <div class="pricearea">
1581        <span class="price delline fixprice" id="fixprice_p1459">--</span><span class="price sellprice" id="price_p1459">--</span>
1582      </div>
1583      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1584        <div id="_cc1p1459"></div>
1585        <div id="_cc2p1459"></div>
1586              </div>
1587
1588
1589            <div class="standarea showN">
1590        <div  class="cate_div">
1591                  <select class="nocateselect" style="opacity: 0;"></select>
1592                  </div>
1593
1594        <div class="stands_options">
1595          <div class="stands_div">
1596            <span class="stands_name">規格</span>
1597                        <select class="standoption" id="stands_p1459" key="p1459" onchange="dealamount('p1459')" disabled="disabled">
1598                          <option value="10||1245||||150||||0||||||150||||0" org="150">島上風景 紙膠帶</option>
1599                          </select>
1600          </div>
1601          <div class="amount_div choice_num_type_">
1602            <span class="amount_name">數量</span>
1603                            <select id="amount_p1459" class="amountoption"></select>
1604								          </div>
1605          <div style="clear: both;"></div>
1606        </div>
1607                      <div class="buybtn disabled showN" onclick="add2car('1','459','p1459',this)" id="btncar_p1459">加入購物車</div>
1608        <br>
1609      </div>
1610      
1611            <div style="clear:both;"></div>
1612    </div>
1613    </div>
1614        <div class="col-md-4 col-sm-6 col-xs-6">
1615        <div class="item product_list_item" img_ow="" img_oh="">
1616                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=430"   class="itemlink" title="黃田秧雞 背心蓬蓬小洋裝/寶寶禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/img_0825.jpg" alt="黃田秧雞 背心蓬蓬小洋裝/寶寶禮盒" /></a></div>
1617      
1618      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=430"   class="itemlink" title="黃田秧雞 背心蓬蓬小洋裝/寶寶禮盒">黃田秧雞 背心蓬蓬小洋裝/寶寶禮盒</a></div>
1619
1620            <div class="pricearea">
1621        <span class="price delline fixprice" id="fixprice_p1430">--</span><span class="price sellprice" id="price_p1430">--</span>
1622      </div>
1623      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1624        <div id="_cc1p1430"></div>
1625        <div id="_cc2p1430"></div>
1626              </div>
1627
1628
1629            <div class="standarea showN">
1630        <div  class="cate_div">
1631                  <select class="nocateselect" style="opacity: 0;"></select>
1632                  </div>
1633
1634        <div class="stands_options">
1635          <div class="stands_div">
1636            <span class="stands_name">規格</span>
1637                        <select class="standoption" id="stands_p1430" key="p1430" onchange="dealamount('p1430')" >
1638                          <option value="3||1102||||1,680||||0||||||1680||||0" org="1,680">1680元組:洋裝+禮盒包裝</option>
1639                            <option value="3||1108||||2,180||||0||||||2180||||0" org="2,180">2180元組:洋裝+髮帶+禮盒包裝</option>
1640                            <option value="3||1114||||2,280||||0||||||2280||||0" org="2,280">2280元組::洋裝+圍兜+禮盒包裝</option>
1641                            <option value="3||1120||||2,680||||1||||||2680||||0" org="2,680">2680元組:洋裝+髮帶+圍兜+禮盒包裝</option>
1642                          </select>
1643          </div>
1644          <div class="amount_div choice_num_type_">
1645            <span class="amount_name">數量</span>
1646                            <select id="amount_p1430" class="amountoption"></select>
1647								          </div>
1648          <div style="clear: both;"></div>
1649        </div>
1650                      <div class="buybtn disabled showN" onclick="add2car('1','430','p1430',this)" id="btncar_p1430">加入購物車</div>
1651        <br>
1652      </div>
1653      
1654            <div style="clear:both;"></div>
1655    </div>
1656    </div>
1657        <div class="col-md-4 col-sm-6 col-xs-6">
1658        <div class="item product_list_item" img_ow="" img_oh="">
1659                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=424"   class="itemlink" title="藍田白鷺 背心蓬蓬小洋裝/寶寶禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/img_0800.jpg" alt="藍田白鷺 背心蓬蓬小洋裝/寶寶禮盒" /></a></div>
1660      
1661      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=424"   class="itemlink" title="藍田白鷺 背心蓬蓬小洋裝/寶寶禮盒">藍田白鷺 背心蓬蓬小洋裝/寶寶禮盒</a></div>
1662
1663            <div class="pricearea">
1664        <span class="price delline fixprice" id="fixprice_p1424">--</span><span class="price sellprice" id="price_p1424">--</span>
1665      </div>
1666      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1667        <div id="_cc1p1424"></div>
1668        <div id="_cc2p1424"></div>
1669              </div>
1670
1671
1672            <div class="standarea showN">
1673        <div  class="cate_div">
1674                  <select class="nocateselect" style="opacity: 0;"></select>
1675                  </div>
1676
1677        <div class="stands_options">
1678          <div class="stands_div">
1679            <span class="stands_name">規格</span>
1680                        <select class="standoption" id="stands_p1424" key="p1424" onchange="dealamount('p1424')" >
1681                          <option value="3||1078||||1,680||||4||||||1680||||0" org="1,680">1680元組:洋裝+禮盒包裝</option>
1682                            <option value="3||1084||||2,180||||0||||||2180||||0" org="2,180">2180元組:洋裝+髮帶+禮盒包裝</option>
1683                            <option value="3||1090||||2,280||||0||||||2280||||0" org="2,280">2280元組::洋裝+圍兜+禮盒包裝</option>
1684                            <option value="3||1096||||2,680||||1||||||2680||||0" org="2,680">2680元組:洋裝+髮帶+圍兜+禮盒包裝</option>
1685                          </select>
1686          </div>
1687          <div class="amount_div choice_num_type_">
1688            <span class="amount_name">數量</span>
1689                            <select id="amount_p1424" class="amountoption"></select>
1690								          </div>
1691          <div style="clear: both;"></div>
1692        </div>
1693                      <div class="buybtn disabled showN" onclick="add2car('1','424','p1424',this)" id="btncar_p1424">加入購物車</div>
1694        <br>
1695      </div>
1696      
1697            <div style="clear:both;"></div>
1698    </div>
1699    </div>
1700        <div class="col-md-4 col-sm-6 col-xs-6">
1701        <div class="item product_list_item" img_ow="" img_oh="">
1702                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=412"   class="itemlink" title="彩色小屋 背心蓬蓬小洋裝/寶寶禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/1436629956177308.jpg" alt="彩色小屋 背心蓬蓬小洋裝/寶寶禮盒" /></a></div>
1703      
1704      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=412"   class="itemlink" title="彩色小屋 背心蓬蓬小洋裝/寶寶禮盒">彩色小屋 背心蓬蓬小洋裝/寶寶禮盒</a></div>
1705
1706            <div class="pricearea">
1707        <span class="price delline fixprice" id="fixprice_p1412">--</span><span class="price sellprice" id="price_p1412">--</span>
1708      </div>
1709      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1710        <div id="_cc1p1412"></div>
1711        <div id="_cc2p1412"></div>
1712              </div>
1713
1714
1715            <div class="standarea showN">
1716        <div  class="cate_div">
1717        
1718            <span class="cate_title">配布顏色 </span>
1719            <select id="cate_p1412" onchange="dealstand('p1412','1','412');" >
1720            <option value="1680禮盒(無需選配布)">1680禮盒(無需選配布)</option><option value="配布:黃田秧雞">配布:黃田秧雞</option><option value="配布:藍田白鷺">配布:藍田白鷺</option>            </select>
1721
1722                  </div>
1723
1724        <div class="stands_options">
1725          <div class="stands_div">
1726            <span class="stands_name">禮盒類型</span>
1727                        <select class="standoption" id="stands_p1412" key="p1412" onchange="dealamount('p1412')" disabled="disabled">
1728                          <option value="3||1024||||1,680||||5||||||1680||||0" org="1,680">1680元組:洋裝+禮盒包裝</option>
1729                          </select>
1730          </div>
1731          <div class="amount_div choice_num_type_">
1732            <span class="amount_name">數量</span>
1733                            <select id="amount_p1412" class="amountoption"></select>
1734								          </div>
1735          <div style="clear: both;"></div>
1736        </div>
1737                      <div class="buybtn disabled showN" onclick="add2car('1','412','p1412',this)" id="btncar_p1412">加入購物車</div>
1738        <br>
1739      </div>
1740      
1741            <div style="clear:both;"></div>
1742    </div>
1743    </div>
1744        <div class="col-md-4 col-sm-6 col-xs-6">
1745        <div class="item product_list_item" img_ow="" img_oh="">
1746                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=83"   class="itemlink" title="女寶寶-貓咪點點雙面圍兜/髮帶/奶嘴鏈 彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/01.jpg" alt="女寶寶-貓咪點點雙面圍兜/髮帶/奶嘴鏈 彌月禮盒" /></a></div>
1747      
1748      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=83"   class="itemlink" title="女寶寶-貓咪點點雙面圍兜/髮帶/奶嘴鏈 彌月禮盒">女寶寶-貓咪點點雙面圍兜/髮帶/奶嘴鏈 彌月禮盒</a></div>
1749
1750            <div class="pricearea">
1751        <span class="price delline fixprice" id="fixprice_p183">--</span><span class="price sellprice" id="price_p183">--</span>
1752      </div>
1753      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1754        <div id="_cc1p183"></div>
1755        <div id="_cc2p183"></div>
1756              </div>
1757
1758
1759            <div class="standarea showN">
1760        <div  class="cate_div">
1761                  <select class="nocateselect" style="opacity: 0;"></select>
1762                  </div>
1763
1764        <div class="stands_options">
1765          <div class="stands_div">
1766            <span class="stands_name">規格</span>
1767                        <select class="standoption" id="stands_p183" key="p183" onchange="dealamount('p183')" >
1768                          <option value="3||209||||855||||1||||||855||||0" org="855">855元組:花兜+髮帶+禮盒包裝</option>
1769                            <option value="3||215||||975||||1||||||975||||0" org="975">975元組:花兜+髮帶+奶嘴鏈+禮盒包裝</option>
1770                            <option value="3||239||||1,135||||0||||||1135||||0" org="1,135">1135元組:花兜+髮帶+奶嘴鏈+防塵套+禮盒包裝</option>
1771                            <option value="3||245||||1,585||||1||||||1585||||0" org="1,585">1585元組:花兜+髮帶+奶嘴鏈+防塵套+海軍領兜+禮盒包裝</option>
1772                          </select>
1773          </div>
1774          <div class="amount_div choice_num_type_">
1775            <span class="amount_name">數量</span>
1776                            <select id="amount_p183" class="amountoption"></select>
1777								          </div>
1778          <div style="clear: both;"></div>
1779        </div>
1780                      <div class="buybtn disabled showN" onclick="add2car('1','83','p183',this)" id="btncar_p183">加入購物車</div>
1781        <br>
1782      </div>
1783      
1784            <div style="clear:both;"></div>
1785    </div>
1786    </div>
1787        <div class="col-md-4 col-sm-6 col-xs-6">
1788        <div class="item product_list_item" img_ow="" img_oh="">
1789                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=95"   class="itemlink" title="女寶寶-小刺蝟雙面圍兜/髮帶/奶嘴鏈 彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/IMG_6951.jpg" alt="女寶寶-小刺蝟雙面圍兜/髮帶/奶嘴鏈 彌月禮盒" /></a></div>
1790      
1791      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=95"   class="itemlink" title="女寶寶-小刺蝟雙面圍兜/髮帶/奶嘴鏈 彌月禮盒">女寶寶-小刺蝟雙面圍兜/髮帶/奶嘴鏈 彌月禮盒</a></div>
1792
1793            <div class="pricearea">
1794        <span class="price delline fixprice" id="fixprice_p195">--</span><span class="price sellprice" id="price_p195">--</span>
1795      </div>
1796      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1797        <div id="_cc1p195"></div>
1798        <div id="_cc2p195"></div>
1799              </div>
1800
1801
1802            <div class="standarea showN">
1803        <div  class="cate_div">
1804                  <select class="nocateselect" style="opacity: 0;"></select>
1805                  </div>
1806
1807        <div class="stands_options">
1808          <div class="stands_div">
1809            <span class="stands_name">規格</span>
1810                        <select class="standoption" id="stands_p195" key="p195" onchange="dealamount('p195')" >
1811                          <option value="3||275||||855||||0||||||855||||0" org="855">855元組:花兜+髮帶+禮盒包裝</option>
1812                            <option value="3||281||||975||||0||||||975||||0" org="975">975元組:花兜+髮帶+奶嘴鏈+禮盒包裝</option>
1813                            <option value="3||287||||1,135||||0||||||1135||||0" org="1,135">1135元組:花兜+髮帶+奶嘴鏈+防塵套+禮盒包裝</option>
1814                            <option value="3||293||||1,585||||0||||||1585||||0" org="1,585">1585元組:花兜+髮帶+奶嘴鏈+防塵套+海軍領兜+禮盒包裝</option>
1815                          </select>
1816          </div>
1817          <div class="amount_div choice_num_type_">
1818            <span class="amount_name">數量</span>
1819                            <select id="amount_p195" class="amountoption"></select>
1820								          </div>
1821          <div style="clear: both;"></div>
1822        </div>
1823                      <div class="buybtn disabled showN" onclick="add2car('1','95','p195',this)" id="btncar_p195">加入購物車</div>
1824        <br>
1825      </div>
1826      
1827            <div style="clear:both;"></div>
1828    </div>
1829    </div>
1830        <div class="col-md-4 col-sm-6 col-xs-6">
1831        <div class="item product_list_item" img_ow="" img_oh="">
1832                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=107"   class="itemlink" title="女寶寶-舉手動物雙面圍兜/髮帶/奶嘴鏈 彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/c-01.jpg" alt="女寶寶-舉手動物雙面圍兜/髮帶/奶嘴鏈 彌月禮盒" /></a></div>
1833      
1834      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=107"   class="itemlink" title="女寶寶-舉手動物雙面圍兜/髮帶/奶嘴鏈 彌月禮盒">女寶寶-舉手動物雙面圍兜/髮帶/奶嘴鏈 彌月禮盒</a></div>
1835
1836            <div class="pricearea">
1837        <span class="price delline fixprice" id="fixprice_p1107">--</span><span class="price sellprice" id="price_p1107">--</span>
1838      </div>
1839      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1840        <div id="_cc1p1107"></div>
1841        <div id="_cc2p1107"></div>
1842              </div>
1843
1844
1845            <div class="standarea showN">
1846        <div  class="cate_div">
1847                  <select class="nocateselect" style="opacity: 0;"></select>
1848                  </div>
1849
1850        <div class="stands_options">
1851          <div class="stands_div">
1852            <span class="stands_name">規格</span>
1853                        <select class="standoption" id="stands_p1107" key="p1107" onchange="dealamount('p1107')" >
1854                          <option value="3||305||||855||||0||||||855||||0" org="855">855元組:花兜+髮帶+禮盒包裝</option>
1855                            <option value="3||311||||975||||0||||||975||||0" org="975">975元組:花兜+髮帶+奶嘴鏈+禮盒包裝</option>
1856                            <option value="3||317||||1,135||||1||||||1135||||0" org="1,135">1135元組:花兜+髮帶+奶嘴鏈+防塵套+禮盒包裝</option>
1857                            <option value="3||323||||1,585||||0||||||1585||||0" org="1,585">1585元組:花兜+髮帶+奶嘴鏈+防塵套+海軍領兜+禮盒包裝</option>
1858                          </select>
1859          </div>
1860          <div class="amount_div choice_num_type_">
1861            <span class="amount_name">數量</span>
1862                            <select id="amount_p1107" class="amountoption"></select>
1863								          </div>
1864          <div style="clear: both;"></div>
1865        </div>
1866                      <div class="buybtn disabled showN" onclick="add2car('1','107','p1107',this)" id="btncar_p1107">加入購物車</div>
1867        <br>
1868      </div>
1869      
1870            <div style="clear:both;"></div>
1871    </div>
1872    </div>
1873        <div class="col-md-4 col-sm-6 col-xs-6">
1874        <div class="item product_list_item" img_ow="" img_oh="">
1875                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=119"   class="itemlink" title="女寶寶-星星小樹注音雙面圍兜/髮帶/奶嘴鏈 彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/d-0001.jpg" alt="女寶寶-星星小樹注音雙面圍兜/髮帶/奶嘴鏈 彌月禮盒" /></a></div>
1876      
1877      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=119"   class="itemlink" title="女寶寶-星星小樹注音雙面圍兜/髮帶/奶嘴鏈 彌月禮盒">女寶寶-星星小樹注音雙面圍兜/髮帶/奶嘴鏈 彌月禮盒</a></div>
1878
1879            <div class="pricearea">
1880        <span class="price delline fixprice" id="fixprice_p1119">--</span><span class="price sellprice" id="price_p1119">--</span>
1881      </div>
1882      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1883        <div id="_cc1p1119"></div>
1884        <div id="_cc2p1119"></div>
1885              </div>
1886
1887
1888            <div class="standarea showN">
1889        <div  class="cate_div">
1890                  <select class="nocateselect" style="opacity: 0;"></select>
1891                  </div>
1892
1893        <div class="stands_options">
1894          <div class="stands_div">
1895            <span class="stands_name">規格</span>
1896                        <select class="standoption" id="stands_p1119" key="p1119" onchange="dealamount('p1119')" disabled="disabled">
1897                          <option value="3||335||||855||||0||||||855||||0" org="855">855元組:花兜+髮帶+禮盒包裝</option>
1898                          </select>
1899          </div>
1900          <div class="amount_div choice_num_type_">
1901            <span class="amount_name">數量</span>
1902                            <select id="amount_p1119" class="amountoption"></select>
1903								          </div>
1904          <div style="clear: both;"></div>
1905        </div>
1906                      <div class="buybtn disabled showN" onclick="add2car('1','119','p1119',this)" id="btncar_p1119">加入購物車</div>
1907        <br>
1908      </div>
1909      
1910            <div style="clear:both;"></div>
1911    </div>
1912    </div>
1913        <div class="col-md-4 col-sm-6 col-xs-6">
1914        <div class="item product_list_item" img_ow="" img_oh="">
1915                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=131"   class="itemlink" title="女寶寶-狗狗格紋 雙面圍兜/髮帶/奶嘴鏈 彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/e01.jpg" alt="女寶寶-狗狗格紋 雙面圍兜/髮帶/奶嘴鏈 彌月禮盒" /></a></div>
1916      
1917      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=131"   class="itemlink" title="女寶寶-狗狗格紋 雙面圍兜/髮帶/奶嘴鏈 彌月禮盒">女寶寶-狗狗格紋 雙面圍兜/髮帶/奶嘴鏈 彌月禮盒</a></div>
1918
1919            <div class="pricearea">
1920        <span class="price delline fixprice" id="fixprice_p1131">--</span><span class="price sellprice" id="price_p1131">--</span>
1921      </div>
1922      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1923        <div id="_cc1p1131"></div>
1924        <div id="_cc2p1131"></div>
1925              </div>
1926
1927
1928            <div class="standarea showN">
1929        <div  class="cate_div">
1930                  <select class="nocateselect" style="opacity: 0;"></select>
1931                  </div>
1932
1933        <div class="stands_options">
1934          <div class="stands_div">
1935            <span class="stands_name">規格</span>
1936                        <select class="standoption" id="stands_p1131" key="p1131" onchange="dealamount('p1131')" >
1937                          <option value="3||365||||895||||0||||||895||||0" org="895">895元組:花兜+髮帶+禮盒包裝</option>
1938                            <option value="3||371||||1,015||||0||||||1015||||0" org="1,015">1015元組:花兜+髮帶+奶嘴鏈+禮盒包裝</option>
1939                            <option value="3||377||||1,175||||0||||||1175||||0" org="1,175">1175元組:花兜+髮帶+奶嘴鏈+防塵套+禮盒包裝</option>
1940                            <option value="3||383||||1,625||||0||||||1625||||0" org="1,625">1625元組:花兜+髮帶+奶嘴鏈+防塵套+海軍領兜+禮盒包裝</option>
1941                          </select>
1942          </div>
1943          <div class="amount_div choice_num_type_">
1944            <span class="amount_name">數量</span>
1945                            <select id="amount_p1131" class="amountoption"></select>
1946								          </div>
1947          <div style="clear: both;"></div>
1948        </div>
1949                      <div class="buybtn disabled showN" onclick="add2car('1','131','p1131',this)" id="btncar_p1131">加入購物車</div>
1950        <br>
1951      </div>
1952      
1953            <div style="clear:both;"></div>
1954    </div>
1955    </div>
1956        <div class="col-md-4 col-sm-6 col-xs-6">
1957        <div class="item product_list_item" img_ow="" img_oh="">
1958                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=143"   class="itemlink" title="男寶 小刺蝟格紋 雙面圍兜/奶嘴鏈/彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/f01.jpg" alt="男寶 小刺蝟格紋 雙面圍兜/奶嘴鏈/彌月禮盒" /></a></div>
1959      
1960      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=143"   class="itemlink" title="男寶 小刺蝟格紋 雙面圍兜/奶嘴鏈/彌月禮盒">男寶 小刺蝟格紋 雙面圍兜/奶嘴鏈/彌月禮盒</a></div>
1961
1962            <div class="pricearea">
1963        <span class="price delline fixprice" id="fixprice_p1143">--</span><span class="price sellprice" id="price_p1143">--</span>
1964      </div>
1965      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
1966        <div id="_cc1p1143"></div>
1967        <div id="_cc2p1143"></div>
1968              </div>
1969
1970
1971            <div class="standarea showN">
1972        <div  class="cate_div">
1973                  <select class="nocateselect" style="opacity: 0;"></select>
1974                  </div>
1975
1976        <div class="stands_options">
1977          <div class="stands_div">
1978            <span class="stands_name">規格</span>
1979                        <select class="standoption" id="stands_p1143" key="p1143" onchange="dealamount('p1143')" >
1980                          <option value="3||395||||655||||1||||||655||||0" org="655">655元組:圓兜+奶嘴鏈+禮盒包裝</option>
1981                            <option value="3||401||||815||||0||||||815||||0" org="815">815元組:圓兜+奶嘴鏈+防塵套+禮盒包裝</option>
1982                            <option value="3||407||||1,265||||0||||||1265||||0" org="1,265">1265元組:圓兜+奶嘴鏈+防塵套+海軍領兜+禮盒包裝</option>
1983                          </select>
1984          </div>
1985          <div class="amount_div choice_num_type_">
1986            <span class="amount_name">數量</span>
1987                            <select id="amount_p1143" class="amountoption"></select>
1988								          </div>
1989          <div style="clear: both;"></div>
1990        </div>
1991                      <div class="buybtn disabled showN" onclick="add2car('1','143','p1143',this)" id="btncar_p1143">加入購物車</div>
1992        <br>
1993      </div>
1994      
1995            <div style="clear:both;"></div>
1996    </div>
1997    </div>
1998        <div class="col-md-4 col-sm-6 col-xs-6">
1999        <div class="item product_list_item" img_ow="" img_oh="">
2000                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=167"   class="itemlink" title="男寶 狗狗格紋 雙面圍兜/奶嘴鏈/彌月禮盒"><img src="https://skyisland.com.tw/archive/image/product1/images/layoutlist/h000001.jpg" alt="男寶 狗狗格紋 雙面圍兜/奶嘴鏈/彌月禮盒" /></a></div>
2001      
2002      <div class="subject"><a href="https://skyisland.com.tw/product_d.php?lang=tw&tb=1&id=167"   class="itemlink" title="男寶 狗狗格紋 雙面圍兜/奶嘴鏈/彌月禮盒">男寶 狗狗格紋 雙面圍兜/奶嘴鏈/彌月禮盒</a></div>
2003
2004            <div class="pricearea">
2005        <span class="price delline fixprice" id="fixprice_p1167">--</span><span class="price sellprice" id="price_p1167">--</span>
2006      </div>
2007      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
2008        <div id="_cc1p1167"></div>
2009        <div id="_cc2p1167"></div>
2010              </div>
2011
2012
2013            <div class="standarea showN">
2014        <div  class="cate_div">
2015                  <select class="nocateselect" style="opacity: 0;"></select>
2016                  </div>
2017
2018        <div class="stands_options">
2019          <div class="stands_div">
2020            <span class="stands_name">規格</span>
2021                        <select class="standoption" id="stands_p1167" key="p1167" onchange="dealamount('p1167')" >
2022                          <option value="3||455||||695||||0||||||695||||0" org="695">695元組:圓兜+奶嘴鏈+禮盒包裝</option>
2023                            <option value="3||461||||855||||0||||||855||||0" org="855">855元組:圓兜+奶嘴鏈+防塵套+禮盒包裝</option>
2024                            <option value="3||467||||1,305||||0||||||1305||||0" org="1,305">1305元組:圓兜+奶嘴鏈+防塵套+海軍領兜+禮盒包裝</option>
2025                          </select>
2026          </div>
2027          <div class="amount_div choice_num_type_">
2028            <span class="amount_name">數量</span>
2029                            <select id="amount_p1167" class="amountoption"></select>
2030								          </div>
2031          <div style="clear: both;"></div>
2032        </div>
2033                      <div class="buybtn disabled showN" onclick="add2car('1','167','p1167',this)" id="btncar_p1167">加入購物車</div>
2034        <br>
2035      </div>
2036      
2037            <div style="clear:both;"></div>
2038    </div>
2039    </div>
2040      <div style="clear:both;"></div>
2041</div>
2042
2043<script type="text/javascript">
2044  window.onpageshow = function(event) {
2045    // console.log('fo:'+$(".standoption").size());
2046
2047    $(".standoption").each(function(){
2048      if($(this).attr('key')!=''){
2049        dealamount($(this).attr('key'),false);
2050      }
2051    });
2052
2053  };
2054
2055      $(document).ready(function(){
2056        
2057      });
2058
2059      function dealstand(key,tb,id){
2060        var val = $('#cate_'+key).val();
2061
2062        if(val=='') return false;
2063        val = encodeURIComponent(val);
2064        $.ajax({
2065          type: "POST",
2066          dataType: "json",
2067          url: "https://skyisland.com.tw/include/shopping_process.php",
2068          contentType:"application/x-www-form-urlencoded; charset=utf-8",
2069          data: "type=stands_option2_json&tb="+tb+"&lang=tw&id="+id+"&catename="+val,
2070          success: function(jdata){
2071            var optios = '';
2072            if(jdata.datas.length>1){
2073              for(var i=0;i< jdata.datas.length;i++){
2074                optios += '<option value="'+jdata.datas[i].value+'">'+jdata.datas[i].text+'</option>';
2075              }
2076              $("#stands_"+key).attr('disabled',false);
2077            }else{
2078              for(var i=0;i< jdata.datas.length;i++){
2079                optios += '<option value="'+jdata.datas[i].value+'">'+jdata.datas[i].text+'</option>';
2080              }
2081              $("#stands_"+key).attr('disabled','disabled');
2082            }
2083
2084            $("#stands_"+key).html(optios);
2085
2086            dealamount(key,true);
2087          }
2088        });
2089      }
2090
2091
2092      function dealstand_2(key,tb,id){
2093        $.ajax({
2094          type: "POST",
2095          dataType: "json",
2096          url: "https://skyisland.com.tw/include/shopping_process.php",
2097          contentType:"application/x-www-form-urlencoded; charset=utf-8",
2098          data: "type=stands_option_json&tb="+tb+"&lang=tw&id="+id,
2099          success: function(jdata){
2100            var optios='';
2101            for(var i=0;i< jdata.datas.length;i++){
2102              optios += '<option value="'+jdata.datas[i].value+'">'+jdata.datas[i].text+'</option>';
2103            }
2104            $("#stands_"+key).html(optios);
2105
2106            dealamount(key,true);
2107          }
2108        });
2109      }
2110
2111function fmoney(s, n){
2112  n = n >= 0 && n <= 20 ? n : 2;
2113  s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
2114  var l = s.split(".")[0].split("").reverse(),
2115  r = s.split(".")[1];
2116  t = "";
2117  for(i = 0; i < l.length; i ++ ){
2118    t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
2119  }
2120  if(n>0){
2121    return t.split("").reverse().join("")+ "." + r;
2122  }else{
2123    return t.split("").reverse().join("");
2124  }
2125}
2126
2127      function dealamount(key,resize){
2128        var val = $('#stands_'+key).val();
2129        if(val==null){
2130          $('#stands_'+key).prop('selectedIndex',0);
2131          val = $('#stands_'+key).val();
2132        }
2133        if(val==null) return false;
2134        var data_arr = val.split("||");
2135        var maxamount = parseInt(data_arr[0]);
2136
2137        var quantity = $("#amount_"+key);
2138        quantity.attr('max',maxamount);
2139        if(isNaN(maxamount) || maxamount<=0){
2140                    if(quantity.is('select')){
2141            quantity.html('');
2142            quantity.append('<option value="">缺貨中</option>');
2143          }else{
2144            quantity.attr('placeholder','缺貨中');
2145            quantity.attr('min','0');
2146            quantity.val('');
2147            quantity.prop('disabled',true);
2148            quantity.parent().find('.minus,.plus').prop('disabled',true);
2149          }
2150        }else{
2151                    if(quantity.is('select')){
2152            quantity.html('');
2153            if(maxamount>=10) maxamount = 10;
2154            for(var i=1;i<=maxamount;i++){
2155              quantity.append('<option value="'+i+'">'+i+'</option>');
2156            }
2157          }else{
2158            quantity.attr('placeholder','');
2159            quantity.attr('min','1');
2160            quantity.val('1');
2161            quantity.prop('disabled',false);
2162            quantity.parent().find('.minus,.plus').prop('disabled',false);
2163                        $("#amount_"+key).on('change', function() {
2164              var nnum =  parseInt( $("#amount_"+key).val());
2165              var max  = parseInt( $("#amount_"+key).attr('max'));
2166              if(isNaN(nnum) || nnum <=0){
2167                nnum = 1;
2168              }
2169              if(nnum > max) nnum = max;
2170              $("#amount_"+key).val(nnum);
2171            });
2172          }
2173        }
2174
2175        var inventory = parseInt(data_arr[4]);
2176        var buycount = data_arr[5];
2177        var inventorySet = data_arr[7];
2178                
2179
2180        var fixprice = data_arr[2];
2181        var price = data_arr[3];
2182        var ext = 'NT$';
2183        // 產品售價
2184        var sellingPrice = data_arr[8];
2185        var chkDividend = data_arr[9];
2186        // 是否顯示會員價
2187        var hasMemberPrice = data_arr[10];
2188
2189                  if( isNaN(maxamount) || maxamount<=0 ||  price=='' || price=='0' ){
2190            $("#btncar_"+key).addClass('disabled');
2191          }else{
2192            $("#btncar_"+key).removeClass('disabled');
2193          }
2194                if(fixprice=='' || fixprice=='0'){
2195          $("#fixprice_"+key).html('');
2196        }else{
2197          $("#fixprice_"+key).html('定價:'+ext+fixprice);
2198        }
2199
2200        if(hasMemberPrice == 1){
2201          $("#price_"+key).html('會員價:'+ext+fmoney(price,0)).show();
2202          $("#fixprice_"+key).html('售價'+ext+sellingPrice);
2203        }else{
2204          if(price=='' || price=='0'){
2205            $("#price_"+key).hide();
2206            $("#fixprice_"+key).removeClass('delline');
2207          }else{
2208            $("#price_"+key).html('售價'+ext+fmoney(price,0)).show();
2209          }
2210        }
2211
2212        if(chkDividend && hasMemberPrice!=1){
2213          $("#fixprice_"+key).html('售價'+ext+sellingPrice);
2214          $("#price_"+key).html('折扣價:'+ext+fmoney(price,0)).show();
2215        }
2216
2217        if(resize){
2218          doresize();
2219        }
2220      }
2221
2222      function add2car(tb,id,key,obj){
2223        if($(obj).hasClass('disabled')){
2224          return false;
2225        }
2226        var val = $('#stands_'+key).val();
2227        var data_arr = val.split("||");
2228        var standid = data_arr[1];
2229        var amount = parseInt($('#amount_'+key).val());
2230        if(amount <=0 || isNaN(amount)){
2231          alert("請選擇數量");
2232          return false;
2233        }
2234                        $.ajax({
2235          type: "POST",
2236          dataType: "json",
2237          url: "https://skyisland.com.tw/include/shopping_process.php",
2238          contentType:"application/x-www-form-urlencoded; charset=utf-8",
2239          data: "type=add2car&tb="+tb+"&lang=tw&id="+id+"&standid="+standid+"&amount="+amount,
2240          success: function(jdata){
2241              if(jdata.success=='1'){
2242                                //{##2020.07.24 新增行銷外掛 -- 加入購物車事件
2243                  try {
2244                  let webmarketing_params = {
2245                    'items' :[jdata.detail]
2246                  };
2247                  webmarketing_add2car_event(webmarketing_params, jdata.fb_event_id);
2248                }catch (e) {}
2249                //}
2250                                if($(".modelshoppingcar").is('div')){
2251                  var open = $(".modelshoppingcar").attr('attr-open')=='false'?false:true;
2252                  // console.log('open car :'+ (open?'true':'fasle'));
2253                  loadShoppingCar(open);
2254                  var xalert = $(".modelshoppingcar").attr('attr-alert')=='true'?true:false;
2255                  if(xalert){
2256                    alert("商品已經加入購物車");
2257                  }
2258                }else{
2259                  alert("商品已經加入購物車");
2260                }
2261              }else{
2262                if(jdata.message=='需要登入會員'){
2263                  alert(jdata.message);
2264                  trans2member();
2265                }else{
2266                  alert(jdata.message);
2267                }
2268              }
2269          }
2270        });
2271      }
2272	  function trans2member(){
2273	    	    // location.href = 'member_login.php?lang=tw&g=cHJvZHVjdC5waHA%2FbGFuZz10dyZ0Yj0xJmNpZD03MQ%3D%3D';
2274      location.href = 'https://skyisland.com.tw/member_login.php?lang=tw&&g=cHJvZHVjdC5waHA%2FbGFuZz10dyZ0Yj0xJmNpZD03MQ%3D%3D';
2275	  }
2276
2277    </script>
2277
2278
2279    <!-- 
2279<script src="https://system21.webtech.com.tw/js-plugin/equalizeHeight.js" type="text/javascript"></script>
2279 -->
2280    
2280<script type="text/javascript">
2281      $( document ).ready(function() {
2282                setTimeout(function(){
2283          doresize();
2284        },400);
2285
2286        $( window ).resize(function() {
2287          $('.product_list_item').removeClass('nb1');
2288          $('.product_list_item .img').css({'height':'auto'});
2289          doresize();
2290        });
2291      });
2292
2293      function doresize(){
2294
2295        $(".layoutlist_4 select").css({'height':'auto'});
2296        if($(window).width() <= 480){
2297          $(".nocateselect").css({'opacity':'0'}).parent().hide();
2298        }else{
2299          $(".nocateselect").css({'opacity':'0', 'pointer-events': 'none'}).parent().show();
2300        }
2301
2302        var img_h = $('.product_list_item .img').eq(0).height(); // 取得第1個產品圖高
2303        var img_h2 = $('.product_list_item .subject').eq(1).height(); // 取得第2個名稱高
2304
2305        // 計算每個產品圖高,如果有比第1個高,就取代,img_h為最高的圖高
2306        $('.product_list_item .img1').each(function(){
2307          var tmp_h = $(this).height();
2308          if(tmp_h > img_h){
2309            // console.log($(this).find('img').attr('src'),tmp_h,img_h);
2310             img_h = tmp_h;
2311          }
2312        });
2313
2314        // 計算每個標題高,如果有比第1個高,就取代,img_h2 為最高的標題高
2315        $('.product_list_item .subject').each(function(){
2316          var tmp_h2 = $(this).height();
2317          if(tmp_h2 > img_h2){
2318            // console.log($(this).find('img').attr('src'),tmp_h,img_h);
2319             img_h2 = tmp_h2;
2320          }
2321        });
2322
2323        // 如果圖片高度小於100,就再執行一次 (應該用以推測圖片還沒載入完畢)
2324        if(img_h && img_h<=100){
2325          setTimeout(function(){
2326              doresize();
2327          },500);
2328          return false;
2329        }
2330
2331        $('.product_list_item .img').css({'height':img_h,'overflow':'hidden'});
2332        $('.product_list_item .subject').css({'height':img_h2,'overflow':'hidden'});
2333
2334
2335                // $('.product_list_item').equalizeHeight({ items_per_row: 4, group_by_parent : 'div' });
2336                  // $('.product_list_item').equalizeHeight({ items_per_row: 3, group_by_parent : 'div' });
2337        
2338                var max_h = 0;
2339        $('.product_list_item').css({'height':''});
2340        $('.product_list_item').each(function(){
2341          var tmp_h = $(this).outerHeight();
2342          if(tmp_h > max_h){
2343            max_h = tmp_h;
2344          }
2345        });
2346        $('.product_list_item').css({'height':max_h});
2347
2348
2349        $(".cate_div").each(function(){
2350          var pw = $(this).parent().width();
2351          var tit_w = $(this).find('.cate_title').width();
2352          $(this).css({'width':pw});
2353          $(this).find('select').eq(0).css({'width':pw-tit_w-4});
2354        });
2355
2356        $(".stands_options").each(function(){
2357          //1
2358          var pw = $(this).find('.stands_div').width();
2359          var tit_w = $(this).find('.stands_name').width();
2360          $(this).find('.stands_div').find('select').eq(0).css({'width':pw-tit_w-10});
2361
2362          var pw = $(this).find('.amount_div').width();
2363          var tit_w = $(this).find('.amount_name').width();
2364          $(this).find('.amount_div').find('select').eq(0).css({'width':pw-tit_w-10});
2365        });
2366
2367            //
2368      }
2369
2370
2371    </script>
2371
2372<div class="page" style="width:auto;position:relative;">
2373  <ul>
2374        <li class="page_active">1</li><li><a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71&currentpage=2" title="Page 2" aria-label="Page 2">2</a></li>        <li><a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71&currentpage=2" title="Next Page" aria-label="Next Page"><div class="page_next"></div></a></li>
2375    <li><a href="https://skyisland.com.tw/product.php?lang=tw&tb=1&cid=71&currentpage=2" title="Last Page" aria-label="Last Page"><div class="page_last"></div></a></li>
2376          	<div style="clear:both;"></div>  
2377  </ul>
2378  
2379</div>
2380<script>
2381function go_user_page(pageurl){
2382  var user_asignpage = parseInt($("#user_asignpage").val());
2383  // 條件搜尋用
2384  if (typeof advanced_search_submit === "function") {
2385    advanced_search_page(user_asignpage);
2386  }else{
2387    location.href=pageurl+'&currentpage='+user_asignpage;
2388  }
2389}
2390function advanced_search_page(pageto){
2391  $("#searcpage").val(pageto);
2392  $("#currentpage").val(pageto);
2393  advanced_search_submit();
2394}
2395</script>
2395
2396
2397            <!-- 只有在article_d內容頁才顯示 hashtag區塊 -->
2398            
2399
2400                        <div style="clear:both;" id="pagecontentend"></div>
2401                      </div>
2402        </div>
2403     </div>
2404     </section>
2405     <!--END-->
2406             	<div class="clear"></div>
2407    </div>
2408        	<div class="clear"></div>
2409    </section>
2410    <!-- footer load start -->    <div  class="  footer-section " id="panel_42"  page_style="footermain">
2411        <div  class=" panel_4 container " id="panel_43"  page_style="">
2412        <div  class=" panel_5 row " id="panel_47"  page_style="">
2413        <div  class=" panel_6 col-lg-6 col-md-6 col-sm-12 ft-left" id="panel_45"  page_style="">
2414        <style type="text/css">
2415    .RWDsocial001 .deficon{width: 25px;
2416    height: 25px;
2417    margin-top: -4px;
2418    margin-left: -4px;}
2419    .RWDsocial001 .deficon.icon_Instagram02{width:20px;height:20px;margin-top:-1px;margin-left:-1px;}
2420
2421
2422    </style>
2423    <div class="model RWDsocial001"   id="m_RWDBASE_PAT01_45_2" md_id="2" tp_id="45" template_id="RWDBASE_PAT01">
2424      <div id="social_media_wrapper">
2425       <a href="https://www.facebook.com/colorful.sky.island/" title="Facebook" target="_blank" aria-label="Facebook"><i class="fa"><img src="https://skyisland.com.tw/archive/image/web_community/_icon_1-1.png"  alt="Facebook" border="0"></i></a><a href="https://www.instagram.com/sky.island.muwu/?hl=zh-tw" title="Instagram" target="_blank" aria-label="Instagram"><i class="fa"><img src="https://skyisland.com.tw/archive/image/web_community/_icon_5.png"  alt="Instagram" border="0"></i></a>      </div>
2426      <div style="clear:both;"></div>
2427          </div>
2428
2429   
2430    <div class="model RWDedictor "   id="m_RWDBASE_PAT01_45_1" md_id="1" tp_id="45" template_id="RWDBASE_PAT01">
2431            <!--start-->
2432      <h1>天空島上的小木屋</h1>
2433
2434<div class="ft-left-left">
2435<p><i class="icon ion-android-mail"></i> 電子信箱:<a href="mailto:[email protected]">[email protected]</a><br />
2436<i class="icon ion-android-pin"></i> 天空島位址:宜蘭縣礁溪鄉時潮村塭底路70之12號<br />
2437<span style="font-size:14px;">宜蘭民宿913</span></p>
2438</div>
2439
2440<div class="ft-left-right"><a class="map_btn" href="https://goo.gl/maps/cLSMocsBA2o1GZgA6" target="_blank">Google Map <i class="icon ion-android-map"></i></a> <a class="traffic_btn" href="article.php?lang=tw&tb=4" title="">交通方式 <i class="icon ion-android-car"></i></a></div>
2441      <!--end-->
2442      <div style="clear:both;"></div>
2443          </div>
2444 
2445      	<div class="clear"></div>
2446    </div>
2447        <div  class=" panel_6 col-lg-6 col-md-6 col-sm-12 ft-right" id="panel_46"  page_style="">
2448     
2449    <div class="model RWDedictor "   id="m_RWDBASE_PAT01_46_1" md_id="1" tp_id="46" template_id="RWDBASE_PAT01">
2450            <!--start-->
2451      <a class="phone-ft" href="tel:0983-404-852">訂房服務電話<br class="visible-xs" />
2452<span><i class="icon ion-ios-telephone"></i> 0983-404-852</span></a>
2453
2454<p><span>歡迎您於 <span>9:00-21:00 時段</span>來電</span><br />
2455其餘時間請讓主人好好休息,以維持最佳狀態服務大家喔!<br />
2456請先瀏覽訂房相關注意事項,請同行的家人朋友們可以接受後再訂房喔!</p>
2457      <!--end-->
2458      <div style="clear:both;"></div>
2459          </div>
2460 
2461      	<div class="clear"></div>
2462    </div>
2463        	<div class="clear"></div>
2464    </div>
2465        <div  class=" panel_5 row ft-house " id="panel_51"  page_style="">
2466     
2467    <div class="model RWDedictor "   id="m_RWDBASE_PAT01_51_1" md_id="1" tp_id="51" template_id="RWDBASE_PAT01">
2468            <!--start-->
2469      <div style="text-align: center;"><img src="https://skyisland.com.tw/archive/image/RWDBASE_PAT01511/190731_ft_house.png" style="height: 90px; width: 250px;" /></div>
2470      <!--end-->
2471      <div style="clear:both;"></div>
2472          </div>
2473 
2474      	<div class="clear"></div>
2475    </div>
2476        <div  class=" panel_5 row ft-copy " id="panel_48"  page_style="">
2477     
2478    <div class="model RWDedictor "   id="m_RWDBASE_PAT01_48_1" md_id="1" tp_id="48" template_id="RWDBASE_PAT01">
2479            <!--start-->
2480      建議使用Chrome、Firefox、Safari最新版本瀏覽      <!--end-->
2481      <div style="clear:both;"></div>
2482          </div>
2483 
2484      <div class="model copyright"   id="m_RWDBASE_PAT01_48_2" md_id="2" tp_id="48" template_id="RWDBASE_PAT01">
2485      <span class="copyright_desc webfont_footer_copyright">Designed by 米洛<a href="https://www.webtech.com.tw/" target="_blank" aria-label="網頁設計">網頁設計</a></span>
2486      <div style="clear:both;"></div>
2487          </div>
2488      	<div class="clear"></div>
2489    </div>
2490        	<div class="clear"></div>
2491    </div>
2492        	<div class="clear"></div>
2493    </div>
2494    <!-- footer load end -->    	<div class="clear"></div>
2495    </div>
2496        	<div class="clear"></div>
2497    </div>
2498        <div  class="  fix-section " id="panel_17"  page_style="">
2499     
2500    <div class="model RWDedictor "   id="m_RWDPAGE_BASE_PAT01_17_1" md_id="1" tp_id="17" template_id="RWDPAGE_BASE_PAT01">
2501            <!--start-->
2502      <div class="visible-btn"><a href="https://traiwan.com/official/index.php?id=place-822438dc8deb3c19569cdd23bf75dcb3" target="_blank"><img src="https://skyisland.com.tw/archive/image/RWDBASE_PAT01401/210722_fixed.png" /></a></div>
2503
2504<div class="visible-btn-ph"><a href="https://traiwan.com/official/index.php?id=place-822438dc8deb3c19569cdd23bf75dcb3" target="_blank">訂房系統<img src="https://skyisland.com.tw/archive/image/RWDBASE_PAT01401/1224-btn-pic.png" /></a></div>
2505      <!--end-->
2506      <div style="clear:both;"></div>
2507          </div>
2508 
2509      	<div class="clear"></div>
2510    </div>
2511        <div  class="  scroll-section " id="panel_18"  page_style="">
2512        <div class="model scrollTop001"   id="m_RWDPAGE_BASE_PAT01_18_1" md_id="1" tp_id="18" template_id="RWDPAGE_BASE_PAT01"  style="position: fixed;">
2513      <aside class="icon" onclick="fn_scrollTop()"></aside>
2514            
2514<script type="text/javascript">
2515        function fn_scrollTop(){
2516          // $("html, body").animate({scrollTop:0}, '500', 'swing', function() { });     
2517
2518                    $("html, body").animate({scrollTop:0}, '500', 'swing', function() { });        
2519                  }
2520      $(function(){
2521       $(window).load(function(){
2522        $(window).bind('scroll resize', function(){
2523              // $(window).scroll(function() {
2524                 offsetTop = $(window).scrollTop(); 
2525                 if(offsetTop > 350){
2526                     $('.scrollTop001').stop().animate({opacity:"1"},100);
2527                 }else{
2528                   $('.scrollTop001').stop().animate({opacity:"0"},300);
2529                 }
2530              // });
2531       });
2532      });
2533      });
2534      </script>
2534    
2535            <div style="clear:both;"></div>
2536          </div>
2537      	<div class="clear"></div>
2538    </div>
2539        <div style="clear:both;"></div>
2540  </div>
2541
2542  
2542<script>
2543  	$(document).ready(function() {
2544		if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) {
2545			$(".fixiosiframe").each(function(){
2546				var f = $(this);
2547				f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no');
2548				var h = f.attr('height');
2549				var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>');
2550				$new.insertBefore(f);
2551				$new.prepend(f);
2552			});
2553
2554		}
2555    });
2556</script>
2556
2557<!--load external_js-->
2557<script src="https://system21.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.min.miracle.js?=v4.2"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/jquery.mobile.custom.min.js"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/main.js?v=10"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/modernizr.js"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/69d9237579.js"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/enscroll-0.6.1.min.js"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDmenu_plus02/js/jquery.touchSwipe.min.js"></script>
2557<script src="https://system21.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
2557<script src="https://system21.webtech.com.tw/js/slick/@1.8.0/slick.min.js"></script>
2557<!--load external_js end-->
2558<!--load footer_js-->
2558<script type="text/javascript" src="https://system21.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
2558<!--load footer_js end-->
2559
2560</body>
2561    
2561<script>
2562      const extra_marketing_parames = [];
2563    </script>
2563
2564    
2564<script defer type="text/javascript" src="https://system21.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
2564</html>
2565
2566<!--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.