<!doctype html>
<html lang="en">

<head>
  <!-- !GOOGLE-ANALYTICS START -->
  <script>
    (function (i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
    ga('create', 'UA-1877002-1', 'auto');
    ga('set', 'anonymizeIp', true);
    ga('send', 'pageview');

    (function(d) {
    var config = {
      kitId: 'chb6xbb',
      scriptTimeout: 3000,
      async: true
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
    })(document);
  </script>
  <!-- !GOOGLE-ANALYTICS END -->
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-5VVM7H4');</script>
  <!-- End Google Tag Manager -->
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N7ZHJKV');</script>
  <!-- End Google Tag Manager -->


  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VZBE750MDG"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-VZBE750MDG');
  </script>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, user-scalable=no">
  <title>:: VIVOTEK ::</title>
  <base href="/">
  <meta name="facebook-domain-verification" content="rqfjmw4l4y0r1qf2xmria07blhs0em" />
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/vivotek-icon-16x16-3.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/vivotek-icon-32x32-3.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/vivotek-icon-96x96-3.png">
  <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/vivotek-icon-192x192-3.png">
  <link rel="apple-touch-icon" href="/assets/img/favicon/vivotek-touch-icon-iphone-3.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicon/vivotek-touch-icon-ipad-3.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/vivotek-touch-icon-iphone-retina-3.png">
  <link rel="apple-touch-icon" sizes="167x167" href="/assets/img/favicon/vivotek-touch-icon-ipad-retina-3.png">

  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <script type="text/javascript">
    var appInsights = window.appInsights || function (a) {
      function b(a) {
        c[a] = function () {
          var b = arguments;
          c.queue.push(function () {
            c[a].apply(c, b)
          })
        }
      }
      var c = {
        config: a
      },
        d = document,
        e = window;
      setTimeout(function () {
        var b = d.createElement("script");
        b.src = a.url || "https://az416426.vo.msecnd.net/scripts/a/ai.0.js", d.getElementsByTagName("script")[0].parentNode
          .appendChild(b)
      });
      try {
        c.cookie = d.cookie
      } catch (a) { }
      c.queue = [];
      for (var f = ["Event", "Exception", "Metric", "PageView", "Trace", "Dependency"]; f.length;) b("track" + f.pop());
      if (b("setAuthenticatedUserContext"), b("clearAuthenticatedUserContext"), b("startTrackEvent"), b(
        "stopTrackEvent"), b("startTrackPage"), b("stopTrackPage"), b("flush"), !a.disableExceptionTracking) {
        f = "onerror", b("_" + f);
        var g = e[f];
        e[f] = function (a, b, d, e, h) {
          var i = g && g(a, b, d, e, h);
          return !0 !== i && c["_" + f](a, b, d, e, h), i
        }
      }
      return c
    }({
      instrumentationKey: "50ad4999-8ccf-478b-a9f3-894762f2c58f"
    });

    window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length && appInsights.trackPageView();

  </script>
  <!-- TODO: 之後要改變作法 -->
  <!-- <script src="https://www.vivotek.com/customRoutes.js"></script> -->
<link rel="stylesheet" href="styles.b840468241ae7d23cfd5.css"></head>

<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5VVM7H4"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7ZHJKV"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <vvtk-root>
    <div class="background">
      <div class="wrapper">
        <div class="cssload-thecube">
          <div class="cssload-cube cssload-c1"></div>
          <div class="cssload-cube cssload-c2"></div>
          <div class="cssload-cube cssload-c4"></div>
          <div class="cssload-cube cssload-c3"></div>
        </div>
      </div>
    </div>
  </vvtk-root>
<script type="text/javascript" src="runtime.a27e3ae9ff46f42ff02f.js"></script><script type="text/javascript" src="polyfills.dbe29a222766af621eac.js"></script><script type="text/javascript" src="scripts.92ebee8e76d612be9bbb.js"></script><script type="text/javascript" src="main.02466630c552d8b31cba.js"></script><script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=484625981" async></script></body>

</html>
