<!DOCTYPE html><html lang="zh-TW"><head><meta charset="UTF-8"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin /><script>WebFontConfig={google:{families:["Noto Sans TC:wght@100;400;700&display=swap"]}};if ( typeof WebFont === "object" && typeof WebFont.load === "function" ) { WebFont.load( WebFontConfig ); }</script><script data-optimized="1" src="https://www.beoptic.com/wp-content/plugins/litespeed-cache/assets/js/webfontloader.min.js"></script><link data-optimized="2" rel="stylesheet" href="https://www.beoptic.com/wp-content/litespeed/css/7a3f08ecda85bdb46a0447323e6ced32.css?ver=9a575" /><meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=1.0, maximum-scale=5.0"><title>
光明分子．眼鏡 - 手工眼鏡的領導者｜國家級專業視光團隊｜蔡司優視力專家</title><meta name="description" content="創立於1999的光明分子眼鏡，是由一群熱愛眼鏡、崇尚時尚的國家級專業視光團隊所組成，希望將最新最流行的眼鏡資訊結合專業配鏡，讓眼鏡不只是看的清楚、戴的舒服的工具，眼鏡還會是你最貼身的時尚配件！" /><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /><link rel="canonical" href="https://www.beoptic.com/"><link rel="dns-prefetch" href="//www.googletagmanager.com"><link rel="dns-prefetch" href="//s.w.org"><link rel="shortcut icon" href="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/icon.svg" /><link rel="icon" type="image/png" href="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/icon.svg"><link rel="apple-touch-icon" href="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/icon.svg"><link rel="apple-touch-icon" sizes="72x72" href="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/icon.svg"><link rel="apple-touch-icon" sizes="114x114" href="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/icon.svg"><meta property="og:locale" content="zh_TW" /><meta property="og:type" content="website" /><meta property="og:title" content="光明分子．眼鏡" /><meta property="og:description" content="創立於1999的光明分子眼鏡，是由一群熱愛眼鏡、崇尚時尚的國家級專業視光團隊所組成，希望將最新最流行的眼鏡資訊結合專業配鏡，讓眼鏡不只是看的清楚、戴的舒服的工具，眼鏡還會是你最貼身的時尚配件！" /><meta property="og:url" content="https://www.beoptic.com" /><meta property="og:site_name" content="光明分子．眼鏡" /><meta property="og:image" content="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/07/20240617-MGxBR-crossover-28.jpg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:description" content="https://www.beoptic.com" /><meta name="twitter:title" content="光明分子．眼鏡" /><meta name="twitter:site" content="https://www.beoptic.com" /><meta name="twitter:image" content="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/07/20240617-MGxBR-crossover-28.jpg" />
 <script type="application/ld+json">{
              "@context": "http://schema.org",
              "@type": "WebSite",
              "@id": "#website",
              "name": "光明分子．眼鏡",
              "image": "https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/07/20240617-MGxBR-crossover-28.jpg",
              "url": "https://www.beoptic.com",
              "description": "創立於1999的光明分子眼鏡，是由一群熱愛眼鏡、崇尚時尚的國家級專業視光團隊所組成，希望將最新最流行的眼鏡資訊結合專業配鏡，讓眼鏡不只是看的清楚、戴的舒服的工具，眼鏡還會是你最貼身的時尚配件！"
            }</script> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <script type="text/javascript">(function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "mupe313mrc");</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NSMK7K9');</script> 
 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MN93VGGQ');</script>  <script>window.koko_analytics = {"url":"https:\/\/www.beoptic.com\/wp-admin\/admin-ajax.php?action=koko_analytics_collect","site_url":"https:\/\/www.beoptic.com","post_id":0,"use_cookie":1,"cookie_path":"\/"};</script><meta name='robots' content='max-image-preview:large' /> <script id="jquery-core-js" src="https://www.beoptic.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script> <link rel="https://api.w.org/" href="https://www.beoptic.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.beoptic.com/xmlrpc.php?rsd" /><link rel="icon" href="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2013/09/logo140-1.png" sizes="32x32" /><link rel="icon" href="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2013/09/logo140-1.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2013/09/logo140-1.png" /><meta name="msapplication-TileImage" content="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2013/09/logo140-1.png" /></head><body class="">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSMK7K9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN93VGGQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<a href="https://www.beoptic.com" id="brand">
