master

分支 (1)

管理

管理

master

web-set-design
/
民宿.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="index" lang="zh-tw">

<head>
  <link rel="alternate" href="https://www.theadagio.com.tw/index.php?lang=tw" hreflang="zh-tw" />
  <link rel="alternate" href="https://www.theadagio.com.tw/index.php?lang=en" hreflang="en" />
  <link rel="alternate" href="https://www.theadagio.com.tw/index.php?lang=jp" hreflang="ja" />
  <link rel="alternate" href="https://www.theadagio.com.tw/" hreflang="x-default" />
  <meta http-equiv="content-language" content="zh-tw">
  <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Corporation",
    "name": "緩慢股份有限公司",
    "image": "https://www.theadagio.com.tw/archive/image/weblogo/logo_img01.png",
    "logo": "https://www.theadagio.com.tw/archive/image/weblogo/logo_img01.png",
    "@id": "https://www.theadagio.com.tw/",
    "url": "https://www.theadagio.com.tw/",
    "address": {
      "@type": "PostalAddress",
      "addressCountry": "TW"
    }

}
</script>
  <script>
    let gtag_inuse = false;
    let gtag_type4 = false;
    let fbq_inuse = false;
  </script>
  <!-- auto webmarketing-->
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GR6CVKQ4Q3"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-GR6CVKQ4Q3');
  </script>
  <script>gtag_inuse = true;</script>
  <script>gtag_type4 = true;</script>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500&family=Noto+Serif+TC:wght@200;300;400;500;600;700&display=swap');
  </style>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title lang="zh-tw">緩慢民宿 官方網站｜Adagio Boutique Guest House＆ Hotel</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <meta name="keywords" content="緩慢住宿,薰衣草森林住宿,慢旅,親子民宿包棟,森林民宿 花蓮,森林民宿 苗栗,台中民宿,緩慢民宿價格,親子民宿推薦,風格民宿">
  <meta name="description" content="旅行的深度，決定回味的長度。
