線上HTML預覽工具，貼上程式碼預覽頁面樣式

HTML預覽工具實作原理

這個線上HTML 預覽工具透過一個文字方塊（</code>）讓使用者輸入HTML 程式碼，並透過點擊「預覽」按鈕將輸入的HTML 渲染在新開啟的瀏覽器視窗中；點擊「清除」按鈕則清空文字方塊的內容。</p> <p>核心原理是透過JavaScript 取得使用者輸入的HTML 內容並用 <code data-start="139" data-end="154">視窗.打開()</code> 在新視窗展示，同時使用 <code data-start="167" data-end="185">文檔.寫入()</code> 方法渲染HTML。樣式部分透過CSS 控制佈局和按鈕的外觀。</p> <p>該工具簡潔且直觀，適用於簡單的HTML 程式碼測試和預覽。</p> <h2>HTML結構解析</h2> <pre class="pure-highlightjs line-numbers"><code class="language-html"><div id="html-preview"> <textarea id="editor" placeholder="在這裡輸入HTML 程式碼..."></textarea> <div class="button-container"> <button id="previewBtn">預覽</button> <button id="clearBtn">清除</button> </div> </div> </code></pre> <h3 data-start="322" data-end="364"><strong data-start="327" data-end="364">外層容器 <code data-start="337" data-end="362"><div</code></strong><code data-start="337" data-end="362"> id="html-預覽"></code></h3> <ul data-start="365" data-end="457"> <li data-start="365" data-end="454">這是整個預覽工具的外層容器，負責包裝文字框和按鈕。透過 <code data-start="395" data-end="414">id="html-預覽"</code> 可以方便地用CSS 或JavaScript 選擇該容器進行樣式設定或操作。</li> </ul> <h3>編輯區 <code data-start="472" data-end="496"><textarea id="editor"></code></h3> <pre class="pure-highlightjs line-numbers"><code class="language-html"><textarea id="editor">

