1<!DOCTYPE html> 2<html lang="zh-TW"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="csrf-token" content="xX07ZlhTPw5DUL2VeXosIzo2dEKrqqdJKA3GJJ7Z"> 7 <title>è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ The Taiwanese Opera Foundation</title> 8 <meta name="description" content="æ¬æç§ææ´»åæä»æ²ç¢æ¥ãæ°¸çºç¼å±æä»æ²æåçºå®æ¨ï¼è´åæ¼æ²æ²å°æ¥äººæå¹è²ãéææè峿¿ç®¡é並æ¨å»£æä»æ²æåä¹ç¾ã"> 9 <meta name="keywords" content="èºç£æä»æ²,æä»æ²,æ²æ²,å³çµ±èè¡"> 10 11 <link rel="canonical" href="https://twoperapf.org.tw/search"> 12 <link rel="shortcut icon" href="/favicon.ico"/> 13 <link rel="bookmark" href="/favicon.ico"/> 14 15 <meta property="og:type" content="website"> 16 <meta property="og:url" content="https://twoperapf.org.tw/"> 17 <meta property="og:title" content="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ"> 18 <meta property="og:description" content="æ¬æç§ææ´»åæä»æ²ç¢æ¥ãæ°¸çºç¼å±æä»æ²æåçºå®æ¨ï¼å嵿仿²å¶æ°é¢¨è²ã"> 19 <meta property="og:image" content="https://twoperapf.org.tw/images/logo.png"> 20 21 <!-- Fonts --> 22 23 <!-- Scripts --> 24
24<script type="application/ld+json"> 25 { 26 "@context": "https://schema.org", 27 "@type": "Organization", 28 "name": "è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ", 29 "alternateName": "The Taiwanese Opera Foundation", 30 "url": "https://twoperapf.org.tw/", 31 "logo": "https://twoperapf.org.tw/images/logo.png", 32 "description": "æ¬æç§ææ´»åæä»æ²ç¢æ¥ãæ°¸çºç¼å±æä»æ²æåçºå®æ¨ï¼æåæ²æ²å°æ¥äººæä¹å¹è²ãéææèä¹å³æ¿ç®¡éãæ¨å»£æ²æ²æåä¹ç¾ã", 33 "email": "[email protected]", 34 "address": { 35 "@type": "PostalAddress", 36 "postalCode": "813006", 37 "addressRegion": "é«éå¸", 38 "addressLocality": "å·¦çå", 39 "streetAddress": "è»æ ¡è·¯51è5æ¨", 40 "addressCountry": "TW" 41 }, 42 "contactPoint": { 43 "@type": "ContactPoint", 44 "telephone": "+886-7-5887521", 45 "contactType": "customer service", 46 "areaServed": "TW", 47 "availableLanguage": "Chinese", 48 "hoursAvailable": { 49 "@type": "OpeningHoursSpecification", 50 "dayOfWeek": [ 51 "Monday", 52 "Tuesday", 53 "Wednesday", 54 "Thursday", 55 "Friday" 56 ], 57 "opens": "09:00", 58 "closes": "18:00" 59 } 60 }, 61 "sameAs": [ 62 "https://www.facebook.com/profile.php?id=61559918634664", 63 "https://www.instagram.com/taiwanese_opera_foundation", 64 "https://www.youtube.com/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83" 65 ] 66 } 67 </script>
67 68 69 <link rel="preload" as="style" href="https://twoperapf.org.tw/build/assets/app-BInLwRRf.css" /><link rel="modulepreload" href="https://twoperapf.org.tw/build/assets/app-CZX0o4FB.js" /><link rel="stylesheet" href="https://twoperapf.org.tw/build/assets/app-BInLwRRf.css" />
69<script type="module" src="https://twoperapf.org.tw/build/assets/app-CZX0o4FB.js"></script>
69 <title>è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ The Taiwanese Opera Foundation</title> 70<link rel="canonical" href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2"> 71<meta property="og:type" content="website" /> 72<meta property="og:site_name" content="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ The Taiwanese Opera Foundation" /> 73<meta property="og:url" content="https://twoperapf.org.tw" /> 74<meta name="twitter:card" content="summary_large_image" /> 75<meta name="twitter:title" content="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ The Taiwanese Opera Foundation" /> 76 </head> 77 <body class="font-sans antialiased"> 78 <div id="app" data-components=""<SpladeConfirm\n default-title=\"\u78ba\u5b9a\u8981\u7e7c\u7e8c\u55ce\uff1f\"\n default-text=\"\"\n default-password-text=\"\u8acb\u5728\u7e7c\u7e8c\u64cd\u4f5c\u4e4b\u524d\u78ba\u8a8d\u60a8\u7684\u5bc6\u78bc\"\n default-confirm-button=\"\u78ba\u8a8d\"\n default-cancel-button=\"\u53d6\u6d88\"\n confirm-password-route=\"https:\/\/twoperapf.org.tw\/_splade\/confirmPassword\"\n confirmed-password-status-route=\"https:\/\/twoperapf.org.tw\/_splade\/confirmPassword\"\n>\n <template #default=\"confirm\">\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" v-bind:appear=\"false\" v-bind:show=\"confirm.isOpen\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <SpladeDialog #default=\"{ Dialog, DialogPanel, isActivated: isActivatediKiCxmmQxNY9kLq9 }\">\n <component\n v-on:close=\"confirm.setIsOpen(false)\" class=\"relative z-30\" v-bind:unmount=\"true\" v-bind:is=\"Dialog\"\n >\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"fixed z-30 inset-0 bg-black\/75\" v-bind:appear=\"false\" v-bind:is=\"TransitionChild\" v-bind:leave-to=\"true ? &#039;opacity-0&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n \n <\/component>\n<\/SpladeTransition>\n <div class=\"fixed z-40 inset-0 overflow-y-auto\">\n <div class=\"flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0\">\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-on:after-leave=\"confirm.emitClose\" v-bind:unmount=\"true\" v-bind:appear=\"false\" v-bind:is=\"TransitionChild\" v-bind:leave-to=\"true ? &#039;opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 translate-y-0 sm:scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 translate-y-0 sm:scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <SpladeDialog #default=\"{ Dialog, DialogPanel, isActivated: isActivatedw9SaNExjRhHmLNTS }\">\n <component\n v-bind:unmount=\"true\" class=\"relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full sm:p-6\" v-bind:is=\"DialogPanel\"\n >\n <div class=\"sm:flex sm:items-start\">\n <div class=\"text-center sm:mt-0 sm:text-left\">\n <h3 class=\"text-lg leading-6 font-medium text-gray-900\" v-text=\"confirm.title\" \/>\n <div class=\"mt-2\" v-if=\"confirm.text\">\n <p class=\"text-sm text-gray-500\" v-text=\"confirm.text\" \/>\n <\/div>\n\n <div class=\"mt-2 flex rounded-md border border-gray-300 shadow-sm\" v-if=\"confirm.confirmPassword\">\n <input\n type=\"password\"\n name=\"password\"\n placeholder=\"Password\"\n v-on:change=\"confirm.setPassword($event.target.value)\"\n class=\"rounded-md block w-full border-0 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 disabled:opacity-50 disabled:bg-gray-50 disabled:cursor-not-allowed\"\n @keyup.enter=\"confirm.confirm\"\n :disabled=\"confirm.submitting\"\n \/>\n <\/div>\n\n <p v-if=\"confirm.passwordError\" v-text=\"confirm.passwordError\" class=\"text-red-600 text-sm mt-2 font-sans\" \/>\n <\/div>\n <\/div>\n\n <div class=\"mt-5 sm:mt-4 sm:flex\">\n <button\n dusk=\"splade-confirm-confirm\"\n type=\"button\"\n class=\"inline-flex justify-center w-full rounded-md border border-transparent shadow-sm px-4 py-2 text-base font-medium text-white focus:outline-none focus:ring-2 focus:ring-offset-2 sm:w-auto
78sm:text-sm\"\n :class=\"{\n 'bg-indigo-500 hover:bg-indigo-700 focus:ring-indigo-500': !confirm.confirmDanger,\n 'bg-red-500 hover:bg-red-700 focus:ring-red-500': confirm.confirmDanger\n }\"\n @click.prevent=\"confirm.confirm\"\n :disabled=\"confirm.submitting\"\n v-text=\"confirm.confirmButton\"\n \/>\n <button\n dusk=\"splade-confirm-cancel\"\n type=\"button\"\n class=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 px-4 py-2 bg-white text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm\"\n @click.prevent=\"confirm.cancel\"\n :disabled=\"confirm.submitting\"\n v-text=\"confirm.cancelButton\"\n \/>\n <\/div>\n <\/component>\n<\/SpladeDialog>\n <\/component>\n<\/SpladeTransition> <\/div>\n <\/div>\n <\/component>\n<\/SpladeDialog>\n <\/component>\n<\/SpladeTransition> <\/template>\n<\/SpladeConfirm>\n<SpladeToasts>\n <template #default=\"toasts\">\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"fixed z-30 inset-0 bg-black\/75\" v-bind:appear=\"true\" v-bind:show=\"toasts.hasBackdrop\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n \n <\/component>\n<\/SpladeTransition>\n <div class=\"fixed z-40 inset-0 grid grid-cols-3 grid-flow-row-3 pointer-events-none\">\n <div v-for=\"position in toasts.positions\" class=\"relative\">\n <div :class=\"{\n 'absolute w-full h-full flex flex-col p-4 space-y-4': true,\n 'items-start justify-start': position == 'left-top',\n 'items-center justify-start': position == 'center-top',\n 'items-end justify-start': position == 'right-top',\n 'items-start justify-center': position == 'left-center',\n 'items-center justify-center': position == 'center-center',\n 'items-end justify-center': position == 'right-center',\n 'items-start justify-end': position == 'left-bottom',\n 'items-center justify-end': position == 'center-bottom',\n 'items-end justify-end': position == 'right-bottom'\n }\">\n <template v-for=\"(toast, toastKey) in toasts.toasts\">\n <template v-if=\"toast.position == position && !toast.dismissed && toast.html\">\n <SpladeRender\n @dismiss=\"toasts.dismissToast(toastKey)\"\n :toast-key=\"toastKey\"\n :key=\"toastKey\"\n :html=\"toast.html\"\n \/>\n <\/template>\n <\/template>\n <\/div>\n <\/div>\n <\/div>\n <\/template>\n<\/SpladeToasts>\n"" data-html=""<div>\n <header>\n <SpladeToggle :default='{\"default\":false}'>\n <template #default=\"{ toggle, setToggle, toggled }\">\n <div id=\"mobileMenu\" class=\" relative flex px-4 py-3 lg:hidden w-full z-40 bg-white shadow-md items-center transition-transform duration-200\">\n <button type=\"button\" title=\"\u9078\u55ae\" @click=\"toggle\" \n class=\"w-9 h-9 py-3 mr-4 flex items-center justify-center text-primary-100 hover:text-primary-500 hover:bg-primary-300 focus:outline-none focus:bg-primary-300 focus:text-primary-500 transition duration-150 ease-in-out\">\n <svg class=\"w-9 h-9 fill-primary-400 focus:fill-primary-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"
78 viewBox=\"0 0 448 512\">\n <path d=\"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z\"\/>\n <\/svg>\n <div class=\"text-lg pl-2 font-bold\"><\/div>\n <\/button>\n <div class=\"text-center flex-auto\">\n <a href=\"https:\/\/twoperapf.org.tw\" title=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\">\n <img src=\"https:\/\/twoperapf.org.tw\/images\/logo.png?v=1774408575\" alt=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\" class=\"w-auto h-14\">\n <\/a>\n <\/div>\n <\/div>\n \n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"fixed top-0 z-50 w-full h-screen overflow-scroll scroll-smooth bg-white flex flex-col\" v-bind:appear=\"false\" v-bind:show=\"toggled\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 -translate-x-full&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 translate-x-0&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transform transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 translate-x-0&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 -translate-x-full&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transform transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"fixed top-0 z-50 w-full shadow-white\/20 shadow-lg\">\n <div class=\"pb-0.5\">\n <div class=\"flex justify-between items-center pl-5 bg-white shadow-sm\">\n <div class=\" py-5 md:py-0 text-center flex-auto\">\n <a href=\"https:\/\/twoperapf.org.tw\" title=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\">\n <img src=\"https:\/\/twoperapf.org.tw\/images\/logo.png?v=1774408575\" alt=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\" class=\"w-auto h-16 m-auto\">\n <\/a>\n <\/div>\n <button @click=\"toggle\" class=\"inline-flex items-center justify-center p-2 rounded-md text-primary-200 hover:text-primary-500 hover:bg-primary-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out\">\n <svg class=\"h-8 w-8\" stroke=\"currentColor\" fill=\"none\"
78 viewBox=\"0 0 24 24\">\n <path v-bind:class=\"{ hidden: toggled, 'inline-flex': !toggled }\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n <path v-bind:class=\"{ hidden: !toggled, 'inline-flex': toggled }\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pt-32 px-5 w-full m-auto flex-grow\">\n <div class=\"w-full mb-5\">\n <form action=\"https:\/\/twoperapf.org.tw\/search\" method=\"GET\"> \n <div class=\"relative\">\n <input name=\"query\" type=\"text\" class=\"rounded-3xl p-1 pl-3 w-full border border-slate-300\" placeholder=\"\u8acb\u8f38\u5165\u95dc\u9375\u5b57\">\n <button id=\"site_search_mobile\" type=\"submit\" class=\"absolute z-10 right-3 top-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\" w-4 h-4 fill-gray-500\"
78 viewBox=\"0 0 512 512\"><path d=\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\"\/><\/svg>\n <\/button>\n <div class=\"p-1 text-xs text-slate-500 fill-slate-500 flex items-center w-full\">\n <div class=\"flex items-center p-1 bg-slate-100 rounded-lg shrink-0 z-10 mr-1\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 mr-[2px]\" viewBox=\"0 0 384 512\"><path d=\"M153.6 29.9l16-21.3C173.6 3.2 180 0 186.7 0C198.4 0 208 9.6 208 21.3V43.5c0 13.1 5.4 25.7 14.9 34.7L307.6 159C356.4 205.6 384 270.2 384 337.7C384 434 306 512 209.7 512H192C86 512 0 426 0 320v-3.8c0-48.8 19.4-95.6 53.9-130.1l3.5-3.5c4.2-4.2 10-6.6 16-6.6C85.9 176 96 186.1 96 198.6V288c0 35.3 28.7 64 64 64s64-28.7 64-64v-3.9c0-18-7.2-35.3-19.9-48l-38.6-38.6c-24-24-37.5-56.7-37.5-90.7c0-27.7 9-54.8 25.6-76.9z\"\/><\/svg>\n <span class=\"text-xs font-bold\">\u71b1\u9580<\/span>\n <\/div>\n <div class=\"marquee-container marquee-mask flex-1\">\n <div class=\"marquee-track\">\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2\" class=\"text-blue-600 hover:underline shrink-0\">\u5152\u7ae5\u6b4c\u4ed4\u6232<\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E6%AD%8C%E4%BB%94%E6%9B%B2%E8%AA%BF%E5%8D%A1%E6%8B%89OK\" class=\"text-blue-600 hover:underline shrink-0\">\u6b4c\u4ed4\u66f2\u8abf\u5361\u62c9OK<\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E6%AD%8C%E4%BB%94%E4%B8%8A%E9%9D%92\" class=\"text-blue-600 hover:underline shrink-0\">\u6b4c\u4ed4\u4e0a\u9752<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <SpladeToggle :default='{\"about\":false,\"activity\":false,\"signup\":false,\"info\":false}'>\n <template #default=\"{ about, activity, signup, info, toggle, setToggle, toggled }\">\n <div class=\" w-full border-b py-3\">\n <a href=\"https:\/\/twoperapf.org.tw\/news\" title=\"\u6700\u65b0\u6d88\u606f\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u6700\u65b0\u6d88\u606f\n <\/a>\n <\/div>\n <div class=\"relative w-full border-b py-3\">\n <button type=\"button\" @click.prevent=\"toggle('about');setToggle('activity', false); setToggle('signup', false); setToggle('info', false);\" class=\"font-bold text-lg text-gray-700\">\u95dc\u65bc\u57fa\u91d1\u6703<\/button>\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"w-max p-4\" v-bind:appear=\"false\" v-bind:show=\"about\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"flex flex-col space-y-4\">\n <a href=\"https:\/\/twoperapf.org.tw\/aboutus\" title=\"\u672c\u6703\u4ecb\u7d39\" class=\"text-gray-700\">\n \u672c\u6703\u4ecb\u7d39\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/directors\" title=\"\u8463\u76e3\u4e8b\" class=\"text-gray-700\">\n \u8463\u76e3\u4e8b\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/info\" title=\"\u516c\u958b\u8cc7\u8a0a\" class=\"text-gray-700\">\n \u516c\u958b\u8cc7\u8a0a\n <\/a>\n <\/div>\n <\/component>\n<\/SpladeTransition> <\/div>\n\n <div class=\"relative w-full border-b py-3\">\n <button type=\"button\" @click.prevent=\"toggle('activity');setToggle('about', false); setToggle('signup', false); setToggle('info', false);\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u6d3b\u52d5\u63a8\u5ee3\n <\/button>\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"w-max p-4\" v-bind:appear=\"false\" v-bind:show=\"activity\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"flex flex-col space-y-4\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/category\/event\" title=\"\u6d3b\u52d5\u63a8\u5ee3\" class=\"text-gray-700\">\n \u6d3b\u52d5\u63a8\u5ee3\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/event\/category\/video\" title=\"\u5f71\u97f3\u5c08\u5340\" class=\"text-gray-700\">\n \u5f71\u97f3\u5c08\u5340\n <\/a>\n <\/div>\n <\/component>\n<\/SpladeTransition> <\/div>\n <div class=\"relative w-full border-b py-3\">\n <button type=\"button\" @click.prevent=\"toggle('activity');setToggle('about', false); setToggle('signup', false); setToggle('info', false);\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u6559\u6750\u8207\u6559\u6848\n <\/button>\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"w-max p-4\" v-bind:appear=\"false\" v-bind:show=\"activity\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"flex flex-col space-y-4\">\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/music\" title=\"\u97f3\u6a02\" class=\"text-gray-700\">\n \u97f3\u6a02\n <\/a>\n <a href=\"
78https:\/\/twoperapf.org.tw\/resource\/category\/demo-video\" title=\"\u793a\u7bc4\u5f71\u7247\" class=\"text-gray-700\">\n \u793a\u7bc4\u5f71\u7247\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/sheet-music\" title=\"\u66f2\u8b5c\" class=\"text-gray-700\">\n \u66f2\u8b5c\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/script\" title=\"\u5287\u672c\" class=\"text-gray-700\">\n \u5287\u672c\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/lesson-plan\" title=\"\u6559\u6848\" class=\"text-gray-700\">\n \u6559\u6848\n <\/a>\n <\/div>\n <\/component>\n<\/SpladeTransition> <\/div>\n <\/template>\n<\/SpladeToggle> <div class=\" w-full border-b py-3\">\n <a href=\"https:\/\/twoperapf.org.tw\/publications\" title=\"\u5468\u908a\u51fa\u7248\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u5468\u908a\u51fa\u7248\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"w-full px-5 py-8 mt-10 border-t-2 relative bottom-0 bg-primary-100 border-primary-200 space-y-3\">\n <div class=\"flex items-center justify-center pb-5 space-x-5\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61559918634664\" title=\"Facebook\" target=\"_blank\" class=\" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 fill-white\"
78 viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/taiwanese_opera_foundation?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==\" title=\"Instagram\" target=\"_blank\" class=\" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 fill-white\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83\" title=\"Youtube\" target=\"_blank\" class=\" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 fill-white\"
78 viewBox=\"0 0 576 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"flex\">\n <div class=\"text-gray-600 mr-3\">813006 \u9ad8\u96c4\u5e02\u5de6\u71df\u5340\u8ecd\u6821\u8def51\u865f5\u6a13 <\/div>\n <a href=\"https:\/\/maps.app.goo.gl\/aKoi1BopkQGDsFUM9\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-primary-600 h-5\"
78 viewBox=\"0 0 576 512\"><path d=\"M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152l0 270.8c0 9.8-6 18.6-15.1 22.3L416 503l0-302.6zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6l0 251.4L32.9 502.7C17.1 509 0 497.4 0 480.4L0 209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77l0 249.3L192 449.4 192 255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"text-gray-600\">Tel : <a href=\"tel:075887521\" title=\"\u9023\u7d61\u96fb\u8a71 07-5887521\" class=\"text-gray-600\">07-5887521<\/a><\/div>\n <div class=\"text-gray-600\">E-Mail : <a href=\"mailto:[email protected]\" title=\"\u5bc4\u4fe1\u806f\u7d61\" class=\"text-gray-600\">[email protected]<\/a><\/div>\n <div class=\"text-gray-600\">\u884c\u653f\u8fa6\u516c\u6642\u9593\uff1a\u9031\u4e00\uff5e\u9031\u4e94 9:00\uff5e18:00<\/div>\n <\/div>\n <\/component>\n<\/SpladeTransition>\n <\/template>\n<\/SpladeToggle>\n <div id=\"desktopMenu\" class=\"hidden lg:flex top-0 left-0 z-50 w-full bg-white shadow-md transition-all duration-300 py-5\">\n <div class=\" hidden lg:flex w-full max-w-7xl m-auto justify-between items-center space-x-8\">\n <div>\n <a href=\"https:\/\/twoperapf.org.tw\" title=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\">\n <img id=\"desktopLogo\" src=\"https:\/\/twoperapf.org.tw\/images\/logo.png?v=1774408575\" alt=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\" class=\"w-auto h-16 transition-all duration-300\">\n <\/a>\n <\/div>\n <div>\n <div class=\"w-full flex lg:space-x-2 xl:space-x-8 m-auto\">\n <SpladeToggle :default='{\"about\":false,\"activity\":false,\"signup\":false,\"info\":false,\"resource\":false}'>\n <template #default=\"{ about, activity, signup, info, resource, toggle, setToggle, toggled }\">\n <div class=\"relative\">\n <a href=\"https:\/\/twoperapf.org.tw\/news\" title=\"\u6700\u65b0\u6d88\u606f\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u6700\u65b0\u6d88\u606f\n <\/a>\n <\/div>\n <div class=\"relative\">\n <button type=\"button\" @click.prevent=\"toggle('about');setToggle('activity', false); setToggle('signup', false); setToggle('info', false); setToggle('resource', false);\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\u95dc\u65bc\u57fa\u91d1\u6703<\/button>\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"absolute z-50 left-0 top-10 w-max p-5 bg-white shadow rounded-b-xl border-t-2 border-gray-600\" v-bind:appear=\"false\" v-bind:show=\"about\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"flex flex-col space-y-3\">\n <a href=\"https:\/\/twoperapf.org.tw\/aboutus\" title=\"\u672c\u6703\u4ecb\u7d39\" class=\"border-b pb-3\">\n \u672c\u6703\u4ecb\u7d39\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/directors\" title=\"\u8463\u76e3\u4e8b\" class=\"border-b pb-3\">\n \u8463\u76e3\u4e8b\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/info\" title=\"\u516c\u958b\u8cc7\u8a0a\">\n \u516c\u958b\u8cc7\u8a0a\n <\/a>\n <\/div>\n <\/component>\n<\/SpladeTransition> <\/div>\n\n <div class=\"relative\">\n <button type=\"button\" @click.prevent=\"toggle('activity');setToggle('about', false); setToggle('signup', false); setToggle('info', false); setToggle('resource', false);\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u6d3b\u52d5\u63a8\u5ee3\n <\/button>\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"absolute z-50 left-0 top-10 w-max p-5 bg-white shadow rounded-b-xl border-t-2 border-gray-600\" v-bind:appear=\"false\" v-bind:show=\"activity\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"flex flex-col space-y-3\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/category\/event\" title=\"\u6d3b\u52d5\u63a8\u5ee3\" class=\"text-gray-700\">\n \u6d3b\u52d5\u63a8\u5ee3\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/event\/category\/video\" title=\"\u5f71\u97f3\u5c08\u5340\" class=\"text-gray-700\">\n \u5f71\u97f3\u5c08\u5340\n <\/a>\n <\/div>\n <\/component>\n<\/SpladeTransition> <\/div>\n\n <div class=\"relative\">\n <button type=\"button\" @click.prevent=\"toggle('resource');setToggle('about', false); setToggle('signup', false); setToggle('info', false); setToggle('activity', false);\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u6559\u6750\u8207\u6559\u6848\n <\/button>\n <SpladeTransition #default=\"{ TransitionRoot, TransitionChild }\">\n <component\n v-bind:unmount=\"true\" class=\"absolute z-50 left-0 top-10 w-max p-5 bg-white shadow rounded-b-xl border-t-2 border-gray-600\" v-bind:appear=\"false\" v-bind:show=\"resource\" v-bind:is=\"TransitionRoot\" v-bind:leave-to=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:leave-from=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:leave=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\" v-bind:enter-to=\"true ? &#039;opacity-100 scale-100&#039; : &#039;&#039;\" v-bind:enter-from=\"true ? &#039;opacity-0 scale-95&#039; : &#039;&#039;\" v-bind:enter=\"true ? &#039;transition transform ease-in-out duration-300&#039; : &#039;&#039;\"\n >\n <div class=\"flex flex-col space-y-3\">\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/music\" title=\"\u97f3\u6a02\" class=\"text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600\">\n \u97f3\u6a02\n <\/a>\n <a href=\"
78https:\/\/twoperapf.org.tw\/resource\/category\/demo-video\" title=\"\u793a\u7bc4\u5f71\u7247\" class=\"text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600\">\n \u793a\u7bc4\u5f71\u7247\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/sheet-music\" title=\"\u66f2\u8b5c\" class=\"text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600\">\n \u66f2\u8b5c\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/script\" title=\"\u5287\u672c\" class=\"text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600\">\n \u5287\u672c\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/resource\/category\/lesson-plan\" title=\"\u6559\u6848\" class=\"text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600\">\n \u6559\u6848\n <\/a>\n <\/div>\n <\/component>\n<\/SpladeTransition> <\/div>\n <\/template>\n<\/SpladeToggle> <a href=\"https:\/\/twoperapf.org.tw\/publications\" title=\"\u5468\u908a\u51fa\u7248\" class=\"font-bold text-lg text-gray-700 hover:text-gray-800\">\n \u5468\u908a\u51fa\u7248\n <\/a>\n <\/div>\n <\/div>\n <div class=\"flex space-x-3\">\n <form action=\"https:\/\/twoperapf.org.tw\/search\" method=\"GET\">\n <div class=\"relative lg:min-w-60\">\n <input name=\"query\" type=\"text\" class=\"rounded-3xl p-1 pl-3 w-full border border-slate-300\" placeholder=\"\u8acb\u8f38\u5165\u95dc\u9375\u5b57\">\n <button id=\"site_search\" type=\"submit\" class=\"absolute z-10 right-3 top-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\" w-4 h-4 fill-gray-500\"
78 viewBox=\"0 0 512 512\"><path d=\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\"\/><\/svg>\n <\/button>\n <div class=\"p-1 text-xs text-slate-500 fill-slate-500 flex items-center w-full\">\n <div class=\"flex items-center p-1 bg-slate-100 rounded-lg shrink-0 z-10 relative mr-1\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 mr-[2px]\" viewBox=\"0 0 384 512\"><path d=\"M153.6 29.9l16-21.3C173.6 3.2 180 0 186.7 0C198.4 0 208 9.6 208 21.3V43.5c0 13.1 5.4 25.7 14.9 34.7L307.6 159C356.4 205.6 384 270.2 384 337.7C384 434 306 512 209.7 512H192C86 512 0 426 0 320v-3.8c0-48.8 19.4-95.6 53.9-130.1l3.5-3.5c4.2-4.2 10-6.6 16-6.6C85.9 176 96 186.1 96 198.6V288c0 35.3 28.7 64 64 64s64-28.7 64-64v-3.9c0-18-7.2-35.3-19.9-48l-38.6-38.6c-24-24-37.5-56.7-37.5-90.7c0-27.7 9-54.8 25.6-76.9z\"\/><\/svg>\n <span class=\"text-xs\">\u71b1\u9580<\/span>\n <\/div>\n <div class=\"marquee-container marquee-mask flex-1\">\n <div class=\"marquee-track\">\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2\" class=\"text-blue-600 hover:underline shrink-0\">\u5152\u7ae5\u6b4c\u4ed4\u6232<\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E6%AD%8C%E4%BB%94%E6%9B%B2%E8%AA%BF%E5%8D%A1%E6%8B%89OK\" class=\"text-blue-600 hover:underline shrink-0\">\u6b4c\u4ed4\u66f2\u8abf\u5361\u62c9OK<\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E6%AD%8C%E4%BB%94%E4%B8%8A%E9%9D%92\" class=\"text-blue-600 hover:underline shrink-0\">\u6b4c\u4ed4\u4e0a\u9752<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/form>\n\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61559918634664\" title=\"Facebook\" target=\"_blank\" class=\" rounded-3xl w-8 h-8 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 fill-white\"
78 viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/taiwanese_opera_foundation?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==\" title=\"Instagram\" target=\"_blank\" class=\" rounded-3xl w-8 h-8 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 fill-white\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83\" title=\"Youtube\" target=\"_blank\" class=\" rounded-3xl w-8 h-8 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 fill-white\"
78 viewBox=\"0 0 576 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/header>\n \n <div class=\"w-full\">\n <div class=\"w-full relative bg-white\">\n\n <section class=\"py-10\">\n <div class=\"max-w-7xl m-auto p-5\">\n <div class=\" relative bg-gray-300 overflow-hidden w-full max-w-[1920px] m-auto rounded-t-3xl h-12 border-l-8 border-gray-300\">\n <div class=\" absolute z-30 left-0 bottom-0 bg-white rounded-tl-3xl md:rounded-tl-none rounded-tr-3xl\">\n <div class=\" text-2xl md:text-5xl font-extrabold tracking-widest text-gray-600 pt-2 px-3 md:pt-5 md:px-5 round-deco-bl\">\u641c\u5c0b\u7d50\u679c<\/div>\n <\/div>\n <div class=\" absolute z-20 right-0 top-0 w-full bg-white\/10 py-2\">\n <div class=\" text-sm md:text-xl font-extrabold tracking-widest text-white\/70 drop-shadow-lg line-clamp-1 text-center md:text-end\"><\/div>\n <\/div>\n <\/div>\n\n <form action=\"https:\/\/twoperapf.org.tw\/search\" method=\"GET\" class=\"mt-10\">\n <div class=\"relative\">\n <input name=\"query\" type=\"text\" value=\"\u5152\u7ae5\u6b4c\u4ed4\u6232\" \n class=\"rounded-3xl py-2 px-3 w-full border border-slate-300\" \n placeholder=\"\u8acb\u8f38\u5165\u95dc\u9375\u5b57\">\n <button type=\"submit\" class=\"absolute right-3 top-3\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\" w-4 h-4 fill-gray-500\"
78 viewBox=\"0 0 512 512\"><path d=\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\"\/><\/svg>\n <\/button>\n <\/div>\n <\/form>\n\n \n <ul class=\"mt-5 space-y-3\">\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u9996\u9801Banner<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/287\"\n title=\"\u3010\ud835\udfd0\ud835\udfce\ud835\udfd0\ud835\udfd4\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u3010\ud835\udfd0\ud835\udfce\ud835\udfd0\ud835\udfd4\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\n <\/a>\n <\/h3>\n\n \n <p class=\"text-sm text-gray-600\">\n \u5831\u540d\u8cbb\u7528\uff5c\u7121\u9808\u4e8b\u5148\u5831\u540d\uff0c\u514d\u8cbb\u81ea...\n <\/p>\n \n \n \n \n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/10\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u7504\u9078\u8a08\u756b \u958b\u653e\u7533\u8acb\u56c9\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u7504\u9078\u8a08\u756b \u958b\u653e\u7533\u8acb\u56c9\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-04-18\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u7504\u9078\u8a08\u756b \u958b\u653e\u7533\u8acb\u56c9\uff01 \u2728\u8a08\u756b...\n <\/p>\n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/at-\/12\"\n title=\"#\u7db4\u8457\u98a8\u5439\u770b\u6232\u8da3 #\u5152\u7ae5\u6b4c\u4ed4\u6232\u63a8\u5ee3\u85dd\u8853\u5361\u8eca\u9109\u6751\u5de1\u6f14\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u7db4\u8457\u98a8\u5439\u770b\u6232\u8da3 #\u5152\u7ae5\u6b4c\u4ed4\u6232\u63a8\u5ee3\u85dd\u8853\u5361\u8eca\u9109\u6751\u5de1\u6f14\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-12-31\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u672c\u6703\u8463\u4e8b\u9577 \u6797\u8302\u8ce2\uff1a\u300c\u5b69\u5b50\u4e0d\u6703\u81ea\u5df1\u4e3b\u52d5\u53bb\u770b\u6b4c\u4ed4\u6232\uff0c\u6240\u4ee5\u6211\u5011\u7279...\n <\/p>\n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/22\"\n title=\"\u4f86\u4f86\u4f86\ud83d\udce3\u4e88\u5927\u4eba\u56e1\u4ed4\u770b\u7532\u7b11\u548d\u548d\u3001\u7b11\u7121\u505c\u3001\u7b11\u7532\u5599\u4ed4\u88c2\u7345\u7345\u00ea \u5152\u7ae5\u6b4c\u4ed4\u6232\uff0c\u53c8\u95a3\u6b32\u958b\u6f14\u56c9\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u4f86\u4f86\u4f86\ud83d\udce3\u4e88\u5927\u4eba\u56e1\u4ed4\u770b\u7532\u7b11\u548d\u548d\u3001\u7b11\u7121\u505c\u3001\u7b11\u7532\u5599\u4ed4\u88c2\u7345\u7345\u00ea \u5152\u7ae5\u6b4c\u4ed4\u6232\uff0c\u53c8\u95a3\u6b32\u958b\u6f14\u56c9\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-10-07\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u9019\u6b21\u6211\u5011\u5c07\u5152\u7ae5\u6b4c\u4ed4\u6232\u642c\u4e0a\u7d19\u98a8\u8eca\u8b8a\u5f62\u91d1\u525b\u85dd\u8853\u5361\u8eca\u4e0a\uff0c\u4ee5\u6700\u63a5\u5730\u6c23...\n <\/p>\n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/36\"\n title=\"\u5152\u7ae5\u6b4c\u4ed4\u6232\u642d\u4e58\u85dd\u8853\u5361\u8eca \u516d\u9109\u93ae\u83ef\u9e97\u5de1\u6f14\u51fa\u767c\u8da3\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u5152\u7ae5\u6b4c\u4ed4\u6232\u642d\u4e58\u85dd\u8853\u5361\u8eca \u516d\u9109\u93ae\u83ef\u9e97\u5de1\u6f14\u51fa\u767c\u8da3\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-10-29\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u7531\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\u8207RC\u6587\u5316\u85dd\u8853\u57fa\u91d1\u6703\u806f\u624b\uff0c\u96c6\u7d50\u5168\u570b\u5404\u5730\u8015...\n <\/p>\n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/40\"\n title=\"#\u5152\u7ae5\u6b4c\u4ed4\u6232\u5c4f\u6771\u5834\u4ea4\u901a\u6307\u5357\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u5152\u7ae5\u6b4c\u4ed4\u6232\u5c4f\u6771\u5834\u4ea4\u901a\u6307\u5357\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-07\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u8981\u600e\u9ebc\u524d\u5f80\u6d3b\u52d5\u6703\u5834\u5462\uff1f\u81ea\u884c\u958b\u8eca\u2193\u5357\u4e0b\uff1a\u570b\u90533\u865f\u2192\u5c4f\u6771\u4ea4\u6d41\u9053\u4e0b\u2192\u53f3...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/at-experience\/42\"\n title=\"\u4eca\u660e\u5169\u5929\u5728\u5c4f\u6771\u9ad4\u80b2\u9928\u524d\uff0c\u6b61\u8fce\u5927\u670b\u53cb\u5c0f\u670b\u53cb\u4f86\u73a9\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u4eca\u660e\u5169\u5929\u5728\u5c4f\u6771\u9ad4\u80b2\u9928\u524d\uff0c\u6b61\u8fce\u5927\u670b\u53cb\u5c0f\u670b\u53cb\u4f86\u73a9\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-09\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u9019\u9031\u5c4f\u6771\u548c\u4e0b\u9031\u81fa\u5357\u5834\u7684\u85dd\u8853\u9ad4\u9a57\u53ef\u4ee5\u5f9e #\u6b4c\u4ed4\u6232\u599d\u5bb9 #\u6232\u670d #\u8eab\u6bb5...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/43\"\n title=\"\u30102024 #\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u5c4f\u6771\u6f14\u51fa\u7b2c\u4e00\u5929\u5c0f\u670b\u53cb\u8d85\u71b1\u60c5\u554a\uff5e\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102024 #\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u5c4f\u6771\u6f14\u51fa\u7b2c\u4e00\u5929\u5c0f\u670b\u53cb\u8d85\u71b1\u60c5\u554a\uff5e\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-09\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u79c0\u7434\u6b4c\u5287\u5718\u7576\u5bb6\u6f14\u54e1\u7cbe\u92b3\u76e1\u51fa\uff0c\u6f14\u51fa\u5927\u5bb6\u8033\u719f\u80fd\u8a73\u7684\u897f\u9
7804a\u8a18\u4eba\u7269\uff0c\u5510...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/44\"\n title=\"\u5c4f\u6771\u9023\u5169\u5929\u7684\u30102024 #\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u5713\u6eff\u7d50\u675f\u56c9\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u5c4f\u6771\u9023\u5169\u5929\u7684\u30102024 #\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u5713\u6eff\u7d50\u675f\u56c9\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-10\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u7b2c\u4e8c\u5929\u7531\u6b4c\u4ed4\u6232\u570b\u5bf6\u85dd\u5e2b\u5ed6\u74ca\u679d\u8001\u5e2b\u6240\u5275\u8fa6\u7684 \u85aa\u50b3\u6b4c\u4ed4\u6232\u5287\u5718\u6f14\u51fa...\n <\/p>\n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/45\"\n title=\"\u30102024 \u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u6843\u5712\u58d3\u8ef8\u5834\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102024 \u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u6843\u5712\u58d3\u8ef8\u5834\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-13\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u4eca\u5e74\u6700\u5f8c\u4e00\u5834\u5152\u7ae5\u6b4c\u4ed4\u6232\u5373\u5c07\u4f86\u5230\u6843\u5712\uff01\u7279\u9080\u5510\u7f8e\u96f2\u6b4c\u4ed4\u6232\u5718 \u70ba\u5b69...\n <\/p>\n \n \n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/46\"\n title=\"#\u5152\u7ae5\u6b4c\u4ed4\u6232\u81fa\u5357\u5834\u4ea4\u901a\u6307\u5357\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u5152\u7ae5\u6b4c\u4ed4\u6232\u81fa\u5357\u5834\u4ea4\u901a\u6307\u5357\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-14\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u672c\u9031\u516d #\u86c7\u90ce\u541b \u6703\u5728\u5df7\u85dd\u8853\u805a\u843d \u51fa\u6c92\uff01\u8981\u600e\u9ebc\u53bb\u5462\uff1f\u8b93\u5c0f\u7de8\u5831\u4f60\u77e5...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/at-experience\/47\"\n title=\"#\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-16\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u514d\u8cbb #\u85dd\u8853\u9ad4\u9a57 \u5feb\u4f86\u73a9\uff5e\u6b4c\u4ed4\u6232\u599d\u5bb9\uff5c\u660e\u83ef\u5712\u661f\u5b57\u6232\u5287-\u52dd\u79cb\u6232\u5287\u5718...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/48\"\n title=\"#\u5152\u7ae5\u6b4c\u4ed4\u6232 \u5728\u81fa\u5357\uff5e\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u5152\u7ae5\u6b4c\u4ed4\u6232 \u5728\u81fa\u5357\uff5e\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-17\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u611f\u8b1d\u5929\u516c\u4f2f\u4fdd\u5e87\uff0c\u8cdc\u4e88\u6211\u5011\u597d\u5929\u6c23\uff0c\u6d3b\u52d5\u5f97\u4ee5\u9806\u5229\u8209\u884c\uff0c\u4e0b\u5348\u9084\u51fa\u592a...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/49\"\n title=\"#\u6843\u5712\u5834\u5152\u7ae5\u6b4c\u4ed4\u6232\u884c\u524d\u8aaa\u660e\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u6843\u5712\u5834\u5152\u7ae5\u6b4c\u4ed4\u6232\u884c\u524d\u8aaa\u660e\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-22\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u5510\u7f8e\u96f2\u6b4c\u4ed4\u6232\u5718 \u4eca\u665a\u8a8d\u771f\u5730\u9032\u884c\u5f69\u6392\uff0c\u660e\u5929\u5373\u5c07\u8981\u548c\u5927\u670b\u53cb\u5c0f\u670b\u53cb...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/at-experience\/50\"\n title=\"#\u5152\u7ae5\u6b4c\u4ed4\u6232\u6843\u5712\u5834\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u5152\u7ae5\u6b4c\u4ed4\u6232\u6843\u5712\u5834\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2024-11-23\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u85dd\u8853\u9ad4\u9a57\u4eba\u6f6e\u6eff\u
786eff\u6eff\u9ad4\u9a57\u6d3b\u52d5\u53ea\u5230\u665a\u4e0a\u4e03\u9ede\uff0c\u9084\u6c92\u73a9\u5230\u7684\u670b\u53cb\u8d95\u7dca\u628a...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/85\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u7504\u9078\u8a08\u756b \u2605\u2605\u2605\u300c\u5012\u657810\u5929\uff01\u7533\u8acb\u81f34\/30\uff01\u300d\u2605\u2605\u2605\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u7504\u9078\u8a08\u756b \u2605\u2605\u2605\u300c\u5012\u657810\u5929\uff01\u7533\u8acb\u81f34\/30\uff01\u300d\u2605\u2605\u2605\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-04-21\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n 4\/30 17:00\u524d\u622a\u6b62\uff0c\u6709\u610f\u7533\u8acb\u7684\u5718\u968a\u8acb\u5c07\u7504\u9078\u8cc7\u6599\u5bc4\u81f3\u2b95\u5730\u5740\uff1a81300...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-Event-Log\/86\"\n title=\"\u30102024\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u5168\u7d00\u9304\ud83c\udf8a\u2757\u2757\u2757\u3011\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102024\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u5168\u7d00\u9304\ud83c\udf8a\u2757\u2757\u2757\u3011\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-05-15\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">
78\n \u3010\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u662f\u5168\u570b\u7b2c\u4e00\u500b\u5c08\u70ba\u5b69\u7ae5\u6253\u9020\u7684\u6b4c\u4ed4\u6232...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/88\"\n title=\"\ud83d\udce3\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u7504\u9078\u516c\u5e03\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \ud83d\udce3\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u7504\u9078\u516c\u5e03\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-06-06\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u606d\u559c\u4ee5\u4e0b\u5165\u9078\u5718\u968a#\u4e00\u5fc3\u6232\u5287\u5718#\u674e\u975c\u82b3\u6b4c\u4ed4\u6232\u5718 #\u660e\u83ef\u5712\u661f\u5b57\u6232\u5287\u5718...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/89\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u5de1\u6f14\u5373\u5c07\u767b\u5834\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u5de1\u6f14\u5373\u5c07\u767b\u5834\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-06-18\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n 7~10\u6708\u5728 #\u5357\u6295 #\u81fa\u4e2d #\u9ad8\u96c4 #\u5f70\u5316 #\u5609\u7fa9 #\u65b0\u5317 #\u65b0\u7af9 \u76db\u5927\u8209\u884c...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/91\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u9996\u6f14\u5834\u5c31\u5728\u5357\u6295\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u9996\u6f14\u5834\u5c31\u5728\u5357\u6295\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-01\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n 7\/19\uff08\u516d\uff09\u5357\u6295\u4e2d\u8208\u5927\u64cd\u5834\uff08\u5357\u6295\u7e23\u5357\u6295\u5e02\u4e2d\u5b78\u8def4\u865f\uff09#\u6236\u5916\u6f14\u51fa\u514d...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-promotional\/92\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011#\u5510\u7f8e\u96f2\u6b4c\u4ed4\u6232\u5718 \u4f86\u56c9~\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011#\u5510\u7f8e\u96f2\u6b4c\u4ed4\u6232\u5718 \u4f86\u56c9~\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-11\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u6b61\u6a02\u7206\u7b11\u7684\u6536\u5996\u65e5\u8a18\uff0c\u9080\u8acb\u5927\u670b\u53cb\u5c0f\u670b\u53cb\u548c\u6f14\u54e1\u4e00\u8d77\u62cd\u624b\u5927\u7b117\/19\uff08...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/93\"\n title=\"\u3010\u5c0f\u7de8\u51fa\u4efb\u52d9~~\u3011\u4f86\u9001\u734e\u54
78c1\u5695\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u3010\u5c0f\u7de8\u51fa\u4efb\u52d9~~\u3011\u4f86\u9001\u734e\u54c1\u5695\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-11\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u4f86\u767c\u554f\uff01\u73fe\u572800\u5f8c\u9084\u6709\u4eba\u770b\u6b4c\u4ed4\u6232\u55ce\uff1f\uff1f\u524d\u9663\u5b50\u79c1\u4e0b\u554f\u4e86\u4e00\u8f2a\u670b\u53cb\uff5e...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/94\"\n title=\"\ud83d\udce3#\u5152\u7ae5\u6b4c\u4ed4\u6232 X #\u53f0\u8a9e\u5bb6\u5ead\u96c6\u9ede\u8a08\u756b\"\n target=\"_blank\"\n class=\"hover:underline\">\n \ud83d\udce3#\u5152\u7ae5\u6b4c\u4ed4\u6232 X #\u53f0\u8a9e\u5bb6\u5ead\u96c6\u9ede\u8a08\u756b\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-14\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u5927\u5bb6\u807d\u904e\u53f0\u8a9e\u5bb6\u5ead\u96c6\u9ede\u8a08\u756b\u55ce\uff1f\u6587\u5316\u90e8\u70ba\u4e86\u63a8\u5ee3\u53f0\u8a9e\uff0c\u5f9e\u53bb\u5e74\u5e95\u958b\u59cb...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/95\"\n title=\"\u5960\u57fa\u50b3\u7d71 \u4f75\u767c\u5275\u610f \u5152\u7ae5\u6b4c\u4ed4\u6232\u8b93\u50b3\u7d71\u66f4\u89aa\u6c11\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u5960\u57fa\u50b3\u7d71 \u4f75\u767c\u5275\u610f \u5152\u7ae5\u6b4c\u4ed4\u6232\u8b93\u50b3\u7d71\u66f4\u89aa\u6c11\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-15\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u7531\u6587\u5316\u90e8\u6307\u5c0e\u3001\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u91d1\u6703\u3001\u570b\u7acb\u50b3\u7d71\u85dd\u8853\u4e2d\u5fc3\u4e3b...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/96\"\n title=\"\ud83d\udc38\u5471\u5471\u5471 \u5728\u5357\u6295\u7684\u7b2c\u4e00\u5834 #\u5152\u7ae5\u6b4c\u4ed4\u6232 \u6d3b\u52d5\u9806\u5229\u5713\u6eff\u7d50\u675f\u5566\uff5e\"\n target=\"_blank\"\n class=\"hover:underline\">\n \ud83d\udc38\u5471\u5471\u5471 \u5728\u5357\u6295\u7684\u7b2c\u4e00\u5834 #\u5152\u7ae5\u6b4c\u4ed4\u6232 \u6d3b\u52d5\u9806\u5229\u5713\u6eff\u7d50\u675f\u5566\uff5e\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-20\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u7531\u5510\u7f8e\u96f2\u6b4c\u4ed4\u6232\u5718\u5e36\u4f86\u7cbe\u5f69\u6f14\u51fa\u300a\u6536\u5996\u65e5\u8a18\uff1a\u985b\u5012\u5927\u738b\u7684\u79d8\u5bc6\u300b\uff0c\u591a...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/97\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u4f86\u5230\u81fa\u4e2d\u56c9\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u4f86\u5230\u81fa\u4e2d\u56c9\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-23\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n 8\/2\uff08\u516d\uff09\u81fa\u4e2d\u5713\u6eff\u
786236\u5916\u5287\u5834\uff08\u81fa\u4e2d\u5e02\u5357\u5c6f\u5340\u6587\u5fc3\u8def\u4e00\u6bb5289\u865f \uff09#\u6236...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-promotional\/98\"\n title=\"\u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u4e00\u5fc3\u6232\u5287\u5718\u597d\u6232\u5373\u5c07\u767b\u5834\ud83c\udf89\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011 \u4e00\u5fc3\u6232\u5287\u5718\u597d\u6232\u5373\u5c07\u767b\u5834\ud83c\udf89\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-28\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u9080\u8acb\u5927\u5bb6\u4f86\u5230\u81fa\u4e2d\u4e00\u8d77\u300c\u5be9\u77f3\u982d\u300d\u3001\u627e\u5147\u624b\uff01\u8f15\u9b06\u6709\u8da3\u7684\u6c11\u9593\u50b3\u8aaa\uff0c...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/at-experience\/99\"\n title=\"\ud83d\udce2\u4e00\u5fc3\u6232\u5287\u5718 \u300a\u5be9\u77f3\u982d\uff1f\u6b50\u8cb7\u5c2c~\u771f\u7684\u5047\u7684\u5566\uff1f \u300b \u5373\u5c07\u5728\u9019\u9031\u516d\u767b\u5834\u56c9\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \ud83d\udce2\u4e00\u5fc3\u6232\u5287\u5718 \u300a\u5be9\u77f3\u982d\uff1f\u6b50\u8cb7\u5c2c~\u771f\u7684\u5047\u7684\u5566\uff1f \u300b \u5373\u5c07\u5728\u9019\u9031\u516d\u767b\u5834\u56c9\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-07-30\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u9664\u4e86\u6709\u7cbe\u91c7\u7684\u5152\u7ae5\u6b4c\u4ed4\u6232\u6f14\u51fa\uff0c\u9084\u6709 \u85dd\u8853\u9ad4\u9a57\u7f8e\u98df\u5e02\u96c6 \u73fe\u5834\u66f4\u6709\u597d...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/100\"\n title=\"#\u5152\u7ae5\u6b4c\u4ed4\u6232 \u81fa\u4e2d\u5834 \u611f\u8b1d\u89aa\u5b50\u5011\u4e0d\u754f\u98a8\u96e8\u524d\u4f86\u652f\u6301\uff01 \u770b\u5230\u5927\u5bb6\u7684\u7b11\u5bb9\u5c31\u662f\u6700\u68d2\u7684\u56de\u994b\u5566\u2764\ufe0f\"\n target=\"_blank\"\n class=\"hover:underline\">\n #\u5152\u7ae5\u6b4c\u4ed4\u6232 \u81fa\u4e2d\u5834 \u611f\u8b1d\u89aa\u5b50\u5011\u4e0d\u754f\u98a8\u96e8\u524d\u4f86\u652f\u6301\uff01 \u770b\u5230\u5927\u5bb6\u7684\u7b11\u5bb9\u5c31\u662f\u6700\u68d2\u7684\u56de\u994b\u5566\u2764\ufe0f\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-08-03\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u6700\u8fd1\u5929\u6c23\u3127\u76f4\u4e0d\u7a69\u5b9a\u958b\u6f14\u524d\u7576\u89c0\u773e\u7d1b\u7d1b\u7a7f\u8457\u96e8\u8863\u9678\u7e8c\u51fa\u73fe\u4e14\u5805\u6301\u770b\u5230...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <li class=\"p-4 border rounded-lg shadow-sm bg-white space-y-1\">\n\n \n <span class=\"text-sm text-gray-500\">\u6d3b\u52d5\u63a8\u5ee3<\/span>\n\n \n <h3 class=\"text-lg font-bold text-primary-700\">\n <a href=\"https:\/\/twoperapf.org.tw\/event\/cto-performance\/101\"\n title=\"\u9ad8\u96c4\u8fce\u4f86\u4e45\u9055\u7684\u597d\u5929\u6c23\ud83e\udd79 \u5fd8\u8a18\u4f60\u7684\u200d\ud83c\udf44\ud83c\udf44 \u51fa\u9580\u66ec\u592a\u967d\u653e\u98a8\u5427\uff01\"\n target=\"_blank\"\n class=\"hover:underline\">\n \u9ad8\u96c4\u8fce\u4f86\u4e45\u9055\u7684\u597d\u5929\u6c23\ud83e\udd79 \u5fd8\u8a18\u4f60\u7684\u200d\ud83c\udf44\ud83c\udf44 \u51fa\u9580\u66ec\u592a\u967d\u653e\u98a8\u5427\uff01\n <\/a>\n <\/h3>\n\n \n \n \n <p class=\"text-xs text-gray-400\">\n \u767c\u4f48\u65e5\u671f\uff1a2025-08-05\n <\/p>\n \n \n <p class=\"text-sm text-gray-700\">\n \u30102025\u5152\u7ae5\u6b4c\u4ed4\u6232\u2014\u89aa\u5b50\u5287\u5834\u532f\u6f14\u3011\u6691\u5047\u5f37\u6a94\u4f86\u8972 8\/9\uff08\u516d\uff09\u9ad8\u96c4\u6587...\n <\/p>\n \n \n <p class=\"text-xs text-gray-500\">\n \u95dc\u9375\u5b57\uff1a\u5152\u7ae5\u6b4c\u4ed4\u6232\n <\/p>\n \n <\/li>\n <\/ul>\n\n <div class=\"mt-10\">\n <nav role=\"navigation\" aria-label=\"\u5206\u9801\" class=\"flex items-center justify-between\">\n <div class=\"flex justify-between flex-1 sm:hidden\">\n <span class=\"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600\">\n &laquo; \u4e0a\u4e00\u6b65\n <\/span>\n \n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&amp;page=2\" class=\"relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300\">\n \u4e0b\u4e00\u6b65 &raquo;\n <\/a>\n <\/div>\n\n <div class=\"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between\">\n <div>\n <p class=\"text-sm text-gray-700 leading-5 dark:text-gray-400\">\n \u986f\u793a\n <span class=\"font-medium\">1<\/span>\n \u81f3\n <span class=\"font-medium\">30<\/span>\n \u7684\n <span class=\"font-medium\">117<\/span>\n \u7b46\u8cc7\u6599\n <\/p>\n <\/div>\n\n <div>\n <span class=\"relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md\">\n \n <span aria-disabled=\"true\" aria-label=\"&amp;laquo; \u4e0a\u4e00\u6b65\">\n <span class=\"relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600\" aria-hidden=\"true\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\"
78 viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n <\/svg>\n <\/span>\n <\/span>\n \n \n \n \n \n <span aria-current=\"page\">\n <span class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-bold text-blue-500 bg-blue-50 border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600\">1<\/span>\n <\/span>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&amp;page=2\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800\" aria-label=\"\u524d\u5f80\u7b2c 2 \u9801\">\n 2\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&amp;page=3\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800\" aria-label=\"\u524d\u5f80\u7b2c 3 \u9801\">\n 3\n <\/a>\n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&amp;page=4\" class=\"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800\" aria-label=\"\u524d\u5f80\u7b2c 4 \u9801\">\n 4\n <\/a>\n \n \n <a href=\"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&amp;page=2\" rel=\"next\" class=\"relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800\" aria-label=\"\u4e0b\u4e00\u6b65 &amp;raquo;\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\"
78 viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\" \/>\n <\/svg>\n <\/a>\n <\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <\/div>\n <\/div>\n <\/section>\n\n <hr class=\"w-full max-w-full mr-auto\">\n \n <footer class=\" relative overflow-hidden\">\n <div class=\" relative z-10\">\n <div>\n <button type=\"button\" id=\"scrollToTop\" class=\"fixed bottom-10 right-10 z-50 hidden items-center justify-center w-10 h-10 bg-gray-500 opacity-40 text-white rounded-full shadow-lg\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 fill-white\"
78 viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\" max-w-7xl md:px-5 py-5 md:py-20 m-auto\">\n <div class=\"flex flex-col md:flex-row justify-between items-start\">\n <div class=\"w-full md:w-1\/3 flex justify-center md:justify-start pb-5\">\n <img src=\"https:\/\/twoperapf.org.tw\/images\/logo.png?v=1774408575\" alt=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\" title=\"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703\" class=\"w-auto h-20\">\n <\/div>\n <div class=\"w-full md:w-2\/4 space-y-3 px-6 md:px-0 py-5 md:py-0 border-t md:border-t-0 border-gray-200\">\n <h4 class=\" font-bold text-lg text-gray-600\">\u806f\u7d61\u8cc7\u8a0a<\/h4>\n <div class=\"flex\">\n <div class=\"text-gray-600 mr-3\">813006 \u9ad8\u96c4\u5e02\u5de6\u71df\u5340\u8ecd\u6821\u8def51\u865f5\u6a13 <\/div>\n <a href=\"https:\/\/maps.app.goo.gl\/2ZjHtuMCUabHUfVp7\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-primary-600 h-5\"
78 viewBox=\"0 0 576 512\"><path d=\"M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152l0 270.8c0 9.8-6 18.6-15.1 22.3L416 503l0-302.6zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6l0 251.4L32.9 502.7C17.1 509 0 497.4 0 480.4L0 209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77l0 249.3L192 449.4 192 255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"text-gray-600\">Tel : <a href=\"tel:075887521\" title=\"\u9023\u7d61\u96fb\u8a71 07-5887521\" class=\"text-gray-600\">07-5887521<\/a><\/div>\n <div class=\"text-gray-600\">E-Mail : <a href=\"mailto:[email protected]\" title=\"\u5bc4\u4fe1\u806f\u7d61\" class=\"text-gray-600\">[email protected]<\/a><\/div>\n <div class=\"text-gray-600\">\u884c\u653f\u8fa6\u516c\u6642\u9593\uff1a\u9031\u4e00\uff5e\u9031\u4e94 9:00\uff5e18:00<\/div>\n <\/div>\n <div class=\"w-full md:w-1\/4 flex justify-center md:justify-end space-x-5\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61559918634664\" title=\"Facebook\" target=\"_blank\" class=\" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 fill-white\"
78 viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/taiwanese_opera_foundation?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==\" title=\"Instagram\" target=\"_blank\" class=\" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 fill-white\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83\" title=\"Youtube\" target=\"_blank\" class=\" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 fill-white\"
78 viewBox=\"0 0 576 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <hr class=\"my-5 md:my-10\"\/>\n <div class=\" flex flex-col md:flex-row items-center justify-start md:justify-between\">\n <p class=\"text-sm px-6 md:px-0 text-gray-600\">Copyright \u00a9 2025 \u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703 The Taiwanese Opera Foundation All Rights.<\/p>\n <div class=\"mt-5 ml-0 md:mt-0 md:ml-5 text-sm flex space-x-5 justify-center md:justify-start\">\n <div><a href=\"https:\/\/twoperapf.org.tw\/security\" title=\"\u7db2\u7ad9\u5b89\u5168\u653f\u7b56\" class=\"text-gray-600\">\n \u7db2\u7ad9\u5b89\u5168\u653f\u7b56\n <\/a><\/div>\n <div><a href=\"https:\/\/twoperapf.org.tw\/privacy\" title=\"\u96b1\u79c1\u6b0a\u5b89\u5168\u653f\u7b56\" class=\"text-gray-600\">\n \u96b1\u79c1\u6b0a\u5b89\u5168\u653f\u7b56\n <\/a><\/div>\n <div><a href=\"https:\/\/twoperapf.org.tw\/copyright\" title=\"\u8457\u4f5c\u6b0a\u8072\u660e\" class=\"text-gray-600\">\n \u8457\u4f5c\u6b0a\u8072\u660e\n <\/a><\/div>\n <\/div>\n <div class=\"text-gray-600 text-sm mt-3 ml-0 md:mt-0 md:ml-5\">\u700f\u89bd\u4eba\u6b21\uff1a164,587<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/footer> <\/div>\n <\/div>\n \n<\/div>\n\n"" data-dynamics="[]" data-splade="{"head":{"canonical":"https:\/\/twoperapf.org.tw\/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2","meta":[{"property":"og:type","content":"website"},{"property":"og:site_name","content":"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703 The Taiwanese Opera Foundation"},{"property":"og:url","content":"https:\/\/twoperapf.org.tw"},{"name":"twitter:card","content":"summary_large_image"},{"name":"twitter:title","content":"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703 The Taiwanese Opera Foundation"}],"title":"\u8ca1\u5718\u6cd5\u4eba\u81fa\u7063\u6b4c\u4ed4\u6232\u63a8\u5ee3\u57fa\u91d1\u6703 The Taiwanese Opera Foundation"},"modal":null,"modalTarget":null,"flash":{},"errors":{},"shared":{},"toasts":[],"preventRefresh":false,"preventViewTransition":false,"preserveScroll":false,"lazy":false,"rehydrate":false,"persistentLayout":null}"> 79<div> 80 <header> 81 <SpladeToggle :default='{"default":false}'> 82 <template #default="{ toggle, setToggle, toggled }"> 83 <div id="mobileMenu" class=" relative flex px-4 py-3 lg:hidden w-full z-40 bg-white shadow-md items-center transition-transform duration-200"> 84 <button type="button" title="é¸å®" @click="toggle" 85 class="w-9 h-9 py-3 mr-4 flex items-center justify-center text-primary-100 hover:text-primary-500 hover:bg-primary-300 focus:outline-none focus:bg-primary-300 focus:text-primary-500 transition duration-150 ease-in-out"> 86 <svg class="w-9 h-9 fill-primary-400 focus:fill-primary-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 87 <path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/> 88 </svg> 89 <div class="text-lg pl-2 font-bold"></div> 90 </button> 91 <div class="text-center flex-auto"> 92 <a href="https://twoperapf.org.tw" title="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ"> 93 <img src="https://twoperapf.org.tw/images/logo.png?v=1774408575" alt="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ" class="w-auto h-14"> 94 </a> 95 </div> 96 </div> 97 98 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 99 <component 100 v-bind:unmount="true" class="fixed top-0 z-50 w-full h-screen overflow-scroll scroll-smooth bg-white flex flex-col" v-bind:appear="false" v-bind:show="toggled" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 -translate-x-full' : ''" v-bind:leave-from="true ? 'opacity-100 translate-x-0' : ''" v-bind:leave="true ? 'transform transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 translate-x-0' : ''" v-bind:enter-from="true ? 'opacity-0 -translate-x-full' : ''" v-bind:enter="true ? 'transform transform ease-in-out duration-300' : ''" 101 > 102 <div class="fixed top-0 z-50 w-full shadow-white/20 shadow-lg"> 103 <div class="pb-0.5"> 104 <div class="flex justify-between items-center pl-5 bg-white shadow-sm"> 105 <div class=" py-5 md:py-0 text-center flex-auto"> 106 <a href="https://twoperapf.org.tw" title="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ"> 107 <img src="https://twoperapf.org.tw/images/logo.png?v=1774408575" alt="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ" class="w-auto h-16 m-auto"> 108 </a> 109 </div> 110 <button @click="toggle" class="inline-flex items-center justify-center p-2 rounded-md text-primary-200 hover:text-primary-500 hover:bg-primary-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"> 111 <svg class="h-8 w-8" stroke="currentColor" fill="none" viewBox="0 0 24 24"> 112 <path v-bind:class="{ hidden: toggled, 'inline-flex': !toggled }" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 113 <path v-bind:class="{ hidden: !toggled, 'inline-flex': toggled }" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 114 </svg> 115 </button> 116 </div> 117 </div> 118 </div> 119 <div class="pt-32 px-5 w-full m-auto flex-grow"> 120 <div class="w-full mb-5"> 121 <form action="https://twoperapf.org.tw/search" method="GET"> 122 <div class="relative"> 123 <input name="query" type="text" class="rounded-3xl p-1 pl-3 w-full border border-slate-300" placeholder="è«è¼¸å ¥ééµå"> 124 <button id="site_search_mobile" type="submit" class="absolute z-10 right-3 top-2"> 125 <svg xmlns="http://www.w3.org/2000/svg" class=" w-4 h-4 fill-gray-500" viewB
125ox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg> 126 </button> 127 <div class="p-1 text-xs text-slate-500 fill-slate-500 flex items-center w-full"> 128 <div class="flex items-center p-1 bg-slate-100 rounded-lg shrink-0 z-10 mr-1"> 129 <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-[2px]" viewBox="0 0 384 512"><path d="M153.6 29.9l16-21.3C173.6 3.2 180 0 186.7 0C198.4 0 208 9.6 208 21.3V43.5c0 13.1 5.4 25.7 14.9 34.7L307.6 159C356.4 205.6 384 270.2 384 337.7C384 434 306 512 209.7 512H192C86 512 0 426 0 320v-3.8c0-48.8 19.4-95.6 53.9-130.1l3.5-3.5c4.2-4.2 10-6.6 16-6.6C85.9 176 96 186.1 96 198.6V288c0 35.3 28.7 64 64 64s64-28.7 64-64v-3.9c0-18-7.2-35.3-19.9-48l-38.6-38.6c-24-24-37.5-56.7-37.5-90.7c0-27.7 9-54.8 25.6-76.9z"/></svg> 130 <span class="text-xs font-bold">ç±é</span> 131 </div> 132 <div class="marquee-container marquee-mask flex-1"> 133 <div class="marquee-track"> 134 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2" class="text-blue-600 hover:underline shrink-0">å ç«¥æä»æ²</a> 135 <a href="https://twoperapf.org.tw/search?query=%E6%AD%8C%E4%BB%94%E6%9B%B2%E8%AA%BF%E5%8D%A1%E6%8B%89OK" class="text-blue-600 hover:underline shrink-0">æä»æ²èª¿å¡æOK</a> 136 <a href="https://twoperapf.org.tw/search?query=%E6%AD%8C%E4%BB%94%E4%B8%8A%E9%9D%92" class="text-blue-600 hover:underline shrink-0">æä»ä¸é</a> 137 </div> 138 </div> 139 </div> 140 </div> 141 </form> 142 </div> 143 <SpladeToggle :default='{"about":false,"activity":false,"signup":false,"info":false}'> 144 <template #default="{ about, activity, signup, info, toggle, setToggle, toggled }"> 145 <div class=" w-full border-b py-3"> 146 <a href="https://twoperapf.org.tw/news" title="ææ°æ¶æ¯" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 147 ææ°æ¶æ¯ 148 </a> 149 </div> 150 <div class="relative w-full border-b py-3"> 151 <button type="button" @click.prevent="toggle('about');setToggle('activity', false); setToggle('signup', false); setToggle('info', false);" class="font-bold text-lg text-gray-700">éæ¼åºéæ</button> 152 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 153 <component 154 v-bind:unmount="true" class="w-max p-4" v-bind:appear="false" v-bind:show="about" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 scale-95' : ''" v-bind:leave-from="true ? 'opacity-100 scale-100' : ''" v-bind:leave="true ? 'transition transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 scale-100' : ''" v-bind:enter-from="true ? 'opacity-0 scale-95' : ''" v-bind:enter="true ? 'transition transform ease-in-out duration-300' : ''" 155 > 156 <div class="flex flex-col space-y-4"> 157 <a href="https://twoperapf.org.tw/aboutus" title="æ¬æä»ç´¹" class="text-gray-700"> 158 æ¬æä»ç´¹ 159 </a> 160 <a href="https://twoperapf.org.tw/directors" title="è£ç£äº" class="text-gray-700"> 161 è£ç£äº 162 </a> 163 <a href="https://twoperapf.org.tw/info" title="å ¬éè³è¨" class="text-gray-700"> 164 å ¬éè³è¨ 165 </a> 166 </div> 167 </component> 168</SpladeTransition> </div> 169 170 <div class="relative w-full border-b py-3"> 171 <button type="button" @click.prevent="toggle('activity');setToggle('about', false); setToggle('signup', false); setToggle('info', false);" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 172 æ´»åæ¨å»£ 173 </button> 174 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 175 <component 176 v-bind:unmount="true" class="w-max p-4" v-bind:appear="false" v-bind:show="activity" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 scale-95' : ''" v-bind:leave-from="true ? 'opacity-100 scale-100' : ''" v-bind:leave="true ? 'transition transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 scale-100' : ''" v-bind:enter-from="true ? 'opacity-0 scale-95' : ''" v-bind:enter="true ? 'transition transform ease-in-out duration-300' : ''" 177 > 178 <div class="flex flex-col space-y-4"> 179 <a href="https://twoperapf.org.tw/event/category/event" title="æ´»åæ¨å»£"
179class="text-gray-700"> 180 æ´»åæ¨å»£ 181 </a> 182 <a href="https://twoperapf.org.tw/event/category/video" title="å½±é³å°å" class="text-gray-700"> 183 å½±é³å°å 184 </a> 185 </div> 186 </component> 187</SpladeTransition> </div> 188 <div class="relative w-full border-b py-3"> 189 <button type="button" @click.prevent="toggle('activity');setToggle('about', false); setToggle('signup', false); setToggle('info', false);" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 190 ææèææ¡ 191 </button> 192 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 193 <component 194 v-bind:unmount="true" class="w-max p-4" v-bind:appear="false" v-bind:show="activity" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 scale-95' : ''" v-bind:leave-from="true ? 'opacity-100 scale-100' : ''" v-bind:leave="true ? 'transition transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 scale-100' : ''" v-bind:enter-from="true ? 'opacity-0 scale-95' : ''" v-bind:enter="true ? 'transition transform ease-in-out duration-300' : ''" 195 > 196 <div class="flex flex-col space-y-4"> 197 <a href="https://twoperapf.org.tw/resource/category/music" title="鳿¨" class="text-gray-700"> 198 鳿¨ 199 </a> 200 <a href="https://twoperapf.org.tw/resource/category/demo-video" title="示ç¯å½±ç" class="text-gray-700"> 201 示ç¯å½±ç 202 </a> 203 <a href="https://twoperapf.org.tw/resource/category/sheet-music" title="æ²è" class="text-gray-700"> 204 æ²è 205 </a> 206 <a href="https://twoperapf.org.tw/resource/category/script" title="忬" class="text-gray-700"> 207 忬 208 </a> 209 <a href="https://twoperapf.org.tw/resource/category/lesson-plan" title="ææ¡" class="text-gray-700"> 210 ææ¡ 211 </a> 212 </div> 213 </component> 214</SpladeTransition> </div> 215 </template> 216</SpladeToggle> <div class=" w-full border-b py-3"> 217 <a href="https://twoperapf.org.tw/publications" title="å¨éåºç" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 218 å¨éåºç 219 </a> 220 </div> 221 </div> 222 223 <div class="w-full px-5 py-8 mt-10 border-t-2 relative bottom-0 bg-primary-100 border-primary-200 space-y-3"> 224 <div class="flex items-center justify-center pb-5 space-x-5"> 225 <a href="https://www.facebook.com/profile.php?id=61559918634664" title="Facebook" target="_blank" class=" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center"> 226 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-white" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg> 227 </a> 228 <a href="https://www.instagram.com/taiwanese_opera_foun
228dation?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" title="Instagram" target="_blank" class=" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center"> 229 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-white" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 230 </a> 231 <a href="https://www.youtube.com/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83" title="Youtube" target="_blank" class=" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center"> 232 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-white" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg> 233 </a> 234 </div> 235 <div class="flex"> 236 <div class="text-gray-600 mr-3">813006 é«éå¸å·¦çåè»æ ¡è·¯51è5æ¨ </div> 237 <a href="https://maps.app.goo.gl/aKoi1BopkQGDsFUM9" target="_blank"> 238 <svg xmlns="http://www.w3.org/2000/svg" class="fill-primary-600 h-5" viewBox="0 0 576 512"><path d="M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152l0 270.8c0 9.8-6 18.6-15.1 22.3L416 503l0-302.6zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6l0 251.4L32.9 502.7C17.1 509 0 497.4 0 480.4L0 209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77l0 249.3L192 449.4 192 255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"/></svg> 239 </a> 240 </div> 241 <div class="text-gray-600">Tel : <a href="tel:075887521" title="é£çµ¡é»è©± 07-5887521" class="text-gray-600">07-5887521</a></div> 242 <div class="text-gray-600">E-Mail : <a href="mailto:[email protected]" title="å¯ä¿¡è¯çµ¡" class="text-gray-600">[email protected]</a></div> 243 <div class="text-gray-600">è¡æ¿è¾¦å ¬æéï¼é±ä¸ï½é±äº 9:00ï½18:00</div> 244 </div> 245 </component> 246</SpladeTransition> 247 </template> 248</SpladeToggle> 249 <div id="desktopMenu" class="hidden lg:flex top-0 left-0 z-50 w-full bg-white shadow-md transition-all duration-300 py-5"> 250 <div class=" hidden lg:flex w-full max-w-7xl m-auto justify-between items-center space-x-8"> 251 <div> 252 <a href="https://twoperapf.org.tw" title="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ"> 253 <img id="desktopLogo" src="https://twoperapf.org.tw/images/logo.png?v=1774408575" alt="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ" class="w-auto h-16 transition-all duration-300"> 254 </a> 255 </div> 256 <div> 257 <div class="w-full flex lg:space-x-2 xl:space-x-8 m-auto"> 258 <SpladeToggle :default='{"about":false,"activity":false,"signup":false,"info":false,"resource":false}'> 259 <template #default="{ about, activity, signup, info, resource, toggle, setToggle, toggled }"> 260 <div class="relative"> 261 <a href="https://twoperapf.org.tw/news" title="ææ°æ¶æ¯" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 262 ææ°æ¶æ¯ 263 </a> 264 </div> 265 <div class="relative"> 266 <button type="button" @click.prevent="toggle('about');setToggle('activity', false); setToggle('signup', false); setToggle('info', false); setToggle('resource', false);" class="font-bold text-lg text-gray-700 hover:text-gray-800">éæ¼åºéæ</button> 267 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 268 <component 269 v-bind:unmount="true" class="absolute z-50 left-0 top-10 w-max p-5 bg-white shadow rounded-b-xl border-t-2 border-gray-600" v-bind:appear="false" v-bind:show="about" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 scale-95' : ''" v-bind:leave-from="true ? 'opacity-100 scale-100' : ''" v-bind:leave="true ? 'transition transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 scale-100' : ''" v-bind:enter-from="true ? 'opacity-0 scale-95' : ''" v-bind:enter="true ? 'transition transform ease-in-out duration-300' : ''" 270 > 271 <div class="flex flex-col space-y-3"> 272 <a href="https://twoperapf.org.tw/aboutus" title="æ¬æä»ç´¹" class="border-b pb-3"> 273 æ¬æä»ç´¹ 274 </a> 275 <a href="https://twoperapf.org.tw/directors" title="è£ç£äº" class="border-b pb-3"> 276 è£ç£äº 277 </a> 278 <a href="https://twoperapf.org.tw/info" title="å ¬éè³è¨"> 279 å ¬éè³è¨ 280 </a> 281 </div> 282 </component> 283</SpladeTransition> </div> 284 285 <div class="relative"> 286 <button type="button" @click.prevent="toggle('activity');setToggle('about', false); setToggle('signup', false); setToggle('info', false); setToggle('resource', false);" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 287 æ´»åæ¨å»£ 288 </button> 289 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 290 <component 291 v-bind:unmount="true" class="absolute z-50 left-0 top-10 w-max p-5 bg-white shadow rounded-b-xl border-t-2 border-gray-600" v-bind:appear="false" v-bind:show="activity" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 scale-95' : ''" v-bind:leave-from="true ? 'opacity-100 scale-100' : ''" v-bind:leave="true ? 'transition transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 scale-100' : ''" v-bind:enter-from="true ? 'opacity-0 scale-95' : ''" v-bind:enter="true ? 'transition transform ease-in-out duration-300' : ''" 292 > 293 <div class="flex flex-col space-y-3"> 294 <a href="https://twoperapf.org.tw/event/category/event" title="æ´»åæ¨å»£"
294class="text-gray-700"> 295 æ´»åæ¨å»£ 296 </a> 297 <a href="https://twoperapf.org.tw/event/category/video" title="å½±é³å°å" class="text-gray-700"> 298 å½±é³å°å 299 </a> 300 </div> 301 </component> 302</SpladeTransition> </div> 303 304 <div class="relative"> 305 <button type="button" @click.prevent="toggle('resource');setToggle('about', false); setToggle('signup', false); setToggle('info', false); setToggle('activity', false);" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 306 ææèææ¡ 307 </button> 308 <SpladeTransition #default="{ TransitionRoot, TransitionChild }"> 309 <component 310 v-bind:unmount="true" class="absolute z-50 left-0 top-10 w-max p-5 bg-white shadow rounded-b-xl border-t-2 border-gray-600" v-bind:appear="false" v-bind:show="resource" v-bind:is="TransitionRoot" v-bind:leave-to="true ? 'opacity-0 scale-95' : ''" v-bind:leave-from="true ? 'opacity-100 scale-100' : ''" v-bind:leave="true ? 'transition transform ease-in-out duration-300' : ''" v-bind:enter-to="true ? 'opacity-100 scale-100' : ''" v-bind:enter-from="true ? 'opacity-0 scale-95' : ''" v-bind:enter="true ? 'transition transform ease-in-out duration-300' : ''" 311 > 312 <div class="flex flex-col space-y-3"> 313 <a href="https://twoperapf.org.tw/resource/category/music" title="鳿¨" class="text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600"> 314 鳿¨ 315 </a> 316 <a href="https://twoperapf.org.tw/resource/category/demo-video" title="示ç¯å½±ç" class="text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600"> 317 示ç¯å½±ç 318 </a> 319 <a href="https://twoperapf.org.tw/resource/category/sheet-music" title="æ²è" class="text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600"> 320 æ²è 321 </a> 322 <a href="https://twoperapf.org.tw/resource/category/script" title="忬" class="text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600"> 323 忬 324 </a> 325 <a href="https://twoperapf.org.tw/resource/category/lesson-plan" title="ææ¡" class="text-gray-700 border-b pb-3 last:border-0 last:pb-0 hover:text-primary-600"> 326 ææ¡ 327 </a> 328 </div> 329 </component> 330</SpladeTransition> </div> 331 </template> 332</SpladeToggle> <a href="https://twoperapf.org.tw/publications" title="å¨éåºç" class="font-bold text-lg text-gray-700 hover:text-gray-800"> 333 å¨éåºç 334 </a> 335 </div> 336 </div> 337 <div class="flex space-x-3"> 338 <form action="https://twoperapf.org.tw/search" method="GET"> 339 <div class="relative lg:min-w-60"> 340 <input name="query" type="text" class="rounded-3xl p-1 pl-3 w-full border border-slate-300" placeholder="è«è¼¸å ¥ééµå"> 341 <button id="site_search" type="submit" class="absolute z-10 right-3 top-2"> 342 <svg xmlns="http://www.w3.org/2000/svg" class=" w-4 h-4 fill-gray-500" viewB
342ox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg> 343 </button> 344 <div class="p-1 text-xs text-slate-500 fill-slate-500 flex items-center w-full"> 345 <div class="flex items-center p-1 bg-slate-100 rounded-lg shrink-0 z-10 relative mr-1"> 346 <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-[2px]" viewBox="0 0 384 512"><path d="M153.6 29.9l16-21.3C173.6 3.2 180 0 186.7 0C198.4 0 208 9.6 208 21.3V43.5c0 13.1 5.4 25.7 14.9 34.7L307.6 159C356.4 205.6 384 270.2 384 337.7C384 434 306 512 209.7 512H192C86 512 0 426 0 320v-3.8c0-48.8 19.4-95.6 53.9-130.1l3.5-3.5c4.2-4.2 10-6.6 16-6.6C85.9 176 96 186.1 96 198.6V288c0 35.3 28.7 64 64 64s64-28.7 64-64v-3.9c0-18-7.2-35.3-19.9-48l-38.6-38.6c-24-24-37.5-56.7-37.5-90.7c0-27.7 9-54.8 25.6-76.9z"/></svg> 347 <span class="text-xs">ç±é</span> 348 </div> 349 <div class="marquee-container marquee-mask flex-1"> 350 <div class="marquee-track"> 351 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2" class="text-blue-600 hover:underline shrink-0">å ç«¥æä»æ²</a> 352 <a href="https://twoperapf.org.tw/search?query=%E6%AD%8C%E4%BB%94%E6%9B%B2%E8%AA%BF%E5%8D%A1%E6%8B%89OK" class="text-blue-600 hover:underline shrink-0">æä»æ²èª¿å¡æOK</a> 353 <a href="https://twoperapf.org.tw/search?query=%E6%AD%8C%E4%BB%94%E4%B8%8A%E9%9D%92" class="text-blue-600 hover:underline shrink-0">æä»ä¸é</a> 354 </div> 355 </div> 356 </div> 357 </div> 358 </form> 359 360 <a href="https://www.facebook.com/profile.php?id=61559918634664" title="Facebook" target="_blank" class=" rounded-3xl w-8 h-8 bg-slate-300 flex items-center justify-center"> 361 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-white" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg> 362 </a> 363 <a href="https://www.instagram.com/taiwanese_opera_foundation?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" title="Instagram" target="_blank" class=" rounded-3xl w-8 h-8 bg-slate-300 flex items-center justify-center"> 364 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-white" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 365 </a> 366 <a href="https://www.youtube.com/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83" title="Youtube" target="_blank" class=" rounded-3xl w-8 h-8 bg-slate-300 flex items-center justify-center"> 367 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 fill-white" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg> 368 </a> 369 </div> 370 </div> 371 </div> 372</header> 373 374 <div class="w-full"> 375 <div class="w-full relative bg-white"> 376 377 <section class="py-10"> 378 <div class="max-w-7xl m-auto p-5"> 379 <div class=" relative bg-gray-300 overflow-hidden w-full max-w-[1920px] m-auto rounded-t-3xl h-12 border-l-8 border-gray-300"> 380 <div class=" absolute z-30 left-0 bottom-0 bg-white rounded-tl-3xl md:rounded-tl-none rounded-tr-3xl"> 381 <div class=" text-2xl md:text-5xl font-extrabold tracking-widest text-gray-600 pt-2 px-3 md:pt-5 md:px-5 round-deco-bl">æå°çµæ</div> 382 </div> 383 <div class=" absolute z-20 right-0 top-0 w-full bg-white/10 py-2"> 384 <div class=" text-sm md:text-xl font-extrabold tracking-widest text-white/70 drop-shadow-lg line-clamp-1 text-center md:text-end"></div> 385 </div> 386 </div> 387 388 <form action="https://twoperapf.org.tw/search" method="GET" class="mt-10"> 389 <div class="relative"> 390 <input name="query" type="text" value="å ç«¥æä»æ²" 391 class="rounded-3xl py-2 px-3 w-full border border-slate-300" 392 placeholder="è«è¼¸å ¥ééµå"> 393 <button type="submit" class="absolute right-3 top-3"> 394 <svg xmlns="http://www.w3.org/2000/svg" class=" w-4 h-4 fill-gray-500" viewB
394ox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg> 395 </button> 396 </div> 397 </form> 398 399 400 <ul class="mt-5 space-y-3"> 401 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 402 403 404 <span class="text-sm text-gray-500">é¦é Banner</span> 405 406 407 <h3 class="text-lg font-bold text-primary-700"> 408 <a href="https://twoperapf.org.tw/event/cto-performance/287" 409 title="ãððððå ç«¥æä»æ²â親ååå ´å¯æ¼ã" 410 target="_blank" 411 class="hover:underline"> 412 ãððððå ç«¥æä»æ²â親ååå ´å¯æ¼ã 413 </a> 414 </h3> 415 416 417 <p class="text-sm text-gray-600"> 418 å ±åè²»ç¨ï½ç¡é äºå å ±åï¼å è²»èª... 419 </p> 420 421 422 423 424 425 426 427 </li> 428 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 429 430 431 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 432 433 434 <h3 class="text-lg font-bold text-primary-700"> 435 <a href="https://twoperapf.org.tw/event/cto-performance/10" 436 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãçé¸è¨ç« éæ¾ç³è«åï¼" 437 target="_blank" 438 class="hover:underline"> 439 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãçé¸è¨ç« éæ¾ç³è«åï¼ 440 </a> 441 </h3> 442 443 444 445 446 <p class="text-xs text-gray-400"> 447 ç¼ä½æ¥æï¼2025-04-18 448 </p> 449 450 451 <p class="text-sm text-gray-700"> 452 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãçé¸è¨ç« éæ¾ç³è«åï¼ â¨è¨ç«... 453 </p> 454 455 456 457 </li> 458 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 459 460 461 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 462 463 464 <h3 class="text-lg font-bold text-primary-700"> 465 <a href="https://twoperapf.org.tw/event/at-/12" 466 title="#ç¶´è風å¹çæ²è¶£ #å ç«¥æä»æ²æ¨å»£èè¡å¡è»éæå·¡æ¼" 467 target="_blank" 468 class="hover:underline"> 469 #ç¶´è風å¹çæ²è¶£ #å ç«¥æä»æ²æ¨å»£èè¡å¡è»éæå·¡æ¼ 470 </a> 471 </h3> 472 473 474 475 476 <p class="text-xs text-gray-400"> 477 ç¼ä½æ¥æï¼2025-12-31 478 </p> 479 480 481 <p class="text-sm text-gray-700"> 482 æ¬æè£äºé· æèè³¢ï¼ãå©å䏿èªå·±ä¸»åå»çæä»æ²ï¼æä»¥æåç¹... 483 </p> 484 485 486 487 </li> 488 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 489 490
491 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 492 493 494 <h3 class="text-lg font-bold text-primary-700"> 495 <a href="https://twoperapf.org.tw/event/cto-performance/22" 496 title="ä¾ä¾ä¾ð£äºå¤§äººå¡ä»çç²ç¬ååãç¬ç¡åãç¬ç²åä»è£ç ç ê å ç«¥æä»æ²ï¼å飿¬²éæ¼åï¼" 497 target="_blank" 498 class="hover:underline"> 499 ä¾ä¾ä¾ð£äºå¤§äººå¡ä»çç²ç¬ååãç¬ç¡åãç¬ç²åä»è£ç ç ê å ç«¥æä»æ²ï¼å飿¬²éæ¼åï¼ 500 </a> 501 </h3> 502 503 504 505 506 <p class="text-xs text-gray-400"> 507 ç¼ä½æ¥æï¼2025-10-07 508 </p> 509 510 511 <p class="text-sm text-gray-700"> 512 鿬¡æåå°å ç«¥æä»æ²æ¬ä¸ç´é¢¨è»è®å½¢éåèè¡å¡è»ä¸ï¼ä»¥ææ¥å°æ°£... 513 </p> 514 515 516 517 </li> 518 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 519 520 521 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 522 523 524 <h3 class="text-lg font-bold text-primary-700"> 525 <a href="https://twoperapf.org.tw/event/cto-performance/36" 526 title="å ç«¥æä»æ²æä¹èè¡å¡è» å éé®è¯éºå·¡æ¼åºç¼è¶£ï¼" 527 target="_blank" 528 class="hover:underline"> 529 å ç«¥æä»æ²æä¹èè¡å¡è» å éé®è¯éºå·¡æ¼åºç¼è¶£ï¼ 530 </a> 531 </h3> 532 533 534 535 536 <p class="text-xs text-gray-400"> 537 ç¼ä½æ¥æï¼2025-10-29 538 </p> 539 540 541 <p class="text-sm text-gray-700"> 542 ç±èºç£æä»æ²æ¨å»£åºéæèRCæåèè¡åºéæè¯æï¼éçµå ¨ååå°è... 543 </p> 544 545 546 547 </li> 548 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 549 550 551 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 552 553 554 <h3 class="text-lg font-bold text-primary-700"> 555 <a href="https://twoperapf.org.tw/event/cto-performance/40" 556 title="#å ç«¥æä»æ²å±æ±å ´äº¤éæå" 557 target="_blank" 558 class="hover:underline"> 559 #å ç«¥æä»æ²å±æ±å ´äº¤éæå 560 </a> 561 </h3> 562 563 564 565 566 <p class="text-xs text-gray-400"> 567 ç¼ä½æ¥æï¼2024-11-07 568 </p> 569 570 571 <p class="text-sm text-gray-700"> 572 è¦æéº¼å徿´»åæå ´å¢ï¼èªè¡éè»âåä¸ï¼åé3èâ屿±äº¤æµéä¸âå³... 573 </p> 574 575 576 <p class="text-xs text-gray-500"> 577 ééµåï¼å ç«¥æä»æ² 578 </p> 579 580 </li> 581 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 582 583
584 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 585 586 587 <h3 class="text-lg font-bold text-primary-700"> 588 <a href="https://twoperapf.org.tw/event/at-experience/42" 589 title="ä»æå ©å¤©å¨å±æ±é«è²é¤¨åï¼æ¡è¿å¤§æåå°æåä¾ç©ï¼" 590 target="_blank" 591 class="hover:underline"> 592 ä»æå ©å¤©å¨å±æ±é«è²é¤¨åï¼æ¡è¿å¤§æåå°æåä¾ç©ï¼ 593 </a> 594 </h3> 595 596 597 598 599 <p class="text-xs text-gray-400"> 600 ç¼ä½æ¥æï¼2024-11-09 601 </p> 602 603 604 <p class="text-sm text-gray-700"> 605 éé±å±æ±åä¸é±èºåå ´çèè¡é«é©å¯ä»¥å¾ #æä»æ²å¦å®¹ #æ²æ #身段... 606 </p> 607 608 609 <p class="text-xs text-gray-500"> 610 ééµåï¼å ç«¥æä»æ² 611 </p> 612 613 </li> 614 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 615 616 617 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 618 619 620 <h3 class="text-lg font-bold text-primary-700"> 621 <a href="https://twoperapf.org.tw/event/cto-performance/43" 622 title="ã2024 #å ç«¥æä»æ²â親ååå ´å¯æ¼ã屿±æ¼åºç¬¬ä¸å¤©å°æåè¶ ç±æ åï½" 623 target="_blank" 624 class="hover:underline"> 625 ã2024 #å ç«¥æä»æ²â親ååå ´å¯æ¼ã屿±æ¼åºç¬¬ä¸å¤©å°æåè¶ ç±æ åï½ 626 </a> 627 </h3> 628 629 630 631 632 <p class="text-xs text-gray-400"> 633 ç¼ä½æ¥æï¼2024-11-09 634 </p> 635 636 637 <p class="text-sm text-gray-700"> 638 ç§ç´æååç¶å®¶æ¼å¡ç²¾é³ç¡åºï¼æ¼åºå¤§å®¶è³çè½è©³ç西éè¨äººç©ï¼å... 639 </p> 640 641 642 <p class="text-xs text-gray-500"> 643 ééµåï¼å ç«¥æä»æ² 644 </p> 645 646 </li> 647 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 648 649 650 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 651 652 653 <h3 class="text-lg font-bold text-primary-700"> 654 <a href="https://twoperapf.org.tw/event/cto-performance/44" 655 title="屿±é£å ©å¤©çã2024 #å ç«¥æä»æ²â親ååå ´å¯æ¼ãåæ»¿çµæåï¼" 656 target="_blank" 657 class="hover:underline"> 658 屿±é£å ©å¤©çã2024 #å ç«¥æä»æ²â親ååå ´å¯æ¼ãåæ»¿çµæåï¼ 659 </a> 660 </h3> 661 662 663 664 665 <p class="text-xs text-gray-400"> 666 ç¼ä½æ¥æï¼2024-11-10 667 </p> 668 669 670 <p class="text-sm text-gray-700"> 671 第äºå¤©ç±æä»æ²å寶è師å»çæè師æåµè¾¦ç èªå³æä»æ²ååæ¼åº... 672 </p> 673 674 675 676 </li> 677 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 678 679
680 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 681 682 683 <h3 class="text-lg font-bold text-primary-700"> 684 <a href="https://twoperapf.org.tw/event/cto-performance/45" 685 title="ã2024 å ç«¥æä»æ²â親ååå ´å¯æ¼ãæ¡åå£è»¸å ´ï¼" 686 target="_blank" 687 class="hover:underline"> 688 ã2024 å ç«¥æä»æ²â親ååå ´å¯æ¼ãæ¡åå£è»¸å ´ï¼ 689 </a> 690 </h3> 691 692 693 694 695 <p class="text-xs text-gray-400"> 696 ç¼ä½æ¥æï¼2024-11-13 697 </p> 698 699 700 <p class="text-sm text-gray-700"> 701 ä»å¹´æå¾ä¸å ´å ç«¥æä»æ²å³å°ä¾å°æ¡åï¼ç¹éåç¾é²æä»æ²å çºå©... 702 </p> 703 704 705 706 </li> 707 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 708 709 710 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 711 712 713 <h3 class="text-lg font-bold text-primary-700"> 714 <a href="https://twoperapf.org.tw/event/cto-performance/46" 715 title="#å ç«¥æä»æ²èºåå ´äº¤éæå" 716 target="_blank" 717 class="hover:underline"> 718 #å ç«¥æä»æ²èºåå ´äº¤éæå 719 </a> 720 </h3> 721 722 723 724 725 <p class="text-xs text-gray-400"> 726 ç¼ä½æ¥æï¼2024-11-14 727 </p> 728 729 730 <p class="text-sm text-gray-700"> 731 æ¬é±å #èéå æå¨å··èè¡èè½ åºæ²ï¼è¦æéº¼å»å¢ï¼è®å°ç·¨å ±ä½ ç¥... 732 </p> 733 734 735 <p class="text-xs text-gray-500"> 736 ééµåï¼å ç«¥æä»æ² 737 </p> 738 739 </li> 740 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 741 742 743 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 744 745 746 <h3 class="text-lg font-bold text-primary-700"> 747 <a href="https://twoperapf.org.tw/event/at-experience/47" 748 title="#å ç«¥æä»æ²â親ååå ´å¯æ¼" 749 target="_blank" 750 class="hover:underline"> 751 #å ç«¥æä»æ²â親ååå ´å¯æ¼ 752 </a> 753 </h3> 754 755 756 757 758 <p class="text-xs text-gray-400"> 759 ç¼ä½æ¥æï¼2024-11-16 760 </p> 761 762 763 <p class="text-sm text-gray-700"> 764 å è²» #èè¡é«é© å¿«ä¾ç©ï½æä»æ²å¦å®¹ï½æè¯åæåæ²å-åç§æ²åå... 765 </p> 766 767 768 <p class="text-xs text-gray-500"> 769 ééµåï¼å ç«¥æä»æ² 770 </p> 771 772 </li> 773 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 774 775
776 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 777 778 779 <h3 class="text-lg font-bold text-primary-700"> 780 <a href="https://twoperapf.org.tw/event/cto-performance/48" 781 title="#å ç«¥æä»æ² å¨èºåï½" 782 target="_blank" 783 class="hover:underline"> 784 #å ç«¥æä»æ² å¨èºåï½ 785 </a> 786 </h3> 787 788 789 790 791 <p class="text-xs text-gray-400"> 792 ç¼ä½æ¥æï¼2024-11-17 793 </p> 794 795 796 <p class="text-sm text-gray-700"> 797 æè¬å¤©å ¬ä¼¯ä¿åºï¼è³äºæåå¥½å¤©æ°£ï¼æ´»åå¾ä»¥é å©èè¡ï¼ä¸åéåºå¤ª... 798 </p> 799 800 801 <p class="text-xs text-gray-500"> 802 ééµåï¼å ç«¥æä»æ² 803 </p> 804 805 </li> 806 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 807 808 809 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 810 811 812 <h3 class="text-lg font-bold text-primary-700"> 813 <a href="https://twoperapf.org.tw/event/cto-performance/49" 814 title="#æ¡åå ´å ç«¥æä»æ²è¡å說æ" 815 target="_blank" 816 class="hover:underline"> 817 #æ¡åå ´å ç«¥æä»æ²è¡å說æ 818 </a> 819 </h3> 820 821 822 823 824 <p class="text-xs text-gray-400"> 825 ç¼ä½æ¥æï¼2024-11-22 826 </p> 827 828 829 <p class="text-sm text-gray-700"> 830 åç¾é²æä»æ²å 仿èªçå°é²è¡å½©æï¼æå¤©å³å°è¦å大æåå°æå... 831 </p> 832 833 834 <p class="text-xs text-gray-500"> 835 ééµåï¼å ç«¥æä»æ² 836 </p> 837 838 </li> 839 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 840 841 842 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 843 844 845 <h3 class="text-lg font-bold text-primary-700"> 846 <a href="https://twoperapf.org.tw/event/at-experience/50" 847 title="#å ç«¥æä»æ²æ¡åå ´" 848 target="_blank" 849 class="hover:underline"> 850 #å ç«¥æä»æ²æ¡åå ´ 851 </a> 852 </h3> 853 854 855 856 857 <p class="text-xs text-gray-400"> 858 ç¼ä½æ¥æï¼2024-11-23 859 </p> 860 861 862 <p class="text-sm text-gray-700"> 863 èè¡é«é©äººæ½®æ»¿æ»¿æ»¿é«é©æ´»ååªå°æä¸ä¸é»ï¼éæ²ç©å°çæåè¶ç·æ... 864 </p> 865 866 867 <p class="text-xs text-gray-500"> 868 ééµåï¼å ç«¥æä»æ² 869 </p> 870 871 </li> 872 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 873 874
875 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 876 877 878 <h3 class="text-lg font-bold text-primary-700"> 879 <a href="https://twoperapf.org.tw/event/cto-performance/85" 880 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãçé¸è¨ç« â â â ã忏10天ï¼ç³è«è³4/30ï¼ãâ â â " 881 target="_blank" 882 class="hover:underline"> 883 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãçé¸è¨ç« â â â ã忏10天ï¼ç³è«è³4/30ï¼ãâ â â 884 </a> 885 </h3> 886 887 888 889 890 <p class="text-xs text-gray-400"> 891 ç¼ä½æ¥æï¼2025-04-21 892 </p> 893 894 895 <p class="text-sm text-gray-700"> 896 4/30 17:00åæªæ¢ï¼ææç³è«çåéè«å°çé¸è³æå¯è³â®å°åï¼81300... 897 </p> 898 899 900 <p class="text-xs text-gray-500"> 901 ééµåï¼å ç«¥æä»æ² 902 </p> 903 904 </li> 905 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 906 907 908 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 909 910 911 <h3 class="text-lg font-bold text-primary-700"> 912 <a href="https://twoperapf.org.tw/event/cto-Event-Log/86" 913 title="ã2024å ç«¥æä»æ²â親ååå ´å¯æ¼å ¨ç´éðâââã" 914 target="_blank" 915 class="hover:underline"> 916 ã2024å ç«¥æä»æ²â親ååå ´å¯æ¼å ¨ç´éðâââã 917 </a> 918 </h3> 919 920 921 922 923 <p class="text-xs text-gray-400"> 924 ç¼ä½æ¥æï¼2025-05-15 925 </p> 926 927 928 <p class="text-sm text-gray-700"> 929 ãå ç«¥æä»æ²â親ååå ´å¯æ¼ãæ¯å ¨å第ä¸åå°çºå©ç«¥æé çæä»æ²... 930 </p> 931 932 933 <p class="text-xs text-gray-500"> 934 ééµåï¼å ç«¥æä»æ² 935 </p> 936 937 </li> 938 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 939 940 941 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 942 943 944 <h3 class="text-lg font-bold text-primary-700"> 945 <a href="https://twoperapf.org.tw/event/cto-performance/88" 946 title="ð£ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã çé¸å ¬å¸ï¼" 947 target="_blank" 948 class="hover:underline"> 949 ð£ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã çé¸å ¬å¸ï¼ 950 </a> 951 </h3> 952 953 954 955 956 <p class="text-xs text-gray-400"> 957 ç¼ä½æ¥æï¼2025-06-06 958 </p> 959 960 961 <p class="text-sm text-gray-700"> 962 æå以ä¸å ¥é¸åé#ä¸å¿æ²åå#æéè³æä»æ²å #æè¯åæåæ²åå... 963 </p> 964 965 966 <p class="text-xs text-gray-500"> 967 ééµåï¼å ç«¥æä»æ² 968 </p> 969 970 </li> 971 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 972 973
974 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 975 976 977 <h3 class="text-lg font-bold text-primary-700"> 978 <a href="https://twoperapf.org.tw/event/cto-performance/89" 979 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãå·¡æ¼å³å°ç»å ´ï¼" 980 target="_blank" 981 class="hover:underline"> 982 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãå·¡æ¼å³å°ç»å ´ï¼ 983 </a> 984 </h3> 985 986 987 988 989 <p class="text-xs text-gray-400"> 990 ç¼ä½æ¥æï¼2025-06-18 991 </p> 992 993 994 <p class="text-sm text-gray-700"> 995 7~10æå¨ #åæ #èºä¸ #é«é #å½°å #å義 #æ°å #æ°ç«¹ ç大èè¡... 996 </p> 997 998 999 <p class="text-xs text-gray-500"> 1000 ééµåï¼å ç«¥æä»æ² 1001 </p> 1002 1003 </li> 1004 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1005 1006 1007 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1008 1009 1010 <h3 class="text-lg font-bold text-primary-700"> 1011 <a href="https://twoperapf.org.tw/event/cto-performance/91" 1012 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã 馿¼å ´å°±å¨åæï¼" 1013 target="_blank" 1014 class="hover:underline"> 1015 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã 馿¼å ´å°±å¨åæï¼ 1016 </a> 1017 </h3> 1018 1019 1020 1021 1022 <p class="text-xs text-gray-400"> 1023 ç¼ä½æ¥æï¼2025-07-01 1024 </p> 1025 1026 1027 <p class="text-sm text-gray-700"> 1028 7/19ï¼å ï¼åæä¸è大æå ´ï¼åæç¸£åæå¸ä¸å¸è·¯4èï¼#æ¶å¤æ¼åºå ... 1029 </p> 1030 1031 1032 <p class="text-xs text-gray-500"> 1033 ééµåï¼å ç«¥æä»æ² 1034 </p> 1035 1036 </li> 1037 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1038 1039 1040 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1041 1042 1043 <h3 class="text-lg font-bold text-primary-700"> 1044 <a href="https://twoperapf.org.tw/event/cto-promotional/92" 1045 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã#åç¾é²æä»æ²å ä¾å~" 1046 target="_blank" 1047 class="hover:underline"> 1048 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã#åç¾é²æä»æ²å ä¾å~ 1049 </a> 1050 </h3> 1051 1052 1053 1054 1055 <p class="text-xs text-gray-400"> 1056 ç¼ä½æ¥æï¼2025-07-11 1057 </p> 1058 1059 1060 <p class="text-sm text-gray-700"> 1061 æ¡æ¨çç¬çæ¶å¦æ¥è¨ï¼éè«å¤§æåå°æååæ¼å¡ä¸èµ·ææå¤§ç¬7/19ï¼... 1062 </p> 1063 1064 1065 <p class="text-xs text-gray-500"> 1066 ééµåï¼å ç«¥æä»æ² 1067 </p> 1068 1069 </li> 1070 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1071 1072
1073 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1074 1075 1076 <h3 class="text-lg font-bold text-primary-700"> 1077 <a href="https://twoperapf.org.tw/event/cto-performance/93" 1078 title="ãå°ç·¨åºä»»å~~ãä¾éçåå" 1079 target="_blank" 1080 class="hover:underline"> 1081 ãå°ç·¨åºä»»å~~ãä¾éçåå 1082 </a> 1083 </h3> 1084 1085 1086 1087 1088 <p class="text-xs text-gray-400"> 1089 ç¼ä½æ¥æï¼2025-07-11 1090 </p> 1091 1092 1093 <p class="text-sm text-gray-700"> 1094 ä¾ç¼åï¼ç¾å¨00å¾éæäººçæä»æ²åï¼ï¼åé£åç§ä¸åäºä¸è¼ªæåï½... 1095 </p> 1096 1097 1098 <p class="text-xs text-gray-500"> 1099 ééµåï¼å ç«¥æä»æ² 1100 </p> 1101 1102 </li> 1103 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1104 1105 1106 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1107 1108 1109 <h3 class="text-lg font-bold text-primary-700"> 1110 <a href="https://twoperapf.org.tw/event/cto-performance/94" 1111 title="ð£#å ç«¥æä»æ² X #å°èªå®¶åºéé»è¨ç«" 1112 target="_blank" 1113 class="hover:underline"> 1114 ð£#å ç«¥æä»æ² X #å°èªå®¶åºéé»è¨ç« 1115 </a> 1116 </h3> 1117 1118 1119 1120 1121 <p class="text-xs text-gray-400"> 1122 ç¼ä½æ¥æï¼2025-07-14 1123 </p> 1124 1125 1126 <p class="text-sm text-gray-700"> 1127 大家è½éå°èªå®¶åºéé»è¨ç«åï¼æåé¨çºäºæ¨å»£å°èªï¼å¾å»å¹´åºéå§... 1128 </p> 1129 1130 1131 <p class="text-xs text-gray-500"> 1132 ééµåï¼å ç«¥æä»æ² 1133 </p> 1134 1135 </li> 1136 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1137 1138 1139 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1140 1141 1142 <h3 class="text-lg font-bold text-primary-700"> 1143 <a href="https://twoperapf.org.tw/event/cto-performance/95" 1144 title="å¥ åºå³çµ± ä½µç¼åµæ å ç«¥æä»æ²è®å³çµ±æ´è¦ªæ°" 1145 target="_blank" 1146 class="hover:underline"> 1147 å¥ åºå³çµ± ä½µç¼åµæ å ç«¥æä»æ²è®å³çµ±æ´è¦ªæ° 1148 </a> 1149 </h3> 1150 1151 1152 1153 1154 <p class="text-xs text-gray-400"> 1155 ç¼ä½æ¥æï¼2025-07-15 1156 </p> 1157 1158 1159 <p class="text-sm text-gray-700"> 1160 ç±æå鍿å°ãè²¡åæ³äººèºç£æä»æ²æ¨å»£éæãåç«å³çµ±èè¡ä¸å¿ä¸»... 1161 </p> 1162 1163 1164 <p class="text-xs text-gray-500"> 1165 ééµåï¼å ç«¥æä»æ² 1166 </p> 1167 1168 </li> 1169 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1170 1171
1172 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1173 1174 1175 <h3 class="text-lg font-bold text-primary-700"> 1176 <a href="https://twoperapf.org.tw/event/cto-performance/96" 1177 title="ð¸å±å±å± å¨åæç第ä¸å ´ #å ç«¥æä»æ² æ´»åé å©åæ»¿çµæå¦ï½" 1178 target="_blank" 1179 class="hover:underline"> 1180 ð¸å±å±å± å¨åæç第ä¸å ´ #å ç«¥æä»æ² æ´»åé å©åæ»¿çµæå¦ï½ 1181 </a> 1182 </h3> 1183 1184 1185 1186 1187 <p class="text-xs text-gray-400"> 1188 ç¼ä½æ¥æï¼2025-07-20 1189 </p> 1190 1191 1192 <p class="text-sm text-gray-700"> 1193 ç±åç¾é²æä»æ²å帶ä¾ç²¾å½©æ¼åºãæ¶å¦æ¥è¨ï¼é¡å大ççç§å¯ãï¼å¤... 1194 </p> 1195 1196 1197 <p class="text-xs text-gray-500"> 1198 ééµåï¼å ç«¥æä»æ² 1199 </p> 1200 1201 </li> 1202 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1203 1204 1205 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1206 1207 1208 <h3 class="text-lg font-bold text-primary-700"> 1209 <a href="https://twoperapf.org.tw/event/cto-performance/97" 1210 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã ä¾å°èºä¸åï¼" 1211 target="_blank" 1212 class="hover:underline"> 1213 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã ä¾å°èºä¸åï¼ 1214 </a> 1215 </h3> 1216 1217 1218 1219 1220 <p class="text-xs text-gray-400"> 1221 ç¼ä½æ¥æï¼2025-07-23 1222 </p> 1223 1224 1225 <p class="text-sm text-gray-700"> 1226 8/2ï¼å ï¼èºä¸å滿æ¶å¤åå ´ï¼èºä¸å¸å屯åæå¿è·¯ä¸æ®µ289è ï¼#æ¶... 1227 </p> 1228 1229 1230 <p class="text-xs text-gray-500"> 1231 ééµåï¼å ç«¥æä»æ² 1232 </p> 1233 1234 </li> 1235 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1236 1237 1238 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1239 1240 1241 <h3 class="text-lg font-bold text-primary-700"> 1242 <a href="https://twoperapf.org.tw/event/cto-promotional/98" 1243 title="ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã ä¸å¿æ²åå好æ²å³å°ç»å ´ð" 1244 target="_blank" 1245 class="hover:underline"> 1246 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ã ä¸å¿æ²åå好æ²å³å°ç»å ´ð 1247 </a> 1248 </h3> 1249 1250 1251 1252 1253 <p class="text-xs text-gray-400"> 1254 ç¼ä½æ¥æï¼2025-07-28 1255 </p> 1256 1257 1258 <p class="text-sm text-gray-700"> 1259 éè«å¤§å®¶ä¾å°èºä¸ä¸èµ·ã審ç³é ããæ¾å æï¼è¼é¬æè¶£çæ°éå³èªªï¼... 1260 </p> 1261 1262 1263 <p class="text-xs text-gray-500"> 1264 ééµåï¼å ç«¥æä»æ² 1265 </p> 1266 1267 </li> 1268 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1269 1270
1271 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1272 1273 1274 <h3 class="text-lg font-bold text-primary-700"> 1275 <a href="https://twoperapf.org.tw/event/at-experience/99" 1276 title="ð¢ä¸å¿æ²åå ã審ç³é ï¼æè²·å°¬~ççåçå¦ï¼ ã å³å°å¨éé±å ç»å ´åï¼" 1277 target="_blank" 1278 class="hover:underline"> 1279 ð¢ä¸å¿æ²åå ã審ç³é ï¼æè²·å°¬~ççåçå¦ï¼ ã å³å°å¨éé±å ç»å ´åï¼ 1280 </a> 1281 </h3> 1282 1283 1284 1285 1286 <p class="text-xs text-gray-400"> 1287 ç¼ä½æ¥æï¼2025-07-30 1288 </p> 1289 1290 1291 <p class="text-sm text-gray-700"> 1292 é¤äºæç²¾éçå ç«¥æä»æ²æ¼åºï¼éæ èè¡é«é©ç¾é£å¸é ç¾å ´æ´æå¥½... 1293 </p> 1294 1295 1296 <p class="text-xs text-gray-500"> 1297 ééµåï¼å ç«¥æä»æ² 1298 </p> 1299 1300 </li> 1301 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1302 1303 1304 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1305 1306 1307 <h3 class="text-lg font-bold text-primary-700"> 1308 <a href="https://twoperapf.org.tw/event/cto-performance/100" 1309 title="#å ç«¥æä»æ² èºä¸å ´ æè¬è¦ªååä¸ç風é¨å便¯æï¼ çå°å¤§å®¶çç¬å®¹å°±æ¯ææ£çåé¥å¦â¤ï¸" 1310 target="_blank" 1311 class="hover:underline"> 1312 #å ç«¥æä»æ² èºä¸å ´ æè¬è¦ªååä¸ç風é¨å便¯æï¼ çå°å¤§å®¶çç¬å®¹å°±æ¯ææ£çåé¥å¦â¤ï¸ 1313 </a> 1314 </h3> 1315 1316 1317 1318 1319 <p class="text-xs text-gray-400"> 1320 ç¼ä½æ¥æï¼2025-08-03 1321 </p> 1322 1323 1324 <p class="text-sm text-gray-700"> 1325 æè¿å¤©æ°£ã§ç´ä¸ç©©å®éæ¼åç¶è§ç¾ç´ç´ç©¿èé¨è¡£é¸çºåºç¾ä¸å æçå°... 1326 </p> 1327 1328 1329 <p class="text-xs text-gray-500"> 1330 ééµåï¼å ç«¥æä»æ² 1331 </p> 1332 1333 </li> 1334 <li class="p-4 border rounded-lg shadow-sm bg-white space-y-1"> 1335 1336 1337 <span class="text-sm text-gray-500">æ´»åæ¨å»£</span> 1338 1339 1340 <h3 class="text-lg font-bold text-primary-700"> 1341 <a href="https://twoperapf.org.tw/event/cto-performance/101" 1342 title="é«éè¿ä¾ä¹ éç好天氣𥹠å¿è¨ä½ çâðð åºéæ¬å¤ªé½æ¾é¢¨å§ï¼" 1343 target="_blank" 1344 class="hover:underline"> 1345 é«éè¿ä¾ä¹ éç好天氣𥹠å¿è¨ä½ çâðð åºéæ¬å¤ªé½æ¾é¢¨å§ï¼ 1346 </a> 1347 </h3> 1348 1349 1350 1351 1352 <p class="text-xs text-gray-400"> 1353 ç¼ä½æ¥æï¼2025-08-05 1354 </p> 1355 1356 1357 <p class="text-sm text-gray-700"> 1358 ã2025å ç«¥æä»æ²â親ååå ´å¯æ¼ãæåå¼·æªä¾è¥² 8/9ï¼å ï¼é«éæ... 1359 </p> 1360 1361 1362 <p class="text-xs text-gray-500"> 1363 ééµåï¼å ç«¥æä»æ² 1364 </p> 1365 1366 </li> 1367 </ul> 1368 1369 <div class="mt-10"> 1370 <nav role="navigation" aria-label="åé " class="flex items-center justify-between"> 1371 <div class="flex justify-between flex-1 sm:hidden">
1372 <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600"> 1373 « ä¸ä¸æ¥ 1374 </span> 1375 1376 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&page=2" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> 1377 ä¸ä¸æ¥ » 1378 </a> 1379 </div> 1380 1381 <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> 1382 <div> 1383 <p class="text-sm text-gray-700 leading-5 dark:text-gray-400"> 1384 顯示 1385 <span class="font-medium">1</span> 1386 è³ 1387 <span class="font-medium">30</span> 1388 ç 1389 <span class="font-medium">117</span> 1390 çè³æ 1391 </p> 1392 </div> 1393 1394 <div> 1395 <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md"> 1396 1397 <span aria-disabled="true" aria-label="&laquo; ä¸ä¸æ¥"> 1398 <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true"> 1399 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1400 <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> 1401 </svg> 1402 </span> 1403 </span> 1404 1405 1406 1407 1408 1409 <span aria-current="page"> 1410 <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-bold text-blue-500 bg-blue-50 border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">1</span> 1411 </span> 1412 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&page=2" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="åå¾ç¬¬ 2 é "> 1413 2 1414 </a> 1415 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&page=3" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="åå¾ç¬¬ 3 é "> 1416 3 1417 </a> 1418 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&page=4" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="åå¾ç¬¬ 4 é "> 1419 4 1420 </a> 1421 1422 1423 <a href="https://twoperapf.org.tw/search?query=%E5%85%92%E7%AB%A5%E6%AD%8C%E4%BB%94%E6%88%B2&page=2" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="ä¸ä¸æ¥ &raquo;"> 1424 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1425 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> 1426 </svg> 1427 </a> 1428 </span> 1429 </div> 1430 </div> 1431 </nav> 1432 1433 </div> 1434 </div> 1435 </section> 1436 1437 <hr class="w-full max-w-full mr-auto"> 1438 1439 <footer class=" relative overflow-hidden"> 1440 <div class=" relative z-10"> 1441 <div> 1442 <button type="button" id="scrollToTop" class="fixed bottom-10 right-10 z-50 hidden items-center justify-center w-10 h-10 bg-gray-500 opacity-40 text-white rounded-full shadow-lg"> 1443 <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-white" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"/></svg> 1444 </button> 1445 </div> 1446 <div class=" max-w-7xl md:px-5 py-5 md:py-20 m-auto"> 1447 <div class="flex flex-col md:flex-row justify-between items-start"> 1448 <div class="w-full md:w-1/3 flex justify-center md:justify-start pb-5"> 1449 <img src="https://twoperapf.org.tw/images/logo.png?v=1774408575" alt="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ" title="è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ" class="w-auto h-20"> 1450 </div> 1451 <div class="w-full md:w-2/4 space-y-3 px-6 md:px-0 py-5 md:py-0 border-t md:border-t-0 border-gray-200"> 1452 <h4 class=" font-bold text-lg text-gray-600">è¯çµ¡è³è¨</h4> 1453 <div class="flex"> 1454 <div class="text-gray-600 mr-3">813006 é«éå¸å·¦çåè»æ ¡è·¯51è5æ¨ </div> 1455 <a href="https://maps.app.goo.gl/2ZjHtuMCUabHUfVp7" target="_blank"> 1456 <svg xmlns="http://www.w3.org/2000/svg" class="fill-primary-600 h-5" viewBox="0 0 576 512"><path d="M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152l0 270.8c0 9.8-6 18.6-15.1 22.3L416 503l0-302.6zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6l0 251.4L32.9 502.7C17.1 509 0 497.4 0 480.4L0 209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77l0 249.3L192 449.4 192 255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"/></svg> 1457 </a> 1458 </div> 1459 <div class="text-gray-600">Tel : <a href="tel:075887521" title="é£çµ¡é»è©± 07-5887521" class="text-gray-600">07-5887521</a></div> 1460 <div class="text-gray-600">E-Mail : <a href="mailto:[email protected]" title="å¯ä¿¡è¯çµ¡" class="text-gray-600">[email protected]</a></div> 1461 <div class="text-gray-600">è¡æ¿è¾¦å ¬æéï¼é±ä¸ï½é±äº 9:00ï½18:00</div> 1462 </div> 1463 <div class="w-full md:w-1/4 flex justify-center md:justify-end space-x-5"> 1464 <a href="https://www.facebook.com/profile.php?id=61559918634664" title="Facebook" target="_blank" class=" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center"> 1465 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-white" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg> 1466 </a> 1467 <a href="https://www.instagram.com/taiwanese_opera_foun
1467dation?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" title="Instagram" target="_blank" class=" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center"> 1468 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-white" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 1469 </a> 1470 <a href="https://www.youtube.com/@%E8%87%BA%E7%81%A3%E6%AD%8C%E4%BB%94%E6%88%B2%E6%8E%A8%E5%BB%A3%E5%9F%BA%E9%87%91%E6%9C%83" title="Youtube" target="_blank" class=" rounded-3xl w-10 h-10 bg-slate-300 flex items-center justify-center"> 1471 <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 fill-white" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg> 1472 </a> 1473 </div> 1474 </div> 1475 <hr class="my-5 md:my-10"/> 1476 <div class=" flex flex-col md:flex-row items-center justify-start md:justify-between"> 1477 <p class="text-sm px-6 md:px-0 text-gray-600">Copyright © 2025 è²¡åæ³äººèºç£æä»æ²æ¨å»£åºéæ The Taiwanese Opera Foundation All Rights.</p> 1478 <div class="mt-5 ml-0 md:mt-0 md:ml-5 text-sm flex space-x-5 justify-center md:justify-start"> 1479 <div><a href="https://twoperapf.org.tw/security" title="ç¶²ç«å®å ¨æ¿ç" class="text-gray-600"> 1480 ç¶²ç«å®å ¨æ¿ç 1481 </a></div> 1482 <div><a href="https://twoperapf.org.tw/privacy" title="é±ç§æ¬å®å ¨æ¿ç" class="text-gray-600"> 1483 é±ç§æ¬å®å ¨æ¿ç 1484 </a></div> 1485 <div><a href="https://twoperapf.org.tw/copyright" title="è使¬è²æ" class="text-gray-600"> 1486 è使¬è²æ 1487 </a></div> 1488 </div> 1489 <div class="text-gray-600 text-sm mt-3 ml-0 md:mt-0 md:ml-5">ç覽人次ï¼164,587</div> 1490 </div> 1491 </div> 1492 </div> 1493</footer> </div> 1494 </div> 1495 1496</div> 1497 1498 1499</div> 1500
1500<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
1500 1501
1502<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 1502
1502
1503<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollToPlugin.min.js"></script>
vendor: 1 bytes, line 1503
1503
1504<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/TextPlugin.min.js"></script>
1504 1505 1506 1507 1508
1508<script> 1509 document.addEventListener('DOMContentLoaded', function() { 1510 1511 }); 1512 </script>
1512 1513
1514<script> 1515 document.addEventListener("DOMContentLoaded", function() { 1516 gsap.registerPlugin(ScrollTrigger, TextPlugin); 1517 1518 const scrollToTop = document.getElementById("scrollToTop"); 1519 1520 if (scrollToTop) { 1521 ScrollTrigger.create({ 1522 trigger: "footer", 1523 start: "top bottom", 1524 onEnter: () => gsap.to(scrollToTop, { opacity: 0.6, display: "flex", duration: 0.5 }), 1525 onLeaveBack: () => gsap.to(scrollToTop, { opacity: 0, display: "none", duration: 0.5 }), 1526 }); 1527 1528 scrollToTop.addEventListener("click", () => { 1529 gsap.to(window, { scrollTo: 0, duration: 1 }); 1530 }); 1531 } 1532 1533 const mobileMenu = document.getElementById("mobileMenu"); 1534 const desktopMenu = document.getElementById("desktopMenu"); 1535 const logo = desktopMenu?.querySelector("img"); 1536 1537 let lastScrollTop = 0; 1538 let scrollTimeout; 1539 1540 window.addEventListener("scroll", () => { 1541 const currentScroll = window.pageYOffset || document.documentElement.scrollTop; 1542 1543 const handleScroll = (menu) => { 1544 if (!menu || !desktopMenu || !logo) return; 1545 1546 // å䏿»¾åï¼ç¸®å° header 1547 if (currentScroll > lastScrollTop && currentScroll > 10) { 1548 gsap.to(desktopMenu, { 1549 paddingTop: "0.75rem", // py-3 1550 paddingBottom: "0.75rem", 1551 duration: 0.3, 1552 ease: "power2.out" 1553 }); 1554 gsap.to(logo, { 1555 height: "3.5rem", // h-14 1556 duration: 0.3, 1557 ease: "power2.out" 1558 }); 1559 gsap.to(menu, { y: 0, duration: 0.2, ease: "power4.out" }); 1560 } 1561 1562 // å䏿»¾åï¼æ¢å¾©åå§å¤§å° 1563 if (currentScroll < lastScrollTop) { 1564 gsap.to(desktopMenu, { 1565 paddingTop: "1.25rem", // py-5 1566 paddingBottom: "1.25rem", 1567 duration: 0.3, 1568 ease: "power2.out" 1569 }); 1570 gsap.to(logo, { 1571 height: "4rem", // h-16 1572 duration: 0.3, 1573 ease: "power2.out" 1574 }); 1575 gsap.to(menu, { y: 0, duration: 0.2, ease: "power4.out" }); 1576 } 1577 1578 clearTimeout(scrollTimeout); 1579 scrollTimeout = setTimeout(() => { 1580 if (currentScroll > 0) { 1581 gsap.to(menu, { y: 0, duration: 0.2, ease: "power4.out" }); 1582 } 1583 }, 2000); 1584 1585 // èç menu åºå® 1586 if (currentScroll <= 10) { 1587 menu.classList.remove("fixed", "top-0", "left-0", "w-full", "shadow-md"); 1588 menu.classList.add("relative"); 1589 gsap.to(menu, { y: 0, duration: 0.2 }); 1590 } else { 1591 menu.classList.remove("relative"); 1592 menu.classList.add("fixed", "top-0", "left-0", "w-full", "shadow-md"); 1593 } 1594 }; 1595 1596 handleScroll(mobileMenu); 1597 handleScroll(desktopMenu); 1598 1599 lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; 1600 }); 1601 1602 const pageBanner = document.getElementById("page_banner"); 1603 const bannerImg = document.getElementById("banner_img"); 1604 1605 if (pageBanner && bannerImg) { 1606 // GSAP matchMedia: éå°æ¡æ©èææ©è¨å®ä¸ååç« 1607 gsap.matchMedia().add("(min-width: 768px)", () => { 1608 // è¨å®åå§çæ 1609 gsap.set(pageBanner, { height: "80vh" }); 1610 gsap.set(bannerImg, { height: "80vh", width: "100%", objectFit: "cover", objectPosition: "center" }); 1611 1612 ScrollTrigger.create({ 1613 trigger: pageBanner, 1614 start: "top top", 1615 scrub: true, 1616 onUpdate: (self) => { 1617 if (self.direction === 1) { 1618 // æ»ååä¸ï¼ç¸®å° Banner é«åº¦ 1619 gsap.to(pageBanner, { height: "420px", duration: 0.5, ease: "power2.inOut" }); 1620 gsap.to(bannerImg, { height: "420px", duration: 0.5, ease: "power2.inOut" }); 1621 } else if (self.progress < 0.05) { 1622 // æ»ååé é¨ï¼æ¢å¾© `100vh` 1623 gsap.to(pageBanner, { height: "80vh", duration: 0.8, ease: "power2.inOut" }); 1624 gsap.to(bannerImg, { height: "80vh", duration: 0.8, ease: "power2.inOut" }); 1625 } 1626 }, 1627 }); 1628 }); 1629 1630 // ææ©å°ºå¯¸ï¼30vh 1631 gsap.matchMedia().add("(max-width: 767px)", () => { 1632 gsap.set(pageBanner, { height: "30vh" }); 1633 gsap.set(bannerImg, { height: "30vh", width: "100%", objectFit: "cover", objectPosition: "center" }); 1634 }); 1635 } 1636 }); 1637 1638 window.joditCharCounter = function (editor) { 1639 const max = 2000; 1640 1641 const update = () => { 1642 const text = editor.text.replace(/\s+/g, ''); 1643 const count = text.length; 1644 1645 const status = editor.container.querySelector('.jodit-status-bar'); 1646 if (!status) return; 1647 1648 let counter = status.querySelector('.custom-char-counter'); 1649 if (!counter) { 1650 counter = document.createElement('span'); 1651 counter.className = 'custom-char-counter'; 1652 counter.style.marginLeft = 'auto'; 1653 status.appendChild(counter); 1654 } 1655 1656 counter.textContent = count + ' / ' + max; 1657 }; 1658 1659 // åå§å䏿¬¡ 1660 update(); 1661 1662 // ç¶å® change äºä»¶ 1663 editor.events.on('change', update); 1664 }; 1665 1666</script>
1666 1667 </body> 1668</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.