You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
information-system/application/views/mobile_first/ah.php

348 lines
34 KiB
PHTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html lang="en" transformed="google;v=3">
<head>
<meta charset="utf-8">
<title><!--@TITLE@--></title>
<meta name="keywords" content="<!--@KEYWORDS@-->">
<meta name="description" content="<!--@DESCRIPTION@-->">
<link rel="canonical" href="<!--@CANONICAL@-->">
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
<!--@OG:IMAGE@-->
<link rel="shortcut icon" href="https://data.asiahighlights.com/favicon.ico"/>
<!--@MAIN-CSS@-->
<!--@ADDON-CSS@-->
<!-- 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-56CMWN3');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-56CMWN3" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript> <!-- End Google Tag Manager (noscript) -->
<header class="headerbar flex justify-start items-center top-0 left-0 right-0 pl2 pr4 pt2 md-pt0" id="header">
<div role="button" tabindex="0">
<i class="fa fa-bars navimenu topnaviarrowdown action--open"></i>
<a href="/"> <img src="https://data.asiahighlights.com/pic/ah-bottom-logo-mobile.png" alt="chinahighlights logo"
class="chinahighlightslogo img-responsive"></a>
<div class="topnavitailor">
<a href="/contactus/" class="infocustomize">Contact Us <i aria-hidden="true"
class="fa fa-caret-right toptailorarrow"></i></a>
</div>
</div>
</header>
<nav id="ml-menu" class="menu">
<button class="menu__back menu__back--hidden" aria-label="Go back"><span class="icon icon--arrow-left"></span>
</button>
<nav class="menu__breadcrumbs" aria-label="You are here"><a href="#">all</a></nav>
<div class="siteSearch">
<form id="searchbox_001281624266240652297:cl1fy1cxepi" name="googlesreach"
action="https://secure.chinahighlights.com/result.asp">
<input type="hidden" value="001281624266240652297:cl1fy1cxepi" name="cx">
<input type="hidden" value="FORID:9" name="cof">
<input type="text" onfocus="this.value = ''" class="strkeys" placeholder="site search" name="q">
<input type="image" class="submits"
src="https://data.chinahighlights.com/pic/pc-top-navigation-web-search-bg.png">
<input type="hidden" name="__ftoken__"
value="MTU5ODMzNDc2NDQ0NA==.3664784f0395175e7de44382781cd7f7cb647e2a"></form>
</div>
<button class="action action--close" aria-label="Close Menu"><span class="icon icon--cross"></span></button>
<div class="menu__wrap">
<ul data-menu="main" class="menu__level menu__level--current" tabindex="-1" role="menu" aria-label="All">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/">Home</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-1" aria-owns="submenu-1">Destinations</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-2" aria-owns="submenu-2">Best
Time to Visit</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-3" aria-owns="submenu-3">Festival
& Events</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-4" aria-owns="submenu-4">Top
Things to Do</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" data-submenu="submenu-5" aria-owns="submenu-5">Vacation
Type</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/about-us/">About Us</a></li>
</ul>
<!-- destinations -->
<ul data-menu="submenu-1" id="submenu-1" class="menu__level" tabindex="-1" role="menu"
aria-label="destinations">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/thailand/travel-guide">Thailand</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/japan/travel-guide">Japan</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/india/travel-guide">India</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/vietnam/travel-guide">Vietnam</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/cambodia/travel-guide">Cambodia</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/myanmar/travel-guide">Gyanmar</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/laos/travel-guide">Laos</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/tours/">Top Asia Tours</a></li>
</ul>
<!-- Best-time -->
<ul data-menu="submenu-2" id="submenu-2" class="menu__level" tabindex="-1" role="menu" aria-label="Best-time">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/southeast-asia/best-time-to-visit">Southeast
Asia</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link"
href="/thailand/best-time-to-visit">Thailand</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/japan/best-time-to-visit">Japan</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/vietnam/climate-and-weather">Vietnam</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link"
href="/cambodia/best-time-to-visit">Cambodia</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/india/best-time-to-visit">India</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/bhutan/best-time-to-visit">Bhutan</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/laos/best-time-to-visit">Laos</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/myanmar/best-time-to-visit">Myanmar</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/nepal/best-time-to-visit">Nepal</a></li>
</ul>
<!-- festival -->
<ul data-menu="submenu-3" id="submenu-3" class="menu__level" tabindex="-1" role="menu" aria-label="festival">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/thailand/light-festivals">Thailand
Lantern Festival</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/india/when-is-diwali">Diwali in
India</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/vietnam/new-year">Tet in Vietnam</a>
</li>
</ul>
<!-- top things to do -->
<ul data-menu="submenu-4" id="submenu-4" class="menu__level" tabindex="-1" role="menu"
aria-label="topthingstodo">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/southeast-asia/things-to-do">Asia</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/bhutan/top-things-to-do">Bhutan</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/cambodia/top-things-to-do-in-siem-reap">Cambodia</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/india/top-things-to-do">India</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/japan/top-things-to-do">Japan</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/laos/top-attractions">Laos</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/myanmar/top-things-to-do">Myanmar</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/nepal/top-things-to-do">Nepal</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/srilanka/top-things-to-do">Sri Lanka</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/thailand/top-things-to-do">Thailand</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/vietnam/top-things-to-do">Vietnam</a>
</li>
</ul>
<ul data-menu="submenu-5" id="submenu-5" class="menu__level" tabindex="-1" role="menu" aria-label="vacation">
<li class="menu__item" role="menuitem"><a class="menu__link" href="/asia/family-trip/top-destinations">Family
Tours</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/asia/romantic-trip/how-to-plan">Honeymoon
Ideas</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/southeast-asia/top-beaches">Beach
Relaxation</a></li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/thailand/trekking">Trekking Tours</a>
</li>
<li class="menu__item" role="menuitem"><a class="menu__link" href="/myanmar/tours/myanmar-photography">Photography
Tours</a></li>
</ul>
</div>
</nav>
<!--移动头部 结束-->
<!--MOBILE 正文-->
<!--@HEAD_1@-->
<div id="main_content_mobile">
<!--@CUSTOM-CONENT@-->
<!--右侧广告-->
<div class="inforightad">
<a href="/tours/ah-1.htm"><img alt="Hoi An Woman" class="img-responsive"
src="https://data.asiahighlights.com/image/travel-guide/hoi-an-woman.jpg"
style="opacity: 1; transition: opacity 0.5s ease-in-out 0s;"></a>
</div>
<!--右侧广告结束-->
</div>
<!--底部推荐-->
<div class="nextcontext">
<h2 class="nexttitle">Visit Vietnam with Asia Highlights</h2>
<p class="nextinfo">Asia Highlights welcomes the chance to help you design your perfect trip to Vietnam. Check out
the following links to learn more about our tours and get a head start on planning your hassle-free vacation
today!</p>
<div class="tournext">
<img src="https://images.chinahighlights.com/allpicture/2018/03/7a8ecffdc34d45a29b4bff77_cut_600x550_77.jpg"
class="img-responsive" alt="xxx">
<div class="nextbg">
<div class="tournextname"><a href="/vietnam/tours/best-of-vietnam-with-mekong-delta">10-Day Best of Vietnam
with Mekong Delta</a></div>
<div class="tournextbutton"><a href="/vietnam/tours/best-of-vietnam-with-mekong-delta" rel="nofollow">Explore</a>
</div>
</div>
</div>
<div class="tournext">
<img src="https://images.chinahighlights.com/allpicture/2018/03/7a8ecffdc34d45a29b4bff77_cut_600x550_77.jpg"
class="img-responsive" alt="xxx">
<div class="nextbg">
<div class="tournextname"><a href="/vietnam/tours/best-of-vietnam-with-mekong-delta">10-Day Best of Vietnam
with Mekong Delta</a></div>
<div class="tournextbutton"><a href="/vietnam/tours/best-of-vietnam-with-mekong-delta" rel="nofollow">Explore</a>
</div>
</div>
</div>
<div class="tournext">
<img src="https://images.chinahighlights.com/allpicture/2018/03/7a8ecffdc34d45a29b4bff77_cut_600x550_77.jpg"
class="img-responsive" alt="xxx">
<div class="nextbg">
<div class="tournextname"><a href="/vietnam/tours/best-of-vietnam-with-mekong-delta">10-Day Best of Vietnam
with Mekong Delta</a></div>
<div class="tournextbutton"><a href="/vietnam/tours/best-of-vietnam-with-mekong-delta" rel="nofollow">Explore</a>
</div>
</div>
</div>
<h2 class="nexttitle">Related Articles</h2>
<div class="nextarticle">
<a href="/southeast-asia/coronavirus-travel-tips"> <img
src="https://images.chinahighlights.com/allpicture/2018/03/7a8ecffdc34d45a29b4bff77_cut_600x550_77.jpg"
class="img-responsive" alt="xxx"></a>
<div class="nextarticlebg">
<div class="nextarticlename">
<a href="/southeast-asia/coronavirus-travel-tips"> Is it Safe to Travel to Asia During the COVID-19
Outbreak? </a>
</div>
</div>
</div>
<div class="nextarticle">
<a href="/southeast-asia/coronavirus-travel-tips"><img
src="https://images.chinahighlights.com/allpicture/2018/03/7a8ecffdc34d45a29b4bff77_cut_600x550_77.jpg"
class="img-responsive" alt="xxx"></a>
<div class="nextarticlebg">
<div class="nextarticlename">
<a href="/southeast-asia/coronavirus-travel-tips"> Is it Safe to Travel to Asia During the COVID-19
Outbreak? </a>
</div>
</div>
</div>
<div class="nextarticle">
<a href="/southeast-asia/coronavirus-travel-tips"> <img
src="https://images.chinahighlights.com/allpicture/2018/03/7a8ecffdc34d45a29b4bff77_cut_600x550_77.jpg"
class="img-responsive" alt="xxx"></a>
<div class="nextarticlebg">
<div class="nextarticlename">
<a href="/southeast-asia/coronavirus-travel-tips"> Is it Safe to Travel to Asia During the COVID-19
Outbreak? </a>
</div>
</div>
</div>
</div>
<!--底部推荐 结束-->
<!--MOBILE 正文 结束-->
<!--移动底部-->
<footer>
<div class="infotailor">
<span class="infotailorword">We are here to help you...<br> start planning your tailor-made Asia tour with 1-1 help from our travel advisors.
<span class="infotailormade"><a href="https://www.chinahighlights.com/tour/create-my-trip.htm">Create Your Trip <i
aria-hidden="true" class="fa fa-caret-right"></i></a></span>
</span>
</div>
<div class="infobottom">
<div class="bottomlogoinfo">At Asia Highlights, we create your kind of journey your dates, destinations, at
your pace. Not just any journey, but the unique trip with exceptional experience you're looking for. <a
href="/aboutus/">more
...</a>
<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
class="bottomlogocenter img-responsive">
Rated 4.8 out of 5 | Excellent
</div>
<div class="bottommedia">
<span class="followtitle">Follow Us</span>
<ul>
<li><a href="https://www.facebook.com/AsiaHighlights/" rel="nofollow" title="Follow us on Facebook"
class="fb" target="_blank">
<i class="fa fa-facebook"></i>Facebook
</a></li>
<li><a href="https://twitter.com/Asiahighlights" rel="nofollow" title="Share us on Twitter" class="tw"
target="_blank"> <i class="fa fa-twitter"></i>Twitter </a></li>
<li><a href="https://www.instagram.com/asiahighlights/" rel="nofollow" title="Follow us on Instagram"
class="linkin" target="_blank">
<i class="fa fa-instagram" aria-hidden="true"></i>
Instagram </a></li>
</ul>
</div>
<div class="bottomlinks">
<span class="followtitle"><a href="/aboutus/" rel="nofollow">About Us</a></span>
<ul>
<li><a href="/about-us/history.htm" rel="nofollow">History</a></li>
<li><a href="/about-us/our-differences.htm" rel="nofollow">Our Differences</a></li>
<li><a href="/contact-us.htm" rel="nofollow">Contact Us</a></li>
<li><a href="/privacy.htm">Privacy Policy</a></li>
<li><a href="/terms-of-use.htm">Terms</a></li>
</ul>
</div>
<div class="clear"></div>
<div class="featureon">
<span class="followtitle">Featured on</span>
<img src="https://data.chinahighlights.com/image/asia/asia-highlights-medias-group.png" loader="lazy"
originalsrc="https://data.chinahighlights.com/image/asia/asia-highlights-medias-group.png"
alt="info template feature on" class="img-responsive" width="436px" height="250px"
style="opacity: 1; transition: opacity 0.5s ease-in-out 0s;">
</div>
</div>
<div class="bottomlogo">
© Asia Highlights <br>— Discovery Your Way!
</div>
</footer>
<!--移动底部 结束-->
<script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */
(function(window){function classReg(className){return new RegExp("(^|\\s+)"+className+"(\\s+|$)")}var hasClass,addClass,removeClass;if("classList" in document.documentElement){hasClass=function(elem,c){return elem.classList.contains(c)};addClass=function(elem,c){elem.classList.add(c)};removeClass=function(elem,c){elem.classList.remove(c)}}else{hasClass=function(elem,c){return classReg(c).test(elem.className)};addClass=function(elem,c){if(!hasClass(elem,c)){elem.className=elem.className+" "+c}};removeClass=function(elem,c){elem.className=elem.className.replace(classReg(c)," ")}}function toggleClass(elem,c){var fn=hasClass(elem,c)?removeClass:addClass;fn(elem,c)}var classie={hasClass:hasClass,addClass:addClass,removeClass:removeClass,toggleClass:toggleClass,has:hasClass,add:addClass,remove:removeClass,toggle:toggleClass};if(typeof define==="function"&&define.amd){define(classie)}else{if(typeof exports==="object"){module.exports=classie}else{window.classie=classie}}})(window);
!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,i,s,a;for(var f in C){if(C.hasOwnProperty(f)){if(e=[],n=C[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length)){for(t=0;t<n.options.aliases.length;t++){e.push(n.options.aliases[t].toLowerCase())}}for(o=r(n.fn,"function")?n.fn():n.fn,i=0;i<e.length;i++){s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]] instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}}}function i(e){var n=w.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?w.className.baseVal=n:w.className=n)}function s(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function a(e,n){return !!~(""+e).indexOf(n)}function f(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var i in e){if(e[i] in n){return t===!1?e[i]:(o=n[e[i]],r(o,"function")?l(o,t||n):o)}}return !1}function p(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(){var e=n.body;return e||(e=f(x?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var i,s,a,l,u="modernizr",p=f("div"),c=d();if(parseInt(r,10)){for(;r--;){a=f("div"),a.id=o?o[r]:u+(r+1),p.appendChild(a)}}return i=f("style"),i.type="text/css",i.id="s"+u,(c.fake?c:p).appendChild(i),c.appendChild(p),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(n.createTextNode(e)),p.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",l=w.style.overflow,w.style.overflow="hidden",w.appendChild(c)),s=t(p,e),c.fake?(c.parentNode.removeChild(c),w.style.overflow=l,w.offsetHeight):p.parentNode.removeChild(p),!!s}function m(n,r){var o=n.length;if("CSS" in e&&"supports" in e.CSS){for(;o--;){if(e.CSS.supports(p(n[o]),r)){return !0}}return !1}if("CSSSupportsRule" in e){for(var i=[];o--;){i.push("("+p(n[o])+":"+r+")")}return i=i.join(" or "),c("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function v(e,n,o,i){function l(){p&&(delete z.style,delete z.modElem)}if(i=r(i,"undefined")?!1:i,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined")){return u}}for(var p,d,c,v,h,y=["modernizr","tspan"];!z.style;){p=!0,z.modElem=f(y.shift()),z.style=z.modElem.style}for(c=e.length,d=0;c>d;d++){if(v=e[d],h=z.style[v],a(v,"-")&&(v=s(v)),z.style[v]!==t){if(i||r(o,"undefined")){return l(),"pfx"==n?v:!0}try{z.style[v]=o}catch(g){}if(z.style[v]!=h){return l(),"pfx"==n?v:!0}}}return l(),!1}function h(e,n,t,o,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(s+" ")+s).split(" ");return r(n,"string")||r(n,"undefined")?v(a,n,o,i):(a=(e+" "+N.join(s+" ")+s).split(" "),u(a,n,t))}function y(e,n,r){return h(e,t,t,n,r)}var g=[],C=[],_={_version:"3.2.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=_,Modernizr=new Modernizr;var w=n.documentElement,x="svg"===w.nodeName.toLowerCase(),S="Moz O ms Webkit",b=_._config.usePrefixes?S.split(" "):[];
_._cssomPrefixes=b;var E=function(n){var r,o=prefixes.length,i=e.CSSRule;if("undefined"==typeof i){return t}if(!n){return !1}if(n=n.replace(/^@/,""),r=n.replace(/-/g,"_").toUpperCase()+"_RULE",r in i){return"@"+n}for(var s=0;o>s;s++){var a=prefixes[s],f=a.toUpperCase()+"_"+r;if(f in i){return"@-"+a.toLowerCase()+"-"+n}}return !1};_.atRule=E;var N=_._config.usePrefixes?S.toLowerCase().split(" "):[];_._domPrefixes=N;var P={elem:f("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),_.testAllProps=h;_.prefixed=function(e,n,t){return 0===e.indexOf("@")?E(e):(-1!=e.indexOf("-")&&(e=s(e)),n?h(e,n,t):h(e,"pfx"))};_.testAllProps=y,Modernizr.addTest("cssanimations",y("animationName","a",!0)),o(),i(g),delete _.addTest,delete _.addAsyncTest;for(var T=0;T<Modernizr._q.length;T++){Modernizr._q[T]()}e.Modernizr=Modernizr}(window,document);(function(window){var support={animations:Modernizr.cssanimations},animEndEventNames={"WebkitAnimation":"webkitAnimationEnd","OAnimation":"oAnimationEnd","msAnimation":"MSAnimationEnd","animation":"animationend"},animEndEventName=animEndEventNames[Modernizr.prefixed("animation")],onEndAnimation=function(el,callback){var onEndCallbackFn=function(ev){if(support.animations){if(ev.target!=this){return}this.removeEventListener(animEndEventName,onEndCallbackFn)}if(callback&&typeof callback==="function"){callback.call()}};if(support.animations){el.addEventListener(animEndEventName,onEndCallbackFn)}else{onEndCallbackFn()}};function extend(a,b){for(var key in b){if(b.hasOwnProperty(key)){a[key]=b[key]}}return a}function MLMenu(el,options){this.el=el;this.options=extend({},this.options);extend(this.options,options);this.menus=[].slice.call(this.el.querySelectorAll(".menu__level"));this.current_menu=0;var current_menu;this.menus.forEach(function(menuEl,pos){var items=menuEl.querySelectorAll(".menu__item");items.forEach(function(itemEl,iPos){var currentLink=itemEl.querySelector(".menu__link--current");if(currentLink){current_menu=pos}})});if(current_menu){this.current_menu=current_menu}this._init()}MLMenu.prototype.options={breadcrumbsCtrl:true,initialBreadcrumb:"all",backCtrl:true,itemsDelayInterval:60,direction:"r2l",onItemClick:function(ev,itemName){return false}};MLMenu.prototype._init=function(){this.menusArr=[];this.breadCrumbs=false;var self=this;var submenus=[];this.menus.forEach(function(menuEl,pos){var menu={menuEl:menuEl,menuItems:[].slice.call(menuEl.querySelectorAll(".menu__item"))};self.menusArr.push(menu);if(pos===self.current_menu){classie.add(menuEl,"menu__level--current")}var menu_x=menuEl.getAttribute("data-menu");var links=menuEl.querySelectorAll(".menu__link");links.forEach(function(linkEl,lPos){var submenu=linkEl.getAttribute("data-submenu");if(submenu){var pushMe={"menu":submenu,"name":linkEl.innerHTML};if(submenus[pos]){submenus[pos].push(pushMe)}else{submenus[pos]=[];submenus[pos].push(pushMe)}}})});this.menus.forEach(function(menuEl,pos){var menu_x=menuEl.getAttribute("data-menu");submenus.forEach(function(subMenuEl,menu_root){subMenuEl.forEach(function(subMenuItem,subPos){if(subMenuItem.menu==menu_x){self.menusArr[pos].backIdx=menu_root;self.menusArr[pos].name=subMenuItem.name}})})});if(self.options.breadcrumbsCtrl){this.breadcrumbsCtrl=document.createElement("nav");this.breadcrumbsCtrl.className="menu__breadcrumbs";this.breadcrumbsCtrl.setAttribute("aria-label","You are here");this.el.insertBefore(this.breadcrumbsCtrl,this.el.firstChild);this._addBreadcrumb(0);if(self.menusArr[self.current_menu].backIdx!=0&&self.current_menu!=0){this._crawlCrumbs(self.menusArr[self.current_menu].backIdx,self.menusArr);this.breadCrumbs=true}if(self.current_menu!=0){this._addBreadcrumb(self.current_menu);this.breadCrumbs=true}}if(this.options.backCtrl){this.backCtrl=document.createElement("button");if(this.breadCrumbs){this.backCtrl.className="menu__back"}else{this.backCtrl.className="menu__back menu__back--hidden"}this.backCtrl.setAttribute("aria-label","Go back");this.backCtrl.innerHTML='<span class="icon icon--arrow-left"></span>';this.el.insertBefore(this.backCtrl,this.el.firstChild)}this._initEvents()};MLMenu.prototype._initEvents=function(){var self=this;for(var i=0,len=this.menusArr.length;i<len;++i){this.menusArr[i].menuItems.forEach(function(item,pos){item.querySelector("a").addEventListener("click",function(ev){var submenu=ev.target.getAttribute("data-submenu"),itemName=ev.target.innerHTML,subMenuEl=self.el.querySelector('ul[data-menu="'+submenu+'"]');if(submenu&&subMenuEl){ev.preventDefault();self._openSubMenu(subMenuEl,pos,itemName)}else{var currentlink=self.el.querySelector(".menu__link--current");if(currentlink){classie.remove(self.el.querySelector(".menu__link--current"),"menu__link--current")}classie.add(ev.target,"menu__link--current");self.options.onItemClick(ev,itemName)}})})}if(this.options.backCtrl){this.backCtrl.addEventListener("click",function(){self._back()})}};MLMenu.prototype._openSubMenu=function(subMenuEl,clickPosition,subMenuName){if(this.isAnimating){return false
}this.isAnimating=true;this.menusArr[this.menus.indexOf(subMenuEl)].backIdx=this.current_menu;this.menusArr[this.menus.indexOf(subMenuEl)].name=subMenuName;this._menuOut(clickPosition);this._menuIn(subMenuEl,clickPosition)};MLMenu.prototype._back=function(){if(this.isAnimating){return false}this.isAnimating=true;this._menuOut();var backMenu=this.menusArr[this.menusArr[this.current_menu].backIdx].menuEl;this._menuIn(backMenu);if(this.options.breadcrumbsCtrl){this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild)}};MLMenu.prototype._menuOut=function(clickPosition){var self=this,currentMenu=this.menusArr[this.current_menu].menuEl,isBackNavigation=typeof clickPosition=="undefined"?true:false;this.menusArr[this.current_menu].menuItems.forEach(function(item,pos){item.style.WebkitAnimationDelay=item.style.animationDelay=isBackNavigation?parseInt(pos*self.options.itemsDelayInterval)+"ms":parseInt(Math.abs(clickPosition-pos)*self.options.itemsDelayInterval)+"ms"});if(this.options.direction==="r2l"){classie.add(currentMenu,!isBackNavigation?"animate-outToLeft":"animate-outToRight")}else{classie.add(currentMenu,isBackNavigation?"animate-outToLeft":"animate-outToRight")}};MLMenu.prototype._menuIn=function(nextMenuEl,clickPosition){var self=this,currentMenu=this.menusArr[this.current_menu].menuEl,isBackNavigation=typeof clickPosition=="undefined"?true:false,nextMenuIdx=this.menus.indexOf(nextMenuEl),nextMenu=this.menusArr[nextMenuIdx],nextMenuEl=nextMenu.menuEl,nextMenuItems=nextMenu.menuItems,nextMenuItemsTotal=nextMenuItems.length;nextMenuItems.forEach(function(item,pos){item.style.WebkitAnimationDelay=item.style.animationDelay=isBackNavigation?parseInt(pos*self.options.itemsDelayInterval)+"ms":parseInt(Math.abs(clickPosition-pos)*self.options.itemsDelayInterval)+"ms";var farthestIdx=clickPosition<=nextMenuItemsTotal/2||isBackNavigation?nextMenuItemsTotal-1:0;if(pos===farthestIdx){onEndAnimation(item,function(){if(self.options.direction==="r2l"){classie.remove(currentMenu,!isBackNavigation?"animate-outToLeft":"animate-outToRight");classie.remove(nextMenuEl,!isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}else{classie.remove(currentMenu,isBackNavigation?"animate-outToLeft":"animate-outToRight");classie.remove(nextMenuEl,isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}classie.remove(currentMenu,"menu__level--current");classie.add(nextMenuEl,"menu__level--current");self.current_menu=nextMenuIdx;if(!isBackNavigation){if(self.options.backCtrl){classie.remove(self.backCtrl,"menu__back--hidden")}self._addBreadcrumb(nextMenuIdx)}else{if(self.current_menu===0&&self.options.backCtrl){classie.add(self.backCtrl,"menu__back--hidden")}}self.isAnimating=false;nextMenuEl.focus()})}});if(this.options.direction==="r2l"){classie.add(nextMenuEl,!isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}else{classie.add(nextMenuEl,isBackNavigation?"animate-inFromRight":"animate-inFromLeft")}};MLMenu.prototype._addBreadcrumb=function(idx){if(!this.options.breadcrumbsCtrl){return false}var bc=document.createElement("a");bc.href="#";bc.innerHTML=idx?this.menusArr[idx].name:this.options.initialBreadcrumb;this.breadcrumbsCtrl.appendChild(bc);var self=this;bc.addEventListener("click",function(ev){ev.preventDefault();if(!bc.nextSibling||self.isAnimating){return false}self.isAnimating=true;self._menuOut();var nextMenu=self.menusArr[idx].menuEl;self._menuIn(nextMenu);var siblingNode;while(siblingNode=bc.nextSibling){self.breadcrumbsCtrl.removeChild(siblingNode)}})};MLMenu.prototype._crawlCrumbs=function(currentMenu,menuArray){if(menuArray[currentMenu].backIdx!=0){this._crawlCrumbs(menuArray[currentMenu].backIdx,menuArray)}this._addBreadcrumb(currentMenu)};window.MLMenu=MLMenu})(window);(function(){var menuEl=document.getElementById("ml-menu"),mlmenu=new MLMenu(menuEl,{backCtrl:true,});var openMenuCtrl=document.querySelector(".action--open"),closeMenuCtrl=document.querySelector(".action--close");openMenuCtrl.addEventListener("click",openMenu);closeMenuCtrl.addEventListener("click",closeMenu);function openMenu(){classie.add(menuEl,"menu--open");closeMenuCtrl.focus()}function closeMenu(){classie.remove(menuEl,"menu--open");openMenuCtrl.focus()}})();
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};',62,151,'|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'),0,{}))
function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
</script>
<!--@PRODUCT-JS@-->
<!--@ADDON-JS@-->
<!--@IN-ARTICLE-GOOGLE@-->
<!--@ADDTHIS-WIDGET@-->
</body>
</html>