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

  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>OnLux 肌底療程專家</title>
  43. <meta name="description" content="OnLux發音Honest; 如其名「真誠」、「誠實」是我們的宗旨和服務標準；以客為本，專注提供先進科技的美容療程體驗。我們深信內外兼修的「美麗」哲學，由內在出發：復修、重整、平衡、進化，讓外在感受得到、看得見、觸摸到。至今服務大家13年，超過320萬人次見證OnLux「以誠出發」的美容體驗。" />
  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.     <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/pico-master.css" />  
  59.    <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/slick.css" />  
  60.    <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/slick-theme.css" />  
  61.   <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/home.css" />  
  62. <link rel="prefetch" href="https://onlux.com.hk/assets/美白去斑脫毛廋身纖形美容新體驗/蜂巢-皮秒-去斑-色斑-反黑-反白.jpg" />
  63. <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/vidbg.css" />
  65. <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/animate.css" />
  69.   <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/menu.css" />
  70. <link rel="stylesheet" type="text/css" href="https://onlux.com.hk/assets/css/home-pico-master.css" />
  71. <style>#product-banner .banner{background: none;}</style>
  72.    
  74. <link href="/assets/css/LineIcons-custom.css" rel="stylesheet">
  75. <link href="/assets/css/iziModal.min.css" rel="stylesheet">
  76. <link rel="stylesheet" type="text/css" href="/assets/css/onlux-standard.css?1716170331" />
  77. </head>
  78. <body>
  79. <!-- Google Tag Manager (noscript) -->
  80. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZBW6NM"
  81. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  82. <!-- End Google Tag Manager (noscript) -->
  83.  
  84. <!-- Google Tag Manager (noscript) -->
  85. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQK8767"
  86. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  87. <!-- End Google Tag Manager (noscript) -->
  88. <style>
  89. .mtop-whatsapp {
  90.    display:none;
  91. }
  92. </style>
  93. <a href="#" onClick="scrollToForm()" class="btn_tab"><img src="https://onlux.com.hk/assets/美白去斑脫毛廋身纖形美容新體驗/激光脫毛-去斑-減肥-抗哀老-減皺紋.png" alt="快速登記預約" title="快速登記預約"></a>
  95.  
  96. <style>
  97. @font-face {
  98.    font-family: 'dinotregular';
  99.    src: url('/assets/fonts/dinot-regular-webfont.woff2') format('woff2'),
  100.         url('/assets/fonts/dinot-regular-webfont.woff') format('woff');
  101.    font-weight: normal;
  102.    font-style: normal;
  103. }
  104. /* floating button */
  105. .standard-floating{
  106.    height: auto;
  107.    position: fixed;
  108.    top: 0;
  109.    z-index: 5000;
  110.    opacity:1;
  111.    transition: all .4s ease-out .2s;
  112.    margin-left: 66%;
  113.    left: 0;
  114.    display:none!important;
  115. }  
  116. .standard-floating.hide{
  117.   opacity:0;
  118. }
  119. .standard-floating.on-form-hide{
  120.   opacity:0!important;
  121. }
  122. .standard-floating .home-float {
  123.    max-width: 100%;
  124.    padding-right: 50%;
  125.    margin: 0 auto;
  126. }
  127. .standard-floating.on-top .home-float{
  128.    margin-top: 50px;
  129. }
  130. .try-button{
  131.    display:block;
  132.    width:133px;
  133.    height:63px;
  134.    background:url('/assets/images/new/c-floating-button.png') no-repeat;
  135.    background-size:100%;
  136.    position:relative;
  137.    overflow: hidden;
  138.    cursor:pointer;
  139. }  
  140. .standard-floating .try-button{
  141.    margin-top:0;
  142.    position:relative;
  143.    overflow: hidden;
  144.    cursor:pointer;
  145. }  
  146. .standard-floating .try-button:after {
  147.    content: "";
  148.    background: linear-gradient(to right, transparent, rgba(255, 255, 255, .2));
  149.    -webkit-background: linear-gradient(to right, transparent, rgba(255, 255, 255, .2));
  150.    -webkit-transform: skewX(-25deg);
  151.    transform: skewX(-25deg);
  152.    position: absolute;
  153.    width: 50%;
  154.    height: 100%;
  155.    z-index: 30;
  156.    top: 0;
  157.    left: -75%;
  158.    -webkit-animation: shine2 3s infinite;
  159.    animation: shine2 3s infinite;
  160.    display:none;
  161. }
  162. .standard-floating.fixed-to-top .try-button{
  163.    margin-top:0;
  164.    display:block;
  165. }
  166. /* header */
  167. #header {
  168.    padding:0;
  169.    position: relative;
  170.    width: 100%;
  171. }
  172. #header.fixed{
  173.    position:fixed;
  174. }
  175. .gradient-treatment { background-color:#d6a88e;height:50px;}
  176. .onlux-mainmenu{ background-color:#fff;height:70px;}
  177. #header.fixed .gradient-treatment{ display:none;}
  178. #header.fixed .onlux-mainmenu{
  179.    position: fixed;
  180.    left:0;
  181.    top:0;
  182.    width: 100%;
  183.    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  184. }
  185. #header.with-gradient-treatment .submenu-item{
  186.    top:120px;
  187. }
  188. #header.fixed.with-gradient-treatment .submenu-item{
  189.    top:70px;
  190. }
  191. #header.fixed .submenu-item{
  192.    top:70px;
  193. }
  194.  
  195. .onlux-submenu{ background-color:#fff5ea;height:70px;}
  196. .header-content {
  197.    width : 100%;
  198.    max-width:1440px;
  199.    margin:0 auto;
  200.    height: 100%;
  201.    font-size:15px;
  202.    letter-spacing:0;
  203.    display:flex;
  204.    align-items: center;
  205.    font-family:'DFHeiHK W5','Microsoft Jhenghei','Open Sans';
  206.    padding: 0 65px;
  207. }
  208. .header-content .eng  {
  209. }
  210. .gradient-treatment .header-content{
  211.    color : #fff;
  212. }
  213. .onlux-mainmenu .header-content,
  214. .onlux-submenu.header-content
  215. {
  216.    color : #212121;
  217. }
  218. .onlux-mainmenu .header-content{justify-content: space-between;}
  219. .onlux-mainmenu .header-content .onlux-logo {width:33%;}
  220. .onlux-mainmenu .header-content .menu-text{
  221.    width:33%;
  222.    height: 100%;
  223.    min-width: 480px;
  224. }
  225. .onlux-mainmenu .header-content .onlux-icons{
  226.    width:33%;
  227.    display: flex;
  228.    height: 100%;
  229. }
  230. .onlux-mainmenu .header-content .onlux-icons .onlux-float-button{
  231.    flex: 1;
  232.    display: flex;
  233.    justify-content: center;
  234. }
  235. .onlux-mainmenu .header-content .onlux-link-icons   {
  236.    /*width: 150px;*/
  237.    display: flex;
  238.    justify-content: flex-end;
  239.    align-items: center;
  240.    flex:1;
  241. }
  242. .onlux-mainmenu .header-content .onlux-link-icons a {
  243.    display: block;
  244.    margin-left: 30px;
  245. }
  246. .onlux-mainmenu .header-content .onlux-link-icons a img {
  247.    height: 15px;
  248.    display:none;
  249. }
  250. #header .onlux-logo .logo{
  251.    background:url('/assets/images/new/onlux-logo-150dpi.png') no-repeat;
  252.    width : 116px;
  253.    height : 29px;
  254.    background-size: 100%;
  255. }
  256. .submenu-item{
  257.    position: absolute;
  258.    top: 120px;
  259. top:70px;
  260.    left: 0;
  261.    height: 70px;
  262.    width: 100%;
  263.    background-color: #fff5ea;
  264.    display:none;
  265. }
  266. .submenu-item .submenu-content{
  267.    height: 100%;
  268. }
  269. .menu-text ul,.submenu-text ul {
  270.    display: flex;
  271.    height: 100%;
  272. }
  273.  
  274. .menu-text ul li {
  275.    height: 100%;
  276.    padding: 0 15px;
  277.    cursor:pointer;
  278. }
  279.  
  280. .menu-text ul li a{
  281.    color: #212121;
  282. }
  283. .menu-text ul li .text{
  284.    display: flex;
  285.    align-items: center;
  286.    height: 100%;
  287.    position:relative ;
  288. }
  289. .menu-text ul li  .submenu-item .text:after{
  290.    display:none;
  291. }
  292. .menu-text ul li:hover .text:after,
  293. .menu-text ul li.selected .text:after {
  294.    content: "";
  295.    position: absolute;
  296.    left: 0;
  297.    bottom: 0;
  298.    width: 100%;
  299.    height: 3px;
  300.    background-color: #bf6d38;
  301. }
  302. .menu-text ul li:hover .submenu-item{
  303.    display:block;
  304. }
  305. .menu-text ul li:first-child {
  306.    padding-left: 0;
  307. }
  308. .menu-text ul li:last-child{
  309.    padding-right:0;
  310. }
  311. .submenu-text {
  312.    display: flex;
  313.    width: 100%;
  314.    height:100%;
  315.    justify-content: center;
  316. }
  317. .submenu-text ul li {
  318.    height: 100%;
  319.    cursor:pointer;
  320. }
  321. .submenu-text ul li .text{
  322.    display: flex;
  323.    align-items: center;
  324.    height: 100%;
  325.    position:relative ;
  326. }
  327. .submenu-text ul li.separator{
  328.    margin: 0 22px;
  329.    display: flex;
  330.    align-items: center;
  331. }
  332. .submenu-text ul li.separator .border-line{
  333.    background-color: #908983;
  334.    width: 1px;
  335.    height: 16px;
  336. }
  337. .submenu-text ul li.selected .text,
  338. .submenu-text ul li:hover .text
  339. {
  340.    color: #bf6d38;
  341. }
  343. /* mobile */
  344. #menu{display:none;}
  345. #menuBtn {  display: none;}
  347. #product-banner {margin-top: 0;}
  348.  
  349. .standard-banner .banners .banner-object .text {
  350.    font-family: 'Noto Sans TC';
  351. }
  352.  
  353. @media (max-width: 1219px){
  354.    .standard-floating{
  355.        width: auto;
  356.        height: auto;
  357.        left: auto;
  358.        right: 0;
  359.        margin: 0;
  360.    }
  361.   .standard-floating .try-button{
  362.     /*  width: 85px;
  363.       height: 200px;
  364.       background:url('/assets/images/new/d-vertical-floating-button.png') no-repeat;
  365.       background-size:100%;
  366.       margin-top:70px;*/
  367.    }
  368.    .standard-floating .home-float {
  369.        padding-right: 0;
  370.    }
  371.    #header { display:block;}
  372.    .gradient-treatment,
  373.    .onlux-mainmenu .menu-text,
  374.    .onlux-submenu  ,
  375.    .onlux-mainmenu .header-content .onlux-link-icons
  376.    {display:none;}
  377.    .onlux-mainmenu .header-content .onlux-link-icons{
  378.        flex:1;
  379.    }
  380.    .onlux-mainmenu .header-content{
  381.        justify-content: flex-start;
  382.        padding:0 30px;
  383.    }
  384.    .onlux-logo .logo{
  385.        width: 80px;
  386.        height: 17px;
  387.        background-size: 72px 17px;
  388.    }
  389.    .onlux-mainmenu .header-content .onlux-logo {
  390.        width: 34%;
  391.        display: flex;
  392.    }
  393.    #menuBtn {
  394.        width:33%;
  395.        width:45px;
  396.        display: block;
  397.        padding-left: 0;
  398.        text-align: right;
  399.    }
  400.    #menuBtn>div{width: 30px;}
  401.    #menuBtn>div>span, #menuBtn>div>span:before, #menuBtn>div>span:after{height:2px;}
  402.    #menuBtn>div>span, #menuBtn>div>span:before, #menuBtn>div>span:after{background-color: #757679;}
  403.    #menu .outer{
  404.        padding:0;
  405.    }
  406.    #menu .inner .navbar{
  407.        padding-bottom: 60px;
  408.    }
  409.    .open-menu #menu{
  410.        display:block;
  411.        overflow-y: scroll;
  412.        padding-top:0;
  413.        margin-top: 69px;
  414.    }
  415.    .onlux-mainmenu .header-content .onlux-icons {
  416.        width:auto;
  417.        flex: 1;
  418.    }
  419.    .onlux-mainmenu .header-content .onlux-icons .onlux-float-button{
  420.       /*  justify-content: flex-end; */
  421.    }
  422.    .open-menu .onlux-mainmenu .header-content .onlux-icons{
  423.        display:none;
  424.    }
  425.    .open-menu #menuBtn {
  426.        width: 30px;
  427.    }
  428.    .open-menu  .onlux-mainmenu .header-content .onlux-logo {
  429.        width:auto;
  430.        padding-left: 30px;
  431.        padding: 0;
  432.        flex: 1;
  433.    }
  434.    .rgba #menu{
  435.        background-color:#fff;
  436.    }
  437.    .cat_menu {
  438.        width: 100%;
  439.        font-size: 35px;
  440.        margin: 0;
  441.        padding: 0;
  442.        border-bottom: 1px solid #e2d8d2;
  443.        border-top: 0;
  444.        color:#757679;
  445.        text-align:left;
  446.    }
  447.  
  448.    .cat_menu.
  449.    .cat_menu .eng{
  450.    }
  451.    .cat_menu > div {
  452.        font-size:1em;
  453.        line-height: 100%;
  454.        padding:0;
  455.        margin:0;
  456.        border:0;
  457.        display:block;
  458.        padding-left: 80px;
  459.        padding-top: 25px;
  460.        padding-bottom: 25px;
  461.        background-image: url('/assets/images/new/menu-mobile-close.png');
  462.        background-repeat: no-repeat;
  463.        background-position: 95% center;
  464.        background-size: 30px 30px;
  465.        height: 100%;
  466.    }
  467.    .cat_menu.active > div{
  468.        background-image: url('/assets/images/new/menu-mobile-open.png');
  469.    }
  470.    .cat_menu .cat_menu-item {
  471.        opacity: 0;
  472.        height: auto;
  473.        padding: 0;
  474.        margin: 0;
  475.        transition: all .7s;
  476.        font-size:inherit;
  477.    }
  478.  
  479.    .cat_menu.active { padding-bottom: 0;}
  480.    
  481.    .cat_menu.active .cat_menu-item{
  482.        opacity: 1;
  483.        padding-bottom:0;
  484.        margin-top: 10px;
  485.    }
  486.    
  487.    #menu .cat_menu a.root-level {
  488.        font-size:1em;
  489.        padding: 0;
  490.        background-color: #fff;
  491.    }
  492.    #menu a {
  493.        font-size:1em;
  494.        text-align:left;
  495.        background-color: #e3e3e3;
  496.        padding-left: 80px;
  497.        color:#757679;
  498.        padding-top: 35px;
  499.        padding-bottom: 35px;
  500.        display: none;
  501.    }
  502.    #menu a.root-level{
  503.        display:block;
  504.    }
  505.    #menu .cat-first-level a {
  506.        font-size: inherit;
  507.        display: block;
  508.        padding: 0;
  509.        margin: 0;
  510.        background-color: #fff;
  511.        font-weight:400;
  512.    }
  513.    #menu .cat-first-level.first-level-only{
  514.       background:none;
  515.    }
  516.    .cat_menu.active > div:hover,
  517.    .cat_menu > div:hover ,  #menu a:hover{
  518.        color:#c59a82;
  519.    }
  520.   .navbar>li>a:hover {
  521.       opacity:1;
  522.   }
  523.    #menu .cat_menu.active a
  524.    {
  525.        display:block;
  526.    }
  527. }
  528.  
  529. @media (max-width: 640px){
  530.    .open-menu #menu{  margin-top: 69px;}
  531. }
  532. @media (max-width: 500px){
  533.    .standard-floating .try-button{
  534.       /*  width: 63px;
  535.        height: 148px; */
  536.    }
  537.    .try-button {            
  538.        width: 120px;
  539.        height: 57px
  540.    }
  541.    .onlux-mainmenu .header-content .onlux-link-icons a {
  542.        margin-left: 20px;
  543.    }
  544.    #header .onlux-logo .logo {
  545.        width: 80px;
  546.        height: 20px;
  547.    }
  548.    .cat_menu > div {
  549.        font-size: 0.7em;
  550.        padding-left: 30px;
  551.    }
  552.    #menu a {
  553.        font-size: 0.7em;
  554.        padding-left: 30px;
  555.    }
  556.    
  557. }
  558. @media (max-width: 340px){
  559.    #menu a {
  560.        white-space: pre-wrap;
  561.    }
  562. }
  563. .global-h1-title,
  564. .onlux-submenu {
  565.    display:none;
  566. }
  567. </style><div id="header" class="">
  568.      <div class="onlux-mainmenu">
  569.        <div class="header-content">
  570.          
  571.            <div class="onlux-logo"><a href="/" class="logo"></a></div>
  572.            <div class="menu-text">
  573.                <ul>
  574.                    <li ><a href="https://onlux.com.hk/about" class="text">了解我們</a>
  575.                    <!--<div class="submenu-item" >
  576.                        <div class="submenu-content">
  577.                             <div class="submenu-text">
  578.                                <ul>
  579.                                    <li><a href="https://onlux.com.hk/about" class="text"><span class="eng">OnLux</span>是</a></li>
  580.                                    <li class="separator"><div class="border-line"></div></li>
  581.                                    <li><a href="https://onlux.com.hk/awards" class="text">榮譽</a></li>
  582.                                    <li class="separator"><div class="border-line"></div></li>
  583.                                    <li><a href="#" class="text">承諾</a></li>
  584.                                </ul>
  585.                            </div>
  586.                        </div>
  587.                    </div>-->
  588.                    </li>
  589.                    <li ><div class="text">療程選擇</div>
  590.                        <div class="submenu-item" >
  591.                            <div class="submenu-content">
  592.                                 <div class="submenu-text">
  593.                                    <ul>
  594.                                        <li ><a href="https://onlux.com.hk/cell-awakening" class="text">肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a></li>
  595.                                        <li class="separator"><div class="border-line"></div></li>
  596.                                        <li ><a href="https://onlux.com.hk/pico-master" class="text"><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a></li>
  597.                                        <li class="separator"><div class="border-line"></div></li>
  598.                                        <li ><a href="https://onlux.com.hk/power-laser" class="text"><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a></li>
  599.                                        <li class="separator"><div class="border-line"></div></li>
  600.                                        <li ><a href="https://onlux.com.hk/4d-scanner" class="text"><span class="eng upper">P2P</span>三層秒效修脂療程</a></li>
  601.                                       <!--   <li class="separator"><div class="border-line"></div></li><li><a href="#" class="text"><span class="eng">4D UP&#8482;</span>&nbsp;纖體療程</a></li>-->
  602.                                    </ul>
  603.                                </div>
  604.                            </div>
  605.                        </div>
  606.                    </li>
  607.                  
  608.                   <li ><a href="https://onlux.com.hk/price" class="text">價目</a>
  609.                    </li>  
  610.                    
  611.                    <li><div class="text">限時優惠</div>
  612.                        <div class="submenu-item" >
  613.                            <div class="submenu-content">
  614.                                 <div class="submenu-text">
  615.                                    <ul>
  616.                                        <li><a href="https://onlux.com.hk/cell-awakening-lead" class="text">肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a></li>
  617.                                        <li class="separator"><div class="border-line"></div></li>
  618.                                        <li><a href="https://onlux.com.hk/pico-master-lead" class="text"><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a></li>
  619.                                        <li class="separator"><div class="border-line"></div></li>
  620.                                        <li><a href="https://onlux.com.hk/power-laser-lead" class="text"><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a></li>
  621.                                        <li class="separator"><div class="border-line"></div></li>
  622.                                        <li><a href="https://onlux.com.hk/4d-scanner" class="text"><span class="eng upper">P2P</span>三層秒效修脂療程</a></li>
  623.                                    </ul>
  624.                                </div>
  625.                            </div>
  626.                        </div>
  627.                    </li>
  628.              
  629.                    <li ><a href="https://onlux.com.hk/knowledge" class="text">小知識</a>
  630.                    </li>
  631.                  
  632.                    
  633.                    <li ><div class="text">聯繫我們</div>
  634.                        <div class="submenu-item" >
  635.                            <div class="submenu-content">
  636.                                 <div class="submenu-text">
  637.                                    <ul>
  638.                                        <li ><a href="https://onlux.com.hk/address" class="text">分店門市</a></li>
  639.                                        <li class="separator"><div class="border-line"></div></li>
  640.                                        <li ><a href="https://onlux.com.hk/suggestion" class="text">意見回饋</a></li>
  641.                                        <li class="separator"><div class="border-line"></div></li>
  642.                                        <li ><a href="https://onlux.com.hk/recruit" class="text">人才招聘</a></li>
  643.                                    </ul>
  644.                                </div>
  645.                            </div>
  646.                        </div>
  647.                    </li>
  648.                </ul>
  649.            </div>
  650.            <div class="onlux-icons">
  651.                <div class="onlux-float-button"><a href="javascript:void(0);" class="try-button" onClick="toHomeForm();" ></a></div>
  652.                <div class="onlux-link-icons">
  653.                    <a href="#"><img src="/assets/images/new/user.png"></a>
  654.                    <a href="#"><img src="/assets/images/new/location.png"></a>
  655.                    <a href="#"><img src="/assets/images/new/cart.png"></a>
  656.                </div>
  657.            </div>
  658.             <a href="javascript:void(0)" id="menuBtn">
  659.                <div><span></span></div>
  660.                <span></span>
  661.                <span class="clearfix"></span>
  662.            </a>
  663.        </div>
  664.    </div>
  665.  
  666. </div>
  667. <div class="standard-floating hide"><div class="home-float"><a href="javascript:void(0);" onClick="toHomeForm();" class="try-button"></a></div></div>
  668.  
  669. <div id="menu">
  670. <div class="outer">
  671. <div class="inner">
  672.                         <ul class="navbar">
  673.                    <li class="cat_menu" style="cursor: pointer;" >
  674. <div class="cat-first-level first-level-only"><a href="https://onlux.com.hk/about">了解我們</a></div>
  675. </li>
  676.                    <li class="cat_menu" style="cursor: pointer;" onClick="toggleMenu(this,event)">
  677. <div class="cat-first-level">療程選擇</div>
  678.                        <div class="cat_menu-item">
  679.                            <a href="https://onlux.com.hk/cell-awakening" >肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a>
  680.                            <a href="https://onlux.com.hk/pico-master" ><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a>
  681.                            <a href="https://onlux.com.hk/power-laser" ><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a>
  682.                            <a href="https://onlux.com.hk/4d-scanner" ><span class="eng upper">P2P</span>三層秒效修脂療程</a>
  683.                          
  684.                        </div>
  685. </li>
  686.                   <li class="cat_menu" style="cursor: pointer;" >
  687. <div class="cat-first-level first-level-only"><a href="https://onlux.com.hk/price">價目</a></div>
  688. </li>
  689.                    <li class="cat_menu" style="cursor: pointer;" onClick="toggleMenu(this,event)">
  690. <div class="cat-first-level">限時優惠</div>
  691.                        <div class="cat_menu-item">
  692.                            <a href="https://onlux.com.hk/cell-awakening-lead" >肌底覺醒<span class="eng">&#8482;</span>&nbsp;療程</a>
  693.                            <a href="https://onlux.com.hk/pico-master-lead" ><span class="eng upper">Pico Master&#8482;</span>&nbsp;去斑療程</a>
  694.                            <a href="https://onlux.com.hk/power-laser-lead" ><span class="eng upper">Power Laser&#8482;</span>&nbsp;脫毛療程</a>
  695.                            <a href="https://onlux.com.hk/4d-scanner" ><span class="eng upper">P2P</span>三層秒效修脂療程</a>
  696.                        </div>
  697. </li>
  698.                    
  699.            
  700.                       <li class="cat_menu" style="cursor: pointer;" >
  701. <div class="cat-first-level first-level-only"><a href="https://onlux.com.hk/knowledge">小知識</a></div>
  702. </li>
  703.                    
  704.                    
  705.                    
  706.                    <li class="cat_menu" style="cursor: pointer;" onClick="toggleMenu(this,event)">
  707. <div class="cat-first-level">聯繫我們</div>
  708.                        <div class="cat_menu-item">
  709.                            <a href="https://onlux.com.hk/address" >分店門市</a>
  710.                            <a href="https://onlux.com.hk/suggestion" >意見回饋</a>
  711.                            <a href="https://onlux.com.hk/recruit" >人才招聘</a>
  712.                        </div>
  713. </li>
  714.                </ul>
  715.                <script>
  716.                function toggleMenu(element,event){
  717.                    event.stopPropagation();
  718.                    $('.cat_menu:not(.active)').removeClass('active');
  719.                    if(!$(element).hasClass('active')){
  720.                        $(element).addClass('active');
  721.                    } else $(element).removeClass('active');
  722.                }
  723.                </script>
  724.              
  725.                        
  726.        </div>
  727. </div>
  728. </div>
  729.  
  730. <h1 class="global-h1-title">OnLux 肌底療程專家</h1>
  731. <style>
  732. #product-banner:before{
  733.    padding-bottom: 55%;
  734. }
  735. .home-black {
  736.    max-width: 1200px;
  737.    margin-left: auto;
  738.    margin-right: auto;
  739. }
  740. .home-pico {display:none;}
  741. .banner-image {
  742.    width: 100%;
  743.    margin-bottom: 30px;
  744. }
  745.  
  746. .banner-image.top-slice{
  747.    margin-bottom :0;
  748. }
  749. .banner-image.image-title {
  750.    width: 95%;
  751.    margin: 0 auto;
  752. }
  753. .banner-back{
  754.    width: 100%;
  755.    background-image: url('/assets/promotion/LANDING-BG1-bottom-slice.jpg');
  756.    background-repeat: repeat-y;
  757.    color: #fff;
  758. }
  759. .banner-back.black{
  760.    width: 100%;
  761.    background-image: url('/assets/promotion/LANDING-BG2-2.jpg');
  762.    background-repeat: no-repeat;
  763.    background-position: top center;
  764.    background-size: 100% 100%;
  765. }
  766. .banner-back .back-inner{
  767.    padding : 5% 10%;
  768.    line-height: 24px;
  769.    font-weight: 300;
  770.    font-size:18px;
  771.    font-family:DFHeiHK;
  772. }
  773.  
  774. .banner-back .back-inner .eng{
  775.    font-family:arial;
  776. }
  777. .back-inner h3{
  778.    font-size: 30px;
  779.    margin-bottom: 30px;
  780. }
  781.  
  782.  
  783. .banner-back.black .back-inner {
  784.    color: #818181;
  785.    color: #939598;
  786.    padding: 28% 10%;
  787.    padding-bottom: 5%;
  788.    width: 650px;
  789.    margin: 0 auto;
  790. }
  791.  
  792.  
  793. .banner-back.black
  794. .back-inner h3{
  795.    font-size: 35px;
  796.    margin-bottom: 0;
  797. }
  798.  
  799.  
  800. .banner-back.black
  801. .back-inner h4{
  802.   font-size: 27px;
  803.    margin-bottom: 20px;
  804.    margin-top: 4px;
  805.    font-family:'Arial';
  806. }
  807.  
  808.  
  809. .banner-back.black
  810. .inner-img {
  811.    width : 100%;
  812.    padding-bottom: 5%;
  813.    margin-top: 10%;
  814. }
  815. .inner-img img {
  816.    width : 100%;
  817. }
  818. .img-para {
  819.    display: flex;
  820.    align-items: center;
  821. }
  822. .back-inner .img-para img {
  823.    height: 40px;
  824.    position: relative;
  825.    left: -14px;
  826. }
  827.  
  828. .back-inner .img-para span {
  829.    position: relative;
  830.    left: -15px;
  831. }
  833. @media only screen and (max-width: 800px){
  834.      #article .headline {
  835.        padding-top: 20px;
  836.        padding-bottom: 0;
  837.    }
  838.    .banner-back  .back-inner {  font-size:14px;}
  839.    .banner-back.black .back-inner {
  840.        padding-top:46%;
  841.        padding-bottom: 51%;
  842.        padding-left: 22%;
  843.        padding-right : 5%;
  844.    }
  845.    .banner-back.black .inner-img {
  846.        padding-bottom: 18%;
  847.        margin-top: -11%;
  848.    }
  849.    
  850. }
  851. @media only screen and (max-width: 500px){  
  852.    #ui-datepicker-div {
  853.        left: 5%!important;
  854.    }
  855.    #article .headline {
  856.        padding-top: 20px;
  857.        padding-bottom: 0;
  858.    }
  859.    .banner-back  .back-inner {  font-size:14px;}
  860.    .banner-back.black .back-inner {
  861.        padding-top:46%;
  862.        padding-bottom: 51%;
  863.        width: 100%;
  864.        padding-left: 15%;
  865.        padding-right : 5%;
  866.    }
  867.    .banner-back.black .inner-img {
  868.        padding-bottom: 18%;
  869.        margin-top: -11%;
  870.    }
  871. }
  872. @media only screen and (max-width: 416px){
  873.      .banner-back.black .back-inner {
  874.        padding-left: 10%;
  875.    }
  876. }
  877. @media only screen and (max-width: 400px){
  878.    #article .headline {
  879.        padding-top: 20px;
  880.        padding-bottom: 0;
  881.    }
  882.    .banner-back  .back-inner {  font-size:14px;}
  883.    .banner-back.black .back-inner {
  884.        padding-top:46%;
  885.        padding-bottom: 51%;
  886.        width: 100%;
  887.        padding-left : 8%;
  888.        padding-right : 5%;
  889.    }
  890.    .banner-back.black .inner-img {
  891.        padding-bottom: 18%;
  892.        margin-top: -11%;
  893.    }
  894. }
  895.  
  896. #form-container{
  897.    padding-top: 10px;
  898.    max-width: 673px;
  899.    margin: 0 auto;
  900.    padding: 0px;
  901.    position: relative;
  902.    padding-top: 5px;
  903. }
  904. .underline-field.auto {
  905.    padding-top: 0;
  906.    padding-bottom: 0;
  907. }
  908. .underline-field {
  909.    min-height: 40px;
  910.    font-size: 14px;
  911.    min-height: 30px;
  912. }
  913. .underline-field .field-label {
  914.    padding-right: 10px;
  915.    white-space: nowrap;
  916.    min-width: 80px;
  917. }
  918. .underline-field input[type="text"] {
  919.    border: 0;
  920.    border-bottom: 2px solid #b1b1b1;
  921.    width: 100%;
  922.    padding-left: 5px;
  923.    height: 40px;
  924.    border-radius: 0px;
  925.    font-size: 14px;
  926.    height: 30px;
  927. }
  928. .underline-field select {
  929.     border: 0;
  930.     border-bottom: 2px solid #b1b1b1;
  931.     width: 100%;
  932.     height: 40px;
  933.     background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat;
  934.     -moz-appearance: none;
  935.     -webkit-appearance: none;
  936.     border-radius : 0px;
  937.     padding-left : 4px;
  938.     background-position : top right ;
  939.     background-size : 40px 40px;
  940.     font-size: 14px;
  941.     height: 30px;
  942.     line-height: 30px;
  943.     background-size : 30px 30px;
  944. }
  945. .underline-field.terms {
  946.    font-size: 12px;
  947.    padding-top: 20px;
  948.    padding-bottom: 0;
  949. }
  950. .btn-group, .btn-group-vertical {
  951.    display: block;
  952. }
  953. .underline-field input[type="reset"] {
  954.    background-color: transparent;
  955.    color: #a6a6a6;
  956.    border: 1px solid #b6d7dd;
  957. }
  958. .underline-field .btn-style {
  959.    position: relative;
  960.    display: inline-block;
  961.    vertical-align: middle;
  962.    width: 146px;
  963.    height: 40px;
  964.    text-decoration: none;
  965.    transition: all .5s;
  966.    font-size: 14px;
  967.    height: 30px;
  968. }
  969. label.radioLabel {
  970.    display: inline-block;
  971.    margin-bottom: 0px;
  972.    font-weight: normal;
  973.    margin-right: 0px;
  974. }
  975. .input__fake__content {
  976.    position: relative;
  977.    display: inline-block;
  978.    vertical-align: middle;
  979. }
  980. .input__fake__content.ie-width-fix {
  981.    width: 100%;
  982. }
  983. .input__fake__content label.radioLabel .radioContent {
  984.    position: relative;
  985.    padding-left: 22px;
  986.    margin-right: 10px;
  987.    min-height: 18px;
  988.    display: flex;
  989.    align-items: center;
  990.    cursor: pointer;
  991. }
  992. .input__fake__content label.radioLabel .radioContent::before {
  993.    content: "";
  994.    position: absolute;
  995.    box-sizing: border-box;
  996.    width: 18px;
  997.    height: 18px;
  998.    background-color: #fff;
  999.    border: 1px solid #b6d7dd;
  1000.    top: 0;
  1001.    left: 0;
  1002.    transition: all .25s;
  1003. }
  1004. .input__fake__content label.radioLabel input:checked+.radioContent::before {
  1005.    background-color: #b6d7dd;
  1006. }
  1007. .form-bottom, #tnc-contianer, .underline-field input[type="button"], .underline-field input[type="button"]:hover, .underline-field input[type="reset"]:hover, .input__fake__content label.radioLabel input:checked+.radioContent::before {
  1008.    background-color: #a38a77;
  1009. }
  1010. #tnc-contianer {
  1011.    padding-bottom: 0;
  1012.    display: flex;
  1013.    flex-direction: column;
  1014.    align-items: center;
  1015.    color: #ffffff;
  1016.    font-size: 11px;
  1017.    padding: 20px;
  1018. }
  1019. #tnc-contianer ul, ol {
  1020.    margin-top: 0;
  1021.    margin-bottom: 10px;
  1022.    padding-left: 40px;
  1023.    padding-bottom: 20px;
  1024. }
  1025. .terms-title {
  1026.    font-weight: bold;
  1027.    text-align: center;
  1028. }
  1029. .underline-field.terms .input__fake__content .radioContent {
  1030.    padding-bottom: 10px;
  1031. }
  1032. .underline-field.with-inner .country-code {
  1033.    width: 84px;
  1034.    margin-right: 10px;
  1035. }
  1036. .underline-field.with-inner {
  1037.    display: flex;
  1038. }
  1039. .underline-field.with-inner  {
  1040.    margin-bottom: 5px;
  1041. }  
  1042. .underline-field.btn-group {
  1043.    margin-bottom: 10px;
  1044.    margin: 30px 0;
  1045.    width: 100%;
  1046.    text-align: center;
  1047. }
  1048. .underline-field .underline-group {
  1049.    padding-left:0px;
  1050. }
  1051. .underline-field .field-label {
  1052.    min-width: 120px;
  1053. }
  1054. .underline-field .field-input {
  1055.    flex: 1;
  1056.    display: flex;
  1057. }
  1058. .underline-field .field-input.wrap {
  1059.    flex-direction: column;
  1060. }
  1061. .underline-field .field-input .flex {
  1062.    flex: 1;
  1063. }
  1064. .underline-field .field-input select.error,  .underline-field .field-input   input[type="text"].error {
  1065.    border-color: #fdafaf;
  1066. }
  1067. .underline-field input[type="image"] {
  1068.    height: auto;
  1069.    max-width: 100%;
  1070.    width: 50%;
  1071. }
  1072. .underline-field.hints {
  1073.    margin-bottom: 10px;
  1074. }
  1075. .underline-field.with-inner .country-code {
  1076.    margin-right: auto;
  1077. }
  1078. .underline-field .field-input .dir-left {
  1079.   margin-right:5px;
  1080. }
  1081. .underline-field .field-input .dir-right {
  1082.   margin-right:5px;
  1083. }
  1084. select#gender {
  1085.    width: 80px;
  1086. }
  1087. .underline-field input[type="text"] {
  1088.    -webkit-appearance: none;
  1089. }
  1090. .underline-field input[type="text"],.underline-field select{
  1091.    border: 1px solid #93b2de;
  1092.    border-radius: 3px;
  1093. }
  1094. .underline-wrapper.form-start {
  1095.    padding: 0 20px;
  1096. }
  1097. .input__fake__content #acp_tnc-label.radioLabel .radioContent {
  1098.    display:block;
  1099. }
  1100. .underline-field .field-label, .underline-field.hints {
  1101.    font-size: 18px;
  1102. }
  1103. .underline-field.hints {
  1104.    margin-bottom: 10px;
  1105. }
  1106. #member-no-field { display:none;}
  1107. .standard-container {
  1108.    width : 100%;
  1109.    max-width : 1000px;
  1110.    margin:0 auto;
  1111.    text-align: center;
  1112. }
  1113. .standard-container.reg-title img { width : 85.8%;  max-width : 100%;}
  1114. .standard-container.reg-desc-title img { width : 85.8%;  max-width : 100%;}
  1115. .standard-container.reg-desc img { width : 1000px; max-width : 100%; }
  1116. .bottom-form-container { display:none;}
  1117. .bottom-form{color : #333}
  1118. .section .wrapper .item-wrapper {
  1119.    width: 100%;
  1120.    text-align: center;
  1121. }
  1122. .section.advantage2 .wrapper .item {
  1123.    margin: 0px 20px;
  1124. }
  1125. .extra-container {
  1126.    max-width: 1000px;
  1127.    width: 100%;
  1128.    margin: 0 auto;
  1129.    position: relative;
  1130.    background-color: #fff;
  1131.    display: flex;
  1132.    margin-top: 105px;
  1133.    flex-wrap: wrap;
  1134. }
  1135. .extra-container {
  1136.    margin-top: 0;
  1137. }
  1138. .extra-container .section {
  1139.    width: 100%;
  1140.    margin-bottom: 80px;
  1141. }
  1142. .extra-container .section {
  1143.    margin-bottom: 20px;
  1144. }
  1145. .extra-container .wrapper {
  1146.    display: flex;
  1147.    flex-wrap: wrap;
  1148.    margin: 0px 35px;
  1149. }
  1150. .extra-container .wrapper.left {
  1151.    justify-content: flex-start;
  1152.    margin-bottom: 50px;
  1153. }
  1154. .extra-container .wrapper.right {
  1155.    justify-content: flex-end;
  1156. }
  1157.  
  1158.  
  1159. .extra-container .section .title {
  1160.    background-size: contain;
  1161. }
  1162. .extra-container .wrapper .item img {
  1163.    width: 100%;
  1164. }
  1165.  .extra-container .section.advantage2 .wrapper .item img {
  1166.    max-width: 151px;
  1167.    width: 80%;
  1168. }
  1169. .section.advantage-4 .title {
  1170.    background-image: url('/assets/promotion/sub-topic-banner03.png');
  1171.    margin-bottom: 0;
  1172. }
  1173. .adv-rectback {
  1174.    background: url('/assets/promotion/landing-part4-bg-pc.jpg');
  1175.    background-position: right top;
  1176.    background-repeat: no-repeat;
  1177.    background-size: cover;
  1178. }
  1179.            
  1180. .adv-items {
  1181.    display: flex;
  1182.    flex-direction: column;
  1183.    padding-top: 59px;
  1184. }  
  1185.  
  1186. .adv-item {
  1187.    background: url('/assets/promotion/landing-part4-icon-pc.png');
  1188.    background-repeat: no-repeat;
  1189.    background-position: left top;
  1190.    margin-bottom: 71px;
  1191.    display: flex;
  1192.    align-items: center;
  1193.    justify-content: flex-end;
  1194.    height: 76px;
  1195.    width: 1000px;
  1196.    text-align: right;
  1197.    position: relative;
  1198. }
  1199.  
  1200. .adv-item.s1 {
  1201.     padding-right: 17%;
  1202.    background-position: -120px;
  1203. }
  1204. .adv-item.s2 {
  1205.    padding-right: 31%;
  1206.    background-position: -300px;
  1207. }
  1208. .adv-item.s3 {
  1209.    padding-right: 22%;
  1210.    background-position: -180px;
  1211. }
  1212. .adv-item.s4 {
  1213.   padding-right: 3%;
  1214.    background-position: -80px;
  1215. }
  1216.  
  1217. .advs-items {
  1218.    display: flex;
  1219.    padding-top: 25px;
  1220.    flex-wrap: wrap;
  1221. }
  1222. .advs-item {
  1223.    margin-bottom: 26px;
  1224.    display: flex;
  1225.    align-items: center;
  1226.    position: relative;
  1227.    justify-content: center;
  1228.    width: 50%;
  1229. }
  1230.  
  1231. .advs-item .item {
  1232.    height: 100%;
  1233.    position: relative;
  1234. }
  1235.  
  1236. .advs-item .text-wrapper {
  1237.    padding-left: 67px;
  1238.    display: flex;
  1239.    flex-direction: column;
  1240.    align-items: center;
  1241.    position: absolute;
  1242.    top: 0;
  1243.    height: 100%;
  1244.    width: 100%;
  1245.    justify-content: center;
  1246. }
  1247. .advs-item .topic-text {
  1248.    color: #344e5f;
  1249.    font-size: 30px;
  1250.    font-weight: bold;
  1251. }
  1252.  
  1253. .advs-item .desc-text {
  1254.    color: #fff;
  1255. }
  1256.  
  1257. .adv-item .topic-text {
  1258.    color: #742e00;
  1259.    font-weight: bold;
  1260.    font-size: 48px;
  1261.    position: relative;
  1262.    margin-right: 30px;
  1263. }
  1264.    
  1265. .adv-item .desc-text {
  1266.    font-size: 25px;
  1267.    font-weight: bold;
  1268.    line-height: 32px;
  1269. }
  1270.  
  1271. .section.advantage-4 .sub-title ,
  1272. .section.advantage-4s .sub-title ,
  1273. .section.compare .sub-title
  1274. {
  1275.    color: #742e00;
  1276.    font-size: 38px;
  1277.    font-weight: bold;
  1278.    text-align: center;
  1279. }
  1280.  
  1281. .section.compare .title {
  1282.    background-image: url('/assets/promotion/sub-topic-banner01.png');
  1283. }
  1284.  
  1285. .section.advantage2 {
  1286.    margin-bottom: 60px;
  1287. }
  1288.  
  1290.  
  1291. .standard-block.step .big-title{
  1292.    font-size: 60px;
  1293.    color: #997768;
  1294.    margin-top: 16px;
  1295.    margin-bottom: 25px;
  1296.    font-size: 53px;
  1297.    text-align: center;
  1298.    line-height: 1;
  1299.    letter-spacing: 4px;
  1300. }
  1301.  
  1302. @media only screen and (max-width: 1024px){
  1303.     .extra-container .section .title {
  1304.        background-size: cover;
  1305.     }
  1306.   .adv-rectback {
  1307.        background-image: url('/assets/promotion/landing-part4-bg-mo.jpg');
  1308.    }
  1309.    
  1310.    .adv-item {
  1311.          width: 100%;
  1312.          margin-bottom: 86px;
  1313.          height: auto;
  1314.          flex-direction:column;
  1315.    }
  1316.    
  1317.    .adv-item .desc-text{
  1318.        position: absolute;
  1319.        top: 68px;
  1320.    }
  1321.    .section.advantage-4 .sub-title ,
  1322.    .section.advantage-4s .sub-title ,
  1323.    .section.compare .sub-title
  1324.    {
  1325.        font-size: 37px;
  1326.        margin: 10px 0;
  1327.    }
  1328.    .adv-item.s1{padding-right: 0;}
  1329.    .adv-item.s2{padding-right: 35%;}
  1330.    .adv-item.s3{padding-right: 9%}
  1331.    .adv-item.s4{padding-right: 13%;background-position: -259px;}
  1332. }
  1333.  
  1334.  
  1335.  
  1336. @media only screen and (max-width: 810px){
  1337.    #tnc-contianer {
  1338.        padding-bottom: 20px;
  1339.    }
  1340.     img.mobile {
  1341.        display:block;
  1342.    }
  1343.    img.desktop {
  1344.        display:none;
  1345.    }
  1346.    .extra-banner {
  1347.         margin-top: 20px;
  1348.    }
  1349. }
  1350.  
  1351. @media only screen and (max-width: 775px){
  1352.    .advs-item .topic-text {
  1353.        font-size: 20px;
  1354.    }
  1355.    .advs-item .desc-text {
  1356.        font-size: 9px;
  1357.        padding-left: 10px;
  1358.    }
  1359.    .advs-item .text-wrapper {
  1360.        padding-left: 24px;
  1361.    }
  1362. }
  1363.  
  1364.  
  1365.  
  1366. @media (max-width: 660px){
  1367.    .pico-table img.icon {
  1368.        height: 20px;
  1369.    }
  1370.    .extra-container {
  1371.        margin-top: 0px;
  1372.    }
  1373.    .extra-container.mobile .section.compare {
  1374.         padding:0px;
  1375.    }
  1376.    .section.advantage2 .wrapper .item {
  1377.        width: 48%;
  1378.        width: 30%;
  1379.        margin: 1%;
  1380.    }
  1381.    .extra-container .wrapper.left {
  1382.        margin-bottom: 0px;
  1383.    }
  1384.    
  1385.    .extra-container .wrapper.left, .extra-container .wrapper.right {
  1386.        justify-content: center;
  1387.    }
  1388.    .extra-container .wrapper .item img {
  1389.        width: 100%;
  1390.    }
  1391.    
  1392.    .extra-container .section.advantage2 .wrapper .item img {
  1393.        max-width: 151px;
  1394.        width: 80%;
  1395.    }
  1396.    .extra-container .section.advantage2 .wrapper .item img {
  1397.        width: 90%;
  1398.    }
  1399.    .section.compare .title {
  1400.        background-size: 950px;
  1401.        margin-bottom: 0;
  1402.    }
  1403.    
  1404.    .adv-item .topic-text {
  1405.        font-size: 35px;
  1406.    }
  1407.    .adv-item .desc-text{
  1408.        font-size:18px;
  1409.        top: 53px;
  1410.    }
  1411.    
  1412.    .advs-item .text-wrapper {
  1413.        
  1414.    }
  1415.    .extra-container .section {
  1416.        margin-bottom: 0px;
  1417.    }
  1418.    
  1419. }
  1420.  
  1421. @media (max-width: 500px){
  1422.    select#gender {
  1423.        width : 50px;
  1424.    }
  1425.    .underline-field.with-inner .country-code{
  1426.        width: 65px;
  1427.    }
  1428.    .underline-wrapper.form-start {
  1429.        padding: 0 25px;
  1430.        padding-top: 10px;
  1431.    }
  1432.    .underline-field .field-label {
  1433.        min-width: 80px;
  1434.    }
  1435.     .pico-table {
  1436.        font-size: 15px;
  1437.        padding: 0 10px;
  1438.    }
  1439.    .adv-items {    padding-top: 0;}
  1440.    .adv-item {}
  1441.  
  1442.    
  1443.    .adv-item .topic-text {
  1444.        height: 47px;
  1445.        font-size: 25px;
  1446.        display: flex;
  1447.        align-items: center;
  1448.    }
  1449.    .adv-item .desc-text{
  1450.      
  1451.    }
  1452.    .section.advantage-4 .title{
  1453.        background-size: 935px;
  1454.    }
  1455.    .section.advantage-4 .sub-title,
  1456.    .section.advantage-4s .sub-title,
  1457.    .section.compare .sub-title
  1458.    {
  1459.        font-size: 16px;
  1460.    }
  1461.    .extra-container .wrapper{
  1462.        margin: 0px;
  1463.    }
  1464. }
  1465. @media only screen and (max-width: 450px){
  1466.    .field-label.short-pad {
  1467.        display: none;
  1468.    }
  1469.    .underline-group.booking-treatment {
  1470.        padding-bottom:0px;
  1471.    }  
  1472.    underline-field.hints, .underline-field .field-label {
  1473.        font-size: 14px;
  1474.    }
  1475.     .adv-item.s1 {  
  1476.        background-position: 70% 100%;
  1477.        background-size: 200% 100%;
  1478.    }
  1479.    .adv-item.s1 {
  1480.        padding-left: 60px;
  1481.    }
  1482.    .adv-item.s2 {
  1483.        padding-left: 0;
  1484.        padding-right: 0;
  1485.    }
  1486.    .adv-item.s3 {
  1487.        padding-left: 0;
  1488.        padding-right: 0;
  1489.    }
  1490.    .adv-item.s4 {
  1491.        padding-left: 0;
  1492.        padding-right: 0;
  1493.    }
  1494. }
  1495. </style>
  1496. <div id="wrapper">
  1497. <div id="article">
  1498.                
  1499.                
  1500.      
  1501.        <div id="product-banner">
  1502.            <div class="banners">
  1503.               <a href="javascript:void(0);" onClick="enableSound()"  id="" class="banner" >
  1504.                    <div class="object-wrapper">
  1505.                        <div class="object" ><section class="videobg-desktop videobg-section"></section></div>
  1506.                    </div>
  1507.                </a>
  1508.            </div>
  1509.        </div>
  1510.        
  1511.        
  1512.          <!-- <div id="product-banner">
  1513.            <div class="banners">
  1514.                <a  href="https://onlux.com.hk/388pico_online_special_offer/promotion/form"  class="banner desktop" style=" background-image: url('/assets/promotion/OnLux ad landing_mainpage_desktop.jpg');"></a>
  1515.                <a href="https://onlux.com.hk/388pico_online_special_offer/promotion/form"   class="banner mobile"  style=" background: url('/assets/promotion/OnLux ad - mobile.jpg');background-size: cover;"><img alt="OnLux Pico Master" src="https://onlux.com.hk/assets/images/test/mv0001.jpg" class="img-holder "></a>
  1516.            </div>
  1517.        </div>-->
  1518.  
  1519.    
  1520.                  
  1522. <link rel="preconnect" href="https://fonts.googleapis.com">
  1523. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  1524. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap" rel="stylesheet">
  1525. <style>
  1526.    #product-banner .banner , #product-banner .banner.mobile {
  1527.        background:none;
  1528.    }
  1529.    #product-banner:before {
  1530.        padding-bottom: 56.25%;
  1531.    }  
  1532.    
  1533.    @media (max-width: 990px){
  1534.        .closing-menu #header{
  1535.            position:relative;
  1536.        }
  1537.        #product-banner {
  1538.            overflow: initial;  
  1539.            margin-top: 0;
  1540.        }
  1541.        
  1542.        #product-banner .banner.mobile {
  1543.            display : none;
  1544.            width: 100%;
  1545.            height: auto;
  1546.            position: relative;
  1547.        }
  1548.      
  1549.        #product-banner .banner.mobile .img-holder {
  1550.            visibility: hidden;
  1551.        }
  1552.      
  1553.        #product-banner .banner.mobile .object-img-wrapper {
  1554.            position: absolute;
  1555.            width: 100%;
  1556.            height: 100%;
  1557.            top: 0;
  1558.            left: 0;
  1559.        }
  1560.        
  1561.        #product-banner .banner.mobile img {
  1562.            width: 100%;
  1563.        }
  1564.        #product-banner .banner,
  1565.        #product-banner:before {
  1566.            display :block;
  1567.        }
  1568.  
  1569. }
  1570.  
  1571.    .standard-block.step .step-title {
  1572.        width: 50%;
  1573.    }
  1574.    .step-content .step-separator{
  1575.        margin-top: 64px;
  1576.        margin-bottom: 0;
  1577.    }
  1579.    
  1580.    .standard-block.cell .text-block{
  1581.       color:#7c4e44;
  1582.       padding-left: 63px;
  1583.    }
  1584.    .standard-block.cell .text-block .title{
  1585.      /*   margin-bottom: 10px; */
  1586.    }
  1587.    .standard-block.cell .text-block .text{
  1588.        line-height:1;
  1589.    }
  1590.    .standard-block.balance .text-block{
  1591.        text-align: center;
  1592.    }
  1593.     .standard-block.balance .text-block .title{
  1594.        color:#e8b2a6;
  1595.    }
  1596.    
  1597.    .standard-block.trip .text-block{
  1598.        padding-left: 63px;
  1599.        padding-right: 63px;
  1600.        color:#7c4e44;
  1601.    }
  1602.  
  1603.    .standard-block.trip .standard-button{
  1604.        margin-top:63px;
  1605.    }
  1606.    .standard-block.visitor92 {
  1607.        margin-bottom:0;
  1608.    }
  1609.  
  1610.    .standard-block.visitor92 .text-block{
  1611.        padding-top:63px;
  1612.        padding-left:63px;
  1613.        padding-right:63px;
  1614.        display:flex;
  1615.    }
  1616.  
  1617.    .standard-block.visitor92 .text-block .title {
  1618.        padding-top: 0;
  1619.        padding-right: 16px;
  1620.        padding-right: 25px;
  1621.        font-family: 'dinotregular';
  1622.        letter-spacing: -8px;
  1623.        font-size:106px;
  1624.        line-height: 1;
  1625.        
  1626.    }
  1627.    .standard-block.visitor92 .text-block .title .text-control{
  1628.        font-size:1em;
  1629.        display: flex;
  1630.        align-items: flex-end;  
  1631.    }
  1632.    .standard-block.visitor92 .text-block .text span {
  1633.        white-space:nowrap;
  1634.    }
  1635.    .standard-block.visitor92 .text-block .title span.span-wrap.num{
  1636.        padding-right: 4px;
  1637.    }
  1638.    .standard-block.visitor92 .text-block .title span.span-wrap.percentage{
  1639.        font-size:0.6em;
  1640.        padding-bottom: 6px;
  1641.    }
  1642.    .standard-block.visitor92 .text-block .text{
  1643.        flex:1;
  1644.    }
  1645.    .standard-block.home-right-text   {
  1646.        text-align: center;
  1647.        margin: 0;
  1648.    }
  1649.    .standard-block.home-right-text img {
  1650.        margin-top: 160px;
  1651.    }  
  1652.  
  1653.    @media (max-width:1530px){
  1654.            
  1655.        .standard-form-block .big-title .text-control, .standard-block .text-block .big-title .text-control, .standard-block.step .big-title .text-control{
  1656.            font-size: 0.8em;
  1657.        }
  1658.        .standard-block.home-right-text img {
  1659.            margin-top: 15%;
  1660.        }
  1661.  
  1662.    }
  1663.    @media (max-width:1440px){
  1664.        .standard-block.balance .text-block .text {
  1665.        /*     line-height: 1.3em; */
  1666.        }
  1667.      
  1668.      /*   .standard-block.trip .text-block .title {
  1669.            margin-top: 8%;
  1670.            margin-bottom: 5%;
  1671.        } */
  1672.        .standard-block.trip .text-block .text {
  1673.          /*   line-height: 1.3em; */
  1674.        }
  1675.      
  1676.       .standard-block.cell .text-block .title{
  1677.            margin-bottom:1.42%;
  1678.            margin-bottom:3.65%;
  1679.       }
  1680.        .standard-block.trip .standard-button {
  1681.            margin-top: 10%;
  1682.        }
  1683.        .standard-block.visitor92 .text-block {
  1684.            padding-top: 8%;
  1685.            padding-left: 8%;
  1686.            padding-right: 5%;
  1687.        }
  1688.        .standard-block.visitor92 .text-block .title {
  1689.            padding-right: 5%;
  1690.        }
  1691.        .standard-block.visitor92 .text-block .title .num{
  1692.      
  1693.        }
  1694.        .standard-block.visitor92 .text-block .title .num span{
  1695.            font-size:0.75em;
  1696.        }
  1697.        .standard-block.visitor92 .text-block .title .percentage span{
  1698.            font-size:0.75em;
  1699.        }
  1700.        .standard-block.visitor92 .text-block .text {
  1701.          /*   line-height: 1.3em; */
  1702.        }
  1703.        .standard-block.cell .text-block .text {
  1704.          /*   line-height: 1em; */
  1705.        }
  1706.        
  1707.    }
  1708.    @media (max-width:1300px){
  1709.    }
  1710.    @media (max-width:1290px){
  1711.          
  1712.        .standard-form-block .big-title .text-control, .standard-block .text-block .big-title .text-control, .standard-block.step .big-title .text-control{
  1713.            font-size: 0.7em;
  1714.        }
  1715.        .standard-block.home-right-text img {
  1716.        }
  1717.        .standard-block.visitor92 .text-block .title .text-control{
  1718.            font-size:1em;
  1719.        }
  1720.        .standard-block.visitor92 .text-block .title span.span-wrap.num{
  1721.            font-size:0.59em;
  1722.            padding-right: 4px;
  1723.        }
  1724.        .standard-block.visitor92 .text-block .title span.span-wrap.percentage{
  1725.            font-size:0.4em;
  1726.        }
  1727.    }
  1728.    @media (max-width:1268px){
  1729.        .standard-block.visitor92 .text-block .text {
  1730.         /*    line-height: 1.2em; */
  1731.        }
  1732.        .standard-block.visitor92 .text-block .title{
  1733.            letter-spacing: -6px;
  1734.        }
  1735.        .standard-block.visitor92 .text-block .title .num span {
  1736.            font-size:0.6em;
  1737.        }
  1738.        .standard-block.visitor92 .text-block .title .percentage span {
  1739.            font-size:0.6em;
  1740.        }
  1741.        .standard-block.visitor92 .text-block .text span {
  1742.            white-space:normal;
  1743.        }
  1744.        .standard-block.visitor92 .text-block .text span br{
  1745.            display:none;
  1746.        }
  1747.        .standard-block.cell .text-block .title{
  1748.            margin-top: 10%;
  1749.        }
  1750. /*         .standard-block.balance .text-block .title {
  1751.            margin-top: 7%;
  1752.        } */
  1753.        .standard-block.trip .text-block .text {
  1754.         /*    line-height:0.9em; */
  1755.        }
  1756.    }
  1757.  
  1758.    @media (max-width: 1080px){
  1759.        .standard-block.home-promote-text   {
  1760.            padding-left:80px;
  1761.            margin-bottom:76px;
  1762.            margin-top:76px;
  1763.        }
  1764.        .standard-block.home-promote-text img {
  1765.            margin:0;
  1766.        }
  1767.        .standard-block.home-right-text   {
  1768.           margin-top:130px;
  1769.           margin-bottom:130px;
  1770.        }
  1771.        .standard-block.home-right-text img {
  1772.            margin:0;
  1773.        }
  1774.    }
  1775.    
  1776.    @media (max-width: 800px){
  1777.        .standard-block.balance .text-block .text {
  1778.          /*   line-height: 1.5em; */
  1779.        }
  1780.    }
  1781.    
  1782.    @media (max-width: 767px){
  1783.       .standard-block.home-promote-text   {
  1784.            margin-top: 60px;
  1785.            margin-bottom: 60px;
  1786.            padding-left: 20px;
  1787.            padding-right: 20px;
  1788.        }
  1789.        .standard-block.home-right-text   {
  1790.            margin-top:60px;
  1791.            margin-bottom:60px;
  1792.            padding-left: 20px;
  1793.            padding-right: 20px;
  1794.        }
  1795.    }
  1796.    @media (max-width: 500px){
  1797.        .standard-block.home-promote-text   {
  1798.            padding-left: 30px;
  1799.            padding-right: 100px;
  1800.        }
  1801.        .standard-block.home-right-text{
  1802.        }
  1803.  
  1804.        .standard-block.trip .text-block{
  1805.            padding-left: 33px;
  1806.            padding-right: 33px;
  1807.        }
  1808.        .standard-block.balance .text-block .text {
  1809.      
  1810.        }
  1811.        
  1812.    }
  1813.    @media (max-width: 450px){
  1814.    }
  1815.    @media (max-width: 413px){
  1816.    }
  1817.    @media (max-width: 376px){
  1818.    }
  1819.    .btn_tab{display:none;}
  1820. </style>
  1821.  
  1822.            <div class="standard-full-container mobile-block">
  1823.                <div class="standard-block home-promote-text">
  1824.                    <img src="/assets/images/new/b-home-promote-text.png"/>
  1825.                </div>
  1826.                  <div class="standard-block wakeup">
  1827.                    <img class="background" src="/assets/images/new/d-block1.jpg"/>
  1828.                    <div class="text-block"><img class="title" src="/assets/images/new/e-block1-text.png"></div>
  1829.                </div>
  1830.                  <div class="standard-block balance">
  1831.                    <img class="background" src="/assets/images/new/d-block2.jpg"/>
  1832.                    <div class="text-block">
  1833.                        <img class="title" src="/assets/images/new/e-block2-text.png">
  1834.                        <div class="text"><div class="text-control"><span class="span-wrap">根源著手，平衡內在<br>回到最初狀態。</span></div></div>
  1835.                    </div>
  1836.                </div>
  1837.                 <div class="standard-block cell">
  1838.                    <img class="background" src="/assets/images/new/c-block3.jpg"/>
  1839.                    <div class="text-block">
  1840.                        <img class="title" src="/assets/images/new/f-block3-text.png"><div class="text"><div class="text-control"><span class="span-wrap">重啟肌底健康運作</span></div></div>
  1841.                    </div>
  1842.                 </div>
  1843.                <div class="standard-block trip">
  1844.                    <img class="background" src="/assets/images/new/c-block4.jpg"/>
  1845.                    <div class="text-block">
  1846.                        <img class="title" src="/assets/images/new/e-block4-text.png">
  1847.                        <div class="text"><div class="text-control"><span class="span-wrap">肌膚重新認知、重新啟動、重新健康運作，發揮吸水、鎖水及自生膠原能力，肌膚便能回到根本、最初，美麗重生。</span>
  1848.                        </div>
  1849.                        </div>
  1850.                         <div class="generic-block"><div class="button-container"><button type="button" class="standard-button home" onClick="toHomeForm()">美麗啟程</button></div></div>
  1851.                     </div>
  1852.                 </div>
  1853.                
  1854.                <div class="standard-block">
  1855.          
  1856.             <div class="standard-block step">
  1857.                <div class="step-content">
  1858.                    <div class="step-title"><img src="/assets/images/new/step-cleanup.png"></div>
  1859.                    <div class="generic-block">
  1860.                        <div class="big-title"><div class="text-control" ><span class="span-wrap">淨肌</span></div></div>
  1861.                        <div class="title"><div class="text-control" ><span class="span-wrap">深層螺旋毛孔淨化</span></div></div>
  1862.                        <div class="text">
  1863.                            <div class="summary"><div class="text-control" ><span class="span-wrap">打通細胞管道 肌底注氧</span></div></div>
  1864.                        </div>
  1865.                    </div>
  1866.                    <div class="step-separator"><img src="/assets/images/new/step-separator.png"></div>
  1867.                </div>  
  1868.                <div class="step-content">
  1869.                   <div class="step-title"><img src="/assets/images/new/c-step-wakeup.png"></div>
  1870.                    <div class="generic-block">
  1871.                        <div class="big-title"><div class="text-control" ><span class="span-wrap">活肌</span></div></div>
  1872.                        <div class="title"><div class="text-control" ><span class="span-wrap">粉底膠原激光槍</span></div></div>
  1873.                        <div class="text">
  1874.                             <div class="summary"><div class="text-control" ><span class="span-wrap">喚活肌底細胞 提升肌膚彈性</span></div></div>
  1875.                        </div>
  1876.                    </div>
  1877.                    <div class="step-separator"><img src="/assets/images/new/step-separator.png"></div>
  1878.                </div>
  1879.                <div class="step-content">
  1880.                   <div class="step-title"><img src="/assets/images/new/a-step-lockup.png"></div>
  1881.                    <div class="generic-block">
  1882.                        <div class="big-title"><div class="text-control" ><span class="span-wrap">鎖肌</span></div></div>
  1883.                        <div class="title"><div class="text-control" ><span class="span-wrap"><span class="eng start">Q10</span>水晶蕃茄鎖養修護</span></div></div>
  1884.                        <div class="text">
  1885.                             <div class="summary"><div class="text-control" ><span class="span-wrap">強化肌底 鎖住水份、膠原、營養</span></div></div>
  1886.                        </div>
  1887.                    </div>
  1888.                </div>  
  1889.            </div>
  1890.                
  1891.                  
  1892.                 </div>
  1893.                
  1894.                 <div class="standard-block visitor92">
  1895.                    <img class="background desktop-block" src="/assets/images/new/d-block5.jpg"/>
  1896.                    <img class="background mobile-block" src="/assets/images/new/c-block5m.jpg"/>
  1897.                    <div class="text-block">
  1898.                        <div class="title"><div class="text-control"><span class="span-wrap num">92</span><span class="span-wrap  percentage">%</span></div></div>
  1899.                        <div class="text"><div class="text-control"><span class="span-wrap">受訪者認為要達至肌膚最佳<br>狀態，必須從根源改善肌膚<br>問題，重整肌底是最重要一步。</span></div></div>
  1900.                    </div>
  1901.                 </div>
  1902.                 <div class="standard-block home-right-text">
  1903.                     <img class="" src="/assets/images/new/e-home-right-text.png"/>
  1904.                 </div>
  1905.            </div>
  1906.            
  1907.            <div class="standard-column-container desktop-block">
  1908.                <div class="standard-columns">
  1909.                    <div class="standard-column left">
  1910.                        <div class="standard-block home-promote-text">
  1911.                            <img src="/assets/images/new/d-home-promote-text.png"/>
  1912.                        </div>
  1913.                         <div class="standard-block wakeup">
  1914.                            <img src="/assets/images/new/d-block1.jpg"/>
  1915.                            <div class="text-block"><img class="title" src="/assets/images/new/e-block1-text.png"/></div>
  1916.                         </div>
  1917.                         <div class="standard-block cell">
  1918.                            <img src="/assets/images/new/c-block3.jpg"/>
  1919.                            <div class="text-block">
  1920.                                <img class="title" src="/assets/images/new/f-block3-text.png"/><br><div class="text"><div class="text-control"><span class="span-wrap">重啟肌底健康運作</span></div></div>
  1921.                            </div>
  1922.                         </div>
  1923.                         <div class="standard-block visitor92">
  1924.                            <img src="/assets/images/new/d-block5.jpg"/>
  1925.                            <div class="text-block">
  1926.                                <div class="title"><div class="text-control"><span class="span-wrap num">92</span><span class="span-wrap  percentage">%</span></div></div>
  1927.                                <div class="text"><div class="text-control"><span class="span-wrap">受訪者認為要達至肌膚最佳<br>狀態，必須從根源改善肌膚<br>問題，重整肌底是最重要一步。</span></div></div>
  1928.                            </div>
  1929.                         </div>
  1930.                    </div>
  1931.                    
  1932.                    <div class="standard-column right">
  1933.                        <div class="standard-block balance">
  1934.                            <img src="/assets/images/new/d-block2.jpg"/> <div class="text-block">
  1935.                            <img class="title" src="/assets/images/new/e-block2-text.png">
  1936.                            <div class="text"><div class="text-control"><span class="span-wrap">根源著手，平衡內在<br>回到最初狀態。</span></div></div></div>
  1937.                        </div>
  1938.                        <div class="standard-block trip"><img src="/assets/images/new/c-block4.jpg">
  1939.                            <div class="text-block"><img  class="title" src="/assets/images/new/e-block4-text.png"/>
  1940.                            <div class="text"><div class="text-control"><span class="span-wrap">肌膚重新認知、重新啟動、重新健康運作，發揮吸水、鎖水及自生膠原能力，肌膚便能回到根本、最初，美麗重生。</span>
  1941.                            </div></div>
  1942.                             <div class="generic-block"><button onClick="toHomeForm()" type="button" class="standard-button home">美麗啟程</button></div>
  1943.                             </div>
  1944.                         </div>
  1945.                            
  1946.                  
  1947.                    <div class="standard-block step">
  1948.                        <div class="step-content">
  1949.                            <div class="step-title"><img src="/assets/images/new/step-cleanup.png"></div>
  1950.                            <div class="generic-block">
  1951.                                <div class="big-title"><div class="text-control" ><span class="span-wrap">淨肌</span></div></div>
  1952.                                <div class="title"><div class="text-control" ><span class="span-wrap">深層螺旋毛孔淨化</span></div></div>
  1953.                                <div class="text">
  1954.                                    <div class="summary"><div class="text-control" ><span class="span-wrap">打通細胞管道 肌底注氧</span></div></div>
  1955.                                </div>
  1956.                            </div>
  1957.                            <div class="step-separator"><img src="/assets/images/new/step-separator.png"></div>
  1958.                        </div>  
  1959.                        <div class="step-content">
  1960.                           <div class="step-title"><img src="/assets/images/new/c-step-wakeup.png"></div>
  1961.                            <div class="generic-block">
  1962.                                <div class="big-title"><div class="text-control" ><span class="span-wrap">活肌</span></div></div>
  1963.                                <div class="title"><div class="text-control" ><span class="span-wrap">粉底膠原激光槍</span></div></div>
  1964.                                <div class="text">
  1965.                                     <div class="summary"><div class="text-control" ><span class="span-wrap">喚活肌底細胞 提升肌膚彈性</span></div></div>
  1966.                                </div>
  1967.                            </div>
  1968.                            <div class="step-separator"><img src="/assets/images/new/step-separator.png"></div>
  1969.                        </div>
  1970.                        <div class="step-content">
  1971.                           <div class="step-title"><img src="/assets/images/new/a-step-lockup.png"></div>
  1972.                            <div class="generic-block">
  1973.                                <div class="big-title"><div class="text-control" ><span class="span-wrap">鎖肌</span></div></div>
  1974.                                <div class="title"><div class="text-control" ><span class="span-wrap"><span class="eng start">Q10</span>水晶蕃茄鎖養修護</span></div></div>
  1975.                                <div class="text">
  1976.                                     <div class="summary"><div class="text-control" ><span class="span-wrap">強化肌底 鎖住水份、膠原、營養</span></div></div>
  1977.                                </div>
  1978.                            </div>
  1979.                        </div>  
  1980.                    </div>
  1981.                  
  1982.                        
  1983.                        
  1984.                         <div class="standard-block home-right-text">
  1985.                            <img src="/assets/images/new/b-home-right-text.png"/>
  1986.                         </div>
  1987.                      
  1988.                    </div>
  1989.                </div>
  1990.            </div>
  1991.            
  1992.            <style>
  1993. .power_laser .banner-brand{
  1994.    background-color:#bb8869;
  1995. }
  1996. .pico-master_dev .banner-brand{
  1997.    background-color:#b08069;
  1998. }
  1999.  
  2000. .modal-control  .text-block .text ol{
  2001.    padding-left:6%;
  2002. }
  2003. .modal-control .text-block .text ol li{
  2004.    margin-bottom: 8px;
  2005.    line-height:1.3;
  2006. }
  2007. #modal-form-terms .modal-control .text-block .title{
  2008.    letter-spacing:3px;
  2009. }
  2010. #modal-form-terms .to-show{
  2011.   display:none;
  2012. }
  2013.  
  2014. .form-column .title br.to-show{
  2015.   display:none;
  2016. }
  2017. .form-column.error{
  2018.  
  2019.    margin-bottom:20px;
  2020. }
  2021. .form-column.error .error-message{
  2022.    color:#ff8585;
  2023.    font-size:20px;
  2024. }
  2025. .standard-form-block .standard-form-field.text-hints .text-control{
  2026.    width:100%;
  2027. }
  2028. .hints-item {
  2029.    display: flex;
  2030.    width:100%;
  2031. }
  2032. .hints-item .hints-value{
  2033.  flex:1;
  2034. }  
  2035. .banner-brand {
  2036.    display:none;
  2037. }
  2038. @media (max-width: 1080px){
  2039.    .banner-brand {
  2040.        display:none;
  2041.    }
  2042. }
  2043. @media (max-width: 1530px){
  2044.    .standard-form-block .standard-form-field.text-hints span.span-wrap .to-hide{
  2045.        display:none;
  2046.    }
  2047. }
  2048. @media (max-width: 800px){
  2049.    #modal-form-terms .modal-control .text-block .title{
  2050.        line-height:1.3;
  2051.    }
  2052.    #modal-form-terms .modal-control .text-block .text ol li{
  2053.       font-size: 0.8em;
  2054.    }
  2055.    .form-column.error .error-message span.span-wrap{
  2056.        font-size:0.8em;
  2057.    }
  2058.    }
  2059. @media (max-width: 500px){
  2060.   #modal-form-terms .to-show{
  2061.       display:block;
  2062.    }
  2063.    .form-column .title br.to-show{
  2064.       display:block;
  2065.    }
  2066. }
  2067. </style>
  2068. <div id="treatment-form" class="standard-full-container home">
  2069.    <div class="generic-block">
  2070.    
  2071.            <img class="full desktop-block" src="/assets/images/new/k-form-banner.jpg" alt="" />
  2072.        <img class="full mobile-block" src="/assets/images/new/a-form-banner-mobile.jpg"  alt="" />
  2073.        <div  class="banner-brand">
  2074.            <div class="generic-block">
  2075.                <div class="inner-text">
  2076.                    <img class="onlux-com-hk-img" src="/assets/images/new/c-onlux.com.hk.png">
  2077.                    <div class="text">肌膚回到根本、最初</div>
  2078.                </div>
  2079.            </div>
  2080.        </div>
  2081.                    
  2082.        <form action="" method="post" onSubmit="return onSubmit()">
  2083.        
  2084.                    
  2085.            <div class="standard-form-block">
  2086.          
  2087.                           <div class="form-column full">               <div class="title"><div class="text-control"><span class="span-wrap">立即登記<br>見證肌底覺醒時刻</span></div></div>               </div>
  2088.                            
  2089.                      
  2090.                                
  2091.                
  2092.                <div class="form-column left">
  2093.                    <div class="form-inner">
  2094.                        <div class="standard-form-field standard-underlined">
  2095.                             <div class="form-label">姓名</div>
  2096.                            <input type="text" class="" id="sender_name" name="sender_name" placeholder="" value="">
  2097.                        </div>
  2098.                        <div class="standard-form-field separate-line">
  2099.                            <div class="form-field-column left standard-underlined gender">
  2100.                                <div class="form-label">性別</div>
  2101.                                <div class="form-block radio-wrap">
  2102.                                   <div class="radio-block">
  2103.                                        <label for="female-box" class="radio-label">
  2104.                                            <input type="radio" name="gender" value="女" id="female-box" class=""  ><span class="radio-content">女</span>
  2105.                                        </label>
  2106.                                        <label for="male-box" class="radio-label last">
  2107.                                            <input type="radio" name="gender" value="男" id="male-box" class=""  ><span class="radio-content">男</span>
  2108.                                        </label>
  2109.                                    </div>
  2110.                                </div>
  2111.                            </div>
  2112.                            <div class="form-field-column right standard-underlined existing-client">
  2113.                                <div class="form-label">現有客戶</div>
  2114.                                <div class="form-block radio-wrap">
  2115.                                    <div class="radio-block">
  2116.                                        <label for="existing_client1" class="radio-label">
  2117.                                            <input type="radio" name="existing_client1" value="N" id="existing_client1" class="" ><span class="radio-content">否</span>
  2118.                                        </label>
  2119.                                        <label for="existing_client2" class="radio-label last">
  2120.                                            <input type="radio" name="existing_client1" value="Y" id="existing_client2"  class=""><span class="radio-content">是</span>
  2121.                                        </label>
  2122.                                    </div>
  2123.                                </div>
  2124.                            </div>
  2125.                        </div>
  2126.                        <div class="standard-form-field standard-underlined">
  2127.                            <div class="form-label">電話</div>
  2128.                            <select name="country_code">
  2129.                                <option value="852" >+852</option>
  2130.                                <option value="853" >+853</option>
  2131.                                <option value="86" >+86</option>
  2132.                            </select>
  2133.                            <input type="text" name="mobile" id="mobile" class="" value="">
  2134.                        </div>
  2135.                        <div class="standard-form-field standard-underlined">
  2136.                            <div class="form-label">電郵</div>
  2137.                            <input type="text" name="email" id="email" class="" placeholder="(選填)" value="">
  2138.                        </div>
  2139.                    </div>
  2140.                </div>
  2142.            <div class="form-column right">
  2143.                <div class="form-inner">
  2144.                    <div class="standard-form-field standard-underlined">
  2145.                        <div class="form-label">分店</div>
  2146.                        <select id="location" name="location">
  2147.                            <option value="" disabled selected>-- 請選擇 --</option>
  2148.                        
  2149.                            <option   value="銅鑼灣" >銅鑼灣英皇鐘錶珠寶中心22樓全層</option>
  2150.                        
  2151.                            <option   value="觀塘" >觀塘泓富廣場18樓01-05室</option>
  2152.                        
  2153.                            <option   value="旺角朗豪坊店" >旺角亞朗豪坊辦公大樓45樓07-10室</option>
  2154.                        
  2155.                            <option   value="尖沙咀" >尖沙咀加拿芬廣場10樓1003室</option>
  2156.                        
  2157.                            <option   value="將軍澳" >將軍澳新都城中心3期2樓03-04號舗</option>
  2158.                        
  2159.                            <option   value="荃灣" >荃灣千色匯I期24樓10室</option>
  2160.                        
  2161.                            <option   value="屯門" >屯門栢麗廣場地下G25號舖</option>
  2162.                        
  2163.                            <option   value="元朗" >元朗光華廣場10樓06-09室</option>
  2164.                        
  2165.                            <option   value="沙田" >沙田新城市商業大廈8樓08-09室</option>
  2166.                                                </select>
  2167.                    </div>
  2168.                    <div class="standard-form-field standard-underlined">
  2169.                        <div class="form-label">選擇療程</div>
  2170.                        <select  name="courses">
  2171.                            <!--<option value="" disabled ></option>-->
  2172.                            
  2173.                                                                  <option  value="cell_awakening" selected>【網上付款】$388/3次 肌底覺醒療程</option>
  2174.                                  
  2175.                        </select>
  2176.                    </div>
  2177.                    
  2178.                    <div class="standard-form-field standard-underlined">
  2179.                         <div class="form-label">預約療程日期</div>
  2180.                         <input type="text" name="date" id="datepicker" class="" autocomplete="off"  disabled readOnly placeholder="" value="">
  2181.                    </div>
  2182.                    
  2183.                    <div class="standard-form-field standard-underlined">
  2184.                        <div class="form-label">預約療程時間</div>
  2185.                        <input type="hidden" name="allow_time"  id="allow_time" value=""/>
  2186.                        <input type="hidden" name="heard_from" value="其他"/>
  2187.                         <input type="text" name="timepicker" id="timepicker" class="" autocomplete="off"  value=""  disabled placeholder="">
  2188.                    </div>
  2189.                </div>
  2190.            </div>
  2191.          
  2192.            <div class="form-column empty"></div>
  2193.            <div class="form-column full wrap">
  2194.                <div class="form-field-column left">
  2195.                    <div class="form-inner">
  2196.                        <div class="standard-form-field auto text-hints">
  2197.                            <div class="text-control">
  2198.                            
  2199.                                                                <div class="hints-item">
  2200.                                    <div class="hints-label"><span class="span-wrap">*</span></div>
  2201.                                    <div class="hints-value">
  2202.                                        <span class="span-wrap">優惠療程只限年滿<span class="eng">18</span>歲網上登記之新客戶<br>到店付款為<span class="eng">$788</span></span>
  2203.                                    </div>
  2204.                                </div>
  2205.                                                                                       </div>
  2206.                        </div>
  2207.                        <div class="standard-form-field terms">
  2208.                            <div class="radio-block">
  2209.                                <label for="acp_tnc" class="radio-label">
  2210.                                    <input   type="checkbox" name="acp_tnc" id="acp_tnc" value="1" class=""><span class="radio-content">本人已年滿18歲或以上及已閱讀並同意<a href="https://onlux.com.hk/privacy" target="_blank">有關私隱政策</a>、<a onClick="openFormTermsModal();" href="javascript:void(0);">優惠條款及細則</a></span>
  2211.                                </label>
  2212.                            </div>
  2213.                        </div>
  2214.                    </div>
  2215.                </div>
  2216.                <div class="form-field-column right">
  2217.                    <div class="standard-form-field auto booking-button">
  2218.                        <button type="submit" class="button">預約</button>
  2219.                    </div>
  2220.                </div>
  2221.            </div>
  2222.         </div></form>
  2223.               </div>
  2224.  
  2225. </div>
  2226.  
  2227. <div id="modal-form-terms">
  2228.    <div class="modal-control">
  2229.        <div class="standard-form-block">
  2230.            <div class="text-block relative">
  2231.                <div class="title"><div class="text-control"><span class="span-wrap">肌底覺醒療程 – <br class="to-show">條款及細則</span></div></div>
  2232.                <div class="text">
  2233.                    <ol>
  2234.                                           <li>此優惠適用於OnLux；</li>
  2235.                                           <li>以上優惠只限年滿18歲網上登記之新客戶；</li>
  2236.                                           <li>推廣日期: 由即日起至另行通知；</li>
  2237.                                           <li>每人只限享用此優惠乙次；</li>
  2238.                                           <li>網上付款一經確認，需要3個月內享用首次療程，逾期作廢；</li>
  2239.                                           <li>如客人選擇到店付款，則以優惠價$788享用療程</li>
  2240.                                           <li>享用療程前須出示身份證明文件，以核對身份；</li>
  2241.                                           <li>網上優惠不可與其他優惠同時使用；</li>
  2242.                                           <li>我們會儘量為您安排理想預約日期及時間，如該時段超出預約人數，我們會盡快為您安排另一個合適時段；</li>
  2243.                                           <li>如須更改或取消預約，必須於 24 小時前致電通知，否則此優惠當作已使用論；</li>
  2244.                                           <li>OnLux有權隨時修改條款及細則、更改或終止優惠，而毋須就有關更改或終止作另行通知，亦恕不承擔任何有關優惠或條款更改或終止所引起的責任；</li>
  2245.                                           <li>如有任何爭議，OnLux保留最終決定權；</li>
  2246.                                           <li>資料及圖片只供參考，療程效果因人而異。</li>
  2247.                                       </ol>
  2248.                </div>
  2249.            </div>
  2250.        </div><button data-izimodal-close="" class="close-modal"><i class="lni lni-close"></i></button>
  2251.    </div>
  2252. </div>
  2253.  
  2254. <script>
  2255. function setupFormTermsModal(){
  2256.    $("#modal-form-terms").iziModal({
  2257.         history: false,
  2258.        // icon : 'fa fa-cog',  
  2259.         width: 1000,
  2260.         padding: 0,
  2261.         restoreDefaultContent: true,  
  2262.         fullscreen: false,
  2263.    });
  2264. }
  2265. function openFormTermsModal(){
  2266.    $("#modal-form-terms").iziModal('open');
  2267. }
  2268. </script>        
  2269.                    
  2270.        
  2271. </div>
  2272.    
  2274.    <div class="bottom-form-container">
  2275.        </div>
  2277.        
  2278.      
  2279.    <style>
  2280.    #footer {
  2281.        width:100%;
  2282.        margin:0 auto;
  2283.        background-color: #cea086;
  2284.        padding-top: 46px;
  2285.        padding-bottom: 109px;
  2286.    }
  2287.    
  2288.    #footer .holder {
  2289.        margin: 0 auto;
  2290.        width: 100%;
  2291.        max-width: 100%;
  2292.        padding: 0px;
  2293.        padding-left: 10%;
  2294.        padding-right: 9%;
  2295.    }
  2296.    #footer .links {
  2297.        font-size:18px;
  2298.        line-height:33px;
  2299.        line-height: 100%;
  2300.        font-family:'DFHeiHK W7','Microsoft Jhenghei','Open Sans';
  2301.        width: 100%;
  2302.        height: auto;
  2303.        display: flex;
  2304.        flex-wrap: nowrap;
  2305.        justify-content: space-between;
  2306.    }  
  2307.    #footer .links .eng  {
  2308.  
  2309.    }
  2310.    #footer .links .item {
  2311.        width: 168px;
  2312.        width: 240px;
  2313.        height: 100%;
  2314.        position:relative;
  2315.        min-height: 213px;
  2316.    }
  2317.    #footer .links .item:before {
  2318.        content:"";
  2319.        position:absolute;
  2320.        left:0;
  2321.        top:0;
  2322.        height:100%;
  2323.        width:2px;
  2324.        background-color:#fff;
  2325.        opacity: 0.3;
  2326.    }
  2327.    #footer .links .item.shop:before,
  2328.    #footer .links .item.social:before
  2329.    {
  2330.        display:none;
  2331.    }
  2332.    #footer .links .item a {
  2333.        padding-left: 12px;
  2334.    }
  2335.    #footer .links .item a.double-line{
  2336.        line-height:1;
  2337.    }
  2338.    
  2339.    #footer .links .link{
  2340.        color: #fff;
  2341.        margin-bottom: 16px;
  2342.        text-decoration: none;
  2343.    }
  2344.    #footer .links .link.topic{
  2345.        margin-bottom: 25px;
  2346.        text-decoration: none;
  2347.    }
  2348.    #footer .links .item.shop {
  2349.        width: auto;
  2350.        display: flex;
  2351.        min-height: 100%;
  2352.    }
  2353.    #footer .links .social {
  2354.        margin-left: 29px;
  2355.        position:relative;
  2356.    /*     display: flex; */
  2357.    }
  2358.    #footer .links .social-line{
  2359.        height: 140px;
  2360.        width:2px;
  2361.        background-color:#fff;
  2362.        opacity: 0.3;
  2363.        margin: 0 auto;
  2364.    }
  2365.    #footer .links .social .link{
  2366.        padding: 0;
  2367.        width:20px;
  2368.        margin-left:20px;
  2369.    }
  2370.    #footer .links .social .link img{
  2371.         width:100%;
  2372.    }
  2373.    #footer .bottom {
  2374.        color: #fff;
  2375.        margin-top:47px;
  2376.        text-align: right;  
  2377.    }
  2378.    
  2379.    #footer .bottom .other-link{
  2380.        padding-left: 10px;
  2381.        padding-right: 10px;
  2382.    }
  2383.    #footer .bottom .other-link a{
  2384.        color: #fff;
  2385.        text-decoration: none;
  2386.    }
  2387.    #footer .bottom .copyright{
  2388.        padding-left: 10px;  
  2389.    }
  2390.    
  2391.    #footer .links .item.bottom-logo,
  2392.    #footer .links .item.bottom-other-link,
  2393.    #footer .links .item.bottom-copyright{
  2394.        display:none;
  2395.    }
  2396.    #footer .links .item.bottom-other-link .other-link{
  2397.        padding-left: 10px;
  2398.        padding-right: 10px;  
  2399.    }
  2400.    
  2401.    #footer .links .item.bottom-other-link .other-link a {
  2402.        color: #fff;
  2403.        text-decoration: none;
  2404.        padding:0;
  2405.    }
  2406.    
  2407.    @media (max-width:1530px){
  2408.        #footer .links .item{
  2409.            padding-right: 10px;
  2410.        }
  2411.        
  2412.        #footer .links .item a.double-line{
  2413.            line-height:1.3;
  2414.        }
  2415.    }
  2416.  
  2417.    @media (max-width:1300px){
  2418.        #footer .links .social{
  2419.            margin:0;
  2420.            margin-top: 30px;
  2421.            display:flex;
  2422.        }
  2423.        #footer .links .social .link:first-child {
  2424.            margin-left:0;
  2425.        }
  2426.        #footer .links {
  2427.            flex-wrap:wrap;
  2428.        }
  2429.        #footer .links{
  2430.            height: auto;
  2431.        }
  2432.        #footer .links .item.shop {
  2433.            width:100%;
  2434.        }
  2435.    }
  2436.    @media (max-width: 1219px){
  2437.        #footer .links .item{
  2438.            margin-bottom:30px;
  2439.        }
  2440.        #footer .bottom{
  2441.            text-align:center;
  2442.        }
  2443.    }
  2444.        
  2445.    @media (max-width: 1060px){
  2446.        #footer {
  2447.            padding-bottom: 40px;
  2448.        }
  2449.        #footer .links .item:before{
  2450.            display:none;
  2451.        }
  2452.        #footer .links .item{
  2453.            display:none;
  2454.        }
  2455.        #footer .links .item.bottom-other-link,
  2456.        #footer .links .item.bottom-logo,
  2457.        #footer .links .item.bottom-copyright
  2458.        {
  2459.            display: flex;
  2460.            width: 100%;
  2461.            justify-content: center;
  2462.            height: auto;
  2463.            color:#fff;
  2464.            font-weight: 300;
  2465.            font-size: 13px;
  2466.            flex-basis: 100%;
  2467.            min-height:100%;
  2468.        }
  2469.        #footer .links .item.bottom-logo{
  2470.            margin-bottom:55px;
  2471.        }
  2472.        #footer .links .item.bottom-logo .logo-img{
  2473.            width: 100%;
  2474.            text-align: center;
  2475.        }
  2476.        #footer .links .item.bottom-logo .logo-img img {
  2477.            width: 40%;
  2478.            max-width: 200px;
  2479.        }
  2480.        #footer .links .item.shop {
  2481.            display:flex;
  2482.            width: 100%;
  2483.            justify-content: center;
  2484.            height: auto;
  2485.            flex-basis: 100%;
  2486.        }
  2487.        #footer .bottom{display:none;}
  2488.    }
  2489.    </style>
  2490. <div id="footer">
  2491. <div class="holder">
  2492.            <div class="links">
  2493. <div class="item">
  2494.                    <a href="https://onlux.com.hk/about" class="link topic">了解我們</a>
  2495. </div>
  2496. <div class="item">
  2497.                    <a href="#" class="link topic">療程選擇</a>
  2498.                    <a href="https://onlux.com.hk/cell-awakening" class="link">肌底覺醒<span class="eng">&#8482;</span>療程</a>
  2499.                    <a href="https://onlux.com.hk/pico-master" class="link double-line"><span class="eng upper start">Pico Master&#8482;</span>去斑療程</a>
  2500.                    <a href="https://onlux.com.hk/power-laser" class="link double-line"><span class="eng upper start">Power Laser&#8482;</span>脫毛療程</a>
  2501.                    <a href="https://onlux.com.hk/4d-scanner" class="link double-line"><span class="eng upper start">P2P</span>三層秒效修脂療程</a>
  2502.                
  2503.                    <!--<a href="#" class="link">纖形覺醒&#8482;</a>-->
  2504. </div>
  2505.                <div class="item">
  2506.                    <a href="https://onlux.com.hk/price" class="link topic">價目</a>  
  2507. </div>
  2508.                <div class="item">
  2509.                    <a href="#" class="link topic">限時優惠</a>
  2510.                    <a href="https://onlux.com.hk/cell-awakening-lead" class="link">肌底覺醒<span class="eng">&#8482;</span>療程</a>
  2511.                    <a href="https://onlux.com.hk/pico-master-lead" class="double-line link"><span class="eng upper start">Pico Master&#8482;</span>去斑療程</a>
  2512.                    <a href="https://onlux.com.hk/power-laser-lead" class="link double-line"><span class="eng upper start">Power Laser&#8482;</span>脫毛療程</a>
  2513.                     <a href="https://onlux.com.hk/4d-scanner" class="link double-line"><span class="eng upper start">P2P</span>三層秒效修脂療程</a>
  2514. </div>
  2516. <div class="item">
  2517.                    <a href="#" class="link topic">聯繫我們</a>  
  2518.                    <a href="https://onlux.com.hk/address" class="link">分店門市</a>
  2519.                    <a href="https://onlux.com.hk/suggestion" class="link">意見回饋</a>
  2520.                    <a href="https://onlux.com.hk/recruit" class="link">人才招聘</a>
  2521. </div>
  2523. <div class="item bottom-logo"><div class="logo-img"><img src="/assets/images/new/onlux-bottom.png"></div></div>
  2524.                <div class="item bottom-copyright"><span class="copyright eng start">&copy; 2023 Copyright ONLUX BEAUTY LIMITED&nbsp;All rights reserved</span></div>
  2525.                <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>
  2526.                
  2527.                
  2528. <div class="item shop">
  2529.                    <div class="social">
  2530.                        <a class="link" href="https://www.facebook.com/OnLuxBeauty/" target="_blank"><img src="/assets/images/new/e-facebook.png"></a>
  2531.                        <a class="link" href="https://www.instagram.com/onluxbeauty/" target="_blank"><img src="/assets/images/new/e-instagram.png"></a>
  2532.                        <a class="link" href="https://www.youtube.com/channel/UCSSQUKK_dD4b0FFB5BYkmQw" target="_blank"><img src="/assets/images/new/youtube.png"></a>
  2533.                        <a class="link" href="https://api.whatsapp.com/send?phone=85262268011&amp;text=" target="_blank"><img src="/assets/images/new/e-whatsapp.png"></a>
  2534.                    </div>
  2535. </div>
  2536.        
  2537. </div>
  2538.            <div class="bottom">
  2539.                <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>
  2540. </div>
  2541. </div>
  2542. </div>  
  2543.        <a href="javascript:void(0);" id="ui-to-top" class="ui-to-top fa fa-angle-up active"></a>
  2544.  
  2545.    </div>
  2546.  
  2547.  
  2548. <script>
  2549. function enableSound(){
  2550.    if($('.videobg-desktop .sound-control').hasClass('off')){
  2551.        soundControl('desktop');
  2552.    }
  2553. }
  2554. </script>
  2555.        
  2556.        <script>
  2557.  var day_off_data = [];
  2558.  var holiday_data = [];
  2559.  var occupied_data = {};
  2560.  var shop_week_data = [];
  2561.  var max_booking_allowed = 1;
  2562.  var weekToInt = {
  2563.          'Mon' : 1,  
  2564.          'Tue' : 2,  
  2565.          'Wed' : 3,  
  2566.          'Thu' : 4,  
  2567.          'Fri' : 5,  
  2568.          'Sat' : 6,  
  2569.          'Sun' : 0
  2570.        };
  2571.    max_booking_allowed = 99;
  2572.    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"}}};
  2573. holiday_data = ["2024-06-10","2024-07-01"];
  2574. day_off_data = {"all":[]};
  2575. occupied_data = {"all":[],"LP":{"2024-06-18":[{"start":"6:00pm","end":"6:30pm"}],"2024-05-30":[{"start":"12:00pm","end":"12:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"7:00pm","end":"7:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-27":[{"start":"12:00pm","end":"12:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-05-25":[{"start":"6:00pm","end":"6:30pm"},{"start":"1:30pm","end":"2:00pm"},{"start":"5:00pm","end":"5:30pm"}],"2024-06-07":[{"start":"2:00pm","end":"2:30pm"},{"start":"6:30pm","end":"7:00pm"}],"2024-05-22":[{"start":"7:30pm","end":"8:00pm"},{"start":"7:30pm","end":"8:00pm"},{"start":"5:00pm","end":"5:30pm"},{"start":"4:30pm","end":"5:00pm"}],"2024-05-23":[{"start":"1:00pm","end":"1:30pm"},{"start":"12:00pm","end":"12:30pm"},{"start":"7:00pm","end":"7:30pm"}],"2024-05-31":[{"start":"4:00pm","end":"4:30pm"},{"start":"3:30pm","end":"4:00pm"}],"2024-05-24":[{"start":"7:00pm","end":"7:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-28":[{"start":"2:00pm","end":"2:30pm"}],"2024-06-28":[{"start":"3:00pm","end":"3:30pm"}],"2024-06-01":[{"start":"1:00pm","end":"1:30pm"}],"2024-05-29":[{"start":"7:00pm","end":"7:30pm"},{"start":"4:00pm","end":"4:30pm"},{"start":"2:30pm","end":"3:00pm"}],"2024-06-06":[{"start":"7:30pm","end":"8:00pm"},{"start":"4:30pm","end":"5:00pm"}]},"TM":{"2024-05-26":[{"start":"4:00pm","end":"4:30pm"},{"start":"10:30am","end":"11:00am"}],"2024-05-31":[{"start":"3:00pm","end":"3:30pm"}],"2024-05-22":[{"start":"12:00pm","end":"12:30pm"}],"2024-05-29":[{"start":"6:30pm","end":"7:00pm"}],"2024-05-23":[{"start":"2:00pm","end":"2:30pm"}],"2024-06-01":[{"start":"3:00pm","end":"3:30pm"}],"2024-05-28":[{"start":"7:30pm","end":"8:00pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-05-25":[{"start":"2:30pm","end":"3:00pm"}],"2024-06-09":[{"start":"10:30am","end":"11:00am"}]},"CWB":{"2024-05-23":[{"start":"4:00pm","end":"4:30pm"},{"start":"7:30pm","end":"8:00pm"},{"start":"6:30pm","end":"7:00pm"}],"2024-06-14":[{"start":"7:30pm","end":"8:00pm"}],"2024-06-29":[{"start":"1:00pm","end":"1:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-31":[{"start":"7:30pm","end":"8:00pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-28":[{"start":"5:00pm","end":"5:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-29":[{"start":"6:30pm","end":"7:00pm"},{"start":"2:30pm","end":"3:00pm"}],"2024-07-08":[{"start":"3:00pm","end":"3:30pm"}],"2024-05-30":[{"start":"6:00pm","end":"6:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-25":[{"start":"6:00pm","end":"6:30pm"},{"start":"4:00pm","end":"4:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"},{"start":"2:00pm","end":"2:30pm"},{"start":"10:30am","end":"11:00am"},{"start":"11:30am","end":"12:00pm"}],"2024-05-24":[{"start":"7:00pm","end":"7:30pm"},{"start":"1:30pm","end":"2:00pm"}],"2024-06-05":[{"start":"1:00pm","end":"1:30pm"}],"2024-05-22":[{"start":"7:30pm","end":"8:00pm"},{"start":"7:30pm","end":"8:00pm"},{"start":"7:00pm","end":"7:30pm"}],"2024-05-27":[{"start":"6:00pm","end":"6:30pm"},{"start":"4:30pm","end":"5:00pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-06-18":[{"start":"12:00pm","end":"12:30pm"}]},"TKO":{"2024-06-15":[{"start":"3:00pm","end":"3:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-06-01":[{"start":"3:30pm","end":"4:00pm"}],"2024-05-26":[{"start":"3:00pm","end":"3:30pm"}],"2024-05-23":[{"start":"5:00pm","end":"5:30pm"}],"2024-05-22":[{"start":"12:00pm","end":"12:30pm"}]},"ST":{"2024-06-01":[{"start":"6:00pm","end":"6:30pm"},{"start":"1:00pm","end":"1:30pm"}],"2024-05-25":[{"start":"1:30pm","end":"2:00pm"},{"start":"2:30pm","end":"3:00pm"},{"start":"4:00pm","end":"4:30pm"},{"start":"2:30pm","end":"3:00pm"}],"2024-05-22":[{"start":"2:00pm","end":"2:30pm"},{"start":"1:00pm","end":"1:30pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-24":[{"start":"3:00pm","end":"3:30pm"},{"start":"7:30pm","end":"8:00pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-27":[{"start":"7:00pm","end":"7:30pm"}],"2024-06-29":[{"start":"6:00pm","end":"6:30pm"}],"2024-05-23":[{"start":"12:00pm","end":"12:30pm"}],"2024-05-30":[{"start":"12:00pm","end":"12:30pm"}]},"YL":{"2024-06-08":[{"start":"2:30pm","end":"3:00pm"}],"2024-05-26":[{"start":"10:30am","end":"11:00am"}],"2024-06-05":[{"start":"1:00pm","end":"1:30pm"}],"2024-05-25":[{"start":"3:30pm","end":"4:00pm"},{"start":"4:00pm","end":"4:30pm"}],"2024-05-23":[{"start":"1:30pm","end":"2:00pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-22":[{"start":"12:00pm","end":"12:30pm"},{"start":"12:00pm","end":"12:30pm"}]},"TST":{"2024-05-29":[{"start":"5:00pm","end":"5:30pm"},{"start":"5:30pm","end":"6:00pm"}],"2024-05-22":[{"start":"6:00pm","end":"6:30pm"}],"2024-05-27":[{"start":"2:30pm","end":"3:00pm"},{"start":"7:30pm","end":"8:00pm"}],"2024-06-03":[{"start":"5:30pm","end":"6:00pm"}],"2024-06-22":[{"start":"2:00pm","end":"2:30pm"},{"start":"2:00pm","end":"2:30pm"}],"2024-05-24":[{"start":"6:00pm","end":"6:30pm"},{"start":"1:00pm","end":"1:30pm"},{"start":"6:00pm","end":"6:30pm"}],"2024-05-31":[{"start":"1:00pm","end":"1:30pm"},{"start":"6:00pm","end":"6:30pm"}],"2024-05-28":[{"start":"1:00pm","end":"1:30pm"}]},"KT":{"2024-06-11":[{"start":"5:00pm","end":"5:30pm"}],"2024-05-27":[{"start":"3:30pm","end":"4:00pm"}],"2024-05-29":[{"start":"1:30pm","end":"2:00pm"}],"2024-05-22":[{"start":"6:30pm","end":"7:00pm"},{"start":"7:00pm","end":"7:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-07-04":[{"start":"6:00pm","end":"6:30pm"}],"2024-05-25":[{"start":"12:00pm","end":"12:30pm"},{"start":"12:00pm","end":"12:30pm"},{"start":"2:00pm","end":"2:30pm"},{"start":"1:30pm","end":"2:00pm"}],"2024-05-23":[{"start":"12:30pm","end":"1:00pm"},{"start":"6:30pm","end":"7:00pm"}],"2024-05-24":[{"start":"1:30pm","end":"2:00pm"}],"2024-06-22":[{"start":"4:30pm","end":"5:00pm"}]},"TW":{"2024-05-31":[{"start":"2:00pm","end":"2:30pm"}],"2024-06-29":[{"start":"3:30pm","end":"4:00pm"}],"2024-05-25":[{"start":"5:30pm","end":"6:00pm"},{"start":"1:00pm","end":"1:30pm"},{"start":"10:30am","end":"11:00am"},{"start":"4:00pm","end":"4:30pm"},{"start":"1:00pm","end":"1:30pm"},{"start":"12:00pm","end":"12:30pm"}],"2024-06-13":[{"start":"7:30pm","end":"8:00pm"}],"2024-05-22":[{"start":"2:00pm","end":"2:30pm"},{"start":"3:00pm","end":"3:30pm"}],"2024-05-23":[{"start":"12:00pm","end":"12:30pm"}],"2024-06-01":[{"start":"10:30am","end":"11:00am"}],"2024-05-24":[{"start":"1:30pm","end":"2:00pm"}]}};
  2577. 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"};
  2578. 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"};
  2579.  
  2580. var locationDict = {
  2581.    '銅鑼灣' : {
  2582.        days : [],
  2583.        avail_time : {}
  2584.    },
  2585.    '觀塘' : {
  2586.        days : [],
  2587.        avail_time : {}
  2588.    },  
  2589.    '旺角朗豪坊店' : {
  2590.        days : [],
  2591.        avail_time : {}
  2592.    },
  2593.    '將軍澳' : {
  2594.        days : [],
  2595.        avail_time : {}
  2596.    },
  2597.    '尖沙咀' : {
  2598.        days : [],
  2599.        avail_time : {}
  2600.    },
  2601.    '元朗' : {
  2602.        days : [],
  2603.        avail_time : {}
  2604.    },
  2605.    '沙田' : {
  2606.        days : [],
  2607.        avail_time : {}
  2608.    },
  2609.    '屯門' : {
  2610.        days : [],
  2611.        avail_time : {}
  2612.    },
  2613.    '荃灣' : {
  2614.        days : [],
  2615.        avail_time : {}
  2616.    },
  2617. };
  2618.  
  2619. for(shop in locationDict){
  2620.    if(typeof shop_week_data[regionToId[shop]]!=='undefined'){
  2621.        for(week_key in shop_week_data[regionToId[shop]]){
  2622.            if(week_key!='holiday'){
  2623.                locationDict[shop].days.push(parseInt(week_key));    
  2624.            }
  2625.            locationDict[shop].avail_time[week_key] = shop_week_data[regionToId[shop]][week_key];
  2626.        }
  2627.    }
  2628. }
  2629. </script>
  2630. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  2631. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  2632. <script type="text/javascript" src="https://onlux.com.hk/assets/js/jquery.timepicker.js"></script>
  2633. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
  2634. <script type="text/javascript" src="https://onlux.com.hk/assets/js/style.js"></script>
  2635. <style>
  2636. .underline-field.terms a {
  2637.    text-decoration: underline;
  2638. }
  2639. </style>
  2640. <!--[if lt IE 9]>
  2641. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
  2642. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/placeholders.min.js"></script>
  2643. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/respond.min.js"></script>
  2644. <style>
  2645. .bg-size, .facebook, .weibo {
  2646. -ms-behavior: url('https://onlux.com.hk/assets/js/libs/backgroundsize.min.htc');
  2647. behavior: url('https://onlux.com.hk/assets/js/libs/backgroundsize.min.htc');
  2648. }
  2649. .border-radius {
  2650. -ms-behavior: url('https://onlux.com.hk/assets/js/libs/border-radius.htc');
  2651. behavior: url('https://onlux.com.hk/assets/js/libs/border-radius.htc');
  2652. }
  2653. </style>
  2654. <![endif]-->
  2655. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  2656. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script>
  2657. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-viewport-checker/1.8.8/jquery.viewportchecker.min.js"></script>
  2658. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
  2659. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
  2660. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
  2661. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
  2662.  
  2663.  
  2664. <!--<script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/countUp.min.js"></script>-->
  2665. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/responsiveslides.js"></script>
  2666. <script type="text/javascript" src="https://onlux.com.hk/assets/js/home.js"></script>  
  2667. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/isotope.pkgd.min.js"></script>
  2668. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/packery-mode.pkgd.min.js"></script>
  2669. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/vidbg.js"></script>
  2670. <script type="text/javascript" src="https://onlux.com.hk/assets/js/libs/canvid.js"></script>
  2671.  
  2672. <style>
  2673. html.no-scroll {
  2674.    overflow-y : hidden;
  2675. }
  2676. .modal {
  2677.    z-index : 6002;
  2678.    padding-left:0px!important;
  2679. }
  2680. .modal-backdrop {
  2681.    z-index : 6001;
  2682. }
  2683. .dbp-notice {
  2684.    position: relative;
  2685.    font-family: "Microsoft JhengHei", 'arial';
  2686.    font-size: 20px;
  2687.    color: #444343;
  2688. }
  2689. .dbp-notice-banner {
  2690.    background: url('/assets/images/onlux-website-page-bg.jpg') no-repeat;
  2691.    height: 1200px;
  2692.    background-position: top center;
  2693.    background-size: cover;
  2694. }
  2695. .dbp-notice-banner .empty-img {
  2696.   display :block;
  2697. }
  2698. .dbp-notice-banner .mobile-img {
  2699.    display :none;
  2700. }
  2701.    
  2702. .dbp-notice-text {
  2703.    top: 483px;
  2704.    left: 0px;
  2705.    position: absolute;
  2706.    padding: 0px 50px;
  2707. }
  2708. .dbp-care-title {
  2709.    top: 380px;
  2710.    left: 0px;
  2711.    font-size: 55px;
  2712.    position: absolute;
  2713.    color: #998578;
  2714.    width: 100%;
  2715.    text-align: center;
  2716. }
  2717. .dbp-care-text {
  2718.    color: #998578;
  2719.    text-align: center;
  2720.    padding-top: 50px;
  2721. }
  2722. @media (max-width: 992px){
  2723.    .dbp-notice-text{
  2724.        top: 307px;
  2725.    }
  2726.    .dbp-care-title {
  2727.        top: 228px;
  2728.        font-size: 35px;
  2729.    }
  2730. }
  2731.  
  2732. @media (max-width: 768px){
  2733.    .modal-dialog {
  2734.        width: auto;
  2735.    }
  2736. }
  2737.  
  2738. @media (max-width: 450px){
  2739.    .dbp-notice-text{
  2740.        padding: 0px 0px;
  2741.        top: 157px;
  2742.        font-size: 16px;
  2743.    }
  2744.    .dbp-care-title {
  2745.        top: 104px;
  2746.        font-size: 20px;
  2747.    }
  2748.    .dbp-notice-banner {
  2749.        background : none;
  2750.    }
  2751.    .dbp-notice-banner .empty-img {
  2752.        display :none;
  2753.    }
  2754.    .dbp-notice-banner .mobile-img {
  2755.        display :block;
  2756.        width : 100%;
  2757.    }
  2758. }
  2759. .modal-header   {
  2760.    display: block;
  2761.    min-height: 16.43px;
  2762.    padding: 15px;
  2763.    border-bottom: 1px solid #e5e5e5;
  2764. }
  2765. .modal-header .close {
  2766.    margin: 0;
  2767.    padding: 0;
  2768.    margin-top: -10px;
  2769. }
  2770. button.close {
  2771.    -webkit-appearance: none;
  2772.    padding: 0;
  2773.    cursor: pointer;
  2774.    background: 0 0;
  2775.    border: 0;
  2776. }
  2777. .close {
  2778.    float: right;
  2779.    font-size: 52px;
  2780.    font-weight: 700;
  2781.    line-height: 1;
  2782.    color: #000;
  2783.    text-shadow: 0 1px 0 #fff;
  2784.    filter: alpha(opacity=20);
  2785.    opacity: .2;
  2786. }
  2787. </style>    
  2788.  
  2789. <script type="text/javascript" src="https://onlux.com.hk/assets/js/slick.min.js"></script>
  2792. <script type="text/javascript" src="https://onlux.com.hk/assets/js/iziModal.min.js"></script>
  2793.  
  2794. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.1/mustache.min.js"></script>
  2795. <script>
  2796. var usingVideoBG = false;
  2797. var vdesktop = '';
  2798. var vmobile = '';
  2799. var desktop_sound_on = 'on';
  2800. var mobile_sound_on = 'on';
  2801. var date_notavail = ['2024-02-10','2024-02-11','2024-02-12','2024-02-13'];
  2803. function seeTerms(){
  2804.    if(document.querySelector('#tnc-contianer')!=null){
  2805.        $('html, body').animate({
  2806.            scrollTop: offset(document.querySelector('#tnc-contianer')).top
  2807.        }, 800, 'easeOutCirc', function() {});
  2808.    }
  2809. }
  2810. function offset(el) {
  2811.    var rect = el.getBoundingClientRect(),
  2812.    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
  2813.    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  2814.    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
  2815. }
  2816. function muteSound(type,to_mute){
  2817.    var this_sound_control = $('.videobg-'+type+' .sound-control');
  2818.    if(this_sound_control.length > 0){
  2819.        if(to_mute){
  2820.            this_sound_control.removeClass('on').addClass('off');
  2821.            if(type == 'desktop'){
  2822.                desktop_sound_on = 'off';
  2823.                if(usingVideoBG){
  2824.                    vdesktop.videoEl.muted = true;
  2825.                } else {
  2826.                    vdesktop.muted = true;
  2827.                }
  2828.            } else {
  2829.                mobile_sound_on = 'off';
  2830.                if(usingVideoBG){
  2831.                    vmobile.videoEl.muted = true;
  2832.                }
  2833.                else {
  2834.                    vmobile.muted = true;
  2835.                }
  2836.            }
  2837.        } else {
  2838.            this_sound_control.removeClass('off').addClass('on');
  2839.            if(type == 'desktop'){
  2840.                desktop_sound_on = 'on';
  2841.                if(usingVideoBG){
  2842.                    vdesktop.videoEl.muted = false;
  2843.                } else {
  2844.                    vdesktop.muted = false;
  2845.                }
  2846.            } else {
  2847.                mobile_sound_on = 'on';
  2848.                if(usingVideoBG){
  2849.                    vmobile.videoEl.muted = false;
  2850.                } else {
  2851.                    vmobile.muted = false;
  2852.                }
  2853.            }    
  2854.        }
  2855.    }
  2856. }
  2858. function soundControl(type){
  2859.    var this_sound_control = $('.videobg-'+type+' .sound-control');
  2860.    if(this_sound_control.hasClass('off')){
  2861.        //turn sound on
  2862.        muteSound(type, false);
  2863.    } else {
  2864.        //turn sound off
  2865.        muteSound(type, true);
  2866.    }
  2867.    
  2868. }
  2869.      
  2870.          function toHomeForm(){
  2871.        if($('#treatment-form').length == 0){
  2872.             location.href= '/cell-awakening?form';
  2873.        } else {
  2874.            var _top = $('#header').hasClass('fixed') ? 160 : 290;
  2875.            $('html, body').animate({
  2876.                scrollTop: $(".standard-form-block").offset().top -_top
  2877.            }, 500);              
  2878.        }
  2879.     }
  2880.     function detectFloating(){
  2881.        if($('html').hasClass('open-menu')) return;
  2882.        if($(window).width()>1202){
  2883.            $('.standard-floating').addClass('hide');
  2884.            var top_value = 0;
  2885.            if($('.gradient-treatment').length>0){
  2886.                top_value = 50;
  2887.            }
  2888.            if( $(window).scrollTop() >top_value){
  2889.                $('#header').addClass('fixed');
  2890.            } else {
  2891.                $('#header').removeClass('fixed');
  2892.            }
  2893.        } else {
  2894.            $('.standard-floating').removeClass('hide');
  2895.             if( $(window).scrollTop() >0){
  2896.                $('#header').addClass('fixed');
  2897.            } else {
  2898.                $('#header').removeClass('fixed');
  2899.            }
  2900.        }
  2901.    }
  2903. $(document).ready(function(){
  2904.        $('.lazy').Lazy();
  2905.    
  2906.        setupFormTermsModal();
  2907.        
  2908.        
  2909.  
  2910.    
  2911.    
  2912.        
  2913.                        
  2914.   // $('.standard-form-block').viewportChecker({
  2915.   //    classToAdd: '__a',
  2916.   //    classToRemove: '__a',
  2917.   //    repeat: true,
  2918.   //    callbackFunction: function(elem, action){
  2919.   //        if(action == 'add'){
  2920.   //            $('.standard-floating').addClass('on-form-hide');
  2921.   //        } else {
  2922.   //            $('.standard-floating').removeClass('on-form-hide');
  2923.   //        }
  2924.   //    }
  2925.   //});  
  2926.    detectFloating();
  2927.    $(window).resize(function(){
  2928.        detectFloating();
  2929.    });
  2930.    $(window).scroll(function(){
  2931.        detectFloating();
  2932.    });
  2933.        
  2934.    
  2935.    
  2936.              
  2937.              $('.effect-slide').slick({
  2938.            dots: true,
  2939.            infinite: true,
  2940.            arrows : false,
  2941.            prevArrow : '',
  2942.            nextArrow : '',
  2943.            appendDots : $('.effect-wrapper'),
  2944.        });
  2945.           // $('.pico-object-wrapper').find('.ease-fade-effect').addClass('animated');
  2946.            $('.ease-fade-effect').addClass('animated');
  2947.            $('.pico-object-wrapper').find('.ease-transform-effect').addClass('animated');
  2948.          
  2949.          
  2950.  
  2951.      
  2952.    $(window).scroll(function(){
  2953.        if( $(window).scrollTop() > 400){
  2954.            $('.ui-to-top').addClass('active');
  2955.        } else {
  2956.            $('.ui-to-top').removeClass('active');
  2957.        }
  2958.    });
  2959.    $('.ui-to-top').on('click',function(){
  2960.        $('html, body').animate({
  2961.            scrollTop: 0
  2962.        }, 800);
  2963.    });
  2964.            
  2965.            $('.home-pico-object').addClass('animated');
  2966.      
  2967.            $('.portfolio-grid').imagesLoaded( function() {
  2968.                $('.portfolio-grid').isotope({
  2969.                    itemSelector:'.masonry-item',
  2970.                    layoutMode:'packery',  
  2971.                });
  2972.            });
  2973.          
  2974.    
  2975.        
  2976.        
  2977.           // $.getJSON( "js/phone.json")
  2978.       //   .done(function( json ) {
  2979.       //     $('select[name="country_code"] option').remove();
  2980.       //     for(i in json){
  2981.       //         var value = json[i].toString()[0] !='+' ? '+' + json[i] : json[i];
  2982.       //         var newOption = new Option(value, value, false, false);
  2983.       //         $('select[name="country_code"]').append(newOption);
  2984.       //     }
  2985.       //   })
  2986.       //   .fail(function( jqxhr, textStatus, error ) {
  2987.       //     var err = textStatus + ", " + error;
  2988.       // });
  2989.                            
  2990.    
  2991.            
  2992.    
  2993.    
  2994.     $(window).resize(function(){
  2995.         var mh = $(document).width() * 231 / 1660;
  2996.         $('.pico-item').css('marginBottom', ((276 - mh -10) * -1) + 'px');
  2997.         //video sound
  2998.         if($(window).width() > 990){
  2999.            muteSound('mobile', true);
  3000.         } else {
  3001.            muteSound('desktop', true);
  3002.         }
  3003.        // console.log('resize event');
  3004.     });
  3005.     setTimeout(function(){
  3006.         var mh = $(document).width() * 231 / 1660;
  3007.         $('.pico-item').css('marginBottom', ((276 - mh -10) * -1) + 'px');
  3008.     },100);
  3009.    
  3010.          var mp4_link = {
  3011.         desktop : 'https://onlux.com.hk/assets/video/home page (1080p).mp4',
  3012.         mobile :  'https://onlux.com.hk/assets/video/home page (1080p).mp4'
  3013.     }
  3014.     var webm_link = {
  3015.         desktop : 'https://onlux.com.hk/assets/video/home page (1080p)_VP8.webm',
  3016.         mobile : 'https://onlux.com.hk/assets/video/home page (1080p)_VP8.webm',
  3017.     }
  3018.    
  3019.     if(!Modernizr.touch){
  3020.        if(!window.chrome){
  3021.            vdesktop = new vidbg('.videobg-desktop', {
  3022.              webm: webm_link['desktop'],
  3023.              mp4: mp4_link['desktop'],
  3024.            },{ muted: false, controls:true,  });
  3025.                             var playPromise = vdesktop.videoEl.play();
  3026.                if (playPromise !== undefined) {
  3027.                    playPromise.then(function(){
  3028.                        usingVideoBG = true;
  3029.                        muteSound('desktop', true);
  3030.                        $('.videobg-desktop').append('<div class="sound-control '+desktop_sound_on+'" onClick="soundControl(\'desktop\')"></div>');
  3031.                    }).catch(function(e){
  3032.                        $('.videobg-desktop').html('<video id="background-video-d" playsinline webkit-playsinline loop autoplay muted controls><source type="video/webm" src="'+webm_link['desktop']+'" /><source type="video/mp4" src="'+mp4_link['desktop']+'" /></video>');
  3033.                        vdesktop = document.getElementById('background-video-d');
  3034.                        desktop_sound_on = 'off';
  3035.                        $('.videobg-desktop').append('<div class="sound-control '+desktop_sound_on+'" onClick="soundControl(\'desktop\')"></div>');
  3036.                    });
  3037.                }  
  3038.                
  3039.                     } else {
  3040.            //if chrome , don't use vidbg
  3041.            $('.videobg-desktop').html('<video id="background-video-d" playsinline webkit-playsinline loop autoplay muted  controls  ><source type="video/webm" src="'+webm_link['desktop']+'" /><source type="video/mp4" src="'+mp4_link['desktop']+'" /></video>');
  3042.            $('.videobg-mobile').html('<video id="background-video-m" playsinline webkit-playsinline loop autoplay muted><source type="video/webm" src="'+webm_link['mobile']+'" /><source type="video/mp4" src="'+mp4_link['mobile']+'" /></video>');
  3043.            vdesktop = document.getElementById('background-video-d');
  3044.            vmobile = document.getElementById('background-video-m');
  3045.            mobile_sound_on = 'off';
  3046.            desktop_sound_on = 'off';
  3047.            $('.videobg-desktop').append('<div class="sound-control '+desktop_sound_on+'" onClick="soundControl(\'desktop\')"></div>');
  3048.            $('.videobg-mobile').append('<div class="sound-control mobile '+mobile_sound_on+'" onClick="soundControl(\'mobile\')"></div>');
  3049.        }
  3050.         } else {
  3051.      //  console.log('touch')
  3052.        mobile_sound_on = 'off';
  3053.        desktop_sound_on = 'off';
  3054.                     $('.videobg-desktop').html('<video id="background-video-d" playsinline webkit-playsinline loop autoplay muted controls><source type="video/mp4" src="'+mp4_link['desktop']+'"><source type="video/webm" src="'+webm_link['desktop']+'"></video>');
  3055.            $('.videobg-desktop').append('<div class="sound-control off" onClick="soundControl(\'desktop\')"></div>');
  3056.                vdesktop = document.getElementById('background-video-d');
  3057.            
  3058.             }
  3059.          
  3060.        var defaultShop = '將軍澳';
  3061.        var defaultDate = '';
  3062.        var defaultTime = '';
  3063.      
  3064.        
  3065.  
  3066.        $( "#datepicker" ).datepicker
  3067.        ({
  3068.            direction: "up",
  3069.            dateFormat: 'mm/dd/yy,D',
  3070.            minDate: 2,
  3071.            maxDate: 60,
  3072.            beforeShowDay : function(date){
  3073.                var day = parseInt(date.getDay());
  3074.                var avail_days = locationDict[$('#location option:selected').val()].days;
  3075.                var _month = date.getMonth() + 1;
  3076.                var _day = date.getDate();
  3077.                var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  3078.                var selected_location = $('#location option:selected').val();
  3079.            
  3080.                var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  3081.                date_notavail = [];
  3082.                for(_shop in day_off_data){
  3083.                    if(_shop == 'all'){
  3084.                        for(i in day_off_data[_shop]){
  3085.                            date_notavail.push(day_off_data[_shop][i]);    
  3086.                        }
  3087.                    } else if(_shop == region_location){
  3088.                        for(i in day_off_data[_shop]){
  3089.                            date_notavail.push(day_off_data[_shop][i]);    
  3090.                        }
  3091.                    }
  3092.                }
  3093.                //check if holiday is off
  3094.                if( $.inArray( compare_date, holiday_data )!=-1){
  3095.                    var _shop_id = regionToId[selected_location];
  3096.                    if(typeof _shop_id!=='undefined'){
  3097.                        var _week_data = shop_week_data[_shop_id];
  3098.                        if(typeof _week_data!=='undefined'){
  3099.                            if(typeof _week_data['holiday']==='undefined'){
  3100.                                //holiday off
  3101.                                return [false,""];
  3102.                            }
  3103.                        }
  3104.                    }
  3105.                }
  3106.            
  3107.                if( $.inArray( day, avail_days )!=-1 && $.inArray( compare_date, date_notavail )==-1){
  3108.                    return [true,""];
  3109.                } else return [false,""];
  3110.            },
  3111.            onSelect: function(dateText, inst) {
  3112.                setTimepicker(dateText);
  3113.            }
  3114.        });
  3115.        $('#location').on('change',function(){
  3116.            if($('#location option:selected').val()!=''){
  3117.               // if($('#location option:selected').val() == '旺角朗豪坊店'){
  3118.               //     setDateTime(new Date(2022, 7 - 1, 23));
  3119.               // } else {
  3120.                    setDateTime();    
  3121.               // }
  3122.            } else {
  3123.                resetValues();
  3124.            }
  3125.        });
  3126.          
  3127.        //reset date and time picker value
  3128.        function resetValues(){
  3129.            $("#datepicker").val('');
  3130.            $('#timepicker').val("");        
  3131.            $( "#datepicker" ).prop('disabled',true);
  3132.            $( "#timepicker" ).prop('disabled',true);
  3133.            $("#datepicker").datepicker( "destroy" );
  3134.            $('#timepicker').timepicker('remove');
  3135.        }
  3136.            function setDateTime(mindate){
  3137.            resetValues();
  3138.            $( "#datepicker" ).datepicker
  3139.            ({
  3140.                direction: "up",
  3141.                dateFormat: 'mm/dd/yy,D',
  3142.                minDate: typeof mindate === 'undefined' ? 2 : mindate,
  3143.                maxDate: 60,
  3144.                beforeShowDay : function(date){
  3145.                    var day = parseInt(date.getDay());
  3146.                    var avail_days = locationDict[$('#location option:selected').val()].days;
  3147.                    var _month = date.getMonth() + 1;
  3148.                    var _day = date.getDate();
  3149.                    var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  3150.                    var selected_location = $('#location option:selected').val();
  3151.            
  3152.                    var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  3153.                    date_notavail = [];
  3154.                    for(_shop in day_off_data){
  3155.                        if(_shop == 'all'){
  3156.                            for(i in day_off_data[_shop]){
  3157.                                date_notavail.push(day_off_data[_shop][i]);    
  3158.                            }
  3159.                        } else if(_shop == region_location){
  3160.                            for(i in day_off_data[_shop]){
  3161.                                date_notavail.push(day_off_data[_shop][i]);    
  3162.                            }
  3163.                        }
  3164.                    }
  3165.                    //check if holiday is off
  3166.                    if( $.inArray( compare_date, holiday_data )!=-1){
  3167.                        var _shop_id = regionToId[selected_location];
  3168.                        if(typeof _shop_id!=='undefined'){
  3169.                            var _week_data = shop_week_data[_shop_id];
  3170.                            if(typeof _week_data!=='undefined'){
  3171.                                if(typeof _week_data['holiday']==='undefined'){
  3172.                                    return [false,""];
  3173.                                }
  3174.                            }
  3175.                        }
  3176.                    }
  3177.  
  3178.                    if( $.inArray( day, avail_days )!=-1  &&   $.inArray( compare_date, date_notavail )==-1){
  3179.                        return [true,""];
  3180.                    } else return [false,""];
  3181.                },
  3182.                onSelect: function(dateText, inst) {
  3183.                    setTimepicker(dateText);
  3184.                }
  3185.            });
  3186.            $( "#datepicker" ).prop('disabled',false);
  3187.        }
  3188.        var time_init = false;
  3189.        function setTimepicker(dateText,value){
  3190.            if(dateText == '') return;
  3191.            var day = dateText.split(",");
  3192.            if(day.length <1) return;
  3193.            var weekofday = day[1];
  3194.            var date_chosen = day[0].split('/');
  3195.            date_chosen = date_chosen[2]+'-'+date_chosen[0]+'-'+date_chosen[1];
  3196.            var start_time = '';
  3197.            var end_time = '';
  3198.            var disabled = [];
  3199.            try {    
  3200.              //  var avail_time = locationDict[defaultShop].avail_time;
  3201.                var selected_location = $('#location option:selected').val();
  3202.                var avail_time = locationDict[selected_location].avail_time
  3203.                start_time = avail_time[ weekToInt[weekofday] ].start;
  3204.                end_time = avail_time[ weekToInt[weekofday] ].end;
  3205.          
  3206.                //check if day is holiday , set start and end time if available
  3207.                if( $.inArray( date_chosen, holiday_data )!=-1){
  3208.                    if(typeof avail_time['holiday']!=='undefined'){
  3209.                        start_time = avail_time['holiday'].start;
  3210.                        end_time = avail_time['holiday'].end;
  3211.                    }
  3212.                }
  3213.                //check if day occupied
  3214.                if(typeof occupied_data['all']!=='undefined'){ //for all shops
  3215.                    if(typeof occupied_data['all'][date_chosen]!=='undefined'){
  3216.                        disabled.push([occupied_data['all'][date_chosen].start, occupied_data['all'][date_chosen].end]);
  3217.                    }
  3218.                }
  3219.                if(typeof regionToLocation[selected_location]!=='undefined'){ //for selected shop only
  3220.                    var shop_occupied = occupied_data[regionToLocation[selected_location]];
  3221.                    if(typeof shop_occupied!=='undefined'){
  3222.                        if(typeof shop_occupied[date_chosen]!=='undefined'){
  3223.                            var occupied_time = {};
  3224.                            for(i in shop_occupied[date_chosen]){
  3225.                                if(typeof occupied_time[shop_occupied[date_chosen][i].start]==='undefined'){
  3226.                                    occupied_time[shop_occupied[date_chosen][i].start] = [];
  3227.                                }
  3228.                                occupied_time[shop_occupied[date_chosen][i].start].push(shop_occupied[date_chosen][i]);
  3229.                              //  disabled.push([ shop_occupied[date_chosen][i].start,shop_occupied[date_chosen][i].end]);
  3230.                            }
  3231.                            for(i in occupied_time){
  3232.                                if(occupied_time[i].length>=max_booking_allowed){
  3233.                                    for(j in occupied_time[i]){
  3234.                                         disabled.push([ occupied_time[i][j].start,occupied_time[i][j].end]);
  3235.                                    }
  3236.                                }
  3237.                            }
  3238.                        }
  3239.                    }
  3240.                }
  3241.            
  3242.                $('#timepicker').val("");
  3243.                $('#timepicker').timepicker('remove');
  3244.                $('#timepicker').timepicker
  3245.                ({
  3246.                    'minTime': start_time,
  3247.                    'maxTime': end_time,
  3248.                    'showDuration': false,
  3249.                    'disableTimeRanges' : disabled,
  3250.            
  3251.                   'useSelect': true ,
  3252.                    'noneOption': [
  3253.                        {
  3254.                            'label': '-- 請選擇 --',
  3255.                            'value': ''
  3256.                        },
  3257.                    ],
  3258.              
  3259.                });
  3260.                $( "#timepicker" ).prop('disabled',false);
  3261.                                if(!(typeof value === 'undefined')){
  3262.                    if(value!=''){
  3263.                        $('#timepicker').timepicker('setTime', value);
  3264.                    }
  3265.                }
  3266.            } catch(e){
  3267.                console.log(e);
  3268.            }
  3269.        }
  3270.                
  3271.        if(typeof setupRoadSell === 'function'){
  3272.            setupRoadSell();
  3273.        }
  3274.        
  3275.                
  3276.            
  3277.                                       CAPI('PageView');
  3278.             CAPI('ViewContent');
  3279.                        });
  3280.    
  3281.      
  3282.    function onFormSubmit(){
  3283.        var allow_time;
  3284.        if($('#timepicker').val()){
  3285.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  3286.        }
  3287.        if(allow_time!='Invalid date'){
  3288.            $('#allow_time').val(allow_time);
  3289.        } else {
  3290.            $('#allow_time').val('');
  3291.        }
  3292.        if($('#sender_email').val()!=''){
  3293.            $('.process-back').addClass('active');
  3294.        }
  3295.    }
  3296.    function onSubmit(){
  3297.        var allow_time;
  3298.        if($('#timepicker').val()){
  3299.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  3300.        }
  3301.        if(allow_time!='Invalid date'){
  3302.            $('#allow_time').val(allow_time);
  3303.            return true;
  3304.        } else {
  3305.            $('#allow_time').val('');
  3306.            alert('預約療程時間不正確');
  3307.            return false;
  3308.        }
  3309.    }
  3310.  
  3311.     function CAPI(event, eventData) {
  3312.   // let fbp = document.cookie.split(';').filter(c => c.includes('_fbp=')).map(c => c.split('_fbp=')[1]);
  3313.    let fbp = document.cookie.split(';').filter(function(c){ return c.includes('_fbp=');}).map(function(c){ return c.split('_fbp=')[1];})
  3314.    let fbc = document.cookie.split(';').filter(function(c){ return c.includes('_fbc=');}).map(function(c){ return c.split('_fbc=')[1];})
  3315. //   let fbc = document.cookie.split(';').filter(c => c.includes('_fbc=')).map(c => c.split('_fbc=')[1]);
  3316.    fbp = (fbp.length && fbp[0]) || null;
  3317.    fbc = (fbc.length && fbc[0]) || null;
  3318.    if(!fbc && window.location.search.includes('fbclid=')){
  3319.        fbc = 'fb.1.'+ (+new Date()) +'.'+ window.location.search.split('fbclid=')[1];
  3320.    }
  3321.    const body = {
  3322.        'event': event,
  3323.        'event_data': eventData,
  3324.        'fbp': fbp,
  3325.        'fbclid': fbc,
  3326.        'user_agent': navigator.userAgent,
  3327.                 'url': window.location.origin + window.location.pathname
  3328.    }
  3329.    $.ajax({
  3330.        type: "POST",
  3331.        url: 'https://onlux.com.hk/api/fb_conversion?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3MTYxNzM5MzEsInN1YiI6Im9ubHV4IGFwaSJ9.p95WUSWvXG7DkC72adWmFwwyyHtTRyaC1PerGaTBir8',
  3332.        data: JSON.stringify(body) ,
  3333.        processData: false,
  3334.        contentType: 'application/json',
  3335.        success: function(response){  
  3336.           //console.log(response)
  3337.        },
  3338.        error : function(  jqXHR,  textStatus,  errorThrown){  
  3339.        }
  3340.    });
  3341. }
  3342. </script>
  3343. </body>
  3344. </html>

Home · About · News · Docs · Terms

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