<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > <?php echo $TITLE ?> </ title >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta content = "yes" name = "apple-mobile-web-app-capable" >
< meta name = "apple-mobile-web-app-title" content = " <?php echo $TITLE ?> " >
<?php if ( in_array ( $productType , array ( "customize" , "contactus" , "cruiseform" , "daytripform" ))) { // 预订表单不显示 ?>
< meta name = "robots" content = "noindex,nofollow" >
<?php } else { ?>
< meta name = "keywords" content = " <?php echo $KEYWORDS ?> " >
< meta name = "description" content = " <?php echo $DESCRIPTION ?> " >
<!--@OG:IMAGE@--> <?php echo $OGIMAGE ?>
<?php } ?>
< link rel = "canonical" href = " <?php echo $CANONICAL ?> " >
< link rel = "shortcut icon" href = "/favicon.ico" >
< link rel = "preconnect" href = "//data.shanghaihighlights.com" >
< link rel = "dns-prefetch" href = "//data.shanghaihighlights.com" >
< link rel = "dns-prefetch" href = "//images.shanghaihighlights.com" >
< link rel = "dns-prefetch" href = "//www.googletagmanager.com" >
< link rel = "dns-prefetch" href = "//www.googleadservices.com" >
< link rel = "dns-prefetch" href = "//www.google-analytics.com" >
< link rel = "dns-prefetch" href = "//connect.facebook.net" >
< link rel = "dns-prefetch" href = "//www.facebook.com" >
< link rel = preload href = 'https://data.shanghaihighlights.com/css/css3/fonts/fontawesome-webfont.woff2?v=4.7.0' as = font type = 'font/woff2' crossorigin / >
< link rel = preload href = 'https://data.shanghaihighlights.com//css/css3/fonts/feather.woff2?1gafuo' as = font type = 'font/woff2' crossorigin / >
<!--@MAIN-CSS@--> <?php echo $MAINCSS ?>
<!--@ADDON-CSS@--> <?php echo $ADDONCSS ?>
<!--@CONSTRUCTION-CODE@--> <?php echo $ConstructionCode ?>
< / head >
< body >
<!-- header -->
< 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" class = "mobile-top" >
< a href = "/" class = "toplogo" > < img src = "/image/icon/mobile-logo.png" alt = "Shanghaihig Hlights Logo" width = "100" height = "32" class = "img-responsive" > < / a >
< div class = "topnavitailor" > < a href = "/forms/customize.html" class = "mobile-topbtn" > CUSTOMIZE< / a > < em class = "fa fa-bars navimenu topnaviarrowdown action--open" > < / em > < / div > < / div >
< div class = "mobile-blank" > < / div >
<!-- nav -->
< nav id = "ml-menu" class = "menu" >
< button class = "action action--close" name = "closebtn" aria-label = "Close Menu" > < span class = "icon icon--cross" > < / span > < / button >
< div class = "menu__wrap" >
< ul data-menu = "main" class = "menu__level" 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" href = "/shanghai-water-town-tours/" > Water Town Tours< / a > < a class = "menu__link" href = "/shanghai-water-town-tours/" > Water Town Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" data-submenu = "submenu-2" aria-owns = "submenu-2" href = "/shanghai-day-trips/" > Shanghai Day Trips< / a > < a class = "menu__link" href = "/shanghai-day-trips/" > Shanghai Day Trips< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" data-submenu = "submenu-3" aria-owns = "submenu-3" href = "/shanghai-tours/" > Shanghai Tours< / a > < a class = "menu__link" href = "/shanghai-tours/" > Shanghai Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" data-submenu = "submenu-4" aria-owns = "submenu-4" hhref = "/shanghai-side-trips/" > Side Trips< / a > < a class = "menu__link" href = "/shanghai-side-trips/" > Side Trips< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" data-submenu = "submenu-5" aria-owns = "submenu-5" href = "/shanghai-travel-guide/" > Shanghai Guide< / a > < a class = "menu__link" href = "/shanghai-travel-guide/" > Shanghai Guide< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" data-submenu = "submenu-6" aria-owns = "submenu-6" href = "/shanghai-train-schedule/" > Trains< / a > < a class = "menu__link" href = "/shanghai-train-schedule/" > Trains< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/forms/customize" > Create My Trip< / a > < / li >
< / ul >
<!-- Water Town Tours -->
< ul data-menu = "submenu-1" id = "submenu-1" class = "menu__level" tabindex = "-1" role = "menu" aria-label = "water-town-tours" >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/tongli-tour/" > Tongli Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/wuzhen-tour/" > Wuzhen Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/zhouzhuang-tour/" > Zhouzhuang Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/xitang-tour/" > Xitang Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/nanxun-tour/" > Nanxun Tours< / a > < / li >
< / ul >
<!-- Shanghai Day Trip -->
< ul data-menu = "submenu-2" id = "submenu-2" class = "menu__level" tabindex = "-1" role = "menu" aria-label = "day-trip" >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-day-trips/top-day-trips.htm" > Top 5 Shanghai Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-day-trips/culture-experience/" > Shanghai City Exploration< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-day-trips/layover-tour/" > Shanghai Layover< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-theme-tours/" > Shanghai theme tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-day-trips/transfer-service.htm" > Shanghai Transport< / a > < / li >
< / ul >
<!-- Shanghai Tours -->
< ul data-menu = "submenu-3" id = "submenu-3" class = "menu__level" tabindex = "-1" role = "menu" aria-label = "shanghai-tours" >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-tours/top-shanghai-tours.htm" > Top Shanghai Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = " /shanghai-city-packages/" > Shanghai City Packages< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-china-tours/" > Shanghai China Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-tours/visa-free-travel.htm" > Visa Free Travel< / a > < / li >
< / ul >
<!-- Side Trips -->
< ul data-menu = "submenu-4" id = "submenu-4" class = "menu__level" tabindex = "-1" role = "menu" aria-label = "side-trips" >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/suzhou-tour/" > Suzhou Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/hangzhou-tour/" > Hangzhou Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/huangshan-tour/" > Huangshan Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/huangshan-tour/" > Beijing Tours< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/zhangjiajie-tour/" > Zhangjiajie Tours< / a > < / li >
< / ul >
<!-- Shanghai Guide -->
< ul data-menu = "submenu-5" id = "submenu-5" class = "menu__level" tabindex = "-1" role = "menu" aria-label = "shanghai-guide" >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/essential/" > Shanghai Facts< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-travel-guide/shanghai-sightseeing/" > Shanghai Attraction< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-weather/" > Shanghai Weather< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/travel-articles/" > Shanghai Travel Articles< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/neighbours/" > Shanghai Neighbors Guide< / a > < / li >
< / ul >
<!-- Trains -->
< ul data-menu = "submenu-6" id = "submenu-6" class = "menu__level" tabindex = "-1" role = "menu" aria-label = "trains" >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-train-schedule/shanghai-to-beijing-high-speed-trains/" > Beijing Shanghai High-speed Train< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-train-schedule/shanghai-hangzhou-intercity-high-speed-railway.htm" > Shanghai Hangzhou Train< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-train-schedule/china-train-types.htm" > Shanghai Train Types< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-train-schedule/train-ticket-types.htm" > China Train Classes< / a > < / li >
< li class = "menu__item" role = "menuitem" > < a class = "menu__link" href = "/shanghai-train-schedule/buy-ticket.htm" > How to buy Train Tickets< / a > < / li >
< / ul >
< / div >
< / nav >
<!-- nav end -->
< / header >
<!-- header end -->
<!-- main star -->
< main id = "main" >
<?php echo $CUSTOMCONENT ?>
< / main >
<!-- main end -->
<!-- footer star -->
< footer id = "footer" >
< div class = "container" >
< div class = "footer-left vw-width" >
< div class = "footer-title" > Shanghai Highlights< / div >
< p > Shanghai Highlights is the leading online Shanghai tour operator, offering one-stop Shanghai travel service and tours. < a href = "/about-us/" > More...< / a > < / p >
< p > < i class = "fa fa-map-marker" > < / i > No.70, Qilidian Road, Guilin, Guangxi, P. R. China< / p >
< p > < i class = "fa fa-phone" aria-hidden = "true" > < / i > 86-773-286-5632 (Intl rates apply)< / p >
< p class = "fl-logo" > < img src = "//data.shanghaihighlights.com/image/icon/pata-f.jpg" alt = "pata" width = "80" height = "33" > < img src = "//data.shanghaihighlights.com/image/icon/paypal-f.jpg" alt = "paypal" width = "80" height = "33" > < / p >
< / div >
< div class = "footer-about" >
< p class = "footer-title" > ABOUT US< / p >
< ul class = "flex-row" >
< li class = "flex-col-xs-2" > < a rel = "nofollow" href = "/forms/contactus" > Contact Us< / a > < / li >
< li class = "flex-col-xs-2" > < a rel = "nofollow" href = "/about-us" > About Us< / a > < / li >
< li class = "flex-col-xs-2" > < a rel = "nofollow" href = "/about-us/privacy" > Privacy< / a > < / li >
< li class = "flex-col-xs-2" > < a rel = "nofollow" href = "/about-us/online-job" > Work for Us< / a > < / li >
< li > < a rel = "nofollow" href = "/about-us/terms" > Terms and Conditions< / a > < / li >
< / ul >
< / div >
< p class = "text-center" > < a href = "https://www.tripadvisor.com/Attraction_Review-g308272-d7106234-Reviews-China_Travel_Shanghai-Shanghai.html" > < img src = "//data.shanghaihighlights.com/image/icon/footer-ta.png" alt = "Tripadvisor" width = "129" height = "93" > < / a > < / p >
< / div >
< div class = "footer-bottom" >
< p > Copyright © 1998 - 2023. All Rights Reserved to Shanghai Highlights< / p >
< / div >
< / footer >
<!-- footer end -->
< script > / * m e m u j s m o b i l e - m e n u . j s * /
(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--
}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(){
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@--> <?php echo $PRODUCTJS ?>
<!--@ADDON-JS@--> <?php echo $ADDONJS ?>
<!-- Google -->
<!-- Google Tag Manager -->
< script > ( f u n c t i o n ( w , d , s , l , i ) { w [ l ] = w [ l ] | | [ ] ; w [ l ] . p u s h ( { ' g t m . s t a r t ' :
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-NRQ3FJR');< / script >
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
< noscript > < iframe src = "https://www.googletagmanager.com/ns.html?id=GTM-NRQ3FJR"
height="0" width="0" style="display:none;visibility:hidden">< / iframe > < / noscript >
<!-- End Google Tag Manager (noscript) -->
<!-- End Google -->
<!-- @IN - ARTICLE - GOOGLE@ -->
<!--@ADDTHIS-WIDGET@--> <?php echo $addthis_widget ?>
<!--@PASSPARAM@--> <?php echo $passParam ?>
< / body >
< / html >
