Hong Kong Tramways - Schedules and Fares

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <base href="https://www.hktramways.com/"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="192x192" href="favicons/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png"> <link rel="manifest" href="favicons/manifest.json"> <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="favicons/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hong Kong Tramways - Schedules and Fares</title> <meta name="description" lang="en" content="fare,ticket,schedule,route schedule,day pass,monthly ticket,payment,Octopus cards,coins,cash,online ticket,first tram,last tram,departure time,timetable," /> <meta name="keywords" content="" /> <link rel="image_src" href="https://www.hktramways.com/images/logo500x262.jpg" /> <meta property="og:title" content="Hong Kong Tramways - Schedules and Fares" /> <meta property="og:description" content="fare,ticket,schedule,route schedule,day pass,monthly ticket,payment,Octopus cards,coins,cash,online ticket,first tram,last tram,departure time,timetable," /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.hktramways.com/en/schedules-fares" /> <meta property="og:image" content="https://www.hktramways.com/images/logo500x262.jpg" /> <script type="text/javascript">var isIE8 = false;var isIE = false;</script>  <script type="text/javascript"> var lang = 'en'; //var section = 'schedules-fares'; //var id = 0; var baseURL = '/'; var isMobile = false; </script>  <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script> <link rel="stylesheet" href="plugin/custom-form-elements/custom-form-elements.css" type="text/css" charset="utf-8" /> <script type="text/javascript" src="plugin/custom-form-elements/custom-form-elements.js"></script> <link rel="stylesheet" href="plugin/fancybox2/jquery.fancybox.css" type="text/css" charset="utf-8" /> <script type="text/javascript" src="plugin/fancybox2/jquery.fancybox.js"></script> <link rel="stylesheet" href="css/style.css?v=1" type="text/css" charset="utf-8" /> <script src="plugin/greensock/TweenMax.min.js"></script> <script src="plugin/greensock/plugins/CSSPlugin.min.js"></script> <script src="plugin/greensock/plugins/ScrollToPlugin.min.js"></script> <script src="plugin/greensock/easing/EasePack.min.js"></script> <script type="text/javascript" src="js/nextTram.js"></script> <script type="text/javascript" src="js/nextTramData.js"></script> <script src="js/placeholder.js"></script> <script type="text/javascript" src="js/socialMedia.js"></script> <script type="text/javascript" src="js/util.js"></script> <script type="text/javascript" src="js/common.js"></script> <link rel="stylesheet" href="css/nav.css" type="text/css" charset="utf-8" /> <script type="text/javascript" src="js/nav.js"></script> <script type="text/javascript"> $(function() { }); $(window).load(function() { }); </script> <script type="text/javascript"> $(function() { TweenMax.to($('#contentWrapper'), 0, {autoAlpha:0}); }); $(window).load(function(){ TweenMax.to($('#contentWrapper'), 0.3, {autoAlpha:1}); TweenMax.to($('#pageLoader'), 0, {autoAlpha:1, onComplete:function(){ $('#pageLoader').hide(); }}); }); </script> <script type="text/javascript">isIE = msieversion();</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GXLWJ81WQH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GXLWJ81WQH'); </script> <script type="text/javascript"> //google analytics code var gaId = 'UA-62646343-1'; (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', gaId, 'auto'); ga('create', 'UA-62646343-1', 'auto'); ga('send', 'pageview'); /* $(function (){ setInterval(function(){ gaLoop(); }, 10000); //send event log to ga every 10 sec. }); */ function gaLink(section){ //ga('send', 'event', 'link', 'click', section, section); ga('send', { 'hitType': 'event', 'eventCategory': 'link', 'eventAction': 'click', 'eventLabel': section, 'hitCallback' : function () { //alert("Event received"); } }); switch(section){ case '': break; default: ; } gtag('event', 'link_click', { 'page_location': section }); } function gaLoop(){ var date = new Date(); // for now var time2String = String(date.getFullYear()) +"-"+ String(date.getMonth()+1) +"-"+ String(date.getDate()) +" "+ String(date.getHours()) +":"+ String(date.getMinutes()); //+":"+ String(date.getSeconds()); ga('send', 'event', 'log', 'log', time2String, 1); //if(isPlaying) ga('send', 'event', 'VideosTimeLog', 'TimeLog', dataVideo[playerId - 1]['title']+"(TimeLog)", 10); } </script> </head> <body> <div id="headerWrapper">  <script type="text/javascript"> (function(){ var script0 = document.createElement("script"); script0.src = "//j02.optimix.asia/events/opxLoader.js"; script0.type = "text/javascript"; script0.async = "async"; document.getElementsByTagName("head")[0].appendChild(script0); var opxUid='0'; var opxcounter='1'; var opxClientID='6027'; var opxParams="opxvrsn=ut;opxUid="+opxUid+";"+"opxClientID="+opxClientID+";"+"opxcounter="+opxcounter+";"; if (script0.readyState) { script0.onreadystatechange = function() { if (script0.readyState == "loaded" || script0.readyState == "complete") { opxLoad("//e02.optimix.asia", opxParams); } }; } else { script0.onload = function () { opxLoad("//e02.optimix.asia", opxParams); }; } })(); </script>  <script type="text/javascript"> navInsidePage = true; navSubCurrent = 0; $(function(){ $('#nav_home > ul > li:eq(0) > div.btn').find('.line').addClass('selected'); $('#nav_home > ul > li:eq(0) > div.sub > ul > li:eq(1) > a').find('.line').addClass('selected'); }); </script> <div id="nav"> <div id="nav_bar" class="floatDiv"> <img src="images/nav/navIcon.png" alt="" /> </div> <div id="nav_home" class="floatDiv">  <a href="javascript:getURL('', true, '');" style='width: 100%;text-align: center;'><img class="logo" src="images/nav/logoWhite.png" alt="" /></a> <ul class="ulListVertical">  <li> <div class="sub"> <ul class="ulListVertical"> <li rel="interactive-map"><a href="./en/interactive-map">Interactive Map<div class="line"></div></a></li> <li rel="schedules-fares"><a href="./en/schedules-fares">Schedules and Fares<div class="line"></div></a></li> <li rel="service-updates"><a href="./en/service-updates">Service Updates<div class="line"></div></a></li> <li rel="notice-to-passengers"><a href="./en/notice-to-passengers">Notice to Passengers<div class="line"></div></a></li> </ul> </div> <div class="btn" rel="plan-your-ride"><a href="./en/plan-your-ride">Plan Your Ride<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li>  <li> <div class="sub"> <ul class="ulListVertical"> <li rel="tramoramic"><a href="./en/tramoramic">Tour Details<div class="line"></div></a></li> <li rel=""><a href="javascript:alert('The TramOramic Tour booking system is under maintenance. We apologize for any inconvenience. Thanks for your understanding.');">Book Now<div class="line"></div></a></li> <li rel="thematic-journeys"><a href="./en/thematic-journeys">Things To Do<div class="line"></div></a></li> <li rel="fares-faq"><a href="./en/fares-faq">Fares & FAQ<div class="line"></div></a></li> <li rel="tramoramic-gallery"><a href="./en/tramoramic-gallery">TramOramic Gallery<div class="line"></div></a></li> </ul> </div> <div class="btn" rel="tramoramic"><a href="./en/tramoramic">Book a TramOramic Tour<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li>  <li> <div class="btn" rel="book-your-party-tram"><a href="./en/book-your-party-tram">Charter Your Party Tram<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li>  <li> <div class="btn" rel="tram-souvenirs"><a href="./en/tram-souvenirs">Shop Tram Souvenirs<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li>  <li> <div class="btn" rel="explore-along-tram-tracks"><a href="./en/explore-along-tram-tracks">Explore Along Tracks<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li>  <li> <div class="btn" rel="discover-tram-advertising"><a href="./en/discover-tram-advertising">Discover Tram Advertising<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li>  <li> <div class="sub"> <ul class="ulListVertical"> <li rel="about-hong-kong-tramways"><a href="./en/about-hong-kong-tramways">Key Figures<div class="line"></div></a> <div class="subSub"> <ul class="ulListVertical"> <li><a href="javascript:">Vision, Mission and Values<div class="line"></div></a></li> <li><a href="javascript:">Sustainable Services<div class="line"></div></a></li> <li><a href="javascript:">Our Shareholders<div class="line"></div></a></li> </ul> </div> </li> <li rel="our-story"><a href="./en/our-story">Our Story<div class="line"></div></a></li> <li rel="press-releases"><a href="./en/press-releases">Press Releases<div class="line"></div></a></li> <li rel="media-coverage"><a href="./en/media-coverage">Media Coverage<div class="line"></div></a></li> <li><a href="javascript:getURL('https://careers.hktramways.com/en', false, '_blank', true);">Careers<div class="line"></div></a></li> <li rel="contact-us"><a href="./en/contact-us">Contact Us<div class="line"></div></a></li> </ul> </div> <div class="btn" rel="about-us"><a href="./en/about-us">About HK Tramways<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li> <li> <div class="btn"><a href="javascript:getURL('hktramways.com/120/en/', false, '_blank', true);">120 Celebration<div class="line"></div></a></div> <div class="containerDiv"><div class="extra"></div></div> </li> </ul> <div class="floatDiv navLang"> <ul class="ulListVertical"> <li><a href="javascript:changeLang('tc');" class="btn" style="background-image:url(images/nav/btn_tc.png);"></a></li> <li><a href="javascript:changeLang('sc');" class="btn" style="background-image:url(images/nav/btn_sc.png);"></a></li> </ul> <a href="javascript:changeLang('en');" class="btn selected" style="background-image:url(images/nav/btn_en.png);"></a> </div> <ul class="navSocialLink floatDiv aCenter"> <li class="socialLinkFb btn"><a href="javascript:getURL('www.facebook.com/hongkongtramways', false, '_blank');"></a></li> <li class="socialLinkWeibo btn"><a href="javascript:getURL('www.weibo.com/hongkongtramways', false, '_blank');"></a></li> <li class="socialLinkTripAdvisor btn"><a href="javascript:getURL('en.tripadvisor.com.hk/Attraction_Review-g294217-d1992541-Reviews-Hong_Kong_Tramways_Ding_Ding-Hong_Kong.html', false, '_blank');"></a></li> <li class="socialLinkInstagram btn"><a href="javascript:getURL('www.instagram.com/hktramways', false, '_blank');"></a></li> <li class="socialLinkYoutube btn"><a href="javascript:getURL('www.youtube.com/user/hktramways', false, '_blank');"></a></li> </ul> </div> <div id="nav_sub_bg" class="floatDiv"> <a href="javascript:getURL('', true, '');"><img class="logo" src="images/nav/logo.png" alt="" /></a> <div class="containerDiv "> <div class="sub_head aCenter">Plan Your Ride</div> <div class="sub_head aCenter" style="font-size:25px !important;">Book a TramOramic Tour</div> <div class="sub_head aCenter">Charter Your Party Tram</div> <div class="sub_head aCenter">Shop Tram Souvenirs</div> <div class="sub_head aCenter">Explore Along Tracks</div> <div class="sub_head aCenter">Discover Exclusive Services</div> <div class="sub_head aCenter">About HK Tramways</div> <div class="sub_head aCenter">Ding Ding Diaries</div> <div class="sub_head aCenter">#dingding115yrs</div> <img style="top:19px;left:-5px;" class="floatDiv" alt="" src="images/nav/navArrow.png"> </div> <div class="floatDiv navLang"> <ul class="ulListVertical"> <li><a href="javascript:changeLang('tc');" class="btn" style="background-image:url(images/nav/btn_tc_gr.png);"></a></li> <li><a href="javascript:changeLang('sc');" class="btn" style="background-image:url(images/nav/btn_sc_gr.png);"></a></li> </ul> <a href="javascript:changeLang('en');" class="btn selected" style="background-image:url(images/nav/btn_en_gr.png);"></a> </div> <ul class="navSocialLink floatDiv aCenter"> <li class="socialLinkFb btn"><a href="javascript:getURL('www.facebook.com/hongkongtramways', false, '_blank');"></a></li> <li class="socialLinkWeibo btn"><a href="javascript:getURL('www.weibo.com/hongkongtramways', false, '_blank');"></a></li> <li class="socialLinkTripAdvisor btn"><a href="javascript:getURL('en.tripadvisor.com.hk/Attraction_Review-g294217-d1992541-Reviews-Hong_Kong_Tramways_Ding_Ding-Hong_Kong.html', false, '_blank');"></a></li> <li class="socialLinkInstagram btn"><a href="javascript:getURL('www.instagram.com/hktramways', false, '_blank');"></a></li> <li class="socialLinkYoutube btn"><a href="javascript:getURL('www.youtube.com/user/hktramways', false, '_blank');"></a></li> </ul> </div> </div> <h1 style="display:none;">Schedules and Fares</h1> </div> <div id="contentWrapper"> <style> .sharePanel{position:fixed;top:230px;right:-210px;z-index:20;} .sharePanel ul{background-color:#007549;} .sharePanel li{text-align:center;line-height:70px;font-size:16px;width:70px;color:#ffffff;} .sharePanel li:first-child{border-right:1px solid #39b2a6;} .sharePanel a{display:block;overflow:hidden;width:70px;height:70px;background-position: left bottom;} .sharePanel a:hover{background-position: left top;} </style> <script> function switchSharePanel(){ var pos; var target = $('.sharePanel'); pos = (target.css('right').replace('px','') != 0) ? 0 : -210; TweenMax.to(target,0.2,{'right': pos + 'px'}); } </script> <div class="sharePanel"> <ul class="ulList clearfix"> <li><a href="javascript:switchSharePanel();" style="background-image:url(images/share/shareIcon.png);"><img src="images/spacer.gif" alt="" /></a></li>  <li><a href="javascript:socialMedia('sina', 'https://www.hktramways.com/en/schedules-fares', 'Hong Kong Tramways - Schedules and Fares' ,'fare,ticket,schedule,route schedule,day pass,monthly ticket,payment,Octopus cards,coins,cash,online ticket,first tram,last tram,departure time,timetable,', 'en');" style="background-image:url(images/share/sinaIcon.png);"><img src="images/spacer.gif" alt="" /></a></li> <li><a href="javascript:socialMedia('fb', 'https://www.hktramways.com/en/schedules-fares', 'Hong Kong Tramways - Schedules and Fares' ,'fare,ticket,schedule,route schedule,day pass,monthly ticket,payment,Octopus cards,coins,cash,online ticket,first tram,last tram,departure time,timetable,', 'en');" style="background-image:url(images/share/fbIcon.png);"><img src="images/spacer.gif" alt="" /></a></li> <li><a href="javascript:socialMedia('twitter', 'https://www.hktramways.com/en/schedules-fares', 'Hong Kong Tramways - Schedules and Fares' ,'fare,ticket,schedule,route schedule,day pass,monthly ticket,payment,Octopus cards,coins,cash,online ticket,first tram,last tram,departure time,timetable,', 'en');" style="background-image:url(images/share/twitterIcon.png);"><img src="images/spacer.gif" alt="" /></a></li> </ul> </div><style> .topBanner {max-height:328px;overflow:hidden;} .topBanner img{width:100%;} #outerWrapper{overflow:hidden;} #outerContent{background-color:#ffffff;} #schedulesFares {position: relative;width:950px;margin:0 auto;padding-bottom: 50px;} #scheduleNav{margin-top:10px;border: 1px solid #dfdfdf;} #scheduleNav li{cursor:pointer;width: 315px;line-height: 60px;text-align: center;vertical-align: middle;color: #ffffff;background-color: #404a58; border-left: 1px solid #dfdfdf;} #scheduleNav li:first-child{width: 316px;border-left: 0px;} #scheduleNav li:hover{background-color:#007549;} #scheduleNav li.selected{background-color:#007549;} #scheduleNav li img{vertical-align: top;padding-right:10px} #schedulesFares .arrow{height:16px;z-index: 999;} #schedulesFares .arrow img{top:-1px;left:142px;} #schedulesFares .tabs{height:485px;margin-top:-16px;overflow:hidden;} #schedulesFares .tabs > div{display:none;} #schedulesFares .tabs > div:first-child{display:block;} #schedulesFares .tabs table{background-color: #ffffff;} #schedulesFares .tabs table th{text-align:center;vertical-align:middle;padding:0 20px;font-size:16px;line-height:24px;height:40px;} #schedulesFares .tabs table tr td{text-align:center;vertical-align:middle;padding:0 20px;height:55px;background-color:#dfdfdf;color:#3e3e3e;} #schedulesFares .tabs table tr.even td{background-color:#ffffff;} #schedulesFares .tabs table tr td p{margin:4px 0px;} #schedulesFares .tabs table tr td:first-child{font-size:14px;text-align:left;white-space:nowrap;} #schedulesFares .tabs table tr td:first-child span{display:inline-block;width:105px;} #schedulesFares .tableArrow{padding:0px 15px;} #schedulesFares .tabs .tab1 ol{margin-left:20px;padding-left:7px;display:inline-block;z-index:10;} #schedulesFares .tabs .tab1 ol li{height:30px;cursor:pointer;color:#3e3e3e;} #schedulesFares .tabs .tab1 ol span{display: inline-block;width: 110px;font-size: 14px;line-height: 30px;padding: 0 22px;} #schedulesFares .tabs .tab1 ol .doubleArrow{display:inline-block;width:81px;height:30px;padding:0px;background-image:url(images/schedulesFares/tab1Arrow.png);background-repeat:no-repeat;background-position:0 0;} #schedulesFares .tabs .tab1 ol li:hover{color:#ffffff;} #schedulesFares .tabs .tab1 ol li:hover .doubleArrow{background-position:left bottom;} #schedulesFares .tabs .tab1 ol li.selected{color:#ffffff;} #schedulesFares .tabs .tab1 ol li.selected .doubleArrow{background-position:left bottom;} #schedulesFares .tabs .tab1 ol li.tempLeave{color:#3e3e3e;} #schedulesFares .tabs .tab1 ol li.tempLeave .doubleArrow{background-position:left top;} #schedulesFares .tabs .tab1 .mapContainer{width:948px;height:234px;overflow:hidden;} #schedulesFares .tabs .tab1 .mapContainer img{top:0px;left:0px;} #schedulesFares .tabs .tab1 .olLine{height:30px;width:415px;background-color:#007549;top:0px;left:0px;} #schedulesFares .fares{background-color:#ffffff;} #schedulesFares .fares table.alt{width: calc(735px + 24px);} #schedulesFares .fares table.alt td{width:100px;height:26px;/*text-align:center;*/vertical-align:middle;font-size:16px;line-height:26px;color:#3e3e3e;} #schedulesFares .fares table.alt td:first-child{width:360px;text-align: left;padding: 0 24px;color:#444444;font-weight: bold;} #schedulesFares .fares table.alt tr.even td, #schedulesFares .fares table.alt tr:nth-child(even) td{background-color:#efefef;} #schedulesFares sup {vertical-align: super;} #schedulesFares .fares table.normal{width: 100%;max-width: 735px;} #schedulesFares .fares table.normal tr td{padding: 10px 22px;border: 1px solid #C8C8C8;line-height:1.2;} #schedulesFares .fares table.normal tr td:first-child{width:10%;white-space:nowrap;} #schedulesFares .fares table.normal thead tr td{background-color: #007549;color: white;} #schedulesFares .fares table.normal li{background-image: url('images/tramCharters/bullet.png');background-repeat: no-repeat;background-position: left top;list-style-type: none;padding-left: 17px;} #schedulesFares .fares .payment__list{display: flex;} #schedulesFares .fares .payment__list > div{padding:0px 10px;text-align: center;} #schedulesFares .fares .payment__list > div > img{padding-bottom: 6px;} #schedulesFares .fares .pay-notes{line-height: 1.2;} #schedulesFares .fares .pay-notes ul{list-style: none;} #schedulesFares .fares .pay-notes ul li{position: relative;padding-left:10px;} #schedulesFares .fares .pay-notes ul li::before{content:"-";position:absolute;left:0;top:0;} </style> <script> $(function(){ $('#schedulesFares .tabs .tab1 .mapContainer img').not(':eq(0)').css({'opacity':0}); $('#scheduleNav li').hover(function(){ var obj = $(this); schedulesFaresController(obj, 'navOver'); },function(){ var obj = $(this); schedulesFaresController(obj, 'navOut'); }).click(function(){ var obj = $(this); schedulesFaresController(obj, 'navClick'); }); $('#schedulesFares .tabs .tab1 ol li').hover(function(){ var obj = $(this); schedulesFaresController(obj, 'tab1Over'); schedulesFaresController(obj, 'tab1Click'); },function(){ var obj = $(this); schedulesFaresController(obj, 'tab1Out'); }).click(function(){ var obj = $(this); //schedulesFaresController(obj, 'tab1Click'); }); $('#schedulesFares .tabs .tab1 ol li').css({'width':'400px'}); //fix after get font affect width issue }); $(window).load(function(){ $('#schedulesFares .tabs .tab1 ol li').css({'width':'auto'}); //fix after get font affect width issue }); function schedulesFaresController(obj, action, optional){ var easing = ''; var optional = (typeof optional !== undefined) ? optional : ''; var arrowObj = $('#schedulesFares .arrow img'); var startLeft, left, _top, mapId, mapObj, id, _prevId; switch(action){ case 'navOver': startLeft = $(obj).position().left; left = startLeft + (($(obj).width() + 2) - $(arrowObj).width()) / 2; //TweenMax.to($(arrowObj),0.3,{'left': left + 'px'}); break; case 'navOut': startLeft = $('#scheduleNav li.selected').position().left; left = startLeft + (($(obj).width() + 2) - $(arrowObj).width()) / 2; //TweenMax.to($(arrowObj),0.3,{'left': left + 'px'}); break; case 'navClick': id = $(obj).attr('data-id'); _prevId = $('#scheduleNav li.selected').attr('data-id'); $('#scheduleNav li.selected').removeClass('selected'); $(obj).addClass('selected'); $('.tabs .tab' + _prevId).css({'display':'none'}); $('.tabs .tab' + id).css({'display':'block'}); startLeft = $(obj).position().left; left = startLeft + (($(obj).width() + 2) - $(arrowObj).width()) / 2; TweenMax.to($(arrowObj),0,{'left': left + 'px'}); break; case 'tab1Over': _top = $(obj).position().top; if (!$(obj).hasClass('selected')){ $('#schedulesFares .tabs .tab1 ol li.selected').addClass('tempLeave'); }else{ $('#schedulesFares .tabs .tab1 ol li.tempLeave').removeClass('tempLeave'); } TweenMax.to($('#schedulesFares .tabs .tab1 .olLine'),0,{'top':_top + 'px',ease:''}); break; case 'tab1Out': _top = $('#schedulesFares .tabs .tab1 ol li.selected').position().top; $('#schedulesFares .tabs .tab1 ol li.tempLeave').removeClass('tempLeave'); TweenMax.to($('#schedulesFares .tabs .tab1 .olLine'),0,{'top':_top + 'px',ease:''}); break; case 'tab1Click': $('#schedulesFares .tabs .tab1 ol li.selected').removeClass('selected'); $(obj).addClass('selected'); _top = $('#schedulesFares .tabs .tab1 ol li.selected').position().top; mapId = $(obj).attr('data-map'); mapObj = $('#schedulesFares .tabs .tab1 .mapContainer img[data-id="' + mapId + '"]'); $('#schedulesFares .tabs .tab1 .mapContainer img').css({'z-index':0}); $(mapObj).css({'z-index':100}); TweenMax.to($(mapObj),0,{'autoAlpha':0,onComplete:function(){ TweenMax.to($(mapObj),0,{'autoAlpha':1.0,onComplete:function(){ $('#schedulesFares .tabs .tab1 .mapContainer img').not('[data-id="' + mapId + '"]').css({'opacity':0}); }}); }}); TweenMax.to($('#schedulesFares .tabs .tab1 .olLine'),0.3,{'top':_top + 'px',ease:''}); break; } } </script>  <div id="outerWrapper"> <div class="topBanner"> <img src="images/schedulesFares/topBanner.jpg" alt="" style="width: 100%;"/> </div> <div id="outerContent" style="background-image:url(images/schedulesFares/bg.png);"> <div id="contentMain"> <div id="schedulesFares"> <img src="images/schedulesFares/title_en.png" alt="" style="padding-top: 0px;padding-bottom:26px;" /> <p class="defaultFont" style="font-size:16px;line-height:24px;color:#3e3e3e;">Hong Kong Tramways operates 6 main routes running between Kennedy Town and Shau Kei Wan daily.</p> <ul class="ulList clearfix noCheck" id="scheduleNav"> <li class="selected" data-id="1"><img src="images/schedulesFares/route_icon.png" alt="" />The 6 Main Routes</li> <li data-id="2"><img src="images/schedulesFares/west_icon.png" alt="" />Westbound Route Schedule</li> <li data-id="3"><img src="images/schedulesFares/east_icon.png" alt="" />Eastbound Route Schedule</li> </ul> <div class="arrow containerDiv"><img src="images/schedulesFares/navArrow.png" alt="" class="floatDiv" /></div> <div class="tabs"> <div class="tab1 containerDiv"> <div style="height: 413px;padding-top: 30px;background-color: #fff;border: 1px solid #dfdfdf;border-top: 0px;"> <div class="containerDiv" style="margin-left: 15px;"> <ol class="containerDiv"> <li class="selected" data-map="1"><span>Western Market</span><span class="doubleArrow"> </span><span >Shau Kei Wan</span></li> <li data-map="2"><span>Happy Valley</span><span class="doubleArrow"> </span><span>Shau Kei Wan</span></li> <li data-map="3"><span>Shek Tong Tsui</span><span class="doubleArrow"> </span><span>North Point</span></li> <li data-map="4"><span>Shek Tong Tsui</span><span class="doubleArrow"> </span><span>Causeway Bay</span></li> <li data-map="5"><span>Kennedy Town</span><span class="doubleArrow"> </span><span>Happy Valley</span></li> <li data-map="6"><span>Kennedy Town</span><span class="doubleArrow"> </span><span>Shau Kei Wan </span></li> </ol> <div class="olLine floatDiv" > </div> </div> <div class="mapContainer containerDiv"> <img src="images/schedulesFares/map_1_en.png" alt="" class="floatDiv" data-id="1" /> <img src="images/schedulesFares/map_2_en.png" alt="" class="floatDiv" data-id="2" /> <img src="images/schedulesFares/map_3_en.png" alt="" class="floatDiv" data-id="3" /> <img src="images/schedulesFares/map_4_en.png" alt="" class="floatDiv" data-id="4" /> <img src="images/schedulesFares/map_5_en.png" alt="" class="floatDiv" data-id="5" /> <img src="images/schedulesFares/map_6_en.png" alt="" class="floatDiv" data-id="6" /> </div> </div> <img src="images/schedulesFares/N_icon.png" alt="" class="floatDiv" style="top:15px;right:30px;"/> </div> <div class="tab2"> <div style="border: 1px solid #dfdfdf;border-top:0px;"> <div style="background-color: #ffffff;color:#007549;font-size:18px;padding:30px 20px 5px 20px;">Westbound Route Information and Tram Schedule (the first / last tram's departure time)</div> <table> <thead> <th style="/*width:330px;*/text-align:left;">Route</th> <th style="width:170px;"></th> <th style="width:150px;">Mon - Fri</th> <th style="width:140px;">Sat</th> <th style="width:160px;">Sun & P.H.</th> </thead> <tbody> <tr class="defaultFont"> <td><span>Shau Kei Wan</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Western Market</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content1">05:58<br></p> <p id="schedules_content2">00:06<br></p> </td> <td> <p id="schedules_content3">06:01<br></p> <p id="schedules_content4">23:49<br></p> </td> <td> <p id="schedules_content5">06:02</p> <p id="schedules_content6">23:26</p> </td> </tr> <tr class="defaultFont even"> <td><span>Shau Kei Wan</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Happy Valley</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content7">05:46<br></p> <p id="schedules_content8">22:40<br></p> </td> <td> <p id="schedules_content9">05:56</p> <p id="schedules_content10">22:31</p> </td> <td> <p id="schedules_content11">05:56</p> <p id="schedules_content12">23:16</p> </td> </tr> <tr class="defaultFont"> <td><span>North Point</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Shek Tong Tsui</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content13">07:00<br></p> <p id="schedules_content14">19:42<br></p> </td> <td> <p id="schedules_content15">07:00</p> <p id="schedules_content16">19:42</p> </td> <td> <p id="schedules_content17">07:00</p> <p id="schedules_content18">19:42</p> </td> </tr> <tr class="defaultFont even"> <td><span>Causeway Bay</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Shek Tong Tsui</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content19">05:48<br></p> <p id="schedules_content20">23:32<br></p> </td> <td> <p id="schedules_content21">06:25</p> <p id="schedules_content22">00:34</p> </td> <td> <p id="schedules_content23">06:03</p> <p id="schedules_content24">00:21</p> </td> </tr> <tr class="defaultFont"> <td><span>Happy Valley</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Kennedy Town</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content25">05:45<br></p> <p id="schedules_content26">00:39<br></p> </td> <td> <p id="schedules_content27">05:53</p> <p id="schedules_content28">00:31</p> </td> <td> <p id="schedules_content29">05:52</p> <p id="schedules_content30">00:37</p> </td> </tr> <tr class="defaultFont even"> <td><span>Shau Kei Wan</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Kennedy Town<sup>*</sup></span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content31">07:00<br></p> <p id="schedules_content32">19:10<br></p> </td> <td> <p id="schedules_content33">07:00</p> <p id="schedules_content34">19:10</p> </td> <td> <p id="schedules_content35">07:00</p> <p id="schedules_content36">19:10</p> </td> </tr> </tbody> </table> </div> <p class="defaultFont" style="font-size:12px;line-height:20px;color:#3e3e3e;padding:12px 12px;"><sup>*</sup>From Shau Kei Wan to Kennedy Town: 2 Departures per hour within the service schedule<br/>This timetable is published as a guide to the general level of service</p> </div> <div class="tab3"> <div style="border: 1px solid #dfdfdf;border-top:0px;"> <div style="background-color: #ffffff;color:#007549;font-size:18px;padding:30px 20px 5px 20px;">Eastbound Route Information and Tram Schedule (the first / last tram's departure time)</div> <table> <thead> <th style="/*width:330px;*/text-align:left;">Route</th> <th style="width:170px;"></th> <th style="width:150px;">Mon - Fri</th> <th style="width:140px;">Sat</th> <th style="width:160px;">Sun & P.H.</th> </thead> <tbody> <tr class="defaultFont"> <td><span>Kennedy Town</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Happy Valley</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content37">05:04</p> <p id="schedules_content38">00:00</p> </td> <td> <p id="schedules_content39">05:12</p> <p id="schedules_content40">23:49</p> </td> <td> <p id="schedules_content41">05:12</p> <p id="schedules_content42">23:58</p> </td> </tr> <tr class="defaultFont even"> <td><span>Kennedy Town</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Shau Kei Wan<sup>*</sup></span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content43">06:40</p> <p id="schedules_content44">19:00</p> </td> <td> <p id="schedules_content45">06:40</p> <p id="schedules_content46">19:00</p> </td> <td> <p id="schedules_content47">06:40</p> <p id="schedules_content48">19:00</p> </td> </tr> <tr class="defaultFont"> <td><span>Shek Tong Tsui</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Causeway Bay</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content49">05:16<br></p> <p id="schedules_content50">22:52</p> </td> <td> <p id="schedules_content51">05:50</p> <p id="schedules_content52">23:58</p> </td> <td> <p id="schedules_content53">05:30</p> <p id="schedules_content54">23:45</p> </td> </tr> <tr class="defaultFont even"> <td><span>Shek Tong Tsui</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>North Point</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content55">06:00</p> <p id="schedules_content56">18:30<br></p> </td> <td> <p id="schedules_content57">06:00</p> <p id="schedules_content58">18:30</p> </td> <td> <p id="schedules_content59">06:00</p> <p id="schedules_content60">18:30</p> </td> </tr> <tr class="defaultFont"> <td><span>Western Market</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Shau Kei Wan</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content61">05:55</p> <p id="schedules_content62">00:00</p> </td> <td> <p id="schedules_content63">06:00</p> <p id="schedules_content64">00:03</p> </td> <td> <p id="schedules_content65">06:02</p> <p id="schedules_content66">00:00</p> </td> </tr> <tr class="defaultFont even"> <td><span>Happy Valley</span><img src="images/schedulesFares/tableArrow.png" alt="" class="tableArrow" /><span>Shau Kei Wan</span></td> <td> <p>First Tram</p> <p>Last Tram</p> </td> <td> <p id="schedules_content67">06:27</p> <p id="schedules_content68">23:26</p> </td> <td> <p id="schedules_content69">06:41</p> <p id="schedules_content70">23:16</p> </td> <td> <p id="schedules_content71">06:42</p> <p id="schedules_content72">00:02</p> </td> </tr> </tbody> </table> </div> <p class="defaultFont" style="font-size:12px;line-height:20px;color:#3e3e3e;padding:12px 12px;"><sup>*</sup>From Kennedy Town to Shau Kei Wan: 2 Departures per hour within the service schedule<br/>This timetable is published as a guide to the general level of service</p> </div> </div> <div class="fares clearfix"> <img src="images/schedulesFares/title2_en.png" alt="" style="padding:16px 0px 25px 0px;"/> <div class="clearLine"></div> <div class=""> <table class="alt"> <tr> <td>Adult</td> <td>$3.00</td> </tr> <tr> <td>Child (Aged 3 or above and under 12)</td> <td>$1.50</td> </tr> <tr> <td>Senior Citizen (Aged 65 or above)</td> <td>$1.30</td> </tr> <tr> <td>Monthly Ticket*</td> <td>$260.00</td> </tr> </table> <p style="padding:20px 25px;">* For details on Monthly Ticket, please refer to <a href="javascript:getURL('service-updates-detail/1/1', true, '_self');">here</a>.</p> </div> <div style="font-size:16px;line-height:26px;width:735px;padding:24px;color:#444444;text-align:center;" class="defaultFont floatLeft"> <div style="text-align:left;"> <b>Payment Methods</b> <p>Passengers can pay the fares via electronic payment platforms, with Octopus cards or in cash when disembarking from the front exit of the tram. No change is available on board. Passengers using cash for payment should deposit it directly into the coin box.</p> </div> </div> <div style="padding:0 24px 24px 24px;"> <table class="normal" border="1" cellpadding="1" cellspacing="1"><thead><tr><td colspan="2" style="text-align:center;"><b>Electronic Payment System</b></td></tr></thead><tdoby><tr><td><b>Card payment</b></td><td><ul><li>VISA</li><li>Mastercard</li><li>UnionPay</li><li>JCB</li><li>American Express</li></ul></td></tr><tr><td><b>Mobile payment</b></td><td><ul><li>Apple Pay</li><li>Google Pay (Android)</li><li>SAMSUNG Pay</li><li>HUAWEI Pay</li></ul></td></tr><tr><td><b>QR code</b></td><td><ul><li>AlipayHK "EasyGo"</li><li>Alipay "Transit QR Code"</li><li>UnionPay "Transit QR Code"</li><li>BoC Pay "Transit Code"</li><li>Tencent "Transit QR Code" (WeChat Pay)</li></ul></td></tr></tdoby></table> </div> <div class="pay-notes" style="padding:0 24px 32px 24px;max-width: 735px;"> Notes:<ul><li>AlipayHK "EasyGo" and Alipay "Transit QR Code" mobile apps provide ticket options for adults, children under 12 and senior citizens aged 65 or above; </li><li>Passengers must use Octopus cards to enjoy tram and KMB designated cross-harbour routes interchange discount;</li><li>Your credit card issuing bank may impose additional charges on cross-border transactions which are not collected by Hong Kong Tramways. You are advised to check with your bank.</li></ul> </div> <div class="payment__list" style="padding:0 24px 24px 24px;display:flex;"> <div> <img src="images/schedulesFares/octopus_icon.png" alt="" /> <p class="ft14">Octopus card</p> </div> <div> <img src="images/schedulesFares/cash_icon.png" alt="" /> <p class="ft14">Cash</p> </div> <div> <img src="images/schedulesFares/creditcard_icon.png" alt="" /> <p class="ft14">Credit card</p> </div> <div> <img src="images/schedulesFares/mobile_payment.png" alt="" /> <p class="ft14">Mobile payment</p> </div> <div> <img src="images/schedulesFares/qrcode.png" alt="" /> <p class="ft14">QR code</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="pageLoader"><img src="images/ajax-loader.gif" alt="" /></div> <style type="text/css"> #siteMapContainer{height:0px;background-color: #eeeeee;width: 100%;bottom: 67px;overflow: hidden;} #sitemap{padding-left: 190px;} #siteMapContainer .centerContent{max-width: 950px;margin: 0 auto;padding-left: 30px;font-size: 14px;line-height: 14px;} #siteMapContainer h3{font-size: 16px;line-height: 16px;} #siteMapContainer h3 a{color:#414141;} #siteMapContainer .centerContent > ul > li{float:left;list-style: none;padding: 0 20px;} #siteMapContainer .centerContent > ul > li:first-child{padding-left:0px;} #siteMapContainer .sectionContent{margin-top: 20px;} #siteMapContainer .sectionContent ul{padding-top: 16px;} #siteMapContainer .sectionContent ul li{list-style: none;padding:4px 0px;} #siteMapContainer a{color:#868686;} #siteMapContainer a:hover{text-decoration: underline;} #siteMapContainer .fullLine{width: 100%;height:1px;background-color: #b9b9b9} </style> <script> $(function(){ $('#siteMapContainer .btnHideSiteMap').click(function(){ var siteMapContainerObj = $('#siteMapContainer'); TweenMax.to(siteMapContainerObj,0.3,{'height':'0px'}); }); }); function showSiteMap(){ var siteMapContainerObj = $('#siteMapContainer'); var siteMapObj = $('#sitemap'); TweenMax.to(siteMapContainerObj,0.3,{'height':siteMapObj.height() + 'px'}); } </script> <div id="footerWrapper"> <div id="siteMapContainer" class="floatDiv defaultFont"> <div id="sitemap"> <div style="height:20px;"> </div> <div class="centerContent containerDiv"> <h3 style="border-left:3px solid #007549;padding-left:10px;color:#007549;line-height:16px;margin:0px 0px 22px 0px;">Site Map</h3> <a href="javascript:" class="floatDiv btnHideSiteMap" style="right:5px;top:-12px;"><img src="images/sitemap/btnHide.jpg" alt="" /></a> </div> <div class="fullLine"></div> <div class="centerContent containerDiv clearfix"> <ul class='clearfix' style="height:270px;"> <li> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'plan-your-ride');">Plan Your Ride</a></h3> <ul> <li><a href="javascript:changeSectionLink('sub', 0, 'interactive-map');">Interactive Map</a></li> <li><a href="javascript:changeSectionLink('sub', 0, 'schedules-fares');">Schedules and Fares</a></li> <li><a href="javascript:changeSectionLink('sub', 0, 'service-updates');">Service Updates</a></li> <li><a href="javascript:changeSectionLink('sub', 0, 'notice-to-passengers');">Notice to Passengers</a></li> </ul> </div> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'book-your-party-tram');">Charter Your Party Tram</a></h3> <ul> <li><a href="javascript:changeSectionLink('main', 99, 'party-tram-book');">Book Now</a></li> </ul> </div> </li> <li> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'tramoramic');">Book a TramOramic Tour</a></h3> <ul> <li><a href="javascript:changeSectionLink('main', 99, 'tramoramic');">Tour Details</a></li> <li><a href="javascript:getURL('hktramways.zaui.net/modules/webBooking/index.php?lang=1', false, '', 'true');">Book Now</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'thematic-journeys');">Things To Do</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'fares-faq');">Fares & FAQ</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'tramoramic-gallery');">TramOramic Gallery</a></li> </ul> </div> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'discover-tram-advertising');">Discover Tram Advertising</a></h3> <ul> <li><a href="javascript:changeSectionLink('main', 99, 'discover-tram-advertising-detail/1/');">Tram Body</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'discover-tram-advertising-detail/2/');">Tram Shelter</a></li> </ul> </div> </li> <li> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks');">Explore Along Tracks</a></h3> <ul> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/1/');">Kennedy Town</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/2/');">Sai Ying Pun</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/3/');">Sheung Wan</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/4/');">Central</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/5/');">Wan Chai</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/6/');">Happy Valley</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/7/');">Causeway Bay</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/8/');">North Point</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/9/');">Quarry Bay</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'explore-along-tram-tracks-node/10/');">Shau Kei Wan</a></li> </ul> </div> </li> <li> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'about-us');">About HK Tramways</a></h3> <ul> <li><a href="javascript:changeSectionLink('sub', 6, 'about-hong-kong-tramways');">Key Figures</a></li> <li><a href="javascript:changeSectionLink('sub', 6, 'our-story');">Our Story</a></li> <li><a href="javascript:changeSectionLink('sub', 6, 'press-releases');">Press Releases</a></li> <li><a href="javascript:changeSectionLink('sub', 6, 'media-coverage');">Media Coverage</a></li> <li><a href="https://careers.hktramways.com/en" target="_blank">Careers</a></li> <li><a href="javascript:changeSectionLink('sub', 6, 'contact-us');">Contact Us</a></li>  </ul> </div> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'tram-souvenirs');">Shop Tram Souvenirs</a></h3> </div> <div class="sectionContent"> <h3><a href="javascript:changeSectionLink('main', 99, 'disclaimer');">Disclaimer and Privacy Policy</a></h3> </div> <div class="sectionContent" style="margin-top:10px;"> <h3><a href="javascript:changeSectionLink('main', 99, 'images-attribution');">Image Attribution</a></h3> </div> </li> </ul> </div> <div style="height:22px;"> </div> </div> </div> <div id="footerContent"> <div class="floatLeft"> <ul class="ulList menu clearfix"> <li><a href="javascript:changeSectionLink('sub', 0, 'service-updates');">Service Updates</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'tramoramic');">Book a TramOramic Tour</a></li> <li><a href="javascript:changeSectionLink('main', 99, 'book-your-party-tram');">Charter Your Party Tram</a></li>  <li><a href="javascript:changeSectionLink('sub', 6, 'contact-us');">Contact Us</a></li> <li><a href="javascript:showSiteMap();">Site Map</a></li> <li><a href="javascript:changeSectionLink('main', '', 'disclaimer');">Disclaimer and Privacy Policy</a></li> </ul> <i>A member of RATP Dev Group | “TramOramic Tour” is a member of Extrapolitan </i> | <span style="font-family:Arial">©</span> Hong Kong Tramways Limited. All rights reserved. </div> <div class="floatRight">   <img src="images/common/logo_caringcompany.jpg" alt="" /> </div> </div> </div> </body> </html>

CINXE.COM

Hong Kong Tramways - Schedules and Fares