{"id":1070,"date":"2025-05-08T14:58:15","date_gmt":"2025-05-08T06:58:15","guid":{"rendered":"https:\/\/camerarent.synology.me\/wordpress\/?page_id=1070"},"modified":"2026-09-14T08:28:29","modified_gmt":"2026-09-14T00:28:29","slug":"%e6%9c%9b%e9%81%a0%e9%8f%a1","status":"publish","type":"page","link":"https:\/\/camerarent.synology.me\/wordpress\/%e6%9c%9b%e9%81%a0%e9%8f%a1\/","title":{"rendered":"\u671b\u9060\u93e1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1070\" class=\"elementor elementor-1070\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02fe877 e-flex e-con-boxed e-con e-parent\" data-id=\"02fe877\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1dfda6 elementor-widget elementor-widget-shortcode\" data-id=\"a1dfda6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div\n        class=\"cr-global-jump-search\"\n    >\n\n        <form\n            class=\"cr-global-jump-search-form\"\n        >\n\n            <div\n                class=\"cr-global-jump-search-input\"\n            >\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    aria-hidden=\"true\"\n                >\n                    <circle\n                        cx=\"11\"\n                        cy=\"11\"\n                        r=\"7\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                    \/>\n\n                    <path\n                        d=\"M16 16L21 21\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                        stroke-linecap=\"round\"\n                    \/>\n                <\/svg>\n\n\n                <input\n                    type=\"search\"\n                    class=\"cr-global-jump-input\"\n                    placeholder=\"\u641c\u5c0b\u5168\u7ad9\u51fa\u79df\u5668\u6750\u2026\u2026\"\n                    autocomplete=\"off\"\n                >\n\n            <\/div>\n\n\n            <button\n                type=\"submit\"\n                class=\"cr-global-jump-button\"\n            >\n                \u641c\u5c0b\n            <\/button>\n\n        <\/form>\n\n\n        <div class=\"cr-global-jump-suggestions\" style=\"display:none;\" role=\"listbox\" aria-label=\"\u5546\u54c1\u641c\u5c0b\u5efa\u8b70\"><\/div>\n\n        <div class=\"cr-global-jump-message\" style=\"display:none;\"><\/div>\n\n    <\/div>\n\n\n    <style>\n\n    .cr-global-jump-search {\n        width:100%;\n        max-width:1280px;\n        margin:0 auto;\n        box-sizing:border-box;\n        padding:0 30px;\n    }\n\n\n    .cr-global-jump-search-form {\n        display:flex;\n        align-items:center;\n        gap:10px;\n    }\n\n\n    .cr-global-jump-search-input {\n        position:relative;\n        flex:1;\n    }\n\n\n    .cr-global-jump-search-input svg {\n        position:absolute;\n        left:18px;\n        top:50%;\n        width:19px;\n        height:19px;\n        transform:translateY(-50%);\n        color:#888;\n        pointer-events:none;\n    }\n\n\n    .cr-global-jump-input {\n        width:100%;\n        height:52px;\n        box-sizing:border-box;\n\n        padding:\n            0 20px 0 48px;\n\n        border:1px solid #ddd;\n        border-radius:28px;\n\n        background:#fff;\n        color:#111;\n\n        font-size:14px;\n        outline:none;\n    }\n\n\n    .cr-global-jump-input:focus {\n        border-color:#888;\n    }\n\n\n    .cr-global-jump-button {\n        flex:0 0 auto;\n\n        height:52px;\n        padding:0 25px;\n\n        border:0;\n        border-radius:28px;\n\n        background:#111;\n        color:#fff;\n\n        font-size:13px;\n        cursor:pointer;\n\n        transition:\n            opacity .2s ease;\n    }\n\n\n    .cr-global-jump-button:hover {\n        opacity:.82;\n    }\n\n\n    .cr-global-jump-suggestions {\n        position:relative;\n        z-index:20;\n        margin-top:8px;\n        border:1px solid #e5e5e5;\n        border-radius:14px;\n        background:#fff;\n        box-shadow:0 12px 30px rgba(0,0,0,.10);\n        overflow:hidden;\n    }\n    .cr-global-jump-suggestion {\n        display:flex; align-items:center; gap:12px; width:100%;\n        padding:13px 16px; box-sizing:border-box; border:0;\n        border-bottom:1px solid #f0f0f0; background:#fff; color:#111;\n        text-align:left; cursor:pointer; font-size:14px;\n    }\n    .cr-global-jump-suggestion:last-child { border-bottom:0; }\n    .cr-global-jump-suggestion:hover,\n    .cr-global-jump-suggestion.is-active { background:#f7f7f7; }\n    .cr-global-jump-suggestion-title { flex:1; min-width:0; line-height:1.45; }\n    .cr-global-jump-suggestion-meta { flex:0 0 auto; color:#999; font-size:12px; white-space:nowrap; }\n\n    .cr-global-jump-message {\n        margin-top:10px;\n        padding-left:20px;\n\n        font-size:13px;\n        color:#888;\n    }\n\n\n    @media (max-width:700px) {\n\n        .cr-global-jump-search {\n            padding-left:18px;\n            padding-right:18px;\n        }\n\n\n        .cr-global-jump-search-form {\n            display:block;\n        }\n\n\n        .cr-global-jump-button {\n            width:100%;\n            margin-top:8px;\n        }\n\n    }\n\n    <\/style>\n\n\n    <script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\">\n    document.addEventListener('DOMContentLoaded', function() {\n        const box = document.querySelector('.cr-global-jump-search');\n        if (!box) return;\n        const form = box.querySelector('.cr-global-jump-search-form');\n        const input = box.querySelector('.cr-global-jump-input');\n        const list = box.querySelector('.cr-global-jump-suggestions');\n        const message = box.querySelector('.cr-global-jump-message');\n        const api = 'https:\/\/camerarent.synology.me\/wordpress\/wp-json\/camerarent\/v1\/search';\n        let timer = null, requestId = 0, results = [], active = -1;\n\n        function hide() { list.innerHTML=''; list.style.display='none'; results=[]; active=-1; }\n        function msg(t) { message.textContent=t; message.style.display=t?'block':'none'; }\n        function render(items) {\n            results=items.slice(0,5); active=-1; list.innerHTML='';\n            if (!results.length) { hide(); return; }\n            results.forEach(function(item,i){\n                const b=document.createElement('button'); b.type='button';\n                b.className='cr-global-jump-suggestion'; b.setAttribute('role','option');\n                const title=document.createElement('span'); title.className='cr-global-jump-suggestion-title'; title.textContent=item.title||'';\n                const meta=document.createElement('span'); meta.className='cr-global-jump-suggestion-meta'; meta.textContent=(item.brands&&item.brands.length)?item.brands[0]:'';\n                b.appendChild(title); if(meta.textContent)b.appendChild(meta);\n                b.addEventListener('click',function(){ if(item.url) window.location.href=item.url; });\n                list.appendChild(b);\n            });\n            list.style.display='block';\n        }\n        function setActive(i){\n            const items=list.querySelectorAll('.cr-global-jump-suggestion'); if(!items.length)return;\n            if(i<0)i=items.length-1; if(i>=items.length)i=0; active=i;\n            items.forEach(function(el,n){el.classList.toggle('is-active',n===i);el.setAttribute('aria-selected',n===i?'true':'false');});\n        }\n        function suggest(keyword){\n            const id=++requestId;\n            fetch(api+'?q='+encodeURIComponent(keyword)+'&suggestions=1')\n                .then(function(r){if(!r.ok)throw new Error('\u641c\u5c0b\u5931\u6557');return r.json();})\n                .then(function(data){if(id!==requestId)return; if(data&&Array.isArray(data.results))render(data.results);else hide();})\n                .catch(function(e){if(id===requestId){console.error(e);hide();}});\n        }\n\n        input.addEventListener('input',function(){\n            const k=input.value.trim(); clearTimeout(timer); msg('');\n            if(k.length<2){hide();return;}\n            timer=setTimeout(function(){suggest(k);},300);\n        });\n        input.addEventListener('keydown',function(e){\n            const open=list.style.display==='block'; if(!open)return;\n            if(e.key==='ArrowDown'){e.preventDefault();setActive(active+1);}\n            else if(e.key==='ArrowUp'){e.preventDefault();setActive(active-1);}\n            else if(e.key==='Escape'){e.preventDefault();hide();}\n            else if(e.key==='Enter'&&active>=0&&results[active]&&results[active].url){e.preventDefault();window.location.href=results[active].url;}\n        });\n        document.addEventListener('click',function(e){if(!box.contains(e.target))hide();});\n        form.addEventListener('submit',function(e){\n            e.preventDefault(); const k=input.value.trim(); hide();\n            if(!k){msg('\u8acb\u8f38\u5165\u5546\u54c1\u540d\u7a31\u6216\u578b\u865f\u3002');return;}\n            msg('\u641c\u5c0b\u4e2d\u2026\u2026');\n            fetch(api+'?q='+encodeURIComponent(k))\n                .then(function(r){if(!r.ok)throw new Error('\u641c\u5c0b\u5931\u6557');return r.json();})\n                .then(function(data){if(!data||!data.success||!data.url){msg(data&&data.message?data.message:'\u627e\u4e0d\u5230\u7b26\u5408\u7684\u51fa\u79df\u5668\u6750\u3002');return;} window.location.href=data.url;})\n                .catch(function(e){console.error(e);msg('\u641c\u5c0b\u767c\u751f\u932f\u8aa4\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66\u3002');});\n        });\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-586a868 e-flex e-con-boxed e-con e-parent\" data-id=\"586a868\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec8c245 elementor-widget elementor-widget-html\" data-id=\"ec8c245\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cr-home-v8\">\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.cr-home-v8,\n.cr-home-v8 * {\n    box-sizing: border-box;\n}\n\n.cr-home-v8 {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        \"Noto Sans TC\",\n        \"Microsoft JhengHei\",\n        sans-serif;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.cr8-hero {\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n\n    overflow: hidden;\n\n    background: #0d0d0d;\n    color: #fff;\n}\n\n\n.cr8-hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 760px;\n    height: 760px;\n\n    right: -360px;\n    top: -430px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.055);\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n\n.cr8-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 470px;\n    height: 470px;\n\n    right: -130px;\n    bottom: -300px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.035);\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.cr8-inner {\n    position: relative;\n\n    z-index: 2;\n\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    padding:\n        55px 30px\n        34px;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.cr8-top {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding-bottom: 24px;\n\n    border-bottom:\n        1px solid\n        rgba(255,255,255,.10);\n}\n\n\n.cr8-brand {\n    display: inline-block;\n\n    color: #fff !important;\n\n    text-decoration: none !important;\n\n    font-size: 28px;\n\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: -1.5px;\n\n    white-space: nowrap;\n\n    transition: opacity .2s ease;\n}\n\n\n.cr8-brand:hover {\n    color: #fff !important;\n\n    opacity: .7;\n}\n\n\n.cr8-top-note {\n    color: #555;\n\n    font-size: 9px;\n\n    letter-spacing: 3px;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.cr8-main {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .9fr)\n        minmax(430px, 1.1fr);\n\n    gap: 70px;\n\n    align-items: center;\n\n    padding:\n        58px 0\n        48px;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.cr8-copy {\n    max-width: 520px;\n}\n\n\n.cr8-kicker {\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 22px;\n\n    color: #777;\n\n    font-size: 10px;\n\n    letter-spacing: 5px;\n}\n\n\n.cr8-kicker::before {\n    content: \"\";\n\n    width: 40px;\n\n    height: 1px;\n\n    background: #777;\n}\n\n\n\/* =========================================================\n   HERO TITLE\n========================================================= *\/\n\n.cr8-title {\n    margin: 0;\n\n    color: #fff;\n\n    font-size:\n        clamp(44px, 5.4vw, 72px);\n\n    line-height: 1.08;\n\n    font-weight: 700;\n\n    letter-spacing: -3.5px;\n}\n\n\n.cr8-title span {\n    color: #666;\n}\n\n\n\/* =========================================================\n   \u79df\u501f\u9808\u77e5\n========================================================= *\/\n\n\/* =========================================================\n   \u79df\u501f\u9808\u77e5\n   \u653e\u5927\uff0b\u767d\u8272\n========================================================= *\/\n\n.cr8-rental-guide {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 20px;\n\n    margin-top: 30px;\n\n    color: #fff !important;\n\n    text-decoration: none !important;\n\n    font-size: 22px;\n\n    line-height: 1.4;\n\n    font-weight: 500;\n\n    letter-spacing: 1px;\n\n    transition:\n        opacity .2s ease,\n        gap .2s ease;\n}\n\n\n.cr8-rental-guide-arrow {\n\n    color: #fff !important;\n\n    font-size: 24px;\n\n    line-height: 1;\n\n    transition:\n        transform .2s ease,\n        opacity .2s ease;\n}\n\n\n.cr8-rental-guide:hover {\n\n    color: #fff !important;\n\n    gap: 27px;\n\n    opacity: .75;\n}\n\n\n.cr8-rental-guide:hover\n.cr8-rental-guide-arrow {\n\n    color: #fff !important;\n\n    transform: translateX(3px);\n}\n\n\n\/* =========================================================\n   RIGHT EQUIPMENT\n========================================================= *\/\n\n.cr8-equipment {\n    width: 100%;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.13);\n}\n\n\n.cr8-equipment-title {\n    padding:\n        13px 0\n        11px;\n\n    color: #555;\n\n    font-size: 9px;\n\n    letter-spacing: 4px;\n}\n\n\n\/* =========================================================\n   CATEGORY\n========================================================= *\/\n\n.cr8-category {\n    border-top:\n        1px solid\n        rgba(255,255,255,.08);\n}\n\n\n.cr8-category-button {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    width: 100%;\n\n    min-height: 55px;\n\n    padding: 0;\n\n    background: transparent;\n\n    border: 0;\n\n    color: #ddd;\n\n    cursor: pointer;\n\n    text-align: left;\n\n    font-family: inherit;\n\n    font-size: 14px;\n\n    font-weight: 500;\n}\n\n\n.cr8-category-button:hover {\n    color: #fff;\n}\n\n\n.cr8-category-left {\n    display: flex;\n\n    align-items: center;\n\n    gap: 17px;\n\n    min-width: 0;\n}\n\n\n.cr8-number {\n    width: 20px;\n\n    flex: 0 0 20px;\n\n    color: #444;\n\n    font-size: 9px;\n\n    letter-spacing: 2px;\n}\n\n\n.cr8-arrow {\n    color: #555;\n\n    font-size: 17px;\n\n    transition:\n        transform .25s ease,\n        color .25s ease;\n}\n\n\n.cr8-category.open\n.cr8-arrow {\n    color: #fff;\n\n    transform: rotate(90deg);\n}\n\n\n\/* =========================================================\n   SUBMENU\n========================================================= *\/\n\n.cr8-submenu {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0,1fr));\n\n    max-height: 0;\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transition:\n        max-height .3s ease,\n        opacity .2s ease;\n}\n\n\n.cr8-category.open\n.cr8-submenu {\n    max-height: 190px;\n\n    padding-bottom: 14px;\n\n    opacity: 1;\n}\n\n\n.cr8-submenu a {\n    display: flex;\n\n    align-items: center;\n\n    min-height: 36px;\n\n    padding:\n        0 14px;\n\n    border-left:\n        1px solid\n        rgba(255,255,255,.08);\n\n    color: #777 !important;\n\n    text-decoration: none !important;\n\n    font-size: 11px;\n\n    line-height: 1.4;\n\n    white-space: nowrap;\n\n    transition: color .2s ease;\n}\n\n\n.cr8-submenu a:first-child {\n    border-left: 0;\n}\n\n\n.cr8-submenu a:hover {\n    color: #fff !important;\n}\n\n\n\/* =========================================================\n   03 \u904b\u52d5\u76f8\u6a5f\uff0f\u96f2\u53f0\u76f8\u6a5f\uff0f\u624b\u6a5f\n   \u5169\u6b04\n========================================================= *\/\n\n.cr8-mobile-category\n.cr8-submenu {\n    grid-template-columns:\n        repeat(2, minmax(0,1fr));\n}\n\n\n.cr8-mobile-category\n.cr8-submenu a {\n    min-height: 38px;\n}\n\n\n\/* =========================================================\n   DIRECT LINK\n========================================================= *\/\n\n.cr8-direct {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    width: 100%;\n\n    min-height: 55px;\n\n    padding: 0;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.08);\n\n    color: #ddd !important;\n\n    text-decoration: none !important;\n\n    font-size: 14px;\n\n    font-weight: 500;\n\n    transition: color .2s ease;\n}\n\n\n.cr8-direct:hover {\n    color: #fff !important;\n}\n\n\n.cr8-direct-arrow {\n    color: #555;\n\n    font-size: 17px;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.cr8-bottom {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding-top: 19px;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.10);\n}\n\n\n.cr8-bottom-left {\n    color: #555;\n\n    font-size: 9px;\n\n    letter-spacing: 3px;\n}\n\n\n.cr8-bottom-right {\n    color: #444;\n\n    font-size: 9px;\n\n    letter-spacing: 1px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .cr8-main {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n\n        padding:\n            50px 0\n            42px;\n    }\n\n\n    .cr8-copy {\n        max-width: 700px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .cr8-inner {\n        padding:\n            34px 20px\n            25px;\n    }\n\n\n    .cr8-top {\n        padding-bottom: 22px;\n    }\n\n\n    .cr8-brand {\n        font-size: 24px;\n    }\n\n\n    .cr8-top-note {\n        display: none;\n    }\n\n\n    .cr8-main {\n        gap: 34px;\n\n        padding:\n            42px 0\n            32px;\n    }\n\n\n    .cr8-title {\n        font-size: 42px;\n\n        line-height: 1.12;\n\n        letter-spacing: -2.5px;\n    }\n\n\n    .cr8-rental-guide {\n        margin-top: 24px;\n\n        font-size: 13px;\n    }\n\n\n    .cr8-category-button,\n    .cr8-direct {\n        min-height: 51px;\n\n        font-size: 14px;\n    }\n\n\n    .cr8-submenu {\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n    }\n\n\n    .cr8-submenu a {\n        min-height: 38px;\n\n        padding-left: 16px;\n\n        font-size: 11px;\n    }\n\n\n    .cr8-bottom {\n        display: block;\n    }\n\n\n    .cr8-bottom-right {\n        margin-top: 8px;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     \u9996\u9801 HERO\n========================================================= -->\n\n<section class=\"cr8-hero\">\n\n<div class=\"cr8-inner\">\n\n\n    <!-- =====================================================\n         TOP\n    ====================================================== -->\n\n    <div class=\"cr8-top\">\n\n        <a\n            class=\"cr8-brand\"\n            href=\"https:\/\/camerarent.synology.me\/wordpress\/\"\n            aria-label=\"\u56de\u5230\u5361\u9ea5\u62c9\u6578\u4f4d\u9996\u9801\"\n        >\n            \u5361\u9ea5\u62c9\u6578\u4f4d\n        <\/a>\n\n\n        <div class=\"cr8-top-note\">\n            TAINAN \u00b7 PROFESSIONAL CAMERA RENTAL\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         MAIN\n    ====================================================== -->\n\n    <div class=\"cr8-main\">\n\n\n        <!-- =================================================\n             LEFT\n        ================================================== -->\n\n        <div class=\"cr8-copy\">\n\n            <div class=\"cr8-kicker\">\n                CAMERA RENTAL\n            <\/div>\n\n\n            <h1 class=\"cr8-title\">\n\n                See What Others Miss\n\n                <br>\n\n                 <span>\u770b\u898b\u5225\u4eba\u770b\u4e0d\u5230\u7684\u7d30\u7bc0<\/span>\n\n            <\/h1>\n\n\n            <!-- =================================================\n                 \u79df\u501f\u9808\u77e5\n            ================================================== -->\n\n            <a\n                class=\"cr8-rental-guide\"\n                href=\"https:\/\/camerarent.synology.me\/wordpress\/%e7%a7%9f%e5%80%9f%e9%a0%88%e7%9f%a5\/\"\n            >\n\n                <span>\n                    \u79df\u501f\u9808\u77e5\n                <\/span>\n\n                <span class=\"cr8-rental-guide-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT\n        ================================================== -->\n\n        <div\n            class=\"cr8-equipment\"\n            id=\"cr8-equipment\"\n        >\n\n            <div class=\"cr8-equipment-title\">\n                EXPLORE EQUIPMENT\n            <\/div>\n\n\n            <!-- =================================================\n                 01 \u76f8\u6a5f\n            ================================================= -->\n\n            <div class=\"cr8-category\">\n\n                <button\n                    type=\"button\"\n                    class=\"cr8-category-button\"\n                >\n\n                    <span class=\"cr8-category-left\">\n\n                        <span class=\"cr8-number\">\n                            01\n                        <\/span>\n\n                        <span>\n                            \u76f8\u6a5f\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"cr8-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"cr8-submenu\">\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/canon-2\/\"\n                    >\n                        Canon\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/nikon\/\"\n                    >\n                        Nikon\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/sony\/\"\n                    >\n                        SONY\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/fuji\/\"\n                    >\n                        FUJIFILM\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/ricoh\/\"\n                    >\n                        RICOH \/ LEICA \/ PENTAX\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/sigma\/\"\n                    >\n                        SIGMA \/ PANASONIC\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 02 \u93e1\u982d\n            ================================================= -->\n\n            <div class=\"cr8-category\">\n\n                <button\n                    type=\"button\"\n                    class=\"cr8-category-button\"\n                >\n\n                    <span class=\"cr8-category-left\">\n\n                        <span class=\"cr8-number\">\n                            02\n                        <\/span>\n\n                        <span>\n                            \u93e1\u982d\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"cr8-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"cr8-submenu\">\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/canon-2\/\"\n                    >\n                        Canon\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/nikon\/\"\n                    >\n                        Nikon\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/sony\/\"\n                    >\n                        SONY\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/fuji\/\"\n                    >\n                        FUJIFILM\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/ricoh\/\"\n                    >\n                        RICOH \/ LEICA \/ PENTAX\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/sigma\/\"\n                    >\n                        SIGMA \/ PANASONIC\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 03 \u904b\u52d5\u76f8\u6a5f\uff0f\u96f2\u53f0\u76f8\u6a5f\uff0f\u624b\u6a5f\n            ================================================= -->\n\n            <div class=\"cr8-category cr8-mobile-category\">\n\n                <button\n                    type=\"button\"\n                    class=\"cr8-category-button\"\n                >\n\n                    <span class=\"cr8-category-left\">\n\n                        <span class=\"cr8-number\">\n                            03\n                        <\/span>\n\n                        <span>\n                            \u904b\u52d5\u76f8\u6a5f\uff0f\u96f2\u53f0\u76f8\u6a5f\uff0f\u624b\u6a5f\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"cr8-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"cr8-submenu\">\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/insta360\/\"\n                    >\n                        DJI\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/insta360\/\"\n                    >\n                        Insta360\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/insta360\/\"\n                    >\n                        GoPro\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/insta360\/\"\n                    >\n                        Samsung\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/insta360\/\"\n                    >\n                        VIVO\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/camerarent.synology.me\/wordpress\/insta360\/\"\n                    >\n                        OPPO\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 04 \u7a7a\u62cd\u6a5f\n            ================================================= -->\n\n            <a\n                class=\"cr8-direct\"\n                href=\"https:\/\/camerarent.synology.me\/wordpress\/dji\/\"\n            >\n\n                <span class=\"cr8-category-left\">\n\n                    <span class=\"cr8-number\">\n                        04\n                    <\/span>\n\n                    <span>\n                        \u7a7a\u62cd\u6a5f\n                    <\/span>\n\n                <\/span>\n\n\n                <span class=\"cr8-direct-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 05 \u71c8\u5177\n            ================================================= -->\n\n            <a\n                class=\"cr8-direct\"\n                href=\"https:\/\/camerarent.synology.me\/wordpress\/%e7%87%88%e5%85%b7\/\"\n            >\n\n                <span class=\"cr8-category-left\">\n\n                    <span class=\"cr8-number\">\n                        05\n                    <\/span>\n\n                    <span>\n                        \u71c8\u5177\n                    <\/span>\n\n                <\/span>\n\n\n                <span class=\"cr8-direct-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 06 \u9304\u97f3\u8a2d\u5099\n            ================================================= -->\n\n            <a\n                class=\"cr8-direct\"\n                href=\"https:\/\/camerarent.synology.me\/wordpress\/%e9%8c%84%e9%9f%b3%e8%a8%ad%e5%82%99\/\"\n            >\n\n                <span class=\"cr8-category-left\">\n\n                    <span class=\"cr8-number\">\n                        06\n                    <\/span>\n\n                    <span>\n                        \u9304\u97f3\u8a2d\u5099\n                    <\/span>\n\n                <\/span>\n\n\n                <span class=\"cr8-direct-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 07 \u9031\u908a\u914d\u4ef6\n            ================================================= -->\n\n            <a\n                class=\"cr8-direct\"\n                href=\"https:\/\/camerarent.synology.me\/wordpress\/%e9%80%b1%e9%82%8a\/\"\n            >\n\n                <span class=\"cr8-category-left\">\n\n                    <span class=\"cr8-number\">\n                        07\n                    <\/span>\n\n                    <span>\n                        \u9031\u908a\u914d\u4ef6\n                    <\/span>\n\n                <\/span>\n\n\n                <span class=\"cr8-direct-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 08 \u671b\u9060\u93e1\n            ================================================= -->\n\n            <a\n                class=\"cr8-direct\"\n                href=\"https:\/\/camerarent.synology.me\/wordpress\/%e6%9c%9b%e9%81%a0%e9%8f%A1\/\"\n            >\n\n                <span class=\"cr8-category-left\">\n\n                    <span class=\"cr8-number\">\n                        08\n                    <\/span>\n\n                    <span>\n                        \u6236\u5916\u89c0\u5bdf   \n                    <\/span>\n\n                <\/span>\n\n\n                <span class=\"cr8-direct-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n    ====================================================== -->\n\n    <div class=\"cr8-bottom\">\n\n        <div class=\"cr8-bottom-left\">\n            CAMERA \u00b7 LENS \u00b7 VIDEO \u00b7 LIGHT \u00b7 AUDIO\n        <\/div>\n\n        <div class=\"cr8-bottom-right\">\n            TAINAN CAMERA RENTAL\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n<script>\n\n(function() {\n\n    function initCR8() {\n\n        document\n        .querySelectorAll(\n            '.cr-home-v8 .cr8-category-button'\n        )\n        .forEach(function(button) {\n\n            if (\n                button.dataset.cr8Ready === '1'\n            ) {\n                return;\n            }\n\n            button.dataset.cr8Ready = '1';\n\n\n            button.addEventListener(\n                'click',\n                function() {\n\n                    const category =\n                        button.closest(\n                            '.cr8-category'\n                        );\n\n                    if (!category) {\n                        return;\n                    }\n\n\n                    const isOpen =\n                        category.classList.contains(\n                            'open'\n                        );\n\n\n                    \/*\n                     * \u95dc\u9589\u5176\u5b83\u5206\u985e\n                     *\/\n\n                    category\n                    .parentElement\n                    .querySelectorAll(\n                        '.cr8-category'\n                    )\n                    .forEach(function(item) {\n\n                        item.classList.remove(\n                            'open'\n                        );\n\n                    });\n\n\n                    \/*\n                     * \u958b\u555f\u76ee\u524d\u5206\u985e\n                     *\/\n\n                    if (!isOpen) {\n\n                        category.classList.add(\n                            'open'\n                        );\n\n                    }\n\n                }\n            );\n\n        });\n\n    }\n\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initCR8\n        );\n\n    } else {\n\n        initCR8();\n\n    }\n\n})();\n\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-032f59c e-flex e-con-boxed e-con e-parent\" data-id=\"032f59c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e96dd elementor-widget elementor-widget-html\" data-id=\"c7e96dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"cr-owl-observation\">\n\n  <!-- ==================================================\n       HEADER\n  ================================================== -->\n\n  <div class=\"cr-owl-header\">\n\n    <div class=\"cr-owl-kicker\">\n      OUTDOOR OBSERVATION\n    <\/div>\n\n    <h2>\n      Find It. See It.\n    <\/h2>\n\n    <p>\n      \u5148\u627e\u5230\uff0c\u518d\u770b\u6e05\u695a\u3002\n    <\/p>\n\n  <\/div>\n\n\n  <!-- ==================================================\n       MAIN VIEWER\n  ================================================== -->\n\n  <div class=\"cr-owl-viewer\">\n\n\n    <!-- ================================================\n         \u9032\u5165\u9801\u9762\u9810\u8a2d\u7167\u7247\n         DSC_0144\n    ================================================= -->\n\n    <img data-recalc-dims=\"1\" decoding=\"async\"\n      class=\"cr-owl-media cr-owl-default\"\n      src=\"https:\/\/i0.wp.com\/camerarent.synology.me\/wordpress\/wp-content\/uploads\/2026\/09\/IMG_1436.jpeg?w=1140&#038;ssl=1\"\n      alt=\"\u91ce\u5916\u9ce5\u985e\u89c0\u5bdf\"\n    >\n\n\n    <!-- ================================================\n         \u5149\u5b78\u89c0\u5bdf\u7167\u7247\n         0F0A9514\n    ================================================= -->\n\n    <img decoding=\"async\"\n      class=\"cr-owl-media cr-owl-optical\"\n      src=\"https:\/\/lh3.googleusercontent.com\/d\/1EnPRazuAd6adXTvPFX947FuLMhDSkWe_=w619?authuser=0\"\n\n\n      alt=\"\u5149\u5b78\u89c0\u5bdf\"\n    >\n\n\n    <!-- ================================================\n         FQ35 \u71b1\u6210\u50cf\u5f71\u7247\n    ================================================= -->\n\n    <video\n      class=\"cr-owl-media cr-owl-thermal\"\n      src=\"https:\/\/camerarent.synology.me\/wordpress\/wp-content\/uploads\/2026\/09\/V_20260911103854220-1.mov\"\n      muted\n      loop\n      playsinline\n      preload=\"auto\"\n    ><\/video>\n\n\n    <!-- ==================================================\n         HUD\n    ================================================== -->\n\n    <div class=\"cr-owl-hud\">\n\n      <div class=\"cr-owl-status\">\n\n        <span class=\"cr-status-dot\"><\/span>\n\n        <span class=\"cr-mode-text\">\n          OBSERVATION\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"cr-owl-target-count\">\n\n        <strong class=\"cr-count\">\n          3\n        <\/strong>\n\n        <span class=\"cr-count-text\">\n          TARGETS\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ==================================================\n         TARGET 01\n         \u5de6\u4e0a\u65b9\u9ce5\n    ================================================== -->\n\n    <div class=\"cr-target cr-target-1\">\n\n      <span>\n        TARGET 01\n      <\/span>\n\n    <\/div>\n\n\n    <!-- ==================================================\n         TARGET 02\n         \u4e2d\u4e0a\u65b9\u9ce5\n    ================================================== -->\n\n    <div class=\"cr-target cr-target-2\">\n\n      <span>\n        TARGET 02\n      <\/span>\n\n    <\/div>\n\n\n    <!-- ==================================================\n         TARGET 03\n         \u4e2d\u9593\u504f\u53f3\u9ce5\n    ================================================== -->\n\n    <div class=\"cr-target cr-target-3\">\n\n      <span>\n        TARGET 03\n      <\/span>\n\n    <\/div>\n\n\n    <!-- ==================================================\n         MODE CONTROLS\n    ================================================== -->\n\n    <div class=\"cr-owl-controls\">\n\n\n      <button\n        type=\"button\"\n        class=\"cr-mode-btn active\"\n        data-mode=\"default\"\n      >\n\n        <span>\ud83d\udc41<\/span>\n\n        \u89c0\u5bdf\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"cr-mode-btn\"\n        data-mode=\"optical\"\n      >\n\n        <span>\ud83d\udd2d<\/span>\n\n        \u5149\u5b78\u89c0\u5bdf\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"cr-mode-btn\"\n        data-mode=\"thermal\"\n      >\n\n        <span>\ud83c\udf21\ufe0f<\/span>\n\n        \u71b1\u6210\u50cf\n\n      <\/button>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <!-- ==================================================\n       DESCRIPTION\n  ================================================== -->\n\n  <div class=\"cr-owl-description\">\n\n\n    <div class=\"cr-desc-item\">\n\n      <span class=\"cr-desc-icon\">\n        \ud83d\udd2d\n      <\/span>\n\n      <div>\n\n        <strong>\n          \u5149\u5b78\u89c0\u5bdf\n        <\/strong>\n\n        <p>\n          \u770b\u6e05\u695a\u9ce5\u7684\u5f62\u614b\u3001\u59ff\u614b\u8207\u7fbd\u6bdb\u7d30\u7bc0\u3002\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cr-desc-line\"><\/div>\n\n\n    <div class=\"cr-desc-item\">\n\n      <span class=\"cr-desc-icon\">\n        \ud83c\udf21\ufe0f\n      <\/span>\n\n      <div>\n\n        <strong>\n          \u71b1\u6210\u50cf\n        <\/strong>\n\n        <p>\n          \u5728\u8907\u96dc\u74b0\u5883\u4e2d\u5feb\u901f\u767c\u73fe\u8089\u773c\u4e0d\u5bb9\u6613\u627e\u5230\u7684\u76ee\u6a19\u3002\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <!-- ==================================================\n       CTA\n  ================================================== -->\n\n  <a\n    href=\"https:\/\/www.facebook.com\/@karmaila\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    class=\"cr-action-button\"\n  >\n\n    \u8a62\u554f\u89c0\u5bdf\u5668\u6750\u79df\u501f\n\n  <\/a>\n\n\n<\/section>\n\n\n\n<style>\n\n\/* ======================================================\n   RESET \/ MAIN\n====================================================== *\/\n\n#cr-owl-observation {\n\n  width: 100%;\n  max-width: 1180px;\n\n  margin: 0 auto;\n\n  padding: 70px 20px 90px;\n\n  box-sizing: border-box;\n\n  color: #f4f4f4;\n\n  background: #0b0c0d;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n}\n\n\n\/* ======================================================\n   HEADER\n====================================================== *\/\n\n.cr-owl-header {\n\n  text-align: center;\n\n  margin-bottom: 38px;\n\n}\n\n\n.cr-owl-kicker {\n\n  margin-bottom: 14px;\n\n  color: #888;\n\n  font-size: 11px;\n\n  letter-spacing: 4px;\n\n}\n\n\n.cr-owl-header h2 {\n\n  margin: 0;\n\n  color: #f5f5f5;\n\n  font-size: clamp(38px, 6vw, 68px);\n\n  font-weight: 500;\n\n  line-height: 1;\n\n  letter-spacing: -2px;\n\n}\n\n\n.cr-owl-header p {\n\n  margin: 16px 0 0;\n\n  color: #999;\n\n  font-size: 18px;\n\n  letter-spacing: 2px;\n\n}\n\n\n\/* ======================================================\n   VIEWER\n\n   \u975e\u5e38\u91cd\u8981\uff1a\n\n   FQ35 \u5f71\u7247\u5be6\u969b\u756b\u9762\uff1a\n   700 \u00d7 492\n\n   \u56e0\u6b64 Viewer \u4e5f\u4f7f\u7528\u76f8\u540c\u6bd4\u4f8b\u3002\n\n   \u4e0d\u7528 16:9\n   \u4e0d\u7528 4:3\n====================================================== *\/\n\n.cr-owl-viewer {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 700 \/ 492;\n\n  overflow: hidden;\n\n  background: #050505;\n\n  border-radius: 18px;\n\n  box-shadow:\n    0 25px 70px rgba(0,0,0,.45),\n    inset 0 0 0 1px rgba(255,255,255,.06);\n\n}\n\n\n\/* ======================================================\n   MEDIA\n====================================================== *\/\n\n.cr-owl-media {\n\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  transition:\n    opacity .55s ease;\n\n}\n\n\n\/* ======================================================\n   DEFAULT\n   DSC_0144\n====================================================== *\/\n\n.cr-owl-default {\n\n  z-index: 1;\n\n  opacity: 1;\n\n}\n\n\n\/* ======================================================\n   OPTICAL\n   0F0A9514\n====================================================== *\/\n\n.cr-owl-optical {\n\n  z-index: 2;\n\n  opacity: 0;\n\n}\n\n\n\/* ======================================================\n   THERMAL VIDEO\n====================================================== *\/\n\n.cr-owl-thermal {\n\n  z-index: 3;\n\n  opacity: 0;\n\n}\n\n\n\/* ======================================================\n   OPTICAL MODE\n====================================================== *\/\n\n#cr-owl-observation.mode-optical\n.cr-owl-default {\n\n  opacity: 0;\n\n}\n\n\n#cr-owl-observation.mode-optical\n.cr-owl-optical {\n\n  opacity: 1;\n\n}\n\n\n#cr-owl-observation.mode-optical\n.cr-owl-thermal {\n\n  opacity: 0;\n\n}\n\n\n\/* ======================================================\n   THERMAL MODE\n====================================================== *\/\n\n#cr-owl-observation.mode-thermal\n.cr-owl-default {\n\n  opacity: 0;\n\n}\n\n\n#cr-owl-observation.mode-thermal\n.cr-owl-optical {\n\n  opacity: 0;\n\n}\n\n\n#cr-owl-observation.mode-thermal\n.cr-owl-thermal {\n\n  opacity: 1;\n\n}\n\n\n\/* ======================================================\n   HUD\n====================================================== *\/\n\n.cr-owl-hud {\n\n  position: absolute;\n\n  z-index: 30;\n\n  top: 20px;\n\n  left: 20px;\n\n  right: 20px;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: center;\n\n  pointer-events: none;\n\n}\n\n\n.cr-owl-status,\n.cr-owl-target-count {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  padding: 9px 13px;\n\n  background:\n    rgba(0,0,0,.48);\n\n  backdrop-filter:\n    blur(12px);\n\n  -webkit-backdrop-filter:\n    blur(12px);\n\n  border:\n    1px solid rgba(255,255,255,.13);\n\n  border-radius: 8px;\n\n  font-size: 10px;\n\n  letter-spacing: 2px;\n\n}\n\n\n.cr-status-dot {\n\n  width: 7px;\n\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #eee;\n\n  box-shadow:\n    0 0 10px rgba(255,255,255,.7);\n\n}\n\n\n.cr-count {\n\n  font-size: 14px;\n\n  font-weight: 500;\n\n}\n\n\n\/* ======================================================\n   TARGET SYSTEM\n\n   \u4ee5\u4e0b\u5ea7\u6a19\u4ee5\uff1a\n\n   700 \u00d7 492\n\n   \u70ba\u57fa\u6e96\u3002\n\n   \u56e0\u70ba Viewer \u540c\u6bd4\u4f8b\uff0c\u6240\u4ee5\u4e0d\u6703\u56e0\u88c1\u5207\u9020\u6210\n   TARGET \u504f\u79fb\u3002\n====================================================== *\/\n\n.cr-target {\n\n  position: absolute;\n\n  z-index: 25;\n\n  box-sizing: border-box;\n\n  border:\n    1px solid rgba(255,255,255,.9);\n\n  pointer-events: none;\n\n  opacity: 0;\n\n  transform: scale(.96);\n\n  transition:\n    opacity .45s ease,\n    transform .45s ease;\n\n}\n\n\n\/* ======================================================\n   TARGET 01\n\n   \u5de6\u4e0a\u9ce5\n\n   \u539f\u59cb\u756b\u9762\u5927\u7d04\uff1a\n\n   X\uff1a20 \uff5e 110\n   Y\uff1a65 \uff5e 185\n====================================================== *\/\n\n.cr-target-1 {\n\n  left: 2.4%;\n\n  top: 13.0%;\n\n  width: 13.0%;\n\n  height: 24.0%;\n\n}\n\n\n\/* ======================================================\n   TARGET 02\n\n   \u4e2d\u4e0a\u9ce5\n\n   \u539f\u59cb\u756b\u9762\u5927\u7d04\uff1a\n\n   X\uff1a137 \uff5e 230\n   Y\uff1a65 \uff5e 195\n====================================================== *\/\n\n.cr-target-2 {\n\n  left: 19.5%;\n\n  top: 12.5%;\n\n  width: 14.5%;\n\n  height: 26.0%;\n\n}\n\n\n\/* ======================================================\n   TARGET 03\n\n   \u4e2d\u9593\u504f\u53f3\u9ce5\n\n   \u539f\u59cb\u756b\u9762\u5927\u7d04\uff1a\n\n   X\uff1a275 \uff5e 370\n   Y\uff1a165 \uff5e 290\n====================================================== *\/\n\n.cr-target-3 {\n\n  left: 39.0%;\n\n  top: 32.5%;\n\n  width: 14.0%;\n\n  height: 27.0%;\n\n}\n\n\n\/* ======================================================\n   TARGET ONLY THERMAL\n====================================================== *\/\n\n#cr-owl-observation.mode-thermal\n.cr-target {\n\n  opacity: 1;\n\n  transform:\n    scale(1);\n\n}\n\n\n\/* ======================================================\n   TARGET LABEL\n====================================================== *\/\n\n.cr-target span {\n\n  position: absolute;\n\n  left: -1px;\n\n  top: -21px;\n\n  padding: 4px 6px;\n\n  background:\n    rgba(0,0,0,.58);\n\n  color:\n    rgba(255,255,255,.95);\n\n  font-size: 8px;\n\n  line-height: 1;\n\n  letter-spacing: 1.5px;\n\n  white-space: nowrap;\n\n}\n\n\n\/* ======================================================\n   TARGET CORNER MARK\n====================================================== *\/\n\n.cr-target::before,\n.cr-target::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  background:\n    rgba(255,255,255,.95);\n\n}\n\n\n.cr-target::before {\n\n  width: 13px;\n\n  height: 1px;\n\n  left: -1px;\n\n  top: -1px;\n\n}\n\n\n.cr-target::after {\n\n  width: 1px;\n\n  height: 13px;\n\n  left: -1px;\n\n  top: -1px;\n\n}\n\n\n\/* ======================================================\n   CONTROLS\n====================================================== *\/\n\n.cr-owl-controls {\n\n  position: absolute;\n\n  z-index: 40;\n\n  left: 50%;\n\n  bottom: 20px;\n\n  transform:\n    translateX(-50%);\n\n  display: flex;\n\n  gap: 4px;\n\n  padding: 5px;\n\n  background:\n    rgba(0,0,0,.62);\n\n  backdrop-filter:\n    blur(14px);\n\n  -webkit-backdrop-filter:\n    blur(14px);\n\n  border:\n    1px solid rgba(255,255,255,.13);\n\n  border-radius: 12px;\n\n}\n\n\n.cr-mode-btn {\n\n  border: 0;\n\n  outline: none;\n\n  background:\n    transparent;\n\n  color:\n    rgba(255,255,255,.62);\n\n  padding:\n    11px 17px;\n\n  border-radius: 8px;\n\n  font-size: 13px;\n\n  letter-spacing: .4px;\n\n  cursor: pointer;\n\n  transition:\n    background .3s ease,\n    color .3s ease;\n\n}\n\n\n.cr-mode-btn span {\n\n  margin-right: 5px;\n\n}\n\n\n.cr-mode-btn:hover {\n\n  color: #fff;\n\n}\n\n\n.cr-mode-btn.active {\n\n  background:\n    rgba(255,255,255,.13);\n\n  color: #fff;\n\n}\n\n\n\/* ======================================================\n   DESCRIPTION\n====================================================== *\/\n\n.cr-owl-description {\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  gap: 45px;\n\n  margin-top: 38px;\n\n}\n\n\n.cr-desc-item {\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 14px;\n\n  max-width: 350px;\n\n}\n\n\n.cr-desc-icon {\n\n  font-size: 23px;\n\n  line-height: 1;\n\n}\n\n\n.cr-desc-item strong {\n\n  display: block;\n\n  margin-bottom: 6px;\n\n  font-size: 15px;\n\n  font-weight: 500;\n\n}\n\n\n.cr-desc-item p {\n\n  margin: 0;\n\n  color: #888;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n\n}\n\n\n.cr-desc-line {\n\n  width: 1px;\n\n  height: 45px;\n\n  background:\n    rgba(255,255,255,.12);\n\n}\n\n\n\/* ======================================================\n   CTA\n====================================================== *\/\n\n.cr-action-button {\n\n  display: block;\n\n  width: fit-content;\n\n  margin: 45px auto 0;\n\n  padding: 13px 25px;\n\n  color: #fff;\n\n  text-decoration: none;\n\n  border:\n    1px solid rgba(255,255,255,.25);\n\n  border-radius: 8px;\n\n  font-size: 13px;\n\n  letter-spacing: 1px;\n\n  transition:\n    background .3s ease,\n    border-color .3s ease;\n\n}\n\n\n.cr-action-button:hover {\n\n  color: #fff;\n\n  background:\n    rgba(255,255,255,.08);\n\n  border-color:\n    rgba(255,255,255,.5);\n\n}\n\n\n\/* ======================================================\n   MOBILE\n====================================================== *\/\n\n@media (max-width: 700px) {\n\n\n  #cr-owl-observation {\n\n    padding:\n      50px 12px 70px;\n\n  }\n\n\n  .cr-owl-header {\n\n    margin-bottom: 25px;\n\n  }\n\n\n  .cr-owl-header h2 {\n\n    font-size: 42px;\n\n  }\n\n\n  .cr-owl-header p {\n\n    font-size: 15px;\n\n  }\n\n\n  .cr-owl-viewer {\n\n    aspect-ratio:\n      700 \/ 492;\n\n    border-radius: 12px;\n\n  }\n\n\n  .cr-owl-hud {\n\n    top: 12px;\n\n    left: 12px;\n\n    right: 12px;\n\n  }\n\n\n  .cr-owl-status,\n  .cr-owl-target-count {\n\n    padding:\n      7px 9px;\n\n    font-size: 8px;\n\n  }\n\n\n  .cr-owl-controls {\n\n    left: 12px;\n\n    right: 12px;\n\n    bottom: 12px;\n\n    width: auto;\n\n    transform: none;\n\n  }\n\n\n  .cr-mode-btn {\n\n    flex: 1;\n\n    padding:\n      10px 5px;\n\n    font-size: 11px;\n\n  }\n\n\n  .cr-mode-btn span {\n\n    margin-right: 2px;\n\n  }\n\n\n  .cr-owl-description {\n\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 25px;\n\n    padding:\n      0 10px;\n\n  }\n\n\n  .cr-desc-line {\n\n    width: 100%;\n\n    height: 1px;\n\n  }\n\n}\n\n\n\/* ======================================================\n   SMALL MOBILE\n====================================================== *\/\n\n@media (max-width: 420px) {\n\n\n  .cr-mode-btn {\n\n    font-size: 10px;\n\n  }\n\n\n  .cr-mode-btn span {\n\n    display: none;\n\n  }\n\n\n  .cr-target span {\n\n    font-size: 7px;\n\n    padding:\n      3px 4px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n\n  function initOwlObservation() {\n\n\n    const root =\n      document.getElementById(\n        \"cr-owl-observation\"\n      );\n\n\n    if (!root) return;\n\n\n    \/* ----------------------------------------------\n       \u5143\u4ef6\n    ---------------------------------------------- *\/\n\n    const buttons =\n      root.querySelectorAll(\n        \".cr-mode-btn\"\n      );\n\n\n    const video =\n      root.querySelector(\n        \".cr-owl-thermal\"\n      );\n\n\n    const modeText =\n      root.querySelector(\n        \".cr-mode-text\"\n      );\n\n\n    const count =\n      root.querySelector(\n        \".cr-count\"\n      );\n\n\n    const countText =\n      root.querySelector(\n        \".cr-count-text\"\n      );\n\n\n    \/* ----------------------------------------------\n       \u9632\u6b62\u91cd\u8907\u521d\u59cb\u5316\n    ---------------------------------------------- *\/\n\n    if (\n      root.dataset.initialized === \"true\"\n    ) {\n\n      return;\n\n    }\n\n\n    root.dataset.initialized = \"true\";\n\n\n    \/* ----------------------------------------------\n       \u5207\u63db\n    ---------------------------------------------- *\/\n\n    buttons.forEach(function(button) {\n\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n\n          const mode =\n            button.getAttribute(\n              \"data-mode\"\n            );\n\n\n          \/* \u79fb\u9664\u6a21\u5f0f *\/\n\n          root.classList.remove(\n            \"mode-optical\",\n            \"mode-thermal\"\n          );\n\n\n          \/* Active *\/\n\n          buttons.forEach(\n            function(btn) {\n\n              btn.classList.remove(\n                \"active\"\n              );\n\n            }\n          );\n\n\n          button.classList.add(\n            \"active\"\n          );\n\n\n          \/* ======================================\n             \u9810\u8a2d\u89c0\u5bdf\n          ====================================== *\/\n\n          if (\n            mode === \"default\"\n          ) {\n\n\n            modeText.textContent =\n              \"OBSERVATION\";\n\n\n            count.textContent =\n              \"3\";\n\n\n            countText.textContent =\n              \"TARGETS\";\n\n\n            if (video) {\n\n              video.pause();\n\n            }\n\n          }\n\n\n          \/* ======================================\n             \u5149\u5b78\n          ====================================== *\/\n\n          else if (\n            mode === \"optical\"\n          ) {\n\n\n            root.classList.add(\n              \"mode-optical\"\n            );\n\n\n            modeText.textContent =\n              \"OPTICAL\";\n\n\n            count.textContent =\n              \"1\";\n\n\n            countText.textContent =\n              \"TARGET\";\n\n\n            if (video) {\n\n              video.pause();\n\n            }\n\n          }\n\n\n          \/* ======================================\n             \u71b1\u6210\u50cf\n          ====================================== *\/\n\n          else if (\n            mode === \"thermal\"\n          ) {\n\n\n            root.classList.add(\n              \"mode-thermal\"\n            );\n\n\n            modeText.textContent =\n              \"THERMAL\";\n\n\n            count.textContent =\n              \"3\";\n\n\n            countText.textContent =\n              \"TARGETS DETECTED\";\n\n\n            if (video) {\n\n\n              \/*\n                 \u6bcf\u6b21\u9032\u5165\u71b1\u6210\u50cf\uff0c\n                 \u5f9e\u5f71\u7247\u7b2c\u4e00\u79d2\u958b\u59cb\n              *\/\n\n              try {\n\n                video.currentTime = 0;\n\n              } catch (e) {}\n\n\n              const playPromise =\n                video.play();\n\n\n              if (\n                playPromise !== undefined\n              ) {\n\n                playPromise.catch(\n                  function () {}\n                );\n\n              }\n\n            }\n\n          }\n\n\n        }\n      );\n\n\n    });\n\n\n  }\n\n\n  \/* ----------------------------------------------\n     Elementor \u76f8\u5bb9\n  ---------------------------------------------- *\/\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initOwlObservation\n    );\n\n  } else {\n\n    initOwlObservation();\n\n  }\n\n\n  \/* Elementor \u52d5\u614b\u8f09\u5165 *\/\n\n  if (\n    window.jQuery\n  ) {\n\n\n    jQuery(window).on(\n      \"elementor\/frontend\/init\",\n      function () {\n\n        setTimeout(\n          initOwlObservation,\n          100\n        );\n\n      }\n    );\n\n\n  }\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d7cb6 e-flex e-con-boxed e-con e-parent\" data-id=\"44d7cb6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c98e90 elementor-widget elementor-widget-shortcode\" data-id=\"4c98e90\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n    <div class=\"cr-catalog\">\n\n        <div class=\"cr-top\">\n\n            <div>\n\n                <div class=\"cr-small-title\">\n                    CAMERA RENTAL\n                <\/div>\n\n                <h1>\n                    \u671b\u9060\u93e1                <\/h1>\n\n                <p>\n                    \u76f8\u6a5f\u30fb\u93e1\u982d\u30fb\u651d\u5f71\u5668\u6750\u79df\u501f\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"cr-search-box\">\n\n                <input\n                    type=\"text\"\n                    class=\"cr-search\"\n                    placeholder=\"\u641c\u5c0b\u54c1\u9805...\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- \u81ea\u52d5\u5206\u985e\uff1a\u53ea\u986f\u793a\u76ee\u524d\u9801\u9762\u5be6\u969b\u5b58\u5728\u7684\u5206\u985e -->\n\n        <div class=\"cr-filters\">\n\n            <button\n                type=\"button\"\n                class=\"cr-filter active\"\n                data-filter=\"all\"\n            >\n                \u5168\u90e8\n            <\/button>\n\n\n            \n                <button\n                    type=\"button\"\n                    class=\"cr-filter\"\n                    data-filter=\"cat-%e6%9c%9b%e9%81%a0%e9%8f%a1\"\n                >\n                    \u671b\u9060\u93e1                <\/button>\n\n            \n                <button\n                    type=\"button\"\n                    class=\"cr-filter\"\n                    data-filter=\"cat-%e7%86%b1%e6%88%90%e5%83%8f\"\n                >\n                    \u71b1\u6210\u50cf                <\/button>\n\n            \n        <\/div>\n\n\n        <div class=\"cr-count-text\">\n\n            \u5171\n\n            <strong class=\"cr-count\">\n                2            <\/strong>\n\n            \u9805\n\n        <\/div>\n\n\n        <div class=\"cr-grid\">\n\n            \n<article\n    id=\"rental-product-3317\"\n    class=\"cr-card\"\n    data-product-id=\"3317\"\n    data-filter=\"cat-%e6%9c%9b%e9%81%a0%e9%8f%a1\"\n    data-title=\"zeiss sfl 10x40\"\n>\n>\n                    <div class=\"cr-image\">\n\n                        \n                            <img decoding=\"async\"\n                                src=\"https:\/\/i0.wp.com\/camerarent.synology.me\/wordpress\/wp-content\/uploads\/2026\/09\/10x40.webp?fit=750%2C750&#038;ssl=1\"\n                                alt=\"ZEISS SFL 10X40\"\n                                loading=\"lazy\"\n                            >\n\n                        \n\n                        \n                    <\/div>\n\n\n                    <div class=\"cr-body\">\n\n                        \n                            <div\n                                class=\"cr-category\"\n                            >\n                                \u671b\u9060\u93e1                            <\/div>\n\n                        \n\n                        <h2>\n                            ZEISS SFL 10X40                        <\/h2>\n\n\n                        <div class=\"cr-price\">\n\n                            \n                                <strong>\n                                    NT$\n                                    1,000                                <\/strong>\n\n                                <span>\n                                    \/ \u65e5\n                                <\/span>\n\n                            \n                        <\/div>\n\n\n                        <a\n                            href=\"#fluentform_4\"\n                            class=\"cr-reserve\"\n                            data-product=\"ZEISS SFL 10X40\"\n                        >\n\n                            <span>\n                                \u9810\u7d04\n                            <\/span>\n\n                            <span>\n                                \u2192\n                            <\/span>\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/article>\n\n            \n<article\n    id=\"rental-product-3318\"\n    class=\"cr-card\"\n    data-product-id=\"3318\"\n    data-filter=\"cat-%e7%86%b1%e6%88%90%e5%83%8f\"\n    data-title=\"hikmicro falcon fq35 \u6236\u5916\u71b1\u6210\u50cf\u5100\"\n>\n>\n                    <div class=\"cr-image\">\n\n                        \n                            <img decoding=\"async\"\n                                src=\"https:\/\/i0.wp.com\/camerarent.synology.me\/wordpress\/wp-content\/uploads\/2026\/09\/Hikmicro-Falcon-Pro-FQ35-Product-Photo-9.webp?fit=1024%2C1024&#038;ssl=1\"\n                                alt=\"HIKMICRO FALCON FQ35 \u6236\u5916\u71b1\u6210\u50cf\u5100\"\n                                loading=\"lazy\"\n                            >\n\n                        \n\n                        \n                    <\/div>\n\n\n                    <div class=\"cr-body\">\n\n                        \n                            <div\n                                class=\"cr-category\"\n                            >\n                                \u71b1\u6210\u50cf                            <\/div>\n\n                        \n\n                        <h2>\n                            HIKMICRO FALCON FQ35 \u6236\u5916\u71b1\u6210\u50cf\u5100                        <\/h2>\n\n\n                        <div class=\"cr-price\">\n\n                            \n                                <strong>\n                                    NT$\n                                    1,000                                <\/strong>\n\n                                <span>\n                                    \/ \u65e5\n                                <\/span>\n\n                            \n                        <\/div>\n\n\n                        <a\n                            href=\"#fluentform_4\"\n                            class=\"cr-reserve\"\n                            data-product=\"HIKMICRO FALCON FQ35 \u6236\u5916\u71b1\u6210\u50cf\u5100\"\n                        >\n\n                            <span>\n                                \u9810\u7d04\n                            <\/span>\n\n                            <span>\n                                \u2192\n                            <\/span>\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/article>\n\n            \n        <\/div>\n\n\n        <div class=\"cr-empty\">\n            \u627e\u4e0d\u5230\u7b26\u5408\u7684\u54c1\u9805\n        <\/div>\n\n    <\/div>\n\n\n    <!-- \u9810\u7d04\u8868\u55ae\uff1a\u8207 Canon \u9801\u9762\u5171\u7528 Fluent Forms #4 -->\n\n    <div class=\"cr-reservation-form\">\n\n        <div class='fluentform ff-default fluentform_wrapper_4 ffs_default_wrap'><form data-form_id=\"4\" id=\"fluentform_4\" class=\"frm-fluent-form fluent_form_4 ff-el-form-top ff_form_instance_4_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_4_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">\u5668\u6750\u79df\u501f\u7533\u8acb<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='3318' \/><input type=\"hidden\" id=\"_fluentform_4_fluentformnonce\" name=\"_fluentform_4_fluentformnonce\" value=\"07fa6627fd\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wordpress\/wp-json\/wp\/v2\/pages\/1070\" \/><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-left\"><label for='ff_4_rental_equipment' aria-label=\"\u79df\u501f\u5668\u6750\">\u79df\u501f\u5668\u6750<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"rental_equipment\" class=\"ff-el-form-control\" placeholder=\"\u4f8b\u5982\uff1aEOS R5 Mark II\" data-name=\"rental_equipment\" id=\"ff_4_rental_equipment\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2  '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-left\"><label for='ff_4_rental_start_date' aria-label=\"\u79df\u501f\u958b\u59cb\u65e5\u671f\">\u79df\u501f\u958b\u59cb\u65e5\u671f<\/label><\/div><div class='ff-el-input--content'><input  aria-label='\u79df\u501f\u958b\u59cb\u65e5\u671f Use arrow keys to navigate dates. Press enter to select a date.'  aria-haspopup='dialog' data-type-datepicker data-format='Y-m-d' type=\"text\" name=\"rental_start_date\" id=\"ff_4_rental_start_date\" class=\"ff-el-form-control ff-el-datepicker\" placeholder=\"YYYY-MM-DD\" data-name=\"rental_start_date\"  aria-invalid='false' aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-left\"><label for='ff_4_rental_end_date' aria-label=\"\u79df\u501f\u7d50\u675f\u65e5\u671f\">\u79df\u501f\u7d50\u675f\u65e5\u671f<\/label><\/div><div class='ff-el-input--content'><input  aria-label='\u79df\u501f\u7d50\u675f\u65e5\u671f Use arrow keys to navigate dates. Press enter to select a date.'  aria-haspopup='dialog' data-type-datepicker data-format='Y-m-d' type=\"text\" name=\"rental_end_date\" id=\"ff_4_rental_end_date\" class=\"ff-el-form-control ff-el-datepicker\" placeholder=\"YYYY-MM-DD\" data-name=\"rental_end_date\"  aria-invalid='false' aria-required=true><\/div><\/div><\/div><\/div><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_2  '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-left\"><label for='ff_4_customer_name' >\u627f\u79df\u4eba\u59d3\u540d<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"customer_name\" class=\"ff-el-form-control\" placeholder=\"\u8acb\u8f38\u5165\u59d3\u540d\" data-name=\"customer_name\" id=\"ff_4_customer_name\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-left\"><label for='ff_4_id_number' aria-label=\"\u8eab\u5206\u8b49\u5b57\u865f\">\u8eab\u5206\u8b49\u5b57\u865f<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"id_number\" class=\"ff-el-form-control\" placeholder=\"\u8acb\u8f38\u5165\u8eab\u5206\u8b49\u5b57\u865f\" data-name=\"id_number\" id=\"ff_4_id_number\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-left\"><label for='ff_4_customer_phone' aria-label=\"\u806f\u7d61\u96fb\u8a71\">\u806f\u7d61\u96fb\u8a71<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"customer_phone\" class=\"ff-el-form-control\" placeholder=\"0912-345678\" data-name=\"customer_phone\" id=\"ff_4_customer_phone\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-left\"><label for='ff_4_rental_note' aria-label=\"\u5099\u8a3b\u8aaa\u660e\">\u5099\u8a3b\u8aaa\u660e<\/label><\/div><div class='ff-el-input--content'><textarea aria-invalid=\"false\" aria-required=false name=\"rental_note\" id=\"ff_4_rental_note\" class=\"ff-el-form-control\" placeholder=\"\u8acb\u8f38\u5165\u5176\u4ed6\u79df\u501f\u9700\u6c42\u6216\u5099\u8a3b\" rows=\"4\" cols=\"2\" data-name=\"rental_note\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\" >\u7533\u8acb\u5f8c\u8acb\u79c1\u8a0a\u6211\u5011<\/button><\/div><\/fieldset><\/form><div id='fluentform_4_errors' class='ff-errors-in-stack ff_form_instance_4_1 ff-form-loading_errors ff_form_instance_4_1_errors'><\/div><\/div>        <script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\" type=\"text\/javascript\">\n            window.fluent_form_ff_form_instance_4_1 = {\"id\":\"4\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"asteriskPlacement\":\"asterisk-left\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_4_1\",\"form_id_selector\":\"fluentform_4\",\"rules\":{\"rental_equipment\":{\"required\":{\"value\":true,\"message\":\"\\u6b64\\u6b04\\u4f4d\\u70ba\\u5fc5\\u586b\",\"global\":false,\"global_message\":\"This field is required\"}},\"rental_start_date\":{\"required\":{\"value\":true,\"message\":\"\\u6b64\\u6b04\\u4f4d\\u70ba\\u5fc5\\u586b\",\"global\":false,\"global_message\":\"This field is required\"}},\"rental_end_date\":{\"required\":{\"value\":true,\"message\":\"\\u6b64\\u6b04\\u4f4d\\u70ba\\u5fc5\\u586b\",\"global\":false,\"global_message\":\"This field is required\"}},\"customer_name\":{\"required\":{\"value\":true,\"message\":\"\\u6b64\\u6b04\\u4f4d\\u70ba\\u5fc5\\u586b\",\"global\":false,\"global_message\":\"This field is required\"}},\"id_number\":{\"required\":{\"value\":true,\"message\":\"\\u6b64\\u6b04\\u4f4d\\u70ba\\u5fc5\\u586b\",\"global\":false,\"global_message\":\"This field is required\"}},\"customer_phone\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"rental_note\":{\"required\":{\"value\":false,\"message\":\"\\u6b64\\u6b04\\u4f4d\\u70ba\\u5fc5\\u586b\",\"global\":false,\"global_message\":\"This field is required\"}}},\"debounce_time\":300};\n                    <\/script>\n        \n    <\/div>\n\n\n    <style>\n\n    .cr-catalog {\n        max-width:1400px;\n        margin:0 auto;\n        padding:40px 24px 80px;\n        color:#171717;\n        box-sizing:border-box;\n    }\n\n    .cr-top {\n        display:flex;\n        justify-content:space-between;\n        align-items:flex-end;\n        gap:30px;\n        margin-bottom:30px;\n    }\n\n    .cr-small-title {\n        font-size:12px;\n        letter-spacing:3px;\n        color:#999;\n        margin-bottom:8px;\n    }\n\n    .cr-top h1 {\n        margin:0;\n        font-size:54px;\n        line-height:1;\n        letter-spacing:-2px;\n    }\n\n    .cr-top p {\n        margin:12px 0 0;\n        color:#888;\n    }\n\n    .cr-search-box {\n        width:320px;\n    }\n\n    .cr-search {\n        width:100%;\n        height:48px;\n        border:1px solid #ddd;\n        border-radius:25px;\n        padding:0 20px;\n        font-size:15px;\n        outline:none;\n        box-sizing:border-box;\n    }\n\n    .cr-search:focus {\n        border-color:#555;\n    }\n\n    .cr-filters {\n        display:flex;\n        gap:10px;\n        flex-wrap:wrap;\n        padding-bottom:20px;\n        border-bottom:1px solid #eee;\n    }\n\n    .cr-filter {\n        background:#fff;\n        border:1px solid #ddd;\n        border-radius:22px;\n        padding:9px 18px;\n        cursor:pointer;\n        font-size:14px;\n        white-space:nowrap;\n    }\n\n    .cr-filter.active {\n        background:#171717;\n        color:#fff;\n        border-color:#171717;\n    }\n\n    .cr-count-text {\n        margin:18px 0;\n        color:#888;\n        font-size:14px;\n    }\n\n    .cr-grid {\n        display:grid;\n        grid-template-columns:repeat(4,minmax(0,1fr));\n        gap:24px;\n    }\n\n    .cr-card {\n        border:1px solid #e8e8e8;\n        border-radius:16px;\n        overflow:hidden;\n        background:#fff;\n        transition:\n            transform .25s ease,\n            box-shadow .25s ease;\n    }\n\n    .cr-card:hover {\n        transform:translateY(-5px);\n        box-shadow:0 12px 30px rgba(0,0,0,.08);\n    }\n\n    .cr-image {\n        height:250px;\n        background:#f7f7f7;\n        position:relative;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        overflow:hidden;\n    }\n\n    .cr-image img {\n        width:100%;\n        height:100%;\n        object-fit:contain;\n        display:block;\n        padding:20px;\n        box-sizing:border-box;\n    }\n\n    .cr-image-placeholder {\n        display:flex;\n        flex-direction:column;\n        align-items:center;\n        justify-content:center;\n        gap:8px;\n        color:#aaa;\n    }\n\n    .cr-camera-icon {\n        font-size:42px;\n        opacity:.45;\n    }\n\n    .cr-image-placeholder span {\n        font-size:12px;\n    }\n\n    .cr-new {\n        position:absolute;\n        top:14px;\n        left:14px;\n        background:#111;\n        color:#fff;\n        padding:6px 10px;\n        border-radius:5px;\n        font-size:11px;\n        letter-spacing:1px;\n    }\n\n    .cr-body {\n        padding:20px;\n    }\n\n    .cr-category {\n        font-size:12px;\n        color:#999;\n        margin-bottom:8px;\n    }\n\n    .cr-body h2 {\n        margin:0;\n        font-size:18px;\n        line-height:1.45;\n        min-height:52px;\n    }\n\n    .cr-price {\n        display:flex;\n        align-items:baseline;\n        gap:5px;\n        margin-top:18px;\n        min-height:32px;\n    }\n\n    .cr-price strong {\n        font-size:22px;\n    }\n\n    .cr-price span {\n        color:#888;\n        font-size:13px;\n    }\n\n    .cr-reserve {\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        gap:8px;\n        height:42px;\n        margin-top:18px;\n        border:1px solid #ddd;\n        border-radius:8px;\n        color:#171717;\n        text-decoration:none;\n        font-size:14px;\n        transition:all .2s ease;\n    }\n\n    .cr-reserve:hover {\n        background:#171717;\n        color:#fff;\n        border-color:#171717;\n    }\n\n    .cr-empty {\n        display:none;\n        text-align:center;\n        padding:70px 20px;\n        color:#999;\n    }\n\n    .cr-reservation-form {\n        max-width:1400px;\n        margin:70px auto 0;\n        padding:0 24px;\n        box-sizing:border-box;\n    }\n\n    @media(max-width:1100px) {\n\n        .cr-grid {\n            grid-template-columns:\n                repeat(3,minmax(0,1fr));\n        }\n    }\n\n    @media(max-width:700px) {\n\n        .cr-catalog {\n            padding:25px 14px 50px;\n        }\n\n        .cr-top {\n            display:block;\n        }\n\n        .cr-top h1 {\n            font-size:42px;\n        }\n\n        .cr-search-box {\n            width:100%;\n            margin-top:20px;\n        }\n\n        .cr-filters {\n            flex-wrap:nowrap;\n            overflow-x:auto;\n        }\n\n        .cr-filter {\n            flex:0 0 auto;\n        }\n\n        .cr-grid {\n            grid-template-columns:\n                repeat(2,minmax(0,1fr));\n\n            gap:12px;\n        }\n\n        .cr-image {\n            height:170px;\n        }\n\n        .cr-body {\n            padding:13px;\n        }\n\n        .cr-body h2 {\n            font-size:15px;\n            min-height:44px;\n        }\n\n        .cr-price strong {\n            font-size:17px;\n        }\n\n        .cr-reserve {\n            height:38px;\n            font-size:12px;\n        }\n    }\n\n    <\/style>\n\n\n    <script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\">\n\n    document.addEventListener(\n        'DOMContentLoaded',\n        function() {\n\n            document\n                .querySelectorAll('.cr-catalog')\n                .forEach(function(catalog) {\n\n                    const cards =\n                        catalog.querySelectorAll(\n                            '.cr-card'\n                        );\n\n                    const buttons =\n                        catalog.querySelectorAll(\n                            '.cr-filter'\n                        );\n\n                    const search =\n                        catalog.querySelector(\n                            '.cr-search'\n                        );\n\n                    const count =\n                        catalog.querySelector(\n                            '.cr-count'\n                        );\n\n                    const empty =\n                        catalog.querySelector(\n                            '.cr-empty'\n                        );\n\n                    let activeFilter =\n                        'all';\n\n\n                    function updateProducts() {\n\n                        const keyword =\n                            search.value\n                                .toLowerCase()\n                                .trim();\n\n                        let visible = 0;\n\n\n                        cards.forEach(\n                            function(card) {\n\n                                const title =\n                                    card.dataset.title;\n\n                                const filter =\n                                    card.dataset.filter;\n\n                                const filterOK =\n                                    activeFilter === 'all' ||\n                                    filter === activeFilter;\n\n                                const searchOK =\n                                    !keyword ||\n                                    title.includes(\n                                        keyword\n                                    );\n\n\n                                if (\n                                    filterOK &&\n                                    searchOK\n                                ) {\n\n                                    card.style.display =\n                                        '';\n\n                                    visible++;\n\n                                }\n                                else {\n\n                                    card.style.display =\n                                        'none';\n                                }\n\n                            }\n                        );\n\n\n                        count.textContent =\n                            visible;\n\n\n                        empty.style.display =\n                            visible\n                                ? 'none'\n                                : 'block';\n                    }\n\n\n                    buttons.forEach(\n                        function(button) {\n\n                            button.addEventListener(\n                                'click',\n                                function() {\n\n                                    buttons.forEach(\n                                        function(item) {\n\n                                            item.classList\n                                                .remove(\n                                                    'active'\n                                                );\n                                        }\n                                    );\n\n\n                                    button.classList\n                                        .add(\n                                            'active'\n                                        );\n\n\n                                    activeFilter =\n                                        button.dataset.filter;\n\n\n                                    updateProducts();\n                                }\n                            );\n\n                        }\n                    );\n\n\n                    search.addEventListener(\n                        'input',\n                        updateProducts\n                    );\n\n\n                    \/* ---------- \u9810\u7d04 ---------- *\/\n\n                    catalog\n                        .querySelectorAll(\n                            '.cr-reserve'\n                        )\n                        .forEach(\n                            function(button) {\n\n                                button.addEventListener(\n                                    'click',\n                                    function(event) {\n\n                                        event.preventDefault();\n\n\n                                        const product =\n                                            button.dataset.product;\n\n\n                                        const form =\n                                            document.querySelector(\n                                                '#fluentform_4'\n                                            );\n\n\n                                        if (!form) {\n                                            return;\n                                        }\n\n\n                                        let field =\n                                            null;\n\n\n                                        form.querySelectorAll(\n                                            'label'\n                                        ).forEach(\n                                            function(label) {\n\n                                                if (\n                                                    label.textContent\n                                                        .includes(\n                                                            '\u79df\u501f\u5668\u6750'\n                                                        )\n                                                ) {\n\n                                                    const id =\n                                                        label.getAttribute(\n                                                            'for'\n                                                        );\n\n\n                                                    if (id) {\n\n                                                        field =\n                                                            document.getElementById(\n                                                                id\n                                                            );\n                                                    }\n\n\n                                                    if (!field) {\n\n                                                        field =\n                                                            label\n                                                                .parentElement\n                                                                .querySelector(\n                                                                    'input, textarea, select'\n                                                                );\n                                                    }\n                                                }\n\n                                            }\n                                        );\n\n\n                                        if (!field) {\n\n                                            form.querySelectorAll(\n                                                'input, textarea, select'\n                                            ).forEach(\n                                                function(input) {\n\n                                                    const placeholder =\n                                                        input.getAttribute(\n                                                            'placeholder'\n                                                        ) || '';\n\n\n                                                    if (\n                                                        placeholder.includes(\n                                                            '\u79df\u501f'\n                                                        )\n                                                    ) {\n\n                                                        field =\n                                                            input;\n                                                    }\n\n                                                }\n                                            );\n                                        }\n\n\n                                        if (field) {\n\n                                            field.value =\n                                                product;\n\n\n                                            field.dispatchEvent(\n                                                new Event(\n                                                    'input',\n                                                    {\n                                                        bubbles:true\n                                                    }\n                                                )\n                                            );\n\n\n                                            field.dispatchEvent(\n                                                new Event(\n                                                    'change',\n                                                    {\n                                                        bubbles:true\n                                                    }\n                                                )\n                                            );\n\n                                        }\n\n\n                                        const top =\n                                            form\n                                                .getBoundingClientRect()\n                                                .top +\n                                            window.scrollY -\n                                            100;\n\n\n                                        window.scrollTo({\n\n                                            top: top,\n\n                                            behavior:\n                                                'smooth'\n\n                                        });\n\n                                    }\n                                );\n                            }\n                        );\n\n                });\n\n        }\n    );\n\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5361\u9ea5\u62c9\u6578\u4f4d TAINAN \u00b7 PROFESSIONAL CAMERA &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1070","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/pages\/1070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/comments?post=1070"}],"version-history":[{"count":75,"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/pages\/1070\/revisions"}],"predecessor-version":[{"id":3388,"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/pages\/1070\/revisions\/3388"}],"wp:attachment":[{"href":"https:\/\/camerarent.synology.me\/wordpress\/wp-json\/wp\/v2\/media?parent=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}