{"header-search-block":"<div id=\"shopify-section-header-search-block\" class=\"shopify-section\"><div id=\"ajax-loading-header-search\">\n  \n<div x-data=\"xModalSearch('query,product,page,collection,article','6',3, '所有類型')\" \n  class=\"header-search flex lg:flex items-center justify-center\" \n  x-init=\"if ($store.xModal.activeElement == 'SearchOpen') {  open('open_search'); $store.xHeaderMenu.hideMenu($el); }\"\n  x-on:click.away=\"close('open_search');\"\n  @keyup.escape=\"close('open_search'); $store.xModal.removeFocus();\"\n>\n  <a \n    id=\"SearchOpen\"\n    href=\"/search\" \n    aria-label=\"search\"\n    class=\"flex items-center cursor-pointer justify-center link focus-inset bg-none\" \n    @click.prevent=\"setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); open('open_search'); $store.xHeaderMenu.hideMenu($el); }, 0)\"\n  >\n    <span class=\"w-11 h-10 px-3 pt-2.5 pb-2\"><svg class=\"icon-animation icon-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"fill: none;\">\n      <path d=\"M11.4545 19.6364C15.9732 19.6364 19.6363 15.9732 19.6363 11.4545C19.6363 6.93585 15.9732 3.27273 11.4545 3.27273C6.93583 3.27273 3.27271 6.93585 3.27271 11.4545C3.27271 15.9732 6.93583 19.6364 11.4545 19.6364Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\n      <path d=\"M17 18L21 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n    </svg>\n  \n</span>\n  </a>\n  <div \n    id=\"FormSearch\" \n    x-ref=\"open_search\" \n    class=\"x-search-popup popup-hidden background-header shadow-sm lg:shadow-none absolute top-0 left-0 right-0 z-50 gradient transition-all duration-300 ease-in-out\"\n  >\n    <div class=\"pb-16 pl-5 pr-5 lg:pl-24 lg:pr-24 pt-14 lg:pb-16 flex items-center justify-center w-full h-full relative lg:shadow-sm text-[rgb(var(--colors-text-header))]\" tabindex=\"-1\"><div class=\"relative max-w-6xl w-full\" data-loading-text=\"載入中...\"><div class=\"max-w-[62rem] mx-auto w-full border-b\">\n        <div class=\"relative field rtl:flex-row-reverse rtl:md:flex-row pr-5 lg:pr-0 flex\">\n          \n            <div class=\"md:relative search-categories flex items-center flex-shrink-0\">\n              <div \n                class=\"inline-flex lg:inline-block border-r mr-2 pr-3.5\"\n                x-data=\"{ \n                  open: false\n                }\" \n                @keyup.escape=\"open = false\">\n                <button \n                  @click.prevent=\"open = ! open;\"\n                  class=\"relative py-1 w-28 md:w-44 text-left pr-5 cursor-pointer hover-text-link duration-200 transition\"\n                  aria-expanded=\"false\" \n                  aria-controls=\"CategoriesList\" \n                  aria-describedby=\"CategoriesHeading\">\n                  <span class=\"line-clamp-1 p-break-words\" x-text=\"productTypeSelected\"></span>\n                  <span class=\"opacity-60 absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0\" :class=\"open && ' -rotate-180'\">\n                    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 9 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"fill: none;\">\n      <path d=\"M0.75 1.625L4.5 5.375L8.25 1.625\" stroke=\"currentcolor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n  \n\n                  </span>\n                </button>\n                <div \n                  x-show=\"open\" \n                  @click.away=\"open = false\" \n                  x-cloak\n                >\n                  <div \n                    x-show=\"open\" \n                    x-transition:enter=\"transition-all ease-in-out duration-500\"\n                    x-transition:enter-start=\"opacity-0 transform -translate-y-4\"\n                    x-transition:enter-end=\"opacity-100 transform translate-y-0\"\n                    x-transition:leave=\"transition-all ease-in-out duration-500\"\n                    x-transition:leave-end=\"opacity-0 transform -translate-y-4\"\n                    class=\"absolute pt-6 pb-7 z-50 left-0 top-[calc(100%+12px)] lg:bottom-auto background-header shadow-[0_0_6px_-4px_rgba(var(--colors-text))]\">\n                    <ul \n                      role=\"list\" \n                      class=\"w-full md:w-auto md:min-w-[15rem] pl-7 pr-7 left-0 max-h-[15rem] overflow-y-auto scrollbar-body scrollbar-visible\">\n                      <li \n                        tabindex=\"0\"\n                        class=\"cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]\" \n                        @click=\"setProductType('所有類型', 'product_type'); open = false\">\n                        <p\n                          class=\"nav-link inline-block hover-text-link relative p-break-words\"\n                          :class=\"productTypeSelected == '所有類型' && 'border-b link-active'\"\n                          href=\"#\"\n                          data-no-instant>\n                          所有類型\n                        </p>\n                      </li>\n                      \n                        \n\n                        \n                          <li \n                            tabindex=\"0\"\n                            class=\"product-type-item cursor-pointer py-1 duration-200 transition text-[rgb(var(--colors-text-header))]\" \n                            @keyup.enter=\"setProductType(`企業合作`, 'product_type');\"\n                            @click=\"setProductType(`企業合作`, 'product_type'); open = false\">\n                            <p\n                              class=\"nav-link inline-block hover-text-link relative p-break-words\"\n                              :class=\"productTypeSelected == `企業合作` && 'border-b effect-inline'\"\n                              href=\"#\"\n                              data-no-instant>\n                              企業合作\n                            </p>\n                          </li>\n                        \n</ul>\n                  </div>\n                </div>\n                <input type=\"hidden\" name=\"product_type\" id=\"product_type\" value=\"product_type:\" data-disclosure-input tabindex=\"-1\"/>\n              </div>\n            </div>\n          \n          <form id=\"form-search-header-search-block\" class=\"grow\" action=\"/search\" method=\"get\" role=\"search\">\n            <style data-shopify>\n              .input-search::placeholder {\n                \n                  font-family: var(--font-body-family);\n                \n              }\n            </style>\n            <input \n              x-data=\"xSearchPrompts($el, ['搜尋商品', '搜尋文章', '搜尋商品系列'], false)\"\n              id=\"search-in-modal\"\n              class=\"peer input-search focus-visible:outline-none py-3 pr-[4.5rem] pl-4 lg:pl-2 lg:pr-20 text-left w-full appearance-none relative outline-none bg-transparent placeholder:text-current placeholder:opacity-60\"\n              type=\"search\"\n              name=\"q\"\n              value=\"\"\n              x-on:keyup=\"keyUp()\"\n              @focus=\"focusForm()\"\n              autofocus\n              placeholder=\"搜尋...\"\n            >\n            <input type=\"hidden\" name=\"options[prefix]\" value=\"last\">\n            <button \n              class=\"btn-search absolute none_border w-7 h-7 p-1 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current lg:right-2 right-2\"\n              aria-label=\"搜尋...\"><svg class=\"icon-animation icon-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"fill: none;\">\n      <path d=\"M11.4545 19.6364C15.9732 19.6364 19.6363 15.9732 19.6363 11.4545C19.6363 6.93585 15.9732 3.27273 11.4545 3.27273C6.93583 3.27273 3.27271 6.93585 3.27271 11.4545C3.27271 15.9732 6.93583 19.6364 11.4545 19.6364Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\n      <path d=\"M17 18L21 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n    </svg>\n  \n</button>\n            \n              <button class=\"search__speech absolute cursor-pointer w-7 h-7 p-1 right-10 lg:right-12 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current\" x-data=\"xSpeechSearch($el)\" x-init=\"initSpeechSearch()\" x-show=\"show\">\n                <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 14 19\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z\" fill=\"currentColor\"></path>\n </svg>\n\n              </button>\n              <script src=\"//www.kokumori.com/cdn/shop/t/2/assets/speech-search.js?v=80603510328065116571766460901\" defer></script>\n            \n<div id=\"search-result\" class=\"md:max-h-96 absolute top-[calc(100%+12px)] w-full left-0 \" tabindex=\"-1\" data-predictive-search x-html=\"result\" x-show=\"loading == false\">\n                <div class=\"predictive-search__loading-state\">\n                  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"spinner\" viewBox=\"0 0 66 66\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <circle class=\"path\" fill=\"none\" stroke-width=\"6\" cx=\"33\" cy=\"33\" r=\"30\"></circle>\n                  </svg>\n                </div>\n              </div>\n              \n</form>\n        </div>\n      </div></div><button \n        id=\"SearchClose\"\n        class=\"link link--text focus-inset group-close-btn rounded-full cursor-pointer w-fit icon-close-container absolute top-2 opacity-60 right-2\"\n        x-on:click=\"close('open_search'); $store.xModal.removeFocus();\"\n      >\n        <svg class=\"icon-close-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n\n      </button>\n    </div>\n  </div>\n</div> \n</div></div>"}