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?1739997184" />
  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.  
  724.  
  725.  
  726.  
  727. <link rel="preconnect" href="https://fonts.googleapis.com">
  728. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  729. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap" rel="stylesheet">
  730. <style>
  731. .bottom-form-container,
  732. .btn_tab{display:none;}
  733. .standard-banner .banners {
  734.    height: 100%;
  735.    width: 100%;
  736.    position:relative;
  737. }
  738. .standard-banner .banner {
  739.    margin-left: 0;
  740.    width: 100%;
  741.    opacity: 1;
  742. }
  743. .standard-banner .banner img {
  744.    width:100%;
  745. }
  746.  
  747. .standard-banner .banners .banner-object {
  748.    position:absolute;
  749.    top: 0;
  750.    left: 0;
  751.    width: 100%;
  752.    height: 100%;
  753.    display: flex;
  754.    align-items: flex-start;
  755.    flex-direction: column;
  756. }
  757.  
  758. .standard-banner .banners .banner-object .title {
  759.    height: 22%;
  760.    margin-bottom: 5.69%;
  761.    margin-top: 11.5%;
  762.    margin-left: 14.2%;
  763.    width: auto;
  764.    text-align: left;
  765. }
  766.  
  767. .standard-banner .banners .banner-object .title img{
  768.    width:auto;
  769.    height:100%;
  770. }
  771.  
  772. .standard-banner .banners .banner-object .button-container{
  773.    margin-left: 14.2%;
  774. }
  775. .standard-banner .banners .banner-object .standard-button {
  776.    margin-right:0;
  777.    border: 1px solid #ffffff;
  778.    color: #ffffff;
  779. }
  780. .standard-banner .banners .banner-object .standard-button:focus {
  781.    outline: 1px solid #ffffff;
  782. }
  783.  
  784. .standard-button.pico-master{
  785.    border-color:#fff;
  786.    color:#fff;
  787. }
  788. .standard-block.pico-master-promote-text {
  789.    margin-left: 110px;
  790.    margin-right: 110px;
  791.    text-align: center;
  792.    padding-top: 20px;
  793.    padding-bottom: 64px;
  794.    padding-bottom: 93px;
  795.    margin-bottom: 0;
  796. }
  797.  
  798. .standard-block.pico-master-promote-text .title {
  799.    color:#000;
  800.    font-size: 53px;
  801.    text-align: center;
  802.    padding-top: 25px;
  803. }
  804.  
  805.  
  806.  
  807. .standard-block.promise .text-block div.title{
  808.    padding-bottom:25px;
  809. }
  810.  
  811. .standard-block.block-card.fda .text{
  812.    text-align:center;
  813. }
  814. .standard-block.block-card.fda .icon-text{
  815.    width:190px;
  816.    margin: 104px auto 0 auto;
  817. }
  818. .standard-block.block-card.fda .icon{
  819.    width:200px;
  820.    margin-top:64px;
  821.    margin-bottom:97px;
  822. }
  823.  
  824. .standard-block.block-card .icon.size-middle{
  825.    margin-top: 79px;
  826.    margin-bottom: 79px;
  827. }
  828. .standard-block.block-card.good-effect .icon{
  829.    margin:84px auto;
  830. }
  831. .standard-block.promise .text-block {
  832.    text-align:center;
  833. }
  834. .standard-block.double-tech .text-block {
  835.  
  836. }
  837. .standard-block.double-tech .text-block .title {
  838.    text-align:center;
  839. }
  840.  
  841. .standard-block.double-tech  .text-block .text{
  842.    padding-left:8.9%;
  843.    padding-right:8.9%;
  844. }
  846. .standard-columns.pico-master-a-block{
  847.    padding-bottom:0;
  848. }
  849. .standard-columns.pico-master-b-block{
  850.    padding-top:0;
  851. }
  852.  
  853. .standard-block.analysis {
  854.    text-align:center;
  855.    padding-top:74px;
  856.    border-top: 1px solid #997768;
  857.    margin-bottom:74px;
  858. }
  859. .standard-block.analysis .text-block .title{
  860.    color:#000;
  861.    margin-bottom:74px;
  862. }
  863. .standard-block.analysis  .analysis-image{
  864.    margin-top:70px;
  865. }
  866.  
  867. .standard-columns.pico-master-feature {
  868.    flex-wrap:wrap;
  869.    padding: 0;
  870.    margin-bottom: 56px;
  871. }
  872. .standard-columns.pico-master-feature .text-block img.title.double-line{
  873.    
  874. }
  875. .standard-columns.pico-master-feature .text-block img.title{
  877.    margin:0;
  878. }
  879. .standard-columns.pico-master-feature .text-box,
  880. .standard-columns.pico-master-feature .flower-box
  881. {
  882.    background-color:#dbdbd9;
  883. }
  884. .standard-columns.pico-master-feature .text-box {
  885.    height: auto;
  886.    width: 66%;
  887.    margin-bottom: 11px;
  888. }
  889. .standard-columns.pico-master-feature .text-box::before {
  890.    content: "";
  891.    padding-bottom: 50%;
  892.    display: block;
  893.    background-color: #dbdbd9;
  894. }
  895. .standard-columns.pico-master-feature .flower-box {
  896.    width: 33.25%;
  897.    height: auto;
  898.    margin-bottom: 11px;
  899.    text-align:center;
  900. }
  901. .standard-columns.pico-master-feature .flower-box .text-block {
  902.    width: 100%;
  903.    height: 100%;
  904. }
  905. .standard-columns.pico-master-feature .flower-box .text-block img{
  906.    
  907. }
  908. .standard-columns.pico-master-feature .flower-box.flower1{ }
  909. .standard-columns.pico-master-feature .flower-box.flower2{ }
  910. .standard-columns.pico-master-feature .flower-box.flower3{ }
  911. .standard-columns.pico-master-feature .flower-box.flower4{ }
  913. .standard-columns.pico-master-feature .flower-box::before {
  914.    content: "";
  915.    padding-bottom: 100%;
  916.    display: block;
  917.    background-color: #dbdbd9;
  918. }
  919.  
  920. .standard-columns.pico-master-feature .flower-box.right{
  921.    margin-left: 0.75%;
  922. }
  923. .standard-columns.pico-master-feature .flower-box.left{
  924.    margin-right: 0.75%;
  925. }
  926. .standard-columns.pico-master-feature .text-box .text-block{
  927.     padding:74px;
  928.     padding:0;
  929.    display: flex;
  930.    justify-content: center;
  931.    align-items: center;
  932.    height: 100%;
  933.    padding-left: 8.9%;
  934.    padding-right: 8.95%;
  935. }
  936. .standard-columns.pico-master-feature .standard-block .text-block .title {
  937.    color:#000;
  938.    margin-bottom:24px;
  939. }
  940.  
  941. .standard-columns.pico-master-feature .standard-block .text-block .text {
  942.    color:#8b8b8b;
  943. }
  944.  
  945. .standard-full-container .generic-block span.image-text img {
  946.    display: block;
  947.    margin-bottom: 30px;
  948.    max-height: 60px;
  949. }
  950. .standard-full-container .generic-block .standard-form-block .title .to-hide{
  951.    display:inline;
  952. }
  953. .standard-full-container .generic-block .standard-form-block .title  .to-show{
  954.    display:none;
  955. }
  956. .standard-block.experience .text-block .text sup{
  957.    font-size: 0.7em;
  958.    top: -0.4em;
  959. }
  960. .standard-column-container.center-form-images{
  961.    text-align: center;
  962.    margin-bottom: 100px;
  963.    
  964.    margin-bottom: 0;
  965.    margin-top: 74px;
  966.  
  967. }
  968. .text-control.pico-master-hint-text {
  969.    padding-top: 20px;
  970. }
  971. .standard-block.experience .text-block .reference-text .item .item-prefix{
  972.    padding-right: 0;
  973. }
  974. .text-control.pico-master-hint-text .span-wrap {
  975.    font-size: 0.8em;
  976. }
  977. h5.normal,
  978. h4.normal,
  979. h2.normal {
  980.    line-height: inherit;
  981.    display:inline;
  982. }
  983.  
  984. .standard-column-container.faq {
  985.  /*  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;*/
  986.    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  987.    padding: 0 80px;
  988.    margin-bottom: 45px;
  989. }
  990. .standard-column-container.faq .standard-block {
  991.    color: #997768;
  992.    margin-bottom: 0;
  993. }
  994. .faq-block{
  995.    border-bottom: 1px solid #d7d7d7;
  996.    padding: 20px 0;
  997. }
  998. .faq-block:last-child{
  999.    border:0;
  1000. }
  1001. .standard-block.faq .question {
  1002.    padding-right: 10px;
  1003. }
  1004. .standard-block.faq .answer {
  1005.    overflow: hidden;
  1006.    background-color: #ffe5d5;
  1007.    transform: scaleY(0);    
  1008.    height: 0;
  1009.    position: relative;
  1010.    transition: transform 0.4s ease-out;
  1011. }
  1012. .standard-block.faq .answer.active{
  1013.    overflow: hidden;
  1014.    transition: transform 0.5s ease-out;
  1015.    height: auto;
  1016.    transform: scaleY(1);
  1017.    transform-origin: top;
  1018.    padding: 20px;
  1019.    margin-top: 10px;
  1020. }
  1021. .standard-block .text-block.faq-text{
  1022.    flex:1;
  1023. }
  1024. .standard-block .text-block.faq-button{
  1025.    width:30px;
  1026. }
  1027. .faq-block .faq-content{
  1028.    display:flex;
  1029.    cursor:pointer;
  1030. }
  1031. .faq .standard-block .text-block div.title {
  1032.    margin:0;
  1033.    padding-bottom:63px;
  1034. }
  1035. @media (max-width: 1600px){
  1036.    .standard-block.pico-master-promote-text .title span {
  1037.        font-size: 0.85em;
  1038.    }
  1039.    .standard-column-container.faq{
  1040.        width: 95%;
  1041.    }
  1042.    .faq .standard-block .text-block div.title {
  1043.        padding-top:45px;
  1044.        padding-bottom:45px;
  1045.    }
  1046. }
  1047.  
  1048. @media (max-width: 1530px){
  1049.    .standard-block.promise .text-block div.title{
  1050.        padding-bottom:3.56%;
  1051.    }
  1052.    .standard-block.block-card .icon.size-middle{
  1053.        margin-top: 11%;
  1054.        margin-bottom:11%;
  1055.    }
  1056.    .standard-columns.pico-master-feature .text-box .text-block{
  1057.        padding:7%;
  1058.    }
  1059.    .standard-block.block-card.fda .icon,
  1060.    .standard-block.block-card.fda .icon-text {
  1061.        width: 27%;
  1062.    }
  1063.    .standard-block.block-card.fda .icon-text{
  1064.        margin: 14% auto 0 auto;
  1065.    }
  1066.    .standard-block.block-card.fda .icon{    
  1067.        margin-top: 9%;
  1068.        margin-bottom: 13%;
  1069.    }
  1070.  
  1071.    .standard-block.pico-master-promote-text  {
  1072.        margin-left: 22%;
  1073.        margin-right: 22%;
  1074.    }
  1075.        
  1076.    .standard-block.experience .text-block .text sup{
  1077.        font-size: 0.5em;
  1078.        top: -0.9em;
  1079.    }
  1080.      
  1081.        
  1082. }
  1083. @media (max-width: 1320px){
  1084.     .standard-columns.pico-master-feature .text-box .text-block{
  1085.        padding:5%;
  1086.    }
  1087. }
  1088. @media (max-width: 1200px){
  1089.    .standard-block.pico-master-promote-text .title span {
  1090.        font-size: 0.7em;
  1091.    }
  1093. }
  1095.  
  1096. @media (max-width: 1190px){
  1097.  
  1098.     .standard-block.experience .text-block .text sup{
  1099.         font-size: 0.72em;
  1100.         top: -0.9em;
  1101.     }
  1102. }
  1103.  
  1104. @media (max-width: 1080px){
  1105.     .standard-block.experience .text-block .text sup{
  1106.        font-size: 0.4em;
  1107.        top: -1.6em;
  1108.     }
  1109.    .standard-columns.pico-master-feature {
  1110.        margin-bottom:0;
  1111.    }
  1112.    .standard-columns.pico-master-feature .text-box
  1113.    {
  1114.        width:100%;
  1115.    }
  1116.    .standard-columns.pico-master-feature .text-box::before{
  1117.        padding-bottom: 50%;
  1118.    }
  1119.     .standard-columns.pico-master-feature .text-box.last{
  1120.         margin-bottom:0;
  1121.     }
  1122.    .standard-columns.pico-master-feature .flower-box{
  1123.        width:49.625%;
  1124.        width: 49%;
  1125.    }
  1126.    .standard-columns.pico-master-feature .flower-box.left{
  1127.        margin-right:0;
  1128.        margin-left:0.375%;
  1129.        margin-left:0;
  1130.    }
  1131.    .standard-columns.pico-master-feature .flower-box.right{
  1132.        margin-left:0;
  1133.        margin-right:0.375%;
  1134.        margin-right:2%;
  1135.    }
  1136.    .standard-block.pico-master-promote-text  {
  1137.        padding-top: 10%;
  1138.        padding-bottom: 10%;
  1139.    }
  1140.    .standard-columns.stats-columns{
  1141.        padding: 0;
  1142.    }
  1143.    .standard-columns.stats-columns .standard-column{
  1144.        width:100%;
  1145.        margin: 0;
  1146.    }
  1147.    .standard-columns.contain {
  1148.        flex-wrap:wrap;
  1149.    }
  1150.        
  1151.    .standard-column-container.center-form-images{
  1152.        margin-bottom: 80px;
  1153.        margin-top: 74px;
  1154.        padding: 0 5%;
  1155.    }
  1156.    .standard-column-container.faq{
  1157.        width: 100%;
  1158.        box-shadow: none;
  1159.        padding: 5%;
  1160.    }
  1162. }
  1163.  
  1164.  
  1165. @media (max-width: 950px){
  1166.    .standard-block.pico-master-promote-text {
  1167.        margin: 0 10%;
  1168.    }
  1169.    .standard-block.pico-master-promote-text .title span {
  1170.        font-size: 1em;
  1171.    }
  1172. }
  1173.  
  1174. @media (max-width: 800px){
  1175.    .standard-column-container.center-form-images{
  1176.        margin-bottom: 50px;
  1177.    }
  1178. }
  1179. @media (max-width: 750px){
  1180.    .standard-columns.pico-master-feature .text-box .text-block {
  1181.        height: auto;
  1182.        position: relative;
  1183.    }
  1184.    .standard-columns.pico-master-feature .text-box::before{
  1185.        display:none;
  1186.    }
  1187.    .standard-block .text-block.faq-button .fa{
  1188.        font-size: 25px;
  1189.    }
  1190.    
  1191. }
  1192. @media (max-width: 530px){
  1193.    
  1194. }
  1195. @media (max-width: 500px){
  1196.    .standard-columns.pico-master-feature .text-box .text-block{
  1197.        padding: 8.9%;
  1198.    }
  1199.    .standard-block.analysis{
  1200.        padding-top: 0;
  1201.        margin-bottom: 0;
  1202.    }
  1203.    .standard-block.analysis .text-block .title{
  1204.        line-height: 1.3;
  1205.        padding-left: 8.9%;
  1206.        padding-right: 8.9%;
  1207.        margin-bottom: 8.97%;
  1208.    }
  1209.    .standard-block.analysis .analysis-image{
  1210.        margin-top: 0;
  1211.    }
  1212. }
  1213. @media (max-width: 450px){
  1214.    .standard-full-container .generic-block .standard-form-block .title .to-hide{
  1215.        display:none;
  1216.    }
  1217.    .standard-full-container .generic-block .standard-form-block .title .to-show{
  1218.        display:block;
  1219.    }
  1220. }
  1221. </style>
  1222.    
  1223. <span style="display:none">Pico Master&#8482;去斑療程</span>
  1224.  
  1225. <div id="wrapper">
  1226. <div id="article">
  1227.       <div class="standard-full-container standard-banner">
  1228.            <a href="javascript:void(0);" onClick="toHomeForm();" class="banners desktop-block">
  1229.                <div class="banner"><img src="/assets/images/new/c-pico-master-banner.jpg" alt="皮秒激光-pico 皮秒-pico功效"></div>
  1230.                <div class="banner-object">
  1231.                    <div class="title"><img src="/assets/images/new/pico-master-title.png"></div>
  1232.                    <div class="button-container"><button type="button" class="standard-button pico-master">立即體驗</button></div>
  1233.                </div>  
  1234.            </a>
  1235.            <a href="javascript:void(0);" onClick="toHomeForm();" class="banners mobile-block">
  1236.                <div  class="banner"><img src="/assets/images/new/pico-master-bannerm.jpg" alt="皮秒激光-pico 皮秒-pico功效"></div>
  1237.            </a>
  1238.        </div>
  1239.      
  1240.        <div class="standard-full-container mobile-block">
  1241.            <div class="standard-block pico-master-promote-text">
  1242.                <img src="/assets/images/new/pico-master-text.png" alt="pico master-pico laser-皮秒激光" />
  1243.            </div>
  1244.            
  1245.             <div class="standard-block fda block-card block-brown">
  1246.                <div class="text-block relative">
  1247.                    <img class="title" src="/assets/images/new/pico-master-block1_text.png"/>
  1248.                     <div class="text"><div class="text-control" ><span class="span-wrap"><span class="eng start">PICO MASTER&#8482;</span>獲得美國<span class="eng">FDA</span>、韓國 <span class="eng">KFDA</span>雙重認證，經過一系列嚴格實驗，確保對人體安全而有效</span></div></div>
  1249.                    <div class="icon-text"><img src="/assets/images/new/pico-master-fda.png" alt="OnLux-皮秒激光-美國FDA認證"></div>
  1250.                    <div class="icon"><img src="/assets/images/new/pico-master-kfda.png" alt="OnLux-皮秒去斑-韓國KFDA認證"></div>
  1251.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1252.                </div>
  1253.             </div>
  1254.            
  1255.            <div class="standard-block double-wave block-card block-pink">
  1256.                <div class="text-block relative">
  1257.                    <img class="title" src="/assets/images/new/b-pico-master-block2_text.png"/>
  1258.                    <div class="icon size-middle"><img src="/assets/images/new/pico-master-block2-icon.png" alt="pico功效-皮秒去斑-pico原理"></div>
  1259.                    <div class="text"><div class="text-control" ><span class="span-wrap">先用「納秒」激光打碎大粒子色素，再以「皮秒<span class="eng">PICO</span>」激光震碎至粉塵狀，讓身體更易代謝、清除，半點不留！</span></div></div>
  1260.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1261.                </div>
  1262.            </div>
  1263.            
  1264.            <div class="standard-block double-tech"><img class="background" src="/assets/images/new/c-pico-master-block4.jpg" alt="OnLux-皮秒激光-激光雙波長">
  1265.                <div class="text-block">
  1266.                    <img class="title"src="/assets/images/new/c-pico-master-block4-text.png">
  1267.                    <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>
  1268.                </div>
  1269.            </div>
  1270.            
  1271.            
  1272.                    
  1273.            <div class="standard-block collagen block-card block-pink">
  1274.                <div class="text-block relative">
  1275.                    <img class="title" src="/assets/images/new/b-pico-master-block3_text.png"/>
  1276.                    <div class="icon size-middle"><img src="/assets/images/new/b-pico-master-block3-icon.png" alt="OnLux-pico master-pico原理"></div>
  1277.                    <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>
  1278.                            
  1279.                    <div class="text-control pico-master-hint-text text-small"><span class="span-wrap"><span class="eng"><sup>1</sup></span>適用於特定療程計劃</span></div>
  1280.  
  1281.                    </div>
  1282.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1283.                </div>
  1284.             </div>
  1285.        
  1286.            <div class="standard-block promise"><img class="background" src="/assets/images/new/pico-master-block5.jpg"  alt="OnLux承諾-激光去斑-零復原期">
  1287.                <div class="text-block">
  1288.                    <!--<div class="title single-line" ><div class="text-control" ><span class="span-wrap no-wrap">為您承諾</span></div></div>-->
  1289.                    <img class="title" src="/assets/images/new/pico-master-block5-text.png">
  1290.                    <div class="text" ><div class="text-control" ><h5 class="normal"><span class="span-wrap">不反黑、不反白、無痛、零復原期<br>訂制激光去斑方案</span></h5></div></div>
  1291.                </div>
  1292.             </div>    
  1293.            
  1294.            <div class="standard-block good-effect block-card block-pink">
  1295.                <div class="text-block relative">
  1296.                    <img class="title" src="/assets/images/new/pico-master-good-effect-text.png">
  1297.                    <div class="icon size-middle"><img src="/assets/images/new/pico-master-block6-icon.png" alt="去斑療程-pico功效-pico laser效果"></div>
  1298.                    <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>
  1299.                    <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1300.                </div>
  1301.             </div>
  1302.            
  1303.      
  1304.            
  1305.        </div>
  1306.        
  1307.        <div class="standard-column-container">
  1308.            <div class="standard-columns desktop-block pico-master-a-block">
  1309.                <div class="standard-column left">
  1310.                    <div class="standard-block pico-master-promote-text">
  1311.                       <img src="/assets/images/new/pico-master-text.png" alt="pico master-pico laser-皮秒激光" />
  1312.                    </div>
  1313.                     <div class="standard-block fda block-card block-brown">
  1314.                        <div class="text-block relative">
  1315.                            <img class="title" src="/assets/images/new/pico-master-block1_text.png"/>
  1316.                             <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>
  1317.                            <div class="icon-text"><img src="/assets/images/new/pico-master-fda.png" alt="OnLux-皮秒激光-美國FDA認證"></div>
  1318.                            <div class="icon"><img src="/assets/images/new/pico-master-kfda.png" alt="OnLux-皮秒去斑-韓國KFDA認證"></div>
  1319.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1320.                        </div>
  1321.                     </div>
  1322.                    <div class="standard-block collagen block-card block-pink">
  1323.                        <div class="text-block relative">
  1324.                            <img class="title" src="/assets/images/new/b-pico-master-block3_text.png"/>
  1325.                            <div class="icon size-middle"><img src="/assets/images/new/b-pico-master-block3-icon.png" alt="OnLux-pico master-pico原理"></div>
  1326.                            <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>
  1327.                            </span></div>
  1328.                            
  1329.                            <div class="text-control pico-master-hint-text text-small"><span class="span-wrap"><span class="eng"><sup>1</sup></span>適用於特定療程計劃</span></div>
  1330.                            
  1331.                            </div>
  1332.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1333.                        </div>
  1334.                     </div>
  1335.                    <div class="standard-block promise"><img src="/assets/images/new/pico-master-block5.jpg" alt="OnLux承諾-激光去斑-零復原期">
  1336.                        <div class="text-block">
  1337.                            <!--<div class="title single-line" ><div class="text-control" ><span class="span-wrap">為您承諾</span></div></div>-->
  1338.                            <img class="title" src="/assets/images/new/pico-master-block5-text.png">
  1339.                            <div class="text" ><div class="text-control" ><h5 class="normal"><span class="span-wrap">不反黑、不反白、無痛、零復原期<br>訂制激光去斑方案</span></h5></div></div>
  1340.                        </div>
  1341.                     </div>
  1342.                </div>
  1343.                
  1344.                <div class="standard-column right">
  1345.                    <div class="standard-block double-wave block-card block-pink">
  1346.                        <div class="text-block relative">
  1347.                            <img class="title" src="/assets/images/new/b-pico-master-block2_text.png"/>
  1348.                            <div class="icon size-middle"><img src="/assets/images/new/pico-master-block2-icon.png"  alt="pico功效-皮秒去斑-pico原理"></div>
  1349.                            <div class="text"><div class="text-control" ><span class="span-wrap">先用「納秒」激光打碎大粒子色素，再以「皮秒<span class="eng">PICO</span>」激光震碎至粉塵狀，讓身體更易代謝、清除，半點不留！</span></div></div>
  1350.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1351.                        </div>
  1352.                    </div>
  1353.                    <div class="standard-block double-tech"><img src="/assets/images/new/c-pico-master-block4.jpg" alt="OnLux-皮秒激光-激光雙波長">
  1354.                        <div class="text-block">
  1355.                            <img class="title" src="/assets/images/new/c-pico-master-block4-text.png">
  1356.                            <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>
  1357.                        </div>
  1358.                    </div>
  1359.                    <div class="standard-block good-effect block-card block-pink">
  1360.                        <div class="text-block relative">
  1361.                            <img class="title" src="/assets/images/new/pico-master-good-effect-text.png">
  1362.                            <div class="icon size-middle"><img src="/assets/images/new/pico-master-block6-icon.png"  alt="去斑療程-pico功效-pico laser效果"></div>
  1363.                            <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>
  1364.                            <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1365.                        </div>
  1366.                     </div>
  1367.                     <div class="standard-block pico-master-promote-text" style="padding-bottom: 0;padding-top: 78px;">
  1368.                       <img src="/assets/images/new/pico-master-text.png" alt="pico master-pico laser-皮秒激光">
  1369.                    </div>
  1370.                    
  1371.                    
  1372.                </div>
  1373.            </div>
  1374.            
  1375.              <div class="standard-columns contain pico-master-b-block stats-columns">
  1376.                <div class="standard-column left">
  1377.                    <div class="standard-block experience">
  1378.                        <div class="text-block relative">
  1379.                            <div class="text">
  1380.                                <div class="proud"><h4 class="normal"><span><span class="eng start">OnLux 15</span>年經驗鑽研</span></h4></div>
  1381.                            </div>
  1382.                              <div class="title">
  1383.                                <div class="title-text"><span class="eng upper start">Pico Master&#8482;</span><br>皮秒激光去斑技術</div>
  1384.                              </div>
  1385.                              <div class="separator"><img src="/assets/images/new/step-separator-white.png"></div>
  1386.                              <div class="text exp-times">
  1387.                                <div class="title single-line"><span class="eng start">685,818</span><span class="text">次</span></div>
  1388.                                <div class="text"><span>去斑療程經驗<span class="eng"><sup>2</sup></span></span></div>
  1389.                              </div>
  1390.                              
  1391.                              <div class="reference-text text-small">
  1392.                                <div class="item">
  1393.                                    <div class="item-prefix"><span class="eng"><sup>2</sup></span></div>
  1394.                                    <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>
  1395.                                </div>
  1396.                                <div class="item">
  1397.                                    <div class="item-prefix"><span class="eng"><sup>3</sup></span></div>
  1398.                                    <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>
  1399.                                </div>
  1400.                              </div>
  1401.                        </div>
  1402.                    </div>
  1403.                </div>
  1404.                <div class="standard-column right">
  1405.                    <div class="standard-block user stats-info">
  1406.                        <div class="text-block relative left">
  1407.                            <div class="percentage"><img src="/assets/images/new/b-power-laser-996.png" alt="OnLux-皮秒去斑效果-真實用家評論"></div>
  1408.                            <div class="title"><div class="text-control" ><span class="span-wrap">
  1409.                                  <span>真實用家認為<br class="to-hide">皮秒去斑效果</span><span><br class="to-hide">理想<span class="eng"><sup>3</sup></span></span></span>
  1410.                            </div></div>
  1411.                        </div>
  1412.                    </div>
  1413.                    <div class="standard-block friend stats-info">
  1414.                        <div class="text-block relative right">
  1415.                            <div class="title"><div class="text-control" >
  1416.                                 <span class="span-wrap">樂意推介給<br>身邊朋友</span>
  1417.                            </div></div>
  1418.                           <div class="percentage"><img src="/assets/images/new/c-power-laser-90.png" alt="OnLux-皮秒去斑效果-敏感肌推薦"></div>
  1419.                        </div>
  1420.                    </div>
  1421.                    <div class="standard-block sensitive stats-info">
  1422.                        <div class="text-block relative left">
  1423.                           <div class="percentage"><img src="/assets/images/new/c-power-laser-92.png"  alt="OnLux-皮秒去斑效果-facial推薦"></div>
  1424.                            <div class="title"><div class="text-control" >
  1425.                                  <span class="span-wrap">敏感肌用家<br>滿意</span>
  1426.                            </div></div>
  1427.                        </div>
  1428.                    </div>
  1429.            
  1430.                </div>
  1431.            </div>
  1432.        </div>
  1433.      
  1434.        <style>
  1435. .power_laser .banner-brand{
  1436.    background-color:#bb8869;
  1437. }
  1438. .pico-master_dev .banner-brand{
  1439.    background-color:#b08069;
  1440. }
  1441.  
  1442. .modal-control  .text-block .text ol{
  1443.    padding-left:6%;
  1444. }
  1445. .modal-control .text-block .text ol li{
  1446.    margin-bottom: 8px;
  1447.    line-height:1.3;
  1448. }
  1449. #modal-form-terms .modal-control .text-block .title{
  1450.    letter-spacing:3px;
  1451. }
  1452. #modal-form-terms .to-show{
  1453.   display:none;
  1454. }
  1455.  
  1456. .form-column .title br.to-show{
  1457.   display:none;
  1458. }
  1459. .form-column.error{
  1460.  
  1461.    margin-bottom:20px;
  1462. }
  1463. .form-column.error .error-message{
  1464.    color:#ff8585;
  1465.    font-size:20px;
  1466. }
  1467. .standard-form-block .standard-form-field.text-hints .text-control{
  1468.    width:100%;
  1469. }
  1470. .hints-item {
  1471.    display: flex;
  1472.    width:100%;
  1473. }
  1474. .hints-item .hints-value{
  1475.  flex:1;
  1476. }  
  1477. .standard-form-field.terms {
  1478.    margin-bottom: 10px;
  1479. }
  1480. .banner-brand {
  1481.    display:none;
  1482. }
  1483. @media (max-width: 1080px){
  1484.    .banner-brand {
  1485.        display:none;
  1486.    }
  1487. }
  1488. @media (max-width: 1530px){
  1489.    .standard-form-block .standard-form-field.text-hints span.span-wrap .to-hide{
  1490.        display:none;
  1491.    }
  1492. }
  1493. @media (max-width: 800px){
  1494.    #modal-form-terms .modal-control .text-block .title{
  1495.        line-height:1.3;
  1496.    }
  1497.    #modal-form-terms .modal-control .text-block .text ol li{
  1498.       font-size: 0.8em;
  1499.    }
  1500.    .form-column.error .error-message span.span-wrap{
  1501.        font-size:0.8em;
  1502.    }
  1503.    label.radio-label{
  1504.        width:100px;
  1505.    }
  1506.    }
  1507. @media (max-width: 500px){
  1508.   #modal-form-terms .to-show{
  1509.       display:block;
  1510.    }
  1511.    .form-column .title br.to-show{
  1512.       display:block;
  1513.    }
  1514. }
  1515. @media (max-width: 400px){
  1516.    .form-label {
  1517.        width: 118px;
  1518.        flex: 0 0 auto;
  1519.    }
  1520.    span.form-label.confirm-countrycode {
  1521.        min-width: auto;
  1522.        width: auto;
  1523.    }
  1524.    .form-column .standard-underlined select[name="country_code"] {
  1525.        flex-basis: 70px;
  1526.        width: auto;
  1527.        flex-basis: auto;
  1528.    }
  1529.    .form-column .standard-underlined input{
  1530.        overflow: auto;
  1531.    }
  1532.    
  1533.    
  1534. }
  1535. @media (max-width: 310px){
  1536.    label.radio-label{
  1537.        width: auto;
  1538.        padding-right: 90%;
  1539.    }
  1540.    label.radio-label.last{
  1541.        padding-right: 0;
  1542.        min-width: 95px;
  1543.    }
  1544. }
  1545. </style>
  1546. <div id="treatment-form" class="standard-full-container pico_master_dev">
  1547.    <div class="generic-block">
  1548.    
  1549.            <img class="full desktop-block" src="/assets/images/new/e-pico-master-form-banner.jpg" alt="皮秒激光-皮秒去斑-pico laser效果" />
  1550.        <img class="full mobile-block" src="/assets/images/new/d-pico-master-form-bannerm.jpg"  alt="皮秒激光-皮秒去斑-pico laser效果" />
  1551.        <div  class="banner-brand">
  1552.            <div class="generic-block">
  1553.                <div class="inner-text">
  1554.                    <img class="onlux-com-hk-img" src="/assets/images/new/c-onlux.com.hk.png">
  1555.                    <div class="text"></div>
  1556.                </div>
  1557.            </div>
  1558.        </div>
  1559.                    
  1560.        <form action="" method="post" onSubmit="return onSubmit()">
  1561.        
  1562.            <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/ONLINE PAYMENT 20240326-05.png" alt="皮秒激光-pico美容-pico優惠"></div>        
  1563.            <div class="standard-form-block">
  1564.          
  1565.                           <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>
  1566.                            
  1567.                      
  1568.                                
  1569.                
  1570.                <div class="form-column left">
  1571.                    <div class="form-inner">
  1572.                        <div class="standard-form-field standard-underlined">
  1573.                             <div class="form-label">姓名</div>
  1574.                            <input type="text" class="" id="sender_name" name="sender_name" placeholder="" value="">
  1575.                        </div>
  1576.                        <div class="standard-form-field standard-underlined ">
  1577.                                <div class="form-label">性別</div>
  1578.                                <div class="form-block radio-wrap">
  1579.                                   <div class="radio-block">
  1580.                                        <label for="female-box" class="radio-label">
  1581.                                            <input type="radio" name="gender" value="女" id="female-box" class=""  ><span class="radio-content">女</span>
  1582.                                        </label>
  1583.                                        <label for="male-box" class="radio-label last">
  1584.                                            <input type="radio" name="gender" value="男" id="male-box" class=""  ><span class="radio-content">男</span>
  1585.                                        </label>
  1586.                                    </div>
  1587.                                </div>
  1588.                            
  1589.                            <div style="display:none" class="form-field-column right standard-underlined existing-client">
  1590.                                <div class="form-label">現有客戶</div>
  1591.                                <div class="form-block radio-wrap">
  1592.                                    <div class="radio-block">
  1593.                                        <label for="existing_client1" class="radio-label">
  1594.                                            <input type="radio" name="existing_client1" value="N" id="existing_client1" class="" ><span class="radio-content">否</span>
  1595.                                        </label>
  1596.                                        <label for="existing_client2" class="radio-label last">
  1597.                                            <input type="radio" name="existing_client1" value="Y" id="existing_client2"  class=""><span class="radio-content">是</span>
  1598.                                        </label>
  1599.                                    </div>
  1600.                                </div>
  1601.                            </div>
  1602.                        </div>
  1603.                        <div class="standard-form-field standard-underlined">
  1604.                            <div class="form-label">電話</div>
  1605.                            <select  onChange="countryCodeChanged(this)" name="country_code">
  1606.                                <option value="852" >+852</option>
  1607.                                <option value="853" >+853</option>
  1608.                                <option value="86" >+86</option>
  1609.                            </select>
  1610.                            <input type="text" name="mobile" id="mobile" class="" value="">
  1611.                        </div>
  1612.                        
  1613.                
  1614.                        <div class="standard-form-field standard-underlined">
  1615.                            <div class="form-label confirm-phone-label">確認電話</div>
  1616.                                <span class="form-label confirm-countrycode">+852</span>
  1617.                                <input onpaste="return false;" ondrop="return false;" autocomplete="off" type="text" name="confirm_phone" id="confirm_phone" class="" value="">
  1618.                        </div>
  1619.                        
  1620.                        
  1621.                    </div>
  1622.                </div>
  1624.            <div class="form-column right">
  1625.                <div class="form-inner">
  1626.                    <div class="standard-form-field standard-underlined">
  1627.                        <div class="form-label">分店</div>
  1628.                        <select id="location" name="location">
  1629.                            <option value="" disabled selected>-- 請選擇 --</option>
  1630.                        
  1631.                            <option   value="銅鑼灣" >銅鑼灣英皇鐘錶珠寶中心22樓全層</option>
  1632.                        
  1633.                            <option   value="觀塘" >觀塘泓富廣場18樓01-05室</option>
  1634.                        
  1635.                            <option   value="旺角朗豪坊店" >旺角亞朗豪坊辦公大樓45樓07-10室</option>
  1636.                        
  1637.                            <option   value="尖沙咀" >尖沙咀加拿芬廣場10樓1003室</option>
  1638.                        
  1639.                            <option   value="將軍澳" >將軍澳新都城中心3期2樓03-04號舗</option>
  1640.                        
  1641.                            <option   value="荃灣" >荃灣千色匯I期24樓10室</option>
  1642.                        
  1643.                            <option   value="屯門" >屯門栢麗廣場地下G25號舖</option>
  1644.                        
  1645.                            <option   value="元朗" >元朗光華廣場10樓06-09室</option>
  1646.                        
  1647.                            <option   value="沙田" >沙田新城市商業大廈8樓08-09室</option>
  1648.                                                </select>
  1649.                    </div>
  1650.                    <div class="standard-form-field standard-underlined">
  1651.                        <div class="form-label">選擇療程</div>
  1652.                        <select  name="courses">
  1653.                            <!--<option value="" disabled ></option>-->
  1654.                            
  1655.                                                                                                         <option  value="pico_master" selected>【網上付款】 $388/6次 PICO MASTER&#8482; 皮秒斷斑療程</option>
  1656.                                                                      
  1657.                        </select>
  1658.                    </div>
  1659.                    
  1660.                    <div class="standard-form-field standard-underlined">
  1661.                         <div class="form-label">預約療程日期</div>
  1662.                         <input type="text" name="date" id="datepicker" class="" autocomplete="off"  disabled readOnly placeholder="" value="">
  1663.                    </div>
  1664.                    
  1665.                    <div class="standard-form-field standard-underlined">
  1666.                        <div class="form-label">預約療程時間</div>
  1667.                        <input type="hidden" name="allow_time"  id="allow_time" value=""/>
  1668.                        <input type="hidden" name="heard_from" value="其他"/>
  1669.                         <input type="text" name="timepicker" id="timepicker" class="" autocomplete="off"  value=""  disabled placeholder="">
  1670.                    </div>
  1671.                </div>
  1672.            </div>
  1673.          
  1674.            <div class="form-column empty"></div>
  1675.            <div class="form-column full wrap">
  1676.                <div class="form-field-column left">
  1677.                    <div class="form-inner">
  1678.                    
  1679.                        <div class="standard-form-field standard-underlined">
  1680.                            <div class="form-label">電郵</div>
  1681.                            <input type="text" name="email" id="email" class="" placeholder="(選填)" value="">
  1682.                        </div>
  1683.                        
  1684.                        <div class="standard-form-field terms">
  1685.                            <div class="radio-block">
  1686.                                <label for="acp_tnc" class="radio-label">
  1687.                                    <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>&nbsp;/&nbsp;<a onclick="openFormEngTermsModal();" href="javascript:void(0);">Terms &amp; Conditions</a></span>
  1688.                                </label>
  1689.                            </div>
  1690.                        </div>
  1691.                        <div class="standard-form-field terms">
  1692.                            <div class="radio-block">
  1693.                                <label for="disclaim" class="radio-label">
  1694.                                    <input   type="checkbox" name="disclaim" id="disclaim" value="1" class=""><span class="radio-content">本人持有香港永久性居民身份證 / 澳門居民身份證 / 中國居民身份證以供核對。</span>
  1695.                                </label>
  1696.                            </div>
  1697.                        </div>
  1698.                    </div>
  1699.                </div>
  1700.                <div class="form-field-column right">
  1701.                
  1702.                   <div class="form-inner">
  1703.                        <div class="standard-form-field auto text-hints">
  1704.                            <div class="text-control">
  1705.                            
  1706.                                                                <div class="hints-item">
  1707.                                    <div class="hints-label"><span class="span-wrap">*</span></div>
  1708.                                    <div class="hints-value">
  1709.                                        <span class="span-wrap">優惠療程只限年滿<span class="eng">18</span>歲網上登記之新客戶</span>
  1710.                                    </div>
  1711.                                </div>
  1712.                                                               <div class="hints-item">
  1713.                                    <div class="hints-label"><span class="span-wrap">*</span></div>
  1714.                                    <div class="hints-value">
  1715.                                        <span class="span-wrap">此為網上預付優惠，如選擇到店預付，需付原價 <span class="eng">$3880</span></span>
  1716.                                    </div>
  1717.                                </div>
  1718.                                                                                       </div>
  1719.                        </div>
  1720.                        <div class="standard-form-field auto booking-button">
  1721.                            <button type="submit" class="button">預約</button>
  1722.                        </div>
  1723.                    </div>
  1724.                  
  1725.                </div>
  1726.            </div>
  1727.         </div></form>
  1728.               </div>
  1729.  
  1730. </div>
  1731.  
  1732. <div id="modal-form-terms">
  1733.    <div class="modal-control">
  1734.        <div class="standard-form-block">
  1735.            <div class="text-block relative">
  1736.                <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>
  1737.                <div class="text">
  1738.                    <ol>
  1739.                                           <li>此優惠只適用於OnLux；</li>
  1740.                                           <li>以上優惠只限年滿18歲網上登記之新客戶；如客人因未滿18歲而未能到店完成療程，所預繳之款項將設為行政費而不設退款。</li>
  1741.                                           <li>推廣日期: 由即日起至另行通知；</li>
  1742.                                           <li>每位新客戶只可選擇其中1款新客優惠享用，並只限享用優惠乙次；</li>
  1743.                                           <li>客人需於網上完成付款，方可享用優惠，不設訂金預付、所付金額不設退款及不設轉讓；</li>
  1744.                                           <li>新客優惠只限到店前付款，如到店付款需付原價費用；</li>
  1745.                                           <li>網上付款一經確認，需要3個月內享用首次療程，逾期作廢；</li>
  1746.                                           <li>享用療程前須出示香港永久居民身份證/ 澳門居民身份證/ 中國居民身份證，以核對身份及以作紀錄；</li>
  1747.                                           <li>網上優惠不可與其他優惠同時使用；</li>
  1748.                                           <li>我們會儘量為您安排理想預約日期及時間，如該時段超出預約人數，我們會盡快為您安排另一個合適時段；</li>
  1749.                                           <li>如須更改或取消預約，必須於 24 小時前致電通知，否則此優惠當作已使用論；</li>
  1750.                                           <li>OnLux有權隨時修改條款及細則、更改或終止優惠，而毋須就有關更改或終止作另行通知，亦恕不承擔任何有關優惠或條款更改或終止所引起的責任；</li>
  1751.                                           <li>如有任何爭議，OnLux保留最終決定權；</li>
  1752.                                           <li>資料及圖片只供參考，療程效果因人而異。</li>
  1753.                                       </ol>
  1754.                </div>
  1755.            </div>
  1756.        </div><button data-izimodal-close="" class="close-modal"><i class="lni lni-close"></i></button>
  1757.    </div>
  1758. </div>
  1759.  
  1760. <div id="modal-form-terms-eng">
  1761.    <div class="modal-control">
  1762.        <div class="standard-form-block">
  1763.            <div class="text-block relative">
  1764.                <div class="title"><div class="text-control"><span class="span-wrap"><span class="eng upper start">PICO MASTER&#8482;</span>                – <br class="to-show">Terms & Conditions</span></div></div>
  1765.                <div class="text">
  1766.                    <ol>
  1767.                                           <li><span class="eng first">This offer is applicable to OnLux Only.</span></li>
  1768.                                           <li><span class="eng first">The above offer is only available to new customers who are at least 18 years old and register online. If a customer is unable to complete the treatment in the store due to being under 18, the prepaid amount will be settled as an administrative fee and will not be refunded.</span></li>
  1769.                                           <li><span class="eng first">Promotion period: From now until further notice.</span></li>
  1770.                                           <li><span class="eng first">Each new customer can only choose one of the new customer offers and can only enjoy the offer once.</span></li>
  1771.                                           <li><span class="eng first">Customers need to complete the full payment online to enjoy the offer, no deposit prepayment, no refund for the paid amount, and no transfer.</span></li>
  1772.                                           <li><span class="eng first">New customer offer is only available for online pre-payment, payment upon arrival in-store is not available.</span></li>
  1773.                                           <li><span class="eng first">Once the online payment is confirmed, the first treatment must be enjoyed within 3 months, otherwise it will be void.</span></li>
  1774.                                           <li><span class="eng first">Customers must show Hong Kong Permanent Resident Identity Card/ Macao Resident Identity Card/ China Resident Identity Card before enjoying the treatment to verify their identity and for record.</span></li>
  1775.                                           <li><span class="eng first">Online offers cannot be used in conjunction with other offers.</span></li>
  1776.                                           <li><span class="eng first">We will arrange your ideal appointment date and time. If the time slot exceeds the number of appointments, we will arrange another suitable time slot for you as soon as possible.</span></li>
  1777.                                           <li><span class="eng first">If you need to change or cancel the appointment, please notify us at least 24 hours in advance, otherwise this offer will be considered as used.</span></li>
  1778.                                           <li><span class="eng first">OnLux reserves the right to modify the terms and conditions, change or terminate the offer at any time without further notice, and does not assume any liability arising from the offer or changes or termination of the terms.</span></li>
  1779.                                           <li><span class="eng first">In the event of any dispute, OnLux reserves the right to make the final decision.</span></li>
  1780.                                           <li><span class="eng first">Information and pictures are for reference only, the effect of the treatment varies from person to person.</span></li>
  1781.                                       </ol>
  1782.                </div>
  1783.            </div>
  1784.        </div><button data-izimodal-close="" class="close-modal"><i class="lni lni-close"></i></button>
  1785.    </div>
  1786. </div>
  1787.  
  1788. <script>
  1789. function setupFormTermsModal(){
  1790.    $("#modal-form-terms").iziModal({
  1791.         history: false,
  1792.        // icon : 'fa fa-cog',  
  1793.         width: 1000,
  1794.         padding: 0,
  1795.         restoreDefaultContent: true,  
  1796.         fullscreen: false,
  1797.    });
  1798.    $("#modal-form-terms-eng").iziModal({
  1799.         history: false,
  1800.        // icon : 'fa fa-cog',  
  1801.         width: 1000,
  1802.         padding: 0,
  1803.         restoreDefaultContent: true,  
  1804.         fullscreen: false,
  1805.    });
  1806. }
  1807. function openFormTermsModal(){
  1808.    $("#modal-form-terms").iziModal('open');
  1809. }
  1810. function openFormEngTermsModal(){
  1811.    $("#modal-form-terms-eng").iziModal('open');
  1812. }
  1813. </script>        
  1814.        <div class="standard-column-container">
  1815.            <div class="standard-block analysis">
  1816.                <div class="text-block relative">
  1817.                    <div class="title single-line"><div class="text-control" >
  1818.                    <h2 class="normal"><span class="span-wrap"><span class="eng first">PICO MASTER&#8482;</span>為您重點截擊各種常見色斑</span></h2></div></div>
  1819.                 <!--   <div class="generic-block"><button type="button" class="standard-button">立即與分析師聯絡</button></div>-->
  1820.                </div>
  1821.                <div class="analysis-image">
  1822.                    <img src="/assets/images/new/pico-master-analysis.jpg" alt="皮秒去斑-pico去斑-色斑">
  1823.                </div>
  1824.            </div>
  1825.  
  1826.            <div class="standard-columns contain pico-master-feature">
  1827.                <div class="standard-block text-box">
  1828.                    <div class="text-block">
  1829.                        <div class="generic-block">
  1830.                            <img class="title double-line mobile-block" src="/assets/images/new/f-pico-master-feature-title1.png">
  1831.                            <img class="title double-line desktop-block" src="/assets/images/new/b-pico-master-feature-title1.png">
  1832.                            <!--<div class="title">
  1833.                            <div class="text-control" ><span class="span-wrap">探頭． 夠探究<br>獨特蜂巢瞬效透鏡</span></div></div>-->
  1834.                            <div class="text">
  1835.                            <div class="text-control" ><span class="span-wrap">蜂巢皮秒探頭能量光束聚焦高達<span class="eng">20</span>倍，更有效快捷瞄準色斑；以極短時間將高能量瞬間打入皮膚底層，形成光學空泡效應，刺激膠原蛋白及彈力蛋白增生，緊緻毛孔，提亮膚色，肌膚變得更飽滿嫩滑。</span></div></div>
  1836.                        </div>
  1837.                    </div>
  1838.                </div>
  1839.                <div class="standard-block flower-box right flower1">
  1840.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower1.png"></div>
  1841.                </div>
  1842.                <div class="standard-block flower-box left flower2">
  1843.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower2.png"></div>
  1844.                </div>
  1845.                <div class="standard-block text-box">
  1846.                    <div class="text-block">
  1847.                        <div class="generic-block ">
  1848.                            <img class="title mobile-block" src="/assets/images/new/f-pico-master-feature-title2.png">
  1849.                            <img class="title desktop-block" src="/assets/images/new/d-pico-master-feature-title2.png">
  1850.                            <!--<div class="title">
  1851.                            <div class="text-control" ><span class="span-wrap">打斑夠快夠細，零恢復期</span></div></div>-->
  1852.                            <div class="text"><div class="text-control" >
  1853.                            <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>
  1854.                        </div>
  1855.                    </div>
  1856.                </div>
  1857.                <div class="standard-block text-box">
  1858.                    <div class="text-block">
  1859.                        <div class="generic-block ">
  1860.                            <img class="title mobile-block" src="/assets/images/new/f-pico-master-feature-title3.png">
  1861.                            <img class="title desktop-block" src="/assets/images/new/b-pico-master-feature-title3.png">
  1862.                            <!--<div class="title single-line"><div class="text-control" >
  1863.                            <span class="span-wrap no-wrap">事前事後，尤其重要</span></div></div>-->
  1864.                            <div class="text"><div class="text-control" >
  1865.                            <span class="span-wrap"><span class="eng start">PICO</span>皮秒療程前進行美國<span class="eng">Reveal</span>色斑分析，尋根究底，量膚訂制激光皮秒去斑方案。療程後根據您的第一次療程的皮膚狀態、斷斑的速度、皮膚恢復的情況，制訂往後療程，對症下藥。</span></div></div>
  1866.                        </div>
  1867.                    </div>
  1868.                </div>
  1869.                <div class="standard-block flower-box right flower3">
  1870.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower3.png"></div>
  1871.                </div>
  1872.                <div class="standard-block flower-box left flower4">
  1873.                    <div class="text-block "><img src="/assets/images/new/c-pico-master-flower4.png"></div>
  1874.                </div>
  1875.                <div class="standard-block text-box last">
  1876.                    <div class="text-block">
  1877.                        <div class="generic-block ">
  1878.                            <img class="title mobile-block" src="/assets/images/new/f-pico-master-feature-title4.png">
  1879.                            <img class="title desktop-block" src="/assets/images/new/b-pico-master-feature-title4.png">
  1880.                            <!--<div class="title"><div class="text-control" >
  1881.                            <span class="span-wrap">我們專注過程，重視承諾</span></div></div>-->
  1882.                            <div class="text"><div class="text-control" >
  1883.                            <span class="span-wrap">由專業分析、療程前護理、技術使用以至療程後保養，做到一絲不苟，專注每個細節，訂制屬於您的激光皮秒去斑方案。</span></div></div>
  1884.                        </div>
  1885.                    </div>
  1886.                </div>
  1887.            </div>
  1888.        
  1889.            <div class="standard-column-container faq">
  1890.                <div class="standard-block">
  1891.                    <div class="text-block relative">
  1892.                        <div class="title single-line"><div class="text-control">
  1893.                        <h2 class="normal"><span class="span-wrap"><span class="eng first">PICO MASTER&#8482; (Pico Laser)</span>療程常見問題</span></h2></div></div>
  1894.                    </div>
  1895.                </div>
  1896.                <div class="standard-block faq">
  1897.                                    <div class="faq-block">
  1898.                        <div class="faq-content" onClick="faqTrigger(this)">
  1899.                            <div class="text-block relative left faq-text">
  1900.                                <h3 class="text question">
  1901.                                    <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑可以美白祛斑嗎？</span></div>
  1902.                                </h3>
  1903.                            </div>
  1904.                            <div class="text-block relative right faq-button">
  1905.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1906.                            </div>
  1907.                        </div>
  1908.                  
  1909.                        <div class="answer text-block relative">
  1910.                            <div class="text">
  1911.                                <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程使用皮秒激光技術，透過高能量脈衝光束瞬間破壞皮膚的色素沉澱，有效袪除中層色斑，甚至深層色斑，包括雀斑、曬斑、老人斑、荷爾蒙斑及顴骨母斑和黑斑。同時，療程亦促進皮膚細胞再生和膠原蛋白重組，從而達到亮白嫩膚效果。</span></div>
  1912.                            </div>
  1913.                        </div>
  1914.                    </div>
  1915.                                    <div class="faq-block">
  1916.                        <div class="faq-content" onClick="faqTrigger(this)">
  1917.                            <div class="text-block relative left faq-text">
  1918.                                <h3 class="text question">
  1919.                                    <div class="text-control"><span class="span-wrap">接受<span class="eng">Pico Laser</span>皮秒激光祛斑療程後，皮膚會反黑嗎？</span></div>
  1920.                                </h3>
  1921.                            </div>
  1922.                            <div class="text-block relative right faq-button">
  1923.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1924.                            </div>
  1925.                        </div>
  1926.                  
  1927.                        <div class="answer text-block relative">
  1928.                            <div class="text">
  1929.                                <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程後，皮膚會反黑的機會是極低。因為Pico Laser皮秒激光祛斑比傳統激光的速度更快，光能接觸皮膚的時間極短，所產生的熱傷害極少，即是反黑風險甚低，復原期更短。</span></div>
  1930.                            </div>
  1931.                        </div>
  1932.                    </div>
  1933.                                    <div class="faq-block">
  1934.                        <div class="faq-content" onClick="faqTrigger(this)">
  1935.                            <div class="text-block relative left faq-text">
  1936.                                <h3 class="text question">
  1937.                                    <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑幾耐做一次？</span></div>
  1938.                                </h3>
  1939.                            </div>
  1940.                            <div class="text-block relative right faq-button">
  1941.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1942.                            </div>
  1943.                        </div>
  1944.                  
  1945.                        <div class="answer text-block relative">
  1946.                            <div class="text">
  1947.                                <div class="text-control"><span class="span-wrap">一般而言，建議前期可以每個月進行Pico Laser皮秒激光祛斑療程1-2次，其後可以約1個月1次。療程次數則按色斑和皮膚狀況而定，因人而異。若以較淺的色斑為例，大約3次已有明顯療程效果。在接受<span class="eng">Pico Laser</span>皮秒激光祛斑療程之前，應該先進行皮膚分析，了解色斑狀況，從而確定適合您的療程方案。</span></div>
  1948.                            </div>
  1949.                        </div>
  1950.                    </div>
  1951.                                    <div class="faq-block">
  1952.                        <div class="faq-content" onClick="faqTrigger(this)">
  1953.                            <div class="text-block relative left faq-text">
  1954.                                <h3 class="text question">
  1955.                                    <div class="text-control"><span class="span-wrap"><span class="eng">Pico Laser</span>皮秒激光祛斑安全嗎？</span></div>
  1956.                                </h3>
  1957.                            </div>
  1958.                            <div class="text-block relative right faq-button">
  1959.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1960.                            </div>
  1961.                        </div>
  1962.                  
  1963.                        <div class="answer text-block relative">
  1964.                            <div class="text">
  1965.                                <div class="text-control"><span class="span-wrap">十分安全。<span class="eng">Pico Laser</span>皮秒激光接觸皮膚的速度不足一秒，時間是極短，所以對皮膚的熱傷害甚少。相反，傳統激光的熱傷害較高，容易過份刺激黑色素分泌去保護皮膚，引致反黑機會大增。</span></div>
  1966.                            </div>
  1967.                        </div>
  1968.                    </div>
  1969.                                    <div class="faq-block">
  1970.                        <div class="faq-content" onClick="faqTrigger(this)">
  1971.                            <div class="text-block relative left faq-text">
  1972.                                <h3 class="text question">
  1973.                                    <div class="text-control"><span class="span-wrap"><span class="eng">Pico Laser</span>皮秒激光祛斑療程會不會好痛？</span></div>
  1974.                                </h3>
  1975.                            </div>
  1976.                            <div class="text-block relative right faq-button">
  1977.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1978.                            </div>
  1979.                        </div>
  1980.                  
  1981.                        <div class="answer text-block relative">
  1982.                            <div class="text">
  1983.                                <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程感覺有點像被橡筋輕彈般，不會有明顯痛楚或灼熱感。療程後，皮膚可能會有暫時性紅腫或痕癢，這屬正常現象，一般來說療程後數小時至數天內會自行消退，不用擔心。</span></div>
  1984.                            </div>
  1985.                        </div>
  1986.                    </div>
  1987.                                    <div class="faq-block">
  1988.                        <div class="faq-content" onClick="faqTrigger(this)">
  1989.                            <div class="text-block relative left faq-text">
  1990.                                <h3 class="text question">
  1991.                                    <div class="text-control"><span class="span-wrap"><span class="eng start">Pico Laser</span>皮秒激光祛斑療程後要注意甚麼嗎？</span></div>
  1992.                                </h3>
  1993.                            </div>
  1994.                            <div class="text-block relative right faq-button">
  1995.                               <i class="fa fa-plus-square-o" aria-hidden="true"></i>
  1996.                            </div>
  1997.                        </div>
  1998.                  
  1999.                        <div class="answer text-block relative">
  2000.                            <div class="text">
  2001.                                <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>
  2002.                            </div>
  2003.                        </div>
  2004.                    </div>
  2005.                                </div>
  2006.            </div>
  2007.            
  2008.        
  2009.            
  2010.        </div>
  2011. </div>
  2012.    
  2014.    <div class="bottom-form-container">
  2015.        </div>
  2017.        
  2018.      
  2019.    <style>
  2020.    #footer {
  2021.        width:100%;
  2022.        margin:0 auto;
  2023.        background-color: #cea086;
  2024.        padding-top: 46px;
  2025.        padding-bottom: 109px;
  2026.    }
  2027.    
  2028.    #footer .holder {
  2029.        margin: 0 auto;
  2030.        width: 100%;
  2031.        max-width: 100%;
  2032.        padding: 0px;
  2033.        padding-left: 10%;
  2034.        padding-right: 9%;
  2035.    }
  2036.    #footer .links {
  2037.        font-size:18px;
  2038.        line-height:33px;
  2039.        line-height: 100%;
  2040.        font-family:'DFHeiHK W7','Microsoft Jhenghei','Open Sans';
  2041.        width: 100%;
  2042.        height: auto;
  2043.        display: flex;
  2044.        flex-wrap: nowrap;
  2045.        justify-content: space-between;
  2046.    }  
  2047.    #footer .links .eng  {
  2048.  
  2049.    }
  2050.    #footer .links .item {
  2051.        width: 168px;
  2052.        width: 240px;
  2053.        height: 100%;
  2054.        position:relative;
  2055.        min-height: 213px;
  2056.    }
  2057.    #footer .links .item:before {
  2058.        content:"";
  2059.        position:absolute;
  2060.        left:0;
  2061.        top:0;
  2062.        height:100%;
  2063.        width:2px;
  2064.        background-color:#fff;
  2065.        opacity: 0.3;
  2066.    }
  2067.    #footer .links .item.shop:before,
  2068.    #footer .links .item.social:before
  2069.    {
  2070.        display:none;
  2071.    }
  2072.    #footer .links .item a {
  2073.        padding-left: 12px;
  2074.    }
  2075.    #footer .links .item a.double-line{
  2076.        line-height:1;
  2077.    }
  2078.    
  2079.    #footer .links .link{
  2080.        color: #fff;
  2081.        margin-bottom: 16px;
  2082.        text-decoration: none;
  2083.    }
  2084.    #footer .links .link.topic{
  2085.        margin-bottom: 25px;
  2086.        text-decoration: none;
  2087.    }
  2088.    #footer .links .item.shop {
  2089.        width: auto;
  2090.        display: flex;
  2091.        min-height: 100%;
  2092.    }
  2093.    #footer .links .social {
  2094.        margin-left: 29px;
  2095.        position:relative;
  2096.    /*     display: flex; */
  2097.    }
  2098.    #footer .links .social-line{
  2099.        height: 140px;
  2100.        width:2px;
  2101.        background-color:#fff;
  2102.        opacity: 0.3;
  2103.        margin: 0 auto;
  2104.    }
  2105.    #footer .links .social .link{
  2106.        padding: 0;
  2107.        width:20px;
  2108.        margin-left:20px;
  2109.    }
  2110.    #footer .links .social .link img{
  2111.         width:100%;
  2112.    }
  2113.    #footer .bottom {
  2114.        color: #fff;
  2115.        margin-top:47px;
  2116.        text-align: right;  
  2117.    }
  2118.    
  2119.    #footer .bottom .other-link{
  2120.        padding-left: 10px;
  2121.        padding-right: 10px;
  2122.    }
  2123.    #footer .bottom .other-link a{
  2124.        color: #fff;
  2125.        text-decoration: none;
  2126.    }
  2127.    #footer .bottom .copyright{
  2128.        padding-left: 10px;  
  2129.    }
  2130.    
  2131.    #footer .links .item.bottom-logo,
  2132.    #footer .links .item.bottom-other-link,
  2133.    #footer .links .item.bottom-copyright{
  2134.        display:none;
  2135.    }
  2136.    #footer .links .item.bottom-other-link .other-link{
  2137.        padding-left: 10px;
  2138.        padding-right: 10px;  
  2139.    }
  2140.    
  2141.    #footer .links .item.bottom-other-link .other-link a {
  2142.        color: #fff;
  2143.        text-decoration: none;
  2144.        padding:0;
  2145.    }
  2146.    
  2147.    @media (max-width:1530px){
  2148.        #footer .links .item{
  2149.            padding-right: 10px;
  2150.        }
  2151.        
  2152.        #footer .links .item a.double-line{
  2153.            line-height:1.3;
  2154.        }
  2155.    }
  2156.  
  2157.    @media (max-width:1300px){
  2158.        #footer .links .social{
  2159.            margin:0;
  2160.            margin-top: 30px;
  2161.            display:flex;
  2162.        }
  2163.        #footer .links .social .link:first-child {
  2164.            margin-left:0;
  2165.        }
  2166.        #footer .links {
  2167.            flex-wrap:wrap;
  2168.        }
  2169.        #footer .links{
  2170.            height: auto;
  2171.        }
  2172.        #footer .links .item.shop {
  2173.            width:100%;
  2174.        }
  2175.    }
  2176.    @media (max-width: 1219px){
  2177.        #footer .links .item{
  2178.            margin-bottom:30px;
  2179.        }
  2180.        #footer .bottom{
  2181.            text-align:center;
  2182.        }
  2183.    }
  2184.        
  2185.    @media (max-width: 1060px){
  2186.        #footer {
  2187.            padding-bottom: 40px;
  2188.        }
  2189.        #footer .links .item:before{
  2190.            display:none;
  2191.        }
  2192.        #footer .links .item{
  2193.            display:none;
  2194.        }
  2195.        #footer .links .item.bottom-other-link,
  2196.        #footer .links .item.bottom-logo,
  2197.        #footer .links .item.bottom-copyright
  2198.        {
  2199.            display: flex;
  2200.            width: 100%;
  2201.            justify-content: center;
  2202.            height: auto;
  2203.            color:#fff;
  2204.            font-weight: 300;
  2205.            font-size: 13px;
  2206.            flex-basis: 100%;
  2207.            min-height:100%;
  2208.        }
  2209.        #footer .links .item.bottom-logo{
  2210.            margin-bottom:55px;
  2211.        }
  2212.        #footer .links .item.bottom-logo .logo-img{
  2213.            width: 100%;
  2214.            text-align: center;
  2215.        }
  2216.        #footer .links .item.bottom-logo .logo-img img {
  2217.            width: 40%;
  2218.            max-width: 200px;
  2219.        }
  2220.        #footer .links .item.shop {
  2221.            display:flex;
  2222.            width: 100%;
  2223.            justify-content: center;
  2224.            height: auto;
  2225.            flex-basis: 100%;
  2226.        }
  2227.        #footer .bottom{display:none;}
  2228.    }
  2229.    </style>
  2230. <div id="footer">
  2231. <div class="holder">
  2232.            <div class="links">
  2233. <div class="item">
  2234.                    <a href="https://onlux.com.hk/about" class="link topic">了解我們</a>
  2235. </div>
  2236. <div class="item">
  2237.                    <a href="#" class="link topic">療程選擇</a>
  2238.                    <a href="https://onlux.com.hk/cell-awakening" class="link">肌底覺醒<span class="eng">&#8482;</span>療程</a>
  2239.                    <a href="https://onlux.com.hk/pico-master" class="link double-line"><span class="eng upper start">Pico Master&#8482;</span>去斑療程</a>
  2240.                    <a href="https://onlux.com.hk/power-laser" class="link double-line"><span class="eng upper start">Power Laser&#8482;</span>脫毛療程</a>
  2241.                    <a href="https://onlux.com.hk/4d-scanner" class="link double-line"><span class="eng upper start">P2P</span>三層秒效修脂療程</a>
  2242.                
  2243.                    <!--<a href="#" class="link">纖形覺醒&#8482;</a>-->
  2244. </div>
  2245.                <div class="item">
  2246.                    <a href="https://onlux.com.hk/price" class="link topic">價目</a>  
  2247. </div>
  2248.                <div class="item">
  2249.                    <a href="#" class="link topic">限時優惠</a>
  2250.                    <a href="https://onlux.com.hk/cell-awakening-lead" class="link">肌底覺醒<span class="eng">&#8482;</span>療程</a>
  2251.                    <a href="https://onlux.com.hk/pico-master-lead" class="double-line link"><span class="eng upper start">Pico Master&#8482;</span>去斑療程</a>
  2252.                    <a href="https://onlux.com.hk/power-laser-lead" class="link double-line"><span class="eng upper start">Power Laser&#8482;</span>脫毛療程</a>
  2253.                     <a href="https://onlux.com.hk/4d-scanner" class="link double-line"><span class="eng upper start">P2P</span>三層秒效修脂療程</a>
  2254. </div>
  2256. <div class="item">
  2257.                    <a href="#" class="link topic">聯繫我們</a>  
  2258.                    <a href="https://onlux.com.hk/address" class="link">分店門市</a>
  2259.                    <a href="https://onlux.com.hk/suggestion" class="link">意見回饋</a>
  2260.                    <a href="https://onlux.com.hk/recruit" class="link">人才招聘</a>
  2261. </div>
  2263. <div class="item bottom-logo"><div class="logo-img"><img src="/assets/images/new/onlux-bottom.png"></div></div>
  2264.                <div class="item bottom-copyright"><span class="copyright eng start">&copy; 2023 Copyright ONLUX BEAUTY LIMITED&nbsp;All rights reserved</span></div>
  2265.                <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>
  2266.                
  2267.                
  2268. <div class="item shop">
  2269.                    <div class="social">
  2270.                        <a class="link" href="https://www.facebook.com/OnLuxBeauty/" target="_blank"><img src="/assets/images/new/e-facebook.png"></a>
  2271.                        <a class="link" href="https://www.instagram.com/onluxbeauty/" target="_blank"><img src="/assets/images/new/e-instagram.png"></a>
  2272.                        <a class="link" href="https://www.youtube.com/channel/UCSSQUKK_dD4b0FFB5BYkmQw" target="_blank"><img src="/assets/images/new/youtube.png"></a>
  2273.                        <a class="link" href="https://api.whatsapp.com/send?phone=85262268011&amp;text=" target="_blank"><img src="/assets/images/new/e-whatsapp.png"></a>
  2274.                    </div>
  2275. </div>
  2276.        
  2277. </div>
  2278.            <div class="bottom">
  2279.                <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>
  2280. </div>
  2281. </div>
  2282. </div>  
  2283.        <a href="javascript:void(0);" id="ui-to-top" class="ui-to-top fa fa-angle-up active"></a>
  2284.  
  2285.    </div>
  2286.  
  2287. <script>
  2288. function faqTrigger(element){
  2289.    if($(element).parent().find('.answer').hasClass('active')){
  2290.        $(element).parent().find('.answer').removeClass('active');
  2291.        $(element).find('.fa').addClass('fa-plus-square-o').removeClass('fa-minus-square-o');
  2292.    } else {
  2293.        $(element).parent().find('.answer').addClass('active');
  2294.        $(element).find('.fa').removeClass('fa-plus-square-o').addClass('fa-minus-square-o');
  2295.    }
  2296. }
  2297. </script><script>
  2298.  var day_off_data = [];
  2299.  var holiday_data = [];
  2300.  var occupied_data = {};
  2301.  var shop_week_data = [];
  2302.  var max_booking_allowed = 1;
  2303.  var weekToInt = {
  2304.          'Mon' : 1,  
  2305.          'Tue' : 2,  
  2306.          'Wed' : 3,  
  2307.          'Thu' : 4,  
  2308.          'Fri' : 5,  
  2309.          'Sat' : 6,  
  2310.          'Sun' : 0
  2311.        };
  2312.    max_booking_allowed = 99;
  2313.    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"}}};
  2314. holiday_data = ["2025-04-04","2025-04-18","2025-04-19","2025-04-21"];
  2315. day_off_data = {"all":[]};
  2316. occupied_data = {"all":{"2025-03-07":{"start":"12:00pm","end":"3:30pm"},"2025-03-13":{"start":"12:00pm","end":"3:00pm"},"2025-03-14":{"start":"12:00pm","end":"3:00pm"}},"LP":{"2025-03-01":[{"start":"5:30pm","end":"6:00pm","type":""}],"2025-03-19":[{"start":"4:30pm","end":"5:00pm","type":""}],"2025-03-04":[{"start":"1:00pm","end":"1:30pm","type":""},{"start":"6:30pm","end":"7:00pm","type":""},{"start":"7:00pm","end":"7:30pm","type":""}],"2025-03-21":[{"start":"2:00pm","end":"2:30pm","type":""}],"2025-02-28":[{"start":"6:00pm","end":"6:30pm","type":""}],"2025-03-05":[{"start":"12:30pm","end":"1:00pm","type":""}],"2025-02-24":[{"start":"4:00pm","end":"4:30pm","type":""},{"start":"12:30pm","end":"1:00pm","type":""},{"start":"2:00pm","end":"2:30pm","type":""}],"2025-02-26":[{"start":"4:30pm","end":"5:00pm","type":""},{"start":"12:30pm","end":"1:00pm","type":""},{"start":"3:30pm","end":"4:00pm","type":""}]},"TM":{"2025-02-28":[{"start":"6:30pm","end":"7:00pm","type":""}],"2025-02-25":[{"start":"6:30pm","end":"7:00pm","type":""}],"2025-03-19":[{"start":"12:00pm","end":"12:30pm","type":""}]},"TW":{"2025-04-09":[{"start":"11:30am","end":"12:00pm","type":""}],"2025-03-01":[{"start":"12:30pm","end":"1:00pm","type":""}],"2025-03-04":[{"start":"12:00pm","end":"12:30pm","type":""}],"2025-02-25":[{"start":"7:00pm","end":"7:30pm","type":""}],"2025-02-28":[{"start":"8:00pm","end":"8:30pm","type":""}],"2025-02-24":[{"start":"12:00pm","end":"12:30pm","type":""}]},"ST":{"2025-02-27":[{"start":"4:00pm","end":"4:30pm","type":""},{"start":"4:00pm","end":"4:30pm","type":""}],"2025-02-26":[{"start":"12:00pm","end":"12:30pm","type":""},{"start":"3:00pm","end":"3:30pm","type":""}],"2025-02-24":[{"start":"7:00pm","end":"7:30pm","type":""},{"start":"1:00pm","end":"1:30pm","type":""}]},"CWB":{"2025-03-01":[{"start":"11:00am","end":"11:30am","type":""},{"start":"2:00pm","end":"2:30pm","type":""},{"start":"3:00pm","end":"3:30pm","type":""}],"2025-03-22":[{"start":"11:00am","end":"11:30am","type":""}],"2025-03-04":[{"start":"12:00pm","end":"12:30pm","type":""}],"2025-02-27":[{"start":"5:30pm","end":"6:00pm","type":""},{"start":"7:30pm","end":"8:00pm","type":""}],"2025-02-24":[{"start":"6:30pm","end":"7:00pm","type":""},{"start":"2:30pm","end":"3:00pm","type":""}]},"KT":{"2025-02-24":[{"start":"6:00pm","end":"6:30pm","type":""}],"2025-03-12":[{"start":"7:00pm","end":"7:30pm","type":""}],"2025-03-06":[{"start":"12:00pm","end":"12:30pm","type":""}],"2025-03-01":[{"start":"2:30pm","end":"3:00pm","type":""}]},"YL":{"2025-03-08":[{"start":"6:00pm","end":"6:30pm","type":""}],"2025-03-10":[{"start":"1:00pm","end":"1:30pm","type":""}],"2025-03-01":[{"start":"6:00pm","end":"6:30pm","type":""}],"2025-02-26":[{"start":"2:00pm","end":"2:30pm","type":""}],"2025-02-24":[{"start":"4:30pm","end":"5:00pm","type":""}],"2025-03-07":[{"start":"7:30pm","end":"8:00pm","type":""}],"2025-02-28":[{"start":"4:00pm","end":"4:30pm","type":""}],"2025-03-09":[{"start":"5:00pm","end":"5:30pm","type":""}]},"TST":{"2025-03-01":[{"start":"1:00pm","end":"1:30pm","type":""}],"2025-02-28":[{"start":"12:00pm","end":"12:30pm","type":""}],"2025-02-25":[{"start":"3:00pm","end":"3:30pm","type":""},{"start":"7:00pm","end":"7:30pm","type":""},{"start":"7:00pm","end":"7:30pm","type":""}],"2025-02-24":[{"start":"3:00pm","end":"3:30pm","type":""}],"2025-03-07":[{"start":"3:30pm","end":"4:00pm","type":""}]},"TKO":{"2025-03-03":[{"start":"7:00pm","end":"7:30pm","type":""}],"2025-03-02":[{"start":"3:30pm","end":"4:00pm","type":""},{"start":"3:00pm","end":"3:30pm","type":""}],"2025-03-06":[{"start":"4:30pm","end":"5:00pm","type":""}],"2025-03-01":[{"start":"10:30am","end":"11:00am","type":""}]}};
  2318. 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"};
  2319. 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"};
  2320.  
  2321. var locationDict = {
  2322.    '銅鑼灣' : {
  2323.        days : [],
  2324.        avail_time : {}
  2325.    },
  2326.    '觀塘' : {
  2327.        days : [],
  2328.        avail_time : {}
  2329.    },  
  2330.    '旺角朗豪坊店' : {
  2331.        days : [],
  2332.        avail_time : {}
  2333.    },
  2334.    '將軍澳' : {
  2335.        days : [],
  2336.        avail_time : {}
  2337.    },
  2338.    '尖沙咀' : {
  2339.        days : [],
  2340.        avail_time : {}
  2341.    },
  2342.    '元朗' : {
  2343.        days : [],
  2344.        avail_time : {}
  2345.    },
  2346.    '沙田' : {
  2347.        days : [],
  2348.        avail_time : {}
  2349.    },
  2350.    '屯門' : {
  2351.        days : [],
  2352.        avail_time : {}
  2353.    },
  2354.    '荃灣' : {
  2355.        days : [],
  2356.        avail_time : {}
  2357.    },
  2358. };
  2359.  
  2360. for(shop in locationDict){
  2361.    if(typeof shop_week_data[regionToId[shop]]!=='undefined'){
  2362.        for(week_key in shop_week_data[regionToId[shop]]){
  2363.            if(week_key!='holiday'){
  2364.                locationDict[shop].days.push(parseInt(week_key));    
  2365.            }
  2366.            locationDict[shop].avail_time[week_key] = shop_week_data[regionToId[shop]][week_key];
  2367.        }
  2368.    }
  2369. }
  2370. </script>
  2371. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  2372. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  2373. <script type="text/javascript" src="https://onlux.com.hk/assets/js/jquery.timepicker.js"></script>
  2374. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
  2375. <script type="text/javascript" src="https://onlux.com.hk/assets/js/style.js"></script>
  2376. <style>
  2377. .underline-field.terms a {
  2378.    text-decoration: underline;
  2379. }
  2380. </style>
  2381. <!--[if lt IE 9]>
  2382. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
  2383. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/placeholders.min.js"></script>
  2384. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/respond.min.js"></script>
  2385. <style>
  2386. .bg-size, .facebook, .weibo {
  2387. -ms-behavior: url('https://onlux.com.hk/assets/js/libs/backgroundsize.min.htc');
  2388. behavior: url('https://onlux.com.hk/assets/js/libs/backgroundsize.min.htc');
  2389. }
  2390. .border-radius {
  2391. -ms-behavior: url('https://onlux.com.hk/assets/js/libs/border-radius.htc');
  2392. behavior: url('https://onlux.com.hk/assets/js/libs/border-radius.htc');
  2393. }
  2394. </style>
  2395. <![endif]-->
  2396. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  2397. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script>
  2398. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-viewport-checker/1.8.8/jquery.viewportchecker.min.js"></script>
  2399. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
  2400. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
  2401. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
  2402. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
  2403.  
  2404.  
  2405.  
  2408. <script type="text/javascript" src="https://onlux.com.hk/assets/js/iziModal.min.js"></script>
  2409.  
  2410. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.1/mustache.min.js"></script>
  2411. <script>
  2412. var usingVideoBG = false;
  2413. var vdesktop = '';
  2414. var vmobile = '';
  2415. var desktop_sound_on = 'on';
  2416. var mobile_sound_on = 'on';
  2417. var date_notavail = ['2024-02-10','2024-02-11','2024-02-12','2024-02-13'];
  2419. function seeTerms(){
  2420.    if(document.querySelector('#tnc-contianer')!=null){
  2421.        $('html, body').animate({
  2422.            scrollTop: offset(document.querySelector('#tnc-contianer')).top
  2423.        }, 800, 'easeOutCirc', function() {});
  2424.    }
  2425. }
  2426. function offset(el) {
  2427.    var rect = el.getBoundingClientRect(),
  2428.    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
  2429.    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  2430.    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
  2431. }
  2432. function muteSound(type,to_mute){
  2433.    var this_sound_control = $('.videobg-'+type+' .sound-control');
  2434.    if(this_sound_control.length > 0){
  2435.        if(to_mute){
  2436.            this_sound_control.removeClass('on').addClass('off');
  2437.            if(type == 'desktop'){
  2438.                desktop_sound_on = 'off';
  2439.                if(usingVideoBG){
  2440.                    vdesktop.videoEl.muted = true;
  2441.                } else {
  2442.                    vdesktop.muted = true;
  2443.                }
  2444.            } else {
  2445.                mobile_sound_on = 'off';
  2446.                if(usingVideoBG){
  2447.                    vmobile.videoEl.muted = true;
  2448.                }
  2449.                else {
  2450.                    vmobile.muted = true;
  2451.                }
  2452.            }
  2453.        } else {
  2454.            this_sound_control.removeClass('off').addClass('on');
  2455.            if(type == 'desktop'){
  2456.                desktop_sound_on = 'on';
  2457.                if(usingVideoBG){
  2458.                    vdesktop.videoEl.muted = false;
  2459.                } else {
  2460.                    vdesktop.muted = false;
  2461.                }
  2462.            } else {
  2463.                mobile_sound_on = 'on';
  2464.                if(usingVideoBG){
  2465.                    vmobile.videoEl.muted = false;
  2466.                } else {
  2467.                    vmobile.muted = false;
  2468.                }
  2469.            }    
  2470.        }
  2471.    }
  2472. }
  2474. function soundControl(type){
  2475.    var this_sound_control = $('.videobg-'+type+' .sound-control');
  2476.    if(this_sound_control.hasClass('off')){
  2477.        //turn sound on
  2478.        muteSound(type, false);
  2479.    } else {
  2480.        //turn sound off
  2481.        muteSound(type, true);
  2482.    }
  2483.    
  2484. }
  2485.      
  2486.          function toHomeForm(){
  2487.        if($('#treatment-form').length == 0){
  2488.             location.href= '/cell-awakening?form';
  2489.        } else {
  2490.            var _top = $('#header').hasClass('fixed') ? 160 : 290;
  2491.            $('html, body').animate({
  2492.                scrollTop: $(".standard-form-block").offset().top -_top
  2493.            }, 500);              
  2494.        }
  2495.     }
  2496.     function detectFloating(){
  2497.        if($('html').hasClass('open-menu')) return;
  2498.        if($(window).width()>1202){
  2499.            $('.standard-floating').addClass('hide');
  2500.            var top_value = 0;
  2501.            if($('.gradient-treatment').length>0){
  2502.                top_value = 50;
  2503.            }
  2504.            if( $(window).scrollTop() >top_value){
  2505.                $('#header').addClass('fixed');
  2506.            } else {
  2507.                $('#header').removeClass('fixed');
  2508.            }
  2509.        } else {
  2510.            $('.standard-floating').removeClass('hide');
  2511.             if( $(window).scrollTop() >0){
  2512.                $('#header').addClass('fixed');
  2513.            } else {
  2514.                $('#header').removeClass('fixed');
  2515.            }
  2516.        }
  2517.    }
  2519. $(document).ready(function(){
  2520.        $('.lazy').Lazy();
  2521.    
  2522.        setupFormTermsModal();
  2523.        
  2524.        
  2525.  
  2526.        
  2527.    
  2528.    
  2529.        
  2530.                        
  2531.   // $('.standard-form-block').viewportChecker({
  2532.   //    classToAdd: '__a',
  2533.   //    classToRemove: '__a',
  2534.   //    repeat: true,
  2535.   //    callbackFunction: function(elem, action){
  2536.   //        if(action == 'add'){
  2537.   //            $('.standard-floating').addClass('on-form-hide');
  2538.   //        } else {
  2539.   //            $('.standard-floating').removeClass('on-form-hide');
  2540.   //        }
  2541.   //    }
  2542.   //});  
  2543.    detectFloating();
  2544.    $(window).resize(function(){
  2545.        detectFloating();
  2546.    });
  2547.    $(window).scroll(function(){
  2548.        detectFloating();
  2549.    });
  2550.        
  2551.    
  2552.    
  2553.              
  2554.          
  2555.          
  2556.  
  2557.      
  2558.    $(window).scroll(function(){
  2559.        if( $(window).scrollTop() > 400){
  2560.            $('.ui-to-top').addClass('active');
  2561.        } else {
  2562.            $('.ui-to-top').removeClass('active');
  2563.        }
  2564.    });
  2565.    $('.ui-to-top').on('click',function(){
  2566.        $('html, body').animate({
  2567.            scrollTop: 0
  2568.        }, 800);
  2569.    });
  2570.          
  2571.    
  2572.        
  2573.        
  2574.           // $.getJSON( "js/phone.json")
  2575.       //   .done(function( json ) {
  2576.       //     $('select[name="country_code"] option').remove();
  2577.       //     for(i in json){
  2578.       //         var value = json[i].toString()[0] !='+' ? '+' + json[i] : json[i];
  2579.       //         var newOption = new Option(value, value, false, false);
  2580.       //         $('select[name="country_code"]').append(newOption);
  2581.       //     }
  2582.       //   })
  2583.       //   .fail(function( jqxhr, textStatus, error ) {
  2584.       //     var err = textStatus + ", " + error;
  2585.       // });
  2586.                            
  2587.    
  2588.            
  2589.          
  2590.        var defaultShop = '將軍澳';
  2591.        var defaultDate = '';
  2592.        var defaultTime = '';
  2593.      
  2594.        
  2595.  
  2596.        $( "#datepicker" ).datepicker
  2597.        ({
  2598.            direction: "up",
  2599.            dateFormat: 'mm/dd/yy,D',
  2600.            minDate: 4,
  2601.            maxDate: 60,
  2602.            beforeShowDay : function(date){
  2603.                var day = parseInt(date.getDay());
  2604.                var avail_days = locationDict[$('#location option:selected').val()].days;
  2605.                var _month = date.getMonth() + 1;
  2606.                var _day = date.getDate();
  2607.                var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  2608.                var selected_location = $('#location option:selected').val();
  2609.            
  2610.                var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  2611.                date_notavail = [];
  2612.                for(_shop in day_off_data){
  2613.                    if(_shop == 'all'){
  2614.                        for(i in day_off_data[_shop]){
  2615.                            date_notavail.push(day_off_data[_shop][i]);    
  2616.                        }
  2617.                    } else if(_shop == region_location){
  2618.                        for(i in day_off_data[_shop]){
  2619.                            date_notavail.push(day_off_data[_shop][i]);    
  2620.                        }
  2621.                    }
  2622.                }
  2623.                //check if holiday is off
  2624.                if( $.inArray( compare_date, holiday_data )!=-1){
  2625.                    var _shop_id = regionToId[selected_location];
  2626.                    if(typeof _shop_id!=='undefined'){
  2627.                        var _week_data = shop_week_data[_shop_id];
  2628.                        if(typeof _week_data!=='undefined'){
  2629.                            if(typeof _week_data['holiday']==='undefined'){
  2630.                                //holiday off
  2631.                                return [false,""];
  2632.                            }
  2633.                        }
  2634.                    }
  2635.                }
  2636.            
  2637.                if( $.inArray( day, avail_days )!=-1 && $.inArray( compare_date, date_notavail )==-1){
  2638.                    return [true,""];
  2639.                } else return [false,""];
  2640.            },
  2641.            onSelect: function(dateText, inst) {
  2642.                setTimepicker(dateText);
  2643.            }
  2644.        });
  2645.        $('#location').on('change',function(){
  2646.            if($('#location option:selected').val()!=''){
  2647.               // if($('#location option:selected').val() == '旺角朗豪坊店'){
  2648.               //     setDateTime(new Date(2022, 7 - 1, 23));
  2649.               // } else {
  2650.                    setDateTime();    
  2651.               // }
  2652.            } else {
  2653.                resetValues();
  2654.            }
  2655.        });
  2656.          
  2657.        //reset date and time picker value
  2658.        function resetValues(){
  2659.            $("#datepicker").val('');
  2660.            $('#timepicker').val("");        
  2661.            $( "#datepicker" ).prop('disabled',true);
  2662.            $( "#timepicker" ).prop('disabled',true);
  2663.            $("#datepicker").datepicker( "destroy" );
  2664.            $('#timepicker').timepicker('remove');
  2665.        }
  2666.            function setDateTime(mindate){
  2667.            resetValues();
  2668.            $( "#datepicker" ).datepicker
  2669.            ({
  2670.                direction: "up",
  2671.                dateFormat: 'mm/dd/yy,D',
  2672.                minDate: typeof mindate === 'undefined' ? 4 : mindate,
  2673.                maxDate: 60,
  2674.                beforeShowDay : function(date){
  2675.                    var day = parseInt(date.getDay());
  2676.                    var avail_days = locationDict[$('#location option:selected').val()].days;
  2677.                    var _month = date.getMonth() + 1;
  2678.                    var _day = date.getDate();
  2679.                    var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  2680.                    var selected_location = $('#location option:selected').val();
  2681.            
  2682.                    var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  2683.                    date_notavail = [];
  2684.                    for(_shop in day_off_data){
  2685.                        if(_shop == 'all'){
  2686.                            for(i in day_off_data[_shop]){
  2687.                                date_notavail.push(day_off_data[_shop][i]);    
  2688.                            }
  2689.                        } else if(_shop == region_location){
  2690.                            for(i in day_off_data[_shop]){
  2691.                                date_notavail.push(day_off_data[_shop][i]);    
  2692.                            }
  2693.                        }
  2694.                    }
  2695.                    //check if holiday is off
  2696.                    if( $.inArray( compare_date, holiday_data )!=-1){
  2697.                        var _shop_id = regionToId[selected_location];
  2698.                        if(typeof _shop_id!=='undefined'){
  2699.                            var _week_data = shop_week_data[_shop_id];
  2700.                            if(typeof _week_data!=='undefined'){
  2701.                                if(typeof _week_data['holiday']==='undefined'){
  2702.                                    return [false,""];
  2703.                                }
  2704.                            }
  2705.                        }
  2706.                    }
  2707.  
  2708.                    if( $.inArray( day, avail_days )!=-1  &&   $.inArray( compare_date, date_notavail )==-1){
  2709.                        return [true,""];
  2710.                    } else return [false,""];
  2711.                },
  2712.                onSelect: function(dateText, inst) {
  2713.                    setTimepicker(dateText);
  2714.                }
  2715.            });
  2716.            $( "#datepicker" ).prop('disabled',false);
  2717.        }
  2718.        var time_init = false;
  2719.        function setTimepicker(dateText,value){
  2720.            if(dateText == '') return;
  2721.            var day = dateText.split(",");
  2722.            if(day.length <1) return;
  2723.            var weekofday = day[1];
  2724.            var date_chosen = day[0].split('/');
  2725.            date_chosen = date_chosen[2]+'-'+date_chosen[0]+'-'+date_chosen[1];
  2726.            var start_time = '';
  2727.            var end_time = '';
  2728.            var disabled = [];
  2729.            try {    
  2730.              //  var avail_time = locationDict[defaultShop].avail_time;
  2731.                var selected_location = $('#location option:selected').val();
  2732.                var avail_time = locationDict[selected_location].avail_time
  2733.                start_time = avail_time[ weekToInt[weekofday] ].start;
  2734.                end_time = avail_time[ weekToInt[weekofday] ].end;
  2735.          
  2736.                //check if day is holiday , set start and end time if available
  2737.                if( $.inArray( date_chosen, holiday_data )!=-1){
  2738.                    if(typeof avail_time['holiday']!=='undefined'){
  2739.                        start_time = avail_time['holiday'].start;
  2740.                        end_time = avail_time['holiday'].end;
  2741.                    }
  2742.                }
  2743.                //check if day occupied
  2744.                if(typeof occupied_data['all']!=='undefined'){ //for all shops
  2745.                    if(typeof occupied_data['all'][date_chosen]!=='undefined'){
  2746.                        disabled.push([occupied_data['all'][date_chosen].start, occupied_data['all'][date_chosen].end]);
  2747.                    }
  2748.                }
  2749.                if(typeof regionToLocation[selected_location]!=='undefined'){ //for selected shop only
  2750.                    var shop_occupied = occupied_data[regionToLocation[selected_location]];
  2751.                    if(typeof shop_occupied!=='undefined'){
  2752.                        if(typeof shop_occupied[date_chosen]!=='undefined'){
  2753.                            var occupied_time = {};
  2754.                            for(i in shop_occupied[date_chosen]){
  2755.                                if(typeof occupied_time[shop_occupied[date_chosen][i].start]==='undefined'){
  2756.                                    occupied_time[shop_occupied[date_chosen][i].start] = [];
  2757.                                }
  2758.                                occupied_time[shop_occupied[date_chosen][i].start].push(shop_occupied[date_chosen][i]);
  2759.                              //  disabled.push([ shop_occupied[date_chosen][i].start,shop_occupied[date_chosen][i].end]);
  2760.                            }
  2761.                            for(i in occupied_time){
  2762.                                for(j in occupied_time[i]){
  2763.                                    var is_meeting = false;
  2764.                                    if(typeof occupied_time[i][j].type!=='undefined'){
  2765.                                        if(occupied_time[i][j].type == 'meeting'){
  2766.                                            is_meeting = true;
  2767.                                        }
  2768.                                    }
  2769.                                    if(is_meeting || occupied_time[i].length>=max_booking_allowed){
  2770.                                        disabled.push([ occupied_time[i][j].start,occupied_time[i][j].end]);
  2771.                                    }
  2772.                                }
  2773.                            }
  2774.                        }
  2775.                    }
  2776.                }
  2777.            
  2778.                $('#timepicker').val("");
  2779.                $('#timepicker').timepicker('remove');
  2780.                $('#timepicker').timepicker
  2781.                ({
  2782.                    'minTime': start_time,
  2783.                    'maxTime': end_time,
  2784.                    'showDuration': false,
  2785.                    'disableTimeRanges' : disabled,
  2786.            
  2787.                   'useSelect': true ,
  2788.                    'noneOption': [
  2789.                        {
  2790.                            'label': '-- 請選擇 --',
  2791.                            'value': ''
  2792.                        },
  2793.                    ],
  2794.              
  2795.                });
  2796.                $( "#timepicker" ).prop('disabled',false);
  2797.                                if(!(typeof value === 'undefined')){
  2798.                    if(value!=''){
  2799.                        $('#timepicker').timepicker('setTime', value);
  2800.                    }
  2801.                }
  2802.            } catch(e){
  2803.                console.log(e);
  2804.            }
  2805.        }
  2806.                
  2807.        if(typeof setupRoadSell === 'function'){
  2808.            setupRoadSell();
  2809.        }
  2810.        
  2811.                
  2812.            
  2813.                                       CAPI('PageView');
  2814.             CAPI('ViewContent');
  2815.                        });
  2816.    
  2817.      
  2818.    function onFormSubmit(){
  2819.        var allow_time;
  2820.        if($('#timepicker').val()){
  2821.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  2822.        }
  2823.        if(allow_time!='Invalid date'){
  2824.            $('#allow_time').val(allow_time);
  2825.        } else {
  2826.            $('#allow_time').val('');
  2827.        }
  2828.        if($('#sender_email').val()!=''){
  2829.            $('.process-back').addClass('active');
  2830.        }
  2831.    }
  2832.    function onSubmit(){
  2833.        var allow_time;
  2834.        if($('#timepicker').val()){
  2835.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  2836.        }
  2837.        if(allow_time!='Invalid date'){
  2838.            $('#allow_time').val(allow_time);
  2839.            return true;
  2840.        } else {
  2841.            $('#allow_time').val('');
  2842.            alert('預約療程時間不正確');
  2843.            return false;
  2844.        }
  2845.    }
  2846.  
  2847.     function CAPI(event, eventData) {
  2848.   // let fbp = document.cookie.split(';').filter(c => c.includes('_fbp=')).map(c => c.split('_fbp=')[1]);
  2849.    let fbp = document.cookie.split(';').filter(function(c){ return c.includes('_fbp=');}).map(function(c){ return c.split('_fbp=')[1];})
  2850.    let fbc = document.cookie.split(';').filter(function(c){ return c.includes('_fbc=');}).map(function(c){ return c.split('_fbc=')[1];})
  2851. //   let fbc = document.cookie.split(';').filter(c => c.includes('_fbc=')).map(c => c.split('_fbc=')[1]);
  2852.    fbp = (fbp.length && fbp[0]) || null;
  2853.    fbc = (fbc.length && fbc[0]) || null;
  2854.    const body = {
  2855.        'event': event,
  2856.        'event_data': eventData,
  2857.        'fbp': fbp,
  2858.        'fbc': fbc,
  2859.        'user_agent': navigator.userAgent,
  2860.                          'url': window.location.origin + window.location.pathname
  2861.    }
  2862.    $.ajax({
  2863.        type: "POST",
  2864.        url: 'https://onlux.com.hk/api/fb_conversion?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NDAwMDA3ODQsInN1YiI6Im9ubHV4IGFwaSJ9.B5fhlQ0n-E85O3vi4q79xtmuwVyGmdaWX08TtkfZyO4',
  2865.        data: JSON.stringify(body) ,
  2866.        processData: false,
  2867.        contentType: 'application/json',
  2868.        success: function(response){  
  2869.           //console.log(response)
  2870.        },
  2871.        error : function(  jqXHR,  textStatus,  errorThrown){  
  2872.        }
  2873.    });
  2874. }
  2875.  
  2876. function countryCodeChanged(element){
  2877.    $('.confirm-countrycode').html($(element).find('option:selected').text());
  2878. }
  2879. </script>
  2880. </body>
  2881. </html>

Home · About · News · Docs · Terms

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