��<!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>0�Sqgofޞ0�q\�=��h�gZSir(�</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/lushan-tribe-forest-museum-titleImage.jpg' alt='' srcset='' /> <h1 class='title'>0�Sqgofޞ0�q\�=��h�gZSir(�</h1> <h3 class='underTitle'>�Sqgofޞ, �Scpofޞ</h3> <div class='rank'></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 > </h2> </div> <div class='topParagraph mt-4'><p> �[w��S �  </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/lushan-tribe-forest-museum-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>�q\�=�MO�e�Α �QSWS'Y�n��Α�n/SAmU� ��_�=�JSq\p�:wg �ck}Y�b�Αؚ�S0��0uQg0ٖ�n/SAm�l2m }eQ��ΑKN-N � ��q\�=��h�gZSir(�1\-�(W�hW�mU� � gW��S�Y�i9j�](g�v�h�g�0</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'>�+�N,��eJ��vΑ��ԚW�</p> <p class='divider'></p> <p>�l g6R_�vZSir(��^�{ir �_N^���4Xb��IQofޞ ��_�(u!|�U�v^�Y_�O�c���h�gZSir(� �FO N֊/f'Y\ g�S � NR���0 WM| �(W������a�S0RN.zASR�U}�v�_j ��l�`0R(W�h�g�_N���#j�s0 te P;m�RL� z1u;N�N?��R�f���R ��N50�N�pN P�h�� �N�egY2^�3 P\WԚ ��/f�p�N�Ow��s���v�=��h�g ��V ��[�eeQW�{6R0'Y�[HQ(W�q\>m�Q@b�^4XMRgT �}��[�+^��f�h�gZSir(��v�nw���la�N��_ ��Q|vMR�_�h�gZSir(�0'Y�W�]�X�P��0R�q\>m�Q@b ��Q1u9�N�^�Wʎ�c����h�gZSir(�eQ�S �_N�S-dXN?��R�f�v\��aS ��N8^2b1z�/f�N�v�l�b)R �vQ�N�L���ʎ�v g�SGR�SN�ߍ��W�?��R�f Nq\0</p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/lushan-tribe-forest-museum-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/lushan-tribe-forest-museum-img3.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>g�SakΏ�vL� z/f+THS��vN�e;m�R 0�h�gZSir(�uKa�eS�b*�ԚW�KN�e 0 ��_Ώ�cӌ�[�v 0gp�v9j 0 �0ReQW0my^���eVyH�q\^y0e,ruKap��^0�N(u��sTHS�0.z9j0d���| �gQ�[ASR g�� �$\vQuKap��^uivQZ��� � gBf���%Y4OTS�R �Mb����N�͑͑��yp��Q�^S� �/fg�SakΏ�vN�;m�R0���vϑ�OYu�N�S�Y�g���� �1\�Pn���e��q_ 0?��QT� 0�v4Xof ��eGY�S g�Q��j�� ����N�VsT�Q N0</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�Ow��i9j�](g��R�RSb�b</p> <p class='divider'></p> <p>�q\�=�PW=��e��-�q\�� �^���e1z�p 0Sazasa 0 �asS 0�/fN Pu�gw��_ؚ0�Rirg;m��0�Ng;m�_�_}Y�vNJX0W 009t^MR�V g��W�ku\�=� N�e�v�S�Y�i9j�](g�@S�W�� N �˄H���TX0�^GPQg ��p�N6dQe�=�g�s���vnj�n � N ^g\BfPw�)��Pb 0gp�v9j 0�vEe�N�m1Y�eu;m-N �?��R�f0RU�L|"��� N�q\�g �&Nb�z�S ��=�͑�^�eYe�Wёg0�N��=��N)RqQ�i�v_j6R ����Y g�ku�v�Ow��s���S�Y�v�i9j�](g� �_N��>ef}J��N�S��ԚW� ��NL|�c�}���}w��h�g0</p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/lushan-tribe-forest-museum-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/lushan-tribe-forest-museum-img5.jpg' alt='' srcset='' /> </div> <div class='mt-4 mb-4 col-md-6'> <p class='picTitle'></p> <p class='divider'></p> <p>iQt^YMR �lQ�vs^�S�Wёg�Vw��XHQu���[ԚW��_ ��m��(W g�R�eb� g�N�-N N�� � k:NU��S�N}Y}YT�Oo`�v4X@b ��e/f(W�Wёg�v/ec�TS�R N ��N N4x�X0 N1Y�S���v�SGR ��ek9e�U�h�gZSir(��v-��e ��N^���e�Pq}�]�l �-�n�N�^?b�S��^ ��cGSteԚ�a0_N(W��} W��Yӌ�[��ԚW��_ �Sb�Q�S�x ��s(W�S/f��qg1~7��1�YYӌg�`�S�R�v�eSԚW�;m�R0</p> </div> </div> </div> <div class='col-md-12' style='display: none'> <div class='row'> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <p class='picTitle'> 0�h�gZSir(�uKa�eS�b*�ԚW�KN�eL� zgQ�[ 0</p> <p class='divider'></p> <p>�%�q\>m�Q@b�^4XgT �MR�_�h�gZSir(�0</br> �%�b*� 0gp�v9j 0�[�e ��c��^���e�N�_�SE\0Wؚwm�b�v-N.Yq\�w��NOwm�bwm�\q\��q\�=� ��N(W0Wq\�g`��Q|v�v�eGYEe�N0</br>�%�c*��s���h�gZSir��L� � �L�W0WmyQ �TVyH�q\^ySb�b|T0�N㉳Pq}^���e�N)R(u�h�gnj�n�v�}W��zfga ��YUO8l�~)R(u�h�gZP�pu ;m�v�Q�{0 P�^0��L�0 \~b�zt^,r9j0�cΑ�g0�bΑ܃�vj��0</br> �%�TV^���e�h�g��sT� �ԚW��Pq}(g-��p�N �x[�1\0W�SPgΑ܃�et0</br> �%���a��0Wt�Q{S �'Y�[�O.z9j0</br> �%Nw�T\Od���|0</br> ; dk�p+THS��vL� z �2�L�Bf���p09:00^�14:00gp�v9j</br></p> </div> <div class='mt-4 mb-4 col-md-6 col-sm-12'> <img src='../images/lushan-tribe-forest-museum-img6.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��� 09:00^�14:00 lQO�e�!q yr�[lQO�e �c��9�N�^�^�Wʎ ��S��=m5_HQu0937-397-102 �O(uaS�!q \Pʎ� g�%�q\>m�Q@b�^4XgT �MR�_�h�gZSir(�0</br></p> </div> <div class='info-content col-sm-4'> <h5>�N�nj �</h5> <p>�L���ʎ� wS��S 9�}�!�Α�!I�eQ�q\o�a}S��!N��q\Kj ��SI�MRL��!�_cjI�eQ�q\>m�Q@b �(WdkgT1u?��R�f6^�2�q\ 'Y>wK�8�� -dXN�S5���Αkpʎ�z �I�-d� zʎMR�_�q\>m�Q@b �(WdkgT1u?��R�f6^�2�q\</p> </div> <div class='info-content col-sm-4'> <h5>o�a}nj �</h5> <p>0W@W��Sqg#~�^s^ ��q\ �=���q��0911-154-806?��R�f �}@W� http://tour.taitung.gov.tw/zh-tw/Travel/ScenicSpot/1256/�q\�=�-�h�gZSir(�-</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>