<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://onopen.com/password">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>openbooks CLUB</title>

<meta property="og:site_name" content="openbooks CLUB">
<meta property="og:url" content="https://onopen.com">
<meta property="og:title" content="openbooks CLUB">
<meta property="og:type" content="website">
<meta property="og:description" content="openbooks CLUB"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="openbooks CLUB">
<meta name="twitter:description" content="openbooks CLUB">


    <script src="//onopen.com/cdn/shop/t/7/assets/vendor-v4.js" defer="defer"></script>
    <script src="//onopen.com/cdn/shop/t/7/assets/global.js?v=82582526768409861631770566641" defer="defer"></script>
    <script src="//onopen.com/cdn/shop/t/7/assets/details-modal.js?v=143396349034274366951770566641" defer="defer"></script>
    <script src="//onopen.com/cdn/shop/t/7/assets/password-modal.js?v=87877350194051268221770566641" defer="defer"></script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="nziz87liqn5w66rqizgsgl1w54xf1e">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/79180628257/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-TH"></script>
<script>var Shopify = Shopify || {};
Shopify.shop = "openbooks-club.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"THB","rate":"1.0"};
Shopify.country = "TH";
Shopify.theme = {"name":"Updated copy of Updated copy of Be Yours","id":184206524705,"schema_name":"Be Yours","schema_version":"8.5.0","theme_store_id":1399,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "onopen.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"password"}</script>
<script defer="defer" async type="module" src="//onopen.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//onopen.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":79180628257,"offset":25200,"reqid":"779a23dc-9d3d-4e76-bff1-b5dd0797534b-1780940792","pageurl":"onopen.com\/password","u":"bcf7a9f03e86","p":"password"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//onopen.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2") format("woff2"),
       url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff") format("woff");
}

  @font-face {
  font-family: "IBM Plex Sans";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n6.cfb7efcc4708d97b4883d9d89e924e81b54334c1.woff2") format("woff2"),
       url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n6.b56157147f51a11f7ba6c49b63ffcafb1da8eeea.woff") format("woff");
}

  @font-face {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.ef77720fc4c9ae616083d1ac737f976e4c15f75b.woff2") format("woff2"),
       url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.76cc8914ac99481bd93e34f8998da7b57a578a71.woff") format("woff");
}

  @font-face {
  font-family: "IBM Plex Sans";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i6.ccfd3aa1db5e6a779ed2e90649ae2c644933fbab.woff2") format("woff2"),
       url("//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i6.cb651e2b309534fd5194361eb40586539bf31539.woff") format("woff");
}

  @font-face {
  font-family: "Tenor Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//onopen.com/cdn/fonts/tenor_sans/tenorsans_n4.966071a72c28462a9256039d3e3dc5b0cf314f65.woff2") format("woff2"),
       url("//onopen.com/cdn/fonts/tenor_sans/tenorsans_n4.2282841d948f9649ba5c3cad6ea46df268141820.woff") format("woff");
}

  

  :root {
    --font-body-family: "IBM Plex Sans", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;

    --font-heading-family: "Tenor Sans", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;

    --font-body-scale: 1.0;
    --font-heading-scale: 0.9;

    --font-navigation-family: var(--font-body-family);
    --font-navigation-size: 14px;
    --font-navigation-weight: var(--font-body-weight);
    --font-button-family: var(--font-body-family);
    --font-button-size: 13px;
    --font-button-baseline: 0rem;
    --font-price-family: var(--font-heading-family);
    --font-price-scale: var(--font-heading-scale);

    --color-base-text: 33, 35, 38;
    --color-base-background: 255, 255, 255;
    --color-base-solid-button-labels: 255, 255, 255;
    --color-base-outline-button-labels: 26, 27, 24;
    --color-base-accent: 26, 27, 24;
    --color-base-heading: 26, 27, 24;
    --color-base-border: 210, 213, 217;
    --color-placeholder: 243, 243, 243;
    --color-overlay: 33, 35, 38;
    --color-keyboard-focus: 135, 173, 245;
    --color-shadow: 168, 232, 226;
    --shadow-opacity: 1;

    --color-background-dark: 235, 235, 235;
    --color-price: #1a1b18;
    --color-sale-price: #d72c0d;
    --color-sale-badge-background: #d72c0d;
    --color-reviews: #ffb503;
    --color-critical: #d72c0d;
    --color-success: #008060;
    --color-highlight: 255, 181, 3;

    --payment-terms-background-color: #ffffff;
    --page-width: 160rem;
    --page-width-margin: 0rem;

    --card-color-scheme: var(--color-placeholder);
    --card-text-alignment: center;
    --card-flex-alignment: center;
    --card-image-padding: 0px;
    --card-border-width: 0px;
    --card-radius: 4px;
    --card-shadow-horizontal-offset: 0px;
    --card-shadow-vertical-offset: 0px;
    
    --button-radius: 4px;
    --button-border-width: 2px;
    --button-shadow-horizontal-offset: 4px;
    --button-shadow-vertical-offset: 4px;

    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;

    --gradient-free-ship-progress: linear-gradient(325deg,#F9423A 0,#F1E04D 100%);
    --gradient-free-ship-complete: linear-gradient(325deg, #049cff 0, #35ee7a 100%);

    --plabel-price-tag-color: #000000;
    --plabel-price-tag-background: #d1d5db;
    --plabel-price-tag-height: 2.5rem;

    --swatch-outline-color: #f4f6f8;--text-8xl: 6.0rem;
    --text-6xl: 3.75rem;
    --text-5xl: 3.0rem;
    --text-4xl: 2.25rem;
    --text-3xl: 1.875rem;
    --text-2xl: 1.5rem;
    --text-xl: 1.25rem;
    --text-lg: 1.125rem;
    --text-base: 1.0rem;
    --text-2sm: 0.8125rem;
    --text-sm: 0.875rem;
    --text-xs: 0.75rem;
    --text-3xs: 0.625rem;

    --fluid-sm-to-base: clamp(var(--text-sm), 0.8115rem + 0.1587vw, var(--text-base));
    --fluid-sm-to-lg: clamp(var(--text-sm), 0.748rem + 0.3174vw, var(--text-lg));
    --fluid-base-to-xl: clamp(var(--text-base), 0.873rem + 0.3175vw, var(--text-xl));
    --fluid-base-to-2xl: clamp(var(--text-base), 0.746rem + 0.6349vw, var(--text-2xl));
    --fluid-lg-to-2xl: clamp(var(--text-lg), 0.9722rem + 0.4444vw, var(--text-2xl));
    --fluid-xl-to-3xl: clamp(var(--text-xl), 0.4966rem + 1.1818vw, var(--text-3xl));

    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;

    --font-normal: 400;
    --font-medium: 500;
    --font-bold: 700;

    --sp-0d5: 0.125rem;
    --sp-1: 0.25rem;
    --sp-1d5: 0.375rem;
    --sp-2: 0.5rem;
    --sp-2d5: 0.625rem;
    --sp-3: 0.75rem;
    --sp-3d5: 0.875rem;
    --sp-4: 1rem;
    --sp-4d5: 1.125rem;
    --sp-5: 1.25rem;
    --sp-5d5: 1.375rem;
    --sp-6: 1.5rem;
    --sp-6d5: 1.625rem;
    --sp-7: 1.75rem;
    --sp-7d5: 1.875rem;
    --sp-8: 2rem;
    --sp-9: 2.25rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-14: 3.5rem;
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  html {
    box-sizing: border-box;
    font-size: calc(var(--font-body-scale) * 62.5%);
    height: 100%;
  }

  body {
    min-height: 100%;
    margin: 0;
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
  }

  @media screen and (min-width: 750px) {
    body {
      font-size: 1.6rem;
    }
  }</style><link href="//onopen.com/cdn/shop/t/7/assets/base.css?v=56154053777866764741770566641" rel="stylesheet" type="text/css" media="all" /><link href="//onopen.com/cdn/shop/t/7/assets/section-password.css?v=54661394765409953251770566641" rel="stylesheet" type="text/css" media="all" /><link href="//onopen.com/cdn/shop/t/7/assets/component-rte.css?v=102114663036358899191770566641" rel="stylesheet" type="text/css" media="all" /><link href="//onopen.com/cdn/shop/t/7/assets/component-list-social.css?v=71494611815837440191770566641" rel="stylesheet" type="text/css" media="all" />
<link
        rel="preload"
        as="font"
        href="//onopen.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2"
        type="font/woff2"
        crossorigin
      ><link
        rel="preload"
        as="font"
        href="//onopen.com/cdn/fonts/tenor_sans/tenorsans_n4.966071a72c28462a9256039d3e3dc5b0cf314f65.woff2"
        type="font/woff2"
        crossorigin
      >

    <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
  <!-- BEGIN app block: shopify://apps/fontify/blocks/app-embed/334490e2-2153-4a2e-a452-e90bdeffa3cc --><link rel="preconnect" href="https://cdn.nitroapps.co" crossorigin=""><!-- shop nitro_fontify metafields --><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&display=swap" />
                     
<style type="text/css" id="nitro-fontify" >
				 
		 
					body,h5,h6,p,a,li,h3,h4,h2,*:not(.fa):not([class*="pe-"]):not(.lni):not(i[class*="iccl-"]):not(i[class*="la"]):not(i[class*="fa"]):not(.jdgm-star){
				font-family: 'IBM Plex Sans Thai Looped' !important;
				
			}
		 
	</style>
<script
  type="text/javascript"
  id="fontify-scripts"
>
  
  (function () {
    // Prevent duplicate execution
    if (window.fontifyScriptInitialized) {
      return;
    }
    window.fontifyScriptInitialized = true;

    if (window.opener) {
      // Remove existing listener if any before adding new one
      if (window.fontifyMessageListener) {
        window.removeEventListener('message', window.fontifyMessageListener, false);
      }

      function watchClosedWindow() {
        let itv = setInterval(function () {
          if (!window.opener || window.opener.closed) {
            clearInterval(itv);
            window.close();
          }
        }, 1000);
      }

      // Helper function to inject scripts and links from vite-tag content
      function injectScript(encodedContent) {
        

        // Decode HTML entities
        const tempTextarea = document.createElement('textarea');
        tempTextarea.innerHTML = encodedContent;
        const viteContent = tempTextarea.value;

        // Parse HTML content
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = viteContent;

        // Track duplicates within tempDiv only
        const scriptIds = new Set();
        const scriptSrcs = new Set();
        const linkKeys = new Set();

        // Helper to clone element attributes
        function cloneAttributes(source, target) {
          Array.from(source.attributes).forEach(function(attr) {
            if (attr.name === 'crossorigin') {
              target.crossOrigin = attr.value;
            } else {
              target.setAttribute(attr.name, attr.value);
            }
          });
          if (source.textContent) {
            target.textContent = source.textContent;
          }
        }

        // Inject scripts (filter duplicates within tempDiv)
        tempDiv.querySelectorAll('script').forEach(function(script) {
          const scriptId = script.getAttribute('id');
          const scriptSrc = script.getAttribute('src');

          // Skip if duplicate in tempDiv
          if ((scriptId && scriptIds.has(scriptId)) || (scriptSrc && scriptSrcs.has(scriptSrc))) {
            return;
          }

          // Track script
          if (scriptId) scriptIds.add(scriptId);
          if (scriptSrc) scriptSrcs.add(scriptSrc);

          // Clone and inject
          const newScript = document.createElement('script');
          cloneAttributes(script, newScript);

          document.head.appendChild(newScript);
        });

        // Inject links (filter duplicates within tempDiv)
        tempDiv.querySelectorAll('link').forEach(function(link) {
          const linkHref = link.getAttribute('href');
          const linkRel = link.getAttribute('rel') || '';
          const key = linkHref + '|' + linkRel;

          // Skip if duplicate in tempDiv
          if (linkHref && linkKeys.has(key)) {
            return;
          }

          // Track link
          if (linkHref) linkKeys.add(key);

          // Clone and inject
          const newLink = document.createElement('link');
          cloneAttributes(link, newLink);
          document.head.appendChild(newLink);
        });
      }

      // Function to apply preview font data


      function receiveMessage(event) {
        watchClosedWindow();
        if (event.data.action == 'fontify_ready') {
          console.log('fontify_ready');
          injectScript(`&lt;!-- BEGIN app snippet: vite-tag --&gt;


  &lt;script src=&quot;https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/main-B3V8Mu2P.js&quot; type=&quot;module&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

&lt;!-- END app snippet --&gt;
  &lt;!-- BEGIN app snippet: vite-tag --&gt;


  &lt;link href=&quot;//cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/main-GVRB1u2d.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; /&gt;

&lt;!-- END app snippet --&gt;
`);

        } else if (event.data.action == 'font_audit_ready') {
          injectScript(`&lt;!-- BEGIN app snippet: vite-tag --&gt;


  &lt;script src=&quot;https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/audit-DDeWPAiq.js&quot; type=&quot;module&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

&lt;!-- END app snippet --&gt;
  &lt;!-- BEGIN app snippet: vite-tag --&gt;


  &lt;link href=&quot;//cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/audit-CNr6hPle.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; /&gt;

&lt;!-- END app snippet --&gt;
`);

        } else if (event.data.action == 'preview_font_data') {
          const fontData = event?.data || null;
          window.fontifyPreviewData = fontData;
          injectScript(`&lt;!-- BEGIN app snippet: vite-tag --&gt;


  &lt;script src=&quot;https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/preview-CH6oXAfY.js&quot; type=&quot;module&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

&lt;!-- END app snippet --&gt;
`);
        }
      }

      // Store reference to listener for cleanup
      window.fontifyMessageListener = receiveMessage;
      window.addEventListener('message', receiveMessage, false);

      // Send init message when window is opened from opener
      if (window.opener) {
        window.opener.postMessage({ action: `${window.name}_init`, data: JSON.parse(JSON.stringify({})) }, '*');
      }
    }
  })();
</script>


<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 79180628257,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "password"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 79180628257,storefrontBaseUrl: "https://onopen.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"332038433","configuration":"{\"pixel_id\":\"683367813650475\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"openbooks CLUB","paymentSettings":{"currencyCode":"THB"},"myshopifyDomain":"openbooks-club.myshopify.com","countryCode":"TH","storefrontUrl":"https:\/\/onopen.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://onopen.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"password","shopId":"79180628257","storefrontBaseUrl":"https:\/\/onopen.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'THB';
  var meta = {"page":{"pageType":"password","requestId":"779a23dc-9d3d-4e76-bff1-b5dd0797534b-1780940792"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 79180628257,
      theme_id: 184206524705,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//onopen.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//onopen.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//onopen.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":79180628257,"isMerchantRequest":null,"themeId":184206524705,"themeCityHash":"18314702041234216386","contentLanguage":"en","currency":"THB","eventMetadataId":"62efe909-b266-45e8-bbbd-888acd5ca8c2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"password","requestId":"779a23dc-9d3d-4e76-bff1-b5dd0797534b-1780940792","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//onopen.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://onopen.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="79180628257"
  data-render-region="gcp-us-central1"
  data-page-type="password"
  data-theme-instance-id="184206524705"
  data-theme-name="Be Yours"
  data-theme-version="8.5.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://onopen.com/api/collect"
></script>
</head>

  <body class="password" data-animate-image data-lazy-image data-heading-capitalize data-heading-center data-price-superscript data-button-round>
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>

    <style>.no-js .transition-cover{display:none}.transition-cover{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgb(var(--color-background));z-index:1000;pointer-events:none;transition-property:opacity,visibility;transition-duration:var(--duration-default);transition-timing-function:ease}.loading-bar{width:13rem;height:.2rem;border-radius:.2rem;background-color:rgb(var(--color-background-dark));position:relative;overflow:hidden}.loading-bar::after{content:"";height:100%;width:6.8rem;position:absolute;transform:translate(-3.4rem);background-color:rgb(var(--color-base-text));border-radius:.2rem;animation:initial-loading 1.5s ease infinite}@keyframes initial-loading{0%{transform:translate(-3.4rem)}50%{transform:translate(9.6rem)}to{transform:translate(-3.4rem)}}.loaded .transition-cover{opacity:0;visibility:hidden}.unloading .transition-cover{opacity:1;visibility:visible}.unloading.loaded .loading-bar{display:none}</style>
  <div class="transition-cover">
    <span class="loading-bar"></span>
  </div>

    <div class="transition-body">
      <div id="shopify-section-main-password-header" class="shopify-section"><div class="page-width">
  <div class="password-header"><img
        srcset="//onopen.com/cdn/shop/files/openbooks_CLUB_Logo.png?height=110&v=1689939073 1x, //onopen.com/cdn/shop/files/openbooks_CLUB_Logo.png?height=220&v=1689939073 2x"
        src="//onopen.com/cdn/shop/files/openbooks_CLUB_Logo.png?height=110&v=1689939073"
        class="password-logo"
        alt="openbooks CLUB"
        style="--image-logo-height: 110px"
        width="2036"
        height="3252"
        loading="lazy"
      /><password-modal>
      <details class="disclosure-has-popup modal">
        <summary class="focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Password modal">
          <span class="modal__toggle-open password-link button button--small">
            Enter using password
          </span>
          <span class="modal__toggle-close" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
      <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"/>
    </svg>
          </span>
        </summary>
        <div
          class="details-modal password-modal modal__content"
          role="dialog"
          aria-labelledby="DialogHeading"
          aria-modal="true"
        >
          <div class="page-width page-width--narrow password-header">
            <h2 class="password-modal__content-heading h3">
              Enter store using password:
            </h2>
            <button type="button" class="modal__close-button" aria-label="Close">
              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
      <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"/>
    </svg>
            </button>
          </div>
          <div class="page-width page-width--narrow">
            <div class="password-modal__content" tabindex="-1"><form method="post" action="/password" id="login_form" accept-charset="UTF-8" class="password-form"><input type="hidden" name="form_type" value="storefront_password" /><input type="hidden" name="utf8" value="✓" /><div class="field password-field">
                  <input
                    id="Password"
                    type="password"
                    name="password"
                    class="field__input"
                    autocomplete="current-password"
                    placeholder="Your password"
                  />
                  <label class="visually-hidden" for="Password">Password</label>
                  <button name="commit" class="password-button field__button">
                    Enter
                  </button>
                </div></form><div class="typeset">Are you the store owner? <a href="/admin" class="link link--underline">Log in here</a></div>
            </div>
          </div>
          <div class="modal-overlay"></div>
        </div>
      </details>
    </password-modal>
  </div>
</div><hr/>
</div>

      <div class="transition-content">
        <main id="MainContent" class="password-main">
          <section id="shopify-section-template--26067305038113__rich-text" class="shopify-section section"><style data-shopify>#shopify-section-template--26067305038113__rich-text {
    --section-padding-top: 80px;
    --section-padding-bottom: 36px;}</style><link href="//onopen.com/cdn/shop/t/7/assets/section-rich-text.css?v=76652675348777600671770566641" rel="stylesheet" type="text/css" media="all" />

<link rel="stylesheet" href="//onopen.com/cdn/shop/t/7/assets/component-rte.css?v=102114663036358899191770566641" media="print" onload="this.media='all'">
<noscript><link href="//onopen.com/cdn/shop/t/7/assets/component-rte.css?v=102114663036358899191770566641" rel="stylesheet" type="text/css" media="all" /></noscript><div class="page-width page-width--inner">
    <div class="rich-text section--padding">
      <div class="rich-text__blocks center mobile-left"><h1 class="rich-text__heading h1" >Coming Soon</h1><div class="rich-text__text rich-text__text--colored typeset rte" ><p>เตรียมพบหนังสือฤดูกาลใหม่จาก openbooks ก่อนใคร</p></div></div>
    </div>
  </div>
</section><section id="shopify-section-template--26067305038113__main" class="shopify-section section"><style data-shopify>#shopify-section-template--26067305038113__main {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
    --gradient-background: #f6f2f4;
    --color-background: 246, 242, 244;
    --color-foreground: 44, 46, 49;
    --color-border: 239, 98, 174;
    --color-heading: var(--color-foreground);
    --color-link: var(--color-foreground);
    --color-highlight: 255, 181, 3;
  }</style><link href="//onopen.com/cdn/shop/t/7/assets/section-newsletter.css?v=141201548951970084481770566641" rel="stylesheet" type="text/css" media="all" />

<link rel="stylesheet" href="//onopen.com/cdn/shop/t/7/assets/component-newsletter.css?v=19745187667507529331770566641" media="print" onload="this.media='all'">
<noscript><link href="//onopen.com/cdn/shop/t/7/assets/component-newsletter.css?v=19745187667507529331770566641" rel="stylesheet" type="text/css" media="all" /></noscript>

<div class="section--padding"><div class="page-width page-width--narrow"><div class="newsletter left mobile-left">
      <div class="newsletter__wrapper"><h3 class="h4" >ลงทะเบียนเพื่อรับข่าวสารและโปรโมชั่นพิเศษล่วงหน้า</h3><div class="newsletter__subheading rte" ><p>Promotions, new products and sales. Directly to your inbox.</p></div><div ><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="back" />
                  <input type="hidden" name="contact[tags]" value="newsletter"/>
                  <div class="newsletter-form__field-wrapper">
                    <div class="field">
                      <input
                        id="NewsletterForm--template--26067305038113__main"
                        type="email"
                        name="contact[email]"
                        class="field__input required"
                        value=""
                        aria-required="true"
                        autocorrect="off"
                        autocapitalize="off"
                        autocomplete="email"
                        
                        placeholder="Enter email here"
                        required
                      />
                      <label class="visually-hidden" for="NewsletterForm--template--26067305038113__main">Enter email here</label>
                      <button type="submit" class="button button--arrow field__button animate-arrow" name="commit" aria-label="Subscribe">
                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
    </svg>
                      </button>
                    </div></div></form>
              </div></div>
    </div></div></div>


</section>
        </main>
        
        <footer>
          <div id="shopify-section-main-password-footer" class="shopify-section"><div class="password__footer">
  <ul class="list-social list-unstyled" role="list"><li class="list-social__item">
  <a target="_blank" rel="noopener" href="https://facebook.com/openbooks2" class="list-social__link link link--text link-with-icon">
    <svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 320 512">
      <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>
    </svg>
    <span class="visually-hidden">Facebook</span>
  </a>
</li><li class="list-social__item">
    <a target="_blank" rel="noopener" href="https://instagram.com/open.eye" class="list-social__link link link--text link-with-icon">
      <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 448 512">
      <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
    </svg>
      <span class="visually-hidden">Instagram</span>
    </a>
  </li><li class="list-social__item">
    <a target="_blank" rel="noopener" href="https://www.youtube.com/@openbooksthailand" class="list-social__link link link--text link-with-icon">
      <svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 576 512">
      <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/>
    </svg>
      <span class="visually-hidden">YouTube</span>
    </a>
  </li></ul>
  
  <small class="password__footer-caption password__footer-text"> </small>
  <small class="password__footer-login password__footer-text">Are you the store owner? <a href="/admin" class="link link--underline">Log in here</a></small>
</div>


</div>
        </footer>
      </div>
    </div>

    <!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--26067305529633__popup" class="shopify-section shopify-section-group-overlay-group">
</div><div id="shopify-section-sections--26067305529633__mobile-dock" class="shopify-section shopify-section-group-overlay-group shopify-section-mobile-dock">
</div>
<!-- END sections: overlay-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
    </ul><script>
  document.documentElement.classList.replace('no-js', 'js');

  window.theme = window.theme || {};

  theme.routes = {
    root_url: '/',
    cart_url: '/cart',
    cart_add_url: '/cart/add',
    cart_change_url: '/cart/change',
    cart_update_url: '/cart/update',
    search_url: '/search',
    predictive_search_url: '/search/suggest'
  };

  theme.cartStrings = {
    error: `There was an error while updating your cart. Please try again.`,
    quantityError: `You can only add [quantity] of this item to your cart.`
  };
  
  theme.discountStrings = {
    error: "Discount code cannot be applied to your cart",
    shippingError: "Shipping discounts are shown at checkout after adding an address"
  };

  theme.variantStrings = {
    addToCart: `Add to cart`,
    soldOut: `Sold out`,
    unavailable: `Unavailable`,
    preOrder: `Pre-order`
  };

  theme.accessibilityStrings = {
    imageAvailable: `Image [index] is now available in gallery view`,
    shareSuccess: `Link copied to clipboard!`,
    fillInAllLineItemPropertyRequiredFields: `Please fill in all required fields`
  }

  theme.dateStrings = {
    d: `D`,
    day: `Day`,
    days: `Days`,
    hour: `Hour`,
    hours: `Hours`,
    minute: `Min`,
    minutes: `Mins`,
    second: `Sec`,
    seconds: `Secs`
  };theme.shopSettings = {
    moneyFormat: "{{amount}} ฿",
    isoCode: "THB",
    cartDrawer: true,
    currencyCode: false,
    giftwrapRate: 'product'
  };

  theme.settings = {
    themeName: 'Be Yours',
    themeVersion: '8.5.0',
    agencyId: ''
  };

  /*! (c) Andrea Giammarchi @webreflection ISC */
  !function(){"use strict";var e=function(e,t){var n=function(e){for(var t=0,n=e.length;t<n;t++)r(e[t])},r=function(e){var t=e.target,n=e.attributeName,r=e.oldValue;t.attributeChangedCallback(n,r,t.getAttribute(n))};return function(o,a){var l=o.constructor.observedAttributes;return l&&e(a).then((function(){new t(n).observe(o,{attributes:!0,attributeOldValue:!0,attributeFilter:l});for(var e=0,a=l.length;e<a;e++)o.hasAttribute(l[e])&&r({target:o,attributeName:l[e],oldValue:null})})),o}};function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function n(e,n){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,n){if(e){if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){r&&(e=r);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,u=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){u=!0,l=e},f:function(){try{i||null==r.return||r.return()}finally{if(u)throw l}}}}
  /*! (c) Andrea Giammarchi - ISC */var r=!0,o=!1,a="querySelectorAll",l="querySelectorAll",i=self,u=i.document,c=i.Element,s=i.MutationObserver,f=i.Set,d=i.WeakMap,h=function(e){return l in e},v=[].filter,g=function(e){var t=new d,i=function(n,r){var o;if(r)for(var a,l=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector}(n),i=0,u=p.length;i<u;i++)l.call(n,a=p[i])&&(t.has(n)||t.set(n,new f),(o=t.get(n)).has(a)||(o.add(a),e.handle(n,r,a)));else t.has(n)&&(o=t.get(n),t.delete(n),o.forEach((function(t){e.handle(n,r,t)})))},g=function(e){for(var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=0,r=e.length;n<r;n++)i(e[n],t)},p=e.query,y=e.root||u,m=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:MutationObserver,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:["*"],u=function t(o,l,i,u,c,s){var f,d=n(o);try{for(d.s();!(f=d.n()).done;){var h=f.value;(s||a in h)&&(c?i.has(h)||(i.add(h),u.delete(h),e(h,c)):u.has(h)||(u.add(h),i.delete(h),e(h,c)),s||t(h[a](l),l,i,u,c,r))}}catch(e){d.e(e)}finally{d.f()}},c=new l((function(e){if(i.length){var t,a=i.join(","),l=new Set,c=new Set,s=n(e);try{for(s.s();!(t=s.n()).done;){var f=t.value,d=f.addedNodes,h=f.removedNodes;u(h,a,l,c,o,o),u(d,a,l,c,r,o)}}catch(e){s.e(e)}finally{s.f()}}})),s=c.observe;return(c.observe=function(e){return s.call(c,e,{subtree:r,childList:r})})(t),c}(i,y,s,p),b=c.prototype.attachShadow;return b&&(c.prototype.attachShadow=function(e){var t=b.call(this,e);return m.observe(t),t}),p.length&&g(y[l](p)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){for(var e=m.takeRecords(),t=0,n=e.length;t<n;t++)g(v.call(e[t].removedNodes,h),!1),g(v.call(e[t].addedNodes,h),!0)},observer:m,parse:g}},p=self,y=p.document,m=p.Map,b=p.MutationObserver,w=p.Object,E=p.Set,S=p.WeakMap,A=p.Element,M=p.HTMLElement,O=p.Node,N=p.Error,C=p.TypeError,T=p.Reflect,q=w.defineProperty,I=w.keys,D=w.getOwnPropertyNames,L=w.setPrototypeOf,P=!self.customElements,k=function(e){for(var t=I(e),n=[],r=t.length,o=0;o<r;o++)n[o]=e[t[o]],delete e[t[o]];return function(){for(var o=0;o<r;o++)e[t[o]]=n[o]}};if(P){var x=function(){var e=this.constructor;if(!$.has(e))throw new C("Illegal constructor");var t=$.get(e);if(W)return z(W,t);var n=H.call(y,t);return z(L(n,e.prototype),t)},H=y.createElement,$=new m,_=new m,j=new m,R=new m,V=[],U=g({query:V,handle:function(e,t,n){var r=j.get(n);if(t&&!r.isPrototypeOf(e)){var o=k(e);W=L(e,r);try{new r.constructor}finally{W=null,o()}}var a="".concat(t?"":"dis","connectedCallback");a in r&&e[a]()}}).parse,W=null,F=function(e){if(!_.has(e)){var t,n=new Promise((function(e){t=e}));_.set(e,{$:n,_:t})}return _.get(e).$},z=e(F,b);q(self,"customElements",{configurable:!0,value:{define:function(e,t){if(R.has(e))throw new N('the name "'.concat(e,'" has already been used with this registry'));$.set(t,e),j.set(e,t.prototype),R.set(e,t),V.push(e),F(e).then((function(){U(y.querySelectorAll(e))})),_.get(e)._(t)},get:function(e){return R.get(e)},whenDefined:F}}),q(x.prototype=M.prototype,"constructor",{value:x}),q(self,"HTMLElement",{configurable:!0,value:x}),q(y,"createElement",{configurable:!0,value:function(e,t){var n=t&&t.is,r=n?R.get(n):R.get(e);return r?new r:H.call(y,e)}}),"isConnected"in O.prototype||q(O.prototype,"isConnected",{configurable:!0,get:function(){return!(this.ownerDocument.compareDocumentPosition(this)&this.DOCUMENT_POSITION_DISCONNECTED)}})}else if(P=!self.customElements.get("extends-li"))try{var B=function e(){return self.Reflect.construct(HTMLLIElement,[],e)};B.prototype=HTMLLIElement.prototype;var G="extends-li";self.customElements.define("extends-li",B,{extends:"li"}),P=y.createElement("li",{is:G}).outerHTML.indexOf(G)<0;var J=self.customElements,K=J.get,Q=J.whenDefined;q(self.customElements,"whenDefined",{configurable:!0,value:function(e){var t=this;return Q.call(this,e).then((function(n){return n||K.call(t,e)}))}})}catch(e){}if(P){var X=function(e){var t=ae.get(e);ve(t.querySelectorAll(this),e.isConnected)},Y=self.customElements,Z=y.createElement,ee=Y.define,te=Y.get,ne=Y.upgrade,re=T||{construct:function(e){return e.call(this)}},oe=re.construct,ae=new S,le=new E,ie=new m,ue=new m,ce=new m,se=new m,fe=[],de=[],he=function(e){return se.get(e)||te.call(Y,e)},ve=g({query:de,handle:function(e,t,n){var r=ce.get(n);if(t&&!r.isPrototypeOf(e)){var o=k(e);be=L(e,r);try{new r.constructor}finally{be=null,o()}}var a="".concat(t?"":"dis","connectedCallback");a in r&&e[a]()}}).parse,ge=g({query:fe,handle:function(e,t){ae.has(e)&&(t?le.add(e):le.delete(e),de.length&&X.call(de,e))}}).parse,pe=A.prototype.attachShadow;pe&&(A.prototype.attachShadow=function(e){var t=pe.call(this,e);return ae.set(this,t),t});var ye=function(e){if(!ue.has(e)){var t,n=new Promise((function(e){t=e}));ue.set(e,{$:n,_:t})}return ue.get(e).$},me=e(ye,b),be=null;D(self).filter((function(e){return/^HTML.*Element$/.test(e)})).forEach((function(e){var t=self[e];function n(){var e=this.constructor;if(!ie.has(e))throw new C("Illegal constructor");var n=ie.get(e),r=n.is,o=n.tag;if(r){if(be)return me(be,r);var a=Z.call(y,o);return a.setAttribute("is",r),me(L(a,e.prototype),r)}return oe.call(this,t,[],e)}q(n.prototype=t.prototype,"constructor",{value:n}),q(self,e,{value:n})})),q(y,"createElement",{configurable:!0,value:function(e,t){var n=t&&t.is;if(n){var r=se.get(n);if(r&&ie.get(r).tag===e)return new r}var o=Z.call(y,e);return n&&o.setAttribute("is",n),o}}),q(Y,"get",{configurable:!0,value:he}),q(Y,"whenDefined",{configurable:!0,value:ye}),q(Y,"upgrade",{configurable:!0,value:function(e){var t=e.getAttribute("is");if(t){var n=se.get(t);if(n)return void me(L(e,n.prototype),t)}ne.call(Y,e)}}),q(Y,"define",{configurable:!0,value:function(e,t,n){if(he(e))throw new N("'".concat(e,"' has already been defined as a custom element"));var r,o=n&&n.extends;ie.set(t,o?{is:e,tag:o}:{is:"",tag:e}),o?(r="".concat(o,'[is="').concat(e,'"]'),ce.set(r,t.prototype),se.set(e,t),de.push(r)):(ee.apply(Y,arguments),fe.push(r=e)),ye(e).then((function(){o?(ve(y.querySelectorAll(r)),le.forEach(X,[r])):ge(y.querySelectorAll(r))})),ue.get(e)._(t)}})}}();
</script>

      <script src="//onopen.com/cdn/shop/t/7/assets/lazyimage.js?v=29208159735029613491770566641" async></script>
    <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