• 這是一個文字區域 (</code>) 元素，使用者可以在這裡輸入HTML 程式碼。</li> <li data-start="624" data-end="672"><strong data-start="626" data-end="643"><code data-start="628" data-end="641">id="編輯"</code></strong>：用於標識文字區域，以便後續JavaScript 操作。</li> <li data-start="673" data-end="745"><strong data-start="675" data-end="711"><code data-start="677" data-end="709">placeholder="在這裡輸入HTML 代碼..."</code></strong>：當文字方塊為空時，顯示的提示文本，告訴使用者應該輸入HTML 代碼。</li> </ul> <h3>按鈕容器 <code data-start="764" data-end="796"><div class="button-container"></code></h3> <pre class="pure-highlightjs line-numbers"><code class="language-html"><div class="button-container"> <button id="previewBtn">預覽</button> <button id="clearBtn">清除</button> </div> </code></pre> <ul> <li data-start="927" data-end="1008"><strong data-start="929" data-end="965"><code data-start="931" data-end="963"><div class="button-container"></code></strong>：包裹按鈕的容器，用於對按鈕進行佈局，確保按鈕在頁面中有一定的間距，並且能夠居中顯示。</li> <li data-start="1009" data-end="1144"><strong data-start="1011" data-end="1052"><code data-start="1013" data-end="1050"><button id="previewBtn">预览</button></code></strong>：預覽按鈕，點擊後會顯示輸入的HTML 內容。 <ul data-start="1079" data-end="1144"> <li data-start="1079" data-end="1144"><strong data-start="1081" data-end="1102"><code data-start="1083" data-end="1100">id="previewBtn"</code></strong>：用於識別該按鈕，後續JavaScript 可以透過此ID 取得並新增事件監聽。</li> </ul> </li> <li data-start="1145" data-end="1270"><strong data-start="1147" data-end="1186"><code data-start="1149" data-end="1184"><button id="clearBtn">清除</button></code></strong>：清除按鈕，點選後會清空輸入框中的內容。 <ul data-start="1209" data-end="1270"> <li data-start="1209" data-end="1270"><strong data-start="1211" data-end="1230"><code data-start="1213" data-end="1228">id="clearBtn"</code></strong>：用於識別該按鈕，後續JavaScript 透過此ID 取得並新增事件監聽。</li> </ul> </li> </ul> <h2>JavaScript結構</h2> <h3 data-start="57" data-end="76"><strong data-start="57" data-end="76">取得使用者輸入的HTML 程式碼</strong></h3> <p data-start="81" data-end="134">用戶在 <code data-start="85" data-end="97"><textarea></code> 中輸入HTML 程式碼，工具透過JavaScript 取得輸入的內容：</p> <pre class="pure-highlightjs line-numbers"><code class="language-javascript">let htmlContent = editor.value; </code></pre> <p>這裡，<code data-start="192" data-end="200">編輯</code> 是指向 <code data-start="205" data-end="217"><textarea></code> 元素的DOM 對象，<code data-start="229" data-end="243">編輯器值</code> 取得的是使用者輸入的HTML 程式碼。</p> <h3>預覽按鈕的處理邏輯</h3> <p>點擊「預覽」按鈕會開啟一個新的瀏覽器窗口，並在其中展示輸入的HTML 程式碼：</p> <pre class="pure-highlightjs line-numbers"><code class="language-javascript">const previewWindow = window.open("", "_blank"); previewWindow.document.open(); previewWindow.document.write(htmlContent); previewWindow.document.close(); </code></pre> <ul> <li data-start="511" data-end="554"><code data-start="513" data-end="541">視窗.開啟（“”， “_blank”）；</code>：開啟一個新視窗或標籤頁。</li> <li data-start="558" data-end="664"><code data-start="560" data-end="592">預覽視窗.文檔.開啟()；</code> 和 <code data-start="595" data-end="628">預覽視窗.文件.關閉()；</code>：這兩行分別開啟和關閉新視窗的文件流，確保HTML 內容可以正確渲染。</li> <li data-start="668" data-end="746"><code data-start="670" data-end="714">預覽視窗.document.write(html內容);</code>：將使用者輸入的HTML 程式碼寫入新窗口，觸發HTML 渲染。</li> </ul> <h3>清除按鈕的處理邏輯</h3> <pre class="pure-highlightjs line-numbers"><code class="language-javascript">editor.value = ""; </code></pre> <p>這行程式碼將 <code data-start="846" data-end="854">編輯</code>（即 <code data-start="857" data-end="867">文字區域</code>）的 <code data-start="870" data-end="877">價值</code> 屬性設為空，從而清空使用者的輸入。</p> <h2>CSS樣式</h2> <pre class="pure-highlightjs line-numbers"><code class="language-css">#html-preview #editor { border: 2px solid #ccc; padding: 10px; font-family: Arial, sans-serif; font-size: 16px; width: 100%; height: 400px; box-sizing: border-box; } #html-preview button { padding: 10px 20px; cursor: pointer; border: none; font-size: 16px; margin: 5px; border-radius: 5px; } #html-preview #previewBtn { background-color: #4CAF50; color: white; } #html-preview #previewBtn:hover { background-color: #45a049; } #html-preview #clearBtn { background-color: #f44336; color: white; } #html-preview #clearBtn:hover { background-color: #e53935; } #html-preview .button-container { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px; width: 100%; } </code></pre> <p>以上就是HTML預覽工具的實作原理與核心程式碼。</p> </div> <div class="elementor-element elementor-element-1ef749d elementor-widget elementor-widget-template" data-id="1ef749d" data-element_type="widget" data-widget_type="template.default"> <div class="elementor-widget-container"> <div class="elementor-template"> <style id="elementor-post-365">.elementor-365 .elementor-element.elementor-element-a63651b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-365 .elementor-element.elementor-element-a4d4a05{background-color:#C3DFFF;padding:10px 20px 10px 20px;border-style:solid;border-width:0px 0px 0px 5px;border-color:#0072E2;text-align:left;}.elementor-365 .elementor-element.elementor-element-a4d4a05 .elementor-heading-title{color:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-365 .elementor-element.elementor-element-a4d4a05{padding:10px 10px 10px 10px;border-width:0px 0px 0px 5px;border-radius:0px 0px 0px 0px;}}</style> <div data-elementor-type="section" data-elementor-id="365" class="elementor elementor-365 elementor-location-single" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-a63651b e-flex e-con-boxed e-con e-parent" data-id="a63651b" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-a4d4a05 elementor-widget elementor-widget-heading" data-id="a4d4a05" data-element_type="widget" data-widget_type="heading.default"> <span class="elementor-heading-title elementor-size-default">: ) 文章內容均為原創，轉載須註明出處並添加原文鏈接，否則視為侵權</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer data-elementor-type="footer" data-elementor-id="65" class="elementor elementor-65 elementor-location-footer" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-4cfe8ce e-con-full wx-popup e-flex e-con e-parent" data-id="4cfe8ce" data-element_type="container" data-settings="{"background_background":"classic","position":"fixed"}"> <div class="elementor-element elementor-element-3660e59 e-con-full wx-popup-content e-flex e-con e-child" data-id="3660e59" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-8d6ca7e elementor-widget elementor-widget-heading" data-id="8d6ca7e" data-element_type="widget" data-widget_type="heading.default"> <h2 class="elementor-heading-title elementor-size-default">微信諮詢</h2> </div> <div class="elementor-element elementor-element-35381d1 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="35381d1" data-element_type="widget" data-widget_type="heading.default"> <span class="elementor-heading-title elementor-size-default">請掃描二維碼添加我們的技術支援專家</span> </div> <div class="elementor-element elementor-element-1a14a14 elementor-widget elementor-widget-image" data-id="1a14a14" data-element_type="widget" data-widget_type="image.default"> <img data-perfmatters-preload width="150" height="150" src="https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-150x150.webp" class="attachment-thumbnail size-thumbnail wp-image-4464" alt="Well企業微信" srcset="https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-150x150.webp 150w, https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-300x300.webp 300w, https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1.webp 600w" sizes="(max-width: 150px) 100vw, 150px" /> </div> <div class="elementor-element elementor-element-75dec8b elementor-widget elementor-widget-heading" data-id="75dec8b" data-element_type="widget" data-widget_type="heading.default"> <span class="elementor-heading-title elementor-size-default">掃描微信二維碼後可直接傳送訊息</span> </div> <div class="elementor-element elementor-element-b163e1b elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="b163e1b" data-element_type="widget" data-widget_type="heading.default"> <span class="elementor-heading-title elementor-size-default">我們將在15分鐘內透過微信與您聯繫</span> </div> </div> </div> <div class="elementor-element elementor-element-fe10fae e-flex e-con-boxed e-con e-parent" data-id="fe10fae" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-73e877f e-con-full e-flex e-con e-child" data-id="73e877f" data-element_type="container"> <div class="elementor-element elementor-element-aaaef45 elementor-widget__width-initial elementor-tablet-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="aaaef45" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/"> <span class="elementor-icon-list-text">外貿建站教程</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/service/"> <span class="elementor-icon-list-text">外貿建站服務</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/elementor-tutorial/"> <span class="elementor-icon-list-text">Elementor教學課程</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/speed-optimization-tutorial/"> <span class="elementor-icon-list-text">WordPress速度優化</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/speed-optimization-tutorial/"> <span class="elementor-icon-list-text">GoogleSEO教程</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/server-tutorial/"> <span class="elementor-icon-list-text">外貿伺服器教程</span> </a> </li> </ul> </div> <div class="elementor-element elementor-element-33e50a0 elementor-widget__width-initial elementor-tablet-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="33e50a0" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/tools-plugins-tutorial/"> <span class="elementor-icon-list-text">WordPress外掛教學</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/resources/"> <span class="elementor-icon-list-text">WordPress資源</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/tools/"> <span class="elementor-icon-list-text">線上工具</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/sitemap-html/"> <span class="elementor-icon-list-text">網站地圖</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/privacy-policy/"> <span class="elementor-icon-list-text">隱私權政策</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://website-custom.com/zh_tw/friend-link/"> <span class="elementor-icon-list-text">友情連結</span> </a> </li> </ul> </div> <div class="elementor-element elementor-element-12cce82 elementor-hidden-tablet elementor-hidden-mobile icon-style e-con-full e-flex e-con e-child" data-id="12cce82" data-element_type="container" data-settings="{"background_background":"classic","position":"fixed"}"> <div class="elementor-element elementor-element-c69d8dd elementor-position-right icon-1 wx-popup-btn elementor-mobile-position-right elementor-view-default elementor-widget elementor-widget-icon-box" data-id="c69d8dd" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <a href="#" aria-label="微信" class="elementor-icon" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon" viewbox="0 0 1024 1024" width="200" height="200"><path d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z" fill="#ffffff"></path></svg> </a> </div> <div class="elementor-icon-box-content"> <div class="elementor-icon-box-title"> <a href="#" aria-label="微信" > <img width="150px" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150px'%20height='0'%20viewBox='0%200%20150px%200'%3E%3C/svg%3E" alt="微信二維碼" class="perfmatters-lazy" data-src="https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-150x150.webp" /><noscript><img width="150px" src="https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-150x150.webp" alt="微信二維碼"></noscript> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-aa6cda1 elementor-position-right icon-1-2 elementor-mobile-position-right elementor-view-default elementor-widget elementor-widget-icon-box" data-id="aa6cda1" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <a href="https://website-custom.com/zh_tw/contact-well/" aria-label="微信" class="elementor-icon" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon" viewbox="0 0 1024 1024" width="256" height="256"><path d="M981.917808 178.147945H42.082192c-19.638356 0-35.068493 15.430137-35.068493 35.068493v598.969863c0 19.638356 15.430137 35.068493 35.068493 35.068494h939.835616c19.638356 0 35.068493-15.430137 35.068493-35.068494V213.216438c0-19.638356-15.430137-35.068493-35.068493-35.068493zM77.150685 277.742466l244.076712 234.257534L77.150685 744.854795V277.742466z m432.043836 398.378082c8.416438 0 16.832877-2.805479 23.846575-9.819178l112.219178-106.608219 224.438356 214.619178H148.690411l224.438356-214.619178 112.219178 106.608219c5.610959 7.013699 14.027397 9.819178 23.846576 9.819178z m186.564383-165.523288l251.090411-239.868493v479.736986L695.758904 510.59726zM869.69863 248.284932L621.413699 485.347945l-112.219178 106.608219-112.219179-106.608219-248.284931-237.063013H869.69863z" fill="#ffffff"></path></svg> </a> </div> <div class="elementor-icon-box-content"> <span class="elementor-icon-box-title"> <a href="https://website-custom.com/zh_tw/contact-well/" aria-label="微信" > 給Well留言 </a> </span> </div> </div> </div> <div class="elementor-element elementor-element-71f8b14 elementor-position-right icon-2 elementor-mobile-position-right elementor-view-default elementor-widget elementor-widget-icon-box" data-id="71f8b14" data-element_type="widget" data-widget_type="icon-box.default"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <a href="#backtop" aria-label="回到頂部" class="elementor-icon" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon" viewbox="0 0 1024 1024" data-spm-anchor-id="a313x.search_index.0.i2.6e8f3a81T2jIcX" width="256" height="256"><path d="M920.663 472l-84.852 84.852-408.35-408.35 84.852-84.852z" fill="#ffffff"></path><path d="M187.575 558.52l-84.852-84.852L512.7 63.692l84.852 84.852z" fill="#ffffff"></path><path d="M571.633 958.873h-120v-764.2h120z" fill="#ffffff"></path></svg> </a> </div> <div class="elementor-icon-box-content"> <span class="elementor-icon-box-title"> <a href="#backtop" aria-label="回到頂部" > 回到頂部 </a> </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-9a14ca7 elementor-hidden-desktop e-con-full icon-style e-flex e-con e-child" data-id="9a14ca7" data-element_type="container" id="icon-style" data-settings="{"background_background":"classic","position":"fixed"}"> <div class="elementor-element elementor-element-827492c icon1 wx-popup-btn elementor-view-default elementor-widget elementor-widget-icon" data-id="827492c" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="#" aria-label="微信"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon" viewbox="0 0 1024 1024" width="200" height="200"><path d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z" fill="#ffffff"></path></svg> </a> </div> </div> <div class="elementor-element elementor-element-0a892f1 icon12 elementor-view-default elementor-widget elementor-widget-icon" data-id="0a892f1" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="https://website-custom.com/zh_tw/contact-well/" aria-label="微信"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon" viewbox="0 0 1024 1024" width="256" height="256"><path d="M981.917808 178.147945H42.082192c-19.638356 0-35.068493 15.430137-35.068493 35.068493v598.969863c0 19.638356 15.430137 35.068493 35.068493 35.068494h939.835616c19.638356 0 35.068493-15.430137 35.068493-35.068494V213.216438c0-19.638356-15.430137-35.068493-35.068493-35.068493zM77.150685 277.742466l244.076712 234.257534L77.150685 744.854795V277.742466z m432.043836 398.378082c8.416438 0 16.832877-2.805479 23.846575-9.819178l112.219178-106.608219 224.438356 214.619178H148.690411l224.438356-214.619178 112.219178 106.608219c5.610959 7.013699 14.027397 9.819178 23.846576 9.819178z m186.564383-165.523288l251.090411-239.868493v479.736986L695.758904 510.59726zM869.69863 248.284932L621.413699 485.347945l-112.219178 106.608219-112.219179-106.608219-248.284931-237.063013H869.69863z" fill="#ffffff"></path></svg> </a> </div> </div> <div class="elementor-element elementor-element-0147d63 icon2 elementor-view-default elementor-widget elementor-widget-icon" data-id="0147d63" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="#backtop" aria-label="回到頂部"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon" viewbox="0 0 1024 1024" data-spm-anchor-id="a313x.search_index.0.i2.6e8f3a81T2jIcX" width="256" height="256"><path d="M920.663 472l-84.852 84.852-408.35-408.35 84.852-84.852z" fill="#ffffff"></path><path d="M187.575 558.52l-84.852-84.852L512.7 63.692l84.852 84.852z" fill="#ffffff"></path><path d="M571.633 958.873h-120v-764.2h120z" fill="#ffffff"></path></svg> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-c14e26d e-con-full e-flex e-con e-child" data-id="c14e26d" data-element_type="container"> <div class="elementor-element elementor-element-f90adc1 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image" data-id="f90adc1" data-element_type="widget" data-widget_type="image.default"> <figure class="wp-caption"> <img data-perfmatters-preload width="150" height="150" src="https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-150x150.webp" class="attachment-thumbnail size-thumbnail wp-image-4464" alt="Well企業微信" srcset="https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-150x150.webp 150w, https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1-300x300.webp 300w, https://website-custom.com/wp-content/uploads/2025/01/Well企业微信2-1.webp 600w" sizes="(max-width: 150px) 100vw, 150px" /> <figcaption class="widget-image-caption wp-caption-text">Well微信</figcaption> </figure> </div> <div class="elementor-element elementor-element-cab73b4 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image" data-id="cab73b4" data-element_type="widget" data-widget_type="image.default"> <figure class="wp-caption"> <img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150'%20height='150'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="attachment-thumbnail size-thumbnail wp-image-4458 perfmatters-lazy" alt="Well建站公眾號" data-src="https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2-150x150.webp" data-srcset="https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2-150x150.webp 150w, https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2-300x300.webp 300w, https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2.webp 600w" data-sizes="(max-width: 150px) 100vw, 150px" /><noscript><img width="150" height="150" src="https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2-150x150.webp" class="attachment-thumbnail size-thumbnail wp-image-4458" alt="Well建站公眾號" srcset="https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2-150x150.webp 150w, https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2-300x300.webp 300w, https://website-custom.com/wp-content/uploads/2025/01/Well建站公众号2.webp 600w" sizes="(max-width: 150px) 100vw, 150px" /></noscript> <figcaption class="widget-image-caption wp-caption-text">Well建站公眾號</figcaption> </figure> </div> </div> <div class="elementor-element elementor-element-90a9835 e-con-full e-flex e-con e-child" data-id="90a9835" data-element_type="container"> <div class="elementor-element elementor-element-ea16503 elementor-widget elementor-widget-text-editor" data-id="ea16503" data-element_type="widget" data-widget_type="text-editor.default"> <p>Well建站提供<span style="color: #ffffff;"><a style="color: #ffffff;" href="https://website-custom.com/zh_tw/">免費的外貿建站教程</a></span>，幫助外貿從業人員輕鬆搭建B2B獨立站。</p><p>Well也提供性價比高、透明無套路的<span style="color: #ffffff;"><a style="color: #ffffff;" href="https://website-custom.com/zh_tw/service/">外貿建站服務</a></span>，幫助老闆們以更低的成本實現更有效率的建站體驗。如果您有興趣，歡迎添加Well的微信以了解更多資訊。</p> </div> <div class="elementor-element elementor-element-79bb1c5 e-flex e-con-boxed e-con e-child" data-id="79bb1c5" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-cd74ee5 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="cd74ee5" data-element_type="widget" data-widget_type="image.default"> <a href="https://space.bilibili.com/3546804115213063" target="_blank" aria-label="Well的bilibili"> <img width="150" height="66" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150'%20height='66'%20viewBox='0%200%20150%2066'%3E%3C/svg%3E" class="attachment-thumbnail size-thumbnail wp-image-3252 perfmatters-lazy" alt="Well建站嗶哩嗶哩帳號" data-src="https://website-custom.com/wp-content/uploads/2024/09/哔哩哔哩.svg" /><noscript><img width="150" height="66" src="https://website-custom.com/wp-content/uploads/2024/09/哔哩哔哩.svg" class="attachment-thumbnail size-thumbnail wp-image-3252" alt="Well建站嗶哩嗶哩帳號" /></noscript> </a> </div> <div class="elementor-element elementor-element-d28d74f elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="d28d74f" data-element_type="widget" data-widget_type="image.default"> <a href="https://www.youtube.com/channel/UCu6qNC1Rc_0CtXhmWRFEAKw/" target="_blank" aria-label="Well的YouTube"> <img width="150" height="60" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150'%20height='60'%20viewBox='0%200%20150%2060'%3E%3C/svg%3E" class="attachment-thumbnail size-thumbnail wp-image-3257 perfmatters-lazy" alt="Well建站youtube帳號" data-src="https://website-custom.com/wp-content/uploads/2024/09/youtube2.svg" /><noscript><img width="150" height="60" src="https://website-custom.com/wp-content/uploads/2024/09/youtube2.svg" class="attachment-thumbnail size-thumbnail wp-image-3257" alt="Well建站youtube帳號" /></noscript> </a> </div> <div class="elementor-element elementor-element-4c08a87 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="4c08a87" data-element_type="widget" data-widget_type="image.default"> <a href="https://www.xiaohongshu.com/user/profile/6534a5820000000006004c67" target="_blank" aria-label="Well的小紅書"> <img width="150" height="54" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150'%20height='54'%20viewBox='0%200%20150%2054'%3E%3C/svg%3E" class="attachment-thumbnail size-thumbnail wp-image-3254 perfmatters-lazy" alt="Well建站小紅書帳號" data-src="https://website-custom.com/wp-content/uploads/2024/09/小红书-1.svg" /><noscript><img width="150" height="54" src="https://website-custom.com/wp-content/uploads/2024/09/小红书-1.svg" class="attachment-thumbnail size-thumbnail wp-image-3254" alt="Well建站小紅書帳號" /></noscript> </a> </div> <div class="elementor-element elementor-element-dfdba61 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="dfdba61" data-element_type="widget" data-widget_type="image.default"> <a href="https://www.douyin.com/user/MS4wLjABAAAAXg0tQHqpGXT3e_bCxM4YY3m_pSVpVmYtUz7ZGSOdwsfOEmBYAcown8Q8l6OwL3uj" target="_blank" aria-label="Well的抖音"> <img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='150'%20height='150'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="attachment-thumbnail size-thumbnail wp-image-3258 perfmatters-lazy" alt="Well建站抖音帳號" data-src="https://website-custom.com/wp-content/uploads/2024/09/抖音.svg" /><noscript><img width="150" height="150" src="https://website-custom.com/wp-content/uploads/2024/09/抖音.svg" class="attachment-thumbnail size-thumbnail wp-image-3258" alt="Well建站抖音帳號" /></noscript> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-1b658a9 e-con-full e-flex e-con e-child" data-id="1b658a9" data-element_type="container"> <div class="elementor-element elementor-element-3335322 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-template" data-id="3335322" data-element_type="widget" id="friend-link" data-widget_type="template.default"> <div class="elementor-widget-container"> <div class="elementor-template"> <style id="elementor-post-2744">.elementor-2744 .elementor-element.elementor-element-9d68574{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2744 .elementor-element.elementor-element-fa1dcf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;font-weight:600;}@media(max-width:1024px){.elementor-2744 .elementor-element.elementor-element-fa1dcf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2744 .elementor-element.elementor-element-9d68574{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2744 .elementor-element.elementor-element-fa1dcf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}</style> <div data-elementor-type="section" data-elementor-id="2744" class="elementor elementor-2744 elementor-location-footer" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-9d68574 e-flex e-con-boxed e-con e-parent" data-id="9d68574" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-fa1dcf7 elementor-widget elementor-widget-text-editor" data-id="fa1dcf7" data-element_type="widget" data-widget_type="text-editor.default"> <p style="text-align: left;">友情連結:  <span style="color: #000000;"><a href="https://cloudcone.cc/?website-custom.com" target="_blank" rel="noopener">CCVPS伺服器</a></span> | <a href="https://www.topworker.cn/" target="_blank" rel="noopener">Topworker跨境客</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-d2bd59b elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading" data-id="d2bd59b" data-element_type="widget" id="copyright_1" data-widget_type="heading.default"> <span class="elementor-heading-title elementor-size-default">Copyright © 2025 Well建站</span> </div> </div> </div> </div> <div class="elementor-element elementor-element-f53276b e-flex e-con-boxed e-con e-parent" data-id="f53276b" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-d9456fc elementor-widget elementor-widget-html" data-id="d9456fc" data-element_type="widget" data-widget_type="html.default"> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> document.addEventListener('DOMContentLoaded', function () { const popup = document.querySelector('.wx-popup'); const content = document.querySelector('.wx-popup-content'); const buttons = document.querySelectorAll('.wx-popup-btn'); if (popup && content && buttons.length) { buttons.forEach(btn => { btn.addEventListener('click', (e) => { e.preventDefault(); popup.style.display = 'flex'; }); }); popup.addEventListener('click', () => { popup.style.display = 'none'; }); content.addEventListener('click', (e) => { e.stopPropagation(); }); } }); </script> </div> </div> </div> </footer> <template id="tp-language" data-tp-language="zh_TW"></template><script type="speculationrules"> {"prerender":[{"source":"document","where":{"and":[{"href_matches":"\/zh_tw\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/hello-theme-child-master\/*","\/wp-content\/themes\/hello-elementor\/*","\/zh_tw\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prerender, .no-prerender a"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"moderate"}]} </script> <script async src="https://website-custom.com/wp-content/uploads/perfmatters/gtagv4.js?id=G-L3ZMQ81Z9W" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script><script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag("js", new Date());gtag("config", "G-L3ZMQ81Z9W");</script> <div id="wpl-popup" class="wpl-popup"> <div class="wpl-popup-mask"></div> <div class="wpl-popup-container"> <!-- 关闭按钮 --> <button class="wpl-popup-close" aria-label="關閉" data-no-translation-aria-label="">×</button> <!-- 标签切换 --> <div class="wpl-tabs"> <button data-tab="login" class="wpl-tab-btn active" data-no-translation="" data-trp-gettext="">登入</button> <button data-tab="register" class="wpl-tab-btn" data-no-translation="" data-trp-gettext="">註冊</button> <button data-tab="forgot" class="wpl-tab-btn" data-no-translation="" data-trp-gettext="">找回密碼</button> </div> <!-- 表单内容 --> <div class="wpl-contents" id="wpl-contents"> <!-- 登录 --> <div data-content="login" class="wpl-content active"> <form id="wpl-login-form" action=""> <input type="text" id="wpl-login-user" placeholder="使用者名稱或郵箱" required data-no-translation-placeholder=""> <input type="password" id="wpl-login-pass" placeholder="密碼" required data-no-translation-placeholder=""> <button type="button" id="wpl-login-submit" data-no-translation="" data-trp-gettext="">登入</button> <input type="hidden" name="trp-form-language" value="zh_tw"/></form> <div class="separator"> <hr class="separator-line"> <span class="separator-text">或者</span> <hr class="separator-line"> </div> <a href="#" class="well-popup-google-login-btn" data-base-url="https://accounts.google.com/o/oauth2/v2/auth?client_id=18378794607-5dh6i5conn6484dhepeos8h8j7tr8saj.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fwebsite-custom.com%2F%3Fwell_google_callback%3D1&response_type=code&scope=email+profile&access_type=online&prompt=select_account" style="width:100%; background:#ffffff; color:#3c4043;"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='0'%20height='0'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt style="height:20px; vertical-align:middle; margin-right:8px;" class="perfmatters-lazy" data-src="https://website-custom.com/wp-content/uploads/2025/08/Google_Favicon_2025.svg" /><noscript><img src="https://website-custom.com/wp-content/uploads/2025/08/Google_Favicon_2025.svg" alt="" style="height:20px; vertical-align:middle; margin-right:8px;"></noscript>谷歌一鍵登入</a> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> document.addEventListener("DOMContentLoaded", function(){ var btns = document.querySelectorAll(".well-popup-google-login-btn[data-base-url]"); if (btns.length) { var currentUrl = window.location.href; var stateParam = btoa(currentUrl); btns.forEach(function(btn){ var base = btn.getAttribute("data-base-url"); btn.setAttribute("href", base + "&state=" + stateParam); }); } }); </script> </div> <!-- 注册 --> <div data-content="register" class="wpl-content"> <form id="wpl-register-form" action=""> <input type="text" id="wpl-user-register" placeholder="使用者名稱" required data-no-translation-placeholder=""> <input type="email" id="wpl-user-email" placeholder="信箱" required data-no-translation-placeholder=""> <input type="password" id="wpl-user-pass2" placeholder="密碼" required data-no-translation-placeholder=""> <div class="wpl-register-email-row"> <input type="text" id="wpl-captcha" placeholder="驗證碼" required data-no-translation-placeholder=""> <button type="button" id="wpl-send-captcha" data-no-translation="" data-trp-gettext="">發送驗證碼</button> </div> <button type="button" id="wpl-signup-submit" data-no-translation="" data-trp-gettext="">註冊</button> <input type="hidden" name="trp-form-language" value="zh_tw"/></form> <div class="separator"> <hr class="separator-line"> <span class="separator-text">或者</span> <hr class="separator-line"> </div> <a href="#" class="well-popup-google-login-btn" data-base-url="https://accounts.google.com/o/oauth2/v2/auth?client_id=18378794607-5dh6i5conn6484dhepeos8h8j7tr8saj.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fwebsite-custom.com%2F%3Fwell_google_callback%3D1&response_type=code&scope=email+profile&access_type=online&prompt=select_account" style="width:100%; background:#ffffff; color:#3c4043;"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='0'%20height='0'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt style="height:20px; vertical-align:middle; margin-right:8px;" class="perfmatters-lazy" data-src="https://website-custom.com/wp-content/uploads/2025/08/Google_Favicon_2025.svg" /><noscript><img src="https://website-custom.com/wp-content/uploads/2025/08/Google_Favicon_2025.svg" alt="" style="height:20px; vertical-align:middle; margin-right:8px;"></noscript>谷歌一鍵登入</a> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> document.addEventListener("DOMContentLoaded", function(){ var btns = document.querySelectorAll(".well-popup-google-login-btn[data-base-url]"); if (btns.length) { var currentUrl = window.location.href; var stateParam = btoa(currentUrl); btns.forEach(function(btn){ var base = btn.getAttribute("data-base-url"); btn.setAttribute("href", base + "&state=" + stateParam); }); } }); </script> </div> <!-- 找回密码 --> <div data-content="forgot" class="wpl-content"> <form id="wpl-reset-form" action=""> <input type="email" id="wpl-pass-email" placeholder="註冊信箱" required data-no-translation-placeholder=""> <input type="password" id="wpl-pass-pass" placeholder="新密碼" required data-no-translation-placeholder=""> <div class="wpl-forgot-captcha-row"> <input type="text" id="wpl-pass-captcha" placeholder="驗證碼" required data-no-translation-placeholder=""> <button type="button" id="wpl-send-pass-captcha" data-no-translation="" data-trp-gettext="">發送驗證碼</button> </div> <button type="button" id="wpl-pass-submit" data-no-translation="" data-trp-gettext="">重設密碼</button> <input type="hidden" name="trp-form-language" value="zh_tw"/></form> </div> <!-- 提示信息 --> <div class="wpl-sign-tips" style="height:0;overflow:hidden;color:red;text-align:center;transition:height .3s;"></div> </div> </div> </div> <div class='asp_hidden_data' id="asp_hidden_data" style="display: none !important;"> <svg style="position:absolute" height="0" width="0"> <filter id="aspblur"> <fegaussianblur in="SourceGraphic" stddeviation="4"/> </filter> </svg> <svg style="position:absolute" height="0" width="0"> <filter id="no_aspblur"></filter> </svg> </div> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <script id="trp-dynamic-translator-js-extra" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> var trp_data = {"trp_custom_ajax_url":"https:\/\/website-custom.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/website-custom.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"zh_TW","trp_original_language":"zh_CN","trp_current_language":"zh_TW","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset","alt","content"],"gettranslationsnonceregular":"1b5e1fbe45","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; </script> <script src="https://website-custom.com/wp-content/cache/perfmatters/website-custom.com/minify/0a97e373c318.trp-translate-dom-changes.min.js?ver=2.10.7" id="trp-dynamic-translator-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="wpl-login-js-js-extra" defer src="data:text/javascript;base64,CnZhciBXUExfTE9HSU4gPSB7InVzZXJfY2VudGVyX3VybCI6IlwvdXNlci1jZW50ZXJcLyIsInVzZXJfY2VudGVyX2ljb24iOiJodHRwczpcL1wvd2Vic2l0ZS1jdXN0b20uY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8wOFwvdXNlci53ZWJwIiwidXNlcl9jZW50ZXJfdGV4dCI6IiIsInVzZXJuYW1lX29yX2VtYWlsX2VtcHR5IjoiVXNlcm5hbWUgb3IgZW1haWwgY2Fubm90IGJlIGVtcHR5IiwicGFzc3dvcmRfZW1wdHkiOiJQYXNzd29yZCBjYW5ub3QgYmUgZW1wdHkiLCJsb2dnaW5nX2luIjoiTG9nZ2luZyBpbiwgcGxlYXNlIHdhaXQuLi4iLCJsb2dpbl9zdWNjZXNzIjoiTG9naW4gc3VjY2Vzc2Z1bCEiLCJ1c2VybmFtZV9pbnZhbGlkIjoiVXNlcm5hbWUgbXVzdCBiZSAzLTE2IGxldHRlcnMsIG51bWJlcnMgb3IgdW5kZXJzY29yZXMiLCJlbWFpbF9pbnZhbGlkIjoiSW52YWxpZCBlbWFpbCBmb3JtYXQiLCJwYXNzd29yZF9sZW5ndGgiOiJQYXNzd29yZCBtdXN0IGJlIGF0IGxlYXN0IDYgY2hhcmFjdGVycyIsImNhcHRjaGFfZW1wdHkiOiJDYXB0Y2hhIGNhbm5vdCBiZSBlbXB0eSIsInJlZ2lzdGVyaW5nIjoiUmVnaXN0ZXJpbmcsIHBsZWFzZSB3YWl0Li4uIiwicmVnaXN0ZXJfc3VjY2VzcyI6IlJlZ2lzdHJhdGlvbiBzdWNjZXNzZnVsLCBsb2dnaW5nIGluLi4uIiwicmVzZXRfc3VjY2VzcyI6IlBhc3N3b3JkIHJlc2V0IHN1Y2Nlc3NmdWwsIHBsZWFzZSBsb2dpbiIsInNlbmRpbmdfY2FwdGNoYSI6IlNlbmRpbmcuLi4iLCJjYXB0Y2hhX3NlbnQiOiJDYXB0Y2hhIHNlbnQsIHBsZWFzZSBjaGVjayBzcGFtIGZvbGRlciIsImVtYWlsX2V4aXN0cyI6IkVtYWlsIGFscmVhZHkgZXhpc3RzIiwic2VuZF9mYWlsX3JldHJ5IjoiQ2FwdGNoYSBzZW5kaW5nIGZhaWxlZCwgcGxlYXNlIHRyeSBhZ2FpbiBsYXRlciIsImVtYWlsX25vdF9leGlzdCI6IkVtYWlsIGRvZXMgbm90IGV4aXN0Iiwib3BlcmF0aW9uX3Rvb19mYXN0IjoiVG9vIG1hbnkgb3BlcmF0aW9ucywgcGxlYXNlIHdhaXQiLCJyZXNlbmQiOiJSZXNlbmQiLCJzZW5kX2NhcHRjaGEiOiJTZW5kIGNhcHRjaGEiLCJzZW5kX25ld19wYXNzd29yZCI6IlBsZWFzZSBlbnRlciBhIG5ldyBwYXNzd29yZCBhdCBsZWFzdCA2IGNoYXJhY3RlcnMiLCJsb2dpbl9vdXQiOiJZb3UgaGF2ZSBsb2dnZWQgb3V0LiIsImFqYXhfdXJsIjoiaHR0cHM6XC9cL3dlYnNpdGUtY3VzdG9tLmNvbVwvd3AtYWRtaW5cL2FkbWluLWFqYXgucGhwIiwicmVzdF91cmwiOiJodHRwczpcL1wvd2Vic2l0ZS1jdXN0b20uY29tXC96aF90d1wvd3AtanNvblwvIiwibm9uY2UiOiJlZTdhNmQyYmExIiwiaXNfdXNlcl9sb2dnZWRfaW4iOiIiLCJjdXJyZW50X3VzZXJfaWQiOiIwIn07Cg=="></script> <script src="https://website-custom.com/wp-content/cache/perfmatters/website-custom.com/minify/c74e347682e6.wpl.min.js?ver=2.1.2" id="wpl-login-js-js" defer></script> <script type="pmdelayedscript" src="https://website-custom.com/wp-content/plugins/wp-cloudflare-page-cache/assets/js/instantpage.min.js?ver=5.2.0" id="swcfpc_instantpage-js" data-perfmatters-type="module" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="swcfpc_auto_prefetch_url-js-before" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> function swcfpc_wildcard_check(str, rule) { let escapeRegex = (str) => str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"); return new RegExp("^" + rule.split("*").map(escapeRegex).join(".*") + "$").test(str); } function swcfpc_can_url_be_prefetched(href) { if( href.length == 0 ) return false; if( href.startsWith("mailto:") ) return false; if( href.startsWith("https://") ) href = href.split("https://"+location.host)[1]; else if( href.startsWith("http://") ) href = href.split("http://"+location.host)[1]; for( let i=0; i < swcfpc_prefetch_urls_to_exclude.length; i++) { if( swcfpc_wildcard_check(href, swcfpc_prefetch_urls_to_exclude[i]) ) return false; } return true; } let swcfpc_prefetch_urls_to_exclude = '["*\/login-success*","*\/retriev-password*","*\/logout-welljz*","*\/user-center*","*\/user-login-w*","*\/reset-password*"]'; swcfpc_prefetch_urls_to_exclude = (swcfpc_prefetch_urls_to_exclude) ? JSON.parse(swcfpc_prefetch_urls_to_exclude) : []; </script> <script src="https://website-custom.com/wp-content/cache/perfmatters/website-custom.com/minify/f85b8d562de5.c-js-allpage.min.js" id="well-c-js-allpage-js" defer></script> <script src="https://website-custom.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.32.4" id="elementor-webpack-runtime-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script src="https://website-custom.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.32.4" id="elementor-frontend-modules-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script src="https://website-custom.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="elementor-frontend-js-before" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"<trp-gettext data-trpgettextoriginal=636>\u5206\u4eab\u5230 Facebook<\/trp-gettext>","shareOnTwitter":"<trp-gettext data-trpgettextoriginal=637>\u5206\u4eab\u5230 Twitter<\/trp-gettext>","pinIt":"<trp-gettext data-trpgettextoriginal=638>\u91d8\u4e0a<\/trp-gettext>","download":"<trp-gettext data-trpgettextoriginal=639>\u4e0b\u8f09<\/trp-gettext>","downloadImage":"<trp-gettext data-trpgettextoriginal=640>\u4e0b\u8f09\u5716\u7247<\/trp-gettext>","fullscreen":"<trp-gettext data-trpgettextoriginal=641>\u5168\u87a2\u5e55<\/trp-gettext>","zoom":"<trp-gettext data-trpgettextoriginal=642>\u653e\u5927<\/trp-gettext>","share":"<trp-gettext data-trpgettextoriginal=643>\u5206\u4eab<\/trp-gettext>","playVideo":"<trp-gettext data-trpgettextoriginal=644>\u64ad\u653e\u5f71\u97f3<\/trp-gettext>","previous":"<trp-gettext data-trpgettextoriginal=645>\u4e0a\u4e00\u5f35<\/trp-gettext>","next":"<trp-gettext data-trpgettextoriginal=646>\u4e0b\u4e00\u5f35<\/trp-gettext>","close":"<trp-gettext data-trpgettextoriginal=1901>\u95dc\u9589<\/trp-gettext>","a11yCarouselPrevSlideMessage":"<trp-gettext data-trpgettextoriginal=647>\u4e0a\u4e00\u5f35\u5e7b\u71c8\u7247<\/trp-gettext>","a11yCarouselNextSlideMessage":"<trp-gettext data-trpgettextoriginal=648>\u4e0b\u4e00\u5f35\u5e7b\u71c8\u7247<\/trp-gettext>","a11yCarouselFirstSlideMessage":"<trp-gettext data-trpgettextoriginal=649>\u9019\u662f\u7b2c\u4e00\u5f35\u5e7b\u71c8\u7247<\/trp-gettext>","a11yCarouselLastSlideMessage":"<trp-gettext data-trpgettextoriginal=650>\u9019\u662f\u6700\u5f8c\u4e00\u5f35\u5e7b\u71c8\u7247<\/trp-gettext>","a11yCarouselPaginationBulletMessage":"<trp-gettext data-trpgettextoriginal=651>\u524d\u5f80\u5e7b\u71c8\u7247<\/trp-gettext>"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"\u884c\u52d5\u88dd\u7f6e","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.32.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/website-custom.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/website-custom.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/website-custom.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"4711217a79"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":5145,"title":"%E5%9C%A8%E7%BA%BFHTML%E9%A2%84%E8%A7%88%E5%B7%A5%E5%85%B7%EF%BC%8C%E7%B2%98%E8%B4%B4%E4%BB%A3%E7%A0%81%E9%A2%84%E8%A7%88%E9%A1%B5%E9%9D%A2%E6%A0%B7%E5%BC%8F","excerpt":"\u8fd9\u4e2aHTML\u9884\u89c8\u5de5\u5177\u5141\u8bb8\u4f60\u5728\u6587\u672c\u6846\u4e2d\u8f93\u5165 HTML \u4ee3\u7801\uff0c\u5e76\u901a\u8fc7\u70b9\u51fb\u201c\u9884\u89c8\u201d\u6309\u94ae\u67e5\u770b\u8be5\u4ee3\u7801\u7684\u6548\u679c\u3002\u8fd8\u53ef\u4ee5\u901a\u8fc7\u201c\u6e05\u9664\u201d\u6309\u94ae\u6e05\u7a7a\u8f93\u5165\u6846\uff0c\u65b9\u4fbf\u91cd\u65b0\u7f16\u8f91\u3002\u6b64\u5de5\u5177\u4e3b\u8981\u7528\u4e8e\u5e2e\u52a9\u7528\u6237\u5728\u7ebf\u7f16\u5199\u548c\u67e5\u770b HTML \u4ee3\u7801\uff0c\u652f\u6301\u5373\u65f6\u9884\u89c8\uff0c\u7b80\u6d01\u6613\u7528\u3002\u4e3a\u4e86\u786e\u4fdd\u5b89\u5168\u6027\uff0c\u8f93\u5165\u7684 HTML \u4ee3\u7801\u4f1a\u7ecf\u8fc7\u6e05\u7406\uff0c\u907f\u514d\u6f5c\u5728\u7684\u5b89\u5168\u98ce\u9669\u3002","featuredImage":"https:\/\/website-custom.com\/wp-content\/uploads\/2025\/02\/html.webp"}}; </script> <script src="https://website-custom.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.32.4" id="elementor-frontend-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="perfmatters-lazy-load-js-before"> window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"700px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;var target=document.querySelector("body");var observer=new MutationObserver(function(mutations){lazyLoadInstance.update()});var config={childList:!0,subtree:!0};observer.observe(target,config);});function perfmattersLazyLoadYouTube(e){var t=document.createElement("iframe"),r="ID?";r+=0===e.dataset.query.length?"":e.dataset.query+"&",r+="autoplay=1",t.setAttribute("src",r.replace("ID",e.dataset.src)),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","1"),t.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),e.replaceChild(t,e.firstChild)} </script> <script async src="https://website-custom.com/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.5.0" id="perfmatters-lazy-load-js"></script> <script src="https://website-custom.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.32.2" id="elementor-pro-webpack-runtime-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script src="https://website-custom.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script src="https://website-custom.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="wp-i18n-js-after" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elementor-pro-frontend-js-before" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/website-custom.com\/wp-admin\/admin-ajax.php","nonce":"8788205c54","urls":{"assets":"https:\/\/website-custom.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/website-custom.com\/zh_tw\/wp-json\/"},"settings":{"lazy_load_background_images":false},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"zh_TW","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/website-custom.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src="https://website-custom.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.32.2" id="elementor-pro-frontend-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script src="https://website-custom.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.32.2" id="pro-elements-handlers-js" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <!-- Matomo --> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//mm.ifay.top/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <!-- Matomo Image Tracker--> <noscript> <img referrerpolicy="no-referrer-when-downgrade" src="https://mm.ifay.top/matomo.php?idsite=1&rec=1" style="border:0" alt="mm" /> </noscript> <!-- End Matomo --> <script id="wd-asp-instances-5c21a040" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">window.ASP_INSTANCES = [];window.ASP_INSTANCES[1] = {"animations":{"pc":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"fadeInDown"},"mob":{"settings":{"anim":"fadedrop","dur":"300"},"results":{"anim":"fadedrop","dur":"300"},"items":"voidanim"}},"autocomplete":{"enabled":0,"trigger_charcount":0,"googleOnly":1,"lang":"en","mobile":0},"autop":{"state":"disabled","phrase":"","count":10},"charcount":2,"closeOnDocClick":1,"compact":{"enabled":0,"focus":1,"width":"100%","width_tablet":"480px","width_phone":"320px","closeOnMagnifier":1,"closeOnDocument":0,"position":"static","overlay":0},"cptArchive":{"useAjax":0,"selector":"#main","url":""},"detectVisibility":0,"divi":{"bodycommerce":0},"focusOnPageload":0,"fss_layout":"flex","highlight":1,"highlightWholewords":1,"homeurl":"https:\/\/website-custom.com\/","is_results_page":0,"isotopic":{"itemWidth":"200px","itemWidthTablet":"200px","itemWidthPhone":"200px","itemHeight":"200px","itemHeightTablet":"200px","itemHeightPhone":"200px","pagination":1,"rows":2,"gutter":5,"showOverlay":1,"blurOverlay":1,"hideContent":1},"itemscount":4,"loaderLocation":"auto","mobile":{"trigger_on_type":0,"click_action":"ajax_search","return_action":"ajax_search","click_action_location":"same","return_action_location":"same","redirect_url":"?s={phrase}","elementor_url":"https:\/\/website-custom.com\/?asp_ls={phrase}","menu_selector":"","hide_keyboard":1,"force_res_hover":0,"force_sett_hover":0,"force_sett_state":"none"},"override_method":"get","overridewpdefault":1,"prescontainerheight":"400px","preventBodyScroll":0,"preventEvents":0,"rb":{"action":"nothing"},"resPage":{"useAjax":0,"selector":"#main","trigger_type":1,"trigger_facet":1,"trigger_magnifier":0,"trigger_return":0},"results":{"width":"auto","width_tablet":"auto","width_phone":"auto"},"resultsSnapTo":"left","resultsposition":"hover","resultstype":"vertical","sb":{"redirect_action":"ajax_search","redirect_location":"same","redirect_url":"?s={phrase}","elementor_url":"https:\/\/website-custom.com\/?asp_ls={phrase}"},"scrollBar":{"horizontal":{"enabled":1}},"scrollToResults":{"enabled":0,"offset":0},"select2":{"nores":"No results match"},"settings":{"unselectChildren":1,"hideChildren":0},"settingsHideOnRes":0,"settingsimagepos":"right","settingsVisible":0,"show_more":{"enabled":1,"url":"?s={phrase}","elementor_url":"https:\/\/website-custom.com\/?asp_ls={phrase}","action":"ajax","location":"same","infinite":0},"singleHighlight":0,"statistics":0,"taxArchive":{"useAjax":0,"selector":"#main","url":""},"trigger":{"delay":300,"autocomplete_delay":310,"update_href":0,"facet":0,"type":0,"click":"ajax_search","click_location":"same","return":"ajax_search","return_location":"same","redirect_url":"?s={phrase}","elementor_url":"https:\/\/website-custom.com\/?asp_ls={phrase}","minWordLength":2},"wooShop":{"useAjax":0,"selector":"#main","url":""}};</script><script type="pmdelayedscript" id="asp-a957bae4-js-before" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">if ( typeof window.ASP == 'undefined') { window.ASP = {wp_rocket_exception: "DOMContentLoaded", ajaxurl: "https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/ajax_search.php", backend_ajaxurl: "https:\/\/website-custom.com\/wp-admin\/admin-ajax.php", asp_url: "https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/", upload_url: "https:\/\/website-custom.com\/wp-content\/uploads\/asp_upload\/", detect_ajax: 1, media_query: "ez6wKo", version: "4.27.2", build: 5095, pageHTML: "", additional_scripts: [{"handle":"wd-asp-ajaxsearchpro","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-prereq.min.js","prereq":[]},{"handle":"wd-asp-ajaxsearchpro-core","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-core.min.js","prereq":[]},{"handle":"wd-asp-ajaxsearchpro-settings","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-settings.min.js","prereq":["wd-asp-ajaxsearchpro"]},{"handle":"wd-asp-ajaxsearchpro-vertical","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-results-vertical.min.js","prereq":["wd-asp-ajaxsearchpro"]},{"handle":"wd-asp-ajaxsearchpro-ga","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-ga.min.js","prereq":["wd-asp-ajaxsearchpro"]},{"handle":"wd-asp-ajaxsearchpro-live","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-live.min.js","prereq":["wd-asp-ajaxsearchpro"]},{"handle":"wd-asp-ajaxsearchpro-addon-elementor","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-addons-elementor.min.js","prereq":["wd-asp-ajaxsearchpro-live"]},{"handle":"wd-asp-ajaxsearchpro-addon-woocommerce","src":"https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/js\/min\/plugin\/optimized\/asp-addons-woocommerce.min.js","prereq":["wd-asp-ajaxsearchpro-addon-elementor"]}], script_async_load: false, font_url: "https:\/\/website-custom.com\/wp-content\/plugins\/ajax-search-pro\/css\/fonts\/icons\/icons2.woff2", init_only_in_viewport: true, highlight: {"enabled":false,"data":[]}, debug: false, instances: {}, analytics: {"method":0,"tracking_id":"","event":{"focus":{"active":true,"action":"focus","category":"ASP {search_id} | {search_name}","label":"Input focus","value":"1"},"search_start":{"active":false,"action":"search_start","category":"ASP {search_id} | {search_name}","label":"Phrase: {phrase}","value":"1"},"search_end":{"active":true,"action":"search_end","category":"ASP {search_id} | {search_name}","label":"{phrase} | {results_count}","value":"1"},"magnifier":{"active":true,"action":"magnifier","category":"ASP {search_id} | {search_name}","label":"Magnifier clicked","value":"1"},"return":{"active":true,"action":"return","category":"ASP {search_id} | {search_name}","label":"Return button pressed","value":"1"},"try_this":{"active":true,"action":"try_this","category":"ASP {search_id} | {search_name}","label":"Try this click | {phrase}","value":"1"},"facet_change":{"active":false,"action":"facet_change","category":"ASP {search_id} | {search_name}","label":"{option_label} | {option_value}","value":"1"},"result_click":{"active":true,"action":"result_click","category":"ASP {search_id} | {search_name}","label":"{result_title} | {result_url}","value":"1"}}}}};</script><script async type="pmdelayedscript" src="https://website-custom.com/wp-content/cache/asp/asp-a957bae4.min.js" id="asp-a957bae4-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script><script id="perfmatters-delayed-scripts-js">(function(){window.pmDC=0;window.pmDT=15;if(window.pmDT){var e=setTimeout(d,window.pmDT*1e3)}const t=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"];const n={normal:[],defer:[],async:[]};const o=[];const i=[];var r=false;var a="";window.pmIsClickPending=false;t.forEach(function(e){window.addEventListener(e,d,{passive:true})});if(window.pmDC){window.addEventListener("touchstart",b,{passive:true});window.addEventListener("mousedown",b)}function d(){if(typeof e!=="undefined"){clearTimeout(e)}t.forEach(function(e){window.removeEventListener(e,d,{passive:true})});if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",s)}else{s()}}async function s(){c();u();f();m();await w(n.normal);await w(n.defer);await w(n.async);await p();document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))});window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),E().then(()=>{h()})}function c(){let o={};function e(t,e){function n(e){return o[t].delayedEvents.indexOf(e)>=0?"perfmatters-"+e:e}if(!o[t]){o[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]};t.addEventListener=function(){arguments[0]=n(arguments[0]);o[t].originalFunctions.add.apply(t,arguments)};t.removeEventListener=function(){arguments[0]=n(arguments[0]);o[t].originalFunctions.remove.apply(t,arguments)}}o[t].delayedEvents.push(e)}function t(t,n){const e=t[n];Object.defineProperty(t,n,{get:!e?function(){}:e,set:function(e){t["perfmatters"+n]=e}})}e(document,"DOMContentLoaded");e(window,"DOMContentLoaded");e(window,"load");e(document,"readystatechange");t(document,"onreadystatechange");t(window,"onload")}function u(){let n=window.jQuery;Object.defineProperty(window,"jQuery",{get(){return n},set(t){if(t&&t.fn&&!o.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){if(r){e.bind(document)(t)}else{document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})}};const e=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function t(e){e=e.split(" ");e=e.map(function(e){if(e==="load"||e.indexOf("load.")===0){return"perfmatters-jquery-load"}else{return e}});e=e.join(" ");return e}if(typeof arguments[0]=="string"||arguments[0]instanceof String){arguments[0]=t(arguments[0])}else if(typeof arguments[0]=="object"){Object.keys(arguments[0]).forEach(function(e){delete Object.assign(arguments[0],{[t(e)]:arguments[0][e]})[e]})}}return e.apply(this,arguments),this};o.push(t)}n=t}})}function f(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){if(e.hasAttribute("src")){if(e.hasAttribute("defer")&&e.defer!==false){n.defer.push(e)}else if(e.hasAttribute("async")&&e.async!==false){n.async.push(e)}else{n.normal.push(e)}}else{n.normal.push(e)}})}function m(){var o=document.createDocumentFragment();[...n.normal,...n.defer,...n.async].forEach(function(e){var t=e.getAttribute("src");if(t){var n=document.createElement("link");n.href=t;if(e.getAttribute("data-perfmatters-type")=="module"){n.rel="modulepreload"}else{n.rel="preload";n.as="script"}o.appendChild(n)}});document.head.appendChild(o)}async function w(e){var t=e.shift();if(t){await l(t);return w(e)}return Promise.resolve()}async function l(t){await v();return new Promise(function(e){const n=document.createElement("script");[...t.attributes].forEach(function(e){let t=e.nodeName;if(t!=="type"){if(t==="data-perfmatters-type"){t="type"}n.setAttribute(t,e.nodeValue)}});if(t.hasAttribute("src")){n.addEventListener("load",e);n.addEventListener("error",e)}else{n.text=t.text;e()}t.parentNode.replaceChild(n,t)})}async function p(){r=true;await v();document.dispatchEvent(new Event("perfmatters-DOMContentLoaded"));await v();window.dispatchEvent(new Event("perfmatters-DOMContentLoaded"));await v();document.dispatchEvent(new Event("perfmatters-readystatechange"));await v();if(document.perfmattersonreadystatechange){document.perfmattersonreadystatechange()}await v();window.dispatchEvent(new Event("perfmatters-load"));await v();if(window.perfmattersonload){window.perfmattersonload()}await v();o.forEach(function(e){e(window).trigger("perfmatters-jquery-load")})}async function v(){return new Promise(function(e){requestAnimationFrame(e)})}function h(){window.removeEventListener("touchstart",b,{passive:true});window.removeEventListener("mousedown",b);i.forEach(e=>{if(e.target.outerHTML===a){e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:true,cancelable:true}))}})}function E(){return new Promise(e=>{window.pmIsClickPending?g=e:e()})}function y(){window.pmIsClickPending=true}function g(){window.pmIsClickPending=false}function L(e){e.target.removeEventListener("click",L);C(e.target,"pm-onclick","onclick");i.push(e),e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();g()}function b(e){if(e.target.tagName!=="HTML"){if(!a){a=e.target.outerHTML}window.addEventListener("touchend",A);window.addEventListener("mouseup",A);window.addEventListener("touchmove",k,{passive:true});window.addEventListener("mousemove",k);e.target.addEventListener("click",L);C(e.target,"onclick","pm-onclick");y()}}function k(e){window.removeEventListener("touchend",A);window.removeEventListener("mouseup",A);window.removeEventListener("touchmove",k,{passive:true});window.removeEventListener("mousemove",k);e.target.removeEventListener("click",L);C(e.target,"pm-onclick","onclick");g()}function A(e){window.removeEventListener("touchend",A);window.removeEventListener("mouseup",A);window.removeEventListener("touchmove",k,{passive:true});window.removeEventListener("mousemove",k)}function C(e,t,n){if(e.hasAttribute&&e.hasAttribute(t)){event.target.setAttribute(n,event.target.getAttribute(t));event.target.removeAttribute(t)}}})();(function(){var e,a,s;function t(){(e=document.createElement("span")).id="elementor-device-mode",e.setAttribute("class","elementor-screen-only"),document.body.appendChild(e),requestAnimationFrame(n)}function n(){a=o(getComputedStyle(e,":after").content.replace(/"/g,"")),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(e=>{let t=e.getBoundingClientRect();if(t.bottom>=0&&t.top<=window.innerHeight)try{i(e)}catch(e){}})}function i(e){let t=JSON.parse(e.dataset.settings),n=t._animation_delay||t.animation_delay||0,i=t[a.find(e=>t[e])];if("none"===i)return void e.classList.remove("elementor-invisible");e.classList.remove(i),s&&e.classList.remove(s),s=i;let o=setTimeout(()=>{e.classList.remove("elementor-invisible"),e.classList.add("animated",i),l(e,t)},n);window.addEventListener("perfmatters-startLoading",function(){clearTimeout(o)})}function o(e="mobile"){let n=[""];switch(e){case"mobile":n.unshift("_mobile");case"tablet":n.unshift("_tablet");case"desktop":n.unshift("_desktop")}let i=[];return["animation","_animation"].forEach(t=>{n.forEach(e=>{i.push(t+e)})}),i}function l(e,t){o().forEach(e=>delete t[e]),e.dataset.settings=JSON.stringify(t)}document.addEventListener("DOMContentLoaded",t)})();</script></body> </html>