展場交通 - 【港灣卡展KWCS】

&lt;!-- Hero Section --&gt;&lt;meta charset=&quot;UTF-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;&lt;title&gt; 高雄展覽館 - 交通指南 &lt;/title&gt;&lt;section id=&quot;i54yu&quot; alt=&quot;kwcsbanner&quot; class=&quot;hero-section&quot;&gt;&lt;div class=&quot;container&quot;&gt;&lt;div class=&quot;row justify-content-center text-center&quot;&gt;&lt;div class=&quot;col-lg-8&quot;&gt;&lt;h1 id=&quot;i8zjz&quot; class=&quot;display-4 fw-bold mb-3&quot;&gt;&lt;i id=&quot;ik2uu&quot; class=&quot;material-icons me-3 material-symbols-outlined&quot;&gt; location_on &lt;/i&gt;&#160;展場交通 &lt;/h1&gt;&lt;p id=&quot;ilezl&quot; class=&quot;lead mb-0&quot;&gt;&lt;b&gt; 多種交通方式，輕鬆抵達展覽會場 &lt;/b&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;!-- Google Maps Section --&gt;&lt;div class=&quot;container-fluid bg-light py-4&quot;&gt;&lt;div class=&quot;container&quot;&gt;&lt;div class=&quot;row justify-content-center&quot;&gt;&lt;div class=&quot;col-lg-10&quot;&gt;&lt;h3 class=&quot;text-center mb-4&quot;&gt;&lt;i id=&quot;izyww&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; location_on &lt;/i&gt; 高雄展覽館位置 &lt;/h3&gt;&lt;div class=&quot;card shadow-sm&quot;&gt;&lt;div class=&quot;card-body p-0&quot;&gt;&lt;iframe frameborder=&quot;0&quot; id=&quot;ipalhf&quot; src=&quot;https://maps.google.com/maps?&amp;q=高雄展覽館&amp;z=13&amp;t=q&amp;output=embed&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div id=&quot;ifl4d&quot; class=&quot;card-footer bg-white text-center&quot;&gt;&lt;p class=&quot;mb-0 text-muted&quot;&gt;&lt;i id=&quot;iiizc&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; place &lt;/i&gt; 高雄市前鎮區成功二路39號 &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- Navigation Menu --&gt;&lt;div id=&quot;iwcf9&quot; class=&quot;container-fluid bg-white shadow-sm position-relative z-0&quot;&gt;&lt;div class=&quot;container&quot;&gt;&lt;nav class=&quot;navbar navbar-expand-lg navbar-light py-3&quot;&gt;&lt;!-- 電腦版：一排顯示 --&gt;&lt;div class=&quot;navbar-nav mx-auto d-none d-lg-flex flex-row&quot;&gt;&lt;a href=&quot;#hsr&quot; id=&quot;i3zir&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;iuehq&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; train &lt;/i&gt;高鐵 &lt;/a&gt;&lt;a href=&quot;#train&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;iq065&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; train &lt;/i&gt;台鐵 &lt;/a&gt;&lt;a href=&quot;#metro&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;itp8f&quot; class=&quot;material-icons me-2 material-symbols-outlined&quot;&gt; subway &lt;/i&gt;捷運 &lt;/a&gt;&lt;a href=&quot;#lrt&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;i8ydo&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; tram &lt;/i&gt;輕軌 &lt;/a&gt;&lt;a href=&quot;#bus&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;iw6j8&quot; class=&quot;material-icons me-2 material-symbols-outlined&quot;&gt; directions_bus &lt;/i&gt;公車 &lt;/a&gt;&lt;a href=&quot;#car&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;ipu66&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; directions_car &lt;/i&gt;開車 &lt;/a&gt;&lt;a href=&quot;#parking&quot; class=&quot;nav-link px-3 fw-semibold&quot;&gt;&lt;i id=&quot;inity&quot; class=&quot;material-icons me-2 material-symbols-outlined&quot;&gt; local_parking &lt;/i&gt;停車 &lt;/a&gt;&lt;/div&gt;&lt;!-- 手機版：兩排顯示 --&gt;&lt;div class=&quot;container-fluid d-lg-none&quot;&gt;&lt;div class=&quot;row w-100 g-2&quot;&gt;&lt;div class=&quot;col-3&quot;&gt;&lt;a href=&quot;#hsr&quot; id=&quot;iap3h&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;i81rv&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; train &lt;/i&gt;&lt;small id=&quot;iogjw&quot;&gt;高鐵&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;col-3&quot;&gt;&lt;a href=&quot;#train&quot; id=&quot;itfhg&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;ixixy&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; train &lt;/i&gt;&lt;small&gt;台鐵&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;col-3&quot;&gt;&lt;a href=&quot;#metro&quot; id=&quot;ipm52&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;ilglp&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; subway &lt;/i&gt;&lt;small&gt;捷運&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;ilyco&quot; class=&quot;col-3&quot;&gt;&lt;a href=&quot;#lrt&quot; id=&quot;if6nu&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;ib5cgj&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; tram &lt;/i&gt;&lt;small id=&quot;iz2g6&quot;&gt;輕軌&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;col-3&quot;&gt;&lt;a href=&quot;#bus&quot; id=&quot;i3zap&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;iioom4&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; directions_bus &lt;/i&gt;&lt;small id=&quot;i33f0o&quot;&gt;公車&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;iizw2h&quot; class=&quot;col-3&quot;&gt;&lt;a href=&quot;#car&quot; id=&quot;ix7j2i&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;ib9po7&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; directions_car &lt;/i&gt;&lt;small&gt;開車&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;col-3&quot;&gt;&lt;a href=&quot;#parking&quot; id=&quot;ic76ev&quot; class=&quot;nav-link text-center fw-semibold&quot;&gt;&lt;i id=&quot;io9ocw&quot; class=&quot;d-block mb-1 material-symbols-outlined&quot;&gt; local_parking &lt;/i&gt;&lt;small id=&quot;i1o6l6&quot;&gt;停車&lt;/small&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;ilnezh&quot; class=&quot;col-3&quot;&gt;&lt;!-- 空白區域保持對稱 --&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/nav&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- Main Content --&gt;&lt;div class=&quot;container my-5&quot;&gt;&lt;h2 id=&quot;i6wkpi&quot; class=&quot;section-title&quot;&gt; 交通方式 &lt;/h2&gt;&lt;div class=&quot;row&quot;&gt;&lt;!-- 高鐵 --&gt;&lt;div id=&quot;hsr&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header d-flex align-items-center&quot;&gt;&lt;div class=&quot;transport-icon icon-hsr me-3&quot;&gt;&lt;i id=&quot;i09g5e&quot; class=&quot;material-symbols-outlined&quot;&gt; train &lt;/i&gt;&lt;/div&gt;&lt;h5 class=&quot;mb-0&quot;&gt; 高鐵 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;div class=&quot;route-step&quot;&gt; 外縣市旅客可以先搭乘 &lt;span class=&quot;highlight&quot;&gt;高鐵&lt;/span&gt;到高雄火車站下車 &lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 再轉乘 &lt;span class=&quot;highlight&quot;&gt;捷運紅線&lt;/span&gt;到 R8三多商圈站 &lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 出站後再搭配步行約 &lt;span class=&quot;highlight&quot;&gt;10分鐘&lt;/span&gt;，即可抵達高雄展覽館 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 台鐵火車 --&gt;&lt;div id=&quot;train&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header d-flex align-items-center&quot;&gt;&lt;div class=&quot;transport-icon icon-train me-3&quot;&gt;&lt;i id=&quot;ikubqb&quot; class=&quot;material-symbols-outlined&quot;&gt; train &lt;/i&gt;&lt;/div&gt;&lt;h5 class=&quot;mb-0&quot;&gt; 台鐵火車 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;div class=&quot;route-step&quot;&gt; 外縣市旅客可以先搭乘 &lt;span class=&quot;highlight&quot;&gt;台鐵火車&lt;/span&gt;到高雄火車站下車 &lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 再轉乘 &lt;span class=&quot;highlight&quot;&gt;捷運紅線&lt;/span&gt;到 R8三多商圈站 &lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 出站後再搭配步行約 &lt;span class=&quot;highlight&quot;&gt;10分鐘&lt;/span&gt;，即可抵達高雄展覽館 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 高雄捷運 --&gt;&lt;div id=&quot;metro&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header d-flex align-items-center&quot;&gt;&lt;div class=&quot;transport-icon icon-metro me-3&quot;&gt;&lt;i id=&quot;i02fdi&quot; class=&quot;material-symbols-outlined&quot;&gt; subway &lt;/i&gt;&lt;/div&gt;&lt;h5 class=&quot;mb-0&quot;&gt; 高雄捷運 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;div class=&quot;route-step&quot;&gt; 離高雄展覽館捷運最近的一站是 &lt;span class=&quot;highlight&quot;&gt;捷運紅線的 R8三多商圈站&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 從 &lt;span class=&quot;highlight&quot;&gt;2號出口&lt;/span&gt;出站後再步行約 &lt;span class=&quot;highlight&quot;&gt;10分鐘&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 即可抵達高雄展覽館 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 高雄輕軌 --&gt;&lt;div id=&quot;lrt&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header d-flex align-items-center&quot;&gt;&lt;div class=&quot;transport-icon icon-lrt me-3&quot;&gt;&lt;i id=&quot;i4s1wg&quot; class=&quot;material-symbols-outlined&quot;&gt; tram &lt;/i&gt;&lt;/div&gt;&lt;h5 class=&quot;mb-0&quot;&gt; 高雄輕軌 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;div class=&quot;route-step&quot;&gt; 也可搭乘可以到高雄展覽館輕軌到 &lt;span class=&quot;highlight&quot;&gt;C8高雄展覽館站&lt;/span&gt;下車 &lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt; 再步行約 &lt;span class=&quot;highlight&quot;&gt;7分鐘&lt;/span&gt;，即可抵達高雄展覽館 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 客運/公車 --&gt;&lt;div id=&quot;bus&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header d-flex align-items-center&quot;&gt;&lt;div class=&quot;transport-icon icon-bus me-3&quot;&gt;&lt;i id=&quot;i4eeni&quot; class=&quot;material-symbols-outlined&quot;&gt; directions_bus &lt;/i&gt;&lt;/div&gt;&lt;h5 class=&quot;mb-0&quot;&gt; 客運/公車 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;h6 id=&quot;idr8wa&quot; class=&quot;text-primary mb-3&quot;&gt;&lt;i id=&quot;iirume&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; place &lt;/i&gt;站名：高雄展覽館 &lt;/h6&gt;&lt;div class=&quot;route-step&quot;&gt;&lt;span class=&quot;highlight&quot;&gt;紅21&lt;/span&gt; 捷運衛武營站 – 捷運三多商圈站 &lt;/div&gt;&lt;div class=&quot;route-step&quot;&gt;&lt;span class=&quot;highlight&quot;&gt;紅22&lt;/span&gt; 捷運衛武營站 – 新光路口(圖書總館) &lt;/div&gt;&lt;h6 id=&quot;ifd0p7&quot; class=&quot;text-success mb-3 mt-4&quot;&gt;&lt;i id=&quot;ijt7gu&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; place &lt;/i&gt;站名：輕軌高雄展覽館（新光碼頭） &lt;/h6&gt;&lt;div class=&quot;route-step&quot;&gt;&lt;span class=&quot;highlight&quot;&gt;214A&lt;/span&gt; 小港 – 歷史博物館 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 自行開車 --&gt;&lt;div id=&quot;car&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header d-flex align-items-center&quot;&gt;&lt;div class=&quot;transport-icon icon-car me-3&quot;&gt;&lt;i id=&quot;ir673p&quot; class=&quot;material-symbols-outlined&quot;&gt; directions_car &lt;/i&gt;&lt;/div&gt;&lt;h5 class=&quot;mb-0&quot;&gt; 自行開車 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;h6 class=&quot;text-primary mb-3&quot;&gt;&lt;i id=&quot;irqo3k&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; keyboard_arrow_up &lt;/i&gt;北上路線 &lt;/h6&gt;&lt;div class=&quot;route-step small&quot;&gt; 中山高國道一號 → 中正交流道 → 沿中正路直行至中華路左轉 &lt;/div&gt;&lt;div class=&quot;route-step small&quot;&gt; 中華四路直行至四維路右轉 → 四維四路直行成功路左轉 &lt;/div&gt;&lt;div class=&quot;route-step small&quot;&gt; 直行成功二路 → 抵達 &lt;/div&gt;&lt;h6 class=&quot;text-success mb-3 mt-4&quot;&gt;&lt;i id=&quot;ij0hr5&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; keyboard_arrow_down &lt;/i&gt;南下路線 &lt;/h6&gt;&lt;div class=&quot;route-step small&quot;&gt; 中山國道一號 → 高雄端/中山路出口下交流道 &lt;/div&gt;&lt;div class=&quot;route-step small&quot;&gt; 右轉中山四路直行至新光路左轉 → 成功二路左轉 &lt;/div&gt;&lt;div class=&quot;route-step small&quot;&gt; 抵達 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 停車資訊 --&gt;&lt;div class=&quot;row mt-5&quot;&gt;&lt;div id=&quot;parking&quot; class=&quot;col-12&quot;&gt;&lt;div class=&quot;card transport-card&quot;&gt;&lt;div class=&quot;card-header&quot;&gt;&lt;h5 class=&quot;mb-0&quot;&gt;&lt;i id=&quot;irkt6s&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; local_parking &lt;/i&gt; 停車 &lt;/h5&gt;&lt;/div&gt;&lt;div class=&quot;card-body&quot;&gt;&lt;!-- 室內停車場 --&gt;&lt;div class=&quot;mb-4&quot;&gt;&lt;h6 id=&quot;i3wucm&quot; class=&quot;text-primary mb-3&quot;&gt;&lt;i id=&quot;ilbwn3&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; business &lt;/i&gt;高雄展覽館室內停車場 &lt;/h6&gt;&lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;col-md-6&quot;&gt;&lt;div class=&quot;bg-light p-3 rounded mb-3&quot;&gt;&lt;p id=&quot;ivm5hj&quot; class=&quot;mb-2&quot;&gt;&lt;strong&gt;營業時間：&lt;/strong&gt;週一到週日 08:00~22:00 &lt;/p&gt;&lt;p id=&quot;iw0wsq&quot; class=&quot;mb-2&quot;&gt;&lt;strong&gt;機車停車位：&lt;/strong&gt;約800個 &lt;/p&gt;&lt;p id=&quot;ixl9kb&quot; class=&quot;mb-0&quot;&gt;&lt;strong&gt;汽車停車位：&lt;/strong&gt;約400席 &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;col-md-6&quot;&gt;&lt;div class=&quot;bg-light p-3 rounded mb-3&quot;&gt;&lt;p id=&quot;i45mvp&quot; class=&quot;mb-2&quot;&gt;&lt;strong&gt;平日及假日：&lt;/strong&gt;每半小時30元，當日最高上限&#160; &lt;/p&gt;&lt;p id=&quot;i5qgvg&quot; class=&quot;mb-0&quot;&gt;&lt;strong&gt;展會活動期間：&lt;/strong&gt;每半小時40元，當日最高上限&#160; &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 捷運轉乘停車場 --&gt;&lt;!-- 新光停車場 --&gt;&lt;div id=&quot;ixqfz7&quot; class=&quot;mb-4&quot;&gt;&lt;h6 class=&quot;text-success mb-3&quot;&gt;&lt;i id=&quot;i9403b&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; electric_car &lt;/i&gt;電動汽車充電樁 &lt;/h6&gt;&lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;col-md-6&quot;&gt;&lt;div class=&quot;border border-success rounded p-3 mb-3&quot;&gt;&lt;p class=&quot;mb-2&quot;&gt;&lt;strong&gt;5座 J1772 7kW AC交流充電樁&lt;/strong&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;col-md-6&quot;&gt;&lt;div class=&quot;border border-success rounded p-3 mb-3&quot;&gt;&lt;p class=&quot;mb-2&quot;&gt;&lt;strong&gt;1座 30kW DC直流充電樁&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;mb-0 small text-muted&quot;&gt; (CCS1/CCS2雙槍充電介面) &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alert alert-info mb-0&quot;&gt;&lt;i id=&quot;ii3nab&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; info &lt;/i&gt; 以上費率如遇調整，以現場實際公告之費率為準 &lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;mb-4&quot;&gt;&lt;h6 class=&quot;text-info mb-3&quot;&gt;&lt;i id=&quot;i6hx5h&quot; class=&quot;me-2 material-symbols-outlined&quot;&gt; local_parking &lt;/i&gt;新光停車場 &lt;/h6&gt;&lt;div class=&quot;bg-info bg-opacity-10 p-3 rounded&quot;&gt;&lt;p class=&quot;mb-0&quot;&gt; 距高雄展覽館 &lt;span class=&quot;highlight&quot;&gt;50公尺&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- 電動汽車充電樁 --&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- Footer --&gt;