It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://onlux.com.hk/pico-master

  1. <!doctype html>
  2. <!--[if lt IE 9 ]> <html class="ie ie-lt10 ie-lt9 no-js" lang="en"> <![endif]-->
  3. <!--[if IE 9 ]>    <html class="ie ie9 ie-lt10 no-js" lang="en"> <![endif]-->
  4. <!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]--><head>
  5. <!DOCTYPE html>
  6. <html lang="zh-HK">
  7. <head>
  8.  
  9.  <!-- Google Tag Manager -->
  10. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  11. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  12. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  13. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  14. })(window,document,'script','dataLayer','GTM-WZBW6NM');
  15. </script>
  16. <!-- End Google Tag Manager -->
  17.  
  18.  
  19. <!-- Global site tag (gtag.js) - Google Analytics -->
  20. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150814410-1"></script>
  21. <script>
  22. window.dataLayer = window.dataLayer || [];
  23. function gtag(){dataLayer.push(arguments);}
  24. gtag('js', new Date());
  25.  
  26. gtag('config', 'UA-150814410-1');
  27. gtag('config', 'AW-857221791');
  28. </script>
  29. <!-- Google Tag Manager -->
  30. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  31. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  32. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  33. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  34. })(window,document,'script','dataLayer','GTM-MQK8767');
  35. </script>
  36. <!-- End Google Tag Manager -->
  37. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <meta http-equiv="Content-Language" content="en,en-US,en-UK,fr,zh,zh-CN,zh-HK,zh-TW" />
  40. <title>PICO LASER 皮秒激光去斑嫩膚 - OnLux 肌底療程專家</title>
  41. <meta name="description" content="PICO MASTER™ 能精確解決去斑、擊碎黑色素、美白、嫩膚、毛孔等肌膚問題,並改善整體膚質,立即來OnLux體驗pico laser效果!" />
  42. <meta name="keywords" content="" />
  43. <meta name="robots" content="index,follow" />
  44. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  45. <meta http-equiv="Cache-Control" content="max-age=86400" />
  46. <meta property="og:title" content="OnLux 肌底療程專家" />
  47. <meta property="og:description" content="OnLux發音Honest; 如其名「真誠」、「誠實」是我們的宗旨和服務標準;以客為本,專注提供先進科技的美容療程體驗。我們深信內外兼修的「美麗」哲學,由內在出發:復修、重整、平衡、進化,讓外在感受得到、看得見、觸摸到。至今服務大家13年,超過320萬人次見證OnLux「以誠出發」的美容體驗。" />
  48. <link rel="icon" type="image/png" href="https://onlux.com.hk/assets/images/ONLUX FAVICON_32.png" />
  49. <link href='https://onlux.com.hk/assets/css/fonts.css?family=Open+Sans:300,400,600&subset=latin,latin-ext' rel='stylesheet'>
  50. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  51.  
  52. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
  53. <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" />
  54. <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/style.css" />
  55. <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/jquery.timepicker.css" />
  56.    
  57. <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/animate.css" />
  58.   <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/menu.css" />
  59.    
  60. <link href="/assets/css/LineIcons-custom.css" rel="stylesheet">
  61. <link href="/assets/css/iziModal.min.css" rel="stylesheet">
  62. <link rel="stylesheet" type="text/css" href="/assets/css/onlux-standard.css?1714035400" />
  63. </head>
  64. <body>
  65. <!-- Google Tag Manager (noscript) -->
  66. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZBW6NM"
  67. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  68. <!-- End Google Tag Manager (noscript) -->
  69.  
  70. <!-- Google Tag Manager (noscript) -->
  71. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQK8767"
  72. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  73. <!-- End Google Tag Manager (noscript) -->
  74. <style>
  75. .mtop-whatsapp {
  76.    display:none;
  77. }
  78. </style>
  79. <a href="#" onClick="scrollToForm()" class="btn_tab"><img src="https://onlux.com.hk/assets/美白去斑脫毛廋身纖形美容新體驗/激光脫毛-去斑-減肥-抗哀老-減皺紋.png" alt="快速登記預約" title="快速登記預約"></a>
  80.  
  81. <style>
  82. @font-face {
  83.    font-family: 'dinotregular';
  84.    src: url('/assets/fonts/dinot-regular-webfont.woff2') format('woff2'),
  85.         url('/assets/fonts/dinot-regular-webfont.woff') format('woff');
  86.    font-weight: normal;
  87.    font-style: normal;
  88. }
  89. /* floating button */
  90. .standard-floating{
  91.    height: auto;
  92.    position: fixed;
  93.    top: 0;
  94.    z-index: 5000;
  95.    opacity:1;
  96.    transition: all .4s ease-out .2s;
  97.    margin-left: 66%;
  98.    left: 0;
  99.    display:none!important;
  100. }  
  101. .standard-floating.hide{
  102.   opacity:0;
  103. }
  104. .standard-floating.on-form-hide{
  105.   opacity:0!important;
  106. }
  107. .standard-floating .home-float {
  108.    max-width: 100%;
  109.    padding-right: 50%;
  110.    margin: 0 auto;
  111. }
  112. .standard-floating.on-top .home-float{
  113.    margin-top: 50px;
  114. }
  115. .try-button{
  116.    display:block;
  117.    width:133px;
  118.    height:63px;
  119.    background:url('/assets/images/new/c-floating-button.png') no-repeat;
  120.    background-size:100%;
  121.    position:relative;
  122.    overflow: hidden;
  123.    cursor:pointer;
  124. }  
  125. .standard-floating .try-button{
  126.    margin-top:0;
  127.    position:relative;
  128.    overflow: hidden;
  129.    cursor:pointer;
  130. }  
  131. .standard-floating .try-button:after {
  132.    content: "";
  133.    background: linear-gradient(to right, transparent, rgba(255, 255, 255, .2));
  134.    -webkit-background: linear-gradient(to right, transparent, rgba(255, 255, 255, .2));
  135.    -webkit-transform: skewX(-25deg);
  136.    transform: skewX(-25deg);
  137.    position: absolute;
  138.    width: 50%;
  139.    height: 100%;
  140.    z-index: 30;
  141.    top: 0;
  142.    left: -75%;
  143.    -webkit-animation: shine2 3s infinite;
  144.    animation: shine2 3s infinite;
  145.    display:none;
  146. }
  147. .standard-floating.fixed-to-top .try-button{
  148.    margin-top:0;
  149.    display:block;
  150. }
  151. /* header */
  152. #header {
  153.    padding:0;
  154.    position: relative;
  155.    width: 100%;
  156. }
  157. #header.fixed{
  158.    position:fixed;
  159. }
  160. .gradient-treatment { background-color:#d6a88e;height:50px;}
  161. .onlux-mainmenu{ background-color:#fff;height:70px;}
  162. #header.fixed .gradient-treatment{ display:none;}
  163. #header.fixed .onlux-mainmenu{
  164.    position: fixed;
  165.    left:0;
  166.    top:0;
  167.    width: 100%;
  168.    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  169. }
  170. #header.with-gradient-treatment .submenu-item{
  171.    top:120px;
  172. }
  173. #header.fixed.with-gradient-treatment .submenu-item{
  174.    top:70px;
  175. }
  176. #header.fixed .submenu-item{
  177.    top:70px;
  178. }
  179.  
  180. .onlux-submenu{ background-color:#fff5ea;height:70px;}
  181. .header-content {
  182.    width : 100%;
  183.    max-width:1440px;
  184.    margin:0 auto;
  185.    height: 100%;
  186.    font-size:15px;
  187.    letter-spacing:0;
  188.    display:flex;
  189.    align-items: center;
  190.    font-family:'DFHeiHK W5','Microsoft Jhenghei','Open Sans';
  191.    padding: 0 65px;
  192. }
  193. .header-content .eng  {
  194. }
  195. .gradient-treatment .header-content{
  196.    color : #fff;
  197. }
  198. .onlux-mainmenu .header-content,
  199. .onlux-submenu.header-content
  200. {
  201.    color : #212121;
  202. }
  203. .onlux-mainmenu .header-content{justify-content: space-between;}
  204. .onlux-mainmenu .header-content .onlux-logo {width:33%;}
  205. .onlux-mainmenu .header-content .menu-text{
  206.    width:33%;
  207.    height: 100%;
  208.    min-width: 480px;
  209. }
  210. .onlux-mainmenu .header-content .onlux-icons{
  211.    width:33%;
  212.    display: flex;
  213.    height: 100%;
  214. }
  215. .onlux-mainmenu .header-content .onlux-icons .onlux-float-button{
  216.    flex: 1;
  217.    display: flex;
  218.    justify-content: center;
  219. }
  220. .onlux-mainmenu .header-content .onlux-link-icons   {
  221.    /*width: 150px;*/
  222.    display: flex;
  223.    justify-content: flex-end;
  224.    align-items: center;
  225.    flex:1;
  226. }
  227. .onlux-mainmenu .header-content .onlux-link-icons a {
  228.    display: block;
  229.    margin-left: 30px;
  230. }
  231. .onlux-mainmenu .header-content .onlux-link-icons a img {
  232.    height: 15px;
  233.    display:none;
  234. }
  235. #header .onlux-logo .logo{
  236.    background:url('/assets/images/new/onlux-logo-150dpi.png') no-repeat;
  237.    width : 116px;
  238.    height : 29px;
  239.    background-size: 100%;
  240. }
  241. .submenu-item{
  242.    position: absolute;
  243.    top: 120px;
  244. top:70px;
  245.    left: 0;
  246.    height: 70px;
  247.    width: 100%;
  248.    background-color: #fff5ea;
  249.    display:none;
  250. }
  251. .submenu-item .submenu-content{
  252.    height: 100%;
  253. }
  254. .menu-text ul,.submenu-text ul {
  255.    display: flex;
  256.    height: 100%;
  257. }
  258.  
  259. .menu-text ul li {
  260.    height: 100%;
  261.    padding: 0 15px;
  262.    cursor:pointer;
  263. }
  264.  
  265. .menu-text ul li a{
  266.    color: #212121;
  267. }
  268. .menu-text ul li .text{
  269.    display: flex;
  270.    align-items: center;
  271.    height: 100%;
  272.    position:relative ;
  273. }
  274. .menu-text ul li  .submenu-item .text:after{
  275.    display:none;
  276. }
  277. .menu-text ul li:hover .text:after,
  278. .menu-text ul li.selected .text:after {
  279.    content: "";
  280.    position: absolute;
  281.    left: 0;
  282.    bottom: 0;
  283.    width: 100%;
  284.    height: 3px;
  285.    background-color: #bf6d38;
  286. }
  287. .menu-text ul li:hover .submenu-item{
  288.    display:block;
  289. }
  290. .menu-text ul li:first-child {
  291.    padding-left: 0;
  292. }
  293. .menu-text ul li:last-child{
  294.    padding-right:0;
  295. }
  296. .submenu-text {
  297.    display: flex;
  298.    width: 100%;
  299.    height:100%;
  300.    justify-content: center;
  301. }
  302. .submenu-text ul li {
  303.    height: 100%;
  304.    cursor:pointer;
  305. }
  306. .submenu-text ul li .text{
  307.    display: flex;
  308.    align-items: center;
  309.    height: 100%;
  310.    position:relative ;
  311. }
  312. .submenu-text ul li.separator{
  313.    margin: 0 22px;
  314.    display: flex;
  315.    align-items: center;
  316. }
  317. .submenu-text ul li.separator .border-line{
  318.    background-color: #908983;
  319.    width: 1px;
  320.    height: 16px;
  321. }
  322. .submenu-text ul li.selected .text,
  323. .submenu-text ul li:hover .text
  324. {
  325.    color: #bf6d38;
  326. }
  327. /* mobile */
  328. #menu{display:none;}
  329. #menuBtn {  display: none;}
  330. #product-banner {margin-top: 0;}
  331.  
  332. .standard-banner .banners .banner-object .text {
  333.    font-family: 'Noto Sans TC';
  334. }
  335.  
  336. @media (max-width: 1219px){
  337.    .standard-floating{
  338.        width: auto;
  339.        height: auto;
  340.        left: auto;
  341.        right: 0;
  342.        margin: 0;
  343.    }
  344.   .standard-floating .try-button{
  345.     /*  width: 85px;
  346.       height: 200px;
  347.       background:url('/assets/images/new/d-vertical-floating-button.png') no-repeat;
  348.       background-size:100%;
  349.       margin-top:70px;*/
  350.    }
  351.    .standard-floating .home-float {
  352.        padding-right: 0;
  353.    }
  354.    #header { display:block;}
  355.    .gradient-treatment,
  356.    .onlux-mainmenu .menu-text,
  357.    .onlux-submenu  ,
  358.    .onlux-mainmenu .header-content .onlux-link-icons
  359.    {display:none;}
  360.    .onlux-mainmenu .header-content .onlux-link-icons{
  361.        flex:1;
  362.    }
  363.    .onlux-mainmenu .header-content{
  364.        justify-content: flex-start;
  365.        padding:0 30px;
  366.    }
  367.    .onlux-logo .logo{
  368.        width: 80px;
  369.        height: 17px;
  370.        background-size: 72px 17px;
  371.    }
  372.    .onlux-mainmenu .header-content .onlux-logo {
  373.        width: 34%;
  374.        display: flex;
  375.    }
  376.    #menuBtn {
  377.        width:33%;
  378.        width:45px;
  379.        display: block;
  380.        padding-left: 0;
  381.        text-align: right;
  382.    }
  383.    #menuBtn>div{width: 30px;}
  384.    #menuBtn>div>span, #menuBtn>div>span:before, #menuBtn>div>span:after{height:2px;}
  385.    #menuBtn>div>span, #menuBtn>div>span:before, #menuBtn>div>span:after{background-color: #757679;}
  386.    #menu .outer{
  387.        padding:0;
  388.    }
  389.    #menu .inner .navbar{
  390.        padding-bottom: 60px;
  391.    }
  392.    .open-menu #menu{
  393.        display:block;
  394.        overflow-y: scroll;
  395.        padding-top:0;
  396.        margin-top: 69px;
  397.    }
  398.    .onlux-mainmenu .header-content .onlux-icons {
  399.        width:auto;
  400.        flex: 1;
  401.    }
  402.    .onlux-mainmenu .header-content .onlux-icons .onlux-float-button{
  403.       /*  justify-content: flex-end; */
  404.    }
  405.    .open-menu .onlux-mainmenu .header-content .onlux-icons{
  406.        display:none;
  407.    }
  408.    .open-menu #menuBtn {
  409.        width: 30px;
  410.    }
  411.    .open-menu  .onlux-mainmenu .header-content .onlux-logo {
  412.        width:auto;
  413.        padding-left: 30px;
  414.        padding: 0;
  415.        flex: 1;
  416.    }
  417.    .rgba #menu{
  418.        background-color:#fff;
  419.    }
  420.    .cat_menu {
  421.        width: 100%;
  422.        font-size: 35px;
  423.        margin: 0;
  424.        padding: 0;
  425.        border-bottom: 1px solid #e2d8d2;
  426.        border-top: 0;
  427.        color:#757679;
  428.        text-align:left;
  429.    }
  430.  
  431.    .cat_menu.
  432.    .cat_menu .eng{
  433.    }
  434.    .cat_menu > div {
  435.        font-size:1em;
  436.        line-height: 100%;
  437.        padding:0;
  438.        margin:0;
  439.        border:0;
  440.        display:block;
  441.        padding-left: 80px;
  442.        padding-top: 25px;
  443.        padding-bottom: 25px;
  444.        background-image: url('/assets/images/new/menu-mobile-close.png');
  445.        background-repeat: no-repeat;
  446.        background-position: 95% center;
  447.        background-size: 30px 30px;
  448.        height: 100%;
  449.    }
  450.    .cat_menu.active > div{
  451.        background-image: url('/assets/images/new/menu-mobile-open.png');
  452.    }
  453.    .cat_menu .cat_menu-item {
  454.        opacity: 0;
  455.        height: auto;
  456.        padding: 0;
  457.        margin: 0;
  458.        transition: all .7s;
  459.        font-size:inherit;
  460.    }
  461.  
  462.    .cat_menu.active { padding-bottom: 0;}
  463.    
  464.    .cat_menu.active .cat_menu-item{
  465.        opacity: 1;
  466.        padding-bottom:0;
  467.        margin-top: 10px;
  468.    }
  469.    
  470.    #menu .cat_menu a.root-level {
  471.        font-size:1em;
  472.        padding: 0;
  473.        background-color: #fff;
  474.    }
  475.    #menu a {
  476.        font-size:1em;
  477.        text-align:left;
  478.        background-color: #e3e3e3;
  479.        padding-left: 80px;
  480.        color:#757679;
  481.        padding-top: 35px;
  482.        padding-bottom: 35px;
  483.        display: none;
  484.    }
  485.    #menu a.root-level{
  486.        display:block;
  487.    }
  488.    #menu .cat-first-level a {
  489.        font-size: inherit;
  490.        display: block;
  491.        padding: 0;
  492.        margin: 0;
  493.        background-color: #fff;
  494.        font-weight:400;
  495.    }
  496.    #menu .cat-first-level.first-level-only{
  497.       background:none;
  498.    }
  499.    .cat_menu.active > div:hover,
  500.    .cat_menu > div:hover ,  #menu a:hover{
  501.        color:#c59a82;
  502.    }
  503.   .navbar>li>a:hover {
  504.       opacity:1;
  505.   }
  506.    #menu .cat_menu.active a
  507.    {
  508.        display:block;
  509.    }
  510. }
  511.  
  512. @media (max-width: 640px){
  513.    .open-menu #menu{  margin-top: 69px;}
  514. }
  515. @media (max-width: 500px){
  516.    .standard-floating .try-button{
  517.       /*  width: 63px;
  518.        height: 148px; */
  519.    }
  520.    .try-button {            
  521.        width: 120px;
  522.        height: 57px
  523.    }
  524.    .onlux-mainmenu .header-content .onlux-link-icons a {
  525.        margin-left: 20px;
  526.    }
  527.    #header .onlux-logo .logo {
  528.        width: 80px;
  529.        height: 20px;
  530.    }
  531.    .cat_menu > div {
  532.        font-size: 0.7em;
  533.        padding-left: 30px;
  534.    }
  535.    #menu a {
  536.        font-size: 0.7em;
  537.        padding-left: 30px;
  538.    }
  539.    
  540. }
  541. @media (max-width: 340px){
  542.    #menu a {
  543.        white-space: pre-wrap;
  544.    }
  545. }
  546. .global-h1-title,
  547. .onlux-submenu {
  548.    display:none;
  549. }
  550. </style><div id="header" class="">
  551.      <div class="onlux-mainmenu">
  552.        <div class="header-content">
  553.          
  554.            <div class="onlux-logo"><a href="/" class="logo"></a></div>
  555.            <div class="menu-text">
  556.                <ul>
  557.                    <li ><a href="https://onlux.com.hk/about" class="text">了解我們</a>
  558.                    <!--<div class="submenu-item" >
  559.                        <div class="submenu-content">
  560.                             <div class="submenu-text">
  561.                                <ul>
  562.                                    <li><a href="https://onlux.com.hk/about" class="text"><span class="eng">OnLux</span>是</a></li>
  563.                                    <li class="separator"><div class="border-line"></div></li>
  564.                                    <li><a href="https://onlux.com.hk/awards" class="text">榮譽</a></li>
  565.                                    <li class="separator"><div class="border-line"></div></li>
  566.                                    <li><a href="#" class="text">承諾</a></li>
  567.                                </ul>
  568.                            </div>
  569.                        </div>
  570.                    </div>-->
  571.                    </li>
  572.                    <li class="selected"><div class="text">療程選擇</div>
  573.                        <div class="submenu-item" >
  574.                            <div class="submenu-content">
  575.                                 <div class="submenu-text">
  576.                                    <ul>
  577.                                        <li ><a href="https://onlux.com.hk/cell-awakening" class="text">肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a></li>
  578.                                        <li class="separator"><div class="border-line"></div></li>
  579.                                        <li class="selected"><a href="https://onlux.com.hk/pico-master" class="text"><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a></li>
  580.                                        <li class="separator"><div class="border-line"></div></li>
  581.                                        <li ><a href="https://onlux.com.hk/power-laser" class="text"><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a></li>
  582.                                        <li class="separator"><div class="border-line"></div></li>
  583.                                        <li ><a href="https://onlux.com.hk/4d-scanner" class="text"><span class="eng upper">P2P</span>三層秒效修脂療程</a></li>
  584.                                       <!--   <li class="separator"><div class="border-line"></div></li><li><a href="#" class="text"><span class="eng">4D UP&#8482;</span>&nbsp;纖體療程</a></li>-->
  585.                                    </ul>
  586.                                </div>
  587.                            </div>
  588.                        </div>
  589.                    </li>
  590.                  
  591.                   <li ><a href="https://onlux.com.hk/price" class="text">價目</a>
  592.                    </li>  
  593.                    
  594.                    <li><div class="text">限時優惠</div>
  595.                        <div class="submenu-item" >
  596.                            <div class="submenu-content">
  597.                                 <div class="submenu-text">
  598.                                    <ul>
  599.                                        <li><a href="https://onlux.com.hk/cell-awakening-lead" class="text">肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a></li>
  600.                                        <li class="separator"><div class="border-line"></div></li>
  601.                                        <li><a href="https://onlux.com.hk/pico-master-lead" class="text"><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a></li>
  602.                                        <li class="separator"><div class="border-line"></div></li>
  603.                                        <li><a href="https://onlux.com.hk/power-laser-lead" class="text"><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a></li>
  604.                                        <li class="separator"><div class="border-line"></div></li>
  605.                                        <li><a href="https://onlux.com.hk/4d-scanner" class="text"><span class="eng upper">P2P</span>三層秒效修脂療程</a></li>
  606.                                    </ul>
  607.                                </div>
  608.                            </div>
  609.                        </div>
  610.                    </li>
  611.              
  612.                    <li ><a href="https://onlux.com.hk/knowledge" class="text">小知識</a>
  613.                    </li>
  614.                  
  615.                    
  616.                    <li ><div class="text">聯繫我們</div>
  617.                        <div class="submenu-item" >
  618.                            <div class="submenu-content">
  619.                                 <div class="submenu-text">
  620.                                    <ul>
  621.                                        <li ><a href="https://onlux.com.hk/address" class="text">分店門市</a></li>
  622.                                        <li class="separator"><div class="border-line"></div></li>
  623.                                        <li ><a href="https://onlux.com.hk/suggestion" class="text">意見回饋</a></li>
  624.                                        <li class="separator"><div class="border-line"></div></li>
  625.                                        <li ><a href="https://onlux.com.hk/recruit" class="text">人才招聘</a></li>
  626.                                    </ul>
  627.                                </div>
  628.                            </div>
  629.                        </div>
  630.                    </li>
  631.                </ul>
  632.            </div>
  633.            <div class="onlux-icons">
  634.                <div class="onlux-float-button"><a href="javascript:void(0);" class="try-button" onClick="toHomeForm();" ></a></div>
  635.                <div class="onlux-link-icons">
  636.                    <a href="#"><img src="/assets/images/new/user.png"></a>
  637.                    <a href="#"><img src="/assets/images/new/location.png"></a>
  638.                    <a href="#"><img src="/assets/images/new/cart.png"></a>
  639.                </div>
  640.            </div>
  641.             <a href="javascript:void(0)" id="menuBtn">
  642.                <div><span></span></div>
  643.                <span></span>
  644.                <span class="clearfix"></span>
  645.            </a>
  646.        </div>
  647.    </div>
  648.  
  649. </div>
  650. <div class="standard-floating hide"><div class="home-float"><a href="javascript:void(0);" onClick="toHomeForm();" class="try-button"></a></div></div>
  651.  
  652. <div id="menu">
  653. <div class="outer">
  654. <div class="inner">
  655.                         <ul class="navbar">
  656.                    <li class="cat_menu" style="cursor: pointer;" >
  657. <div class="cat-first-level first-level-only"><a href="https://onlux.com.hk/about">了解我們</a></div>
  658. </li>
  659.                    <li class="cat_menu" style="cursor: pointer;" onClick="toggleMenu(this,event)">
  660. <div class="cat-first-level">療程選擇</div>
  661.                        <div class="cat_menu-item">
  662.                            <a href="https://onlux.com.hk/cell-awakening" >肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a>
  663.                            <a href="https://onlux.com.hk/pico-master" ><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a>
  664.                            <a href="https://onlux.com.hk/power-laser" ><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a>
  665.                            <a href="https://onlux.com.hk/4d-scanner" ><span class="eng upper">P2P</span>三層秒效修脂療程</a>
  666.                          
  667.                        </div>
  668. </li>
  669.                   <li class="cat_menu" style="cursor: pointer;" >
  670. <div class="cat-first-level first-level-only"><a href="https://onlux.com.hk/price">價目</a></div>
  671. </li>
  672.                    <li class="cat_menu" style="cursor: pointer;" onClick="toggleMenu(this,event)">
  673. <div class="cat-first-level">限時優惠</div>
  674.                        <div class="cat_menu-item">
  675.                            <a href="https://onlux.com.hk/cell-awakening-lead" >肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a>
  676.                            <a href="https://onlux.com.hk/pico-master-lead" ><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a>
  677.                            <a href="https://onlux.com.hk/power-laser-lead" ><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a>
  678.                            <a href="https://onlux.com.hk/4d-scanner" ><span class="eng upper">P2P</span>三層秒效修脂療程</a>
  679.                        </div>
  680. </li>
  681.                    
  682.            
  683.                       <li class="cat_menu" style="cursor: pointer;" >
  684. <div class="cat-first-level first-level-only"><a href="https://onlux.com.hk/knowledge">小知識</a></div>
  685. </li>
  686.                    
  687.                    
  688.                    
  689.                    <li class="cat_menu" style="cursor: pointer;" onClick="toggleMenu(this,event)">
  690. <div class="cat-first-level">聯繫我們</div>
  691.                        <div class="cat_menu-item">
  692.                            <a href="https://onlux.com.hk/address" >分店門市</a>
  693.                            <a href="https://onlux.com.hk/suggestion" >意見回饋</a>
  694.                            <a href="https://onlux.com.hk/recruit" >人才招聘</a>
  695.                        </div>
  696. </li>
  697.                </ul>
  698.                <script>
  699.                function toggleMenu(element,event){
  700.                    event.stopPropagation();
  701.                    $('.cat_menu:not(.active)').removeClass('active');
  702.                    if(!$(element).hasClass('active')){
  703.                        $(element).addClass('active');
  704.                    } else $(element).removeClass('active');
  705.                }
  706.                </script>
  707.              
  708.                        
  709.        </div>
  710. </div>
  711. </div>
  712.  
  713. <h1 class="global-h1-title">Pico Laser 皮秒激光 了解更多pico laser效果</h1>
  714. <link rel="preconnect" href="https://fonts.googleapis.com">
  715. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  716. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap" rel="stylesheet">
  717. <style>
  718. .bottom-form-container,
  719. .btn_tab{display:none;}
  720. .standard-banner .banners {
  721.    height: 100%;
  722.    width: 100%;
  723.    position:relative;
  724. }
  725. .standard-banner .banner {
  726.    margin-left: 0;
  727.    width: 100%;
  728.    opacity: 1;
  729. }
  730. .standard-banner .banner img {
  731.    width:100%;
  732. }
  733.  
  734. .standard-banner .banners .banner-object {
  735.    position:absolute;
  736.    top: 0;
  737.    left: 0;
  738.    width: 100%;
  739.    height: 100%;
  740.    display: flex;
  741.    align-items: flex-start;
  742.    flex-direction: column;
  743. }
  744.  
  745. .standard-banner .banners .banner-object .title {
  746.    height: 22%;
  747.    margin-bottom: 5.69%;
  748.    margin-top: 11.5%;
  749.    margin-left: 14.2%;
  750.    width: auto;
  751.    text-align: left;
  752. }
  753.  
  754. .standard-banner .banners .banner-object .title img{
  755.    width:auto;
  756.    height:100%;
  757. }
  758.  
  759. .standard-banner .banners .banner-object .button-container{
  760.    margin-left: 14.2%;
  761. }
  762. .standard-banner .banners .banner-object .standard-button {
  763.    margin-right:0;
  764.    border: 1px solid #ffffff;
  765.    color: #ffffff;
  766. }
  767. .standard-banner .banners .banner-object .standard-button:focus {
  768.    outline: 1px solid #ffffff;
  769. }
  770.  
  771. .standard-button.pico-master{
  772.    border-color:#fff;
  773.    color:#fff;
  774. }
  775. .standard-block.pico-master-promote-text {
  776.    margin-left: 110px;
  777.    margin-right: 110px;
  778.    text-align: center;
  779.    padding-top: 20px;
  780.    padding-bottom: 64px;
  781.    padding-bottom: 93px;
  782.    margin-bottom: 0;
  783. }
  784.  
  785. .standard-block.pico-master-promote-text .title {
  786.    color:#000;
  787.    font-size: 53px;
  788.    text-align: center;
  789.    padding-top: 25px;
  790. }
  791.  
  792.  
  793.  
  794. .standard-block.promise .text-block div.title{
  795.    padding-bottom:25px;
  796. }
  797.  
  798. .standard-block.block-card.fda .text{
  799.    text-align:center;
  800. }
  801. .standard-block.block-card.fda .icon-text{
  802.    width:190px;
  803.    margin: 104px auto 0 auto;
  804. }
  805. .standard-block.block-card.fda .icon{
  806.    width:200px;
  807.    margin-top:64px;
  808.    margin-bottom:97px;
  809. }
  810.  
  811. .standard-block.block-card .icon.size-middle{
  812.    margin-top: 79px;
  813.    margin-bottom: 79px;
  814. }
  815. .standard-block.block-card.good-effect .icon{
  816.    margin:84px auto;
  817. }
  818. .standard-block.promise .text-block {
  819.    text-align:center;
  820. }
  821. .standard-block.double-tech .text-block {
  822.  
  823. }
  824. .standard-block.double-tech .text-block .title {
  825.    text-align:center;
  826. }
  827.  
  828. .standard-block.double-tech  .text-block .text{
  829.    padding-left:8.9%;
  830.    padding-right:8.9%;
  831. }
  832. .standard-columns.pico-master-a-block{
  833.    padding-bottom:0;
  834. }
  835. .standard-columns.pico-master-b-block{
  836.    padding-top:0;
  837. }
  838.  
  839. .standard-block.analysis {
  840.    text-align:center;
  841.    padding-top:74px;
  842.    border-top: 1px solid #997768;
  843.    margin-bottom:74px;
  844. }
  845. .standard-block.analysis .text-block .title{
  846.    color:#000;
  847.    margin-bottom:74px;
  848. }
  849. .standard-block.analysis  .analysis-image{
  850.    margin-top:70px;
  851. }
  852.  
  853. .standard-columns.pico-master-feature {
  854.    flex-wrap:wrap;
  855.    padding: 0;
  856.    margin-bottom: 56px;
  857. }
  858. .standard-columns.pico-master-feature .text-block img.title.double-line{
  859.    
  860. }
  861. .standard-columns.pico-master-feature .text-block img.title{
  862.    margin:0;
  863. }
  864. .standard-columns.pico-master-feature .text-box,
  865. .standard-columns.pico-master-feature .flower-box
  866. {
  867.    background-color:#dbdbd9;
  868. }
  869. .standard-columns.pico-master-feature .text-box {
  870.    height: auto;
  871.    width: 66%;
  872.    margin-bottom: 11px;
  873. }
  874. .standard-columns.pico-master-feature .text-box::before {
  875.    content: "";
  876.    padding-bottom: 50%;
  877.    display: block;
  878.    background-color: #dbdbd9;
  879. }
  880. .standard-columns.pico-master-feature .flower-box {
  881.    width: 33.25%;
  882.    height: auto;
  883.    margin-bottom: 11px;
  884.    text-align:center;
  885. }
  886. .standard-columns.pico-master-feature .flower-box .text-block {
  887.    width: 100%;
  888.    height: 100%;
  889. }
  890. .standard-columns.pico-master-feature .flower-box .text-block img{
  891.    
  892. }
  893. .standard-columns.pico-master-feature .flower-box.flower1{ }
  894. .standard-columns.pico-master-feature .flower-box.flower2{ }
  895. .standard-columns.pico-master-feature .flower-box.flower3{ }
  896. .standard-columns.pico-master-feature .flower-box.flower4{ }
  897. .standard-columns.pico-master-feature .flower-box::before {
  898.    content: "";
  899.    padding-bottom: 100%;
  900.    display: block;
  901.    background-color: #dbdbd9;
  902. }
  903.  
  904. .standard-columns.pico-master-feature .flower-box.right{
  905.    margin-left: 0.75%;
  906. }
  907. .standard-columns.pico-master-feature .flower-box.left{
  908.    margin-right: 0.75%;
  909. }
  910. .standard-columns.pico-master-feature .text-box .text-block{
  911.     padding:74px;
  912.     padding:0;
  913.    display: flex;
  914.    justify-content: center;
  915.    align-items: center;
  916.    height: 100%;
  917.    padding-left: 8.9%;
  918.    padding-right: 8.95%;
  919. }
  920. .standard-columns.pico-master-feature .standard-block .text-block .title {
  921.    color:#000;
  922.    margin-bottom:24px;
  923. }
  924.  
  925. .standard-columns.pico-master-feature .standard-block .text-block .text {
  926.    color:#8b8b8b;
  927. }
  928.  
  929. .standard-full-container .generic-block span.image-text img {
  930.    display: block;
  931.    margin-bottom: 30px;
  932.    max-height: 60px;
  933. }
  934. .standard-full-container .generic-block .standard-form-block .title .to-hide{
  935.    display:inline;
  936. }
  937. .standard-full-container .generic-block .standard-form-block .title  .to-show{
  938.    display:none;
  939. }
  940. .standard-block.experience .text-block .text sup{
  941.    font-size: 0.7em;
  942.    top: -0.4em;
  943. }
  944. .standard-column-container.center-form-images{
  945.    text-align: center;
  946.    margin-bottom: 100px;
  947.    
  948.    margin-bottom: 0;
  949.    margin-top: 74px;
  950.  
  951. }
  952. .text-control.pico-master-hint-text {
  953.    padding-top: 20px;
  954. }
  955. .standard-block.experience .text-block .reference-text .item .item-prefix{
  956.    padding-right: 0;
  957. }
  958. .text-control.pico-master-hint-text .span-wrap {
  959.    font-size: 0.8em;
  960. }
  961. h5.normal,
  962. h4.normal,
  963. h2.normal {
  964.    line-height: inherit;
  965.    display:inline;
  966. }
  967.  
  968. .standard-column-container.faq {
  969.  /*  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;*/
  970.    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  971.    padding: 0 80px;
  972.    margin-bottom: 45px;
  973. }
  974. .standard-column-container.faq .standard-block {
  975.    color: #997768;
  976.    margin-bottom: 0;
  977. }
  978. .faq-block{
  979.    border-bottom: 1px solid #d7d7d7;
  980.    padding: 20px 0;
  981. }
  982. .faq-block:last-child{
  983.    border:0;
  984. }
  985. .standard-block.faq .question {
  986.    padding-right: 10px;
  987. }
  988. .standard-block.faq .answer {
  989.    overflow: hidden;
  990.    background-color: #ffe5d5;
  991.    transform: scaleY(0);    
  992.    height: 0;
  993.    position: relative;
  994.    transition: transform 0.4s ease-out;
  995. }
  996. .standard-block.faq .answer.active{
  997.    overflow: hidden;
  998.    transition: transform 0.5s ease-out;
  999.    height: auto;
  1000.    transform: scaleY(1);
  1001.    transform-origin: top;
  1002.    padding: 20px;
  1003.    margin-top: 10px;
  1004. }
  1005. .standard-block .text-block.faq-text{
  1006.    flex:1;
  1007. }
  1008. .standard-block .text-block.faq-button{
  1009.    width:30px;
  1010. }
  1011. .faq-block .faq-content{
  1012.    display:flex;
  1013.    cursor:pointer;
  1014. }
  1015. .faq .standard-block .text-block div.title {
  1016.    margin:0;
  1017.    padding-bottom:63px;
  1018. }
  1019. @media (max-width: 1600px){
  1020.    .standard-block.pico-master-promote-text .title span {
  1021.        font-size: 0.85em;
  1022.    }
  1023.    .standard-column-container.faq{
  1024.        width: 95%;
  1025.    }
  1026.    .faq .standard-block .text-block div.title {
  1027.        padding-top:45px;
  1028.        padding-bottom:45px;
  1029.    }
  1030. }
  1031.  
  1032. @media (max-width: 1530px){
  1033.    .standard-block.promise .text-block div.title{
  1034.        padding-bottom:3.56%;
  1035.    }
  1036.    .standard-block.block-card .icon.size-middle{
  1037.        margin-top: 11%;
  1038.        margin-bottom:11%;
  1039.    }
  1040.    .standard-columns.pico-master-feature .text-box .text-block{
  1041.        padding:7%;
  1042.    }
  1043.    .standard-block.block-card.fda .icon,
  1044.    .standard-block.block-card.fda .icon-text {
  1045.        width: 27%;
  1046.    }
  1047.    .standard-block.block-card.fda .icon-text{
  1048.        margin: 14% auto 0 auto;
  1049.    }
  1050.    .standard-block.block-card.fda .icon{    
  1051.        margin-top: 9%;
  1052.        margin-bottom: 13%;
  1053.    }
  1054.  
  1055.    .standard-block.pico-master-promote-text  {
  1056.        margin-left: 22%;
  1057.        margin-right: 22%;
  1058.    }
  1059.        
  1060.    .standard-block.experience .text-block .text sup{
  1061.        font-size: 0.5em;
  1062.        top: -0.9em;
  1063.    }
  1064.      
  1065.        
  1066. }
  1067. @media (max-width: 1320px){
  1068.     .standard-columns.pico-master-feature .text-box .text-block{
  1069.        padding:5%;
  1070.    }
  1071. }
  1072. @media (max-width: 1200px){
  1073.    .standard-block.pico-master-promote-text .title span {
  1074.        font-size: 0.7em;
  1075.    }
  1076. }
  1077.  
  1078. @media (max-width: 1190px){
  1079.  
  1080.     .standard-block.experience .text-block .text sup{
  1081.         font-size: 0.72em;
  1082.         top: -0.9em;
  1083.     }
  1084. }
  1085.  
  1086. @media (max-width: 1080px){
  1087.     .standard-block.experience .text-block .text sup{
  1088.        font-size: 0.4em;
  1089.        top: -1.6em;
  1090.     }
  1091.    .standard-columns.pico-master-feature {
  1092.        margin-bottom:0;
  1093.    }
  1094.    .standard-columns.pico-master-feature .text-box
  1095.    {
  1096.        width:100%;
  1097.    }
  1098.    .standard-columns.pico-master-feature .text-box::before{
  1099.        padding-bottom: 50%;
  1100.    }
  1101.     .standard-columns.pico-master-feature .text-box.last{
  1102.         margin-bottom:0;
  1103.     }
  1104.    .standard-columns.pico-master-feature .flower-box{
  1105.        width:49.625%;
  1106.        width: 49%;
  1107.    }
  1108.    .standard-columns.pico-master-feature .flower-box.left{
  1109.        margin-right:0;
  1110.        margin-left:0.375%;
  1111.        margin-left:0;
  1112.    }
  1113.    .standard-columns.pico-master-feature .flower-box.right{
  1114.        margin-left:0;
  1115.        margin-right:0.375%;
  1116.        margin-right:2%;
  1117.    }
  1118.    .standard-block.pico-master-promote-text  {
  1119.        padding-top: 10%;
  1120.        padding-bottom: 10%;
  1121.    }
  1122.    .standard-columns.stats-columns{
  1123.        padding: 0;
  1124.    }
  1125.    .standard-columns.stats-columns .standard-column{
  1126.        width:100%;
  1127.        margin: 0;
  1128.    }
  1129.    .standard-columns.contain {
  1130.        flex-wrap:wrap;
  1131.    }
  1132.        
  1133.    .standard-column-container.center-form-images{
  1134.        margin-bottom: 80px;
  1135.        margin-top: 74px;
  1136.        padding: 0 5%;
  1137.    }
  1138.    .standard-column-container.faq{
  1139.        width: 100%;
  1140.        box-shadow: none;
  1141.        padding: 5%;
  1142.    }
  1143. }
  1144.  
  1145.  
  1146. @media (max-width: 950px){
  1147.    .standard-block.pico-master-promote-text {
  1148.        margin: 0 10%;
  1149.    }
  1150.    .standard-block.pico-master-promote-text .title span {
  1151.        font-size: 1em;
  1152.    }
  1153. }
  1154.  
  1155. @media (max-width: 800px){
  1156.    .standard-column-container.center-form-images{
  1157.        margin-bottom: 50px;
  1158.    }
  1159. }
  1160. @media (max-width: 750px){
  1161.    .standard-columns.pico-master-feature .text-box .text-block {
  1162.        height: auto;
  1163.        position: relative;
  1164.    }
  1165.    .standard-columns.pico-master-feature .text-box::before{
  1166.        display:none;
  1167.    }
  1168.    .standard-block .text-block.faq-button .fa{
  1169.        font-size: 25px;
  1170.    }
  1171.    
  1172. }
  1173. @media (max-width: 530px){
  1174.    
  1175. }
  1176. @media (max-width: 500px){
  1177.    .standard-columns.pico-master-feature .text-box .text-block{
  1178.        padding: 8.9%;
  1179.    }
  1180.    .standard-block.analysis{
  1181.        padding-top: 0;
  1182.        margin-bottom: 0;
  1183.    }
  1184.    .standard-block.analysis .text-block .title{
  1185.        line-height: 1.3;
  1186.        padding-left: 8.9%;
  1187.        padding-right: 8.9%;
  1188.        margin-bottom: 8.97%;
  1189.    }
  1190.    .standard-block.analysis .analysis-image{
  1191.        margin-top: 0;
  1192.    }
  1193. }
  1194. @media (max-width: 450px){
  1195.    .standard-full-container .generic-block .standard-form-block .title .to-hide{
  1196.        display:none;
  1197.    }
  1198.    .standard-full-container .generic-block .standard-form-block .title .to-show{
  1199.        display:block;
  1200.    }
  1201. }
  1202. </style>
  1203.    
  1204. <span style="display:none">Pico Master&#8482;去斑療程</span>
  1205.  
  1206. <div id="wrapper">
  1207. <div id="article">
  1208.       <div class="standard-full-container standard-banner">
  1209.            <a href="javascript:void(0);" onClick="toHomeForm();" class="banners desktop-block">
  1210.                <div class="banner"><img src="/assets/images/new/c-pico-master-banner.jpg" alt="皮秒激光-pico 皮秒-pico功效"></div>
  1211.                <div class="banner-object">
  1212.                    <div class="title"><img src="/assets/images/new/pico-master-title.png"></div>
  1213.                    <div class="button-container"><button type="button" class="standard-button pico-master">立即體驗</button></div>
  1214.                </div>  
  1215.            </a>
  1216.            <a href="javascript:void(0);" onClick="toHomeForm();" class="banners mobile-block">
  1217.                <div  class="banner"><img src="/assets/images/new/pico-master-bannerm.jpg" alt="皮秒激光-pico 皮秒-pico功效"></div>
  1218.            </a>
  1219.        </div>
  1220.      
  1221.        <div class="standard-full-container mobile-block">
  1222.            <div class="standard-block pico-master-promote-text">
  1223.                <img src="/assets/images/new/pico-master-text.png" alt="pico master-pico laser-皮秒激光" />
  1224.            </div>
  1225.            
  1226.             <div class="standard-block fda block-card block-brown">
  1227.                <div class="text-block relative">
  1228.                    <img class="title" src="/assets/images/new/pico-master-block1_text.png"/>
  1229.                     <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>獲得美國<span class="eng">FDA</span>、韓國 <span class="eng">KFDA</span>雙重認證,經過一系列嚴格實驗,確保對人體安全而有效</span></div></div>
  1230.                    <div class="icon-text"><img src="/assets/images/new/pico-master-fda.png" alt="OnLux-皮秒激光-美國FDA認證"></div>
  1231.                    <div class="icon"><img src="/assets/images/new/pico-master-kfda.png" alt="OnLux-皮秒去斑-韓國KFDA認證"></div>
  1232.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1233.                </div>
  1234.             </div>
  1235.            
  1236.            <div class="standard-block double-wave block-card block-pink">
  1237.                <div class="text-block relative">
  1238.                    <img class="title" src="/assets/images/new/b-pico-master-block2_text.png"/>
  1239.                    <div class="icon size-middle"><img src="/assets/images/new/pico-master-block2-icon.png" alt="pico功效-皮秒去斑-pico原理"></div>
  1240.                    <div class="text"><div class="text-control" ><span class="span-wrap">先用「納秒」激光打碎大粒子色素,再以「皮秒<span class="eng">PICO</span>」激光震碎至粉塵狀,讓身體更易代謝、清除,半點不留!</span></div></div>
  1241.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1242.                </div>
  1243.            </div>
  1244.            
  1245.            <div class="standard-block double-tech"><img class="background" src="/assets/images/new/c-pico-master-block4.jpg" alt="OnLux-皮秒激光-激光雙波長">
  1246.                <div class="text-block">
  1247.                    <img class="title"src="/assets/images/new/c-pico-master-block4-text.png">
  1248.                    <div class="text" ><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>的<span class="eng">1064nm</span>及<span class="eng">755nm</span>激光雙波長全面追擊深淺層色斑,深入至肌膚真皮層解決色斑、全面改善色素及提升肌膚明亮度。</span></div></div>
  1249.                </div>
  1250.            </div>
  1251.            
  1252.            
  1253.                    
  1254.            <div class="standard-block collagen block-card block-pink">
  1255.                <div class="text-block relative">
  1256.                    <img class="title" src="/assets/images/new/b-pico-master-block3_text.png"/>
  1257.                    <div class="icon size-middle"><img src="/assets/images/new/b-pico-master-block3-icon.png" alt="OnLux-pico master-pico原理"></div>
  1258.                    <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng upper start">Pico Master&#8482;</span>劃時代激活生長因子,加速細胞更生,肌膚自癒力飆升;色斑代謝更快,徹底發揮激光<span class="eng">PICO</span>去斑效果!透過<span class="eng">0</span>至<span class="eng">5</span>度冰極技術,紓緩同時鎮靜肌膚;<span class="eng">PICO</span>皮秒療程後可解決鬆弛、暗啞、毛孔等多種肌膚問題,讓肌膚時刻呈現最佳狀態。<span class="eng"><sup>1</sup></span></span></div>
  1259.                            
  1260.                    <div class="text-control pico-master-hint-text text-small"><span class="span-wrap"><span class="eng"><sup>1</sup></span>適用於特定療程計劃</span></div>
  1261.  
  1262.                    </div>
  1263.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1264.                </div>
  1265.             </div>
  1266.        
  1267.            <div class="standard-block promise"><img class="background" src="/assets/images/new/pico-master-block5.jpg"  alt="OnLux承諾-激光去斑-零復原期">
  1268.                <div class="text-block">
  1269.                    <!--<div class="title single-line" ><div class="text-control" ><span class="span-wrap no-wrap">為您承諾</span></div></div>-->
  1270.                    <img class="title" src="/assets/images/new/pico-master-block5-text.png">
  1271.                    <div class="text" ><div class="text-control" ><h5 class="normal"><span class="span-wrap">不反黑、不反白、無痛、零復原期<br>訂制激光去斑方案</span></h5></div></div>
  1272.                </div>
  1273.             </div>    
  1274.            
  1275.            <div class="standard-block good-effect block-card block-pink">
  1276.                <div class="text-block relative">
  1277.                    <img class="title" src="/assets/images/new/pico-master-good-effect-text.png">
  1278.                    <div class="icon size-middle"><img src="/assets/images/new/pico-master-block6-icon.png" alt="去斑療程-pico功效-pico laser效果"></div>
  1279.                    <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>療程比其他<span class="eng ">PICO</span>功效快<span class="eng">1</span>倍,亦比其他皮秒去斑更快更準更顯著,達至「真」徹底去斑、不反黑、不反白;加上安全無痛、零復原期的優勢,故有業界「黑科技」的美譽。</span></div></div>
  1280.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1281.                </div>
  1282.             </div>
  1283.            
  1284.      
  1285.            
  1286.        </div>
  1287.        
  1288.        <div class="standard-column-container">
  1289.            <div class="standard-columns desktop-block pico-master-a-block">
  1290.                <div class="standard-column left">
  1291.                    <div class="standard-block pico-master-promote-text">
  1292.                       <img src="/assets/images/new/pico-master-text.png" alt="pico master-pico laser-皮秒激光" />
  1293.                    </div>
  1294.                     <div class="standard-block fda block-card block-brown">
  1295.                        <div class="text-block relative">
  1296.                            <img class="title" src="/assets/images/new/pico-master-block1_text.png"/>
  1297.                             <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>獲得美國<span class="eng">FDA</span>、韓國<span class="eng">KFDA</span>雙重認證,經過一系列嚴格實驗,確保對人體安全而有效</span></div></div>
  1298.                            <div class="icon-text"><img src="/assets/images/new/pico-master-fda.png" alt="OnLux-皮秒激光-美國FDA認證"></div>
  1299.                            <div class="icon"><img src="/assets/images/new/pico-master-kfda.png" alt="OnLux-皮秒去斑-韓國KFDA認證"></div>
  1300.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1301.                        </div>
  1302.                     </div>
  1303.                    <div class="standard-block collagen block-card block-pink">
  1304.                        <div class="text-block relative">
  1305.                            <img class="title" src="/assets/images/new/b-pico-master-block3_text.png"/>
  1306.                            <div class="icon size-middle"><img src="/assets/images/new/b-pico-master-block3-icon.png" alt="OnLux-pico master-pico原理"></div>
  1307.                            <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng upper start">Pico Master&#8482;</span>劃時代激活生長因子,加速細胞更生,肌膚自癒力飆升;色斑代謝更快,徹底發揮激光<span class="eng">PICO</span>去斑效果!透過<span class="eng">0</span>至<span class="eng">5</span>度冰極技術,紓緩同時鎮靜肌膚;<span class="eng">PICO</span>皮秒療程後可解決鬆弛、暗啞、毛孔等多種肌膚問題,讓肌膚時刻呈現最佳狀態。<span class="eng"><sup>1</sup></span>
  1308.                            </span></div>
  1309.                            
  1310.                            <div class="text-control pico-master-hint-text text-small"><span class="span-wrap"><span class="eng"><sup>1</sup></span>適用於特定療程計劃</span></div>
  1311.                            
  1312.                            </div>
  1313.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1314.                        </div>
  1315.                     </div>
  1316.                    <div class="standard-block promise"><img src="/assets/images/new/pico-master-block5.jpg" alt="OnLux承諾-激光去斑-零復原期">
  1317.                        <div class="text-block">
  1318.                            <!--<div class="title single-line" ><div class="text-control" ><span class="span-wrap">為您承諾</span></div></div>-->
  1319.                            <img class="title" src="/assets/images/new/pico-master-block5-text.png">
  1320.                            <div class="text" ><div class="text-control" ><h5 class="normal"><span class="span-wrap">不反黑、不反白、無痛、零復原期<br>訂制激光去斑方案</span></h5></div></div>
  1321.                        </div>
  1322.                     </div>
  1323.                </div>
  1324.                
  1325.                <div class="standard-column right">
  1326.                    <div class="standard-block double-wave block-card block-pink">
  1327.                        <div class="text-block relative">
  1328.                            <img class="title" src="/assets/images/new/b-pico-master-block2_text.png"/>
  1329.                            <div class="icon size-middle"><img src="/assets/images/new/pico-master-block2-icon.png"  alt="pico功效-皮秒去斑-pico原理"></div>
  1330.                            <div class="text"><div class="text-control" ><span class="span-wrap">先用「納秒」激光打碎大粒子色素,再以「皮秒<span class="eng">PICO</span>」激光震碎至粉塵狀,讓身體更易代謝、清除,半點不留!</span></div></div>
  1331.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1332.                        </div>
  1333.                    </div>
  1334.                    <div class="standard-block double-tech"><img src="/assets/images/new/c-pico-master-block4.jpg" alt="OnLux-皮秒激光-激光雙波長">
  1335.                        <div class="text-block">
  1336.                            <img class="title" src="/assets/images/new/c-pico-master-block4-text.png">
  1337.                            <div class="text" ><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>的<span class="eng">1064nm</span>及<span class="eng">755nm</span>激光雙波長全面追擊深淺層色斑,深入至肌膚真皮層解決色斑、全面改善色素及提升肌膚明亮度。</span></div></div>
  1338.                        </div>
  1339.                    </div>
  1340.                    <div class="standard-block good-effect block-card block-pink">
  1341.                        <div class="text-block relative">
  1342.                            <img class="title" src="/assets/images/new/pico-master-good-effect-text.png">
  1343.                            <div class="icon size-middle"><img src="/assets/images/new/pico-master-block6-icon.png"  alt="去斑療程-pico功效-pico laser效果"></div>
  1344.                            <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>療程比其他<span class="eng">PICO</span>成效快<span class="eng">1</span>倍,亦比其他皮秒去斑更快更準更顯著,達至「真」徹底去斑、不反黑、不反白;加上安全無痛、零復原期的優勢,故有業界「黑科技」的美譽。</span></div></div>
  1345.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1346.                        </div>
  1347.                     </div>
  1348.                     <div class="standard-block pico-master-promote-text" style="padding-bottom: 0;padding-top: 78px;">
  1349.                       <img src="/assets/images/new/pico-master-text.png" alt="pico master-pico laser-皮秒激光">
  1350.                    </div>
  1351.                    
  1352.                    
  1353.                </div>
  1354.            </div>
  1355.            
  1356.              <div class="standard-columns contain pico-master-b-block stats-columns">
  1357.                <div class="standard-column left">
  1358.                    <div class="standard-block experience">
  1359.                        <div class="text-block relative">
  1360.                            <div class="text">
  1361.                                <div class="proud"><h4 class="normal"><span><span class="eng start">OnLux 14</span>年經驗鑽研</span></h4></div>
  1362.                            </div>
  1363.                              <div class="title">
  1364.                                <div class="title-text"><span class="eng upper start">Pico Master&#8482;</span><br>皮秒激光去斑技術</div>
  1365.                              </div>
  1366.                              <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1367.                              <div class="text exp-times">
  1368.                                <div class="title single-line"><span class="eng start">685,818</span><span class="text">次</span></div>
  1369.                                <div class="text"><span>去斑療程經驗<span class="eng"><sup>2</sup></span></span></div>
  1370.                              </div>
  1371.                              
  1372.                              <div class="reference-text text-small">
  1373.                                <div class="item">
  1374.                                    <div class="item-prefix"><span class="eng"><sup>2</sup></span></div>
  1375.                                    <div class="item-content">於<span class="eng">2019</span>年<span class="eng">1</span>月至<span class="eng">2022</span>年<span class="eng">11</span>月期間,累積<span class="eng">685,818</span>人次體驗<span class="eng">OnLux</span>去斑療程服務</div>
  1376.                                </div>
  1377.                                <div class="item">
  1378.                                    <div class="item-prefix"><span class="eng"><sup>3</sup></span></div>
  1379.                                    <div class="item-content">於<span class="eng">2020</span>年<span class="eng">2</span>月至<span class="eng">2022</span>年<span class="eng">11</span>月期間,共收到<span class="eng">6,227</span>張顧客心意卡,<span class="eng">99.6%</span>均屬正評</div>
  1380.                                </div>
  1381.                              </div>
  1382.                        </div>
  1383.                    </div>
  1384.                </div>
  1385.                <div class="standard-column right">
  1386.                    <div class="standard-block user stats-info">
  1387.                        <div class="text-block relative left">
  1388.                            <div class="percentage"><img src="/assets/images/new/b-power-laser-996.png" alt="OnLux-皮秒去斑效果-真實用家評論"></div>
  1389.                            <div class="title"><div class="text-control" ><span class="span-wrap">
  1390.                                  <span>真實用家認為<br class="to-hide">皮秒去斑效果</span><span><br class="to-hide">理想<span class="eng"><sup>3</sup></span></span></span>
  1391.                            </div></div>
  1392.                        </div>
  1393.                    </div>
  1394.                    <div class="standard-block friend stats-info">
  1395.                        <div class="text-block relative right">
  1396.                            <div class="title"><div class="text-control" >
  1397.                                 <span class="span-wrap">樂意推介給<br>身邊朋友</span>
  1398.                            </div></div>
  1399.                           <div class="percentage"><img src="/assets/images/new/c-power-laser-90.png" alt="OnLux-皮秒去斑效果-敏感肌推薦"></div>
  1400.                        </div>
  1401.                    </div>
  1402.                    <div class="standard-block sensitive stats-info">
  1403.                        <div class="text-block relative left">
  1404.                           <div class="percentage"><img src="/assets/images/new/c-power-laser-92.png"  alt="OnLux-皮秒去斑效果-facial推薦"></div>
  1405.                            <div class="title"><div class="text-control" >
  1406.                                  <span class="span-wrap">敏感肌用家<br>滿意</span>
  1407.                            </div></div>
  1408.                        </div>
  1409.                    </div>
  1410.            
  1411.                </div>
  1412.            </div>
  1413.        </div>
  1414.      
  1415.        <style>
  1416. .power_laser .banner-brand{
  1417.    background-color:#bb8869;
  1418. }
  1419. .pico-master_dev .banner-brand{
  1420.    background-color:#b08069;
  1421. }
  1422.  
  1423. .modal-control  .text-block .text ol{
  1424.    padding-left:6%;
  1425. }
  1426. .modal-control .text-block .text ol li{
  1427.    margin-bottom: 8px;
  1428.    line-height:1.3;
  1429. }
  1430. #modal-form-terms .modal-control .text-block .title{
  1431.    letter-spacing:3px;
  1432. }
  1433. #modal-form-terms .to-show{
  1434.   display:none;
  1435. }
  1436.  
  1437. .form-column .title br.to-show{
  1438.   display:none;
  1439. }
  1440. .form-column.error{
  1441.  
  1442.    margin-bottom:20px;
  1443. }
  1444. .form-column.error .error-message{
  1445.    color:#ff8585;
  1446.    font-size:20px;
  1447. }
  1448. .standard-form-block .standard-form-field.text-hints .text-control{
  1449.    width:100%;
  1450. }
  1451. .hints-item {
  1452.    display: flex;
  1453.    width:100%;
  1454. }
  1455. .hints-item .hints-value{
  1456.  flex:1;
  1457. }  
  1458. .banner-brand {
  1459.    display:none;
  1460. }
  1461. @media (max-width: 1080px){
  1462.    .banner-brand {
  1463.        display:none;
  1464.    }
  1465. }
  1466. @media (max-width: 1530px){
  1467.    .standard-form-block .standard-form-field.text-hints span.span-wrap .to-hide{
  1468.        display:none;
  1469.    }
  1470. }
  1471. @media (max-width: 800px){
  1472.    #modal-form-terms .modal-control .text-block .title{
  1473.        line-height:1.3;
  1474.    }
  1475.    #modal-form-terms .modal-control .text-block .text ol li{
  1476.       font-size: 0.8em;
  1477.    }
  1478.    .form-column.error .error-message span.span-wrap{
  1479.        font-size:0.8em;
  1480.    }
  1481.    }
  1482. @media (max-width: 500px){
  1483.   #modal-form-terms .to-show{
  1484.       display:block;
  1485.    }
  1486.    .form-column .title br.to-show{
  1487.       display:block;
  1488.    }
  1489. }
  1490. </style>
  1491. <div id="treatment-form" class="standard-full-container pico_master_dev">
  1492.    <div class="generic-block">
  1493.    
  1494.            <img class="full desktop-block" src="/assets/images/new/e-pico-master-form-banner.jpg" alt="皮秒激光-皮秒去斑-pico laser效果" />
  1495.        <img class="full mobile-block" src="/assets/images/new/d-pico-master-form-bannerm.jpg"  alt="皮秒激光-皮秒去斑-pico laser效果" />
  1496.        <div  class="banner-brand">
  1497.            <div class="generic-block">
  1498.                <div class="inner-text">
  1499.                    <img class="onlux-com-hk-img" src="/assets/images/new/c-onlux.com.hk.png">
  1500.                    <div class="text"></div>
  1501.                </div>
  1502.            </div>
  1503.        </div>
  1504.                    
  1505.        <form action="" method="post" onSubmit="return onSubmit()">
  1506.        
  1507.            <div class="standard-column-container center-form-images"><img src="/assets/promotion/OnLux ad landing_6-04-desc-title.jpg" alt="香港美容院-皮秒去斑-網上優惠"><img src="/assets/images/onlux web pico gift-02.jpg" alt="皮秒激光-pico美容-pico優惠"></div>        
  1508.            <div class="standard-form-block">
  1509.          
  1510.                           <div class="form-column full">               <div class="title"><div class="text-control"><span class="span-wrap">只需完成網上預付,<br>即可額外多一次免費<span class="eng">3</span>選<span class="eng">1</span>療程</span></div></div>               </div>
  1511.                            
  1512.                      
  1513.                                
  1514.                
  1515.                <div class="form-column left">
  1516.                    <div class="form-inner">
  1517.                        <div class="standard-form-field standard-underlined">
  1518.                             <div class="form-label">姓名</div>
  1519.                            <input type="text" class="" id="sender_name" name="sender_name" placeholder="" value="">
  1520.                        </div>
  1521.                        <div class="standard-form-field separate-line">
  1522.                            <div class="form-field-column left standard-underlined gender">
  1523.                                <div class="form-label">性別</div>
  1524.                                <div class="form-block radio-wrap">
  1525.                                   <div class="radio-block">
  1526.                                        <label for="female-box" class="radio-label">
  1527.                                            <input type="radio" name="gender" value="女" id="female-box" class=""  ><span class="radio-content">女</span>
  1528.                                        </label>
  1529.                                        <label for="male-box" class="radio-label last">
  1530.                                            <input type="radio" name="gender" value="男" id="male-box" class=""  ><span class="radio-content">男</span>
  1531.                                        </label>
  1532.                                    </div>
  1533.                                </div>
  1534.                            </div>
  1535.                            <div class="form-field-column right standard-underlined existing-client">
  1536.                                <div class="form-label">現有客戶</div>
  1537.                                <div class="form-block radio-wrap">
  1538.                                    <div class="radio-block">
  1539.                                        <label for="existing_client1" class="radio-label">
  1540.                                            <input type="radio" name="existing_client1" value="N" id="existing_client1" class="" ><span class="radio-content">否</span>
  1541.                                        </label>
  1542.                                        <label for="existing_client2" class="radio-label last">
  1543.                                            <input type="radio" name="existing_client1" value="Y" id="existing_client2"  class=""><span class="radio-content">是</span>
  1544.                                        </label>
  1545.                                    </div>
  1546.                                </div>
  1547.                            </div>
  1548.                        </div>
  1549.                        <div class="standard-form-field standard-underlined">
  1550.                            <div class="form-label">電話</div>
  1551.                            <select name="country_code">
  1552.                                <option value="852" >+852</option>
  1553.                                <option value="853" >+853</option>
  1554.                                <option value="86" >+86</option>
  1555.                            </select>
  1556.                            <input type="text" name="mobile" id="mobile" class="" value="">
  1557.                        </div>
  1558.                        <div class="standard-form-field standard-underlined">
  1559.                            <div class="form-label">電郵</div>
  1560.                            <input type="text" name="email" id="email" class="" placeholder="(選填)" value="">
  1561.                        </div>
  1562.                    </div>
  1563.                </div>
  1564.        
  1565.            
  1566.            <div class="form-column right">
  1567.                <div class="form-inner">
  1568.                    <div class="standard-form-field standard-underlined">
  1569.                        <div class="form-label">分店</div>
  1570.                        <select id="location" name="location">
  1571.                            <option value="" disabled selected>-- 請選擇 --</option>
  1572.                        
  1573.                            <option   value="旺角朗豪坊店" >旺角朗豪坊辦公大樓45樓</option>
  1574.                        
  1575.                            <option   value="銅鑼灣" >銅鑼灣英皇鐘錶珠寶中心22樓</option>
  1576.                        
  1577.                            <option   value="觀塘" >觀塘泓富廣場18樓</option>
  1578.                        
  1579.                            <option   value="尖沙咀" >尖沙咀加拿芬廣場10樓</option>
  1580.                        
  1581.                            <option   value="將軍澳" >將軍澳新都城中心3期</option>
  1582.                        
  1583.                            <option   value="荃灣" >荃灣千色匯I期24樓</option>
  1584.                        
  1585.                            <option   value="屯門" >屯門柏麗廣場</option>
  1586.                        
  1587.                            <option   value="元朗" >元朗光華廣場10樓</option>
  1588.                        
  1589.                            <option   value="沙田" >沙田店新城市商業大廈8樓</option>
  1590.                                                </select>
  1591.                    </div>
  1592.                    <div class="standard-form-field standard-underlined">
  1593.                        <div class="form-label">選擇療程</div>
  1594.                        <select  name="courses">
  1595.                            <!--<option value="" disabled ></option>-->
  1596.                            
  1597.                                                                                                         <option  value="pico_master" selected>【網上付款】 $388/6次 PICO MASTER&#8482; 皮秒斷斑療程</option>
  1598.                                                                      
  1599.                        </select>
  1600.                    </div>
  1601.                    
  1602.                    <div class="standard-form-field standard-underlined">
  1603.                         <div class="form-label">預約療程日期</div>
  1604.                         <input type="text" name="date" id="datepicker" class="" autocomplete="off"  disabled readOnly placeholder="" value="">
  1605.                    </div>
  1606.                    
  1607.                    <div class="standard-form-field standard-underlined">
  1608.                        <div class="form-label">預約療程時間</div>
  1609.                        <input type="hidden" name="allow_time"  id="allow_time" value=""/>
  1610.                        <input type="hidden" name="heard_from" value="其他"/>
  1611.                         <input type="text" name="timepicker" id="timepicker" class="" autocomplete="off"  value=""  disabled placeholder="">
  1612.                    </div>
  1613.                </div>
  1614.            </div>
  1615.          
  1616.            <div class="form-column empty"></div>
  1617.            <div class="form-column full wrap">
  1618.                <div class="form-field-column left">
  1619.                    <div class="form-inner">
  1620.                        <div class="standard-form-field auto text-hints">
  1621.                            <div class="text-control">
  1622.                            
  1623.                                                                <div class="hints-item">
  1624.                                    <div class="hints-label"><span class="span-wrap">*</span></div>
  1625.                                    <div class="hints-value">
  1626.                                        <span class="span-wrap">此價錢是網上登記付款優惠,如到店付款即以 <span class="eng">$788/6</span>次體驗<span class="eng upper">Pico Master&#8482;</span>皮秒斷斑療程,並且沒有三選一免費療程享用</span>
  1627.                                    </div>
  1628.                                </div>
  1629.                                                               <div class="hints-item">
  1630.                                    <div class="hints-label"><span class="span-wrap">*</span></div>
  1631.                                    <div class="hints-value">
  1632.                                        <span class="span-wrap">優惠療程只限年滿<span class="eng">18</span>歲網上登記之新客戶</span>
  1633.                                    </div>
  1634.                                </div>
  1635.                                                                                       </div>
  1636.                        </div>
  1637.                        <div class="standard-form-field terms">
  1638.                            <div class="radio-block">
  1639.                                <label for="acp_tnc" class="radio-label">
  1640.                                    <input   type="checkbox" name="acp_tnc" id="acp_tnc" value="1" class=""><span class="radio-content">本人已年滿18歲或以上及已閱讀並同意<a href="https://onlux.com.hk/privacy" target="_blank">有關私隱政策</a>、<a onClick="openFormTermsModal();" href="javascript:void(0);">優惠條款及細則</a></span>
  1641.                                </label>
  1642.                            </div>
  1643.                        </div>
  1644.                    </div>
  1645.                </div>
  1646.                <div class="form-field-column right">
  1647.                    <div class="standard-form-field auto booking-button">
  1648.                        <button type="submit" class="button">預約</button>
  1649.                    </div>
  1650.                </div>
  1651.            </div>
  1652.         </div></form>
  1653.               </div>
  1654.  
  1655. </div>
  1656.  
  1657. <div id="modal-form-terms">
  1658.    <div class="modal-control">
  1659.        <div class="standard-form-block">
  1660.            <div class="text-block relative">
  1661.                <div class="title"><div class="text-control"><span class="span-wrap"><span class="eng upper start">PICO MASTER&#8482;</span>皮秒斷斑 – <br class="to-show">條款及細則</span></div></div>
  1662.                <div class="text">
  1663.                    <ol>
  1664.                                           <li>此優惠適用於OnLux;</li>
  1665.                                           <li>以上優惠只限年滿18歲網上登記之新客戶;</li>
  1666.                                           <li>推廣日期: 由即日起至另行通知;</li>
  1667.                                           <li>每人只限享用此優惠乙次;</li>
  1668.                                           <li>客人需於網上完成全額付款,方可享用$388/6次優惠,不設訂金預付、所付金額不設退款及不設轉讓;</li>
  1669.                                           <li>網上付款一經確認,需要3個月內享用首次療程,逾期作廢;</li>
  1670.                                           <li>如客人選擇到店付款,則以優惠價$788/6次享用療程;</li>
  1671.                                           <li>享用療程前須出示身份證明文件,以核對身份;</li>
  1672.                                           <li>網上優惠不可與其他優惠同時使用;</li>
  1673.                                           <li>我們會儘量為您安排理想預約日期及時間,如該時段超出預約人數,我們會盡快為您安排另一個合適時段;</li>
  1674.                                           <li>如須更改或取消預約,必須於 24 小時前致電通知,否則此優惠當作已使用論;</li>
  1675.                                           <li>OnLux有權隨時修改條款及細則、更改或終止優惠,而毋須就有關更改或終止作另行通知,亦恕不承擔任何有關優惠或條款更改或終止所引起的責任;</li>
  1676.                                           <li>如有任何爭議,OnLux保留最終決定權;</li>
  1677.                                           <li>資料及圖片只供參考,療程效果因人而異。</li>
  1678.                                       </ol>
  1679.                </div>
  1680.            </div>
  1681.        </div><button data-izimodal-close="" class="close-modal"><i class="lni lni-close"></i></button>
  1682.    </div>
  1683. </div>
  1684.  
  1685. <script>
  1686. function setupFormTermsModal(){
  1687.    $("#modal-form-terms").iziModal({
  1688.         history: false,
  1689.        // icon : 'fa fa-cog',  
  1690.         width: 1000,
  1691.         padding: 0,
  1692.         restoreDefaultContent: true,  
  1693.         fullscreen: false,
  1694.    });
  1695. }
  1696. function openFormTermsModal(){
  1697.    $("#modal-form-terms").iziModal('open');
  1698. }
  1699. </script>        
  1700.        <div class="standard-column-container">
  1701.            <div class="standard-block analysis">
  1702.                <div class="text-block relative">
  1703.                    <div class="title single-line"><div class="text-control" >
  1704.                    <h2 class="normal"><span class="span-wrap"><span class="eng first">PICO MASTER&#8482;</span>為您重點截擊各種常見色斑</span></h2></div></div>
  1705.                 <!--   <div class="generic-block"><button type="button" class="standard-button">立即與分析師聯絡</button></div>-->
  1706.                </div>
  1707.                <div class="analysis-image">
  1708.                    <img src="/assets/images/new/pico-master-analysis.jpg" alt="皮秒去斑-pico去斑-色斑">
  1709.                </div>
  1710.            </div>
  1711.  
  1712.            <div class="standard-columns contain pico-master-feature">
  1713.                <div class="standard-block text-box">
  1714.                    <div class="text-block">
  1715.                        <div class="generic-block">
  1716.                            <img class="title double-line mobile-block" src="/assets/images/new/f-pico-master-feature-title1.png">
  1717.                            <img class="title double-line desktop-block" src="/assets/images/new/b-pico-master-feature-title1.png">
  1718.                            <!--<div class="title">
  1719.                            <div class="text-control" ><span class="span-wrap">探頭. 夠探究<br>獨特蜂巢瞬效透鏡</span></div></div>-->
  1720.                            <div class="text">
  1721.                            <div class="text-control" ><span class="span-wrap">蜂巢皮秒探頭能量光束聚焦高達<span class="eng">20</span>倍,更有效快捷瞄準色斑;以極短時間將高能量瞬間打入皮膚底層,形成光學空泡效應,刺激膠原蛋白及彈力蛋白增生,緊緻毛孔,提亮膚色,肌膚變得更飽滿嫩滑。</span></div></div>
  1722.                        </div>
  1723.                    </div>
  1724.                </div>
  1725.                <div class="standard-block flower-box right flower1">
  1726.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower1.png"></div>
  1727.                </div>
  1728.                <div class="standard-block flower-box left flower2">
  1729.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower2.png"></div>
  1730.                </div>
  1731.                <div class="standard-block text-box">
  1732.                    <div class="text-block">
  1733.                        <div class="generic-block ">
  1734.                            <img class="title mobile-block" src="/assets/images/new/f-pico-master-feature-title2.png">
  1735.                            <img class="title desktop-block" src="/assets/images/new/d-pico-master-feature-title2.png">
  1736.                            <!--<div class="title">
  1737.                            <div class="text-control" ><span class="span-wrap">打斑夠快夠細,零恢復期</span></div></div>-->
  1738.                            <div class="text"><div class="text-control" >
  1739.                            <span class="span-wrap"><span class="eng upper">Pico Master&#8482;</span>打散深層色斑速度快,脈衝皮秒時間短,熱傷害極少。色斑打散成超微細粉塵狀,更易被新陳代謝清除排出,同時減少所需療程次數。<br><br><span class="eng">PICO</span>療程採用的光震碎效應<span class="eng">(Photomechanical Effect)</span>比傳統激光大大減少痛感,亦大幅減低反黑或反白的問題。</span></div></div>
  1740.                        </div>
  1741.                    </div>
  1742.                </div>
  1743.                <div class="standard-block text-box">
  1744.                    <div class="text-block">
  1745.                        <div class="generic-block ">
  1746.                            <img class="title mobile-block" src="/assets/images/new/f-pico-master-feature-title3.png">
  1747.                            <img class="title desktop-block" src="/assets/images/new/b-pico-master-feature-title3.png">
  1748.                            <!--<div class="title single-line"><div class="text-control" >
  1749.                            <span class="span-wrap no-wrap">事前事後,尤其重要</span></div></div>-->
  1750.                            <div class="text"><div class="text-control" >
  1751.                            <span class="span-wrap"><span class="eng start">PICO</span>皮秒療程前進行美國<span class="eng">Reveal</span>色斑分析,尋根究底,量膚訂制激光皮秒去斑方案。療程後根據您的第一次療程的皮膚狀態、斷斑的速度、皮膚恢復的情況,制訂往後療程,對症下藥。</span></div></div>
  1752.                        </div>
  1753.                    </div>
  1754.                </div>
  1755.                <div class="standard-block flower-box right flower3">
  1756.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower3.png"></div>
  1757.                </div>
  1758.                <div class="standard-block flower-box left flower4">
  1759.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower4.png"></div>
  1760.                </div>
  1761.                <div class="standard-block text-box last">
  1762.                    <div class="text-block">
  1763.                        <div class="generic-block ">
  1764.                            <img class="title mobile-block" src="/assets/images/new/f-pico-master-feature-title4.png">
  1765.                            <img class="title desktop-block" src="/assets/images/new/b-pico-master-feature-title4.png">
  1766.                            <!--<div class="title"><div class="text-control" >
  1767.                            <span class="span-wrap">我們專注過程,重視承諾</span></div></div>-->
  1768.                            <div class="text"><div class="text-control" >
  1769.                            <span class="span-wrap">由專業分析、療程前護理、技術使用以至療程後保養,做到一絲不苟,專注每個細節,訂制屬於您的激光皮秒去斑方案。</span></div></div>
  1770.                        </div>
  1771.                    </div>
  1772.                </div>
  1773.            </div>
  1774.        
  1775.            <div class="standard-column-container faq">
  1776.                <div class="standard-block">
  1777.                    <div class="text-block relative">
  1778.                        <div class="title single-line"><div class="text-control">
  1779.                        <h2 class="normal"><span class="span-wrap"><span class="eng first">PICO MASTER&#8482; (Pico Laser)</span>療程常見問題</span></h2></div></div>
  1780.                    </div>
  1781.                </div>
  1782.                <div class="standard-block faq">
  1783.                                    <div class="faq-block">
  1784.                        <div class="faq-content" onClick="faqTrigger(this)">
  1785.                            <div class="text-block relative left faq-text">
  1786.                                <h3 class="text question">
  1787.                                    <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑可以美白祛斑嗎?</span></div>
  1788.                                </h3>
  1789.                            </div>
  1790.                            <div class="text-block relative right faq-button">
  1791.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1792.                            </div>
  1793.                        </div>
  1794.                  
  1795.                        <div class="answer text-block relative">
  1796.                            <div class="text">
  1797.                                <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程使用皮秒激光技術,透過高能量脈衝光束瞬間破壞皮膚的色素沉澱,有效袪除中層色斑,甚至深層色斑,包括雀斑、曬斑、老人斑、荷爾蒙斑及顴骨母斑和黑斑。同時,療程亦促進皮膚細胞再生和膠原蛋白重組,從而達到亮白嫩膚效果。</span></div>
  1798.                            </div>
  1799.                        </div>
  1800.                    </div>
  1801.                                    <div class="faq-block">
  1802.                        <div class="faq-content" onClick="faqTrigger(this)">
  1803.                            <div class="text-block relative left faq-text">
  1804.                                <h3 class="text question">
  1805.                                    <div class="text-control"><span class="span-wrap">接受<span class="eng">Pico Laser</span>皮秒激光祛斑療程後,皮膚會反黑嗎?</span></div>
  1806.                                </h3>
  1807.                            </div>
  1808.                            <div class="text-block relative right faq-button">
  1809.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1810.                            </div>
  1811.                        </div>
  1812.                  
  1813.                        <div class="answer text-block relative">
  1814.                            <div class="text">
  1815.                                <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程後,皮膚會反黑的機會是極低。因為Pico Laser皮秒激光祛斑比傳統激光的速度更快,光能接觸皮膚的時間極短,所產生的熱傷害極少,即是反黑風險甚低,復原期更短。</span></div>
  1816.                            </div>
  1817.                        </div>
  1818.                    </div>
  1819.                                    <div class="faq-block">
  1820.                        <div class="faq-content" onClick="faqTrigger(this)">
  1821.                            <div class="text-block relative left faq-text">
  1822.                                <h3 class="text question">
  1823.                                    <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑幾耐做一次?</span></div>
  1824.                                </h3>
  1825.                            </div>
  1826.                            <div class="text-block relative right faq-button">
  1827.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1828.                            </div>
  1829.                        </div>
  1830.                  
  1831.                        <div class="answer text-block relative">
  1832.                            <div class="text">
  1833.                                <div class="text-control"><span class="span-wrap">一般而言,建議前期可以每個月進行Pico Laser皮秒激光祛斑療程1-2次,其後可以約1個月1次。療程次數則按色斑和皮膚狀況而定,因人而異。若以較淺的色斑為例,大約3次已有明顯療程效果。在接受<span class="eng">Pico Laser</span>皮秒激光祛斑療程之前,應該先進行皮膚分析,了解色斑狀況,從而確定適合您的療程方案。</span></div>
  1834.                            </div>
  1835.                        </div>
  1836.                    </div>
  1837.                                    <div class="faq-block">
  1838.                        <div class="faq-content" onClick="faqTrigger(this)">
  1839.                            <div class="text-block relative left faq-text">
  1840.                                <h3 class="text question">
  1841.                                    <div class="text-control"><span class="span-wrap"><span class="eng">Pico Laser</span>皮秒激光祛斑安全嗎?</span></div>
  1842.                                </h3>
  1843.                            </div>
  1844.                            <div class="text-block relative right faq-button">
  1845.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1846.                            </div>
  1847.                        </div>
  1848.                  
  1849.                        <div class="answer text-block relative">
  1850.                            <div class="text">
  1851.                                <div class="text-control"><span class="span-wrap">十分安全。<span class="eng">Pico Laser</span>皮秒激光接觸皮膚的速度不足一秒,時間是極短,所以對皮膚的熱傷害甚少。相反,傳統激光的熱傷害較高,容易過份刺激黑色素分泌去保護皮膚,引致反黑機會大增。</span></div>
  1852.                            </div>
  1853.                        </div>
  1854.                    </div>
  1855.                                    <div class="faq-block">
  1856.                        <div class="faq-content" onClick="faqTrigger(this)">
  1857.                            <div class="text-block relative left faq-text">
  1858.                                <h3 class="text question">
  1859.                                    <div class="text-control"><span class="span-wrap"><span class="eng">Pico Laser</span>皮秒激光祛斑療程會不會好痛?</span></div>
  1860.                                </h3>
  1861.                            </div>
  1862.                            <div class="text-block relative right faq-button">
  1863.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1864.                            </div>
  1865.                        </div>
  1866.                  
  1867.                        <div class="answer text-block relative">
  1868.                            <div class="text">
  1869.                                <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程感覺有點像被橡筋輕彈般,不會有明顯痛楚或灼熱感。療程後,皮膚可能會有暫時性紅腫或痕癢,這屬正常現象,一般來說療程後數小時至數天內會自行消退,不用擔心。</span></div>
  1870.                            </div>
  1871.                        </div>
  1872.                    </div>
  1873.                                    <div class="faq-block">
  1874.                        <div class="faq-content" onClick="faqTrigger(this)">
  1875.                            <div class="text-block relative left faq-text">
  1876.                                <h3 class="text question">
  1877.                                    <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程後要注意甚麼嗎?</span></div>
  1878.                                </h3>
  1879.                            </div>
  1880.                            <div class="text-block relative right faq-button">
  1881.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1882.                            </div>
  1883.                        </div>
  1884.                  
  1885.                        <div class="answer text-block relative">
  1886.                            <div class="text">
  1887.                                <div class="text-control"><span class="span-wrap">完成<span class="eng">Pico Laser</span>皮秒激光祛斑療程後必須要注重補濕護理,充足的水份能改善缺水問題。療程後多喝水及多用補濕產品,例如水份面霜,有助皮膚修復,讓療程功效發揮更好。此外,療程後亦應注重日常防曬,常用<span class="eng">SPF30</span>或以上的防曬產品及定時補塗,避免出現反黑等的情況。療程後1星期內請勿使用熱水清潔療程部位;同時亦要暫停劇烈或高溫活動,例如浸溫泉、曬太陽、高溫瑜伽等,避免皮膚溫度過高。療程後<span class="eng">3-4</span>星期內暫停使用磨砂、酒精、酸類、維他命<span class="eng">C</span>、美白等護膚品,或進行高能量療程,減少對皮膚帶來刺激。</span></div>
  1888.                            </div>
  1889.                        </div>
  1890.                    </div>
  1891.                                </div>
  1892.            </div>
  1893.            
  1894.        
  1895.            
  1896.        </div>
  1897. </div>
  1898.    
  1899.    <div class="bottom-form-container">
  1900.        </div>
  1901.        
  1902.      
  1903.    <style>
  1904.    #footer {
  1905.        width:100%;
  1906.        margin:0 auto;
  1907.        background-color: #cea086;
  1908.        padding-top: 46px;
  1909.        padding-bottom: 109px;
  1910.    }
  1911.    
  1912.    #footer .holder {
  1913.        margin: 0 auto;
  1914.        width: 100%;
  1915.        max-width: 100%;
  1916.        padding: 0px;
  1917.        padding-left: 10%;
  1918.        padding-right: 9%;
  1919.    }
  1920.    #footer .links {
  1921.        font-size:18px;
  1922.        line-height:33px;
  1923.        line-height: 100%;
  1924.        font-family:'DFHeiHK W7','Microsoft Jhenghei','Open Sans';
  1925.        width: 100%;
  1926.        height: auto;
  1927.        display: flex;
  1928.        flex-wrap: nowrap;
  1929.        justify-content: space-between;
  1930.    }  
  1931.    #footer .links .eng  {
  1932.  
  1933.    }
  1934.    #footer .links .item {
  1935.        width: 168px;
  1936.        width: 240px;
  1937.        height: 100%;
  1938.        position:relative;
  1939.        min-height: 213px;
  1940.    }
  1941.    #footer .links .item:before {
  1942.        content:"";
  1943.        position:absolute;
  1944.        left:0;
  1945.        top:0;
  1946.        height:100%;
  1947.        width:2px;
  1948.        background-color:#fff;
  1949.        opacity: 0.3;
  1950.    }
  1951.    #footer .links .item.shop:before,
  1952.    #footer .links .item.social:before
  1953.    {
  1954.        display:none;
  1955.    }
  1956.    #footer .links .item a {
  1957.        padding-left: 12px;
  1958.    }
  1959.    #footer .links .item a.double-line{
  1960.        line-height:1;
  1961.    }
  1962.    
  1963.    #footer .links .link{
  1964.        color: #fff;
  1965.        margin-bottom: 16px;
  1966.        text-decoration: none;
  1967.    }
  1968.    #footer .links .link.topic{
  1969.        margin-bottom: 25px;
  1970.        text-decoration: none;
  1971.    }
  1972.    #footer .links .item.shop {
  1973.        width: auto;
  1974.        display: flex;
  1975.        min-height: 100%;
  1976.    }
  1977.    #footer .links .social {
  1978.        margin-left: 29px;
  1979.        position:relative;
  1980.    /*     display: flex; */
  1981.    }
  1982.    #footer .links .social-line{
  1983.        height: 140px;
  1984.        width:2px;
  1985.        background-color:#fff;
  1986.        opacity: 0.3;
  1987.        margin: 0 auto;
  1988.    }
  1989.    #footer .links .social .link{
  1990.        padding: 0;
  1991.        width:20px;
  1992.        margin-left:20px;
  1993.    }
  1994.    #footer .links .social .link img{
  1995.         width:100%;
  1996.    }
  1997.    #footer .bottom {
  1998.        color: #fff;
  1999.        margin-top:47px;
  2000.        text-align: right;  
  2001.    }
  2002.    
  2003.    #footer .bottom .other-link{
  2004.        padding-left: 10px;
  2005.        padding-right: 10px;
  2006.    }
  2007.    #footer .bottom .other-link a{
  2008.        color: #fff;
  2009.        text-decoration: none;
  2010.    }
  2011.    #footer .bottom .copyright{
  2012.        padding-left: 10px;  
  2013.    }
  2014.    
  2015.    #footer .links .item.bottom-logo,
  2016.    #footer .links .item.bottom-other-link,
  2017.    #footer .links .item.bottom-copyright{
  2018.        display:none;
  2019.    }
  2020.    #footer .links .item.bottom-other-link .other-link{
  2021.        padding-left: 10px;
  2022.        padding-right: 10px;  
  2023.    }
  2024.    
  2025.    #footer .links .item.bottom-other-link .other-link a {
  2026.        color: #fff;
  2027.        text-decoration: none;
  2028.        padding:0;
  2029.    }
  2030.    
  2031.    @media (max-width:1530px){
  2032.        #footer .links .item{
  2033.            padding-right: 10px;
  2034.        }
  2035.        
  2036.        #footer .links .item a.double-line{
  2037.            line-height:1.3;
  2038.        }
  2039.    }
  2040.  
  2041.    @media (max-width:1300px){
  2042.        #footer .links .social{
  2043.            margin:0;
  2044.            margin-top: 30px;
  2045.            display:flex;
  2046.        }
  2047.        #footer .links .social .link:first-child {
  2048.            margin-left:0;
  2049.        }
  2050.        #footer .links {
  2051.            flex-wrap:wrap;
  2052.        }
  2053.        #footer .links{
  2054.            height: auto;
  2055.        }
  2056.        #footer .links .item.shop {
  2057.            width:100%;
  2058.        }
  2059.    }
  2060.    @media (max-width: 1219px){
  2061.        #footer .links .item{
  2062.            margin-bottom:30px;
  2063.        }
  2064.        #footer .bottom{
  2065.            text-align:center;
  2066.        }
  2067.    }
  2068.        
  2069.    @media (max-width: 1060px){
  2070.        #footer {
  2071.            padding-bottom: 40px;
  2072.        }
  2073.        #footer .links .item:before{
  2074.            display:none;
  2075.        }
  2076.        #footer .links .item{
  2077.            display:none;
  2078.        }
  2079.        #footer .links .item.bottom-other-link,
  2080.        #footer .links .item.bottom-logo,
  2081.        #footer .links .item.bottom-copyright
  2082.        {
  2083.            display: flex;
  2084.            width: 100%;
  2085.            justify-content: center;
  2086.            height: auto;
  2087.            color:#fff;
  2088.            font-weight: 300;
  2089.            font-size: 13px;
  2090.            flex-basis: 100%;
  2091.            min-height:100%;
  2092.        }
  2093.        #footer .links .item.bottom-logo{
  2094.            margin-bottom:55px;
  2095.        }
  2096.        #footer .links .item.bottom-logo .logo-img{
  2097.            width: 100%;
  2098.            text-align: center;
  2099.        }
  2100.        #footer .links .item.bottom-logo .logo-img img {
  2101.            width: 40%;
  2102.            max-width: 200px;
  2103.        }
  2104.        #footer .links .item.shop {
  2105.            display:flex;
  2106.            width: 100%;
  2107.            justify-content: center;
  2108.            height: auto;
  2109.            flex-basis: 100%;
  2110.        }
  2111.        #footer .bottom{display:none;}
  2112.    }
  2113.    </style>
  2114. <div id="footer">
  2115. <div class="holder">
  2116.            <div class="links">
  2117. <div class="item">
  2118.                    <a href="https://onlux.com.hk/about" class="link topic">了解我們</a>
  2119. </div>
  2120. <div class="item">
  2121.                    <a href="#" class="link topic">療程選擇</a>
  2122.                    <a href="https://onlux.com.hk/cell-awakening" class="link">肌底覺醒<span class="eng">&#8482;</span>療程</a>
  2123.                    <a href="https://onlux.com.hk/pico-master" class="link double-line"><span class="eng upper start">Pico Master&#8482;</span>去斑療程</a>
  2124.                    <a href="https://onlux.com.hk/power-laser" class="link double-line"><span class="eng upper start">Power Laser&#8482;</span>脫毛療程</a>
  2125.                    <a href="https://onlux.com.hk/4d-scanner" class="link double-line"><span class="eng upper start">P2P</span>三層秒效修脂療程</a>
  2126.                
  2127.                    <!--<a href="#" class="link">纖形覺醒&#8482;</a>-->
  2128. </div>
  2129.                <div class="item">
  2130.                    <a href="https://onlux.com.hk/price" class="link topic">價目</a>  
  2131. </div>
  2132.                <div class="item">
  2133.                    <a href="#" class="link topic">限時優惠</a>
  2134.                    <a href="https://onlux.com.hk/cell-awakening-lead" class="link">肌底覺醒<span class="eng">&#8482;</span>療程</a>
  2135.                    <a href="https://onlux.com.hk/pico-master-lead" class="double-line link"><span class="eng upper start">Pico Master&#8482;</span>去斑療程</a>
  2136.                    <a href="https://onlux.com.hk/power-laser-lead" class="link double-line"><span class="eng upper start">Power Laser&#8482;</span>脫毛療程</a>
  2137.                     <a href="https://onlux.com.hk/4d-scanner" class="link double-line"><span class="eng upper start">P2P</span>三層秒效修脂療程</a>
  2138. </div>
  2139. <div class="item">
  2140.                    <a href="#" class="link topic">聯繫我們</a>  
  2141.                    <a href="https://onlux.com.hk/address" class="link">分店門市</a>
  2142.                    <a href="https://onlux.com.hk/suggestion" class="link">意見回饋</a>
  2143.                    <a href="https://onlux.com.hk/recruit" class="link">人才招聘</a>
  2144. </div>
  2145. <div class="item bottom-logo"><div class="logo-img"><img src="/assets/images/new/onlux-bottom.png"></div></div>
  2146.                <div class="item bottom-copyright"><span class="copyright eng start">&copy; 2023 Copyright ONLUX BEAUTY LIMITED&nbsp;All rights reserved</span></div>
  2147.                <div class="item bottom-other-link"><span class="other-link eng"><a href="https://onlux.com.hk/terms">Terms and Conditions</a></span>|<span class="other-link eng"><a href="https://onlux.com.hk/privacy">Privacy</a></span>|<span class="other-link eng"><a href="https://onlux.com.hk/sitemap">Site Map</a></span></div>
  2148.                
  2149.                
  2150. <div class="item shop">
  2151.                    <div class="social">
  2152.                        <a class="link" href="https://www.facebook.com/OnLuxBeauty/" target="_blank"><img src="/assets/images/new/e-facebook.png"></a>
  2153.                        <a class="link" href="https://www.instagram.com/onluxbeauty/" target="_blank"><img src="/assets/images/new/e-instagram.png"></a>
  2154.                        <a class="link" href="https://www.youtube.com/channel/UCSSQUKK_dD4b0FFB5BYkmQw" target="_blank"><img src="/assets/images/new/youtube.png"></a>
  2155.                        <a class="link" href="https://api.whatsapp.com/send?phone=85262268011&amp;text=" target="_blank"><img src="/assets/images/new/e-whatsapp.png"></a>
  2156.                    </div>
  2157. </div>
  2158.        
  2159. </div>
  2160.            <div class="bottom">
  2161.                <span class="other-link eng"><a href="https://onlux.com.hk/terms">Terms and Conditions</a></span>|<span class="other-link eng"><a href="https://onlux.com.hk/privacy">Privacy</a></span>|<span class="other-link eng"><a href="https://onlux.com.hk/sitemap">Site Map</a></span>|<span class="copyright eng">&copy; 2023 Copyright ONLUX BEAUTY LIMITED&nbsp;All rights reserved</span>
  2162. </div>
  2163. </div>
  2164. </div>  
  2165.        <a href="javascript:void(0);" id="ui-to-top" class="ui-to-top fa fa-angle-up active"></a>
  2166.  
  2167.    </div>
  2168.  
  2169. <script>
  2170. function faqTrigger(element){
  2171.    if($(element).parent().find('.answer').hasClass('active')){
  2172.        $(element).parent().find('.answer').removeClass('active');
  2173.        $(element).find('.fa').addClass('fa-plus-square-o').removeClass('fa-minus-square-o');
  2174.    } else {
  2175.        $(element).parent().find('.answer').addClass('active');
  2176.        $(element).find('.fa').removeClass('fa-plus-square-o').addClass('fa-minus-square-o');
  2177.    }
  2178. }
  2179. </script><script>
  2180.  var day_off_data = [];
  2181.  var holiday_data = [];
  2182.  var occupied_data = {};
  2183.  var shop_week_data = [];
  2184.  var max_booking_allowed = 1;
  2185.  var weekToInt = {
  2186.          'Mon' : 1,  
  2187.          'Tue' : 2,  
  2188.          'Wed' : 3,  
  2189.          'Thu' : 4,  
  2190.          'Fri' : 5,  
  2191.          'Sat' : 6,  
  2192.          'Sun' : 0
  2193.        };
  2194.    max_booking_allowed = 99;
  2195.    shop_week_data = {"3":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"7":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"2":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"19":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"11":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"17":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"12":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"0":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"13":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"0":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}},"10":{"1":{"start":"12:00pm","end":"7:30pm"},"2":{"start":"12:00pm","end":"7:30pm"},"3":{"start":"12:00pm","end":"7:30pm"},"4":{"start":"12:00pm","end":"7:30pm"},"5":{"start":"12:00pm","end":"7:30pm"},"6":{"start":"10:30am","end":"6:00pm"},"0":{"start":"10:30am","end":"6:00pm"},"holiday":{"start":"10:30am","end":"6:00pm"}}};
  2196. holiday_data = [];
  2197. day_off_data = {"all":[]};
  2198. occupied_data = {"all":{"2024-05-03":{"start":"12:00pm","end":"4:00pm"},"2024-05-09":{"start":"12:00pm","end":"3:00pm"},"2024-05-10":{"start":"12:00pm","end":"3:00pm"}},"TW":{"2024-04-30":[{"start":"12:00pm","end":"12:30pm"},{"start":"7:00pm","end":"7:30pm"}],"2024-05-01":[{"start":"5:00pm","end":"5:30pm"}],"2024-05-11":[{"start":"10:30am","end":"11:00am"}],"2024-04-29":[{"start":"4:00pm","end":"4:30pm"}],"2024-04-27":[{"start":"2:00pm","end":"2:30pm"}],"2024-05-07":[{"start":"1:00pm","end":"1:30pm"}],"2024-05-08":[{"start":"2:30pm","end":"3:00pm"}]},"LP":{"2024-05-02":[{"start":"7:30pm","end":"8:00pm"},{"start":"6:30pm","end":"7:00pm"}],"2024-04-30":[{"start":"7:30pm","end":"8:00pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"4:00pm","end":"4:30pm"}],"2024-05-01":[{"start":"4:30pm","end":"5:00pm"},{"start":"2:30pm","end":"3:00pm"},{"start":"4:00pm","end":"4:30pm"}],"2024-04-29":[{"start":"4:30pm","end":"5:00pm"},{"start":"12:00pm","end":"12:30pm"},{"start":"1:00pm","end":"1:30pm"}],"2024-04-27":[{"start":"2:30pm","end":"3:00pm"},{"start":"10:30am","end":"11:00am"},{"start":"4:30pm","end":"5:00pm"},{"start":"5:30pm","end":"6:00pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-06-18":[{"start":"6:00pm","end":"6:30pm"}],"2024-05-04":[{"start":"5:00pm","end":"5:30pm"},{"start":"5:30pm","end":"6:00pm"}],"2024-05-21":[{"start":"12:00pm","end":"12:30pm"}]},"ST":{"2024-04-27":[{"start":"10:30am","end":"11:00am"},{"start":"3:00pm","end":"3:30pm"},{"start":"5:00pm","end":"5:30pm"}],"2024-05-02":[{"start":"4:00pm","end":"4:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-10":[{"start":"2:30pm","end":"3:00pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-04-30":[{"start":"7:00pm","end":"7:30pm"},{"start":"7:00pm","end":"7:30pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-05-13":[{"start":"12:30pm","end":"1:00pm"}],"2024-04-29":[{"start":"12:00pm","end":"12:30pm"},{"start":"1:00pm","end":"1:30pm"}],"2024-05-04":[{"start":"10:30am","end":"11:00am"}],"2024-05-03":[{"start":"4:00pm","end":"4:30pm"},{"start":"6:00pm","end":"6:30pm"}],"2024-05-01":[{"start":"2:30pm","end":"3:00pm"},{"start":"2:00pm","end":"2:30pm"},{"start":"6:00pm","end":"6:30pm"}],"2024-05-06":[{"start":"6:30pm","end":"7:00pm"}],"2024-05-09":[{"start":"3:00pm","end":"3:30pm"}]},"KT":{"2024-05-11":[{"start":"11:30am","end":"12:00pm"}],"2024-04-27":[{"start":"11:00am","end":"11:30am"},{"start":"12:00pm","end":"12:30pm"},{"start":"10:30am","end":"11:00am"},{"start":"11:00am","end":"11:30am"},{"start":"6:00pm","end":"6:30pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-04-29":[{"start":"12:30pm","end":"1:00pm"},{"start":"12:30pm","end":"1:00pm"},{"start":"12:30pm","end":"1:00pm"}],"2024-05-02":[{"start":"5:30pm","end":"6:00pm"}],"2024-04-30":[{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"}]},"CWB":{"2024-05-02":[{"start":"7:30pm","end":"8:00pm"},{"start":"6:00pm","end":"6:30pm"}],"2024-04-27":[{"start":"11:00am","end":"11:30am"},{"start":"5:30pm","end":"6:00pm"},{"start":"2:00pm","end":"2:30pm"},{"start":"2:00pm","end":"2:30pm"},{"start":"1:00pm","end":"1:30pm"}],"2024-05-01":[{"start":"2:00pm","end":"2:30pm"},{"start":"3:30pm","end":"4:00pm"}],"2024-04-30":[{"start":"7:30pm","end":"8:00pm"},{"start":"7:30pm","end":"8:00pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-05-04":[{"start":"12:30pm","end":"1:00pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-05-07":[{"start":"6:30pm","end":"7:00pm"}],"2024-05-03":[{"start":"7:00pm","end":"7:30pm"}],"2024-05-17":[{"start":"5:30pm","end":"6:00pm"}],"2024-04-29":[{"start":"4:00pm","end":"4:30pm"},{"start":"6:00pm","end":"6:30pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-05-08":[{"start":"12:00pm","end":"12:30pm"},{"start":"1:30pm","end":"2:00pm"}],"2024-05-06":[{"start":"7:00pm","end":"7:30pm"}]},"TST":{"2024-04-30":[{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"2:00pm","end":"2:30pm"},{"start":"4:30pm","end":"5:00pm"}],"2024-04-29":[{"start":"6:30pm","end":"7:00pm"}],"2024-04-27":[{"start":"4:00pm","end":"4:30pm"}],"2024-05-11":[{"start":"2:00pm","end":"2:30pm"}],"2024-05-02":[{"start":"3:00pm","end":"3:30pm"}]},"TM":{"2024-04-28":[{"start":"4:00pm","end":"4:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"10:30am","end":"11:00am"}],"2024-04-30":[{"start":"12:00pm","end":"12:30pm"}],"2024-04-27":[{"start":"11:00am","end":"11:30am"},{"start":"3:00pm","end":"3:30pm"},{"start":"5:00pm","end":"5:30pm"},{"start":"11:30am","end":"12:00pm"}],"2024-05-26":[{"start":"4:00pm","end":"4:30pm"}],"2024-05-31":[{"start":"3:00pm","end":"3:30pm"}],"2024-05-16":[{"start":"12:00pm","end":"12:30pm"}],"2024-05-01":[{"start":"3:00pm","end":"3:30pm"}],"2024-05-22":[{"start":"12:00pm","end":"12:30pm"}]},"YL":{"2024-04-27":[{"start":"1:00pm","end":"1:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-04-28":[{"start":"11:30am","end":"12:00pm"}],"2024-05-02":[{"start":"7:30pm","end":"8:00pm"},{"start":"7:30pm","end":"8:00pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-14":[{"start":"12:00pm","end":"12:30pm"}],"2024-04-29":[{"start":"2:30pm","end":"3:00pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-06-08":[{"start":"2:30pm","end":"3:00pm"}]},"TKO":{"2024-04-27":[{"start":"11:30am","end":"12:00pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-16":[{"start":"7:00pm","end":"7:30pm"}],"2024-05-03":[{"start":"7:00pm","end":"7:30pm"}],"2024-04-28":[{"start":"2:00pm","end":"2:30pm"}],"2024-05-13":[{"start":"7:00pm","end":"7:30pm"}]}};
  2199. var regionToLocation =  {"\u9285\u947c\u7063":"CWB","\u89c0\u5858":"KT","\u65fa\u89d2\u6717\u8c6a\u574a\u5e97":"LP","\u5c07\u8ecd\u6fb3":"TKO","\u5c16\u6c99\u5480":"TST","\u5143\u6717":"YL","\u6c99\u7530":"ST","\u5c6f\u9580":"TM","\u8343\u7063":"TW"};
  2200. var regionToId =  {"\u9285\u947c\u7063":"19","\u89c0\u5858":"2","\u65fa\u89d2\u6717\u8c6a\u574a\u5e97":"3","\u5c07\u8ecd\u6fb3":"10","\u5c16\u6c99\u5480":"7","\u5143\u6717":"13","\u6c99\u7530":"17","\u5c6f\u9580":"12","\u8343\u7063":"11"};
  2201.  
  2202. var locationDict = {
  2203.    '銅鑼灣' : {
  2204.        days : [],
  2205.        avail_time : {}
  2206.    },
  2207.    '觀塘' : {
  2208.        days : [],
  2209.        avail_time : {}
  2210.    },  
  2211.    '旺角朗豪坊店' : {
  2212.        days : [],
  2213.        avail_time : {}
  2214.    },
  2215.    '將軍澳' : {
  2216.        days : [],
  2217.        avail_time : {}
  2218.    },
  2219.    '尖沙咀' : {
  2220.        days : [],
  2221.        avail_time : {}
  2222.    },
  2223.    '元朗' : {
  2224.        days : [],
  2225.        avail_time : {}
  2226.    },
  2227.    '沙田' : {
  2228.        days : [],
  2229.        avail_time : {}
  2230.    },
  2231.    '屯門' : {
  2232.        days : [],
  2233.        avail_time : {}
  2234.    },
  2235.    '荃灣' : {
  2236.        days : [],
  2237.        avail_time : {}
  2238.    },
  2239. };
  2240.  
  2241. for(shop in locationDict){
  2242.    if(typeof shop_week_data[regionToId[shop]]!=='undefined'){
  2243.        for(week_key in shop_week_data[regionToId[shop]]){
  2244.            if(week_key!='holiday'){
  2245.                locationDict[shop].days.push(parseInt(week_key));    
  2246.            }
  2247.            locationDict[shop].avail_time[week_key] = shop_week_data[regionToId[shop]][week_key];
  2248.        }
  2249.    }
  2250. }
  2251. </script>
  2252. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  2253. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  2254. <script type="text/javascript" src="https://onlux.com.hk/assets/js/jquery.timepicker.js"></script>
  2255. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
  2256. <script type="text/javascript" src="https://onlux.com.hk/assets/js/style.js"></script>
  2257. <style>
  2258. .underline-field.terms a {
  2259.    text-decoration: underline;
  2260. }
  2261. </style>
  2262. <!--[if lt IE 9]>
  2263. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
  2264. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/placeholders.min.js"></script>
  2265. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/respond.min.js"></script>
  2266. <style>
  2267. .bg-size, .facebook, .weibo {
  2268. -ms-behavior: url('https://onlux.com.hk/assets/js/libs/backgroundsize.min.htc');
  2269. behavior: url('https://onlux.com.hk/assets/js/libs/backgroundsize.min.htc');
  2270. }
  2271. .border-radius {
  2272. -ms-behavior: url('https://onlux.com.hk/assets/js/libs/border-radius.htc');
  2273. behavior: url('https://onlux.com.hk/assets/js/libs/border-radius.htc');
  2274. }
  2275. </style>
  2276. <![endif]-->
  2277. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  2278. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script>
  2279. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-viewport-checker/1.8.8/jquery.viewportchecker.min.js"></script>
  2280. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
  2281. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
  2282. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
  2283. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
  2284.  
  2285.  
  2286.  
  2287. <script type="text/javascript" src="https://onlux.com.hk/assets/js/iziModal.min.js"></script>
  2288.  
  2289. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.1/mustache.min.js"></script>
  2290. <script>
  2291. var usingVideoBG = false;
  2292. var vdesktop = '';
  2293. var vmobile = '';
  2294. var desktop_sound_on = 'on';
  2295. var mobile_sound_on = 'on';
  2296. var date_notavail = ['2024-02-10','2024-02-11','2024-02-12','2024-02-13'];
  2297. function seeTerms(){
  2298.    if(document.querySelector('#tnc-contianer')!=null){
  2299.        $('html, body').animate({
  2300.            scrollTop: offset(document.querySelector('#tnc-contianer')).top
  2301.        }, 800, 'easeOutCirc', function() {});
  2302.    }
  2303. }
  2304. function offset(el) {
  2305.    var rect = el.getBoundingClientRect(),
  2306.    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
  2307.    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  2308.    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
  2309. }
  2310. function muteSound(type,to_mute){
  2311.    var this_sound_control = $('.videobg-'+type+' .sound-control');
  2312.    if(this_sound_control.length > 0){
  2313.        if(to_mute){
  2314.            this_sound_control.removeClass('on').addClass('off');
  2315.            if(type == 'desktop'){
  2316.                desktop_sound_on = 'off';
  2317.                if(usingVideoBG){
  2318.                    vdesktop.videoEl.muted = true;
  2319.                } else {
  2320.                    vdesktop.muted = true;
  2321.                }
  2322.            } else {
  2323.                mobile_sound_on = 'off';
  2324.                if(usingVideoBG){
  2325.                    vmobile.videoEl.muted = true;
  2326.                }
  2327.                else {
  2328.                    vmobile.muted = true;
  2329.                }
  2330.            }
  2331.        } else {
  2332.            this_sound_control.removeClass('off').addClass('on');
  2333.            if(type == 'desktop'){
  2334.                desktop_sound_on = 'on';
  2335.                if(usingVideoBG){
  2336.                    vdesktop.videoEl.muted = false;
  2337.                } else {
  2338.                    vdesktop.muted = false;
  2339.                }
  2340.            } else {
  2341.                mobile_sound_on = 'on';
  2342.                if(usingVideoBG){
  2343.                    vmobile.videoEl.muted = false;
  2344.                } else {
  2345.                    vmobile.muted = false;
  2346.                }
  2347.            }    
  2348.        }
  2349.    }
  2350. }
  2351. function soundControl(type){
  2352.    var this_sound_control = $('.videobg-'+type+' .sound-control');
  2353.    if(this_sound_control.hasClass('off')){
  2354.        //turn sound on
  2355.        muteSound(type, false);
  2356.    } else {
  2357.        //turn sound off
  2358.        muteSound(type, true);
  2359.    }
  2360.    
  2361. }
  2362.      
  2363.          function toHomeForm(){
  2364.        if($('#treatment-form').length == 0){
  2365.             location.href= '/cell-awakening?form';
  2366.        } else {
  2367.            var _top = $('#header').hasClass('fixed') ? 160 : 290;
  2368.            $('html, body').animate({
  2369.                scrollTop: $(".standard-form-block").offset().top -_top
  2370.            }, 500);              
  2371.        }
  2372.     }
  2373.     function detectFloating(){
  2374.        if($('html').hasClass('open-menu')) return;
  2375.        if($(window).width()>1202){
  2376.            $('.standard-floating').addClass('hide');
  2377.            var top_value = 0;
  2378.            if($('.gradient-treatment').length>0){
  2379.                top_value = 50;
  2380.            }
  2381.            if( $(window).scrollTop() >top_value){
  2382.                $('#header').addClass('fixed');
  2383.            } else {
  2384.                $('#header').removeClass('fixed');
  2385.            }
  2386.        } else {
  2387.            $('.standard-floating').removeClass('hide');
  2388.             if( $(window).scrollTop() >0){
  2389.                $('#header').addClass('fixed');
  2390.            } else {
  2391.                $('#header').removeClass('fixed');
  2392.            }
  2393.        }
  2394.    }
  2395. $(document).ready(function(){
  2396.        $('.lazy').Lazy();
  2397.    
  2398.        setupFormTermsModal();
  2399.        
  2400.        
  2401.  
  2402.    
  2403.    
  2404.        
  2405.                        
  2406.   // $('.standard-form-block').viewportChecker({
  2407.   //    classToAdd: '__a',
  2408.   //    classToRemove: '__a',
  2409.   //    repeat: true,
  2410.   //    callbackFunction: function(elem, action){
  2411.   //        if(action == 'add'){
  2412.   //            $('.standard-floating').addClass('on-form-hide');
  2413.   //        } else {
  2414.   //            $('.standard-floating').removeClass('on-form-hide');
  2415.   //        }
  2416.   //    }
  2417.   //});  
  2418.    detectFloating();
  2419.    $(window).resize(function(){
  2420.        detectFloating();
  2421.    });
  2422.    $(window).scroll(function(){
  2423.        detectFloating();
  2424.    });
  2425.        
  2426.    
  2427.    
  2428.              
  2429.          
  2430.          
  2431.  
  2432.      
  2433.    $(window).scroll(function(){
  2434.        if( $(window).scrollTop() > 400){
  2435.            $('.ui-to-top').addClass('active');
  2436.        } else {
  2437.            $('.ui-to-top').removeClass('active');
  2438.        }
  2439.    });
  2440.    $('.ui-to-top').on('click',function(){
  2441.        $('html, body').animate({
  2442.            scrollTop: 0
  2443.        }, 800);
  2444.    });
  2445.          
  2446.    
  2447.        
  2448.        
  2449.           // $.getJSON( "js/phone.json")
  2450.       //   .done(function( json ) {
  2451.       //     $('select[name="country_code"] option').remove();
  2452.       //     for(i in json){
  2453.       //         var value = json[i].toString()[0] !='+' ? '+' + json[i] : json[i];
  2454.       //         var newOption = new Option(value, value, false, false);
  2455.       //         $('select[name="country_code"]').append(newOption);
  2456.       //     }
  2457.       //   })
  2458.       //   .fail(function( jqxhr, textStatus, error ) {
  2459.       //     var err = textStatus + ", " + error;
  2460.       // });
  2461.                            
  2462.    
  2463.            
  2464.          
  2465.        var defaultShop = '將軍澳';
  2466.        var defaultDate = '';
  2467.        var defaultTime = '';
  2468.      
  2469.        
  2470.  
  2471.        $( "#datepicker" ).datepicker
  2472.        ({
  2473.            direction: "up",
  2474.            dateFormat: 'mm/dd/yy,D',
  2475.            minDate: 2,
  2476.            maxDate: 60,
  2477.            beforeShowDay : function(date){
  2478.                var day = parseInt(date.getDay());
  2479.                var avail_days = locationDict[$('#location option:selected').val()].days;
  2480.                var _month = date.getMonth() + 1;
  2481.                var _day = date.getDate();
  2482.                var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  2483.                var selected_location = $('#location option:selected').val();
  2484.            
  2485.                var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  2486.                date_notavail = [];
  2487.                for(_shop in day_off_data){
  2488.                    if(_shop == 'all'){
  2489.                        for(i in day_off_data[_shop]){
  2490.                            date_notavail.push(day_off_data[_shop][i]);    
  2491.                        }
  2492.                    } else if(_shop == region_location){
  2493.                        for(i in day_off_data[_shop]){
  2494.                            date_notavail.push(day_off_data[_shop][i]);    
  2495.                        }
  2496.                    }
  2497.                }
  2498.                //check if holiday is off
  2499.                if( $.inArray( compare_date, holiday_data )!=-1){
  2500.                    var _shop_id = regionToId[selected_location];
  2501.                    if(typeof _shop_id!=='undefined'){
  2502.                        var _week_data = shop_week_data[_shop_id];
  2503.                        if(typeof _week_data!=='undefined'){
  2504.                            if(typeof _week_data['holiday']==='undefined'){
  2505.                                //holiday off
  2506.                                return [false,""];
  2507.                            }
  2508.                        }
  2509.                    }
  2510.                }
  2511.            
  2512.                if( $.inArray( day, avail_days )!=-1 && $.inArray( compare_date, date_notavail )==-1){
  2513.                    return [true,""];
  2514.                } else return [false,""];
  2515.            },
  2516.            onSelect: function(dateText, inst) {
  2517.                setTimepicker(dateText);
  2518.            }
  2519.        });
  2520.        $('#location').on('change',function(){
  2521.            if($('#location option:selected').val()!=''){
  2522.               // if($('#location option:selected').val() == '旺角朗豪坊店'){
  2523.               //     setDateTime(new Date(2022, 7 - 1, 23));
  2524.               // } else {
  2525.                    setDateTime();    
  2526.               // }
  2527.            } else {
  2528.                resetValues();
  2529.            }
  2530.        });
  2531.          
  2532.        //reset date and time picker value
  2533.        function resetValues(){
  2534.            $("#datepicker").val('');
  2535.            $('#timepicker').val("");        
  2536.            $( "#datepicker" ).prop('disabled',true);
  2537.            $( "#timepicker" ).prop('disabled',true);
  2538.            $("#datepicker").datepicker( "destroy" );
  2539.            $('#timepicker').timepicker('remove');
  2540.        }
  2541.            function setDateTime(mindate){
  2542.            resetValues();
  2543.            $( "#datepicker" ).datepicker
  2544.            ({
  2545.                direction: "up",
  2546.                dateFormat: 'mm/dd/yy,D',
  2547.                minDate: typeof mindate === 'undefined' ? 2 : mindate,
  2548.                maxDate: 60,
  2549.                beforeShowDay : function(date){
  2550.                    var day = parseInt(date.getDay());
  2551.                    var avail_days = locationDict[$('#location option:selected').val()].days;
  2552.                    var _month = date.getMonth() + 1;
  2553.                    var _day = date.getDate();
  2554.                    var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  2555.                    var selected_location = $('#location option:selected').val();
  2556.            
  2557.                    var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  2558.                    date_notavail = [];
  2559.                    for(_shop in day_off_data){
  2560.                        if(_shop == 'all'){
  2561.                            for(i in day_off_data[_shop]){
  2562.                                date_notavail.push(day_off_data[_shop][i]);    
  2563.                            }
  2564.                        } else if(_shop == region_location){
  2565.                            for(i in day_off_data[_shop]){
  2566.                                date_notavail.push(day_off_data[_shop][i]);    
  2567.                            }
  2568.                        }
  2569.                    }
  2570.                    //check if holiday is off
  2571.                    if( $.inArray( compare_date, holiday_data )!=-1){
  2572.                        var _shop_id = regionToId[selected_location];
  2573.                        if(typeof _shop_id!=='undefined'){
  2574.                            var _week_data = shop_week_data[_shop_id];
  2575.                            if(typeof _week_data!=='undefined'){
  2576.                                if(typeof _week_data['holiday']==='undefined'){
  2577.                                    return [false,""];
  2578.                                }
  2579.                            }
  2580.                        }
  2581.                    }
  2582.  
  2583.                    if( $.inArray( day, avail_days )!=-1  &&   $.inArray( compare_date, date_notavail )==-1){
  2584.                        return [true,""];
  2585.                    } else return [false,""];
  2586.                },
  2587.                onSelect: function(dateText, inst) {
  2588.                    setTimepicker(dateText);
  2589.                }
  2590.            });
  2591.            $( "#datepicker" ).prop('disabled',false);
  2592.        }
  2593.        var time_init = false;
  2594.        function setTimepicker(dateText,value){
  2595.            if(dateText == '') return;
  2596.            var day = dateText.split(",");
  2597.            if(day.length <1) return;
  2598.            var weekofday = day[1];
  2599.            var date_chosen = day[0].split('/');
  2600.            date_chosen = date_chosen[2]+'-'+date_chosen[0]+'-'+date_chosen[1];
  2601.            var start_time = '';
  2602.            var end_time = '';
  2603.            var disabled = [];
  2604.            try {    
  2605.              //  var avail_time = locationDict[defaultShop].avail_time;
  2606.                var selected_location = $('#location option:selected').val();
  2607.                var avail_time = locationDict[selected_location].avail_time
  2608.                start_time = avail_time[ weekToInt[weekofday] ].start;
  2609.                end_time = avail_time[ weekToInt[weekofday] ].end;
  2610.          
  2611.                //check if day is holiday , set start and end time if available
  2612.                if( $.inArray( date_chosen, holiday_data )!=-1){
  2613.                    if(typeof avail_time['holiday']!=='undefined'){
  2614.                        start_time = avail_time['holiday'].start;
  2615.                        end_time = avail_time['holiday'].end;
  2616.                    }
  2617.                }
  2618.                //check if day occupied
  2619.                if(typeof occupied_data['all']!=='undefined'){ //for all shops
  2620.                    if(typeof occupied_data['all'][date_chosen]!=='undefined'){
  2621.                        disabled.push([occupied_data['all'][date_chosen].start, occupied_data['all'][date_chosen].end]);
  2622.                    }
  2623.                }
  2624.                if(typeof regionToLocation[selected_location]!=='undefined'){ //for selected shop only
  2625.                    var shop_occupied = occupied_data[regionToLocation[selected_location]];
  2626.                    if(typeof shop_occupied!=='undefined'){
  2627.                        if(typeof shop_occupied[date_chosen]!=='undefined'){
  2628.                            var occupied_time = {};
  2629.                            for(i in shop_occupied[date_chosen]){
  2630.                                if(typeof occupied_time[shop_occupied[date_chosen][i].start]==='undefined'){
  2631.                                    occupied_time[shop_occupied[date_chosen][i].start] = [];
  2632.                                }
  2633.                                occupied_time[shop_occupied[date_chosen][i].start].push(shop_occupied[date_chosen][i]);
  2634.                              //  disabled.push([ shop_occupied[date_chosen][i].start,shop_occupied[date_chosen][i].end]);
  2635.                            }
  2636.                            for(i in occupied_time){
  2637.                                if(occupied_time[i].length>=max_booking_allowed){
  2638.                                    for(j in occupied_time[i]){
  2639.                                         disabled.push([ occupied_time[i][j].start,occupied_time[i][j].end]);
  2640.                                    }
  2641.                                }
  2642.                            }
  2643.                        }
  2644.                    }
  2645.                }
  2646.            
  2647.                $('#timepicker').val("");
  2648.                $('#timepicker').timepicker('remove');
  2649.                $('#timepicker').timepicker
  2650.                ({
  2651.                    'minTime': start_time,
  2652.                    'maxTime': end_time,
  2653.                    'showDuration': false,
  2654.                    'disableTimeRanges' : disabled,
  2655.            
  2656.                   'useSelect': true ,
  2657.                    'noneOption': [
  2658.                        {
  2659.                            'label': '-- 請選擇 --',
  2660.                            'value': ''
  2661.                        },
  2662.                    ],
  2663.              
  2664.                });
  2665.                $( "#timepicker" ).prop('disabled',false);
  2666.                                if(!(typeof value === 'undefined')){
  2667.                    if(value!=''){
  2668.                        $('#timepicker').timepicker('setTime', value);
  2669.                    }
  2670.                }
  2671.            } catch(e){
  2672.                console.log(e);
  2673.            }
  2674.        }
  2675.                
  2676.        if(typeof setupRoadSell === 'function'){
  2677.            setupRoadSell();
  2678.        }
  2679.        
  2680.                
  2681.            
  2682.                                       CAPI('PageView');
  2683.             CAPI('ViewContent');
  2684.                        });
  2685.    
  2686.      
  2687.    function onFormSubmit(){
  2688.        var allow_time;
  2689.        if($('#timepicker').val()){
  2690.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  2691.        }
  2692.        if(allow_time!='Invalid date'){
  2693.            $('#allow_time').val(allow_time);
  2694.        } else {
  2695.            $('#allow_time').val('');
  2696.        }
  2697.        if($('#sender_email').val()!=''){
  2698.            $('.process-back').addClass('active');
  2699.        }
  2700.    }
  2701.    function onSubmit(){
  2702.        var allow_time;
  2703.        if($('#timepicker').val()){
  2704.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  2705.        }
  2706.        if(allow_time!='Invalid date'){
  2707.            $('#allow_time').val(allow_time);
  2708.            return true;
  2709.        } else {
  2710.            $('#allow_time').val('');
  2711.            alert('預約療程時間不正確');
  2712.            return false;
  2713.        }
  2714.    }
  2715.  
  2716.     function CAPI(event, eventData) {
  2717.   // let fbp = document.cookie.split(';').filter(c => c.includes('_fbp=')).map(c => c.split('_fbp=')[1]);
  2718.    let fbp = document.cookie.split(';').filter(function(c){ return c.includes('_fbp=');}).map(function(c){ return c.split('_fbp=')[1];})
  2719.    let fbc = document.cookie.split(';').filter(function(c){ return c.includes('_fbc=');}).map(function(c){ return c.split('_fbc=')[1];})
  2720. //   let fbc = document.cookie.split(';').filter(c => c.includes('_fbc=')).map(c => c.split('_fbc=')[1]);
  2721.    fbp = (fbp.length && fbp[0]) || null;
  2722.    fbc = (fbc.length && fbc[0]) || null;
  2723.    if(!fbc && window.location.search.includes('fbclid=')){
  2724.        fbc = 'fb.1.'+ (+new Date()) +'.'+ window.location.search.split('fbclid=')[1];
  2725.    }
  2726.    const body = {
  2727.        'event': event,
  2728.        'event_data': eventData,
  2729.        'fbp': fbp,
  2730.        'fbclid': fbc,
  2731.        'user_agent': navigator.userAgent,
  2732.                 'url': window.location.origin + window.location.pathname
  2733.    }
  2734.    $.ajax({
  2735.        type: "POST",
  2736.        url: 'https://onlux.com.hk/api/fb_conversion?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3MTQwMzkwMDAsInN1YiI6Im9ubHV4IGFwaSJ9.0YA65H4ITa_L3_57QDKyMQeFmmEQ1nwM1n3PBe7kths',
  2737.        data: JSON.stringify(body) ,
  2738.        processData: false,
  2739.        contentType: 'application/json',
  2740.        success: function(response){  
  2741.           //console.log(response)
  2742.        },
  2743.        error : function(  jqXHR,  textStatus,  errorThrown){  
  2744.        }
  2745.    });
  2746. }
  2747. </script>
  2748. </body>
  2749. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda