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

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda