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/third_party/htmlcompressor/views/amp-template/cht.php

243 lines
20 KiB
PHTML

<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>Info AMP Template</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="keywords" content="china travel, china travel agency">
<meta name="description" content="China travel agency offers China Tours, Yangtze River Cruises, Domestic Flights & Hotels. Helping over 10,000+ people tour China each year, maybe you?">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="canonical" href="">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<link rel="shortcut icon" href="https://data.asiahighlights.com/favicon.ico" />
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<style amp-custom>
/* public style */
body { margin: 0;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:14px;color:#545454; background:#fff; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top:-5px; }
a { color:#545454;}
a:hover { text-decoration: none; color:#a31022}
h1{font-size:25px;font-weight:400;margin:0 0 25px 0;}
h2{font-size:25px;font-weight:400;margin-bottom:15px;margin-top:50px;}
h3{font-size:20px;font-weight:normal;}
p{line-height:30px;margin-bottom:20px;font-size:18px;}
ul.drop1 { display: block; padding-left:0; margin-left:0;}
ul.drop1 li { list-style: none; line-height:20px; margin-bottom:10px; font-size:16px; background:url(https://data.chinahighlights.com/pic/square.png) no-repeat left; padding-left:20px;}
footer { background:#444; color:#fff;}
footer a { color:#fff; text-decoration: none;}
@media(max-width:376px) {
.brand { width:54%; font-size:14px;}
}
@media(min-width:400px) {
.brand {width:60%; font-size:16px; }
}
.brand { display: inline-block; text-align: center;color:#fff; font-weight:300;text-transform: uppercase;}
.ampstart-headerbar .ampstart-navbar-trigger { background:#a31022; position:fixed; width:100%; z-index:9999; margin-top:-5px;}
.customizeBtn {font-size: 12px;border: 1px solid #d1d1d1;border-radius: 2px;padding:2px 8px;display: inline-block;height: 18px;
line-height: 19px; float: right; margin:20px 15px 0 0;}
.customizeBtn a { color:#fff; text-decoration: none;}
#crumbNav { font-size: 12px; color: #a31022; position: relative; margin: 0 0 20px; }
#crumbNav a { text-decoration: none; padding: 2px 8px 4px 0; color: #444 }
#crumbNav a:after { content:""; margin-left:5px; font-size:16px;}
#crumbNav a:hover { color: #a31022; text-decoration: none }
/* google font */
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://data.chinahighlights.com/public/fonts/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://data.chinahighlights.com/public/fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://data.chinahighlights.com/public/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://data.chinahighlights.com/public/fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://data.chinahighlights.com/public/fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://data.chinahighlights.com/public/fonts/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}
/* from font awesome */
@font-face{font-family:FontAwesome;src:url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-tripadvisor:before{content:"\f262"}.fa-500px:before{content:"\f26e"}.fa-angle-down:before{content:"\f107"}.fa-square-o:before{content:"\f096"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}
.fa-facebook-square:before { content: "\f082" }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a" }
.fa-twitter:before { content: "\f099" }
.fa-pinterest:before { content: "\f0d2" }
.fa-pinterest-square:before { content: "\f0d3" }
.fa-caret-down:before { content: "\f0d7" }
.fa-caret-up:before { content: "\f0d8" }
.fa-caret-left:before { content: "\f0d9" }
.fa-caret-right:before { content: "\f0da" }
.fa-instagram:before { content: "\f16d" }
.fa-flickr:before { content: "\f16e" }
.fa-tripadvisor:before { content: "\f262" }
.fa-500px:before { content: "\f26e" }
.fa-angle-down:before { content: "\f107" }
.fa-square-o:before { content: "\f096" }
.fa-angle-left:before { content: "\f104" }
.fa-angle-right:before { content: "\f105" }
.fa-navicon:before,.fa-reorder:before,.fa-bars:before { content: "\f0c9"; color:#fff; margin:5px 0 0 15px; }
.fa-google-plus::before { content: "\f0d5";}
/* sidebar style */
.ampstart-headerbar { background-color: #fff; color: #000; z-index: 999; box-shadow: 0 0 5px 2px rgba(0,0,0,.1) }
.ampstart-headerbar+:not(amp-sidebar), .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1rem; background: transparent; opacity: .8 }
.ampstart-headerbar-nav { line-height: 3.5rem }
.ampstart-nav-item:active, .ampstart-nav-item:focus, .ampstart-nav-item:hover { opacity: 1 }
.ampstart-navbar-trigger:focus { outline: 0 }
.ampstart-nav a, .ampstart-navbar-trigger, .ampstart-sidebar-faq a { cursor: pointer; text-decoration: none }
.ampstart-nav .ampstart-label { color: inherit; padding-left:0; }
.ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2.2rem }
.ampstart-headerbar-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ampstart-nav-search { -webkit-box-flex: .5; -ms-flex-positive: .5; flex-grow: .5 }
.ampstart-headerbar .ampstart-nav-search:active, .ampstart-headerbar .ampstart-nav-search:focus, .ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none }
.ampstart-nav-dropdown { min-width: 200px }
.ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: 0 }
.ampstart-nav-dropdown amp-accordion ul { background-color: #fff }
.ampstart-nav-dropdown .ampstart-dropdown-item, .ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 }
.ampstart-nav-dropdown .ampstart-dropdown-item { color: #f88 }
.ampstart-sidebar { background-color: #555; color: #000; min-width: 300px; width: 300px }
.ampstart-sidebar .ampstart-icon { fill: #f88 }
.ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem }
.ampstart-sidebar .ampstart-dropdown-item, .ampstart-sidebar .ampstart-dropdown header, .ampstart-sidebar .ampstart-faq-item, .ampstart-sidebar .ampstart-nav-item, .ampstart-sidebar .ampstart-social-follow { margin: 0 0 2rem }
.ampstart-sidebar .ampstart-nav-dropdown { margin: 0 }
.ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit; text-align:right; margin-right:15px; color:#999 }
.ampstart-navbar-trigger svg { pointer-events: none; margin:15px 0 0 15px; color:#fff;}
.ampstart-headerbar { color: #f88; padding-right: 1rem; background-color: #fff; height: 3.5rem; box-shadow: none; border-bottom: 1px solid #f3f3f3 }
.ampstart-headerbar .ampstart-navbar-trigger { color: #222; font-size: 1.38rem; padding-right: 0 }
.ampstart-navbar-trigger:focus { outline: 5px auto -webkit-focus-ring-color }
.ampstart-sidebar-nav-image { width: 120px }
.ampstart-icon, .ampstart-sidebar .ampstart-icon { fill: #222 }
.ampstart-sidebar-header { position: relative; z-index: 1 }
.ampstart-nav { margin-bottom: 2rem }
.ampstart-nav-item { color: #222; border-bottom: 1px solid #777; list-style: none; padding-bottom:8px; }
.ampstart-sidebar .ampstart-nav-item { margin-bottom: 1rem; padding-left: 30px }
.ampstart-nav-link { font-size: 16px; font-weight: 400; line-height: normal; display: inline-block; margin-bottom: 5px; position: relative; color:#fff; padding-bottom:3px; }
.ampstart-nav-link .fa { position: absolute; right: 20px; top: 3px }
.amp-mode-mouse .ampstart-nav-link:after { left: 0; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); width: 100%; bottom: 0; height: 2px; content: ""; display: block }
.ampstart-dropdown-items { padding-left:0; }
.ampstart-dropdown-items li { font-size: 14px; text-transform: capitalize; line-height: 35px; border-bottom: 1px solid #777; margin-right: 30px; padding-left: 20px; padding-bottom: 5px; list-style: none; }
.ampstart-dropdown-items li a { color: #fff }
.ampstart-dropdown-items li:last-child { border-bottom: 0 }
.ampstart-social-follow { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; display: inline-block }
.ampstart-social-follow li { display: inline-block; margin-right: 0 }
/* -------- */
.footerLink { display: block; padding: 20px 0 0; text-align: center }
.footerLink a { margin: 0 10px }
.copyright { display: block; padding: 20px 0; text-align: center }
.socialLink { text-align: center; display: block; margin-top:50px;}
.socialLink a { text-decoration: none }
.socialLink .fa { font-size: 150%; margin: 0 20px; color: #fff }
.logo { text-align: center }
.amphtml-accordion-header { background: none; border: none; margin-bottom:0; }
.clearfix { clear: both;}
/*@CUSTOM-CSS@*/
</style>
</head>
<body>
<!-- Start Navbar -->
<header class="ampstart-headerbar flex justify-start items-center top-0 left-0 right-0 pl2 pr4 pt2 md-pt0">
<div role="button" aria-label="open sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="ampstart-navbar-trigger pr2 absolute top-0 pr0 mr2 mt2">
<i class="fa fa-bars" aria-hidden="true"></i>
<span class="brand">China Highlights <sup>®</sup></span>
<span class="customizeBtn"><a href="/tour/create-my-trip.htm"> CUSTOMIZE </a></span>
</div>
</header>
<!-- Start Sidebar -->
<amp-sidebar id="header-sidebar" class="ampstart-sidebar px3 md-flex flex-column justify-content items-center justify-center" layout="nodisplay">
<div class="flex justify-start items-center ampstart-sidebar-header">
<div role="button" aria-label="close sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="ampstart-navbar-trigger items-start"></div>
</div>
<nav class="ampstart-sidebar-nav ampstart-nav ">
<ul class="list-reset m0 p0 ampstart-label">
<li class="ampstart-nav-item"><a class="ampstart-nav-link" href="/">Home</a></li>
<li class="ampstart-nav-item "><a class="ampstart-nav-link" href="/tour/create-my-trip.htm">Create My Trip</a></li>
<li class="ampstart-nav-item">
<amp-accordion>
<section>
<h3 class="ampstart-nav-link amphtml-accordion-header"><a href="/tour/" class="ampstart-nav-link">China Tours</a> <i class="fa fa-angle-right" aria-hidden="true"></i></h3>
<ul class="ampstart-dropdown-items list-reset ">
<li><a href="/tour/top-china-tours/">Top 10 Tours</a> </li>
<li><a href="/tour/china-panda-tours/">Panda Tours</a></li>
<li><a href="/tour/family-tours/">Family Tours</a></li>
<li><a href="/yangtzecruise/">Yangtze Cruise</a></li>
<li><a href="/tour/year.htm">China Tours 2018</a></li>
</ul>
</section>
</amp-accordion>
</li>
<li class="ampstart-nav-item">
<amp-accordion>
<section>
<h3 class="ampstart-nav-link amphtml-accordion-header"><a href="/citytour/" class="ampstart-nav-link">Destinations</a> <i class="fa fa-angle-right" aria-hidden="true"></i></h3>
<ul class="ampstart-dropdown-items list-reset">
<li><a href="/beijing/tours.htm">Beijing</a></li>
<li><a href="/shanghai/tours.htm">Shanghai</a></li>
<li><a href="/guilin/tours.htm">Guilin</a></li>
<li><a href="/chengdu/tours.htm">Chengdu</a></li>
<li><a href="/xian/tours.htm">Xi'an</a></li>
<li><a href="/tibet/tours.htm">Tibet</a></li>
<li><a href="/zhangjiajie/tours.htm">Zhangjiajie</a></li>
</ul>
</section>
</amp-accordion>
</li>
<li class="ampstart-nav-item">
<amp-accordion>
<section>
<h3 class="ampstart-nav-link amphtml-accordion-header"><a href="/travelguide/" class="ampstart-nav-link">Travel Guide</a> <i class="fa fa-angle-right" aria-hidden="true"></i></h3>
<ul class="ampstart-dropdown-items list-reset">
<li><a href="/travelguide/visa-application/">China Visas</a></li>
<li><a href="/beijing/">Beijing</a></li>
<li><a href="/greatwall/">The Great Wall of China</a></li>
<li><a href="/travelguide/china-top-10-attractions.htm">Chinas Top 10 Attractions</a></li>
<li><a href="/giant-panda/">Giant Pandas</a></li>
<li><a href="/xian/terracotta-army/">The Terracotta Army</a></li>
<li><a href="/travelguide/top-highlights-of-china.htm">Best of China</a></li>
</ul>
</section>
</amp-accordion>
</li>
<li class="ampstart-nav-item">
<amp-accordion>
<section>
<h3 class="ampstart-nav-link amphtml-accordion-header"><a href="/travelguide/culture/" class="ampstart-nav-link">Culture</a> <i class="fa fa-angle-right" aria-hidden="true"></i></h3>
<ul class="ampstart-dropdown-items list-reset">
<li><a href="/travelguide/chinese-zodiac/">Chinese Zodiac</a></li>
<li><a href="/travelguide/special-report/chinese-new-year/">Chinese New Year</a></li>
<li><a href="/festivals/mid-autumn-festival.htm">Mid-autumn Festival</a></li>
<li><a href="/festivals/china-public-holiday.htm">Public Holiday Schedule</a></li>
</ul>
</section>
</amp-accordion>
</li>
<li class="ampstart-nav-item "><a class="ampstart-nav-link" href="/china-trains/">Trains</a></li>
<li class="ampstart-nav-item "><a class="ampstart-nav-link" href="/daytrip/">Day Tours</a></li>
<li class="ampstart-nav-item "><a class="ampstart-nav-link" href="/contactus/">Contact Us</a></li>
</ul>
</nav>
<span class="socialLink"><a class="fb fa fa-facebook" title="Follow us on Facebook" rel="nofollow" href="https://www.facebook.com/chinahighlights"></a><a class="tw fa fa-twitter" title="Share us on Twitter" rel="nofollow" href="https://twitter.com/chinahighlights"></a> <a class="tw fa fa-google-plus" title="Share us on Google Plus" rel="nofollow" href="https://plus.google.com/115440226907925048044"></a> <a class="tw fa fa-instagram" title="Share us on Instagram" rel="nofollow" href="https://instagram.com/chinahighlights"></a></span>
</amp-sidebar>
<!-- End Sidebar -->
<!--@CUSTOM-CONENT@-->
<footer>
<div class="footerLink"><a href="/contactus/" >Contact us</a> | <a href="/aboutus/" >About us</a></div>
<div class="copyright">© 1997-2018 China Highlights</div>
</footer>
<!-- Google Analytics -->
<amp-analytics type="googleanalytics">
<script type="application/json">
{
"vars": {
"account": "UA-31694-1"
},
"triggers": {
"default pageview": {
"on": "visible",
"request": "pageview",
"vars": {
"title": "China Travel Agency, Tour with China Highlights - Since 1959!"
}
}
}
}
</script>
</amp-analytics>
<!-- Google Analytics -->
</body>
</html>