緩慢與尋路，不只是旅宿，透過旅行方式與生活哲學，
帶給旅人美好的日常。">
  <meta name="author" content="緩慢股份有限公司" />
  <meta name="copyright" content="緩慢民宿" />
  <meta name="distribution" content="global" />
  <meta name="rating" content="general" />
  <meta name="robots" content="index,follow" />
  <meta property="og:title" content="緩慢民宿 官方網站｜Adagio Boutique Guest House＆ Hotel" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://www.theadagio.com.tw/index.php?lang=tw" />
  <meta property="og:description" content="旅行的深度，決定回味的長度。 緩慢與尋路，不只是旅宿，透過旅行方式與生活哲學， 帶給旅人美好的日常。" />
  <meta property="og:image" content="https://www.theadagio.com.tw/archive/image/header_info/index_1200_630.png" />
  <script>
    var tlang = "tw";
  </script>
  <script src="https://system49.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
  <script src="https://system49.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
  <link rel="icon" href="https://www.theadagio.com.tw/favicon.ico">
  <link rel="icon" href="https://www.theadagio.com.tw/icon.png" type="image/png">
  <link rel="stylesheet" href="https://system49.webtech.com.tw/public/css/animate.css?v=20220107" type="text/css"
    media="screen" />
  <link rel="stylesheet" href="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20220107"
    type="text/css" media="screen" />
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://system49.webtech.com.tw/css/bootstrap-min.css?mv=20220107">
  <!-- load external-->


  <link rel="stylesheet" type="text/css"
    href="https://system49.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.miracle.css?v=1">
  <link rel="stylesheet" type="text/css"
    href="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.min.css">
  <link rel="stylesheet" type="text/css" href="https://system49.webtech.com.tw/css/animate.min.css">
  <link rel="stylesheet" type="text/css"
    href="https://system49.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/slick-1.8.0/slick/slick.min.css">
  <link rel="stylesheet" type="text/css"
    href="https://system49.webtech.com.tw/font-icons/font-awesome-4.5.0/css/font-awesome.min.css"><!-- end -->
  <link
    href="https://system49.webtech.com.tw/public/template/RWDfullscreen01/model_css.php?v=20220107&key=cHViX3x8MjAyMjAwMTczX3x8UldEZnVsbHNjcmVlbjAx"
    rel="stylesheet" type="text/css" />
  <!--base css-->
  <!--end-->
  <link href="https://system49.webtech.com.tw/public/template/RWDfullscreen01/index.css?v=20220107" rel="stylesheet"
    type="text/css" />
  <link href="https://system49.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20220107"
    rel="stylesheet" type="text/css" />
  <link href="https://system49.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css"
    rel="stylesheet" type="text/css" crossorigin="anonymous" />
  <link rel="stylesheet"
    href="https://www.theadagio.com.tw/customization_css.php?p=eyJwYWdlIjoiaW5kZXgucGhwIiwidGVtcGxhdGVfaWQiOiJSV0RmdWxsc2NyZWVuMDEifQ%3D%3D&time=1667885840"
    type="text/css" />
  <link rel="stylesheet" href="https://system49.webtech.com.tw/public/template/base/init.css?v=20220107"
    type="text/css" />
  <script type="text/javascript" src="https://system49.webtech.com.tw/js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="https://system49.webtech.com.tw/js/jquery-ui.min.js"></script>
  <script src="https://system49.webtech.com.tw/js/lang/tw.js"></script>
  <script type="text/javascript" src="https://system49.webtech.com.tw/js/waypoints.min.js"></script>
  <script type="text/javascript" src="https://system49.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
  <script src="https://system49.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
  <script src="https://system49.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
  <script src="https://system49.webtech.com.tw/js/public.js?v=20220107" type="text/javascript"></script>
  <script src="https://system49.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
  <script src="https://system49.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
  <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
  <script src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
  <!-- web font  -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet" type="text/css">
  <script type="text/javascript"
    src="https://system49.webtech.com.tw/js-plugin/parallax/js/jquery.scrollTo-1.4.3.1-min.js"></script>
  <script type="text/javascript"
    src="https://system49.webtech.com.tw/js-plugin/parallax/js/jquery.localscroll-1.2.7-min.js"></script>
  <script type="text/javascript" src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js"></script>
  <script type="text/javascript">
    var isMobile = false;
    var isDesktop = false;
    $(window).on("load resize", function (e) {
      //mobile detection
      if (Modernizr.mq('only all and (max-width: 767px)')) {
        isMobile = true;
      } else {
        isMobile = false;
      }
      //tablette and mobile detection
      if (Modernizr.mq('only all and (max-width: 1024px)')) {
        isDesktop = false;
      } else {
        isDesktop = true;
      }
    });
  </script>
  <style type="text/css">
    .seofootercompany,
    .seofooterkeyword {
      font-size: 12px;
    }

    .seomainkey h2 {
      font-size: 12px;
      margin: 0px;
      padding: 0px;
      font-weight: normal;
      float: left;
      margin-right: 5px;
      line-height: 14px;
    }
  </style>
  <script>var showtotop = false;</script>
  <script src="https://system49.webtech.com.tw/js/bootstrap.min.js"></script>
  <script src="https://system49.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
  <script src="https://system49.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    var isMobile = false;
    var isDesktop = false;
    $(window).on("load resize", function (e) {
      //mobile detection
      if (Modernizr.mq('only all and (max-width: 767px)')) {
        isMobile = true;
      } else {
        isMobile = false;
      }
      //tablette and mobile detection
      if (Modernizr.mq('only all and (max-width: 1024px)')) {
        isDesktop = false;
      } else {
        isDesktop = true;
      }
    });
  </script>

  <script src="https://system49.webtech.com.tw/public/template/RWDfullscreen01/index.js?v=20220107"></script>
  <style type="text/css">
    .paneleffect,
    .paneleffect_v1 {
      opacity: 0;
    }

    .paneleffect.animated,
    .paneleffect_v1.animated {
      opacity: 1;
    }

    html,
    .paneleffect_page {
      opacity: 0;
    }

    html.effect,
    .paneleffect_page.animated {
      opacity: 1;
    }
  </style>
  <script type="text/javascript">

    // 監聽物件高度是否變化
    function onElementHeightChange(elm, callback) {
      var lastHeight = elm.clientHeight
      var newHeight;

      (function run() {
        newHeight = elm.clientHeight;
        if (lastHeight !== newHeight) callback();
        lastHeight = newHeight;

        if (elm.onElementHeightChangeTimer) {
          clearTimeout(elm.onElementHeightChangeTimer);
        }

        elm.onElementHeightChangeTimer = setTimeout(run, 200);
      })();
    }

    $(document).ready(function () {
      $('.template_panel_first').css('overflow', 'hidden');
      let ani_mod = $('.model');
      let modlen = ani_mod.length;
      for (let m_i = 0; m_i <= modlen; m_i++) {
        // 移除不適用模組 ↓↓↓
        if (!ani_mod.eq(m_i).is('.RWDfakeloader,.RWDmenu_plus01,.RWDmenu_plus02,.RWDmenu_plus03,.RWDmenu_plus04,.RWDhistory002,.scrollTop,.scrollTop002,.RWDmobile_bottom,.RWDbanner_plus01,.RWDparallax_new,.RWDalert01')) {
          ani_mod.eq(m_i).attr({ 'data-os-animation': 'fadeInUp', 'data-os-animation-duration': '1s' }).addClass('paneleffect_page');
        }
      }


      imagesLoaded(document.querySelector('body'), function (instance) {
        let outside90percent = $("body").height() - ($(window).height() * 0.1);
        $('.paneleffect_page').each(function () {
          if ($(this).offset().top > outside90percent) {
            $(this).attr('data-os-offset', '100%');
          }
        });
        $('.paneleffect').each(function () {
          if ($(this).height() < 200) {
            $(this).removeClass('paneleffect');
          }
        });
        onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
      });

      // 監聽body高度變化時要重跑入場動畫
      onElementHeightChange(document.body, function () {
        onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
      });


      function onScrollInit(items, trigger) {
        items.each(function () {
          var osElement = $(this),
            osoffset = osElement.attr('data-os-offset'),
            osAnimationClass = osElement.attr('data-os-animation'),
            osAnimationDelay = osElement.attr('data-os-animation-delay');
          osAnimationDuration = osElement.attr('data-os-animation-duration');
          if (typeof (osAnimationClass) == 'undefined') {
            osAnimationClass = 'fadeInUp';
          }
          if (typeof (osAnimationDelay) == 'undefined') {
            osAnimationDelay = '0.3s';
          }
          if (typeof (osoffset) == 'undefined') {
            osoffset = '90%';
          }
          if (typeof (osAnimationDuration) == 'undefined') {
            osAnimationDuration = '1s';
          }


          osElement.css({
            '-webkit-animation-delay': osAnimationDelay,
            '-moz-animation-delay': osAnimationDelay,
            'animation-delay': osAnimationDelay,
            '-webkit-animation-duration': osAnimationDuration,
            'animation-duration': osAnimationDuration,

          });

          var osTrigger = (trigger) ? trigger : osElement;

          osTrigger.waypoint(function () {
            osElement.addClass('animated').addClass(osAnimationClass);
          }, {
            triggerOnce: true,
            offset: osoffset
          });
        });
        $('html').addClass('effect');
      }
    });
  </script>
  <script type="text/javascript">
    var ajaxGet = null;
    var orgwapperh = 0;
    var nowtop = 0;
    function fn_openbox(url, parpms) {

      if (ajaxGet != null) {
        ajaxGet.abort();
      }
      nowtop = $(document).scrollTop();
      $("html,body").scrollTop(0).css({ 'overflow-x': 'hidden' });
      $("#loading_mask").css({ 'width': $(window).width() }).show();
      $('#boxcontent').html('').show().css({ 'min-height': $(window).height() + 'px' });

      $('#openbox').css({ 'left': $(window).width(), 'width': $(window).width() }).show();

      ajaxGet = $.ajax({
        type: 'post', //
        url: url,
        data: parpms,
        dataType: "html",
        success: function (datahtml) {
          $('#boxcontent').html(datahtml);
          $('#boxcontent .openbox_d').css({ 'min-height': $(window).height() - (37 * 2) + 'px' });
          $('#openbox').stop().animate({ 'left': 0 }, 800, function () {
            $("#loading_mask").hide();
            $('.wapper .panel').hide(0);
          });
          var images = $('#editor img');
          var link = null;
          var imgLen = images.length;
          for (var i = 0; i < imgLen; i++) {
            if (images[i].parentNode.tagName.toLowerCase() != 'a') {
              images[i].style.cursor = "pointer";
              link = document.createElement("a");
              link.href = images[i].src;
              $(link).addClass('fancybox').attr("rel", "group");
              images[i].alt = '點擊放大';
              images[i].title = '點擊放大';
              link.target = "_blank";
              images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i])
            }
          }
          $("#editor .fancybox").fancybox({
            'hideOnContentClick': true
          });

        },
        error: function (xhr, ajaxOptions, thrownError) {
          fn_close_box();
          $("body").append(xhr.status);
          $("body").append(xhr.responseText);
          //alert(thrownError);
        }
      });
    }

    function fn_close_box() {
      $('.wapper .panel').show(0);
      $('#openbox').stop().animate({ 'left': $(window).width() }, 800, function () {
        $(document).scrollTop(nowtop).css({ 'overflow-x': 'auto' });
        $('#boxcontent').html('').hide();
        $('#openbox').hide();
        $("#loading_mask").hide();
      });
    }
  </script>
  <script type="text/javascript">
    $(document).ready(function () {
      $(".fancybox.youtube").click(function () {
        $.fancybox({
          'padding': 0,
          'autoScale': false,
          'transitionIn': 'none',
          'transitionOut': 'none',
          'title': this.title,
          'width': 640,
          'height': 385,
          'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
          'type': 'swf',
          'swf': {
            'wmode': 'transparent',
            'allowfullscreen': 'true'
          }
        });
        return false;
      });
      $("a.fancyboximg").fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600, 'speedOut': 200, 'overlayShow': false });
    });
  </script>
  <style>
    .error {
      color: red;
    }
  </style>
  <!-- auto webmarketing-->
  <!-- Facebook Pixel Code -->
  <script>
    !function (f, b, e, v, n, t, s) {
      if (f.fbq) return; n = f.fbq = function () {
        n.callMethod ?
          n.callMethod.apply(n, arguments) : n.queue.push(arguments)
      };
      if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
      n.queue = []; t = b.createElement(e); t.async = !0;
      t.src = v; s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
      'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '929027131588389');
    fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=929027131588389&ev=PageView&noscript=1" /></noscript>
  <!-- End Facebook Pixel Code -->
  <script>fbq_inuse = true;</script>
</head>
<script>
  $(window).scroll(function () {
    var scroll = $(window).scrollTop();
    if (scroll >= 200) {
      $(".right_nav").addClass("right_nav_change");
    } else {
      $(".right_nav").removeClass("right_nav_change");
    }
  });
</script>

<body domain_is_safe="no" class="wrapper_bg  lang_tw" attr-type="www.theadagio.com.tw" attr-type2="www.theadagio.com.tw"
  attr-trans="Y" RID="">
  <div id="openbox">
    <div id="boxcontent">
    </div>
  </div>
  <div id="RWDfullscreen01" class="template_panel_first  localscroll web_202200173">
    <div class="  preloader " id="panel_42" page_style="">
      <style type="text/css">
        .template_panel_first {
          display: none;
        }
      </style>
      <div class="model RWDfakeloader" id="m_RWDfullscreen01_42_1" md_id="1" tp_id="42" template_id="RWDfullscreen01"
        style="position: fixed;z-index: 199999;">
        <img style="width:0px;height:0px" src="https://www.theadagio.com.tw/archive/image/index/loading_img.png?v=39864"
          alt="Loading" />
        <script>
          $(document).ready(function () {
            $(".template_panel_first").show();
            $("#m_RWDfullscreen01_42_1").fakeLoader({
              zIndex: 199999,
              timeToHide: 2000,
              bgColor: "#fff",
              imagePath: "https://www.theadagio.com.tw/archive/image/index/loading_img.png?v=39864"
            });
            // $( window ).resize();
            // $( window ).resize(function() {
            //   setTimeout(function(){
            //     $("body").removeClass('bodyhidden fakeLoadering');
            //   },2000);
            // });
          });
        </script>
        <div style="clear:both;"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="  menu-container " id="panel_1" page_style="headermain">
      <!--↓scrollbar套件 css↓-->
      <div class="model RWDmenu_plus04" id="m_RWDfullscreen01_1_1" md_id="1" tp_id="1" template_id="RWDfullscreen01">
        <header class="header">
          <div class="header-in">
            <div class="logo">
              <a href="index.php?lang=tw" aria-label="Logo">
                <img class="img-responsive" src="https://www.theadagio.com.tw/archive/image/weblogo/logo_img01.png"
                  alt="緩慢民宿">
              </a>
            </div>

            <nav class="site-nav">
              <div class="container">
                <ul class="menu">
                  <li level='1' org_link='#' showsize='2' class='has-child  '><a href='#' aria-label='尋找館別'>尋找館別</a>
                    <ul>
                      <li level='2' org_link='article.php?lang=tw&tb=6' showsize='2' class='  '><a
                          href='article.php?lang=tw&tb=6' aria-label='緩慢 金瓜石'>緩慢 金瓜石</a></li>
                      <li level='2' org_link='article_d.php?lang=tw&tb=7&id=184' showsize='2' class='  '><a
                          href='article_d.php?lang=tw&tb=7&id=184' aria-label='緩慢 石梯坪'>緩慢 石梯坪</a></li>
                      <li level='2' org_link='article_d.php?lang=tw&tb=11&id=538' showsize='2' class='  '><a
                          href='article_d.php?lang=tw&tb=11&id=538' aria-label='緩慢 北海道'>緩慢 北海道</a></li>
                      <li level='2' org_link='article_d.php?lang=tw&tb=8&id=220' showsize='2' class='  '><a
                          href='article_d.php?lang=tw&tb=8&id=220' aria-label='尋路 台中香草House'>尋路 台中香草House</a></li>
                      <li level='2' org_link='article.php?lang=tw&tb=9&id=256' showsize='2' class='  '><a
                          href='article.php?lang=tw&tb=9&id=256' aria-label='尋路 苗栗綠波浪'>尋路 苗栗綠波浪</a></li>
                      <li level='2' org_link='article_d.php?lang=tw&tb=10&id=292' showsize='2' class='  '><a
                          href='article_d.php?lang=tw&tb=10&id=292' aria-label='尋路 花蓮石梯灣118'>尋路 花蓮石梯灣118</a></li>
                      <li level='2' org_link='https://www.straybirds.com.tw' showsize='2' class='  '><a
                          href='https://www.straybirds.com.tw' aria-label='漂鳥 青年旅館' target="_blank">漂鳥 青年旅館</a></li>
                    </ul>
                  </li>
                  <li level='1' org_link='article.php?lang=tw&tb=2&ot=all' showsize='2' class='has-child  '><a
                      href='article.php?lang=tw&tb=2&ot=all' aria-label='活動新訊'>活動新訊</a>
                    <ul>
                      <li level='2' org_link='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=130&ot=all'
                        showsize='2' class='  '><a
                          href='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=130&ot=all'
                          aria-label='媒體報導'>媒體報導</a></li>
                      <li level='2' org_link='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=154&ot=all'
                        showsize='2' class='  '><a
                          href='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=154&ot=all'
                          aria-label='展覽'>展覽</a></li>
                      <li level='2' org_link='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=76&ot=all'
                        showsize='2' class='  '><a
                          href='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=76&ot=all'
                          aria-label='公告'>公告</a></li>
                    </ul>
                  </li>
                  <li level='1' org_link='article.php?lang=tw&tb=3' showsize='' class='  '><a
                      href='article.php?lang=tw&tb=3' aria-label='森旅人'>森旅人</a></li>
                  <li level='1' org_link='article.php?lang=tw&tb=4' showsize='' class='  hidden-lg'><a
                      href='article.php?lang=tw&tb=4' aria-label='立即訂房'>立即訂房</a></li>
                </ul>
              </div>
            </nav>

            <!--↓選單開關↓-->
            <a href="#ml-stack-nav-1" class="ml-stack-nav-toggle" title="Toggle the navigation"
              aria-label="Toggle the navigation">
              <i>MENU</i>
              <span class="ml-stack-nav-toggle__line"></span>
              <span class="ml-stack-nav-toggle__line"></span>
              <span class="ml-stack-nav-toggle__line"></span>
            </a>

            <!--↓功能列↓-->
            <div class="features">
              <!--↓語系↓-->
              <div class="lang-select">
                <div class="lang-select-label no-symbol">
                  <i class="fa ic_lang-select" aria-hidden="true"></i>

                  <i class="lang-select-symbol">(</i>

                  <span>繁中</span>
                  <i class="lang-select-symbol">)</i>
                </div>
                <ul class="lang-select-options" style="display:none; width:170px;">
                  <li>
                    <a href="index.php?lang=tw" aria-label="繁中">
                      <span>繁中</span>
                    </a>
                  </li>
                  <li>
                    <a href="index.php?lang=en" aria-label="EN">
                      <span>EN</span>
                    </a>
                  </li>
                  <li>
                    <a href="index.php?lang=jp" aria-label="日文">
                      <span>日文</span>
                    </a>
                  </li>
                </ul>
              </div>
              <!--↓社群↓-->
              <div class="share-group main_share">
                <a title="立即訂房" href="article.php?lang=tw&tb=4">
                  <span>立即訂房</span> </a>
              </div>


              <div class="edit">
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </header>


        <!--↓ 行動版↓ -->
        <div id="mobile-menu">
          <div class="menu-icon close-btn">CLOSE</div>
          <!--↓行動選單↓-->
          <div class="main-menu">
            <ul class="menu">
              <li class='can-link  ' level='1' showsize='2'><a href='#' aria-label='尋找館別'>尋找館別</a>
                <ul>
                  <li class='can-link  ' level='2' showsize='2'><a href='article.php?lang=tw&tb=6'
                      aria-label='緩慢 金瓜石'>緩慢 金瓜石</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a href='article_d.php?lang=tw&tb=7&id=184'
                      aria-label='緩慢 石梯坪'>緩慢 石梯坪</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a href='article_d.php?lang=tw&tb=11&id=538'
                      aria-label='緩慢 北海道'>緩慢 北海道</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a href='article_d.php?lang=tw&tb=8&id=220'
                      aria-label='尋路 台中香草House'>尋路 台中香草House</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a href='article.php?lang=tw&tb=9&id=256'
                      aria-label='尋路 苗栗綠波浪'>尋路 苗栗綠波浪</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a href='article_d.php?lang=tw&tb=10&id=292'
                      aria-label='尋路 花蓮石梯灣118'>尋路 花蓮石梯灣118</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a href='https://www.straybirds.com.tw'
                      aria-label='漂鳥 青年旅館' target="_blank">漂鳥 青年旅館</a></li>
                </ul>
              </li>
              <li class='can-link  ' level='1' showsize='2'><a href='article.php?lang=tw&tb=2&ot=all'
                  aria-label='活動新訊'>活動新訊</a>
                <ul>
                  <li class='can-link  ' level='2' showsize='2'><a
                      href='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=130&ot=all'
                      aria-label='媒體報導'>媒體報導</a></li>
                  <li class='can-link  ' level='2' showsize='2'><a
                      href='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=154&ot=all' aria-label='展覽'>展覽</a>
                  </li>
                  <li class='can-link  ' level='2' showsize='2'><a
                      href='https://www.theadagio.com.tw/article.php?lang=tw&tb=2&cid=76&ot=all' aria-label='公告'>公告</a>
                  </li>
                </ul>
              </li>
              <li class='can-link  ' level='1' showsize=''><a href='article.php?lang=tw&tb=3' aria-label='森旅人'>森旅人</a>
              </li>
              <li class='can-link hidden-lg ' level='1' showsize=''><a href='article.php?lang=tw&tb=4'
                  aria-label='立即訂房'>立即訂房</a></li>
              <div class="phone-menubelow">
              </div>
              <!--↓copyright 後台可輸入文字↓-->
          </div>
        </div>

        <div class="overlay"></div>
        <!-- 購物車 -->

        <!-- 詢問車 -->

        <!-- 會員介面 -->
        <div style="clear:both;"></div>
      </div>
      <script>
        var pub_web_memberLogin_btn = null;
      </script>
      <script>
        $(document).ready(function () {
          $(".lang-select-label").bind("mouseenter", function () {
            $(this).next().show();
          })
          $(".lang-select").bind("mouseleave", function () {
            $(this).children("ul").hide();
          })
        })
      </script>
      <script>
        //滿版搜尋關閉按鈕
        $(document).ready(function () {
          $(window).scroll(function () {
            var scroll = $(window).scrollTop();
            if (scroll >= 1) {
              $(".RWDmenu_plus04 .header").addClass("is-up");
            } else {
              $(".RWDmenu_plus04 .header").removeClass("is-up");
            }
          });

          let nav_h = $('.RWDmenu_plus04 .header').height();
          /* 寬滿版模式 + 顯示列表圖功能，使用 ↓*/
          let drop_menu_pic = $('.RWDmenu_plus04 .SPV2');
          $(".RWDmenu_plus04 .header").prepend(drop_menu_pic); /* html外移到 header裡，達到全滿版樣式 */
          drop_menu_pic.css({ "max-height": 'calc(80vh - ' + nav_h + 'px)', "overflow-x": "auto" });/*限制高度最高=(80vh-選單自身高度)*/
          drop_menu_pic.addClass('full');
          /* 寬滿版模式 + 顯示列表圖功能，使用 ↑*/

          let drop_menu = $('.RWDmenu_plus04 .SP');
          drop_menu.css({ "max-height": 'calc(80vh - ' + nav_h + 'px)', "overflow-x": "auto" });/*限制高度最高=(80vh-選單自身高度)*/


          $("html").removeClass("no-js");
          $(".js-ml-stack-nav").mlStackNav();
          // open nav
          var menu_btn = $('.ml-stack-nav-toggle')
          var nav = $('#mobile-menu')
          var overlay = $('.RWDmenu_plus04 .overlay')

          menu_btn.click(function () {
            overlay.addClass("is-open");
          });
          //close nav
          overlay.click(function () {
            $(this).removeClass("is-open");
            // nav.removeClass("is-open");
            // nav.find('li').removeClass('is-open');
            menu_btn.removeClass("is-active");
            $('body').removeClass("menu-open");
            $('body').removeClass('other-open');

            $(".cart-block,.querycar-block").removeClass("is-open");

          });
          $(".close-btn").click(function () {
            // nav.removeClass("is-open");
            // nav.find('li').removeClass('is-open');
            menu_btn.removeClass("is-active");
            $('body').removeClass('menu-open');

            overlay.removeClass("is-open");
          });
          $("#mobile-menu .can-link a[href*=#]:not([href=#])").on("click", function () {
            menu_btn.removeClass("is-active");
            $('body').removeClass('menu-open');
            overlay.removeClass("is-open");
          });
          //member-block
          //search

          /*判斷有無輪播圖*/
          $('.dropdown-menu').has('.pic-box').addClass('haspic');
          $('.haspic').each(function () {
            $(this).find('figure').css('background-image', 'url(' + $(this).find('li.manu-item').first().children('a').attr('url') + ')');
            $(this).find('div.pic-box').find('a').attr('href', $(this).find('li.manu-item').first().children('a').attr('href'));
            var pic_boc_div = this;
            $(this).find('li').each(function () {
              $(this).find('a').mouseenter(function () {
                $(pic_boc_div).find('figure').css('background-image', 'url(' + $(this).attr('url') + ')');
                $(pic_boc_div).find('div.pic-box').find('a').attr('href', $(this).attr('href'));
              })
            })
          })
          /*scrollbar套件*/
          $(".RWDmenu_plus04 .main-menu,.RWDmenu_plus04 .inside").mCustomScrollbar({
            axis: "y",
            theme: "dark-3",
            scrollInertia: 550,
            scrollButtons: "enable: boolean"
          });

        })

        var needreloadquerycar = true;
        var NOW_QUERYCAR_TOTAL_AMOUNT = 0;
        function change_lang(elm) {
          location.href = $(elm).val();
        }
        // 新增展開會員滑出事件，供其他區域呼叫
        function memu_quickOpenMemberBox() {
          let member_block = document.querySelector('.RWDmenu_plus04 .member-block');
          let overlay = document.querySelector('.RWDmenu_plus04 .overlay');
          if (typeof (member_block) != 'undefined' && member_block != null) {
            $('body').addClass('other-open');
            member_block.classList.add('is-open');
            overlay.classList.add('is-open');
          }
        }
      </script>
      <div class="clear"></div>
    </div>
    <div class="  main cd-main-content" id="panel_43" page_style="">
      <div class=" panel_1 banner_block " id="panel_6" page_style="">

        <style>
          .ytplayer-container.background {
            display: none;
          }

          /* @media screen and (min-width: 1200px) {
    .fancybox-overlay{z-index:999999!important;}
    }); */
        </style>

        <div id="m_RWDfullscreen01_6_1" md_id="1" tp_id="6" template_id="RWDfullscreen01" class="model RWDvideo001 "
          style="width:100%;overflow:hidden;">
          <div class="video"
            style="background-image:url('https://www.theadagio.com.tw/archive/image/model/images/0629_banner.jpg')"
            PC="https://www.theadagio.com.tw/archive/image/model/images/0629_banner.jpg"
            NOTE="https://www.theadagio.com.tw/archive/image/model/images/0629_banner.jpg"
            PAD="https://www.theadagio.com.tw/archive/image/model/images/0629_banner.jpg"
            PHONE="https://www.theadagio.com.tw/archive/image/model/images/0629_banner.jpg"
            id="m_RWDfullscreen01_6_1_video">
          </div>
          <div class="info ">
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_pc_link"
              aria-label="播放影片"></a>
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_note_link"
              aria-label="播放影片"></a>
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_pad_link"
              aria-label="播放影片"></a>
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_mobile_link"
              aria-label="播放影片"></a>

            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_pop_video_url"
              aria-label="播放影片"></a>
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_note_pop_video_url"
              aria-label="播放影片"></a>
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_pad_pop_video_url"
              aria-label="播放影片"></a>
            <a href="#" onclick="return false;" style="display:none;" id="m_RWDfullscreen01_6_1_mobile_pop_video_url"
              aria-label="播放影片"></a>
            <div class="summary">
              <div class="bn_txt">慢一點，靈魂才會跟得上<br />
                <span>點擊畫面播放</span>
              </div>
            </div>
            <div class="btn2play" style="display:none;">
              <i class="fa fa-play" aria-hidden="true"></i>
              <div>PLAY</div>
            </div>
          </div>
          <div style="clear:both;"></div>
        </div>
        <div id="m_RWDfullscreen01_6_1popframe"
          style="display:none;position:fixed;width:100%;height:100%;background: #000;opacity:0.5">
          <div id="m_RWDfullscreen01_6_1popframe_inner">
            <iframe width="100%" height="100%" src="" frameborder="0" allow="autoplay; encrypted-media"
              allowfullscreen></iframe>
          </div>
        </div>


        <script type="text/javascript" language="javascript">
          /*判斷哪種瀏覽器*/
          var userAgent = navigator.userAgent;
          var isEdge = userAgent.indexOf("Edge") > -1;
          if (isEdge) {
            $('.RWDvideo001 .video').css("background-attachment", "inherit");
          }
          /*判斷哪種瀏覽器*/

          var m_RWDfullscreen01_6_1isshow = false;
          $(document).ready(function () {

            fn_m_RWDfullscreen01_6_1_resize(true);
            $(window).resize(function () {
              fn_m_RWDfullscreen01_6_1_resize(false);
            });
            $("#m_RWDfullscreen01_6_1").addClass('show');

            $("#m_RWDfullscreen01_6_1 .mouse").addClass('fadeInDown animated15');

            $("#m_RWDfullscreen01_6_1 .btn2play").click(function () {
              m_RWDfullscreen01_6_1player.playVideo();
              $("#m_RWDfullscreen01_6_1 .ytplayer-player-inline").show();
              $('#m_RWDfullscreen01_6_1_video .ytplayer-container.background').show();
              $("#m_RWDfullscreen01_6_1 .btn2pause").show();
              $("#m_RWDfullscreen01_6_1 .btn2play").hide();
            });
            //


            var m_RWDfullscreen01_6_1player = null;
            $('#m_RWDfullscreen01_6_1 .info').trigger('click');
            $('#m_RWDfullscreen01_6_1_video').YTPlayer({
              playerVars: {
                rel: 0,
                autoplay: 1,
                modestbranding: 1,
                controls: 0,
                showinfo: 0,
                branding: 0,
                autohide: 0
              },
              width: $("#m_RWDfullscreen01_6_1").width(),
              fitToBackground: false,
              mute: true,
              repeat: true,
              videoId: 'hK0n6e7yR4E',
              callback: function () {
                m_RWDfullscreen01_6_1player = $('#m_RWDfullscreen01_6_1_video').data('ytPlayer').player;

                $('#m_RWDfullscreen01_6_1 .ytplayer-container.background').show();

              }
            });


            $("#m_RWDfullscreen01_6_1 .info").hover(
              function () {
                $(this).addClass('show');
              }, function () {
                $(this).removeClass('show');
              }
            );


          });
          function fn_m_RWDfullscreen01_6_1_resize(init) {
            var hh = $(window).height();

            var _ww = $("#m_RWDfullscreen01_6_1").width();
            $("#m_RWDfullscreen01_6_1 .video").css({ 'width': _ww, 'height': hh });
            $("#m_RWDfullscreen01_6_1").css({ 'height': hh });

            var ww = $(window).width();
            if (ww > 1366) {
              img = $("#m_RWDfullscreen01_6_1_video").attr('PC');
            } else if (ww > 768) {
              img = $("#m_RWDfullscreen01_6_1_video").attr('NOTE');
            } else if (ww > 414) {
              img = $("#m_RWDfullscreen01_6_1_video").attr('PAD');
            } else {
              img = $("#m_RWDfullscreen01_6_1_video").attr('PHONE');
            }
            $("#m_RWDfullscreen01_6_1_video").css('background-image', 'url(' + img + ')');

          }
        </script>


        <div class="model RWDedictor " id="m_RWDfullscreen01_6_2" md_id="2" tp_id="6" template_id="RWDfullscreen01">
          <!--start-->
          <div class="bn_icon"><a href="#panel_44"><img
                src="https://www.theadagio.com.tw/archive/image/model/editor/scrolldown_img.png" /><b>請往下滑</b></a></div>
          <!--end-->
          <div style="clear:both;"></div>
        </div>

        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_01 " id="panel_44" page_style="">
        <div class=" panel_2 container " id="panel_55" page_style="">
          <style>
          </style>
          <div class="model RWDedictor008 " id="m_RWDfullscreen01_55_1" md_id="1" tp_id="55"
            template_id="RWDfullscreen01" new_edit="Y">
            <div class="top_block">
              <div class="title_block paneleffect_v1">
                <h2>一趟靈魂的旅程</h2>

                <h2>一場自我的追尋</h2>
              </div>

              <div class="img_block paneleffect_v1"><img alt="緩慢、尋路內部空間"
                  src="https://www.theadagio.com.tw/archive/image/model/images/img01.jpg" />
                <p>旅行的深度，決定回味的長度。</br>緩慢與尋路，不只是旅宿，透過旅行方式與生活哲學，</br>帶給旅人美好的日常。</p>
              </div>
            </div>

            <div class="bottom_img paneleffect_v1"><img alt="緩慢、尋路周圍環境"
                src="https://www.theadagio.com.tw/archive/image/model/images/img02.jpg" /></div>
            <div style="clear:both;"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_02 " id="panel_45" page_style="">
        <div class=" panel_2 xcontainer " id="panel_57" page_style="">
          <div class=" panel_3 title_block " id="panel_79" page_style="">
            <style>
            </style>
            <div class="model RWDedictor008 " id="m_RWDfullscreen01_79_1" md_id="1" tp_id="79"
              template_id="RWDfullscreen01" new_edit="Y">
              <h2>系列民宿</h2>

              <div class="brand_block"><a class="logo_box01" href="#panel_80"><img alt="緩慢民宿"
                    src="https://system49.webtech.com.tw/web/202200173/archive/image/model/images/logo_img01-2_156_ 132.png" /></a>
                <a class="logo_box02" href="#panel_81"><img alt="尋路民宿"
                    src="https://system49.webtech.com.tw/web/202200173/archive/image/model/images/logo_img02-2_156_ 132.png" /></a>
              </div>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 tex_block brand_bimg" id="panel_80" page_style="">


            <div class="model RWDleft_cont002" id="m_RWDfullscreen01_80_1" md_id="1" tp_id="80"
              template_id="RWDfullscreen01">
              <div class="container">
                <div class=" item-second">
                  <a href="#" onclick='return false;' aria-label="緩慢民宿" title="緩慢民宿" onclick='return false;'>
                    <div class="pic">
                      <img class="img-responsive" src="https://www.theadagio.com.tw/archive/image/index/img03.jpg"
                        alt="緩慢民宿">
                    </div>
                  </a>
                  <div class="text-box">
                    <div class="title">緩慢民宿</div>
                    <div class="subtitle"></div>
                    <div class="underline"></div>
                    <div class="text">
                      <div class="s_txt">
                        <div class="img_block"><img
                            src="https://www.theadagio.com.tw/archive/image/model/editor/logo_img01-2.png" /></div>

                        <p>慢一點，靈魂才會跟得上。<br />
                          緩慢的Adagio，代表音樂中的慢板。<br />
                          慢下來，才能看見生活中真正美麗的風景；<br />
                          慢下來，才能了解人生中真正重要的價值。</p>
                      </div>
                    </div>
                    <a href="#" aria-label="了解更多" title="了解更多" onclick='return false;'>了解更多</a>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div style="clear:both;"></div>
              </div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_03 " id="panel_46" page_style="">
        <div class=" panel_2 container " id="panel_58" page_style="">
          <div class=" panel_3 title_block " id="panel_77" page_style="">
            <style>
            </style>
            <div class="model RWDedictor008 " id="m_RWDfullscreen01_77_1" md_id="1" tp_id="77"
              template_id="RWDfullscreen01" new_edit="Y">
              <h2>慢旅行，深土地，找自己</h2>

              <p>透過空間、服務、選書、音樂電影等體驗設計，傳遞慢的真義。 </br>緩慢的旅行，從歸零到啟發；緩慢的速度，細細品味這個世界。 </p>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 service_box " id="panel_78" page_style="">
            <div class="model RWDService001" id="m_RWDfullscreen01_78_1" md_id="1" tp_id="78"
              template_id="RWDfullscreen01">
              <div class="section-subject row">
                <div class="col-md-12">
                  <h1 class="main-title">Our services</h1>
                  <h2 class="sub-title">We are doing a couple of things you might be interested in</h2>
                  <div class="section-line"></div>
                </div>
              </div>

              <div class="row"> <a href="javascript:;pointer-events: none;" aria-label="地方當令食物設計">
                  <div class="col-md-3 col-sm-6">
                    <article class="boxFeature-2">
                      <i class="iconBig"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/0713_service_01.jpg"
                          alt="地方當令食物設計" class="img-responsive" /></i>
                      <h2>地方當令食物設計</h2>
                      <p></p>
                    </article>
                  </div>
                </a>
                <a href="javascript:;pointer-events: none;" aria-label="溫暖真誠款待旅人">
                  <div class="col-md-3 col-sm-6">
                    <article class="boxFeature-2">
                      <i class="iconBig"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/0713_service_02.jpg"
                          alt="溫暖真誠款待旅人" class="img-responsive" /></i>
                      <h2>溫暖真誠款待旅人</h2>
                      <p></p>
                    </article>
                  </div>
                </a>
                <a href="javascript:;pointer-events: none;" aria-label="永續支持在地藝術">
                  <div class="col-md-3 col-sm-6">
                    <article class="boxFeature-2">
                      <i class="iconBig"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/0713_service_03.jpg"
                          alt="永續支持在地藝術" class="img-responsive" /></i>
                      <h2>永續支持在地藝術</h2>
                      <p></p>
                    </article>
                  </div>
                </a>
              </div>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_04 carousel_box paneleffect_v1" id="panel_47" page_style="">
        <div class=" panel_2 container " id="panel_59" page_style="">

          <div class="model RWDbanner_plus01   " id="m_RWDfullscreen01_59_1" md_id="1" tp_id="59"
            template_id="RWDfullscreen01" style="opacity: 0;">
            <div class="RWDbanner_plus01  style-dotnav control-center dot" data-imgfrom="模組">
              <div class="setheight">
                <div class="pc"></div>
                <div class="note"></div>
                <div class="pad"></div>
                <div class="phone"></div>
              </div>
              <div class="banner-slider ">
                <div class="slick-item slickitem01">
                  <div class="slick-caption txt-left chang_fontSize">
                    <div class="container">
                      <div class="logo fadeInLeft01"
                        PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0159287001661233628.png"
                        NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0159287001661233628.png"
                        PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0159287001661233628.png"
                        PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0159287001661233628.png"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/rnd0159287001661233628.png"
                          alt="logo"></div>
                      <div class="txt1 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢金瓜石　新北市瑞芳區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>遺世礦城的寧靜天堂｜山月慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=6" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/jinguashi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢金瓜石　新北市瑞芳區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>遺世礦城的寧靜天堂｜山月慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=6" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/jinguashi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢金瓜石　新北市瑞芳區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>遺世礦城的寧靜天堂｜山月慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=6" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/jinguashi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢金瓜石<br />
                          新北市瑞芳區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>遺世礦城的寧靜天堂<br />
                          山月慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=6" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/jinguashi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                    </div>
                  </div>
                  <div class="pic-box">
                    <!-- 首頁顯示區塊 -->
                    <div class="pic " style="text-align:right;"
                      PC="https://www.theadagio.com.tw/archive/image/model/images/bn_img01.jpg"
                      NOTE="https://www.theadagio.com.tw/archive/image/model/images/bn_img01.jpg"
                      PAD="https://www.theadagio.com.tw/archive/image/model/images/bn_img01.jpg"
                      PHONE="https://www.theadagio.com.tw/archive/image/model/images/bn_img01.jpg" imgalt="緩慢金瓜石">
                      <img src="https://www.theadagio.com.tw/archive/image/model/images/bn_img01.jpg" alt="緩慢金瓜石">
                    </div>
                    <!-- ↑↑模改跑分之前的html結構 -->
                  </div>
                  <!--↓商品圖片區塊 20180523新增↓-->
                  <!--↑商品圖片區塊 20180523新增↑-->

                </div>
                <div class="slick-item slickitem02">
                  <div class="slick-caption txt-left chang_fontSize">
                    <div class="container">
                      <div class="logo fadeInLeft01"
                        PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                        NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                        PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                        PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                          alt="logo"></div>
                      <div class="txt1 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢石梯坪　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>壯闊山海的部落巡禮｜山海慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=7&id=184" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/shihtiping/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢石梯坪　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>壯闊山海的部落巡禮｜山海慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=7&id=184" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/shihtiping/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢石梯坪　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>壯闊山海的部落巡禮｜山海慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=7&id=184" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/shihtiping/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢石梯坪　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>壯闊山海的部落巡禮<br />
                          山海慢食－季節性無菜單晚餐</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=7&id=184" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/shihtiping/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                    </div>
                  </div>
                  <div class="pic-box">
                    <!-- 首頁顯示區塊 -->
                    <div class="pic " style="text-align:right;"
                      PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0676897001660881468.jpg"
                      NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0676897001660881468.jpg"
                      PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0676897001660881468.jpg"
                      PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0676897001660881468.jpg"
                      imgalt="緩慢石梯坪">
                      <img src="https://www.theadagio.com.tw/archive/image/model/images/rnd0676897001660881468.jpg"
                        alt="緩慢石梯坪">
                    </div>
                    <!-- ↑↑模改跑分之前的html結構 -->
                  </div>
                  <!--↓商品圖片區塊 20180523新增↓-->
                  <!--↑商品圖片區塊 20180523新增↑-->

                </div>
                <div class="slick-item slickitem03">
                  <div class="slick-caption txt-left chang_fontSize">
                    <div class="container">
                      <div class="logo fadeInLeft01"
                        PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0317941001661938845.png"
                        NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0317941001661938845.png"
                        PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0317941001661938845.png"
                        PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0317941001661938845.png"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/rnd0317941001661938845.png"
                          alt="logo"></div>
                      <div class="txt1 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢北海道　日本北海道美瑛町</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>北國純粹的四季極境｜北海道慢食—季節性無菜單料理</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=11&id=538" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hokkaido/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a><br />
                        </span>
                      </div>
                      <div class="txt1 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢北海道　日本北海道美瑛町</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>北國純粹的四季極境｜北海道慢食—季節性無菜單料理</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=11&id=538" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hokkaido/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a><br />
                        </span>
                      </div>
                      <div class="txt1 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢北海道　日本北海道美瑛町</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>北國純粹的四季極境｜北海道慢食—季節性無菜單料理</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=11&id=538" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hokkaido/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a><br />
                        </span>
                      </div>
                      <div class="txt1 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>緩慢北海道<br />
                          日本北海道美瑛町</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>北國純粹的四季極境<br />
                          北海道慢食－季節性無菜單料理</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=11&id=538" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hokkaido/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a><br />
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="pic-box">
                    <!-- 首頁顯示區塊 -->
                    <div class="pic " style="text-align:right;"
                      PC="https://www.theadagio.com.tw/archive/image/model/images/booking_hokkaido.jpg"
                      NOTE="https://www.theadagio.com.tw/archive/image/model/images/booking_hokkaido.jpg"
                      PAD="https://www.theadagio.com.tw/archive/image/model/images/booking_hokkaido.jpg"
                      PHONE="https://www.theadagio.com.tw/archive/image/model/images/booking_hokkaido.jpg"
                      imgalt="緩慢北海道">
                      <img src="https://www.theadagio.com.tw/archive/image/model/images/booking_hokkaido.jpg"
                        alt="緩慢北海道">
                    </div>
                    <!-- ↑↑模改跑分之前的html結構 -->
                  </div>
                  <!--↓商品圖片區塊 20180523新增↓-->
                  <!--↑商品圖片區塊 20180523新增↑-->

                </div>
              </div>
              <div class="plus-banner-container">
                <div class="control-box clearfix">
                  <div class="control">
                    <div class="items"></div>
                  </div>
                </div>
              </div>
            </div>
            <div style="clear:both;"></div>
          </div>
          <!-- model end-->
          <script type="text/javascript">
            //寬版用init全域變數
            var BYT_INIT_I = 0;
            //判斷是否為行動裝置
            var isMobile = false;
            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)
              || /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.substr(0, 4))) isMobile = true;
            GetRumdomStr = function () {
              var str = "";
              var maxNum = 10;
              var minNum = 0;
              var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
              for (var i = 1; i <= 4; i++) {
                n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
                str += n.toString();
              }
              // console.log(str);
              return str;
            };

            $(document).ready(function () {
              $(".full_page_photo").css({ 'height': $("#m_RWDfullscreen01_59_1").outerHeight() });
              if ($('.collapsing_header .main').size() > 0) {
                var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight();
                $('.collapsing_header .main').css("top", total_height);
              }

              if ($('#m_RWDfullscreen01_59_1 img').size() == 0) {
                init_banner_plus01_RWDfullscreen01591();
              } else {
                $('#m_RWDfullscreen01_59_1').imagesLoaded(function () {
                  init_banner_plus01_RWDfullscreen01591();
                });
              }

              $(window).on("resize", function (e) {
                fullscreenImage_RWDfullscreen01591();
                setTimeout(function () {
                  bannerSetHeight_RWDfullscreen01591();
                }, 100)
              });
            });
            function init_banner_plus01_RWDfullscreen01591() {
              fullscreenImage_RWDfullscreen01591();
              $('#m_RWDfullscreen01_59_1').css({ 'opacity': 1 });
              if ($('#m_RWDfullscreen01_59_1 .pic-box').size() < 2) {
                $('#m_RWDfullscreen01_59_1 .control-box, #m_RWDfullscreen01_59_1 .slick-arrow').hide();
              }
              let slick_tmp = null;
              slick_tmp = $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.style-dotnav .banner-slider');
              slick_tmp.not('#m_RWDfullscreen01_59_1 .slick-initialized').slick({
                lazyLoad: 'ondemand',//lazyload
                autoplay: false,
                dots: true,
                arrows: true,
                pauseOnHover: false,
                pauseOnFocus: false,
                speed: 700,
                fade: true,
                appendDots: $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 .control-box .control .items'),
                adaptiveHeight: true,
                swipeToSlide: true,
                touchThreshold: 20000,
                waitForAnimate: false,
                responsive: [
                  {
                    breakpoint: 767,
                    settings: {
                      adaptiveHeight: false,
                    }
                  }
                ]
              });
              $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function () {
                $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.style-dotnav .slick-prev').click();
              });
              $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function () {
                $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.style-dotnav .slick-next').click();
              });

              $(window).on('resize', bannerSetHeight_RWDfullscreen01591()).resize();

              // page-scroll按鈕
              $('#m_RWDfullscreen01_59_1 a.scrolllink').click(function (event) {
                var t = $(this).attr('href');
                $('html,body').animate({ scrollTop: $(t).offset().top }, 800);
                return false;
              });
            }
            function bannerSetHeight_RWDfullscreen01591() {
              var menu_height = 0;
              /* banner手機版最高滿版面 */
              var windowHeight = 0
              var paddingHeight = $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 .banner-slider.bg').height();

              if ($('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) {
                windowHeight = $(window).height() - $('#m_RWDfullscreen01_59_1 .control-box').outerHeight() - menu_height - paddingHeight;
              } else {
                windowHeight = $(window).height() - menu_height - paddingHeight;
              }
              $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight);


              /* banner滿版面 */
              var fullHeight = 0
              if ($('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) {
                fullHeight = $(window).height() - $('#m_RWDfullscreen01_59_1 .control-box').outerHeight() - menu_height - paddingHeight;
              } else {
                fullHeight = $(window).height() - menu_height - paddingHeight;
              }
              $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight);


              /* banner控制器高度 */
              let bannerHeight = 0
              if ($('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) {
                bannerHeight = $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 .banner-slider .slick-list').height();
              }
              $('#m_RWDfullscreen01_59_1 .style-dotnav.control-left .control-box , #m_RWDfullscreen01_59_1 .style-dotnav.control-right .control-box').css('height', bannerHeight);

            }
            function fullscreenImage_RWDfullscreen01591() {
              var ww = $(window).width();
              // 帶入RWD正確的圖片路徑
              $('#m_RWDfullscreen01_59_1 .pic').each(function () {
                if (ww > 1024) {
                  img = $(this).attr('PC');
                } else if (ww >= 992) {
                  img = $(this).attr('NOTE');
                } else if (ww >= 768) {
                  img = $(this).attr('PAD');
                } else {
                  img = $(this).attr('PHONE');
                }
                let img_alt = $(this).attr('imgALT');
                $(this).find('img').attr('src', img);
                $(this).find('img').attr('alt', img_alt);
                //解決新購物part2 .slick-slide的css高度100%影響
                $('#m_RWDfullscreen01_59_1 .slick-slide').css("height", 'auto');
              });

              $("#m_RWDfullscreen01_59_1 .logo").each(function () {
                if (ww > 1024) {
                  img = $(this).attr('PC');
                } else if (ww >= 992) {
                  img = $(this).attr('NOTE');
                } else if (ww >= 768) {
                  img = $(this).attr('PAD');
                } else {
                  img = $(this).attr('PHONE');
                }

                if (img == '') {
                  $(this).find('img').hide();
                } else {
                  if ($(this).find('img').size() == 0) {
                    $(this).append('<img src="" alt="LOGO">');
                  }
                  $(this).find('img').attr('src', img).show();
                }

              });
            }
            function change_imgblock_size_RWDfullscreen01591() {
              var nextSlide_idx = BYT_INIT_I * 1;
              var slickitem_idx = BYT_INIT_I * 1 + 1;
              if (nextSlide_idx < 10) {
                nextSlide_idx = "0" + BYT_INIT_I;
              }
              if (slickitem_idx < 10) {
                slickitem_idx = "0" + slickitem_idx;
              }
              if ($('#m_RWDfullscreen01_59_1' + " #slick-slide" + nextSlide_idx).length == 0) {
                return false;
              } else {
                var image = new Image();
                image.onload = function () {
                  var image_height = image.height;
                  $('#m_RWDfullscreen01_59_1' + " #slick-slide" + nextSlide_idx).css("height", image_height);
                  $('#m_RWDfullscreen01_59_1 .RWDbanner_plus01 div.slick-track').children(".slickitem" + slickitem_idx).each(function () {
                    if ($(this).hasClass("slick-cloned")) {
                      $(this).css('height', image_height)
                    }
                  })
                  BYT_INIT_I++;
                  change_imgblock_size_RWDfullscreen01591();
                  //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height);
                }
                var slick_url_data = $('#m_RWDfullscreen01_59_1' + " #slick-slide" + nextSlide_idx + " > div.pic-box > div.pic");
                var ww = $(window).width();
                var img = "";
                if (ww > 1024) {
                  img = slick_url_data.attr('PC');
                } else if (ww >= 992) {
                  img = slick_url_data.attr('NOTE');
                } else if (ww >= 768) {
                  img = slick_url_data.attr('PAD');
                } else {
                  img = slick_url_data.attr('PHONE');
                }
                image.src = img;
              }
            }
          </script>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_05 " id="panel_48" page_style="">
        <div class=" panel_2 xcontainer " id="panel_60" page_style="">
          <div class=" panel_3 tex_block brand_bimg" id="panel_81" page_style="">


            <div class="model RWDleft_cont002" id="m_RWDfullscreen01_81_1" md_id="1" tp_id="81"
              template_id="RWDfullscreen01">
              <div class="container">
                <div class=" item-second">
                  <a href="#" onclick='return false;' aria-label="尋路風格民宿" title="尋路風格民宿" onclick='return false;'>
                    <div class="pic">
                      <img class="img-responsive" src="https://www.theadagio.com.tw/archive/image/index/img04.jpg"
                        alt="尋路風格民宿">
                    </div>
                  </a>
                  <div class="text-box">
                    <div class="title">尋路風格民宿</div>
                    <div class="subtitle"></div>
                    <div class="underline"></div>
                    <div class="text">
                      <div class="s_txt">
                        <div class="img_block"><img
                            src="https://www.theadagio.com.tw/archive/image/model/editor/logo_img02-2.png" /></div>

                        <p>旅行，是一場忠於自我的追尋；<br />
                          旅行，也是生活與自然的和諧共榮。<br />
                          邀請旅人，以敏銳的觀察力，<br />
                          尋訪鄉間小鎮、山林海邊的人情美景。</p>
                      </div>
                    </div>
                    <a href="#" aria-label="了解更多" title="了解更多" onclick='return false;'>了解更多</a>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div style="clear:both;"></div>
              </div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_06 " id="panel_49" page_style="">
        <div class=" panel_2 xcontainer " id="panel_61" page_style="">


          <div class="model RWDleft_cont002" id="m_RWDfullscreen01_61_1" md_id="1" tp_id="61"
            template_id="RWDfullscreen01">
            <div class="container">
              <div class=" item-second">
                <a href="#" onclick='return false;' aria-label="遊山海，樂生活，尋初心" title="遊山海，樂生活，尋初心"
                  onclick='return false;'>
                  <div class="pic">
                    <img class="img-responsive" src="https://www.theadagio.com.tw/archive/image/index/img05.jpg"
                      alt="遊山海，樂生活，尋初心">
                  </div>
                </a>
                <div class="text-box">
                  <div class="title">遊山海，樂生活，尋初心</div>
                  <div class="subtitle"></div>
                  <div class="underline"></div>
                  <div class="text">
                    <div class="s_txt">
                      <p>走入幽靜離塵的村落與偏鄉，這裡留著台灣最真實原味的面貌。<br />
                        民宿主人的生活，展現非日常的獨特風格；帶來探索天地與忠於自我的生活體驗。</p>
                    </div>
                  </div>
                  <a href="#" aria-label="了解更多" title="了解更多" onclick='return false;'>了解更多</a>
                </div>
                <div class="clearfix"></div>
              </div>
              <div style="clear:both;"></div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_07 carousel_box paneleffect_v1" id="panel_50" page_style="">
        <div class=" panel_2 container " id="panel_62" page_style="">

          <div class="model RWDbanner_plus01   " id="m_RWDfullscreen01_62_1" md_id="1" tp_id="62"
            template_id="RWDfullscreen01" style="opacity: 0;">
            <div class="RWDbanner_plus01  style-dotnav control-center dot" data-imgfrom="模組">
              <div class="setheight">
                <div class="pc"></div>
                <div class="note"></div>
                <div class="pad"></div>
                <div class="phone"></div>
              </div>
              <div class="banner-slider ">
                <div class="slick-item slickitem01">
                  <div class="slick-caption txt-left chang_fontSize">
                    <div class="container">
                      <div class="logo fadeInLeft01"
                        style="-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;"
                        PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0579688001661233773.png"
                        NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0579688001661233773.png"
                        PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0579688001661233773.png"
                        PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0579688001661233773.png"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/rnd0579688001661233773.png"
                          alt="logo"></div>
                      <div class="txt1 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 台中香草House　台中市新社區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>浪漫理想的山居生活｜住客獨享－夜探薰衣草森林</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=8&id=220" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/taichung/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 台中香草House　台中市新社區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>浪漫理想的山居生活｜住客獨享－夜探薰衣草森林</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=8&id=220" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/taichung/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 台中香草House　台中市新社區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>浪漫理想的山居生活｜住客獨享－夜探薰衣草森林</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=8&id=220" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/taichung/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 台中香草House<br />
                          台中市新社區</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>浪漫理想的山居生活<br />
                          住客獨享－夜探薰衣草森林</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=8&id=220" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/taichung/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                    </div>
                  </div>
                  <div class="pic-box">
                    <!-- 首頁顯示區塊 -->
                    <div class="pic " style="text-align:right;"
                      PC="https://www.theadagio.com.tw/archive/image/model/images/bn_img02.jpg"
                      NOTE="https://www.theadagio.com.tw/archive/image/model/images/bn_img02.jpg"
                      PAD="https://www.theadagio.com.tw/archive/image/model/images/bn_img02.jpg"
                      PHONE="https://www.theadagio.com.tw/archive/image/model/images/bn_img02.jpg" imgalt="尋路台中香草House">
                      <img src="https://www.theadagio.com.tw/archive/image/model/images/bn_img02.jpg" alt="尋路台中香草House">
                    </div>
                    <!-- ↑↑模改跑分之前的html結構 -->
                  </div>
                  <!--↓商品圖片區塊 20180523新增↓-->
                  <!--↑商品圖片區塊 20180523新增↑-->

                </div>
                <div class="slick-item slickitem02">
                  <div class="slick-caption txt-left chang_fontSize">
                    <div class="container">
                      <div class="logo fadeInLeft01"
                        style="-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;"
                        PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0584500001661233773.png"
                        NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0584500001661233773.png"
                        PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0584500001661233773.png"
                        PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0584500001661233773.png"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/rnd0584500001661233773.png"
                          alt="logo"></div>
                      <div class="txt1 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 苗栗綠波浪　苗栗縣三義鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>找回自然的綠色關係｜森林探險包與夜間BBQ體驗</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=9&id=256" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/sanyi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 苗栗綠波浪　苗栗縣三義鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>找回自然的綠色關係｜森林探險包與夜間BBQ體驗</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=9&id=256" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/sanyi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 苗栗綠波浪　苗栗縣三義鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>找回自然的綠色關係｜森林探險包與夜間BBQ體驗</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=9&id=256" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/sanyi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 苗栗綠波浪　苗栗縣三義鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>找回自然的綠色關係｜森林探險包與夜間BBQ體驗</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article.php?lang=tw&tb=9&id=256" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/sanyi/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                    </div>
                  </div>
                  <div class="pic-box">
                    <!-- 首頁顯示區塊 -->
                    <div class="pic " style="text-align:right;"
                      PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0255680001660881515.jpg"
                      NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0255680001660881515.jpg"
                      PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0255680001660881515.jpg"
                      PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0255680001660881515.jpg"
                      imgalt="尋路苗栗綠波浪">
                      <img src="https://www.theadagio.com.tw/archive/image/model/images/rnd0255680001660881515.jpg"
                        alt="尋路苗栗綠波浪">
                    </div>
                    <!-- ↑↑模改跑分之前的html結構 -->
                  </div>
                  <!--↓商品圖片區塊 20180523新增↓-->
                  <!--↑商品圖片區塊 20180523新增↑-->

                </div>
                <div class="slick-item slickitem03">
                  <div class="slick-caption txt-left chang_fontSize">
                    <div class="container">
                      <div class="logo fadeInLeft01"
                        style="-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;"
                        PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                        NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                        PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                        PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/rnd0855513001661233871.png"
                          alt="logo"></div>
                      <div class="txt1 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 花蓮石梯灣118　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>天涯海角的隱士居所｜後廊直通世界級地景—石梯坪單面山</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=10&id=292" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pc"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hualien118/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 花蓮石梯灣118　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>天涯海角的隱士居所｜後廊直通世界級地景—石梯坪單面山</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=10&id=292" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_note"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hualien118/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 花蓮石梯灣118　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>天涯海角的隱士居所｜後廊直通世界級地景—石梯坪單面山</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=10&id=292" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_pad"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hualien118/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                      <div class="txt1 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1000ms;animation-delay: 1000ms;'>
                        <span>尋路 花蓮石梯灣118　花蓮縣豐濱鄉</span>
                      </div>
                      <div class="txt2 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1200ms;animation-delay: 1200ms;'>
                        <span>天涯海角的隱士居所｜後廊直通世界級地景—石梯坪單面山</span>
                      </div>
                      <div class="txt3 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1400ms;animation-delay: 1400ms;'>
                        <span><a href="article_d.php?lang=tw&tb=10&id=292" class="bn_btn01">詳細介紹</a></span>
                      </div>
                      <div class="txt4 fadeInUp01 device_phone"
                        style='-webkit-animation-duration: 1500ms;animation-duration: 1500ms;-webkit-animation-delay: 1600ms;animation-delay: 1600ms;'>
                        <span><a href="https://www.bbnet.com.tw/hualien118/reserve/?lang=tw&c=pack" target="_blank"
                            class="bn_btn01 bn_btn02">立即訂房</a></span>
                      </div>
                    </div>
                  </div>
                  <div class="pic-box">
                    <!-- 首頁顯示區塊 -->
                    <div class="pic " style="text-align:right;"
                      PC="https://www.theadagio.com.tw/archive/image/model/images/rnd0680315001660881516.jpg"
                      NOTE="https://www.theadagio.com.tw/archive/image/model/images/rnd0680315001660881516.jpg"
                      PAD="https://www.theadagio.com.tw/archive/image/model/images/rnd0680315001660881516.jpg"
                      PHONE="https://www.theadagio.com.tw/archive/image/model/images/rnd0680315001660881516.jpg"
                      imgalt="尋路石梯灣118">
                      <img src="https://www.theadagio.com.tw/archive/image/model/images/rnd0680315001660881516.jpg"
                        alt="尋路石梯灣118">
                    </div>
                    <!-- ↑↑模改跑分之前的html結構 -->
                  </div>
                  <!--↓商品圖片區塊 20180523新增↓-->
                  <!--↑商品圖片區塊 20180523新增↑-->

                </div>
              </div>
            </div>
            <div style="clear:both;"></div>
          </div>
          <!-- model end-->
          <script type="text/javascript">
            //寬版用init全域變數
            var BYT_INIT_I = 0;
            //判斷是否為行動裝置
            var isMobile = false;
            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)
              || /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.substr(0, 4))) isMobile = true;
            GetRumdomStr = function () {
              var str = "";
              var maxNum = 10;
              var minNum = 0;
              var n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
              for (var i = 1; i <= 4; i++) {
                n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
                str += n.toString();
              }
              // console.log(str);
              return str;
            };

            $(document).ready(function () {
              $(".full_page_photo").css({ 'height': $("#m_RWDfullscreen01_62_1").outerHeight() });
              if ($('.collapsing_header .main').size() > 0) {
                var total_height = $('header').outerHeight() + $(".full_page_photo").outerHeight();
                $('.collapsing_header .main').css("top", total_height);
              }

              if ($('#m_RWDfullscreen01_62_1 img').size() == 0) {
                init_banner_plus01_RWDfullscreen01621();
              } else {
                $('#m_RWDfullscreen01_62_1').imagesLoaded(function () {
                  init_banner_plus01_RWDfullscreen01621();
                });
              }

              $(window).on("resize", function (e) {
                fullscreenImage_RWDfullscreen01621();
                setTimeout(function () {
                  bannerSetHeight_RWDfullscreen01621();
                }, 100)
              });
            });
            function init_banner_plus01_RWDfullscreen01621() {
              fullscreenImage_RWDfullscreen01621();
              $('#m_RWDfullscreen01_62_1').css({ 'opacity': 1 });
              if ($('#m_RWDfullscreen01_62_1 .pic-box').size() < 2) {
                $('#m_RWDfullscreen01_62_1 .control-box, #m_RWDfullscreen01_62_1 .slick-arrow').hide();
              }
              let slick_tmp = null;
              slick_tmp = $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.style-dotnav .banner-slider');
              slick_tmp.not('#m_RWDfullscreen01_62_1 .slick-initialized').slick({
                lazyLoad: 'ondemand',//lazyload
                autoplay: false,
                dots: true,
                arrows: true,
                pauseOnHover: false,
                pauseOnFocus: false,
                speed: 700,
                fade: true,
                appendDots: $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 .control-box .control .items'),
                adaptiveHeight: true,
                swipeToSlide: true,
                touchThreshold: 20000,
                waitForAnimate: false,
                responsive: [
                  {
                    breakpoint: 767,
                    settings: {
                      adaptiveHeight: false,
                    }
                  }
                ]
              });
              $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.style-dotnav .slick-align-prev').on('click', function () {
                $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.style-dotnav .slick-prev').click();
              });
              $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.style-dotnav .slick-align-next').on('click', function () {
                $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.style-dotnav .slick-next').click();
              });

              $(window).on('resize', bannerSetHeight_RWDfullscreen01621()).resize();

              // page-scroll按鈕
              $('#m_RWDfullscreen01_62_1 a.scrolllink').click(function (event) {
                var t = $(this).attr('href');
                $('html,body').animate({ scrollTop: $(t).offset().top }, 800);
                return false;
              });
            }
            function bannerSetHeight_RWDfullscreen01621() {
              var menu_height = 0;
              /* banner手機版最高滿版面 */
              var windowHeight = 0
              var paddingHeight = $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 .banner-slider.bg').outerHeight() - $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 .banner-slider.bg').height();

              if ($('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.style-control .setheight .phone').is(':visible')) {
                windowHeight = $(window).height() - $('#m_RWDfullscreen01_62_1 .control-box').outerHeight() - menu_height - paddingHeight;
              } else {
                windowHeight = $(window).height() - menu_height - paddingHeight;
              }
              $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 .banner-slider.bg .slick-item').css('max-height', windowHeight);


              /* banner滿版面 */
              var fullHeight = 0
              if ($('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.full .setheight .phone').is(':visible')) {
                fullHeight = $(window).height() - $('#m_RWDfullscreen01_62_1 .control-box').outerHeight() - menu_height - paddingHeight;
              } else {
                fullHeight = $(window).height() - menu_height - paddingHeight;
              }
              $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01.full .banner-slider.bg .slick-item').css('height', fullHeight);


              /* banner控制器高度 */
              let bannerHeight = 0
              if ($('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 .setheight .phone').is(':hidden')) {
                bannerHeight = $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 .banner-slider .slick-list').height();
              }
              $('#m_RWDfullscreen01_62_1 .style-dotnav.control-left .control-box , #m_RWDfullscreen01_62_1 .style-dotnav.control-right .control-box').css('height', bannerHeight);

            }
            function fullscreenImage_RWDfullscreen01621() {
              var ww = $(window).width();
              // 帶入RWD正確的圖片路徑
              $('#m_RWDfullscreen01_62_1 .pic').each(function () {
                if (ww > 1024) {
                  img = $(this).attr('PC');
                } else if (ww >= 992) {
                  img = $(this).attr('NOTE');
                } else if (ww >= 768) {
                  img = $(this).attr('PAD');
                } else {
                  img = $(this).attr('PHONE');
                }
                let img_alt = $(this).attr('imgALT');
                $(this).find('img').attr('src', img);
                $(this).find('img').attr('alt', img_alt);
                //解決新購物part2 .slick-slide的css高度100%影響
                $('#m_RWDfullscreen01_62_1 .slick-slide').css("height", 'auto');
              });

              $("#m_RWDfullscreen01_62_1 .logo").each(function () {
                if (ww > 1024) {
                  img = $(this).attr('PC');
                } else if (ww >= 992) {
                  img = $(this).attr('NOTE');
                } else if (ww >= 768) {
                  img = $(this).attr('PAD');
                } else {
                  img = $(this).attr('PHONE');
                }

                if (img == '') {
                  $(this).find('img').hide();
                } else {
                  if ($(this).find('img').size() == 0) {
                    $(this).append('<img src="" alt="LOGO">');
                  }
                  $(this).find('img').attr('src', img).show();
                }

              });
            }
            function change_imgblock_size_RWDfullscreen01621() {
              var nextSlide_idx = BYT_INIT_I * 1;
              var slickitem_idx = BYT_INIT_I * 1 + 1;
              if (nextSlide_idx < 10) {
                nextSlide_idx = "0" + BYT_INIT_I;
              }
              if (slickitem_idx < 10) {
                slickitem_idx = "0" + slickitem_idx;
              }
              if ($('#m_RWDfullscreen01_62_1' + " #slick-slide" + nextSlide_idx).length == 0) {
                return false;
              } else {
                var image = new Image();
                image.onload = function () {
                  var image_height = image.height;
                  $('#m_RWDfullscreen01_62_1' + " #slick-slide" + nextSlide_idx).css("height", image_height);
                  $('#m_RWDfullscreen01_62_1 .RWDbanner_plus01 div.slick-track').children(".slickitem" + slickitem_idx).each(function () {
                    if ($(this).hasClass("slick-cloned")) {
                      $(this).css('height', image_height)
                    }
                  })
                  BYT_INIT_I++;
                  change_imgblock_size_RWDfullscreen01621();
                  //$('.style-dotnav.control-left .control-box , .style-dotnav.control-right .control-box').css('height', image_height);
                }
                var slick_url_data = $('#m_RWDfullscreen01_62_1' + " #slick-slide" + nextSlide_idx + " > div.pic-box > div.pic");
                var ww = $(window).width();
                var img = "";
                if (ww > 1024) {
                  img = slick_url_data.attr('PC');
                } else if (ww >= 992) {
                  img = slick_url_data.attr('NOTE');
                } else if (ww >= 768) {
                  img = slick_url_data.attr('PAD');
                } else {
                  img = slick_url_data.attr('PHONE');
                }
                image.src = img;
              }
            }
          </script>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_08 " id="panel_51" page_style="">
        <div class=" panel_2 container " id="panel_63" page_style="">
          <div class=" panel_3 title_block " id="panel_64" page_style="">
            <style>
            </style>
            <div class="model RWDedictor008 " id="m_RWDfullscreen01_64_1" md_id="1" tp_id="64"
              template_id="RWDfullscreen01" new_edit="Y">
              <div class="title_box">
                <h2>NEWS</h2>

                <h4>最新消息、優惠資訊</h4>
              </div>

              <div class="news_btn"><a href="article.php?lang=tw&tb=2&ot=all">觀看更多</a></div>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 service_box " id="panel_65" page_style="">
            <div class="model RWDService001" id="m_RWDfullscreen01_65_1" md_id="1" tp_id="65"
              template_id="RWDfullscreen01">
              <div class="section-subject row">
                <div class="col-md-12">
                  <h1 class="main-title">Our services</h1>
                  <h2 class="sub-title">We are doing a couple of things you might be interested in</h2>
                  <div class="section-line"></div>
                </div>
              </div>

              <div class="row"> <a href="article_d.php?lang=tw&tb=2&cid=154&id=466" aria-label="緩慢 金瓜石">
                  <div class="col-md-3 col-sm-6">
                    <article class="boxFeature-2">
                      <i class="iconBig"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/99c16975e19828c0_thumb_800_450.jpg"
                          alt="緩慢 金瓜石" class="img-responsive" /></i>
                      <h2>緩慢 金瓜石</h2>
                      <p>【此心安住Stay Still】莊惠祺工筆畫創作展</p>
                    </article>
                  </div>
                </a>
                <a href="article_d.php?lang=tw&tb=2&cid=184&id=478" aria-label="尋路 台中香草House">
                  <div class="col-md-3 col-sm-6">
                    <article class="boxFeature-2">
                      <i class="iconBig"><img
                          src="https://www.theadagio.com.tw/archive/image/model/images/LINE_ALBUM_2022118_220118_32_thumb_800_449.jpg"
                          alt="尋路 台中香草House" class="img-responsive" /></i>
                      <h2>尋路 台中香草House</h2>
                      <p>療癒之森【香草小旅行】兩天一夜</p>
                    </article>
                  </div>
                </a>
                <a href="article_d.php?lang=tw&tb=2&cid=76&id=454" aria-label="重要訊息公告">
                  <div class="col-md-3 col-sm-6">
                    <article class="boxFeature-2">
                      <i class="iconBig"><img src="https://www.theadagio.com.tw/archive/image/model/images/img08.jpg"
                          alt="重要訊息公告" class="img-responsive" /></i>
                      <h2>重要訊息公告</h2>
                      <p>【緩慢安心防疫宣言】</p>
                    </article>
                  </div>
                </a>
              </div>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 ph_btn " id="panel_66" page_style="">
            <div class="model RWDbtn01" id="m_RWDfullscreen01_66_1" md_id="1" tp_id="66" template_id="RWDfullscreen01">
              <ul class="btn-box clearfix">
                <li class="col-sm-3  col-xs-12"><a href="article.php?lang=tw&tb=2&ot=all" class="btn"
                    aria-label="觀看更多">觀看更多</a></li>
              </ul>

              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_09 " id="panel_52" page_style="">
        <div class=" panel_2 container " id="panel_67" page_style="">
          <div class=" panel_3 title_block " id="panel_68" page_style="">
            <style>
            </style>
            <div class="model RWDedictor008 " id="m_RWDfullscreen01_68_1" md_id="1" tp_id="68"
              template_id="RWDfullscreen01" new_edit="Y">
              <h2>RECOMMEND</h2>

              <h4>知名媒體報導、推薦</h4>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 video_box " id="panel_69" page_style="">
            <style>
            </style>
            <div class="model RWDedictor008 " id="m_RWDfullscreen01_69_1" md_id="1" tp_id="69"
              template_id="RWDfullscreen01" new_edit="Y">
              <div class="left_box">
                <div class="title_block">
                  <h2>【微笑台灣 2020夏季刊】</h2>

                  <p>海角 部落 野料理。過一種石梯坪日常</br>在花蓮的海角天涯，有兩個品牌民宿、三種迥然不同的風格，將緩慢，視為一種旅行與生活的態度，帶旅人深入豐濱，倚靠海洋。</p>
                </div>

                <div class="video_btn"><a href="https://www.theadagio.com.tw/article.php?lang=tw&tb=2&ot=all">觀看更多</a>
                </div>
              </div>
              <div style="clear:both;"></div>
            </div>

            <div class="model RWDedictor " id="m_RWDfullscreen01_69_2" md_id="2" tp_id="69"
              template_id="RWDfullscreen01">
              <!--start-->
              <div><img src="https://www.theadagio.com.tw/archive/image/article1/images/article-5eedbbe16da8a.jpg" />
              </div>
              <!--end-->
              <div style="clear:both;"></div>
            </div>

            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 block_10 " id="panel_53" page_style="">
        <div class=" panel_2 xcontainer " id="panel_70" page_style="">
          <style>
          </style>
          <div class="model RWDedictor008 " id="m_RWDfullscreen01_70_1" md_id="1" tp_id="70"
            template_id="RWDfullscreen01" new_edit="Y">
            <div class="img_b"><img src="https://www.theadagio.com.tw/archive/image/model/images/img10.jpg" /></div>
            <div style="clear:both;"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class=" panel_1 footer_block " id="panel_54" page_style="footermain">
        <div class=" panel_2 container " id="panel_71" page_style="">
          <div class=" panel_3 ft_title " id="panel_72" page_style="">
            <style>
            </style>
            <div class="model RWDedictor008 " id="m_RWDfullscreen01_72_1" md_id="1" tp_id="72"
              template_id="RWDfullscreen01" new_edit="Y">
              <div class="title_box">
                <h2>CONTACT</h2>
              </div>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 ft_info " id="panel_73" page_style="">
            <div class=" panel_4 ft_txt " id="panel_82" page_style="">
              <style>
              </style>
              <div class="model RWDedictor008 " id="m_RWDfullscreen01_82_1" md_id="1" tp_id="82"
                template_id="RWDfullscreen01" new_edit="Y">
                <div class="title_block">
                  <h2>聯絡我們</h2>

                  <ul>
                    <li><span>訂房專線 </span><a href="tel:+886-971566188">+886-971566188</a></li>
                    <li><span>客服信箱 </span><a href="mailto:[email protected]">[email protected]</a></li>
                    <li><span>服務時間</span>09:30~12:00 / 13:00~18:30</li>
                  </ul>
                </div>
                <div style="clear:both;"></div>
              </div>
              <div class="clear"></div>
            </div>
            <div class=" panel_4 media_block " id="panel_84" page_style="">
              <style>
              </style>
              <div class="model RWDedictor008 " id="m_RWDfullscreen01_84_1" md_id="1" tp_id="84"
                template_id="RWDfullscreen01" new_edit="Y">
                <a href="https://www.facebook.com/reindeerbnb"><i class="icon ion-social-facebook"></i>尋路風格民宿FB</a> <a
                  href="https://www.facebook.com/adagio.travel/"><i class="icon ion-social-facebook"></i>緩慢民宿FB</a> <a
                  href="https://page.line.me/umc3018g"><i class="fa ii-line1"></i>官方LINE</a>
                <div style="clear:both;"></div>
              </div>
              <div class="clear"></div>
            </div>
            <div class=" panel_4 ft_logo " id="panel_83" page_style="">

              <div class="model RWDnews005" id="m_RWDfullscreen01_83_1" md_id="1" tp_id="83"
                template_id="RWDfullscreen01">
                <section>
                  <div class="container">
                    <div class="section-subject row">
                      <div class="col-md-12">
                        <h1 class="main-title">家族品牌</h1>
                        <div class="section-line"></div>
                      </div>
                    </div>

                    <div class="owl-carousel owl-padding-10  controlls-over"
                      data-plugin-options='{"singleItem": false, "autoPlay": 4000, "navigation": true, "pagination": false}'>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/lavender2001" aria-label="美學森林園區" target="_blank"
                          orglink="https://www.facebook.com/lavender2001">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_01.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/lavender2001"
                            aria-label="美學森林園區" target="_blank">美學森林園區</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/adagio.travel/" aria-label="慢活民宿" target="_blank"
                          orglink="https://www.facebook.com/adagio.travel/">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_02.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/adagio.travel/"
                            aria-label="慢活民宿" target="_blank">慢活民宿</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/reindeerbnb" aria-label="風格民宿" target="_blank"
                          orglink="https://www.facebook.com/reindeerbnb">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_03.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/reindeerbnb"
                            aria-label="風格民宿" target="_blank">風格民宿</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/STRAYBIRDS.TW" aria-label="青年旅館" target="_blank"
                          orglink="https://www.facebook.com/STRAYBIRDS.TW">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_04.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/STRAYBIRDS.TW"
                            aria-label="青年旅館" target="_blank">青年旅館</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/Forestmosa" aria-label="生活選物店" target="_blank"
                          orglink="https://www.facebook.com/Forestmosa">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_05.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/Forestmosa"
                            aria-label="生活選物店" target="_blank">生活選物店</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/2009moncoeur" aria-label="婚宴與遊憩莊園" target="_blank"
                          orglink="https://www.facebook.com/2009moncoeur">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_06.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/2009moncoeur"
                            aria-label="婚宴與遊憩莊園" target="_blank">婚宴與遊憩莊園</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/gooddays.G" aria-label="藝空間食堂" target="_blank"
                          orglink="https://www.facebook.com/gooddays.G">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_07.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/gooddays.G"
                            aria-label="藝空間食堂" target="_blank">藝空間食堂</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                      <div class="img-hover">
                        <a href="https://www.facebook.com/hakkals2006/" aria-label="客家餐廳" target="_blank"
                          orglink="https://www.facebook.com/hakkals2006/">
                          <img class="img-responsive"
                            src="https://www.theadagio.com.tw/archive/image/model/images/ftlogo_08.png">
                        </a>
                        <h4 class="news005_h4 text-left margin-top-20"><a href="https://www.facebook.com/hakkals2006/"
                            aria-label="客家餐廳" target="_blank">客家餐廳</a></h4>
                        <p class="text-left"></p>
                        <ul class="text-left size-12 list-inline list-separator" style="display:none;">
                          <li>
                            <i class="fa fa-calendar"></i>2022-06-30
                          </li>
                        </ul>
                      </div>
                    </div>

                  </div>
                </section>


                <div style="clear:both;"></div>
              </div>

              <script type="text/javascript">
                var m_RWDfullscreen01_83_1NOW_SHOW_ITEM = 0;
                var resizeEnd;
                function m_RWDfullscreen01_83_1check_show_item(width_now, mode) {
                  var item_qry_tmp = 0;
                  if (width_now > 1200) {
                    item_qry_tmp = 8;
                  } else if (width_now <= 1200 && width_now > 768) {
                    item_qry_tmp = 5;
                  } else if (width_now <= 768 && width_now > 500) {
                    item_qry_tmp = 4;
                  } else {
                    item_qry_tmp = 2;
                  }
                  if (mode == "rtn") {
                    return item_qry_tmp;
                  } else {
                    m_RWDfullscreen01_83_1NOW_SHOW_ITEM = item_qry_tmp;
                  }
                }

                jQuery(document).ready(function () {
                  var _container = jQuery("#m_RWDfullscreen01_83_1 div.owl-carousel");
                  if (_container.length > 0) {
                    _container.each(function () {
                      var slider = jQuery(this);
                      var options = slider.attr('data-plugin-options');
                      // Progress Bar
                      var $opt = eval('(' + options + ')');  // convert text to json

                      if ($opt.progressBar == 'true') {
                        var afterInit = progressBar;
                      } else {
                        var afterInit = false;
                      }

                      var defaults = {
                        items: [8],
                        itemsDesktop: [1200, 5], //3 items between 1200px and 769px
                        itemsDesktopSmall: [768, 4], //2 items between 769px and 501px
                        itemsTablet: [500, 2], //1 items between 500 and 0;
                        itemsTabletSmall: [500, 2],
                        itemsMobile: [500, 2],
                        singleItem: true,
                        itemsScaleUp: false,

                        slideSpeed: 200,
                        paginationSpeed: 800,
                        rewindSpeed: 1000,

                        autoPlay: false,
                        stopOnHover: false,
                        navigation: false,
                        navigationText: [
                          '<i class="fa fa-angle-left"></i>',
                          '<i class="fa fa-angle-right"></i>'
                        ],
                        rewindNav: true,
                        scrollPerPage: false,

                        pagination: true,
                        paginationNumbers: false,

                        responsive: true,
                        responsiveRefreshRate: 200,
                        responsiveBaseWidth: window,

                        baseClass: "owl-carousel",
                        theme: "owl-theme",

                        lazyLoad: true,
                        lazyFollow: true,
                        lazyEffect: "fade",

                        autoHeight: false,

                        jsonPath: false,
                        jsonSuccess: false,

                        dragBeforeAnimFinish: true,
                        mouseDrag: true,
                        touchDrag: true,

                        transitionStyle: false,

                        addClassActive: false,

                        beforeUpdate: false,
                        afterUpdate: false,
                        beforeInit: false,
                        afterInit: afterInit,
                        beforeMove: false,
                        afterMove: (afterInit == false) ? false : moved,
                        afterAction: false,
                        startDragging: false,
                        afterLazyLoad: false
                      }

                      var config = jQuery.extend({}, defaults, options, slider.data("plugin-options"));
                      slider.owlCarousel(config).addClass("owl-carousel-init");


                      // Progress Bar
                      var elem = jQuery(this);

                      //Init progressBar where elem is $("#owl-demo")
                      function progressBar(elem) {
                        $elem = elem;
                        //build progress bar elements
                        buildProgressBar();
                        //start counting
                        start();
                      }

                      //create div#progressBar and div#bar then prepend to $("#owl-demo")
                      function buildProgressBar() {
                        $progressBar = jQuery("<div>", {
                          id: "progressBar"
                        });
                        $bar = jQuery("<div>", {
                          id: "bar"
                        });
                        $progressBar.append($bar).prependTo($elem);
                      }

                      function start() {
                        //reset timer
                        percentTime = 0;
                        isPause = false;
                        //run interval every 0.01 second
                        tick = setInterval(interval, 10);
                        // console.log('percentTime:'+percentTime);
                      };


                      var time = 7; // time in seconds
                      function interval() {
                        if (isPause === false) {

                          percentTime += 1 / time;
                          // console.log(percentTime);
                          $bar.css({
                            width: percentTime + "%"
                          });
                          //if percentTime is equal or greater than 100
                          if (percentTime >= 100) {
                            //slide to next item
                            $elem.trigger('owl.next')
                          }
                        }
                      }

                      //pause while dragging
                      function pauseOnDragging() {
                        isPause = true;
                      }

                      //moved callback
                      function moved() {
                        //clear interval
                        clearTimeout(tick);
                        //start again
                        start();
                      }


                    });
                  }
                  var width_now = $(window).width();
                  m_RWDfullscreen01_83_1check_show_item(width_now);
                  if ($("#m_RWDfullscreen01_83_1 div.owl-item").length <= m_RWDfullscreen01_83_1NOW_SHOW_ITEM) {
                    $("#m_RWDfullscreen01_83_1 div.owl-controls").hide();
                  } else {
                    $("#m_RWDfullscreen01_83_1 div.owl-controls").show();
                  }
                  $(window).on('resize', function () {
                    clearTimeout(resizeEnd);
                    resizeEnd = setTimeout(function () {
                      var width_now = $(window).width();
                      var item_qty_tmp = m_RWDfullscreen01_83_1check_show_item(width_now, "rtn");
                      if (item_qty_tmp != m_RWDfullscreen01_83_1NOW_SHOW_ITEM) {
                        m_RWDfullscreen01_83_1NOW_SHOW_ITEM = item_qty_tmp;
                        if ($("#m_RWDfullscreen01_83_1 div.owl-item").length <= m_RWDfullscreen01_83_1NOW_SHOW_ITEM) {
                          $("#m_RWDfullscreen01_83_1 div.owl-controls").hide();
                        } else {
                          $("#m_RWDfullscreen01_83_1 div.owl-controls").show();
                        }
                      }
                    }, 333);
                  })
                });

              </script>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class=" panel_3 ft_copyright " id="panel_74" page_style="">

            <div class="model RWDedictor " id="m_RWDfullscreen01_74_1" md_id="1" tp_id="74"
              template_id="RWDfullscreen01">
              <!--start-->
              建議使用Chrome、Firefox、Safari最新版本瀏覽 <!--end-->
              <div style="clear:both;"></div>
            </div>

            <div class="model RWDssl01" id="m_RWDfullscreen01_74_2" md_id="2" tp_id="74" template_id="RWDfullscreen01">
              <span class="ii-https"></span><span class="ssl01-text">採用全球最先進SSL 256bit 傳輸加密機制</span>
              <div style="clear:both;"></div>
            </div>
            <div class="model RWDcopyright" id="m_RWDfullscreen01_74_3" md_id="3" tp_id="74"
              template_id="RWDfullscreen01">
              <span class="copyright_desc">Design by 米洛<a href="https://www.webtech.com.tw/" target="_blank"
                  aria-label="網頁設計">網頁設計</a></span>
              <div style="clear:both;"></div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class=" panel_2 scroll_top " id="panel_75" page_style="">
          <div class="model scrollTop002" id="m_RWDfullscreen01_75_1" md_id="1" tp_id="75" template_id="RWDfullscreen01"
            style="position: fixed;">
            <aside class="top_btn" onclick="fn_scrollTop()">

              <span class="txt" style='color:#242423'>page top</span>
            </aside>
            <script type="text/javascript">
              function fn_scrollTop() {
                $("html, body").animate({ scrollTop: 0 }, '500', 'swing', function () { });
              }
              $(function () {
                $(window).load(function () {
                  $(window).bind('scroll resize', function () {
                    offsetTop = $(window).scrollTop();
                    if (offsetTop > 350) {
                      $('.scrollTop002').stop().animate({ opacity: "1" }, 100);
                    } else {
                      $('.scrollTop002').stop().animate({ opacity: "0" }, 300);
                    }
                  });
                });
              });
            </script>
            <div style="clear:both;"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class=" panel_2 ph_btn " id="panel_86" page_style="">

          <div class="model RWDedictor " id="m_RWDfullscreen01_86_1" md_id="1" tp_id="86" template_id="RWDfullscreen01">
            <!--start-->
            <div class="ph_btn_bottom"><a href="article_d.php?lang=tw&amp;tb=4&amp;id=430" target="_blank">立即訂房</a>
            </div>
            <!--end-->
            <div style="clear:both;"></div>
          </div>

          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="  right_nav " id="panel_56" page_style="">
      <style>
        /* 線條顏色 */
        /* defalt */
        #m_RWDfullscreen01_56_1 .check_box.dot_style .sub_box::after {
          background: #666;
        }

        /* hover */
        #m_RWDfullscreen01_56_1 .check_box .sub_box:hover::after {
          background: #666;
        }

        /* active */
        #m_RWDfullscreen01_56_1 .check_box.dot_style .sub_box.active::after {
          background: #666;
        }

        #m_RWDfullscreen01_56_1 .check_box.dot_style .sub_box.top::after {
          border-bottom-color: #666;
        }

        #m_RWDfullscreen01_56_1 .check_box.dot_style .sub_box.top:hover::after {
          border-bottom-color: #666;
        }
      </style>
      <div class="model RWDnav001 " id="m_RWDfullscreen01_56_1" md_id="1" tp_id="56" template_id="RWDfullscreen01"
        new_edit="Y">
        <div class="check_box dot_style ">
          <div class="sub_box num_box">
            <div class="text">關於</div>
          </div>
          <div class="sub_box num_box">
            <div class="text">緩慢</div>
          </div>
          <div class="sub_box num_box">
            <div class="text">尋路</div>
          </div>
          <div class="sub_box num_box">
            <div class="text">消息</div>
          </div>
          <div class="sub_box num_box">
            <div class="text">報導</div>
          </div>
        </div>
        <div style="clear:both;"></div>
      </div>
      <script>
        $(document).ready(function () {
          window.addEventListener("load", function () {
            $("#m_RWDfullscreen01_56_1").each(function () {
              var _this = $(this);
              // 需要苗點
              var RWDnav001_list = ["#panel_44", "#panel_45", "#panel_48", "#panel_51", "#panel_52"];
              // console.log("RWDnav001_list內容:", RWDnav001_list);
              var _nav_index = 0;
              if (_this.find(".dot_style").length > 0) {
                $("#m_RWDfullscreen01_56_1 .num_box").each(function () {
                  var id_name_ = RWDnav001_list[_nav_index];
                  // console.log(_nav_index+'/')
                  if (!$(this).hasClass("top")) {
                    _up_top = $(RWDnav001_list[_nav_index]).offset().top;
                    $(this).attr("top", _up_top);
                    // 取得物件高度算出底部位置
                    $(this).attr("bottom", _up_top + $(RWDnav001_list[_nav_index]).outerHeight());
                    _nav_index = _nav_index + 1;
                  }
                });
              } else {
                $("#m_RWDfullscreen01_56_1 .num_box").each(function () {
                  var id_name_ = RWDnav001_list[_nav_index];
                  _up_top = $(RWDnav001_list[_nav_index]).offset().top;
                  $(this).attr("top", _up_top);
                  // 取得物件高度算出底部位置
                  $(this).attr("bottom", _up_top + $(RWDnav001_list[_nav_index]).outerHeight());
                  _nav_index = _nav_index + 1;
                });
              }
              var now_st_first = $(window).scrollTop();

              $("#m_RWDfullscreen01_56_1 .sub_box").each(function () {
                var _this = $(this);
                if (_this.attr("top") < now_st_first + $(window).height() / 2 && _this.attr("top") + _this.height() > now_st_first) {
                  $("#m_RWDfullscreen01_56_1 .check_box .sub_box").removeClass("active");
                  _this.addClass("active");
                } else {
                  _this.removeClass("active");
                }
              });

              $("#m_RWDfullscreen01_56_1 .sub_box:not(.top)").on("click", function (e) {
                // 捲動距離要統一加後台距離
                $("body,html").stop().animate({ scrollTop: $(this).attr("top") - 50 }, 600);
              });
              $("#m_RWDfullscreen01_56_1 .sub_box.top").on("click", function (e) {
                $("body,html").stop().animate({ scrollTop: 0 }, 600);
              });

              $(window).scroll(function () {
                var now_st = $(window).scrollTop();
                let window_height = $(window).height();
                // console.log(now_st, window_height/2);
                $("#m_RWDfullscreen01_56_1 .sub_box").each(function () {
                  var _this = $(this);
                  // 區域進入螢幕 active 離開螢幕 remove active
                  // 捲動位置+螢幕一半高度 > 區塊頂部位置   且    捲動位置+螢幕一半高度 < 區塊底部位置    active
                  if (now_st + window_height / 2 > parseInt(_this.attr("top")) && now_st + window_height / 2 < parseInt(_this.attr("bottom"))) {
                    // console.log(_this.attr("top")+"進入");
                    _this.addClass("active");
                  } else {
                    // console.log(_this.attr("top")+"離開");
                    _this.removeClass("active");
                  }
                });
              });
            });
          });
        });
      </script>
      <div class="clear"></div>
    </div>
    <div class="  alert_block " id="panel_76" page_style="">
      <style>
        .alert01_msg {
          position: fixed;
          z-index: 9999;
        }
      </style>
      <div class="model RWDalert01" id="m_RWDfullscreen01_76_1" md_id="1" tp_id="76" template_id="RWDfullscreen01">
        <div class="alert01_msg browser_error dark">
          <div class="close_button"><span class="ii-close1"></span></div>
          <div class="box">
            <div class="icon"><img src="https://system49.webtech.com.tw/public/model/lib/RWDalert01/images/warn.png"
                alt=""><img class="dark"
                src="https://system49.webtech.com.tw/public/model/lib/RWDalert01/images/warn_w.png" alt=""></div>
            <div class="text">您使用的瀏覽器版本過於老舊<br />網站可能因此跑版</div>
            <div class="memo">建議使用最新版本 Chrome、Safari 瀏覽器</div>
          </div>
        </div>
        <div class="alert01_msg device_error dark">
          <div class="close_button"><span class="ii-close1"></span></div>
          <div class="box">
            <div class="icon"><img src="https://system49.webtech.com.tw/public/model/lib/RWDalert01/images/device.png"
                alt=""><img class="dark"
                src="https://system49.webtech.com.tw/public/model/lib/RWDalert01/images/device_w.png" alt=""></div>
            <div class="text">本網站最佳體驗為直向瀏覽 請垂直查看您的手機</div>
          </div>
        </div>
        <div style="clear:both;"></div>
      </div>
      <script type="text/javascript"
        src="https://system49.webtech.com.tw/public/model/lib/RWDalert01/js/jquery.cookie.js"></script>
      <script type="text/javascript">

        //cookie
        if ($.cookie('load_t') != 'yes') {
          /*瀏覽器判斷*/
          navigator.sayswho = (function () {
            var ua = navigator.userAgent, tem,
              M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
            if (/trident/i.test(M[1])) {
              tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
              return 'IE ' + (tem[1] || '');
            }
            if (M[1] === 'Chrome') {
              tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
              if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
            }
            M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
            if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);

            return M.join(' ');
          })();
          var the_brower = navigator.sayswho;
          var site = the_brower.indexOf(" ");
          var browser_name = the_brower.substring(0, site);
          var version = Number(the_brower.substring(site + 1, the_brower.length));
          //設定版本
          var set_chrome = 4;
          var set_safari = 9;
          var set_firefox = 28;
          var set_msie = 12;
          var set_msie_edge = 12;
          var set_opera = 30;

          if (browser_name == 'Chrome' && version < set_chrome) {
            $(".alert01_msg.browser_error").addClass("showit");
          }
          if (browser_name == 'Firefox' && version < set_firefox) {
            $(".alert01_msg.browser_error").addClass("showit");
          }
          if (browser_name == 'Safari' && version < set_safari) {
            $(".alert01_msg.browser_error").addClass("showit");
          }
          if (browser_name == 'Opera' && version < set_opera) {
            $(".alert01_msg.browser_error").addClass("showit");
          }
          if (browser_name == 'Edge' && version < set_msie_edge) {
            $(".alert01_msg.browser_error").addClass("showit");
          }
          if (browser_name == 'IE' && version < set_msie) {
            $(".alert01_msg.browser_error").addClass("showit");
          }
          if (browser_name == 'MSIE' && version < set_msie) {
            // document.querySelectorAll('.browser_error').addClass("showit");
            if (version < 10) {
              alert('不支援IE10以下')
            } else {
              $(".alert01_msg.browser_error").addClass("showit");
            }
          }

          $(".alert01_msg.browser_error .close_button").on('click', function () {
            // document.cookie = 'load_t=yes';
            $.cookie('load_t', 'yes');
            $(".alert01_msg.browser_error").fadeOut(300);
          });
        }
        if ($.cookie('load_h') != 'yes') {  //檢查是否已經提示過

          /*橫向判斷*/
          $(".alert01_msg.device_error .close_button").on('click', function () {
            // document.cookie = 'load_h=yes';
            $.cookie('load_h', 'yes');
            $(".alert01_msg.device_error").fadeOut(300);
          });


          // var set_h=450;
          var set_h = 450;
          if (set_h > 0) {
            if ($(window).height() < set_h) {
              $(".alert01_msg.device_error").addClass("showit");
            }

            $(window).resize(function () {
              if ($(window).height() < set_h) {
                $(".alert01_msg.device_error").addClass("showit");
              } else {
                $(".alert01_msg.device_error").removeClass("showit");
              }
            });
          }


          // var set_ori=90; // 禁止直式90
          var set_ori = 90;
          if (set_ori == screen.orientation.angle) {
            $(".alert01_msg.device_error").addClass("showit");
            window.addEventListener("orientationchange", function () {
              if (set_ori == screen.orientation.angle) {
                $(".alert01_msg.device_error").addClass("showit");
              } else {
                $(".alert01_msg.device_error").removeClass("showit");
              }
            });

          } else {
            $(".alert01_msg.device_error").removeClass("showit");
          }

        }
      </script>
      <div class="clear"></div>
    </div>
    <div class="  effect_block " id="panel_85" page_style="">
      <div class="model RWDeffect02 " id="m_RWDfullscreen01_85_1" md_id="1" tp_id="85" template_id="RWDfullscreen01"
        new_edit="Y">
        <script src="https://system49.webtech.com.tw/js/gsap.min.js"></script>
        <script>
          $(document).ready(function () {


            const winHeight = window.innerHeight;
            function getOffsetTop(elem) {
              let offsetTop = 0;
              if (elem) {
                do {
                  if (!isNaN(elem.offsetTop)) {
                    offsetTop += elem.offsetTop;
                  }
                } while (elem = elem.offsetParent);
                return offsetTop;
              }
            }
            const m_RWDfullscreen01_85_1Scroll0 = document.querySelector('.top_block .img_block');
            let m_RWDfullscreen01_85_1Scroll0OffsetTop = getOffsetTop(m_RWDfullscreen01_85_1Scroll0);
            // 防止頁面尚有其他物件load太久導致物件位置有變
            setTimeout(function () {
              m_RWDfullscreen01_85_1Scroll0OffsetTop = getOffsetTop(m_RWDfullscreen01_85_1Scroll0);
            }, 4000);
            if (m_RWDfullscreen01_85_1Scroll0) {
              m_RWDfullscreen01_85_1Scroll0.style.transition = "transform 0s";
            }

            $(window).on("scroll", function () {
              let scrollTop = $("html,body").scrollTop();
              let distance = scrollTop + (winHeight / 2) - m_RWDfullscreen01_85_1Scroll0OffsetTop;
              const maxDistance = 30;
              let gaspY = distance * 0.05;
              if (gaspY < -maxDistance) {
                gaspY = -maxDistance;
              } else if (gaspY > maxDistance) {
                gaspY = maxDistance;
              }
              gsap.to(m_RWDfullscreen01_85_1Scroll0, {
                y: gaspY,
                duration: 1,
                // ease: 'none'
              });

            });
            const m_RWDfullscreen01_85_1Scroll1 = document.querySelector('.block_01 .bottom_img');
            let m_RWDfullscreen01_85_1Scroll1OffsetTop = getOffsetTop(m_RWDfullscreen01_85_1Scroll1);
            // 防止頁面尚有其他物件load太久導致物件位置有變
            setTimeout(function () {
              m_RWDfullscreen01_85_1Scroll1OffsetTop = getOffsetTop(m_RWDfullscreen01_85_1Scroll1);
            }, 4000);
            if (m_RWDfullscreen01_85_1Scroll1) {
              m_RWDfullscreen01_85_1Scroll1.style.transition = "transform 0s";
            }

            $(window).on("scroll", function () {
              let scrollTop = $("html,body").scrollTop();
              let distance = scrollTop + (winHeight / 2) - m_RWDfullscreen01_85_1Scroll1OffsetTop;
              const maxDistance = 30;
              let gaspY = distance * -0.05;
              if (gaspY < -maxDistance) {
                gaspY = -maxDistance;
              } else if (gaspY > maxDistance) {
                gaspY = maxDistance;
              }
              gsap.to(m_RWDfullscreen01_85_1Scroll1, {
                y: gaspY,
                duration: 1,
                // ease: 'none'
              });

            });


          });
        </script>
      </div>
      <div class="clear"></div>
    </div>
    <div style="clear:both;"></div>
  </div>
  <style>
    #newsBoxsContent img {
      max-width: 100%;
    }
  </style>
  <div style="display: none">
    <div id="newsBoxsContent" style="min-width:80%">
      <p>
      <div>
        <div><a href="https://the-adagio.com/PMFgE" target="_blank"><img
              src="https://system49.webtech.com.tw/web/202200173/archive/image/91c161b7cb022e5b.jpg"
              style="height: 300px; width: 300px;" /></a></div>
      </div>
      </p>
    </div>
  </div>
  <script type="text/javascript">
    $(document).ready(function () {
      let ww = $(window).width();
      let _fancyboxma = 30;
      if (ww > 1024) {
        _fancyboxma = [30, 200, 30, 200]
      }
      $("#newsBoxsContent").fancybox({
        margin: _fancyboxma,
        // 如果後台有開啟指定尺寸功能
        closeClick: false,
        'titlePosition': 'inside',
        'transitionIn': 'none',
        'transitionOut': 'none',
        afterShow: function () {
          $("#newsBoxsContent a").click(function () {
            event.preventDefault();
            var href = $(this).attr('href');
            var target = $(this).attr('target');
            //alert(typeof(target) == "undefined");
            if (typeof (target) == "undefined" || target == "_self") {
              location.href = href;
            } else {
              window.open(href, target);
            }
          });
        },
        afterClose: function () {
          setTimeout(function () {
            $(window).resize();
          }, 333);
        }
      });
      window.addEventListener('load', function () {
        setTimeout(function () {
          $("#newsBoxsContent").trigger('click');
        }, 100);
      }, false);
    });
  </script>
  <script>
    $(document).ready(function () {
      if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) {
        $(".fixiosiframe").each(function () {
          var f = $(this);
          f.css({ 'width': '1px', 'min-width': '100%', '*width': '100%', 'height': '100%', '-webkit-overflow-scrolling': 'touch' }).attr('scrolling', 'no');
          var h = f.attr('height');
          var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>');
          $new.insertBefore(f);
          $new.prepend(f);
        });

      }
    });
  </script>
  <!--load external_js-->
  <script src="https://system49.webtech.com.tw/js-plugin/fakeLoader/fakeLoader.min.miracle.js?=v4.1"></script>
  <script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_toggle.js"></script>
  <script src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/menu_dropdown.js"></script>
  <script
    src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/ml-stack-nav/ml-stack-nav.min.js"></script>
  <script
    src="https://system49.webtech.com.tw/public/model/lib/RWDmenu_plus04/scripts/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="https://system49.webtech.com.tw/js-plugin/fullvideo/jquery.youtubebackground.js"></script>
  <script src="https://system49.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/modernizr.js"></script>
  <script
    src="https://system49.webtech.com.tw/public/model/lib/RWDbanner_plus01/scripts/slick-1.8.0/slick/slick.min.js"></script>
  <script src="https://system49.webtech.com.tw/js-plugin/owl-carousel/owl.carousel.min.js"></script>
  <!--load external_js end-->
</body>
<script defer type="text/javascript"
  src="https://system49.webtech.com.tw/lib/website_marketing_resource.js?v=3"></script>

</html>