<img src="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/logo.svg"
alt="光明分子．眼鏡"
class="w-[120px] lg:w-[150px] [filter:drop-shadow(1px_1px_1px_rgba(255,255,255,.6))_drop-shadow(4px_4px_3px_rgba(0,0,0,0.7))]" />
</a><div class="fixed lg:bottom-[30px] bottom-[20px] z-[99] flex flex-row w-full items-center justify-center">
<a href="#" id="menuToggle" class="lg:w-[55px] lg:h-[55px] w-[40px] h-[40px] bg-light mr-[50px] flex items-center justify-center rounded-[50px] group relative shadow-soft"><div class="relative w-6 lg:h-4 h-3 line">
<span class="absolute top-0 left-0 w-6 h-[1px] bg-black rounded transition-all duration-300 origin-center"></span>
<span class="absolute top-1/2 left-0 w-6 h-[1px] bg-black rounded transition-all duration-300 opacity-100"></span>
<span class="absolute bottom-0 left-0 w-6 h-[1px] bg-black rounded transition-all duration-300 origin-center"></span></div>
</a>
<a href="https://www.beoptic.com/booking" class="[&>svg]:w-[55%] lg:w-[65px] lg:h-[65px] w-[50px] h-[50px] bg-light mr-[50px] flex items-center justify-center rounded-[60px] shadow-soft">
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9582 37.245H0.795471V1.35309H37.009V24.4915" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
<path d="M0.974731 10.6449H36.8297" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
<path d="M19.2352 16.1501L20.9378 19.6109L21.0533 19.8456L21.312 19.8846L25.1826 20.4673L22.4643 23.2299L22.2889 23.4081L22.3263 23.6554L22.898 27.4316L19.4617 25.6855L19.2303 25.5679L19.0009 25.6895L15.7548 27.4107L16.3233 23.6554L16.3608 23.4081L16.1853 23.2299L13.4622 20.4625L17.1611 19.8841L17.4178 19.844L17.5325 19.6109L19.2352 16.1501Z" fill="currentColor" stroke="currentColor"/>
<path d="M20.6523 31.5796L28.8484 39.6916L41.2262 27.3546" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"/>
</svg>
</a>
<a href="https://www.beoptic.com/posts/" class="[&>svg]:w-[40%] lg:w-[55px] lg:h-[55px] w-[40px] h-[40px] bg-light flex items-center justify-center rounded-[50px] shadow-soft">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 34 40" style="enable-background:new 0 0 34 40;" xml:space="preserve">
<path d="M30.1,1.8h-26C2.9,1.8,2,2.7,2,3.9v32.1c0,1.2,1,2.2,2.2,2.2h26c1.2,0,2.2-1,2.2-2.2V3.9C32.3,2.7,31.3,1.8,30.1,1.8z
M31.1,36.1c0,0.5-0.4,1-1,1h-26c-0.5,0-1-0.4-1-1V3.9c0-0.5,0.4-1,1-1H8v14.9l3.6-3.7l4.4,4.1V3h14.1c0.5,0,1,0.4,1,1V36.1z"/>
</svg>
</a></div><div id="mask"></div><aside id="sidebar">
<a href="https://www.beoptic.com" id="brand">
<img src="https://www.beoptic.com/wp-content/themes/beoptic_2.1/images/logo.svg"
alt="光明分子．眼鏡"
class="w-[100px] lg:w-[150px] [filter:drop-shadow(1px_1px_1px_rgba(255,255,255,.6))_drop-shadow(4px_4px_3px_rgba(0,0,0,0.7))]" />
</a><div class="lg:w-[90%] w-[85%] mt-0 lg:mt-[20px] mx-auto"><form role="search" class="mt-[120px] mb-[10px]" method="get" action="https://www.beoptic.com"><div class="relative flex items-center">
<input type="search" class="bg-secondary/80 p-[10px_20px] rounded-[50px] pr-[35px] text-light w-full" value="" name="s" placeholder="搜尋 ..." required="" aria-required="true" aria-label="Search ...">
<button type="submit" class="absolute right-[10px] bg-transparent border-none p-0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2018_947)">
<path d="M6.4567 0.157288C3.26538 0.157288 0.684204 2.797 0.684204 6.0607C0.684204 9.32438 3.26538 11.9641 6.4567 11.9641C7.59608 11.9641 8.65058 11.6223 9.54455 11.0417L13.7147 15.3065L15.1579 13.8306L11.0408 9.63094C11.7809 8.63803 12.2292 7.4077 12.2292 6.0607C12.2292 2.797 9.64801 0.157288 6.4567 0.157288ZM6.4567 1.54633C8.90123 1.54633 10.871 3.5607 10.871 6.0607C10.871 8.56068 8.90123 10.5751 6.4567 10.5751C4.01215 10.5751 2.04244 8.56068 2.04244 6.0607C2.04244 3.5607 4.01215 1.54633 6.4567 1.54633Z" fill="#E4E4E4"/>
</g>
<defs>
<clipPath id="clip0_2018_947">
<rect width="14.4737" height="15.6316" fill="white" transform="translate(0.684204 0.105286)"/>
</clipPath>
</defs>
</svg>
</button></div></form></div><header class="lg:h-[calc(100vh-255px)] h-[calc(100dvh-240px)] mx-auto overflow-y-auto relative shadow-inset-bottom flex flex-col items-center"><nav class=" nav lg:w-[90%] w-[85%]"><ul id="menubar" class="menubar xs:pt-[30px]"><li id="menu-item-38352" class="eyewear menu-item menu-item-type-custom menu-item-object-custom menu-item-38352"><a>眼鏡事業部</a></li><li id="menu-item-38353" class="optometry menu-item menu-item-type-custom menu-item-object-custom menu-item-38353"><a>驗光事業部</a></li><li id="menu-item-39766" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39766"><a href="https://www.beoptic.com/zeiss-vision-center-x-brighteyes_zb/">蔡司優視力旗艦店</a></li><li id="menu-item-46817" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-46817"><a href="#">視界探索</a><ul class="sub-menu"><li id="menu-item-46818" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-46818"><a href="https://www.beoptic.com/category/knowledge/eyewear-guide/">完美配鏡攻略</a></li><li id="menu-item-46819" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46819"><a href="https://www.beoptic.com/posts/">閱讀光明分子</a></li></ul></li><li id="menu-item-38472" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-38472"><a href="https://www.beoptic.com/category/customer-experience/">品味見證</a></li><li id="menu-item-38449" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38449"><a href="https://www.beoptic.com/bemovie/">BeMovie</a></li><li id="menu-item-38447" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-38447"><a href="#">關於我們</a><ul class="sub-menu"><li id="menu-item-38448" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38448"><a href="https://www.beoptic.com/about-us/">我們的故事</a></li><li id="menu-item-46815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46815"><a href="https://www.beoptic.com/store-information/">全台據點</a></li><li id="menu-item-38450" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38450"><a href="https://www.beoptic.com/warranty/">保養．保固</a></li><li id="menu-item-50718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50718"><a href="https://www.beoptic.com/brighteyes-contracted-vendor/">特約廠商</a></li><li id="menu-item-49516" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49516"><a href="https://www.beoptic.com/brighteyes-qa/">配鏡常見Q&amp;A</a></li></ul></li></ul></nav><nav class="nav mt-[40px] mb-[10px] lg:w-[90%] w-[85%] "><ul id="menubar2" class="menubar"><li id="menu-item-41666" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41666"><a href="https://www.beoptic.com/booking/">線上預約</a></li><li id="menu-item-46816" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46816"><a href="https://store.beoptic.com/">Online Shop</a></li></ul></nav><div class="left-widget mt-[40px] mb-[20px] lg:w-[80%] w-[85%] "><h3>輕鬆入手好眼鏡</h3><div class="textwidget custom-html-widget"><div class="row"><div class="col-12 col-sm-6">
<img alt="光明分子．眼鏡" src="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2020/05/banner.jpg"></div><div class="col-12 col-sm-5"><p>
【單筆消費滿$12,000，即可享有刷卡３期零利率】讓您在變換個人形象風格之餘，也能輕鬆配鏡.</p></div></div></div></div><div class="social-media flex flex-row justify-between mt-[25px] mb-[20px] w-[60%] [&_svg]:fill-light">
<a href="https://www.facebook.com/brighteyes.fans/">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.675 8.99579H6.44583V16.2916C6.44583 16.4333 6.5875 16.575 6.72917 16.575H9.775C9.91667 16.575 10.0583 16.4333 10.0583 16.2916V9.06663H12.0417C12.1833 9.06663 12.2542 8.99579 12.325 8.85413L12.6083 6.16246C12.6083 6.09163 12.6083 6.02079 12.5375 5.94996C12.4667 5.87913 12.3958 5.87913 12.325 5.87913H9.9875V4.17913C9.9875 3.68329 10.2708 3.39996 10.8375 3.39996C10.9083 3.39996 12.3958 3.39996 12.3958 3.39996C12.5375 3.39996 12.6792 3.25829 12.6792 3.11663V0.637459C12.6792 0.495793 12.5375 0.354126 12.3958 0.354126H10.2708H10.2C9.84583 0.354126 8.57083 0.424959 7.50833 1.34579C6.30417 2.40829 6.51667 3.68329 6.51667 3.89579V5.87913H4.675C4.53333 5.87913 4.39167 6.02079 4.39167 6.16246V8.85413C4.39167 8.92496 4.53333 8.99579 4.675 8.99579Z" fill="#EEEEE2"/>
</svg>
</a>
<a href="https://www.instagram.com/beoptic_eyewear/" target="_blank">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4138_146)">
<path d="M8 0C5.82667 0 5.55533 0.01 4.702 0.048C3.85 0.088 3.27 0.222 2.76 0.42C2.234 0.624 1.78733 0.898 1.34267 1.34267C0.898 1.78733 0.623333 2.23333 0.42 2.76C0.222 3.27 0.0873333 3.85 0.048 4.702C0.008 5.55533 0 5.82667 0 8C0 10.1733 0.01 10.4447 0.048 11.298C0.088 12.1493 0.222 12.73 0.42 13.24C0.624 13.7653 0.898 14.2127 1.34267 14.6573C1.78733 15.1013 2.23333 15.3767 2.76 15.58C3.27067 15.7773 3.85067 15.9127 4.702 15.952C5.55533 15.992 5.82667 16 8 16C10.1733 16 10.4447 15.99 11.298 15.952C12.1493 15.912 12.73 15.7773 13.24 15.58C13.7653 15.376 14.2127 15.1013 14.6573 14.6573C15.1013 14.2127 15.3767 13.7673 15.58 13.24C15.7773 12.73 15.9127 12.1493 15.952 11.298C15.992 10.4447 16 10.1733 16 8C16 5.82667 15.99 5.55533 15.952 4.702C15.912 3.85067 15.7773 3.26933 15.58 2.76C15.376 2.234 15.1013 1.78733 14.6573 1.34267C14.2127 0.898 13.7673 0.623333 13.24 0.42C12.73 0.222 12.1493 0.0873333 11.298 0.048C10.4447 0.008 10.1733 0 8 0ZM8 1.44C10.1353 1.44 10.39 1.45067 11.2333 1.48733C12.0133 1.524 12.4367 1.65333 12.718 1.764C13.0927 1.90867 13.358 2.082 13.6393 2.36133C13.9187 2.64133 14.092 2.90733 14.2367 3.282C14.346 3.56333 14.4767 3.98667 14.512 4.76667C14.55 5.61067 14.5587 5.864 14.5587 8C14.5587 10.136 14.5487 10.39 14.5093 11.2333C14.4687 12.0133 14.3387 12.4367 14.2287 12.718C14.0793 13.0927 13.9093 13.358 13.6293 13.6393C13.35 13.9187 13.08 14.092 12.7093 14.2367C12.4293 14.346 11.9993 14.4767 11.2193 14.512C10.37 14.55 10.12 14.5587 7.98 14.5587C5.83933 14.5587 5.58933 14.5487 4.74067 14.5093C3.96 14.4687 3.53 14.3387 3.25 14.2287C2.87067 14.0793 2.61 13.9093 2.33067 13.6293C2.05 13.35 1.87067 13.08 1.73067 12.7093C1.62067 12.4293 1.49133 11.9993 1.45067 11.2193C1.42067 10.3793 1.41 10.12 1.41 7.99C1.41 5.85933 1.42067 5.59933 1.45067 4.74933C1.49133 3.96933 1.62067 3.54 1.73067 3.26C1.87067 2.88 2.05 2.62 2.33067 2.33933C2.61 2.06 2.87067 1.88 3.25 1.74067C3.53 1.63 3.95067 1.5 4.73067 1.46C5.58067 1.43 5.83067 1.42 7.97 1.42L8 1.44ZM8 3.892C5.73 3.892 3.892 5.732 3.892 8C3.892 10.27 5.732 12.108 8 12.108C10.27 12.108 12.108 10.268 12.108 8C12.108 5.73 10.268 3.892 8 3.892ZM8 10.6667C6.52667 10.6667 5.33333 9.47333 5.33333 8C5.33333 6.52667 6.52667 5.33333 8 5.33333C9.47333 5.33333 10.6667 6.52667 10.6667 8C10.6667 9.47333 9.47333 10.6667 8 10.6667ZM13.2307 3.73C13.2307 4.26 12.8 4.69 12.2707 4.69C11.7407 4.69 11.3107 4.25933 11.3107 3.73C11.3107 3.20067 11.7413 2.77067 12.2707 2.77067C12.7993 2.77 13.2307 3.20067 13.2307 3.73Z" fill="#EEEEE2"/>
</g>
<defs>
<clipPath id="clip0_4138_146">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
<a href="https://www.youtube.com/channel/UCfCH-xDYYuOhYFGAzTbY43g?view_as=subscriber" target="_blank">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.6653 4.12395C15.5749 3.78346 15.3967 3.47271 15.1484 3.22279C14.9001 2.97287 14.5905 2.79258 14.2507 2.69995C13.0033 2.36328 8 2.36328 8 2.36328C8 2.36328 2.99667 2.36328 1.74867 2.69995C1.40894 2.79274 1.09953 2.9731 0.851385 3.223C0.603241 3.4729 0.425061 3.78357 0.334667 4.12395C0 5.37995 0 7.99995 0 7.99995C0 7.99995 0 10.6199 0.334667 11.8759C0.425057 12.2164 0.603317 12.5272 0.851594 12.7771C1.09987 13.027 1.40945 13.2073 1.74933 13.2999C2.99667 13.6366 8 13.6366 8 13.6366C8 13.6366 13.0033 13.6366 14.2513 13.2999C14.5912 13.2074 14.9009 13.0271 15.1491 12.7772C15.3974 12.5273 15.5757 12.2165 15.666 11.8759C16 10.6199 16 7.99995 16 7.99995C16 7.99995 16 5.37995 15.6653 4.12395ZM6.36333 10.3786V5.62128L10.5453 7.99995L6.36333 10.3786Z" fill="#EEEEE2"/>
</svg>
</a>
<a href="https://www.pinterest.com/beoptic/" target="_blank">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4138_154)">
<path d="M8.01133 0C3.59733 0 0.0193329 3.578 0.0193329 7.99133C0.0193329 11.3773 2.12467 14.2693 5.098 15.4327C5.028 14.8 4.96533 13.8307 5.12533 13.14C5.27133 12.5153 6.06267 9.16867 6.06267 9.16867C6.06267 9.16867 5.82333 8.68867 5.82333 7.98133C5.82333 6.87267 6.468 6.04067 7.26867 6.04067C7.95133 6.04067 8.28067 6.55333 8.28067 7.166C8.28067 7.852 7.84533 8.87733 7.61933 9.82733C7.42933 10.6227 8.01933 11.2707 8.80267 11.2707C10.2213 11.2707 11.3147 9.774 11.3147 7.61267C11.3147 5.70533 9.93933 4.36667 7.976 4.36667C5.70267 4.36667 4.37 6.07467 4.37 7.83267C4.37 8.52133 4.63267 9.26133 4.96267 9.66C5.02867 9.74 5.03733 9.81 5.01933 9.89C4.95933 10.14 4.824 10.6893 4.79667 10.7987C4.76133 10.9487 4.682 10.9793 4.52933 10.9087C3.53267 10.4487 2.90733 8.99 2.90733 7.81133C2.90733 5.294 4.73933 2.97667 8.18733 2.97667C10.9593 2.97667 13.1153 4.95467 13.1153 7.592C13.1153 10.3487 11.3773 12.5667 8.96 12.5667C8.15067 12.5667 7.39067 12.1473 7.12133 11.6473L6.622 13.546C6.44267 14.2427 5.95267 15.114 5.62333 15.6433C6.372 15.8733 7.16067 16 7.99 16C12.3947 16 15.98 12.4233 15.98 8.00867C15.98 3.59333 12.3947 0.0173333 7.99 0.0173333L8.01133 0Z" fill="#EEEEE2"/>
</g>
<defs>
<clipPath id="clip0_4138_154">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
<a href="https://twitter.com/brighteyes_fans" target="_blank">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
</a></div><p class="lg:hidden w-[90%] mx-auto text-light text-[.85rem] p-[10px_0] font-light border-t-[1px] border-solid border-light mb-[30px]">© Copyright 2025 | Be'Optic | All Rights Reserved</p></header><footer class="xs:hidden absolute bottom-0 w-full"><p class="lg:w-[90%] w-[80%] mx-auto text-light text-[.85rem] p-[10px_0] font-light">© Copyright 2025 | Be'Optic | All Rights Reserved</p></footer></aside><article><div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide">
<a href="https://www.beoptic.com/jacques-marie-mage-paris/" target="_blank"><div class="swiper-intro"><h2>Jacques Marie Mage 巴黎旗艦店巡禮</h2><p>將「奢華眼鏡」推向「極致藝術品」的私密藝廊</p></div>
<picture>
<source srcset="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2026/09/JMM-Paris-6.png" media="(max-width: 767px)">
<img src="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2026/09/JMM-Paris-1.jpg" class="w-full object-cover object-center" alt="光明分子．眼鏡">
</picture>
</a></div><div class="swiper-slide">
<a href="https://www.beoptic.com/julius-tart-china-town/" target="_blank"><div class="swiper-intro"><h2>Julius Tart CHINA TOWN無痛駕馭美式經典</h2><p>重現 1969 年專為亞洲臉型打造的罕見傳奇「CHINA TOWN 系列」</p></div>
<picture>
<source srcset="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2026/10/Julius-Tart-Optical-CHINATOWN-4.jpg" media="(max-width: 767px)">
<img src="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2026/10/Julius-Tart-CHINA-TOWN.jpg" class="w-full object-cover object-center" alt="光明分子．眼鏡">
</picture>
</a></div><div class="swiper-slide">
<a href="https://www.beoptic.com/zeiss-vision-center-x-brighteyes_zb/" target="_blank"><div class="swiper-intro"><h2>蔡司優視力旗艦店．光明分子竹北高鐵店</h2><p>亞洲最大 全台首間ZEISS VISION CENTER</p></div>
<picture>
<source srcset="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/01/zeiss-vision-center-x-brighteyes-5-scaled.jpg" media="(max-width: 767px)">
<img src="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/01/zeiss-vision-center-x-brighteyes-3-scaled.jpg" class="w-full object-cover object-center" alt="光明分子．眼鏡">
</picture>
</a></div><div class="swiper-slide">
<a href="https://www.beoptic.com/bemovie/" target="_blank"><div class="swiper-intro"><h2>蔡司優視力旗艦店【人物訪談篇2】</h2><p>光的凝聚 無限未來</p></div><div class="youtube-container" data-video-id="kw1qtx93jzs"><div class="yt-mask"></div></div>
</a></div><div class="swiper-slide">
<a href="https://www.beoptic.com/new-arrival/" target="_blank"><div class="swiper-intro"><h2>國際設計師鏡框新品選</h2><p>從世界引進最新最流行的眼鏡，讓光明分子的朋友走在流行最前線</p></div>
<picture>
<source srcset="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2026/10/GLOBAL-DESIGNER-EYEWEAR-2.png" media="(max-width: 767px)">
<img src="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2026/10/GLOBAL-DESIGNER-EYEWEAR.jpg" class="w-full object-cover object-center" alt="光明分子．眼鏡">
</picture>
</a></div><div class="swiper-slide">
<a href="https://www.beoptic.com/store-information/" target="_blank"><div class="swiper-intro"><h2>門市資訊</h2><p>一群熱愛眼鏡、追求時尚的配鏡規劃師所組成的專業團隊，希望結合流行與專業， 讓眼鏡成為你最貼身的時尚配件。</p></div>
<picture>
<source srcset="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/05/Shop-photo-806-3-scaled.jpg" media="(max-width: 767px)">
<img src="https://i0.wp.com/img.beoptic.com/wp-content/uploads/2024/05/Shop-photo-806-1-scaled.jpg" class="w-full object-cover object-center" alt="光明分子．眼鏡">
</picture>
</a></div></div><div class="swiper-pagination"></div></div></article> <script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js"></script>  <script>function bindSubmenuToggle() {
  // 初始化每個有子選單的項目
  $('li.menu-item-has-children').each(function () {
    const $li = $(this);
    const $submenu = $li.children('.sub-menu');
    const $link = $li.children('a');

    // 避免重複加 icon
    if ($link.find('.toggle-submenu-icon').length === 0) {
      $link.append('<span class="toggle-submenu-icon" style="margin-left: 8px;">＋</span>');
    }

    // 移除舊事件後再綁定在 menu-item-has-children > a
    $link.off('click').on('click', function (e) {
      e.preventDefault();
      e.stopPropagation();

      //console.log($link);

      const isVisible = $submenu.is(':visible');

      // 收起其他子選單
      $('.sub-menu').slideUp();
      $('.toggle-submenu-icon').text('＋');

      if (!isVisible) {
        $submenu.slideDown();
        $link.find('.toggle-submenu-icon').text('−');
      }
    });
  });

  // 事業部切換（.eyewear / .optometry）沒有子選單，但一樣加上 ＋ 提示可展開
  $('li.eyewear > a, li.optometry > a').each(function () {
    const $link = $(this);
    if ($link.find('.toggle-submenu-icon').length === 0) {
      $link.append('<span class="toggle-submenu-icon" style="margin-left: 8px;">＋</span>');
    }
  });

  // 子選單內的連結要能正常點擊跳轉
  $('.sub-menu a').off('click').on('click', function (e) {
    e.stopPropagation(); // 阻止觸發父層點擊，但保留預設跳轉行為
  });
  $("#mask").click(function(){
    $('body').removeClass('nav-open');
  });
}

