<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://search.kmb.hk:80/KMBWebSite/","20200217123849","https://web.archive.org/","web","/_static/", "1581943129"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title> </title><meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta http-equiv="Cache-Control" content="no-cache"/>  <meta name="theme-color" content="#e57570"/> <script> var userAgent = window.navigator.userAgent; var msie = userAgent.indexOf("MSIE "); if(msie > 0 && (userAgent.substring(msie + 5, msie + 5 + 1) < 9)){ alert("The KMB website is only support IE version 9 or above. Please update IE version or visit on Chrome or Firefox."); window.close(); } </script> <link href="/web/20200217123849cs_/http://search.kmb.hk/KMBWebSite/jsapi/arcgis_js_api/library/3.13/3.13/dijit/themes/claro/claro.css" rel="stylesheet"/><link href="/web/20200217123849cs_/http://search.kmb.hk/KMBWebSite/jsapi/arcgis_js_api/library/3.13/3.13/esri/css/esri.css" rel="stylesheet"/> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Scripts/jquery/external/jquery/jquery.js"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Scripts/jquery/jquery-ui.js"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Scripts/handlebars.runtime.min.js"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/precompiled_templates.js?20160912124451"></script> <script> Handlebars.registerHelper("isCurrentLang", function( langInString, opts ){ var currentLang = window.lang; console.log(currentLang, lang); var langInInt; if(langInString == 'ENG'){ langInInt = 0; }else if (langInString == 'TC'){ langInInt = 1; }else if (langInString == 'SC'){ langInInt = 2; } if (currentLang == langInInt){ return opts.fn(this); }else{ return opts.inverse(this); } }); Handlebars.registerHelper("getNameByLang", function( inEng, inTC, inSC ){ var returnName; var currentLang = window.lang; if( currentLang === 0){ returnName = inEng; } else if ( currentLang === 1){ returnName = inTC; } else if ( currentLang === 2){ returnName = inSC; } if(returnName == null){ returnName = ""; } return new Handlebars.SafeString(returnName); }); </script> <link href="/web/20200217123849cs_/http://search.kmb.hk/KMBWebSite/Scripts/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.css" rel="stylesheet"/> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Scripts/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.concat.min.js"></script> <script> dojoConfig = { locale: "en", extraLocale: ["zh-cn", "zh-tw", "zh-hk"], parseOnLoad: true, isDebug: false }; var HOST_AND_APPLICATION_PATH = "/KMBWebSite"; var HOSTNAME_AND_PATH_TO_JSAPI = location.hostname + (location.port == "" ? "" : ":" + location.port) + HOST_AND_APPLICATION_PATH + "/jsapi/arcgis_js_api/library/3.13/3.13"; </script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/jsapi/arcgis_js_api/library/3.13/3.13/init.js"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Scripts/polyfill.js"></script> <script> POICategories = [ { id: 1, nameEng: "Community", nameTC: "社區服務", nameSC: "社区服务", }, { id: 2, nameEng: "Government", nameTC: "政府", nameSC: "政府", }, { id: 3, nameEng: "Healthcare", nameTC: "醫療", nameSC: "医疗", }, { id: 4, nameEng: "Landmarks", nameTC: "地標", nameSC: "地标", }, { id: 5, nameEng: "Retail", nameTC: "零售", nameSC: "零售", }, { id: 6, nameEng: "Business", nameTC: "商業服務", nameSC: "商业服务", }, { id: 7, nameEng: "Social", nameTC: "社交", nameSC: "社交", }, { id: 8, nameEng: "Sports", nameTC: "體育", nameSC: "体育", }, { id: 9, nameEng: "Transportation", nameTC: "交通", nameSC: "交通", }, { id: 10, nameEng: "Travel", nameTC: "旅遊", nameSC: "旅遊", }, ] </script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Common.js?20170210125050"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/function.js?r=2017050102"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/MapFunction.js?20200211164104"></script> <script src="/web/20200217123849js_/http://search.kmb.hk/KMBWebSite/Scripts/responsive-slides/responsiveslides.min.js"></script> <link id="stylesheet" href="/web/20200217123849cs_/http://search.kmb.hk/KMBWebSite/css/KMBWebStyle.css?20161013172026" rel="stylesheet"/> <link href="/web/20200217123849cs_/http://search.kmb.hk/KMBWebSite/Scripts/responsive-slides/responsiveslides.css" rel="stylesheet"/> <script> window.onbeforeunload = function() { return "Leaving this page?"; }; </script> <script> var bound = 1; // default bound is 1 --> forward 2-->backward var lang = 1; // default lang is 1 --> chinese 0-->english var bufferRange = 250; var startBufferRange = 250; var endBufferRange = 250; var p2pSearchMaxCount = 20; var suggestionMaxCount = 10; var langParam = ''; if(langParam != null && langParam != "" && langParam != "null"){ switch(langParam){ case 'en': lang = 0; break; case 'zh-hk': lang = 1; break; case 'zh-cn': lang = 2; break; } } var action = ''; var routeSearch_route = ''; var p2pSearch_startName = ''; var p2pSearch_endName = ''; var p2pSearch_startX = ''; var p2pSearch_startY = ''; var p2pSearch_endX = ''; var p2pSearch_endY = ''; var stressTest = ''; var featureServer = 'https://web.archive.org/web/20200217123849/http://services6.arcgis.com/8CRL2cREpnFKmWIY/arcgis/rest/services/kmbEditFeature/FeatureServer'; var mapPath = 'https://web.archive.org/web/20200217123849/https://tiles.arcgis.com/tiles/68LnpVE5xMGEflDS/arcgis/rest/services/Basemap10/MapServer'; var geometryServicePath = "https://web.archive.org/web/20200217123849/http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"; var stationLayerPath = featureServer + "/0"; var routeLayerPath = featureServer + "/1"; var networkLayerPath = 'https://web.archive.org/web/20200217123849/http://utility.arcgis.com/usrsvcs/servers/193d8d833c5e4d938ea985d03e2275e0/rest/services/World/Route/NAServer/Route_World/'; function postInit() { var console = {}; console.log = function(){}; console.info = function(){}; console.warn = function(){}; console.error = function(){}; //window.onerror = function(){return true;}; window.console = console; } </script> </head> <body class="claro" style="height:100%;background-color:#f5f5ee;margin:0px 0px 0px 0px; overflow:hidden" onresize1="windowsResize()"> <div id="root-border-container" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design: 'headline',gutters:false" style="width:100%; height:100%; "> <div id="header-pane" class="noselect" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:false" region="top" style="overflow: hidden"> <table> <tr style="height:60px;padding-top:15px;padding-bottom:15px;" id="headTablePane"> <td style="width:100px;padding-left:20px;"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/logo.png"/> </td> <td style="width:230px;padding-left:40px;"> <table> <tr> <td style="width:50px;"> <img alt="Point to Point Search" id="imgP2pSearchIcon" style="" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/p2psearch.png" class="imgHover" onclick="showPopupDialog(this, 'p2p')"/> </td> <td style="width:50px;padding-left:40px;"> <img alt="Route Search" id="imgRouteSearchIcon" style="" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/routesearch.png" class="imgHover" onclick="showPopupDialog(this, 'route')"/> </td> <td style="width:50px;padding-left:40px;"> <div id="imgPOIIcon-wrapper" style=" height: 52px; background-color: #f9f9f4; border-radius: 25px; width: 52px; text-align: center; position: relative; display:none; " onclick="showPopupDialog(this, 'hotspot')"><img alt="Browse Point of Interest" id="imgPOIIcon" style=" height: 30px; /* background-color: white; */ /* border-radius: 25px; */ /* text-align: center; */ vertical-align: -webkit-baseline-middle; position: absolute; left: 10px; top: 7px; display:none; " src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/point-of-interest.png" class="imgHover"></div> </td> </tr> </table> </td> <td align="right"> <table style="width:55px;"> <tr style="line-height:20px"> <td style="padding-left:20px;padding-right:20px;vertical-align:bottom"> <span class="imgHover" onclick="changeLang('en')">ENG</span> </td> <td style="padding-right:20px;vertical-align:bottom"> <span class="imgHover" onclick="changeLang('zh-hk');">繁</span> </td> <td style="padding-right:20px;vertical-align:bottom"> <span class="imgHover" onclick="changeLang('zh-cn');">簡</span> </td> <td style="vertical-align:bottom"> | </td> <td style="padding-left:20px;padding-right:15px;vertical-align:bottom"> <span class="imgHover" onclick="changeFontSize('s')">A</span> </td> <td style="padding-right:15px;vertical-align:bottom"> <span style="font-size:15pt;" class="imgHover" onclick="changeFontSize('m')">A</span> </td> <td style="padding-right:15px;vertical-align:bottom"> <span style="font-size:18pt" class="imgHover" onclick="changeFontSize('l')">A</span> </td> </tr> </table> </td> </tr> </table> </div> <style> #map-pane{ padding-left: 87px; padding-right:87px; padding-bottom:42px;padding-top:0px; overflow:hidden; } #navigationfloatingpane{ position:absolute; top:0px; right:94px; visibility:hidden; overflow:hidden; width: 39px; height:279px } </style> <div id="map-pane" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:false" region="center" style=""> <div id="mapDiv" style="height:100%;width:100%;background-color:rgb(163,204,255);"> </div> <div id="navigationfloatingpane" style=""> <table> <tr> <td colspan="3" style="padding-top:10px;padding-bottom:10px"> <img class="imgHover" style="top: 0" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/map_location.png" onmouseover="this.src = "Resources/web icon/map_location_mouseover.png" " onmouseleave="this.src = "Resources/web icon/map_location.png"" onclick="getCurrentLocation();"/><br/> <img class="imgHover" style="margin-top:20px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/map_enlarge.png" onmouseover="this.src = "Resources/web icon/map_enlarge_mouseover.png"" onmouseleave="this.src = "Resources/web icon/map_enlarge.png"" onclick="mainMap.setZoom(mainMap.getZoom() + 1);"/><br/> <img class="imgHover" style="margin-top:10px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/map_reduce.png" onmouseover="this.src = "Resources/web icon/map_reduce_mouseover.png"" onmouseleave="this.src = "Resources/web icon/map_reduce.png"" onclick="mainMap.setZoom(mainMap.getZoom() - 1);"/><br/> <img class="imgHover" style="margin-top:20px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/map_map.png" onmouseover="this.src = "Resources/web icon/map_map_mouseover.png"" onmouseleave="this.src = "Resources/web icon/map_map.png"" onclick="window.navigation.zoomToFullExtent();"/><br/> <img id="btnShowAllStop" class="imgHover" style="margin-top:20px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/map_show-bus-stop.png" onclick="showAllBusStop(this);"/> </td> </tr> </table> </div>  <div id="P2ProuteResultDiv" class="result-pane"> <table style="width:350px;height:100%" cellpadding="0" cellspacing="0"> <tr style="background-color:white">  <td> <table id="P2PStartEndTd"> <tr> <td> <table style="width:100%" id="P2PStartEndContentTable"> <tr> <td style="width:15px"></td> <td> <label class="fontSize18" id="p2pResultSearchTitle" style="color:#922943;font-weight:bold;">點對點</label> <span id="showDayNight" style="color:#922423"></span> </td> <td style="text-align:right"> <img style="vertical-align:bottom;" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/btnclose.png" onmouseover="this.style.cursor = 'pointer'" onclick="$('#P2ProuteResultDiv').css('display', 'none');"/> </td> <td style="width:15px"></td> </tr> </table> </td> </tr> <tr> <td> <table style="width:100%"> <tr> <td style="width:15px"></td> <td style="width:20px;text-align:right"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_start to end.png"/> </td> <td> <table style="padding: 0px 0px 0px 0px"> <tr> <td> <span class="fontSize13" id="txtStartDistrictOnResult"></span> <hr style="border-top: 1px solid #dddddd;border-bottom: 0px;border-left: 0px;border-right: 0px;margin-bottom:4px"/> </td> </tr> <tr> <td> <span class="fontSize13" id="txtEndDistrictOnResult"></span> </td> </tr> </table> </td> <td style="text-align:right;width:35px"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/swap.png" onmouseover="this.style.cursor = 'pointer'" onclick="exchangeStartEnd(true);"/> </td> <td style="width:15px"></td> </tr> </table> </td> </tr> <tr> <td style="height:10px"></td> </tr> </table> </td> </tr> <tr id="p2pSearchResultTR"> <td style="background-color:#922943;"> <table style="height:100%;width:100%;border-spacing:0px"> <tr id="changePaneButtonTr" style="background-color:white"> <td style="height:30px;padding:0px"> <table style="border-spacing:0px"> <tr> <td id="farePaneTD" class="sortByTabCell"> <span id="farePaneSpan" style="vertical-align: -webkit-baseline-middle;" class="fontSize13"></span> </td> <td id="timePaneTD" onclick="sortBy('time')" class="sortByTabCell" style="opacity: 0.7"> <span id="timePaneSpan" style="vertical-align: -webkit-baseline-middle" class="fontSize13"></span> </td> </tr> </table> </td> </tr> <tr> <td> <div data-dojo-type="dijit/layout/StackContainer" data-dojo-id="P2PresultListStackContainer" id="P2PresultListStackContainerDiv" style="width:100%;height:100%"> <script type="dojo/on" data-dojo-event="show" data-dojo-args="evt"> resizeResultPane(); </script> <div data-dojo-type="dijit/layout/ContentPane" id="fareContentPane"> <span id="fareNearMessageSPAN" style="color:white"></span> <div id="fareNearResultDIV"></div> <div id="fareMoreButtonDIV" style="height:53px"> <div id="fareMoreButton" class="moreButton" onclick=" p2pSearch_more()"></div> </div> <span id="fareFarMessageSPAN" style="color:white"></span> <div id="fareFarResultDIV"> </div> </div> <div data-dojo-type="dijit/layout/ContentPane" id="timeContentPane"> <span id="timeNearMessageSPAN" style="color:white"></span> <div id="timeNearResultDIV"></div> <div id="timeMoreButtonDIV" style="height:53px"> <div id="timeMoreButton" class="moreButton" onclick=" p2pSearch_more()"></div> </div> <span id="timeFarMessageSPAN" style="color:white"></span> <div id="timeFarResultDIV"> </div> </div> </div> </td> </tr> </table> </td> </tr> <tr id="P2PnoResultDiv"> <td style="background-image:url(/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/no_bus_route.jpg);background-repeat:no-repeat;background-size: 350px 432px; width:100%;height:100%;max-height:432px">  </td> </tr> </table> </div> <div id="routeStopDetailDiv" class="result-pane"> <table style="width:inherit;" cellpadding="0" cellspacing="0"> <tr> <td id="routeStopDetailStartEndTd"> <table cellpadding="0" cellspacing="0" style="padding-top:15px"> <tr> <td style="width:20px;padding-left:20px;padding-right:20px;"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_start-to-end_white.png"/> </td> <td style="padding-bottom:15px;"> <table cellpadding="0" cellspacing="0"> <tr> <td style="padding-bottom:10px;border-bottom:1px solid #dddddd"> <div> <span class="fontSize13" id="routeStopDetailStart" style="color:#ffffff;">美孚</span> </div> </td> </tr> <tr> <td style="padding-top:10px;"> <div> <span class="fontSize13" id="routeStopDetailEnd" style="color:#ffffff;">尖沙咀</span> </div> </td> </tr> </table> </td> <td style="vertical-align:text-top;text-align:center;padding-right:15px;"> <img style="vertical-align:bottom;" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_2_close.png" onmouseover="this.style.cursor = 'pointer'" onclick=" $('#routeStopDetailDiv').css('display', 'none'); clearRoute(); window.stationLayerCurrentDefExp = null; "/> </td> </tr> </table> </td> </tr> <tr> <td id="routeStopDetailSelectedRoute" style="padding-right:8px;padding-top:10px;"> <div id="routeStopDetailRouteNumDiv" style="background-color:white;border-bottom:1px solid #dddddd"> <table cellpadding="0" cellspacing="0"> <tr> <td style="padding-left:20px">  <a class="print-btn" onclick="localStorage.setItem('lang',window.lang.toString());window.open('./P2PSearchPrintView.html');" target="_blank" rel="noopener noreferrer"><img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/printer.png" style=" width: 24px; padding-top: 5px; "></a> <div id="SuggestIconDiv"></div> </td> <td style="text-align:right;padding-right:8px"> <span class="fontSize11" id="txtArrivalTime" style="width:30px;color:#aaaaaa"></span> </td> </tr> <tr> <td style="width:200px;padding-left:20px;padding-right:8px;"> <span class="fontSize22" style="font-weight:bold;color:#444444" id="routeStopDetailRouteNo"></span> </td> <td style="padding-right:8px;padding-bottom:8px;"> <table cellpadding="0" cellspacing="0"> <tr> <td id="routeStopDetailDiv.totalTime" class="fontSize14" style="border-bottom: 1px solid #dddddd;text-align:right;color:#666666;"></td> </tr> <tr> <td id="routeStopDetailDiv.totalFare" class="fontSize14" style="text-align:right;color:#666666;padding-top:8px;"></td> </tr> </table> </td> </tr> </table> </div> </td> </tr> <tr> <td class="routeStopDetailContent" style="padding-right:8px;vertical-align:top" id="routeStopDetailContentDiv"> <div id="routeDetailsTableDivDiv" style="background-color:#FFFFFF;padding-right:8px;padding-top:15px;align-content:stretch;"> <table id="routeDetailsTable" style="background-color:white;width:300px;"> <tr> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="width:50px;vertical-align:top"> <div style="text-align:right"> <span class="fontSize12" id="txtStartPoint" style="color:#E8B24C">起點</span> </div> </td> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_start_backgroud_head.png');background-repeat:no-repeat"></td> <td style="background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_start_backgroud_body.png');"> <span style="color:white">美孚</span> </td> </tr> <tr> <td style="text-align:center;width:20px"> <img style="height:40px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/downArrows.png"/> </td> <td> 步行, 50米 </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="width:50px;vertical-align:top;text-align:right;"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/arrivalTime.png"/> </td> <td> <table cellpadding="0" cellspacing="0"> <tr> <td> <img style="margin-top:5px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_bus-stop_up.png"/> </td> <td>美孚</td> </tr> <tr> <td style="background-position:10px 0;background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_start-to-end_line.png');background-repeat:repeat-y"></td> <td> <table border="1" cellpadding="0" cellspacing="0"> <tr style="vertical-align:top"> <td> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td style="padding-bottom:12px"> <span class="fontSize30">116</span> <span>長沙灣</span> | <span>$20.5</span> </td> </tr> <tr> <td style="padding-bottom:15px"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/dropdownarrow.png"/> <u>5個停車站</u>, 約<span>30</span>分 </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr style="display:none"> <td> <table> <tr> <td> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/stopcircle.png"/>111 </td> </tr> <tr> <td> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/stopcircle.png"/>222 </td> </tr> <tr> <td> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/stopcircle.png"/>333 </td> </tr> </table> </td> </tr> <tr> <td> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_bus-stop_down.png"/> </td> <td> 尖沙咀 </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="width:50px;vertical-align:bottom"> <div style="text-align:right"> <span class="fontSize12" id="txtEndPoint" style="color:#CE633C;">目的地</span> </div> </td> <td> <table cellpadding="0" cellspacing="0"> <tr> <td style="width:20px;text-align:center;"> <img style="height:40px" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/downArrows.png"/> </td> <td> 步行, 50米 </td> </tr> <tr> <td style="background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_end_backgroud_head.png');background-repeat:no-repeat"></td> <td style="background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/ptp_end_backgroud_body.png');"> <span style="color:white">尖沙咀</span> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </div>  <div id="busDetailsDiv" class="result-pane"> <table id="noBusRouteTable" style="display:none"> <tr> <td></td> <td class="paddingTD" style="text-align:right"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/close.png" onmouseover="this.style.cursor = 'pointer'" onclick="closeRouteSearchResult();"/> </td> </tr> <tr> <td colspan="2" class="paddingTD"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/no_bus_route.jpg"> </td> </tr> </table> <table id="busRouteDetailsTable" cellpadding="0" cellspacing="0"> <tr id="p2pBusRouteDetailStartEndTr" style="height:125px;"> <td> <table cellpadding="0" cellspacing="0"> <tr> <td colspan="3" class="paddingTD" style="padding-bottom:0px;vertical-align:top;"> <span id="routeSearchTitle" class="fontSize18" style="color:#393284;font-weight:bold;">巴士路線</span> <a class="print-btn" onclick="localStorage.setItem('lang',window.lang.toString());window.open('./RouteSearchPrintView.html');" target="_blank" rel="noopener noreferrer"><img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/printer.png" style=" width: 24px; padding-top: 5px; "></a> </td> <td style="width:15px;padding-right:15px;padding-top:15px;padding-bottom:0px;text-align:right;vertical-align:top;"> <img style="vertical-align:bottom;" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/close.png" onmouseover="this.style.cursor = 'pointer'" onclick="closeRouteSearchResult();"/> </td> </tr> <tr> <td id="busDetailsRouteNo" class="fontSize28" style="padding-left:15px;color:#444444;font-weight:bold;"></td> <td> </td> <td rowspan="2" class="paddingTD" style="min-width:100px"> <div style="text-align:center"> <span id="busDetailsOrigin" class="fontSize13" style="color:#666666;" title="美孚">美孚</span> </div> <div> <table> <tr> <td> <hr style="border-left: 0px;border-right: 0px;border-bottom: 0px;border-top: 1px solid #dddddd;"/> </td> <td style="text-align:center;background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/bus-stop_to.png');background-position:center 0;background-repeat:no-repeat"></td> <td> <hr style="border-left: 0px;border-right: 0px;border-bottom: 0px;border-top: 1px solid #dddddd;"/> </td> </tr> </table> </div> <div style="text-align:center"> <span id="busDetailsDest" class="fontSize13" style="color:#666666;">尖沙咀</span> </div> </td> <td rowspan="2" style="padding-right:15px;text-align:center;"> <img src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/web icon/swap.png" onmouseover="this.style.cursor = 'pointer'" onclick="exchangeRouteSearch();"/> </td> </tr> <tr style="vertical-align:top"> <td style="padding-left:18px"> <script> document.write("<img id='routeServiceTypeIMG' src='Resources/busIcon/servicetype.png' title='" + getStrByLang('Special Departure', '特别班次', '特别班次') + "'>"); </script> <script> document.write("<img id='routeSpecialIMG' src='Resources/busIcon/special.png' title='" + getStrByLang('Detailed Timetable', '詳細時間表', '详细时间表') + "'>"); </script> <script> document.write("<img id='routeAirportIMG' src='Resources/busIcon/airport.png' title='" + getStrByLang('Airport', '機場線', '机场线') + "'>"); </script> <script> document.write("<img id='routeOvernightIMG' src='Resources/busIcon/overnight.png' title='" + getStrByLang('Overnight', '通宵線', '通宵线') + "'>"); </script> <script> document.write("<img id='routeRacecourseIMG' src='Resources/busIcon/racecourse.png' title='" + getStrByLang('Racecourse', '馬場線', '马场线') + "'>"); </script> </td> </tr> </table> </td> </tr> <tr> <td id="infoTabTd" style="background-color:#393284;height:40px"> <span id="infoRouteTab" class="routeTab fontSize13" style="padding-left:20px;" onclick="showRouteTabPage(this.id, 'busRouteInfo')">乘客資訊</span> <span id="busRouteTab" class="routeTab fontSize13" style="padding-left:35px;padding-right:35px;background-image:url('/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/selectedTabIcon.png');" onclick="showRouteTabPage(this.id, 'busRouteDetails')">路線及收費</span> <span id="timeRouteTab" class="routeTab fontSize13" style="padding-right:20px;" onclick="showRouteTabPage(this.id, 'busRouteTimeTable')">時間表</span>  </td> </tr> <tr id="busRouteInfo" style="display:none"> <td style="padding-left:20px;padding-right:20px;padding-top:15px;"> <div id="busNewsDiv"> <table id="busNewsTable" cellpadding="0" cellspacing="0" style="max-height:500px;"> <tr id="busNewsTR" class="busNewsTableRow bus-news-announce" style="display:none"> <td> <span id="busRouteInfoNewsTitle" class="fontSize15" style="color:#393284;font-weight:bold;">路線最新消息</span> <hr style="border-left: 0px;border-right: 0px;border-bottom: 0px;border-top: 1px solid #dddddd;"/> <div id="routeAnnounceDiv" style="max-height:120px"> <table id="routeAnnounce"></table> </div> </td> </tr> <tr id="busSpecialTR" class="busNewsTableRow bus-route-info-special-route" style="display:none"> <td style="padding-top:15px"> <span id="busRouteInfoSpecRouteTitle" class="fontSize15" style="color:#393284;font-weight:bold;"></span> <hr style="border-left: 0px;border-right: 0px;border-bottom: 0px;border-top: 1px solid #dddddd;"/> <table cellpadding="0" cellspacing="0"> <tr> <td> <div id="busRouteInfoSpecRouteDiv" style="max-height:100px;"> <table id="busRouteInfoSpecRouteTable" cellpadding="0" cellspacing="0"></table> </div> </td> </tr> </table> </td> </tr> <tr id="busBBITR" class="busNewsTableRow bus-bbi-info" style="display:none;"> <td style="padding-top:15px"> <span id="busRouteInfoDiscountTitle" class="fontSize15" style="color:#393284;font-weight:bold;">第二程路線轉乘計劃</span> <hr style="border-left: 0px;border-right: 0px;border-bottom: 0px;border-top: 1px solid #dddddd;"/> <table cellpadding="0" cellspacing="0"> <tr> <td id="bbiTitle.route" class="fontSize14" width="60px;" style="color:#aaaaaa"> 巴士路線 </td> <td id="bbiTitle.dest" class="fontSize14" width="160px;" style="color:#aaaaaa"> 目的地 </td>  </tr> <tr> <td colspan="3"> <div id="BBIResultDiv" style="max-height:120px;"> <table id="BBITable" cellpadding="0" cellspacing="0"></table> </div> </td> </tr> </table> </td> </tr> <tr id="busAdditionalInfoTR" class="busNewsTableRow bus-additional-info" style="display:none"> <td> <span id="busAdditionalInfoTitle" class="fontSize15 title" style="color:#393284;font-weight:bold;">特別資料</span> <hr style="border-left: 0px;border-right: 0px;border-bottom: 0px;border-top: 1px solid #dddddd;"/> <div id="additionalInfoDiv" class="table-wrapper" style="max-height:120px; width: 280px;"> <table id="additionalInfoTable" cellpadding="0" cellspacing="0"></table> </div> </td> </tr>  <tr><td></td></tr> </table> </div> </td> </tr> <tr id="busRouteDetails" style="display:table-row"> <td style="padding-left:10px;padding-right:10px;"> <table cellpadding="0" cellspacing="0"> <tr> <td> <div id="busStopDiv" class="busStopDiv"> <table id="busStopTable" class="fontSize14" cellspacing="0" cellpadding="0"> </table> </div> </td> </tr> </table> </td> </tr> <tr id="busRouteTimeTable"> <td style="padding-top:15px;"> <div id="busRouteTimeTableDiv"> <table id="busRouteTimeTableContent" cellpadding="0" cellspacing="0" style="max-width:300px"> </table> </div> </td> </tr> <tr id="busRouteOther" style="display:none"> <td></td> </tr> </table> </div>  <style> #pointOfInterestsPane .inner-wrapper{ position: relative; height: 100%; overflow-y: hidden; } #pointOfInterestsPane header{ padding: 10px; background-color: white; } #pointOfInterestsPane header .POI-title{ color: #922943; font-weight: bold; /*font-size: 18pt;*/ } #pointOfInterestsPane header .current-category{ color: #922943; } #pointOfInterestsPane header > img{ float:right; } #pointOfInterestsPane .list{ list-style-type:none; margin: 0; padding: 0 10px 0 10px; background-color:#922943; } #pointOfInterestsPane .list .item{ background-color: white; border: 1px solid #922943; padding:10px; cursor: pointer; width: 100%; } #pointOfInterestsPane .list div{ } #pointOfInterestsPane .list .name{ color: #444444; } #pointOfInterestsPane .list .district{ color: #666666; } /* special handling for malihu-custom-scrollbar-plugin */ #pointOfInterestsPane .mCustomScrollBox, #pointOfInterestsPane .list .mCSB_container{ width : 100%; } #pointOfInterestsPane .list.no-result{ background: inherit; } #pointOfInterestsPane .list .no-result{ color: white; background: inherit; } </style> <div id="pointOfInterestsPane" class="result-pane"> <div class="inner-wrapper" style=""> <header> <span> <span class="POI-title fontSize18">景點</span> - <span class="current-category"></span> </span> <img style="vertical-align: bottom; cursor: pointer;" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/btnclose.png" onmouseover="this.style.cursor = 'pointer'" onclick="closePointOfInterestsPane();clearPointOfInterestsPane();window.lastAction='';"> </header> <div class="scroll-bar-wrapper" style="height:calc(100% - 117px);padding-right: 10px; padding-top: 10px; "> <ul class="list" style=""> </ul> </div> </div> </div>  <style> #pointOfInterestItemPane .inner-wrapper{ position: relative; height: 100%; overflow-y: hidden; } #pointOfInterestItemPane header{ padding: 10px; background-color: white; } #pointOfInterestItemPane header .POI-title-wrapper{ max-width: 85%; } #pointOfInterestItemPane header .POI-title{ color: #922943; font-weight: bold; /*font-size: 18pt;*/ } #pointOfInterestItemPane header .current-category{ color: #922943; } #pointOfInterestItemPane header > img{ float:right; } #pointOfInterestItemPane label { margin-right: 10px; } #pointOfInterestItemPane .address{ text-align: left; color: white; padding-left: 20px; } #pointOfInterestItemPane .phone-number, #pointOfInterestItemPane .near-by-bus-routes{ text-align: left; color: white; padding-left: 0px; } #pointOfInterestItemPane .near-by-bus-routes a{ color: white; } #pointOfInterestItemPane .item-photos{ height: 150px; background-color: black; position: relative; /* for slideshow nav */ } #pointOfInterestItemPane .item-photos .rslides img { height: auto; max-height: 150px; width: auto; max-width: 100%; /*left-right centering */ margin: 0 auto; float:none; } #pointOfInterestItemPane .item-detail { padding: 10px; margin : 5px 10px 0 10px; overflow: auto; /* use js resize instead */ /*height: calc(100% - 300px);*/ } #pointOfInterestItemPane .item-detail .description { background-color: white; padding: 10px; } #pointOfInterestItemPane a.phone-number-link{ color: white; } </style> <div id="pointOfInterestItemPane" class="result-pane"> </div> </div> </div>  <div id="hourglassdiv" style="z-index:16000;background-color: rgb(255, 255, 255); filter: alpha(opacity=100); -moz-opacity: 0.6; opacity: 0.6; display: none; position: absolute; left: 0px; top: 0px;padding: 0px 0px 0px 0px"> <table style="width: 100%; height: 100%"> <tr> <td style="text-align: center; vertical-align: middle"> <img id="hourglass" src="/web/20200217123849im_/http://search.kmb.hk/KMBWebSite/Resources/hourglass.gif"/> <span id="hourglassmessage" style="font-weight:bold;font-size:16pt"></span> </td> </tr> </table> </div>  <div class="districtMenu" id="districtListDiv"> <div class="subList" id="regionsList"></div> <div class="subList" id="district18sList"></div> <div class="subList" id="districtsList"></div> <div class="subList" id="poisList"></div> </div> <div class="districtMenu" id="suggestList"> <div id="suggestHistoryList"></div> <div id="suggestPointsList"></div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://web.archive.org/web/20200217123849/https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-117210314-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM