��<!DOCTYPE html> <html lang='en'> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5QBCLFL');</script> <!-- End Google Tag Manager --> <meta charset='UTF-8' /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta name='description' content='' /> <title></title> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' integrity='sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm' crossorigin='anonymous' /> <script src='https://code.jquery.com/jquery-3.5.1.min.js' integrity='sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=' crossorigin='anonymous'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js' integrity='sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q' crossorigin='anonymous' ></script> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js' integrity='sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl' crossorigin='anonymous' ></script> <link href='https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap' rel='stylesheet' /> <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons' /> <script> $(document).ready(function () { $('#header').load('../header.php'); $('#feature').load('../feature.php'); $('#footer').load('../footer.php'); $('.sosMed0') .first() .click(function () { $('.sosMedStack').toggleClass('show'); }); }); </script> <style> body { font-family: 'Noto Sans TC', sans-serif; background-color: #fafafa; overflow-x: hidden; position: relative; } .container-fluid { padding: 0px !important; } .header { background-color: #46c2c2; } .logo { width: 80%; } img { width: 100%; } .topImg { position: relative; text-align: center; margin: auto; background-color: rgba(25, 25, 25, 0.5); } .topImg:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); transition: all 0.2s linear; } .topImg > img { max-height: 1000px; } .title { position: absolute; top: 30%; width: 100%; color: #fff; } .underTitle { position: absolute; top: 40%; width: 100%; color: #fff; } .rank { position: absolute; top: 55%; width: 100%; color: #fff; } .divider { width: 100px; border-top: 3px solid #46c2c2; } h5 { font-weight: 600; } p { text-align: justify; text-justify: inter-word; } .picTitle { font-weight: 900; } .info { background-color: #f5f5f5; } .info-content { padding: 30px !important; } .footer { background-color: #222222; box-shadow: 0px 0px 0px 2px #46c2c2; color: #fff; } .footerLeft, .footerRight, .footerCenter { padding: 40px; text-align: center; } .footerContent > a > img { width: 40%; } @media only screen and (max-width: 600px) { .underTitle { top: 50%; display: none; } } .nav { box-shadow: 0px 2px #46c2c2; } .nav-link { color: #fff !important; font-weight: 600; } .dropdown-menu { left: -85px; } .dropdown-item { color: #46c2c2; } .dropdown-divider { border-top: 1px solid #46c2c2; } .sosialMedia { position: fixed; right: 15px; bottom: 15px; } .sosMedStack { display: none; } .show { display: block; } .sosMed0, .sosMed1, .sosMed2, .sosMed3 { width: 57px; height: 57px; margin-top: 5px; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: transparent; } .sosMed0 :hover { cursor: pointer; } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-5QBCLFL' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class='container-fluid'> <div id='header'></div> <div class='topImg'> <img src='../images/mibanai-titleImage.jpg' alt='' srcset='' /> <h1 class='title'>0�Sqg�ߘ0s|�]HY��sT�ߘJW</h1> <h3 class='underTitle'> �SsTuRa�et  </h3> <div class='rank'>c��Nw�U�I{</br>( �t00�X &&&&</br>( g00�R &&&&</br>( ܃00r� &&&&</br></div> </div> <!-- topImg --> <div class='container'> <div class='col-sm-12'> <div class='subtitle mt-4'> <h2> <i class='material-icons' style='font-size: 26px; color: #46c2c2' >local_offer</i > 0�Sqg�ߘ0s|�]HY��sT�ߘJW </h2> </div> <div class='topParagraph mt-4'><p></p></div> </div> <div class='col-md-12' style='display: firstflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/mibanai-img1.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p>��w��Sqg�v�SOOl�e� �d�QSWS�eY ��� g?���e0�ccp�e0o��Q�e0^���e0T��`�e�SvVjt-��eI{ �R^ui�^ �_N���Sqg�v�SOOl�ߘ�eSASRYCQ0MO�e�Sqg^W� N�v 0s|�]HY��sT�ߘJW 0/f>wYvu0W�N���c���v�SOOl��sT�ߘ��^ � g1�Y%RU�T N0R�vuRa�ߘ0��^zz���P�N�]E^�v�lku݈�� �NE^E^�cj~�SOOl��Ǒ�vku\O6^�Q�SOOl���` ��N���}���Þޞ�}zz�� �O�_s|�]HYEQ�n�Nakj;mQo�v#ll0</p> </div> </div> </div> <div class='col-md-12' style='display: secondflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'>ߘPg�NMb�v(W0W </p> <p class='divider'></p> <p>10t^MR ��ƕ�VeP�^�V }��Q?e�XI��cэS� ���w���^0 \�e�ߘ�N g�NXc � ^g�[�N��T0RߘPg�SsT ��vz�e�� �!qN�Y��sT ��pdk�N�vN�N���e��/fꁶ[�^?b��\O ����[�N�[�__N����]>e�_0�N ^g���c�Ovu0W�SOOlN�N1\w�_jg ��Vdk��^�T�]Y�p�SOOl � �ߘPg_NYx���Sqg,g0Wyr"u ��P/f�bLr�v}vs|� �CN/fܕq\0W@SQY\O�vs| �yr%R��Q ���nqBf���ReQ�N�S57_�0W�t ��X�musT �D� N�p֛Z� � NT NN�x NN�nv0_�vuޞ_N/f�c��Sqg"u�vm^y�� ��S��<��MO��,o �M� N�x�Q �/fYc[g�q���vNS��Q�T0</p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/mibanai-img2.jpg' alt='' srcset='' /> </div> </div> </div> <div class='col-md-12' style='display: thirdflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/mibanai-img3.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'>�c��܃r� </p> <p class='divider'></p> <p>oAm(g�p�� �</br>( NI{�N�����S�v�Sߎ���Qxm�ldUR�eQsT ��NoAm(gZP�q�e�p�Q&q�� � N�l N��0</br> q\XjP[�� �</br>( �N�Sqg@b"u�v 0Zf]��N 0ZPM��e ��/fN.z�S"u�ea��Yr�N��\�vuYj �_N�S 0��N 001u�euw�hTg�w� �u�^yrؚ0��#lyr�o ���^�SvQ�g�v��g��ZPbM��e ��ReQl���Gr�_�p �teS�EQ�n�o�o�gYj�v��#l ��_x��_u�v�nsT �ASR=r�S0</br></p> </div> </div> </div> <div class='col-md-12' style='display: fourthflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p>q\0W�l�s|(�j�jZ�Gr)�</br>( �N�eZ�ZPuZ�Gr �/n�S�v� �ASR�e�� �K�#l}Y�S�TV0R}���eZ� �uZ�Gr N�d�n�j�j�vr} �TBfNw�rcw��lyr����Al �/f�SOOl8^(u�vT�l0</br> vY�p�XZ��</br>( NLhBf֖ Nw� ���qޖ�</br>( x�(u�Sqg,g0W"u�vWޖ��� ��N���l0���l0s|R�'Ykp�q�p ��pnq�Qhsyr�v��sT �eQsT�S Ng{ky� �ASR N�0</br></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/mibanai-img4.jpg' alt='' srcset='' /> </div> </div> </div> <div class='col-md-12' style='display: fifthflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/mibanai-img5.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6'> <p class='picTitle'></p> <p class='divider'></p> <p>u��� �</br>( �Sqgu��c6e�_w��Q�v�e�� ��SMR�k�Z��ߘ(u � w �sZtǃ �</br>( �sZtǃ-dM�R�0Þ0}i�S�P[n�p ��UakTǃ^��v g�S N�YTT w0</br></p> </div> </div> </div> <div class='col-md-12' style='display: sixthflex'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'></p> <p class='divider'></p> <p>�pˆ��Gron �</br>( �S%R��g�N �&N^�/fteF�ˆ�l�p � �/f�Nˆe�M� N����Gr0F�P�0ju�0��ǃI{�nnq �/fNS�\���v-dM�D}Ton�T0</br> �p%fM{ �</br>( ��^�v�bLr܃KNN �~^NN�kLh�_ޞ0�Z�ss|ZPgQ�_ �Yb�S��W��M��N����Gr ��Qkp�p�q �iQ.z N Td\!k�v�Sa ��e���S�=r ��pdkuRa�ƕ��3uˊ�N\)R0</br></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/mibanai-img5.jpg' alt='' srcset='' /> </div> </div> </div> <div class='info'> <div class='row'> <div class='info-content col-sm-4'> <h5>�vܕnj �</h5> <p>�qmiBf��� 11:00^�14:00�17:00^�21:30</br>( lQO�e�d�Y</br>( S�^�3��</br>( �O(uaS��S</br>( \Pʎ� g</p> </div> <div class='info-content col-sm-4'> <h5>�N�nj �</h5> <p>�L���ʎ�</br> 1uwS��S9�}�_WS2�eQ�Sqg^�!�_�fu��vL��!-N���]I�N�k�!�P�^Q�SI��!}100lQ:\sS�b</br> 'Y>wK�8��</br>( -dXN�S5���Sqgkpʎ�z N �I�-d 0�Scp}YL� 0qg�wm�\�}��}�]�X ��e-N��P�^�z Nʎ ��QekL�1R�sS�b</p> </div> <div class='info-content col-sm-4'> <h5>o�a}nj �</h5> <p>0W@W��Sqg#~�Sqg^�P�^�470_�</br>( ��q��(089)220-336</br>( �Pw�(089)231-084</br>( �}@W��http://www.mibanai.com.tw</br></p> </div> </div> </div> <!-- info --> </div> <div id='feature'></div> <!-- Container --> <div id='footer'></div> </div> <!-- Container-Fluid --> <div class='sosialMedia'> <div class='sosMedStack'> <div class='sosMed1'> <a href='https://line.me/R/ti/p/@cea9266n' ><img src='../images/line.png' alt='' srcset='' /></a> </div> <div class='sosMed2'> <a href='tel:20+886227217300' ><img src='../images/tel.png' alt='' srcset='' /></a> </div> <div class='sosMed3'> <a href='https://www.facebook.com/Taiwan-VIP-Travel-1755826324705843/' ><img src='../images/msgfb.png' alt='' srcset='' /></a> </div> </div> <div class='sosMed0'> <img src='../images/chatPic.png' alt='' srcset='' /> </div> </div> </body> </html>