jQuery(function () {
      //nav開闔
      $('#menuToggle').on('click', function (e) {
        e.preventDefault();
        $(this).toggleClass('open');
        $('body').toggleClass('nav-open');

        // 切換 cookie 值
        // if ($('body').hasClass('nav-open')) {
        //   document.cookie = "nav=nav-open; path=/";
        // } else {
        //   document.cookie = "nav=; path=/";
        // }

        //console.log(document.cookie); // 可用來確認目前的 cookie 狀態
      });
      bindSubmenuToggle();
    });</script> <script>function loadMenu(mode) {
    document.cookie = "m=" + mode + "; path=/";
    //document.cookie = "nav=nav-open; path=/";

    $.post('/wp-admin/admin-ajax.php', {
      action: 'load_mode_menu',
      mode: mode
    }, function (html) {
      $('#menubar').replaceWith(html);
      bindSubmenuToggle(); // ✅ 載入新選單後重新綁定展開功能
    });
  }

jQuery(function () {
    // 初始化 nav-open 狀態
    // if (document.cookie.includes('nav=nav-open')) {
    //   $('body').addClass('nav-open');
    // }

    bindSubmenuToggle(); // ✅ 頁面初次載入也要綁一次
    
    // 改用事件委派方式綁定點擊
    $(document).on('click', '.home', function (e) {
      e.preventDefault();
      loadMenu('');
    });

    $(document).on('click', '.eyewear > a', function (e) {
      e.preventDefault();
      loadMenu('eyewear');
    });

    $(document).on('click', '.optometry > a', function (e) {
      e.preventDefault();
      loadMenu('optometry');
    });

    // $('#menubar a, #menubar2 a').on('click', function (e) {
    //     const href = $(this).attr('href');
    //     if (href && href !== '#' && !href.startsWith('mailto:') && !href.startsWith('tel:')) {
    //       document.cookie = "nav=nav; path=/";
    //       console.log('Cookie set: nav=nav', document.cookie);
    //     }
    //   });

  });</script> <script>//GA4電子商務
  jQuery(function(){
    var title = $('title').text().replace(/(^\s*)|(\s*$)/g, "");
      dataLayer.push({
          'event': "view_item",
          'ecommerce': {
            'currency': "TWD",
            'items': [
            {
              'item_name': title,
              'quantity': 1
            }
            ]
          }
      });
      
      $('.bookingbtn').click(function(){
        dataLayer.push({
        'event': 'add_to_cart',
        'ecommerce': {                         
          'items': [{                       
              'item_name': title,
              'quantity': 1
              }]
          }
        });
    });
  });</script> <script type="speculationrules">{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/beoptic_2.1/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script> <div id="eu-cookie-bar">「本網站使用 cookie 及相關技術分析來改善使用者體驗。」<a href="https://www.beoptic.com/policy/"> 了解更多</a> <button id="euCookieAcceptWP"  onclick="euSetCookie('euCookiesAcc', true, 30); euAcceptCookiesWP();">我同意</button></div> <script async src="https://www.youtube.com/iframe_api"></script>  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script>//home swiper
    var swiper = new Swiper(".swiper-container", {
        direction: "vertical",  // 垂直滾動
        loop: true,  // 無限循環
        autoplay: {
            delay: 5000,
            disableOnInteraction: false
        },
        slidesPerView: 1,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        mousewheel: true, // 滑鼠滾輪切換
    });

    // 滑鼠在輪播上（含影片）時暫停自動輪播，移開才繼續
    // 不用 mouseenter/mouseleave，改讀 :hover 即時狀態：
    // 滑鼠停著不動、或事件被 YouTube iframe 吃掉時，事件式的寫法收不到，:hover 一定是對的
    var swiperEl = document.querySelector(".swiper-container");
    var canHover = window.matchMedia("(hover: hover)").matches; // 觸控裝置不套用，避免點過之後 :hover 卡住

    var autoplayPausedByHover = false; // 自己記狀態，不依賴 swiper.autoplay.running

    function syncAutoplayByHover() {
        if (!canHover || !swiper.autoplay) return;

        var hovering = swiperEl.matches(":hover");
        if (hovering && !autoplayPausedByHover) {
            swiper.autoplay.stop();
            autoplayPausedByHover = true;
        } else if (!hovering && autoplayPausedByHover) {
            swiper.autoplay.start();
            autoplayPausedByHover = false;
        }
    }

    if (canHover) {
        // 事件負責即時反應
        swiperEl.addEventListener("pointerenter", syncAutoplayByHover);
        swiperEl.addEventListener("pointerleave", syncAutoplayByHover);
        // 輪詢負責補漏（滑鼠沒移動、或指標在 iframe 上時不會有事件）
        setInterval(syncAutoplayByHover, 300);
        syncAutoplayByHover();
    }

    // YouTube API 初始化
    var players = {};
    // 與圖片的 <source media="(max-width: 767px)"> 用同一個斷點
    var mobileMQ = window.matchMedia("(max-width: 767px)");

    // 依目前視窗寬度決定這張 slide 該播哪一支
    function pickVideo($container) {
        var mobileVideoId = $container.attr("data-video-id-m");
        var isVertical = mobileMQ.matches && !!mobileVideoId;
        return {
            id: isVertical ? mobileVideoId : $container.attr("data-video-id"),
            isVertical: isVertical
        };
    }

    // 建立（或換掉）某張 slide 的 iframe
    function mountYoutubeIframe($container) {
        var picked = pickVideo($container);
        var currentId = $container.attr("data-active-video-id");

        // 直向影片上下會留黑邊，標記給 CSS 用來隱藏標題（要在下面的提前 return 之前做）
        $container.closest(".swiper-slide").toggleClass("has-vertical-video", picked.isVertical);

        // 該播的還是同一支就不動，避免無謂重載讓影片跳回開頭
        if (currentId === picked.id) return;

        // 換片：移掉舊的 iframe 與參考
        $container.find("iframe.youtube-iframe").remove();
        if (currentId) delete players[currentId];

        // 動態生成 iframe
        var iframe = document.createElement("iframe");
        iframe.classList.add("youtube-iframe");
        iframe.src = `https://www.youtube.com/embed/${picked.id}?autoplay=1&mute=1&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1&loop=1&playlist=${picked.id}`;
        iframe.allow = "autoplay; encrypted-media";
        iframe.frameBorder = "0";
        // 直向影片要用 9:16 去算滿版尺寸
        iframe.setAttribute("data-ratio", picked.isVertical ? (9 / 16) : (16 / 9));
        // 直向不額外放大，剛好填滿畫面即可，裁掉的部分最少
        iframe.setAttribute("data-scale", picked.isVertical ? 1 : 1.2);

        $container.append(iframe);

        // 記錄實際播放的 ID，slideChange 時才找得到對應的 iframe
        $container.attr("data-active-video-id", picked.id);
        players[picked.id] = iframe;
    }

    function mountAllYoutubeIframes() {
        $(".youtube-container").each(function () {
            mountYoutubeIframe($(this));
        });
        // iframe 是這裡才產生的，補算一次尺寸（此函式在下一個 script 區塊宣告，故先確認存在）
        if (typeof resizeYoutubeIframe === 'function') resizeYoutubeIframe();
    }

    function onYouTubeIframeAPIReady() {
        mountAllYoutubeIframes();
    }

    // 視窗跨過 767px 斷點時直接換片，不用重整
    // （用 matchMedia 而非 resize，只在真的跨過斷點時才觸發）
    if (mobileMQ.addEventListener) {
        mobileMQ.addEventListener("change", mountAllYoutubeIframes);
    } else {
        mobileMQ.addListener(mountAllYoutubeIframes); // Safari 13 以前
    }

    // **監聽 Swiper 切換事件**
    swiper.on("slideChange", function () {
        var activeSlide = $(".swiper-slide-active .youtube-container");
        if (activeSlide.length) {
            var videoId = activeSlide.attr("data-active-video-id") || activeSlide.attr("data-video-id");
            if (players[videoId]) {
                players[videoId].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
            }
        } else {
            // **離開 YouTube 頁面時，暫停所有影片**
            Object.values(players).forEach(iframe => {
                iframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
            });
        }
    });</script> <script>function resizeYoutubeIframe() {
      const winWidth = $(window).width();
      const winHeight = $(window).height();

      $('.youtube-iframe').each(function () {
        const $iframe = $(this);
        // 影片自己的寬高比：橫向 16/9、直向 9/16
        const videoRatio = parseFloat($iframe.attr('data-ratio')) || 16 / 9;
        // 額外的溢出倍率：橫向 1.2，直向 1（剛好填滿就好）
        const scale = parseFloat($iframe.attr('data-scale')) || 1.2;

        let targetWidth, targetHeight;

        // 畫面比影片扁 → 寬為主，反之高為主（讓影片一定填滿畫面、不留黑邊）
        if (winWidth / winHeight >= videoRatio) {
          targetWidth = winWidth * scale;
          targetHeight = targetWidth / videoRatio;
        } else {
          targetHeight = winHeight * scale;
          targetWidth = targetHeight * videoRatio;
        }

        const left = (winWidth - targetWidth) / 2;
        const top = (winHeight - targetHeight) / 2;

        $iframe.css({
          width: targetWidth + 'px',
          height: targetHeight + 'px',
          left: left + 'px',
          top: top + 'px'
        });
      });
    }

    jQuery(document).ready(function () {
      resizeYoutubeIframe();
      $(window).on('resize', resizeYoutubeIframe);
    });</script> <script data-optimized="1" src="https://www.beoptic.com/wp-content/litespeed/js/5e6ff6340e647816c5048c15c0c0367d.js?ver=9a575"></script></body></html>
<!-- Page optimized by LiteSpeed Cache @2026-10-26 17:13:52 -->

<!-- Page cached by LiteSpeed Cache 6.3.0.1 on 2026-10-26 17:13:52 -->