tag:blogger.com,1999:blog-67034232174977033472024-02-22T21:13:58.265+08:00政治豪劼 & 温柔蒽典Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.comBlogger488125tag:blogger.com,1999:blog-6703423217497703347.post-10442369951604948662021-11-10T19:55:00.000+08:002021-11-10T19:55:13.630+08:00他(四)<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilzhas9XowiAXXtkdb3D_F_mcFuadcHTPMw0yKxFeVf-H9EXnmEPNsSIY7tQ1EXMZOQzbjxk8Iifoggm14_sTDCmxLnHezKS2iJCGj6QsSHHJPN2wGzYCqSiAKRubPSdrUGKnJLaxeEVQ/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="168" data-original-width="299" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilzhas9XowiAXXtkdb3D_F_mcFuadcHTPMw0yKxFeVf-H9EXnmEPNsSIY7tQ1EXMZOQzbjxk8Iifoggm14_sTDCmxLnHezKS2iJCGj6QsSHHJPN2wGzYCqSiAKRubPSdrUGKnJLaxeEVQ/" width="320" /></a></div><br /><br /><p></p><p><span style="font-family: Ma Shan Zheng; font-size: x-large;">他的一生拥有很多辆汽车和罗里, 但是, 我只记得一辆罗里的号码; 那就是938。 小时候看到938 就知道是他。刚才妹妹打电话讲,“马吉里”要放什么号码?我马上给她 938。 </span></p><p><span style="font-family: Ma Shan Zheng; font-size: x-large;"><br /></span></p><p><span style="font-family: Ma Shan Zheng; font-size: x-large;">罗里每半年需要验车一次。 以前他为了省钱, 在还没去JPJ 验车的前一天,他自己会买漆把车斗扫青色; 把车头扫红色。 车门的商业注册公司和地址, 他没有从新写过。 因为这个比较麻烦, 需要马尼拉卡,一个字母一个字母割出来粘在车门,用白漆从新写过。所以,等到整辆罗里扫完漆,只有车门的字母是旧的。 哈哈。。 </span></p>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-5819060461912742122021-11-04T00:08:00.001+08:002021-11-04T00:08:24.141+08:00他(三)<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiJY-5BmiFtI9MKXppHzeneQi6EhNYe-UB04svbKngO-aG6RXvlzFPxmg_HszwmY0sjd6qmGxV34IJJ0XEYMOpVKbrpl88TU94ze7LZdmyuIHUKpfFRF8-HD8hiyk2b3pJd9SGe41fCIo/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="800" data-original-width="800" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiJY-5BmiFtI9MKXppHzeneQi6EhNYe-UB04svbKngO-aG6RXvlzFPxmg_HszwmY0sjd6qmGxV34IJJ0XEYMOpVKbrpl88TU94ze7LZdmyuIHUKpfFRF8-HD8hiyk2b3pJd9SGe41fCIo/" width="240" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">每个家庭都有吃饭的规矩,尤其有长辈的家庭。 在我小时候, 店就是家, 家就是店。 前面做生意, 后面就是住家。 中间就是放一个圆桌来吃饭。 </span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">我公公还在的时候, 他吃饭的位子一定是圆桌的中间, 面向大门,方便他看到有没有客人进店买东西。 如果小孩子坐错位子, 需要在公公还没上座吃饭时,赶快换位子。</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">他吃饭也有他的规矩。 吃着饭的桌子,我们一定不可以把碗叠起来。叠起来的碗意思债越叠越高。 所以, 他一定把碗放下来。</span></div><p></p>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-56470237597885529512021-11-02T23:00:00.004+08:002021-11-02T23:16:26.071+08:00他(二)<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitiJcJpV7PpulEBH0VAxlcF4dMHWSeM7RcKX_rphcgkSyYNn2EAdyx-fxxlICc75S0pgQHdCKFJBeQ0j3WRhfNOxSan8G8vbH0zZd2Uf4WfzkBuNiil_ie_TjBH3nItAmmUTt6zeuuaZw/s512/nian.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="293" data-original-width="512" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitiJcJpV7PpulEBH0VAxlcF4dMHWSeM7RcKX_rphcgkSyYNn2EAdyx-fxxlICc75S0pgQHdCKFJBeQ0j3WRhfNOxSan8G8vbH0zZd2Uf4WfzkBuNiil_ie_TjBH3nItAmmUTt6zeuuaZw/s320/nian.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;"><br /></div><br /><span style="font-family: Ma Shan Zheng; font-size: x-large;">新年是大家都喜爱的日子, 但是, 对于小贩, 新年就是最忙碌的日子。 尤其是初一的前三天, 因为大家都忙碌的准备年除夕的材料。 还要预期准备年初一到初三的过年菜(不然,你难道过年天天酸菜加菜底 吗?😁)。 因为过了除夕, 小贩都收工了, 没有地方买菜。 那时还没有Tesco, Aeon, 这些大超市天天让你上门买菜。</span><p><span style="font-family: Ma Shan Zheng; font-size: x-large;"><br /></span></p><p><span style="font-family: Ma Shan Zheng; font-size: x-large;">我家这时是最忙碌的, 除夕的前一个礼拜开始忙到除夕下午吃午餐。 午餐过后, 就是大家期待的事 - 他开始给红包!</span></p><p><span style="font-family: Ma Shan Zheng; font-size: x-large;"><br /></span></p><p><span style="font-family: Ma Shan Zheng; font-size: x-large;">也只有他会这样包红包, 他不会一视同仁。 </span></p>
<p><span style="font-family: Ma Shan Zheng; font-size: x-large;">大的两位孩子给<span style="color: red;">RM200.00</span><br /></span></p>
<p><span style="font-family: Ma Shan Zheng; font-size: x-large;">中间的孩子给<span style="color: red;">RM150.00</span></span></p>
<p><span style="font-family: Ma Shan Zheng; font-size: x-large;">第二小的孩子给<span style="color: red;">RM100.00</span></span></p>
<p><span style="font-family: Ma Shan Zheng; font-size: x-large;">最小的孩子给<span style="color: red;">RM80.00</span></span></p>
<p><span style="font-family: "Ma Shan Zheng"; font-size: x-large;">弄到最小的瓜瓜叫。。。。。</span></p><p><span style="font-family: "Ma Shan Zheng"; font-size: x-large;"><br /></span></p><p><span style="font-family: "Ma Shan Zheng"; font-size: x-large;">还记得有一年, 吃完除夕的午餐, 最小的还要和他声明先, 你不可以这样包红包, 你要大家公平一点!! 哈哈!</span></p><p><br /></p><p> </p>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-58798720920206064162021-11-01T11:27:00.003+08:002021-11-02T00:17:18.340+08:00他 (一)<p style="text-align: center;"><span style="font-size: large;"></span></p><div class="separator" style="clear: both; font-family: "Zhi Mang Xing"; text-align: center;"><span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-YMTEM3x-LfkdG1QL0wQF3IR3KLDKXn7QcN0Nl5e5E_7kTxRnxJ6W-fh0xwjw3uepu8GpZnEEZx-ab2D5a2HF7HkS50jwpfp3wDqBW6PJBFt6zmnBCQcMmBO7_E8nXbGYoYDFxwmcTUU/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-YMTEM3x-LfkdG1QL0wQF3IR3KLDKXn7QcN0Nl5e5E_7kTxRnxJ6W-fh0xwjw3uepu8GpZnEEZx-ab2D5a2HF7HkS50jwpfp3wDqBW6PJBFt6zmnBCQcMmBO7_E8nXbGYoYDFxwmcTUU/" width="320" /></a></span></div><span style="font-size: large;"><span style="font-family: Yellowtail;"><br /></span></span><span style="font-family: Ma Shan Zheng; font-size: x-large;">“糯米鸡” 是一个非常普通的食品。 但是, 对我而言意义深重! </span><p></p><p style="text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">因为家里是做茶楼的, 小时候的记忆里, 有排满整个长桌的碗。 然后, 二叔和妈妈会把材料,一个一个的放进碗里。 等到全部的材料放完后, 最后的就是糯米。 那时就是把一碗一碗的糯米鸡放进炉里蒸,就可以收工。</span></p><p style="text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">也只有他会每晚去公公家时, 晚上回家之前, </span></p><p style="text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">打包“糯米鸡”回来给哥哥和我吃。</span></p><p style="text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">有时我已经睡了, 他还会叫醒我吃!</span></p><p style="text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">到现在我还是喜欢吃“糯米鸡”, 不是因为味道, </span></p><p style="text-align: center;"><span style="font-family: Ma Shan Zheng; font-size: x-large;">而是童年的回忆和不是言语可以表达的关爱。 </span></p>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-67671026545370883772021-04-29T10:13:00.000+08:002021-04-29T10:13:01.754+08:00UPSR ending<p>我是UPSR第一届的学生;</p><p>纷纷攘攘, 过了三十三年;</p><p>前年是最后一届的UPSR; </p><p>刚巧我儿子是前年考试;</p><p>所以, 在我家, 我是开始者, 他是终结者,有始有终!!</p><p><br /></p><p>哈哈</p>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-33536697344542541702020-12-05T22:47:00.002+08:002020-12-05T22:47:11.516+08:00好好纪念一下今天 - sports-wear.com.my<p style="text-align: center;"> 今天是值得纪念的!!</p><p style="text-align: center;">因为我终于把最新的boostrap 网站呈现给顾客了。。。</p><p style="text-align: center;">旧的设计</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDRWMzH3RSiFmrvWr4_Xqzi5q3JENwpzeXyLoY1utHrGLZAJwFrXumHZPCLGksR5yLhHcqXLtSwRZfsLJXecQqu6XyTUxomrCbUBA8xFq85lnHdicMLPYPr12U8jF6RqfKWkLImyykbZ0/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1600" data-original-width="951" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDRWMzH3RSiFmrvWr4_Xqzi5q3JENwpzeXyLoY1utHrGLZAJwFrXumHZPCLGksR5yLhHcqXLtSwRZfsLJXecQqu6XyTUxomrCbUBA8xFq85lnHdicMLPYPr12U8jF6RqfKWkLImyykbZ0/" width="143" /></a></div><br /><div style="text-align: center;">新的设计<br /><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkh0e9F4nIW0UA29qgjtGnvS0q4fYPSJMYq3CS3U6DIUFvx7KeEfYOwEMlT-s1BQm0vt209v-MiGOUMlpPdiKv9jMvOQ-MZGckXJj3A5RJjZ3ITqS6ADpFQjNC6NOwihYzV_NWvu1zEiI/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="1654" data-original-width="1868" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkh0e9F4nIW0UA29qgjtGnvS0q4fYPSJMYq3CS3U6DIUFvx7KeEfYOwEMlT-s1BQm0vt209v-MiGOUMlpPdiKv9jMvOQ-MZGckXJj3A5RJjZ3ITqS6ADpFQjNC6NOwihYzV_NWvu1zEiI/" width="271" /></a></div><br />还有就是可以大大声和google 老大讲。。 </div><div class="separator" style="clear: both; text-align: center;"><b>我已经是mobile friendly 啦!!<br /></b><br /></div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs9JWaPjKz28W8sxUdMpEyersg9gk8BkhnW7azySZZT0bMHeAbS-NKh_q2Ql2Ec4kFcqBfVrLgExJw4XQ_KxLlIywTlZ39R6ED2s8eM2RSRyP17L4SqPW664NmEB5k9A1bPVv_BUmDH4E/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="210" data-original-width="721" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs9JWaPjKz28W8sxUdMpEyersg9gk8BkhnW7azySZZT0bMHeAbS-NKh_q2Ql2Ec4kFcqBfVrLgExJw4XQ_KxLlIywTlZ39R6ED2s8eM2RSRyP17L4SqPW664NmEB5k9A1bPVv_BUmDH4E/" width="320" /></a></div><br /><br /></div><br /><br /></div><p></p>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-64412618007140234682020-05-23T23:08:00.000+08:002020-05-23T23:08:01.576+08:00Integrate Paypal button with custom valueSuccessfully integrate with Paypal button with pass over different amount based on the selection.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxMhc0HrjSxvdKitl2ee6BqPimaRSnGF-pHY6ilJ572trb32UVcjk057_q_6_6hwipwMJE82_SUMwhslfOmhhCjMFGRApAuKV5LBPBLsem9up9YogSp0XsrpOjgAUwTA0JbgN5qWGH4vU/s1600/paypal_integration.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="539" data-original-width="1259" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxMhc0HrjSxvdKitl2ee6BqPimaRSnGF-pHY6ilJ572trb32UVcjk057_q_6_6hwipwMJE82_SUMwhslfOmhhCjMFGRApAuKV5LBPBLsem9up9YogSp0XsrpOjgAUwTA0JbgN5qWGH4vU/s320/paypal_integration.PNG" width="320" /></a></div>
<br />
<br />
<br />
<span style="color: blue;"><span style="white-space: pre;"> </span>paypal.Buttons({</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>createOrder: function(data, actions) {</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>// This function sets up the details of the transaction, including the amount and line item details.</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>mySelectedVal = document.getElementById("abc");<span style="white-space: pre;"> </span></span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>return actions.order.create({</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>purchase_units: [{</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>amount: {</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>value: </span><span style="color: red;">mySelectedVal.options[mySelectedVal.selectedIndex].value</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>}</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>}]</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>});</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>},</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>onApprove: function(data, actions) {</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>// This function captures the funds from the transaction.</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>return actions.order.capture().then(function(details) {</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>// This function shows a transaction success message to your buyer.</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span><span style="white-space: pre;"> </span>alert('Transaction completed by ' + details.payer.name.given_name);</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>});</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>}</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>}).render('#paypal-button-container');</span><br />
<span style="color: blue;"><span style="white-space: pre;"> </span>//This function displays Smart Payment Buttons on your web page.</span><br />
<br />Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-65492158278897882362020-03-31T22:32:00.002+08:002020-03-31T22:32:09.393+08:00香脆家乡韭菜虾饼食谱<div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 1em; margin-top: 1em;">
香脆家乡韭菜虾饼食谱:</div>
<div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 1em;">
材料(A):<br />软壳小中虾<br />韭菜 1颗,切颗粒<span class="text_exposed_show" style="display: inline; font-family: inherit;"><br />洋葱 1大粒,切丁<br />芹菜叶 1颗,剁碎<br />红萝卜 半条,切丝</span></div>
<div class="text_exposed_show" style="background-color: white; color: #666666; display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
<div style="font-family: inherit; margin-bottom: 1em; margin-top: 1em;">
材料(B):<br />粘米粉 2大汤匙(让虾饼脆的)<br />面粉 3大汤匙<br />水大概半碗<br />胡椒粉 少许<br />盐 小半汤匙 (自己试味道)</div>
<div style="font-family: inherit; margin-bottom: 1em; margin-top: 1em;">
做法:<br />1。材料(B)是面糊,所有材料(B)搅拌均匀。<br />2。将材料(A)放入面糊内(B)<br />3。用汤匙一汤匙一汤匙的慢慢放入韭菜面糊进入油锅内炸至金黄就可以了</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-53281018065410537632020-03-28T20:53:00.002+08:002020-03-28T20:53:33.387+08:00Website Upload Photo progressingI need to improve website's coding and website's UI; so that my website will NOT out of date. From normal coding, until JQuery, until booststrap; I need to keep on improve it. <div>
<br /></div>
<div>
Example, upload photo progress update. </div>
<div>
<br /></div>
<div>
At first, the UI as below diagram. Very old fashion design. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefsGxK1p97nrs5HbcUF2U57lzwSP1nNhD-OTay5HmWrGm4eg3IIQXSACS__28aBdUjBYkf4Cn-hMftUm0cRNSplHnHNYm5KexThB-9ZPGIjx8AInSshQy5bx_YAYTZZAg3sTbvIg4Qjk/s1600/web_imge_upload1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="244" data-original-width="688" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefsGxK1p97nrs5HbcUF2U57lzwSP1nNhD-OTay5HmWrGm4eg3IIQXSACS__28aBdUjBYkf4Cn-hMftUm0cRNSplHnHNYm5KexThB-9ZPGIjx8AInSshQy5bx_YAYTZZAg3sTbvIg4Qjk/s320/web_imge_upload1.png" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Then I improve it to this (below diagram).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dAlFYa1dmInpF8p16zP-eysikuj3azl6cJMx7syLkv3NFSxprGGLZA9yhPrkMcm2DMVIP7iq2Lnyd57t6YNMAaKIoVM_LTXkinNpfDBLB8i_FwtMt4ahu8PhloaRdutoHBf3GHMFjHM/s1600/web_imge_upload2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="469" data-original-width="1489" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dAlFYa1dmInpF8p16zP-eysikuj3azl6cJMx7syLkv3NFSxprGGLZA9yhPrkMcm2DMVIP7iq2Lnyd57t6YNMAaKIoVM_LTXkinNpfDBLB8i_FwtMt4ahu8PhloaRdutoHBf3GHMFjHM/s320/web_imge_upload2.png" width="320" /></a></div>
<div>
<br /></div>
<div>
Found out some issue on the second upload photo design. Every time I need to upload all the photo again. OR I can't just upload the specify number of photo which I want. Example, In order to change third photo, then I need to upload all THREE photo again. </div>
<div>
<br /></div>
<div>
In order to solve that, then I come out this. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiXyTAJpEiHxr2coxzGu30w-c5m3EZdyGKGiIaNjWYg8iSugRabUqCBg5ztspC1ojrK9VD4HhcodVtUbuj51HQqcEDx_vQGNu2F7xCHbl66yJ-6LgJhcKpg8MIgOgehl1UEoONzRkcG8o/s1600/web_imge_upload3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="759" data-original-width="1304" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiXyTAJpEiHxr2coxzGu30w-c5m3EZdyGKGiIaNjWYg8iSugRabUqCBg5ztspC1ojrK9VD4HhcodVtUbuj51HQqcEDx_vQGNu2F7xCHbl66yJ-6LgJhcKpg8MIgOgehl1UEoONzRkcG8o/s320/web_imge_upload3.png" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
So that I can delete OR change which specify number of photo I want. </div>
<div>
<br /></div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-29974800986054305192020-03-22T15:13:00.000+08:002020-03-22T15:13:09.381+08:00封城下的故事<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_xKwUBCwRCpd0dufWE7EPF4OyS3IJh3HfhrXp8caqNkISFkPdf1TTKnZKJWQQj45SWnH4l3KfsiNxkPVseJLK6oPhyphenhyphenCso2DsDXPmNnoUW7B6fM-cCGg5thZD7FVGu-kvbjrGOFVL1mnM/s1600/RouErn1_StayAtHome.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1440" data-original-width="1080" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_xKwUBCwRCpd0dufWE7EPF4OyS3IJh3HfhrXp8caqNkISFkPdf1TTKnZKJWQQj45SWnH4l3KfsiNxkPVseJLK6oPhyphenhyphenCso2DsDXPmNnoUW7B6fM-cCGg5thZD7FVGu-kvbjrGOFVL1mnM/s320/RouErn1_StayAtHome.jpg" width="240" /></a></div>
<br />
韵律操老师在whatsapp群里, 叫学生们做一些有意义的事。 就比如,体操练习, 画画。。。<br />
<br />
女儿知道后, 就马上着手画了这幅画。 文字是以彩虹的颜色排序而成,红橙黄绿蓝靛紫。<br />
<br />
在基督里, 彩虹有着另外一个深沉的意义。<br />
<br />
<span style="background-color: white; color: #313131; font-family: , "helvetica neue" , "helvetica" , "nimbus sans l" , "arial" , "liberation sans" , "pingfang sc" , "hiragino sans gb" , "microsoft yahei" , "wenquanyi micro hei" , "wenquanyi zen hei" , "st heiti" , "simhei" , "wenquanyi zen hei sharp" , sans-serif; font-size: 18px; text-indent: 36px;"><b>創9:11-13 「我與你們立約,凡有血肉的,不再被洪水滅絕,也不再有洪水毀壞地了。」神說:「我與你們並你們這裡的各樣活物所立的永約是有記號的。我把虹放在雲彩中,這就可作我與地立約的記號了。」</b></span><br />
<span style="background-color: white; color: #313131; font-family: , "helvetica neue" , "helvetica" , "nimbus sans l" , "arial" , "liberation sans" , "pingfang sc" , "hiragino sans gb" , "microsoft yahei" , "wenquanyi micro hei" , "wenquanyi zen hei" , "st heiti" , "simhei" , "wenquanyi zen hei sharp" , sans-serif; font-size: 18px; text-indent: 36px;"><br /></span>
<br />
<span style="background-color: white; color: #313131; font-family: , "helvetica neue" , "helvetica" , "nimbus sans l" , "arial" , "liberation sans" , "pingfang sc" , "hiragino sans gb" , "microsoft yahei" , "wenquanyi micro hei" , "wenquanyi zen hei" , "st heiti" , "simhei" , "wenquanyi zen hei sharp" , sans-serif; text-indent: 36px;">当大家都在担心 COVID-19 病毒的侵略的时候, 这个信息带给了我们, <b>神和我们有约</b>。我们尽管放心, 把一切交付于<b>祂</b>。 </span>Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-11404300212645911962020-01-15T22:29:00.002+08:002020-01-22T23:14:49.193+08:00最后的晚餐<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFC5kEcLsMfyEG0hi3yPdHVvlG96mVfm2prB2G8N3ROgbC0XdE22CdyelhEzzW4SCcRk-Ld0bOXwEzIxlwPwVDhOOMrYuExfo7d2-ORcCZxJKsirmbzPqgOV9xDZ-X4LR_72-8H4B90h8/s1600/2020CNY_dinner1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="684" data-original-width="912" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFC5kEcLsMfyEG0hi3yPdHVvlG96mVfm2prB2G8N3ROgbC0XdE22CdyelhEzzW4SCcRk-Ld0bOXwEzIxlwPwVDhOOMrYuExfo7d2-ORcCZxJKsirmbzPqgOV9xDZ-X4LR_72-8H4B90h8/s320/2020CNY_dinner1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: x-large;">俗语说:</span></div>
<div style="text-align: center;">
<span style="font-size: x-large;">“<span style="background-color: white; font-family: "arial" , sans-serif; text-align: left;">上帝</span><span style="background-color: white; font-family: "arial" , sans-serif; text-align: left;">每关上一扇门,</span><span style="background-color: white; font-family: "arial" , sans-serif; text-align: left;">就会</span><span style="background-color: white; font-family: "arial" , sans-serif; text-align: left;">打开一扇窗。</span>”</span><br />
<span style="font-size: x-large;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">As what boss said, "The <b>very, very, very</b> last WNS MY dinner".<br /><br />See you all soon!!!</span></div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-45265147103911449872019-06-26T16:27:00.003+08:002019-06-26T16:27:35.429+08:00请问你会把你的弱点放在最显眼的地方吗?请问你会把你的弱点放在最显眼的地方吗?<br />
<br />
还是你会把你的弱点放在最适当的地方?<br />
<br />
就好像一个网站, 你还没做好付费的连接, 你会把这个信息放在网站的第一页吗?<br />
<br />
还是你就让顾客下订单, 然后, 到了付费的时候才告诉顾客。 <br />
这样你的单继续收, 钱慢点收。 重点是顾客下订单, 对吗?<br />
<br />
你把这个信息放在第一页, 你是帮公司倒米; 也间接把顾客对公司的信心毁掉了。。。Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-1394711891480721202019-06-13T16:54:00.001+08:002019-06-13T16:57:15.957+08:00Google reCaptcha - file_get_contents problem<span style="font-family: "arial" , "helvetica" , sans-serif;">Finally I solved Google reCaptcha problem.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">I was followed exactly what's Shahid Shaikh wrote in his article - <a href="https://codeforgeek.com/google-recaptcha-tutorial/" target="_blank">google-recaptcha-tutorial</a></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">But then I am getting empty response.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;">$url = 'https://www.google.com/recaptcha/api/siteverify?secret='. urlencode($secretKey) .'&response='. urlencode($captcha); </span><br />
<span style="background-color: white; font-family: "courier new", courier, monospace;"><span style="color: blue;">$response = file_get_contents($url);</span></span><br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">I knew the problem is on file_get_contents($url), because I tried to put the URL into browser and its 100% working well.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Uhmmmmm..................</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Then I tried to change it to using PHP CURL. </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;">$ch = curl_init();</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;">curl_setopt_array($ch, [</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>CURLOPT_URL ='https://www.google.com/recaptcha/api/siteverify',</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>CURLOPT_POST = true,</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>CURLOPT_POSTFIELDS = [</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'secret' = $secretKey,</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'response' = $captcha,</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'remoteip' = $_SERVER['REMOTE_ADDR']</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>],</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>CURLOPT_RETURNTRANSFER = true</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;">]);</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;">$response = curl_exec($ch);</span><br />
<span style="background-color: white; color: blue; font-family: "courier new" , "courier" , monospace;">curl_close($ch);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="background-color: white; color: blue;">$responseKeys = json_decode($response,true);</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Its work perfectly with PHP CURL. </span><br />
<br />
<br />
<br />Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-14551542540762488392019-06-04T16:01:00.000+08:002019-06-04T16:01:01.582+08:00福州歇後語- 蚊咬牛角<div style="text-align: center;">
最近学到的一句福州歇後語- <b>蚊咬牛角 </b>(用福州话讲)</div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
意思是被人欺负了, 还不知道发生什么事。</div>
<div style="text-align: center;">
最后,那只牛死掉。</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
蒙蒙查查。。。</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-25954581607175172202019-03-12T17:16:00.001+08:002019-03-12T17:50:49.892+08:00Sg Lembing, Kuantan Itinerary Plan - 林明村<b>第一天</b><br />
- 吉隆坡启程 (4小时路程)<br />
- 参观 Muziam Sungai Lembing<br />
- 参观 <a href="http://sungailembingmines.com.my/" target="_blank">林明锡矿隧道</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKIDBxNcdBf9A5jLFtDSJ7TmEN6hkfxVu_pRM0IVe9LyzSHwLUOV1BXXbFCQbUGWTRc-kI9BAu4zj0_Y7sNv8R5GWufUluUf2_4btTHS7oM40Jv3PxFHBBoMgw-Od8-RNGomBMwKnMLVM/s1600/SgLembingMinesFee.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="412" data-original-width="1038" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKIDBxNcdBf9A5jLFtDSJ7TmEN6hkfxVu_pRM0IVe9LyzSHwLUOV1BXXbFCQbUGWTRc-kI9BAu4zj0_Y7sNv8R5GWufUluUf2_4btTHS7oM40Jv3PxFHBBoMgw-Od8-RNGomBMwKnMLVM/s320/SgLembingMinesFee.png" width="320" /></a></div>
<br />
- 吊桥<br />
- 水晶屋 (入门费 - RM2)<br />
- 拍照<br />
<br />
<div style="text-align: center;">
<span style="color: red;">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</span></div>
<br />
<b>第二天</b><br />
5:30am - 12:00pm 彩虹瀑布<br />
12:00pm - 2:00pm 午餐<br />
2:00pm - 6:00pm 补眠<br />
5:30pm - 7:00pm 阿定柴香烧肉<br />
7:00pm - ??? 晚餐<br />
<br />
<div style="text-align: center;">
<span style="color: red;">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</span></div>
<span style="text-align: center;"><br /></span><span style="text-align: center;">第三天</span><br />
5:50am - 8:00am 日出, 云海<br />
8:00am - 10:00am 早餐 -- 阿鳳山水豆腐<br />
10:00am - 12:00pm 酒店休息, 收拾东西<br />
1:00pm - 5:00pm 回吉隆坡<br />
<br />
<div style="text-align: center;">
<span style="color: red;">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</span><br />
<span style="color: red;"><br /></span>
<br />
<div style="text-align: left;">
<span style="color: red;">准备项目</span></div>
<div style="text-align: left;">
<span style="color: red;">1)运动鞋</span></div>
<div style="text-align: left;">
<span style="color: red;">2)拖鞋</span></div>
<div style="text-align: left;">
<span style="color: red;">3)手电筒或大头灯</span></div>
<div style="text-align: left;">
<span style="color: red;">4)盐 </span></div>
<div style="text-align: left;">
<span style="color: red;">5)电话 / 相机 / power bank</span><br />
<span style="color: red;">6) 泳衣</span></div>
<div style="text-align: left;">
<span style="color: red;"><br /></span></div>
<div style="text-align: left;">
<span style="color: red;"><br /></span></div>
<div style="text-align: left;">
<span style="color: red;"><br /></span></div>
<div style="text-align: left;">
<span style="color: red;"><br /></span></div>
</div>
<br />
<br />Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-90601761428235110022018-11-04T20:49:00.002+08:002018-11-04T20:49:50.610+08:00藍絲帶<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
這是一個發生在美國的故事。有一名叫保羅的小學生,他平時調皮搗蛋,是個令老師十分頭痛的學生。進出辦公室也是他的“家常便飯”。</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
今天,他又被老師叫到了辦公室。在走向辦公室的途中,小傢夥心中不停的“打鼓”:老師爲什麽要叫我?難道今天我又做錯什麽事情了……?</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
剛一進辦公室,老師便微笑地看著他說:“保羅,這次考試,你的進步太大了,而且在這次全校的體育比賽中你也取得了可喜的成績,非常不錯!我覺得你在班上是非常重要的一員,你的進步老師看在眼裏。今天老師要送給你一件小小的禮物!”</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
小保羅迫不及待地打開桌上的小盒子。一根不起眼的藍絲帶躍然眼前。老師對他說:“知道爲什麽老師要送根藍絲帶給你嗎?”老師一邊把藍絲帶拿出來一邊拉著小保羅的手,把這根絲帶繫在了他的小手上。對他說:<br />“我要讓你知道,繫這條藍絲帶的學生對整個集體來說是非常重要的,對老師來說也很重要!老師同學很感謝你爲班級所做的一切。保羅!你對我們很重要。同時老師希望你能把這根藍絲帶傳遞下去,用同樣的方式告訴你想感謝的人,他對你很重要,好嗎?”</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
小保羅感動得淚流滿面。手繫藍絲帶的小保羅走出老師的辦公室,他想起以前曾在學習、生活上給過他很大幫助的一名剛大學畢業的大學生哥哥羅恩。小保羅的父母都不在人世,生活非常拮据。爲此這位大哥哥從上大學起便做起了青年義務者,辛苦打工掙錢供小保羅讀書。想到這,他一口氣跑到羅恩上班的電子公司,把那根藍絲帶送給了羅恩大哥哥,說:<br />“大哥哥,謝謝你這麽多年來對我的照顧。如果沒有你,我現在不知道會是什麽樣子,你對我來說很重要!這根藍絲帶代表著了我對你的感謝!你在我生命中真的非常重要。我希望你也能把這根藍絲帶送給你覺得重要的人。”</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
羅恩聽了小保羅的話感觸良多,想到在自己最需要工作的時候是這家公司給了他機會,讓他留了下來。公司裏,他的老闆雷恩是一個在工作中非常苛刻而又不苟言笑的人,雖然這個老闆很苛刻,工作中卻給了他不少的幫助和指導。羅恩覺得老闆在他生命中非常重要。於是大學生就把那根藍絲帶送給了老闆,並對他說:“老闆,謝謝您,如果不是您給我這份工作,我現在的生活不知道會是什麽樣子,是您給了我生存的機會。這根藍絲帶是我對您的感謝!您對我來說很重要!希望您也能把這根藍絲帶送給您覺得重要的人。”</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
老闆不經意的收起那根藍絲帶。這天,他還是很晚了才回家。當他從口袋裏掏出鑰匙時看到了那根藍絲帶,想起了員工對他說的那些話,心中感慨萬千,他有一個兒子叫波比,平時因爲工作的原因自己老是很晚才回家,一喝醉酒便對波比大發脾氣,根本沒考慮過兒子的想法。想到這裏,雷恩走到兒子的房間,把波比叫到自己跟前,對兒子說:“兒子你知道嗎?我是多麽的愛你,爸爸過去太忽略你的想法,也沒過多的去考慮你的感受,我想對你說,你對我是多麽的重要啊!我想讓你知道這根藍絲帶表示我對你的愛!”</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
兒子不可思議的看著他的父親說:<br />“爸爸你知道嗎?我一直覺得你是一個嚴肅而刻薄的父親,你每天晚上都是那麽晚回來,回來就對我發脾氣。我以爲你不喜歡我,也不愛我了。我正想著明天等你上班走了,我就從13樓跳下去呢!沒想到我對你那麽重要。現在我一定不會離開你了”。一席話,讓父親眼含溫熱的眼淚,兒子臉上卻挂滿幸福的淚水。</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
想不到一根不起眼的藍絲帶卻蘊含著這麽多的感動!</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
這也是藍絲帶的價值:<br />一條幾毛錢的絲帶能夠挽救一個人的性命<br />能夠讓一顆冷漠的心變得柔軟<br />能夠讓一個自暴自棄的孩子懂得珍愛自己</div>
<div style="background-color: white; color: #1d2129; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 6px; margin-top: 6px;">
感謝父母,賜予我們生命,細心的養育呵護;<br />感謝老師,教授我們知識,教會我們用眼睛看世界;<br />感謝孩子,給生活帶來了歡樂;<br />感謝社會有愛心的人,給了我們友誼,讓生命的旅程不再孤單;<br />感謝大自然的陽光雨露……</div>
<div style="background-color: white; color: #1d2129; display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-top: 6px;">
學會感恩,學會感動,學會感謝,<br />更加用心去愛那些生命中最重要的人。<br />感恩你身邊的人與事,然後會發現它一直都是美好的,只是我們以往從沒留意,我們擁有很多。</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-34000156999918218162018-10-19T17:08:00.002+08:002018-10-19T17:19:02.395+08:00Routes for New Zealand<span style="background-color: cyan; color: #212121; font-family: "arial" , "helvetica" , sans-serif; font-weight: 700;">First day</span><br />
<ul>
<li><span style="color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Reach New Zealand</span></span></li>
<li><span style="color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Collect Car</span></span></li>
<li><span style="color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Sleep</span></span></li>
<li><span style="color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Buy daily foods </span></span></li>
</ul>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="background-color: cyan; color: #212121; font-family: "arial" , "helvetica" , sans-serif; font-weight: 700;">Second Day</span><br />
<span style="color: purple; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; white-space: pre-wrap;">Christchurch ▶ </span><span style="background-color: white; white-space: pre-wrap;">Lake Tekapo </span></span><br />
<ul>
<li><span style="color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><a href="https://littlehaohao.blogspot.com/2018/09/christchurch-international-airport-to.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - 3 hours 2 minutes</span></span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Explore the scenic surroundings by bike, horse, kayak or using your legs!</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Take a token picture of the Church of the Good Shepherd.</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">See the stars from the world’s largest Dark Sky Reserve.</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Relax in the hot pools looking out to the lake.</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Hike Mt John.</span></li>
</ul>
<span style="background-color: cyan; color: #212121; font-family: "arial" , "helvetica" , sans-serif; font-weight: 700;">Third Day</span><br />
<span style="color: purple; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; white-space: pre-wrap;"> </span><span style="background-color: white; white-space: pre-wrap;">Lake Tekapo ▶ </span><span style="background-color: white; white-space: pre-wrap;">Aoraki / Mount Cook </span></span><br />
<ul>
<li><span style="color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><a href="https://littlehaohao.blogspot.com/2018/09/lake-tekapo-7999-new-zealand-head.html" target="_blank"><span style="color: blue;">Map</span><span style="color: #444444;"> </span></a><span style="color: #444444;">- 48 minutes</span></span></span></li>
<li><a href="https://www.experienceoz.com.au/en/top-things-to-do-mt-cook" target="_blank"><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif;">Mount Cook</span></a></li>
</ul>
<span style="color: purple; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; white-space: pre-wrap;">Aoraki / Mount Cook ▶ </span><span style="background-color: white; white-space: pre-wrap;">Twizel </span></span><br />
<ul>
<li><span style="color: #444444;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/mount-cook-to-twizel.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - 48 minutes</span></span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Guided Kaki/ Black Stilt Tour at Visitor Hide</span></li>
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><strong style="box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: inherit;">Address</strong><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);">: Twizel Area Office, Twizel 7944, New Zealand</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><strong style="box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: inherit;">Days Open</strong><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);"> : from end-October to mid-April only</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><strong style="box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: inherit;">Timings</strong><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);"> : 9.30 am to 4.30 pm</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><strong style="box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: inherit;">Fee</strong><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);">: USD 20 per adult (27.53 NZD) and USD 10 (13.76 NZD) per first child (with all others free)</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><strong style="box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: inherit;">Bookings at</strong><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);">: Twizel Information Centre, Marketplace (</span><a href="mailto:info@twizel.info" style="box-sizing: inherit; color: #1f83e0; line-height: inherit; transition: all 0.3s ease 0s;">info@twizel.info</a><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);"> or call +64 3 4353 124)</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><strong style="box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: inherit;">Bookings at</strong><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);"> : Mackenzie Country Inn, Ostler Road (</span><a href="mailto:reservations@mackenzie.co.nz" style="box-sizing: inherit; color: #1f83e0; line-height: inherit; margin-top: 1rem; transition: all 0.3s ease 0s;">reservations@mackenzie.co.nz</a><span style="background-color: white; color: rgba(89 , 89 , 89 , 0.8);"> or call 0800 500 869)</span></span></li>
</ul>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><div style="background-color: white; box-sizing: inherit; color: rgba(89, 89, 89, 0.8); display: inline !important; line-height: 1.6; padding: 0px;">
<div style="display: inline !important;">
<span style="color: rgba(0 , 0 , 0 , 0.8);"><span style="font-family: "arial" , "helvetica" , sans-serif;">Lord of the Rings Tour</span></span></div>
</div>
<span style="color: #444444; white-space: pre-wrap;"></span></span></li>
<ul>
<li><span style="color: #444444;"><span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><div style="background-color: white; box-sizing: inherit; color: rgba(89, 89, 89, 0.8); line-height: 1.6; padding: 0px; text-rendering: optimizeLegibility; white-space: normal;">
</div>
</span></span></li>
<ul>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; box-sizing: inherit; line-height: inherit;">Website</span><span style="background-color: white;">:<span style="color: #444444;"> </span></span><a class="external-link" href="http://lordoftheringstour.com/" rel="nofollow" style="box-sizing: inherit; color: #444444; line-height: inherit; transition: all 0.3s ease 0s;" target="_blank" title="Lord of the Rings Tour">Lord of the Rings Tour</a></span></li>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="box-sizing: inherit; line-height: inherit;">Address</span>: 1 Ostler Rd, Twizel 7901, New Zealand</span></li>
</ul>
</ul>
</ul>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #444444; white-space: pre-wrap;"><span style="background-color: cyan; color: #212121; font-weight: 700; white-space: normal;">Fouth Day</span><span style="background-color: white;"><br /></span></span>
<span style="color: purple;"><span style="background-color: white; white-space: pre-wrap;">Twizel ▶ </span><span style="background-color: white; white-space: pre-wrap;">Oamaru </span></span></span><br />
<br />
<ul>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/twizel-to-oamaru.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - 1 hr 48 minutes</span></span></span></li>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="https://www.experienceoz.com.au/en/oamaru/free-things" style="background-color: white; color: #2dc710; white-space: normal;" target="_blank">Oamaru activities</a></span></span></li>
</ul>
<br />
<span style="background-color: white; white-space: pre-wrap;"><span style="color: purple; font-family: "arial" , "helvetica" , sans-serif;">Oamaru ▶ Dunedin </span></span><br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/oamaru-to-dunedin.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - </span>2 hr 20 minutes</span></span></li>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="https://teanabroad.org/blog/10-fun-and-free-things-to-do-in-dunedin/" style="color: #1c6100; text-decoration-line: none;" target="_blank">10 fun thing at Dunedin</a> </span></span></li>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="https://www.backpackerguide.nz/12-free-or-cheap-things-to-do-in-dunedin/" style="background-color: white; color: #1c6100; text-decoration-line: none; white-space: normal;" target="_blank">12 fun thing at Dunedin</a> </span></span></li>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="https://www.backpackerguide.nz/best-times-locations-see-southern-lights-new-zealand/" style="background-color: white; color: #1c6100; text-decoration-line: none; white-space: normal;" target="_blank">best time and location to see southern lights</a></span></span></li>
</ul>
<br />
<span style="background-color: cyan; color: #212121; font-weight: 700;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Fifth Day</span></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Dunedin ▶ Nugget Point </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/dunedin-to-nugget-point-lighthouse.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - </span>1 hr 47 minutes</span></span></li>
<li><span style="color: #444444; font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="https://www.tourism.net.nz/nz-places/nugget-point-catlins-new-zealand.html" style="background-color: white; color: #1c6100; text-decoration-line: none; white-space: normal;" target="_blank">Nugget Point</a></span></span></li>
</ul>
<br />
<span style="color: purple; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; white-space: pre-wrap;">Nugget Point </span><span style="background-color: white; white-space: pre-wrap;">▶ </span><span style="background-color: white; white-space: pre-wrap;">Edendale</span></span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/nugget-point-to-edendale.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> -</span> 1 hr 36 minutes</span></span></li>
</ul>
<br />
<span style="color: purple; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; white-space: pre-wrap;">Edendale ▶ I</span><span style="background-color: white; white-space: pre-wrap;">nvercargill </span></span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/edendale-to-invercargill.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - </span>27 minutes</span></span></li>
</ul>
<br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><span style="background-color: white; color: #444444; font-family: "noto sans" , "helvetica" , , "blinkmacsystemfont" , , "segoe ui" , "roboto" , "oxygen" , "ubuntu" , "cantarell" , "fira sans" , "droid sans" , "helvetica neue" , sans-serif; font-size: 16px; white-space: pre-wrap;">I</span>nvercargill ▶ Bluff </span><br />
<div>
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/invercargill-to-bluff.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - </span>22 minutes</span></span></li>
</ul>
</div>
<span style="background-color: white; color: #212121; font-weight: 700;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: cyan; color: #212121; font-weight: 700;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Sixth Day</span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><span style="color: purple;">Bluff ▶ Teanau </span></span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/bluff-to-teanau.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> - </span>2 hr 14minutes</span></span></li>
</ul>
<br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Teanau ▶ Milford Sound </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/09/teanau-to-milford-sound.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> -</span> 1 hr 43 minutes</span></span></li>
</ul>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: cyan; white-space: pre-wrap;"><b>Seventh Day</b></span></span></div>
<br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Milford Sound ▶ Queenstown </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/12-milford-sound-to-queenstown.html" target="_blank"><span style="color: blue;">Map</span></a><span style="color: #444444;"> -</span> 3hr 41 minutes</span></span></li>
</ul>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><b style="background-color: cyan;">Eighth Day</b></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Queenstown ▶ Wanaka </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/13-queenstown-to-wanaka.html" target="_blank"><span style="color: blue;">Map</span></a> - 1 hr 4 minutes</span></span></li>
</ul>
<br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Wanaka ▶ Haast </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/14-wanaka-to-haast.html" target="_blank"><span style="color: blue;">Map</span></a> - 1 hr 47 minutes</span></span></li>
</ul>
<br />
<span style="background-color: cyan; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><b>Nineth Day</b></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Haast ▶ Fox Glacier </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/15-haast-to-fox-glacier.html" target="_blank"><span style="color: blue;">Map</span></a> - 1 hr 26 minutes</span></span></li>
</ul>
<br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Fox Glacier ▶ Franz Josef Glacier </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/16-fox-glacier-to-franz-josef-glacier.html" target="_blank"><span style="color: blue;">Map</span></a> - 26 minutes</span></span></li>
</ul>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><b style="background-color: cyan;">Tenth Day</b></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Franz Josef Glacier ▶ Hokitika </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/17-franz-josef-glacier-to-hokitika.html" target="_blank"><span style="color: blue;">Map</span></a> - 2 hr 40 minutes</span></span></li>
</ul>
<br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Hokitika ▶ Greymouth </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/18-hokitika-to-greymouth.html" target="_blank"><span style="color: blue;">Map</span></a> - 32 minutes</span></span></li>
</ul>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><b style="background-color: cyan;">Eleventh Day</b></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Greymouth ▶ Arthur's Pass </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/19-greymouth-to-arthurs-pass.html" target="_blank"><span style="color: blue;">Map</span></a> - 2 hr 23 minutes</span></span></li>
</ul>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><b style="background-color: cyan;">Twelve Day</b></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Arthur's Pass ▶ Kaikoura </span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/20-arthurs-pass-to-kaikoura.html" target="_blank"><span style="color: blue;">Map</span></a> - 4hr </span></span></li>
</ul>
<br />
<span style="background-color: cyan; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;"><b>Thirteen & Fourteen Day</b></span><br />
<span style="background-color: white; color: purple; font-family: "arial" , "helvetica" , sans-serif; white-space: pre-wrap;">Kaikoura ▶ Christchurch</span><br />
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="white-space: pre-wrap;"><a href="http://littlehaohao.blogspot.com/2018/10/21-kaikoura-to-christchurch.html" target="_blank"><span style="color: blue;">Map</span></a> - 3hr 53minutes</span></span></li>
</ul>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com1tag:blogger.com,1999:blog-6703423217497703347.post-83872744238213967612018-10-02T10:32:00.000+08:002018-10-02T10:32:21.562+08:0021. Kaikoura TO Christchurch International Airport<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d2876174.2324776216!2d169.4099719!3d-45.252566899999984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6d3a203a34917c75%3A0x500ef8684799936!2sKaikoura%2C+New+Zealand!3m2!1d-42.4008174!2d173.681386!4m5!1s0x6d31f496835f93a3%3A0xf00ef876559b180!2sChristchurch+International+Airport+Durey+Road%2C+Christchurch+Airport%2C+Christchurch%2C+New+Zealand!3m2!1d-43.486398099999995!2d172.5368705!5e0!3m2!1sen!2smy!4v1538446986924" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Kaikoura</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="0" jstcache="494" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ7FcIDSgAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="*0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIDigAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">northwest</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">W End</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">SH 1</span></div>
</div>
</div>
<div class="directions-mode-separator" jstcache="528" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="538">38 s</span> (<span jstcache="539">210 m</span>)</div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-mode-group closed" data-groupindex="1" data-hideableid="hideable_nontransit_0_1" data-pathindex="0" id="group_0_1" jsan="7.directions-mode-group,0.data-groupindex,0.data-hideableid,0.data-pathindex,0.id,0.ved" jsinstance="1" jstcache="494" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ7FcIECgBMAA">
<span jstcache="497"></span><br />
<div class="directions-mode-group-summary" data-groupid="group_0_1" jsaction="click:pane.trip-details.toggleGroup;focus:pane.trip-details.highlightGroup;mouseover:pane.trip-details.highlightGroup;" jstcache="498" style="background-clip: padding-box; cursor: pointer; font-size: 14px; line-height: 20px; padding-left: 38px; padding-top: 20px; position: relative;">
<span jstcache="497"><button aria-expanded="false" aria-label=" Toggle step list " class="directions-group-disclose" jstcache="499" style="background-attachment: initial; background-clip: initial; background-image: url("//maps.gstatic.com/tactile/directions/text_mode/arrow-right_2x.png"); background-origin: initial; background-position: 0px center; background-repeat: no-repeat; background-size: 24px; border-color: initial; border-radius: 0px; border-style: initial; border-width: 0px; cursor: pointer; font: inherit; height: 24px; left: 0px; list-style: none; margin: 20px 2px 0px 0px; opacity: 0.4; outline: 0px; overflow: visible; padding: 0px; position: absolute; top: -2px; vertical-align: baseline; width: 24px;"></button></span><br />
<div class="directions-mode-group-title" style="padding-bottom: 20px;">
<span jstcache="497"><span class="renderable-component" jsinstance="0" jstcache="500">Follow </span><span class="renderable-component" jsinstance="1" jstcache="500">SH 1</span><span class="renderable-component" jsinstance="2" jstcache="500"> to </span><span class="renderable-component" jsinstance="3" jstcache="500">Harewood Rd</span><span class="renderable-component" jsinstance="4" jstcache="500"> in </span><span class="renderable-component" jsinstance="*5" jstcache="500">Harewood, Christchurch</span></span></div>
<div class="directions-mode-separator" jstcache="502" style="line-height: normal; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="497"><span jstcache="538">2 h 21 min</span> (<span jstcache="539">177 km</span>)</span></div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
<span jstcache="497">
</span><br />
<div class="hideable expand-print padded-hideable" id="hideable_nontransit_0_1" jsan="7.hideable,7.expand-print,7.padded-hideable,0.id" jstcache="503" style="max-height: 0px; opacity: 0; overflow: hidden; padding-left: 38px; transition-duration: 0ms; transition-property: max-height, opacity; visibility: hidden;">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIESgAMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIEygBMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIFSgCMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="3" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_3" data-stepindex="3" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIFygDMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*4" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_4" data-stepindex="4" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIGSgEMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="4" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="5" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="6" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*7" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="last-step-in-group directions-mode-separator" jsan="7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-mode-group closed" data-groupindex="2" data-hideableid="hideable_nontransit_0_2" data-pathindex="0" id="group_0_2" jsan="7.directions-mode-group,0.data-groupindex,0.data-hideableid,0.data-pathindex,0.id,0.ved" jsinstance="*2" jstcache="494" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ7FcIGygCMAA">
<span jstcache="497"></span><br />
<div class="directions-mode-group-summary" data-groupid="group_0_2" jsaction="click:pane.trip-details.toggleGroup;focus:pane.trip-details.highlightGroup;mouseover:pane.trip-details.highlightGroup;" jstcache="498" style="background-clip: padding-box; cursor: pointer; font-size: 14px; line-height: 20px; padding-left: 38px; padding-top: 20px; position: relative;">
<span jstcache="497"><button aria-expanded="false" aria-label=" Toggle step list " class="directions-group-disclose" jstcache="499" style="background-attachment: initial; background-clip: initial; background-image: url("//maps.gstatic.com/tactile/directions/text_mode/arrow-right_2x.png"); background-origin: initial; background-position: 0px center; background-repeat: no-repeat; background-size: 24px; border-color: initial; border-radius: 0px; border-style: initial; border-width: 0px; cursor: pointer; font: inherit; height: 24px; left: 0px; list-style: none; margin: 20px 2px 0px 0px; opacity: 0.4; outline: 0px; overflow: visible; padding: 0px; position: absolute; top: -2px; vertical-align: baseline; width: 24px;"></button></span><br />
<div class="directions-mode-group-title" style="padding-bottom: 20px;">
<span jstcache="497"><span class="renderable-component" jsinstance="0" jstcache="500">Take </span><span class="renderable-component" jsinstance="1" jstcache="500">Orchard Rd</span><span class="renderable-component" jsinstance="2" jstcache="500"> to </span><span class="renderable-component" jsinstance="3" jstcache="500">Durey Rd</span><span class="renderable-component" jsinstance="4" jstcache="500"> in </span><span class="renderable-component" jsinstance="*5" jstcache="500">Christchurch Airport</span></span></div>
<div class="directions-mode-separator" jstcache="502" style="line-height: normal; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="497"><span jstcache="538">3 min</span> (<span jstcache="539">1.9 km</span>)</span></div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
<span jstcache="497">
</span><br />
<div class="hideable expand-print padded-hideable" id="hideable_nontransit_0_2" jsan="7.hideable,7.expand-print,7.padded-hideable,0.id" jstcache="503" style="max-height: 0px; opacity: 0; overflow: hidden; padding-left: 38px; transition-duration: 0ms; transition-property: max-height, opacity; visibility: hidden;">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="2" data-pathindex="0" data-rapid="step_rap_0_2_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIHCgAMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="2" data-pathindex="0" data-rapid="step_rap_0_2_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIHigBMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="2" data-pathindex="0" data-rapid="step_rap_0_2_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="fdayW_KzIoHUvgSSsYLABw" style="cursor: pointer; position: relative;" ved="0ahUKEwiy5vXK2ebdAhUBqo8KHZKYAHgQ9iQIICgCMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Christchurch International Airport</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">30 Durey Rd, Christchurch Airport, Christchurch 8053, New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-18192466647749369742018-10-02T10:22:00.001+08:002018-10-02T10:22:13.975+08:0020. Arthur's Pass TO Kaikoura<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d2932549.555529031!2d169.84882074214292!3d-43.91684808872956!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6d2e4f6b5bd25a3f%3A0x500ef868479e1a0!2sArthur's+Pass%2C+New+Zealand!3m2!1d-42.940115299999995!2d171.5620073!4m5!1s0x6d3a203a34917c75%3A0x500ef8684799936!2sKaikoura%2C+New+Zealand!3m2!1d-42.4008174!2d173.681386!5e0!3m2!1sen!2smy!4v1538446904883" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Arthur's Pass</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7875, New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group closed" data-groupindex="0" data-hideableid="hideable_nontransit_0_0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,0.data-groupindex,0.data-hideableid,0.data-pathindex,0.id,0.ved" jsinstance="0" jstcache="494" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ7FcIBigAMAA">
<span jstcache="497"></span><br />
<div class="directions-mode-group-summary" data-groupid="group_0_0" jsaction="click:pane.trip-details.toggleGroup;focus:pane.trip-details.highlightGroup;mouseover:pane.trip-details.highlightGroup;" jstcache="498" style="background-clip: padding-box; cursor: pointer; font-size: 14px; line-height: 20px; padding-left: 38px; padding-top: 20px; position: relative;">
<span jstcache="497"><button aria-expanded="false" aria-label=" Toggle step list " class="directions-group-disclose" jstcache="499" style="background-attachment: initial; background-clip: initial; background-image: url("//maps.gstatic.com/tactile/directions/text_mode/arrow-right_2x.png"); background-origin: initial; background-position: 0px center; background-repeat: no-repeat; background-size: 24px; border-color: initial; border-radius: 0px; border-style: initial; border-width: 0px; cursor: pointer; font: inherit; height: 24px; left: 0px; list-style: none; margin: 20px 2px 0px 0px; opacity: 0.4; outline: 0px; overflow: visible; padding: 0px; position: absolute; top: -2px; vertical-align: baseline; width: 24px;"></button></span><br />
<div class="directions-mode-group-title" style="padding-bottom: 20px;">
<span jstcache="497"><span class="renderable-component" jsinstance="0" jstcache="500">Take </span><span class="renderable-component" jsinstance="1" jstcache="500">SH 73</span><span class="renderable-component" jsinstance="2" jstcache="500"> to </span><span class="renderable-component" jsinstance="3" jstcache="500">W Belt</span><span class="renderable-component" jsinstance="4" jstcache="500"> in </span><span class="renderable-component" jsinstance="*5" jstcache="500">Rangiora</span></span></div>
<div class="directions-mode-separator" jstcache="502" style="line-height: normal; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="497"><span jstcache="538">1 h 48 min</span> (<span jstcache="539">143 km</span>)</span></div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
<span jstcache="497">
</span><br />
<div class="hideable expand-print padded-hideable" id="hideable_nontransit_0_0" jsan="7.hideable,7.expand-print,7.padded-hideable,0.id" jstcache="503" style="max-height: 0px; opacity: 0; overflow: hidden; padding-left: 38px; transition-duration: 0ms; transition-property: max-height, opacity; visibility: hidden;">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQICSgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQICygCMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-slight-left" jsan="7.dir-tt,7.dir-tt-turn-slight-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -378px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="4" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*5" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><br />
<div class="dirsegnote" jsinstance="*0" jstcache="524">
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;"></span><br />
<div aria-label="Information" class="notice-severity-icon" jstcache="379" style="background-image: url("//maps.gstatic.com/tactile/directions/text_mode/alert-4-2x.png"); background-position: 0px -32px; background-repeat: no-repeat; background-size: 17px 47px; display: inline-block; height: 15px; overflow: hidden; vertical-align: top; width: 17px;">
</div>
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;">
</span><br />
<h6 class="notice-headline" jsan="7.notice-headline" jstcache="371" style="background: transparent; border-radius: 0px; border: 0px; color: #0a64c1; display: inline-block; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 300; line-height: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: middle;">
</h6>
</div>
</div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="3" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_3" data-stepindex="3" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIDSgDMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="4" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_4" data-stepindex="4" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIDygEMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="5" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_5" data-stepindex="5" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIESgFMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="6" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_6" data-stepindex="6" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIEygGMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><br />
<div class="dirsegnote" jsinstance="*0" jstcache="524">
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;"></span><br />
<div aria-label="Information" class="notice-severity-icon" jstcache="379" style="background-image: url("//maps.gstatic.com/tactile/directions/text_mode/alert-4-2x.png"); background-position: 0px -32px; background-repeat: no-repeat; background-size: 17px 47px; display: inline-block; height: 15px; overflow: hidden; vertical-align: top; width: 17px;">
</div>
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;">
</span><br />
<h6 class="notice-headline" jsan="7.notice-headline" jstcache="371" style="background: transparent; border-radius: 0px; border: 0px; color: #0a64c1; display: inline-block; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 300; line-height: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: middle;">
</h6>
</div>
</div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*7" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_7" data-stepindex="7" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIFSgHMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><br />
<div class="dirsegnote" jsinstance="*0" jstcache="524">
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;"></span><br />
<div aria-label="Information" class="notice-severity-icon" jstcache="379" style="background-image: url("//maps.gstatic.com/tactile/directions/text_mode/alert-4-2x.png"); background-position: 0px -32px; background-repeat: no-repeat; background-size: 17px 47px; display: inline-block; height: 15px; overflow: hidden; vertical-align: top; width: 17px;">
</div>
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;">
</span><br />
<h6 class="notice-headline" jsan="7.notice-headline" jstcache="371" style="background: transparent; border-radius: 0px; border: 0px; color: #0a64c1; display: inline-block; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 300; line-height: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: middle;">
</h6>
</div>
</div>
</div>
</div>
<div class="last-step-in-group directions-mode-separator" jsan="7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-mode-group closed" data-groupindex="1" data-hideableid="hideable_nontransit_0_1" data-pathindex="0" id="group_0_1" jsan="7.directions-mode-group,0.data-groupindex,0.data-hideableid,0.data-pathindex,0.id,0.ved" jsinstance="1" jstcache="494" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ7FcIFygBMAA">
<span jstcache="497"></span><br />
<div class="directions-mode-group-summary" data-groupid="group_0_1" jsaction="click:pane.trip-details.toggleGroup;focus:pane.trip-details.highlightGroup;mouseover:pane.trip-details.highlightGroup;" jstcache="498" style="background-clip: padding-box; cursor: pointer; font-size: 14px; line-height: 20px; padding-left: 38px; padding-top: 20px; position: relative;">
<span jstcache="497"><button aria-expanded="false" aria-label=" Toggle step list " class="directions-group-disclose" jstcache="499" style="background-attachment: initial; background-clip: initial; background-image: url("//maps.gstatic.com/tactile/directions/text_mode/arrow-right_2x.png"); background-origin: initial; background-position: 0px center; background-repeat: no-repeat; background-size: 24px; border-color: initial; border-radius: 0px; border-style: initial; border-width: 0px; cursor: pointer; font: inherit; height: 24px; left: 0px; list-style: none; margin: 20px 2px 0px 0px; opacity: 0.4; outline: 0px; overflow: visible; padding: 0px; position: absolute; top: -2px; vertical-align: baseline; width: 24px;"></button></span><br />
<div class="directions-mode-group-title" style="padding-bottom: 20px;">
<span jstcache="497"><span class="renderable-component" jsinstance="0" jstcache="500">Take </span><span class="renderable-component" jsinstance="1" jstcache="500">Inland Scenic Hwy</span><span class="renderable-component" jsinstance="2" jstcache="500"> to </span><span class="renderable-component" jsinstance="3" jstcache="500">SH 1</span><span class="renderable-component" jsinstance="4" jstcache="500"> in </span><span class="renderable-component" jsinstance="*5" jstcache="500">Amberley</span></span></div>
<div class="directions-mode-separator" jstcache="502" style="line-height: normal; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="497"><span jstcache="538">23 min</span> (<span jstcache="539">26.2 km</span>)</span></div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
<span jstcache="497">
</span><br />
<div class="hideable expand-print padded-hideable" id="hideable_nontransit_0_1" jsan="7.hideable,7.expand-print,7.padded-hideable,0.id" jstcache="503" style="max-height: 0px; opacity: 0; overflow: hidden; padding-left: 38px; transition-duration: 0ms; transition-property: max-height, opacity; visibility: hidden;">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIGCgAMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIGigBMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*4" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIHCgCMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="3" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_3" data-stepindex="3" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIHigDMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="4" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_4" data-stepindex="4" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIHygEMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="4" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*5" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><br />
<div class="dirsegnote" jsinstance="*0" jstcache="524">
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;"></span><br />
<div aria-label="Information" class="notice-severity-icon" jstcache="379" style="background-image: url("//maps.gstatic.com/tactile/directions/text_mode/alert-4-2x.png"); background-position: 0px -32px; background-repeat: no-repeat; background-size: 17px 47px; display: inline-block; height: 15px; overflow: hidden; vertical-align: top; width: 17px;">
</div>
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;">
</span><br />
<h6 class="notice-headline" jsan="7.notice-headline" jstcache="371" style="background: transparent; border-radius: 0px; border: 0px; color: #0a64c1; display: inline-block; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 300; line-height: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: middle;">
</h6>
</div>
</div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="5" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_5" data-stepindex="5" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIICgFMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="4" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*5" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><br />
<div class="dirsegnote" jsinstance="*0" jstcache="524">
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;"></span><br />
<div aria-label="Information" class="notice-severity-icon" jstcache="379" style="background-image: url("//maps.gstatic.com/tactile/directions/text_mode/alert-4-2x.png"); background-position: 0px -32px; background-repeat: no-repeat; background-size: 17px 47px; display: inline-block; height: 15px; overflow: hidden; vertical-align: top; width: 17px;">
</div>
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;">
</span><br />
<h6 class="notice-headline" jsan="7.notice-headline" jstcache="371" style="background: transparent; border-radius: 0px; border: 0px; color: #0a64c1; display: inline-block; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 300; line-height: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: middle;">
</h6>
</div>
</div>
</div>
</div>
<div class="directions-mode-separator" jsan="t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*6" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="1" data-pathindex="0" data-rapid="step_rap_0_1_6" data-stepindex="6" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIIigGMAA" vet="5952">
<div class="directions-mode-step-summary" style="box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 32px; position: relative; width: 316.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 20px 0px 0px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="1" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span><span class="renderable-component" jsinstance="2" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line" jsan="7.renderable-component-text,7.renderable-component-text-not-line" jstcache="359"></span></span><span class="renderable-component" jsinstance="*3" jstcache="523"><span class="renderable-component-text renderable-component-text-not-line renderable-component-bold" jsan="7.renderable-component-text,7.renderable-component-text-not-line,7.renderable-component-bold" jstcache="359"></span></span></div>
</div>
</div>
<div class="last-step-in-group directions-mode-separator" jsan="7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 32px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="2" data-pathindex="0" id="group_0_2" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="2" jstcache="494" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ7FcIJCgCMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="*0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="2" data-pathindex="0" data-rapid="step_rap_0_2_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIJSgAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">SH 1</span></div>
</div>
</div>
<div class="directions-mode-separator" jstcache="528" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="538">1 h 49 min</span> (<span jstcache="539">134 km</span>)</div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="3" data-pathindex="0" id="group_0_3" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*3" jstcache="494" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ7FcIJygDMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="*0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="3" data-pathindex="0" data-rapid="step_rap_0_3_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="D9ayW5jYPIHvvASvj58I" style="cursor: pointer; position: relative;" ved="0ahUKEwjYm9aW2ebdAhWBN48KHa_HBwEQ9iQIKCgAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">W End</span></div>
</div>
</div>
<div class="directions-mode-separator" jstcache="528" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-distance-time" jstcache="537" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
<span jstcache="538">36 s</span> (<span jstcache="539">210 m</span>)</div>
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Kaikoura</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-40249382499896997262018-10-02T10:18:00.004+08:002018-10-02T10:18:31.434+08:0019. Greymouth TO Arthur's Pass<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d2876174.232477621!2d169.4099719!3d-45.25256689999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6d2f3fd94dd51053%3A0x500ef86847972a0!2sGreymouth%2C+New+Zealand!3m2!1d-42.4503925!2d171.2107623!4m5!1s0x6d2e4f6b5bd25a3f%3A0x500ef868479e1a0!2sArthur's+Pass%2C+New+Zealand!3m2!1d-42.940115299999995!2d171.5620073!5e0!3m2!1sen!2smy!4v1538446685843" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Greymouth</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*0" jstcache="494" ved="0ahUKEwjN1Ku72ObdAhUDT48KHX_pBJAQ7FcIBigAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="UNWyW83sG4OevQT_0pOACQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjN1Ku72ObdAhUDT48KHX_pBJAQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">east</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">Chapel St</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
180 m</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="UNWyW83sG4OevQT_0pOACQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjN1Ku72ObdAhUDT48KHX_pBJAQ9iQICCgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">Alexander St</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
950 m</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="UNWyW83sG4OevQT_0pOACQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjN1Ku72ObdAhUDT48KHX_pBJAQ9iQICigCMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Continue onto </span><span class="renderable-component" jsinstance="*1" jstcache="523">Shakespeare St</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
1.5 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="3" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_3" data-stepindex="3" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="UNWyW83sG4OevQT_0pOACQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjN1Ku72ObdAhUDT48KHX_pBJAQ9iQIDCgDMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
15.0 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*4" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_4" data-stepindex="4" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="UNWyW83sG4OevQT_0pOACQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjN1Ku72ObdAhUDT48KHX_pBJAQ9iQIDigEMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">At the roundabout, take the </span><span class="renderable-component" jsinstance="1" jstcache="523">1st</span><span class="renderable-component" jsinstance="2" jstcache="523"> exit onto </span><span class="renderable-component" jsinstance="3" jstcache="523">SH 73</span><span class="renderable-component" jsinstance="4" jstcache="523">heading to </span><span class="renderable-component" jsinstance="5" jstcache="523">Arthurs Pass</span><span class="renderable-component" jsinstance="6" jstcache="523">/</span><span class="renderable-component" jsinstance="*7" jstcache="523">Christchurch</span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
77.4 km</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Arthur's Pass</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7875, New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-24694289674538583702018-10-02T10:17:00.001+08:002018-10-02T10:17:16.936+08:0018. Hokitika TO Greymouth<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d2876174.232477621!2d169.4099719!3d-45.25256689999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6d2f3b171045bf73%3A0x500ef8684797780!2sHokitika%2C+New+Zealand!3m2!1d-42.7173686!2d170.9665427!4m5!1s0x6d2f3fd94dd51053%3A0x500ef86847972a0!2sGreymouth%2C+New+Zealand!3m2!1d-42.4503925!2d171.2107623!5e0!3m2!1sen!2smy!4v1538446614026" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Hokitika</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*0" jstcache="494" ved="0ahUKEwiO_5WS2ObdAhWLto8KHd8VB9kQ7FcIBigAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="-tSyW46aB4vtvgTfq5zIDQ" style="cursor: pointer; position: relative;" ved="0ahUKEwiO_5WS2ObdAhWLto8KHd8VB9kQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">north</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">State Highway 6</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
7.0 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="-tSyW46aB4vtvgTfq5zIDQ" style="cursor: pointer; position: relative;" ved="0ahUKEwiO_5WS2ObdAhWLto8KHd8VB9kQ9iQICCgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">At the roundabout, take the </span><span class="renderable-component" jsinstance="1" jstcache="523">1st</span><span class="renderable-component" jsinstance="2" jstcache="523"> exit and stay on </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
14.5 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="-tSyW46aB4vtvgTfq5zIDQ" style="cursor: pointer; position: relative;" ved="0ahUKEwiO_5WS2ObdAhWLto8KHd8VB9kQ9iQICigCMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-roundabout-left" jsan="7.dir-tt,7.dir-tt-roundabout-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -197px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">At the roundabout, take the </span><span class="renderable-component" jsinstance="1" jstcache="523">1st</span><span class="renderable-component" jsinstance="2" jstcache="523"> exit and stay on </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
17.4 km</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Greymouth</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-22777479373130257662018-10-02T10:16:00.000+08:002018-10-02T10:16:00.966+08:0017. Franz Josef Glacier TO Hokitika<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d2876174.2324776207!2d169.4099719!3d-45.2525669!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6d297e26ef2fb437%3A0x500ef8684796ec0!2sFranz+Josef+Glacier%2C+New+Zealand!3m2!1d-43.3873293!2d170.18328839999998!4m5!1s0x6d2f3b171045bf73%3A0x500ef8684797780!2sHokitika%2C+New+Zealand!3m2!1d-42.7173686!2d170.9665427!5e0!3m2!1sen!2smy!4v1538446540459" style="border: 0;" width="600"></iframe>
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
</h2>
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
</h2>
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Franz Josef Glacier</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7886, New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*0" jstcache="494" ved="0ahUKEwi-497w1-bdAhVEM48KHbaYDoQQ7FcIBigAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="tNSyW745xOa8BLaxuqAI" style="cursor: pointer; position: relative;" ved="0ahUKEwi-497w1-bdAhVEM48KHbaYDoQQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">west</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">Cowan St</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
110 m</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="tNSyW745xOa8BLaxuqAI" style="cursor: pointer; position: relative;" ved="0ahUKEwi-497w1-bdAhVEM48KHbaYDoQQ9iQICSgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> at the 1st cross street onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
30.8 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="tNSyW745xOa8BLaxuqAI" style="cursor: pointer; position: relative;" ved="0ahUKEwi-497w1-bdAhVEM48KHbaYDoQQ9iQICygCMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> to stay on </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
76.5 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*3" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_3" data-stepindex="3" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="tNSyW745xOa8BLaxuqAI" style="cursor: pointer; position: relative;" ved="0ahUKEwi-497w1-bdAhVEM48KHbaYDoQQ9iQIDSgDMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> to stay on </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
26.4 km</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Hokitika</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-67296575989449661432018-10-02T10:13:00.004+08:002018-10-02T10:13:58.903+08:0016. Fox Glacier TO Franz Josef Glacier<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d2876174.2324776207!2d169.4099719!3d-45.2525669!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6d2a2f858f40eafd%3A0x500ef8684796e70!2sFox+Glacier%2C+New+Zealand!3m2!1d-43.4644799!2d170.0175878!4m5!1s0x6d297e26ef2fb437%3A0x500ef8684796ec0!2sFranz+Josef+Glacier%2C+New+Zealand!3m2!1d-43.3873293!2d170.18328839999998!5e0!3m2!1sen!2smy!4v1538446415251" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Fox Glacier</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7886, New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*0" jstcache="494" ved="0ahUKEwi8v4ut1-bdAhUMsI8KHel0DxYQ7FcIBigAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="JtSyW7yUCIzgvgTp6b2wAQ" style="cursor: pointer; position: relative;" ved="0ahUKEwi8v4ut1-bdAhUMsI8KHel0DxYQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">east</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">Cook Flat Rd</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
15 m</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="JtSyW7yUCIzgvgTp6b2wAQ" style="cursor: pointer; position: relative;" ved="0ahUKEwi8v4ut1-bdAhUMsI8KHel0DxYQ9iQICSgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> at the 1st cross street onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
23.2 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="JtSyW7yUCIzgvgTp6b2wAQ" style="cursor: pointer; position: relative;" ved="0ahUKEwi8v4ut1-bdAhUMsI8KHel0DxYQ9iQICygCMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">Cowan St</span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
120 m</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Franz Josef Glacier</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7886, New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-477888499164754072018-10-02T10:12:00.004+08:002018-10-02T10:12:24.155+08:0015. Haast TO Fox Glacier<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d2876174.2324776207!2d169.4099719!3d-45.2525669!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x6cd59d256cd89b67%3A0x500ef86847972d0!2sHaast%2C+New+Zealand!3m2!1d-43.881106599999995!2d169.04243739999998!4m5!1s0x6d2a2f858f40eafd%3A0x500ef8684796e70!2sFox+Glacier%2C+New+Zealand!3m2!1d-43.4644799!2d170.0175878!5e0!3m2!1sen!2smy!4v1538446316556" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
</h2>
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
</h2>
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Haast</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7886, New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*0" jstcache="494" ved="0ahUKEwjgj_j91ubdAhUZT48KHT5fA9gQ7FcIBigAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="w9OyW6CiD5mevQS-vo3ADQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjgj_j91ubdAhUZT48KHT5fA9gQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">northwest</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">Marks Rd</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
290 m</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="w9OyW6CiD5mevQS-vo3ADQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjgj_j91ubdAhUZT48KHT5fA9gQ9iQICSgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
120 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="w9OyW6CiD5mevQS-vo3ADQ" style="cursor: pointer; position: relative;" ved="0ahUKEwjgj_j91ubdAhUZT48KHT5fA9gQ9iQICygCMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 360px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">Cook Flat Rd</span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
15 m</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Fox Glacier</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7886, New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0tag:blogger.com,1999:blog-6703423217497703347.post-23924746822260847972018-10-02T10:10:00.002+08:002018-10-02T10:10:32.736+08:0014. Wanaka TO Haast<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d2876174.2324776207!2d169.4099719!3d-45.2525669!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0xa9d5461db9ec2d6f%3A0x500ef868479c1e0!2sWanaka%2C+New+Zealand!3m2!1d-44.7031813!2d169.13209809999998!4m5!1s0x6cd59d256cd89b67%3A0x500ef86847972d0!2sHaast%2C+New+Zealand!3m2!1d-43.881106599999995!2d169.04243739999998!5e0!3m2!1sen!2smy!4v1538446202442" style="border: 0;" width="600"></iframe>
<br />
<div class="directions-mode-nontransit-groups" jsinstance="*0" jstcache="492" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif;">
<div class="directions-text-waypoint first-waypoint" jsan="7.directions-text-waypoint,7.first-waypoint,t-DINEhuvEfuM" jstcache="493" style="padding: 0px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Wanaka</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">New Zealand</span></div>
</div>
</div>
<div class="directions-mode-group non-hideable" data-groupindex="0" data-pathindex="0" id="group_0_0" jsan="7.directions-mode-group,7.non-hideable,0.data-groupindex,0.data-pathindex,0.id,0.ved" jsinstance="*0" jstcache="494" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ7FcIBigAMAA">
<div class="directions-non-hideable-group" jsan="7.directions-non-hideable-group" jstcache="503">
<div jstcache="504">
<div class="directions-mode-step-container" jsinstance="0" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_0" data-stepindex="0" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="MdOyW4CcD4zjvASg2qDQBA" style="cursor: pointer; position: relative;" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ9iQIBygAMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Head </span><span class="renderable-component" jsinstance="1" jstcache="523">northwest</span><span class="renderable-component" jsinstance="2" jstcache="523"> on </span><span class="renderable-component" jsinstance="3" jstcache="523">McDougall St</span><span class="renderable-component" jsinstance="4" jstcache="523"> toward </span><span class="renderable-component" jsinstance="*5" jstcache="523">Warren St</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
350 m</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="1" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_1" data-stepindex="1" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="MdOyW4CcD4zjvASg2qDQBA" style="cursor: pointer; position: relative;" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ9iQICSgBMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">Brownston St</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
1.1 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="2" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_2" data-stepindex="2" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="MdOyW4CcD4zjvASg2qDQBA" style="cursor: pointer; position: relative;" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ9iQICygCMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-right" jsan="7.dir-tt,7.dir-tt-turn-right,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -483px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">right</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 84</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
2.6 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="3" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_3" data-stepindex="3" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="MdOyW4CcD4zjvASg2qDQBA" style="cursor: pointer; position: relative;" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ9iQIDSgDMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">State Highway 6</span></div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
117 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="4" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_4" data-stepindex="4" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="MdOyW4CcD4zjvASg2qDQBA" style="cursor: pointer; position: relative;" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ9iQIDygEMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-straight" jsan="7.dir-tt,7.dir-tt-straight,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -534px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Continue onto </span><span class="renderable-component" jsinstance="1" jstcache="523">6</span><span class="renderable-component" jsinstance="2" jstcache="523">/</span><span class="renderable-component" jsinstance="*3" jstcache="523">Haast Pass-Makarora Rd</span><br />
<div class="dirsegnote" jsinstance="*0" jstcache="524">
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;"></span><br />
<div aria-label="Information" class="notice-severity-icon" jstcache="379" style="background-image: url("//maps.gstatic.com/tactile/directions/text_mode/alert-4-2x.png"); background-position: 0px -32px; background-repeat: no-repeat; background-size: 17px 47px; display: inline-block; height: 15px; overflow: hidden; vertical-align: top; width: 17px;">
</div>
<span class="notice-severity-icon-container notice-severity-info" jsan="7.notice-severity-icon-container,t-MfKLc3DKUvo,7.notice-severity-info" jstcache="370" style="display: inline-block; height: 15px; overflow: hidden; vertical-align: middle;">
</span><br />
<h6 class="notice-headline" jsan="7.notice-headline" jstcache="371" style="background: transparent; border-radius: 0px; border: 0px; color: #0a64c1; display: inline-block; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 300; line-height: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: middle;">
Continue to follow Haast Pass-Makarora Rd</h6>
</div>
</div>
</div>
</div>
<div class="last-group-in-path directions-mode-separator" jsan="7.last-group-in-path,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
20.2 km</div>
</div>
</div>
</div>
<div class="directions-mode-step-container" jsinstance="*5" jstcache="516" style="break-inside: avoid; position: relative;">
<div class="directions-mode-step" data-groupindex="0" data-pathindex="0" data-rapid="step_rap_0_0_5" data-stepindex="5" jsaction="mouseover:pane.trip-details.hoverStep;mouseout:pane.trip-details.unhoverStep;click:pane.trip-details.inspectStep;keydown:pane.trip-details.inspectStep" jsan="0.data-groupindex,0.data-pathindex,0.data-rapid,0.data-stepindex,0.jstrack,0.ved,0.jsaction,0.vet,t-Rw6KCt4MuTA,7.directions-mode-step" jstcache="517" jstrack="MdOyW4CcD4zjvASg2qDQBA" style="cursor: pointer; position: relative;" ved="0ahUKEwjA-Ki41ubdAhWMMY8KHSAtCEoQ9iQIESgFMAA" vet="5952">
<div class="directions-mode-step-summary" style="background-clip: padding-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; padding: 20px 0px 20px 38px; position: relative; width: 354.4px;">
<div aria-hidden="true" class="dir-tt dir-tt-turn-left" jsan="7.dir-tt,7.dir-tt-turn-left,0.aria-hidden" jstcache="521" style="height: 16px; left: 0px; margin: 24px 4px 4px; overflow: hidden; position: absolute; top: 0px; width: 16px;">
<img height="630" jstcache="522" src="https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png" style="left: 0px; position: absolute; top: -413px;" width="19" /></div>
<div class="numbered-step focusable-step" role="button" tabindex="0">
<div class="numbered-step-content">
<span class="renderable-component" jsinstance="0" jstcache="523">Turn </span><span class="renderable-component" jsinstance="1" jstcache="523">left</span><span class="renderable-component" jsinstance="2" jstcache="523"> onto </span><span class="renderable-component" jsinstance="*3" jstcache="523">Marks Rd</span></div>
</div>
</div>
<div class="last-group-in-path last-step-in-group directions-mode-separator" jsan="7.last-group-in-path,7.last-step-in-group,t-X-p_f9PTD9w,7.directions-mode-separator" jstcache="529" style="line-height: normal; padding-left: 38px; position: relative; transition: all 200ms ease 0s; z-index: 1;">
<div class="directions-mode-line" style="border-bottom: 1px solid rgb(230, 230, 230);">
</div>
<div class="directions-mode-distance-time" jsan="7.directions-mode-distance-time" jstcache="542" style="color: #777777; display: inline-block; font-size: 11px; padding-right: 5px; position: absolute; top: -7px; z-index: 1;">
400 m</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="directions-text-waypoint last-waypoint" jstcache="506" style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Arial, sans-serif; padding: 30px 0px 20px;">
<div class="waypoint-address" jstcache="552" style="color: #777777; display: table-cell; font-size: 13px; vertical-align: top;">
<div class="line first-line" jsan="7.line,7.first-line" jsinstance="0" jstcache="553" style="color: rgba(0, 0, 0, 0.87); font-size: 16px; position: relative; top: -3px;">
<h2 jstcache="554" style="background: transparent; border-radius: 0px; border: 0px; font: inherit; list-style: none; margin: 0px; outline: 0px; overflow: visible; padding: 0px; vertical-align: baseline;">
Haast</h2>
</div>
<div class="line second-line" jsan="7.line,7.second-line" jsinstance="*1" jstcache="553" style="color: rgba(0, 0, 0, 0.54);">
<span jstcache="555">7886, New Zealand</span></div>
</div>
</div>
Little HaoHaohttp://www.blogger.com/profile/04272699035850958854noreply@blogger.com0