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://laserprocenter.com.hk/288/promotion/form

  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. <!-- Global site tag (gtag.js) - Google Ads: 866398960 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-866398960"></script>
  10. <script> window.dataLayer = window.dataLayer || [];
  11. function gtag(){dataLayer.push(arguments);}
  12. gtag('js', new Date());
  13. gtag('config', 'UA-186410323-1');
  14. gtag('config', 'AW-866398960');
  15. </script>
  16. <!-- Event snippet for 網頁檢視 conversion page -->
  17. <script> gtag('event', 'conversion', {'send_to': 'AW-866398960/a9JOCMHA8IEDEPDlkJ0D'}); </script>
  18.  
  19. <!-- Google Tag Manager -->
  20. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  21. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  22. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  23. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  24. })(window,document,'script','dataLayer','GTM-57M7ZXJ');</script>
  25. <!-- End Google Tag Manager -->
  26. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  28. <meta http-equiv="Content-Language" content="en,en-US,en-UK,fr,zh,zh-CN,zh-HK,zh-TW" />
  29. <title>LaserPro 激光脫毛專家 - $288/6個部位+全年任脫+3年保養 (全城至抵)</title>
  30. <link rel="icon" type="image/ico"  href="https://laserprocenter.com.hk/assets/images/laserpro-logo.ico" />
  31. <meta name="description" content="用家推薦No.1永久激光脫毛,Laser Pro激光脫毛專家已有15年激光脫毛經驗,超過97%用家好評,革命性DPS追蹤秒白激光脫毛技術,追擊毛髮根源,帶來永久「零毛.淨白.細緻毛孔」肌膚。脫毛部位(熱選腋下、比堅尼、underarm、full bikini、大腿、小腿、上唇、唇毛、V line、Straight Line),全年任脫,3年保養期,立即預約體驗!" />
  32. <meta name="keywords" content="LaserPro, Laser Pro 激光脫毛專家、激光脫毛、永久激光脫毛、永久脫毛、腋下、比堅尼、underarm、bikini、full bikini、大腿、小腿、上唇、唇毛、V-line、V line、Straight Line、脫毛試做、脫毛療程、脫毛價錢、脫毛優惠、$288、全年任脫、DPS追蹤激光秒白脫毛、Hair removal,秋冬脫毛" />
  33. <meta name="robots" content="index,follow" />
  34. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  35. <meta http-equiv="Cache-Control" content="max-age=86400" />
  36. <meta property="og:title" content="$288/6個部位 + 全年任脫 + 3年保養" />
  37. <meta property="og:description" content="用家推薦No.1永久激光脫毛,Laser Pro激光脫毛專家已有15年激光脫毛經驗,超過97%用家好評。 限時優惠,全城至抵!$288任選6個脫毛部位 (熱選腋下、比堅尼、underarm、full bikini、大腿、小腿、上唇、唇毛、V line、Straight Line) 全年任脫,3年保養期。革命性DPS追蹤秒白激光脫毛技術,追擊毛髮根源,帶來永久「零毛.淨白.細緻毛孔」肌膚,立即預約體驗!" />
  38. <link rel="prefetch" href="/assets/images/脫毛-嫩膚-美白-毛孔.jpg" />
  39. <link rel="prefetch" href="/assets/images/永久脫毛-全身脫毛-最抵-可靠.jpg" />
  40. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  41. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
  42.  
  43. <link rel="stylesheet" href="https://laserprocenter.com.hk/assets/css/min/vendor.min.css">
  44. <link rel="stylesheet" type="text/css" href="https://laserprocenter.com.hk/assets/css/min/home.min.css" />  
  45. <style>
  46. ul.top-nav-bar>li{
  47.    margin-left:0;
  48.    margin-right:0;
  49. }
  50. </style>
  51. <link rel="stylesheet" type="text/css" href="https://laserprocenter.com.hk/assets/css/other-payment.css" />
  52.    <link rel="stylesheet" type="text/css" href="https://laserprocenter.com.hk/assets/css/min/promote.min.css" />
  53.    <style>
  54. #header h1{display:none;}      
  55. </style>
  56. <script type="text/javascript">
  57.    (function(c,l,a,r,i,t,y){
  58.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  59.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  60.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  61.    })(window, document, "clarity", "script", "rg9rcnjjq5");
  62. </script>
  63. </head>
  64. <body><!-- <!-- Google Tag Manager (noscript) -->
  65. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57M7ZXJ"
  66. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  67. <!-- End Google Tag Manager (noscript) -->
  68. <!-- <!-- Google Tag Manager (noscript) -->
  69. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MFBL7BN"
  70. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  71. <!-- End Google Tag Manager (noscript) -->
  72. <div id="header">
  73.    <div class="m-menu-contain">
  74.        <a href="javascript:void(0)" id="menuBtn">
  75.            <div><span></span></div>
  76.            <!--<span>目錄</span>-->
  77.           <h1>LaserPro 激光脫毛專家 - $288/6個部位+全年任脫+3年保養 (全城至抵) - $288/6個部位+全年任脫+3年保養 (全城至抵)</h1>            <span class="clearfix"></span>
  78.        </a>
  79.        <a class="mtop-whatsapp" href="https://api.whatsapp.com/send?phone=85263661116&amp;text=" target="_blank"><img alt="激光脫毛-脫毛推介-最好脫毛" src="/assets/images/激光脫毛-脫毛推介-最好脫毛.png"></a>  
  80.    </div>
  81.  
  82.    <div class="menu-nvbar">
  83.        <ul class="top-nav-bar">
  84.                            <li class="link-banner"><a href="javascript:void(0);goToTop();">女士激光脫毛</a></li>
  85.                <li class="link-facial"><a href="https://laserprocenter.com.hk/288-laser-facial/promotion/form">激光去瘡</a></li>
  86.              <li class="link-pico"><a href="/288-pico-whitening/promotion/form">PICO美白</a></li>
  87.               <!-- <li class="link-men"><a target="_blank" href="https://laserprocenter.com.hk/men-laserhairremoval/promotion/form">男士脫毛</a></li>-->
  88.                <li class="link-booking-form"><a href="javascript:void(0);goToSection('booking-form');">立即預約</a></li>
  89.                <li class="link-knowledge"><a target="_blank" href="https://laserprocenter.com.hk/knowledge">脫毛知識</a></li>
  90.                <li class="link-tech"><a href="javascript:void(0);goToSection('tech');">先進技術</a></li>
  91.                <li class="link-price"><a href="https://laserprocenter.com.hk/price">脫毛價目</a></li>
  92.              
  93.                               </ul>
  94.        <div class="top-whatsapp"><a href="https://api.whatsapp.com/send?phone=85263661116&amp;text=" target="_blank"><img src="/assets/images/激光脫毛-脫毛推介-最好脫毛.png" alt="激光脫毛-脫毛推介-最好脫毛"></a></div>
  95.    </div>
  96.    <div class="clearfix"></div>
  97. </div>
  98. <div id="menu">
  99. <div class="outer">
  100. <div class="inner">
  101.            <ul class="navbar">
  102.                            <li class="cat_menu" style="cursor: pointer;">
  103.                    <div><a class="root-level" href="javascript:void(0);goToTop();">女士激光脫毛</a></div>
  104.                </li>
  105.                
  106.                 <li class="cat_menu" style="cursor: pointer;">
  107.                    <div><a class="root-level"  href="https://laserprocenter.com.hk/288-laser-facial/promotion/form">激光去瘡</a></div>
  108.                </li>  
  109.                
  110.              
  111.                <li class="cat_menu" style="cursor: pointer;">
  112.                    <div><a class="root-level" href="/288-pico-whitening/promotion/form">PICO美白</a></div>
  113.                </li>
  114.                <li class="cat_menu" style="cursor: pointer;">
  115.                    <div><a class="root-level" target="_blank" href="https://laserprocenter.com.hk/men-laserhairremoval/promotion/form">男士脫毛</a></div>
  116.                </li>    
  117.                <li class="cat_menu" style="cursor: pointer;">
  118.                    <div><a class="root-level" href="javascript:void(0);goToSection('booking-form');">立即預約</a></div>
  119.                </li>
  120.                <li class="cat_menu" style="cursor: pointer;">
  121.                    <div><a class="root-level" target="_blank" href="https://laserprocenter.com.hk/knowledge">脫毛知識</a></div>
  122.                </li>
  123.                <li class="cat_menu" style="cursor: pointer;">
  124.                    <div><a class="root-level" href="javascript:void(0);goToSection('tech');">先進技術</a></div>
  125.                </li>
  126.                 <li class="cat_menu" style="cursor: pointer;">
  127.                    <div><a class="root-level" href="https://laserprocenter.com.hk/price">脫毛價目</a></div>
  128.                </li>
  129.            
  130.                            <li class="cat_menu" style="cursor: pointer;">
  131.                    <div><a class="root-level" target="_blank" href="https://api.whatsapp.com/send?phone=85263661116&amp;text=">WhatsApp 預約</a></div>
  132.                </li>
  133.                </ul>
  134.        </div>    
  135. </div>
  136. </div> <script type="application/ld+json">
  137. {
  138.    "@context": "http://schema.org",
  139.    "@type": "HealthAndBeautyBusiness",
  140.    "name": "LaserPro 激光脫毛專家 $288/6 個部位 + 全年任脫 + 3年保養",
  141.    "priceRange": "288",
  142.    "image": "https://laserprocenter.com.hk/assets/images/promotion/288-offer4-summer-hot-pick-m.jpg",
  143.    "url": "https://laserprocenter.com.hk/288-offer4-summer-hot-pick/promotion/form",
  144.    "@id": "https://laserprocenter.com.hk/288-offer4-summer-hot-pick/promotion/form"
  145. }</script>
  146. <style>
  147. .form-hints {
  148.    color: #fff;
  149.    margin-bottom: 10px;
  150.    text-align: center;
  151.    font-size: 17px;
  152. }
  153. .form-hints.bottom-show {
  154.    text-align: left;
  155.    padding: 10px 0;
  156. }
  157. .image-container {
  158.    width: 100%;
  159.    margin: 0 auto;
  160. }
  161. .image-container img {
  162.    display: block;
  163.    margin: 0 auto;
  164. }
  165.  
  166. .image-container img.mobile {
  167.    display: none;
  168. }
  169.  
  170. select.select-box.no {
  171.    background-image: none;
  172. }
  173. #_terms .radioContent a,
  174. #_terms .radioContent a:link,
  175. #_terms .radioContent a:visited
  176. {
  177.    text-decoration: underline;
  178. }
  179. #_terms .radioContent a:hover {
  180.    color: #5c5c5c;
  181. }
  182. .input__fake__content.radio-type label.radioLabel.auto-text .radioContent {
  183.    padding-left: 30px;
  184. }
  185. .input__fake__content.radio-type label.radioLabel.auto-text .radioContent::before {
  186.    left: 0;
  187. }
  188. .input__fake__content.radio-type label.radioLabel.auto-text .radioContent::after{
  189.    left: 5px;
  190. }
  191.  
  192. .input__fake__content.radio-type label.radioLabel.alignLeft .radioContent {
  193.    padding-left: 30px;
  194. }
  195. .input__fake__content.radio-type label.radioLabel.alignLeft .radioContent::before {
  196.    left: 0;
  197. }
  198. .input__fake__content.radio-type label.radioLabel.alignLeft .radioContent::after{
  199.    left: 5px;
  200. }
  201. .payment-icons {
  202.    display: flex;
  203.    margin-bottom: 10px;
  204.    flex-wrap: wrap;
  205. }
  206. .payment-icons .payment-icon {
  207.    width: 60px;
  208.    margin-right: 10px;
  209.    max-height: 36px;
  210.    margin-bottom: 10px;
  211. }
  212. .payment-icon.paypal-icon {
  213.    display: flex;
  214.    align-self: center;
  215.    width: auto;
  216. }
  217. .payment-icons .payment-icon img {
  218.    height:36px
  219. }
  220. .payment-steps {
  221.    margin-top: 30px;
  222. }
  223. .payment-steps .hints {
  224.    font-size: 18px;
  225.    padding-bottom: 10px;
  226. }
  227. .payment-steps input[type="text"]{
  228.    border: 1px solid #00a9af;
  229.    border-radius: 3px;
  230.    -webkit-appearance: none;
  231.    width: 100%;
  232.    max-width: 350px;
  233.    padding-left: 5px;
  234.    font-size: 14px;
  235.    height: 30px;
  236. }
  237.  
  238. .payment-steps input[type="button"]{
  239.    background-color: #00a9af;
  240.    color: #fff;
  241.    padding: 5px 20px;
  242.    margin: 10px 0;
  243. }
  244. #paypal-button-container{
  245.    width :100%;
  246. }
  247.  
  248. .my-info-wrap {
  249.    display: flex;
  250.    padding-bottom: 10px;
  251. }
  252. .my-info {
  253.    flex-basis: 50%;
  254. }
  255. .my-info.full {
  256.    flex-basis: 100%;
  257. }
  258. .my-info.info-name {
  259.    flex-basis: 100%;
  260.    font-weight: bold;
  261. }
  262. .my-info.info-hints {
  263.    flex-basis: 100%;
  264.    font-size: 14px;
  265.    padding-bottom: 20px;
  266. }
  267. .my-info-content {
  268.    font-weight: bold;
  269. }
  270. .payment-step-email {  
  271.    transition: opacity 1s ease-out;
  272.    opacity: 0;
  273.    height: 0;
  274.    overflow: hidden;
  275.    width : 100%;
  276.    padding: 20px 0;
  277. }
  278. .payment-step-final {
  279.    transition: opacity 1s ease-out;
  280.    opacity: 0;
  281.    height: 0;
  282.    overflow: hidden;
  283.    width : 100%;
  284.    padding: 20px 0;
  285. }
  286. .payment-step1.showing {
  287.    opacity: 1;
  288.    height: auto;
  289. }
  290. .payment-step-email.showing {
  291.    opacity: 1;
  292.    height: auto;
  293. }
  294. .payment-step-email.hide{
  295.    display:none;
  296. }
  297. .payment-step-final.showing {
  298.    opacity: 1;
  299.    height: auto;
  300. }
  301. #payment-button {
  302.    display : none;
  303. }
  304. #payment-button.btn-style {
  305.    background-color: #c32827;
  306.    color: #fff;
  307.    border: 1px solid #a6a6a6;
  308. }
  309.  
  310. #payment-button.btn-style:disabled {
  311.    border: 1px solid #dadada;
  312.    background-color: transparent;
  313.    color: #dadada;
  314. }
  315. .field-row.payment{
  316.    height:auto;
  317. }
  318. .field-row.payment .field-label.hints {
  319.    font-weight:bold;
  320. }
  321.  
  322. #_terms .input__fake__content label.radioLabel .radioContent{
  323.    flex-wrap: wrap;
  324. }
  325.  
  326. @media (max-width: 800px){
  327.    .image-container img.mobile {
  328.        display: block;
  329.        margin: 10px 0;
  330.    }
  331.    .image-container img.desktop {
  332.        display: none;
  333.    }
  334. }
  335.  
  336. @media (max-width: 500px){
  337.  
  338.    .field-row.payment .checkbox-group{
  339.        flex-wrap: wrap;
  340.    }
  341.   .field-row.payment .checkbox-group .field-label {
  342.        white-space: normal;
  343.    }
  344.    .my-info-wrap.wrap {
  345.        flex-wrap: wrap;
  346.    }
  347.    .my-info-wrap.wrap .my-info {
  348.        margin-bottom: 20px;
  349.    }
  350. }
  351.  
  352.  
  353. .display-body-part img {
  354.    width: 100%;
  355. }
  356. </style>
  357. <div id="wrapper" class="promote188">
  358.    <div id="article">
  359.        <div class="banner-wrapper">
  360.            <div class="banner">
  361.                <div class="home-banner"><img  alt="激光脫毛 白滑小腿 零毛孔 零黑點" class="desktop" src="/assets/images/promotion/288-offer4-summer-hot-pick.jpg" /><img  alt="激光脫毛 白滑小腿 零毛孔 零黑點" class="mobile" src="/assets/images/promotion/288-offer4-summer-hot-pick-m.jpg" />
  362.                </div>
  363.            </div>
  364.          <!--  <div class="object-wrapper wslick0">
  365.                <div class="object text1 ease-transform-effect"><img  alt="Laser Pro 無痛脫毛-冷凍-邊度脫毛好" src="/assets/images/無痛脫毛-冷凍-邊度脫毛好.png" /></div>
  366.                <div class="object text2 ease-transform-effect"><img  alt="Laser Pro 脫毛技術-淨白-滑溜肌膚" src="/assets/images/脫毛技術-淨白-滑溜肌膚.png" /></div>
  367.                <div class="object text3 ease-transform-effect"><img  alt="Laser Pro" src="/assets/images/LPweb-layout-03.png" /></div>
  368.                <div class="object text4 ease-transform-effect" onClick="goToSection('booking-form');"><img alt="Laser Pro 性價比-效果-保養-專業"  src="/assets/images/性價比-效果-保養-專業.png" /></div>
  369.            </div>-->
  370.          
  371.            <div class="logo"><a href="https://laserprocenter.com.hk/"><img alt = "LaserPro激光脫毛專家" src="/assets/images/脫毛-嫩膚-美白-毛孔.jpg" /></a></div>
  372.        </div>
  373.    </div>
  374.    <div id="sections">
  375.    
  376.    
  377.               <div class="image-container" ><img class="desktop" src="/assets/images/laserpro-part-desktop.png"><a href="#"  onClick="OpenPSWP([{src: '/assets/images/laserpro-part-mobile.jpg',w: 750,h: 765},])"><img class="mobile" src="/assets/images/laserpro-part-mobile.jpg"></a></div>
  378.      <form method="post" action="" onSubmit="return onFormSubmit()">
  379.        <div class="booking-form section">
  380.        <input type="hidden" name="override_body_part" value="1" />
  381.            <div class="title right"><img alt="Laser Pro 元朗-皺紋-健康-暗瘡"   src="/assets/images/元朗-皺紋-健康-暗瘡.png"/></div>
  382.            <div class="form-container">
  383.                <div class="form-title"></div>
  384.           <!--   <div class="form-hints">【$288/6部位 全年任脫 + 3 年保養】 此價錢是網上登記付款優惠,如到店付款即以 【$688/6個部位 全年任脫 + 3 年保養】。</div>-->
  385.                <input type="hidden" name="allow_time"  id="allow_time" value=""/>
  386.                <div class="form-rowc">
  387.                    <div class="field-row left m6">
  388.                        <input type="text" id="sender_name" name="sender_name" placeholder="姓名 *" class="field required" value="">
  389.                    </div>
  390.                    <div class="field-row m4">
  391.                        <select name="gender" class="select-box required">
  392.                            <option value="" disabled="" selected="selected">性別 *</option>
  393.                            <option  value="女"  >女</option>
  394.                        </select>
  395.                    </div>
  396.                </div>  
  397.                
  398.                            
  399.                <div class="form-rowc">
  400.                    <div class="field-row left m4">
  401.                        <select  onChange="countryCodeChanged(this)" name="country_code" class="select-box required">
  402.                            <option  value="852"  >+852</option>
  403.                            <option  value="853"  >+853</option>
  404.                            <option  value="86"  >+86</option>
  405.                        </select>
  406.                    </div>
  407.                    <div class="field-row m6">
  408.                      <input type="text" id="phone" name="phone" placeholder="電話 *" class="field required" value="">
  409.                    </div>
  410.                </div>
  411.                                
  412.                  
  413.                              
  414.                   <div class="form-rowc">
  415.                    <div class="field-row left m4">
  416.                        <input type="text" id="confirm-countrycode" class="field " value="+852" readonly>
  417.                    </div>
  418.                    <div class="field-row m6">
  419.                      <input  onpaste="return false;" ondrop="return false;" autocomplete="off" type="text" id="confirm_phone" name="confirm_phone" placeholder="確認電話 *" class="field required" value="">
  420.                    </div>
  421.                </div>
  422.  
  423.                                
  424.                
  425.                            
  426.      
  427.                
  428.               <div class="form-rowc ">
  429.                   <div class="field-row full">
  430.                        <input type="text" id="email" name="email" placeholder="電郵地址" class="field required" value="">
  431.                    </div>
  432.               </div>
  433.                          <!--   <div class="form-rowc ">
  434.                   <div  class="field-row full hints">
  435.                        (將發送電郵確認登記)
  436.                    </div>
  437.               </div>-->
  438.               <div class="form-rowc">
  439.                   <div class="field-row full">
  440.                        <select name="courses" class="select-box required no">
  441.                                                <option   value="【網上預付】$288/6個部位 全年任脫 + 3 年保養">【網上預付】$288/6個部位 全年任脫 + 3 年保養</option>
  442.                    
  443.                                                </select>
  444.                    </div>
  445.               </div>
  446.    
  447.              
  448.  
  449.                              
  450.                                
  451.                <div class="form-rowc" style="display:none;">
  452.                    <div class="field-row full">
  453.                        <div class="checkbox-group">
  454.                            <span class="field-label">現有客戶 *</span>
  455.                            <span class="input__fake__content radio-type">
  456.                                <label for="existing_client1" class="radioLabel auto-text">
  457.                                    <input type="radio" name="existing_client1" value="N" id="existing_client1" class="radioItem" ><span class="radioContent ">否</span>
  458.                                </label>
  459.                                <label for="existing_client2" class="radioLabel auto-text">
  460.                                    <input type="radio" name="existing_client1" value="Y" id="existing_client2" class="radioItem"><span class="radioContent"  >是</span>
  461.                                </label>
  462.                            </span>
  463.                        </div>
  464.                    </div>
  465.                </div>
  466.                
  467.                              
  468.        
  469.                <div class="form-rowc">
  470.                    <div class="field-row full">
  471.                        <select name="location" id="location" class="select-box required">
  472.                          
  473.                             <option disabled="" value="" selected="selected">選擇分店 *</option>                               <option  value="銅鑼灣"  >銅鑼灣英皇鐘錶珠寶中心</option>
  474.                                                           <option  value="觀塘"  >觀塘泓富廣場</option>
  475.                                                           <option  value="旺角朗豪坊店"  >旺角朗豪坊辦公大樓</option>
  476.                                                           <option  value="尖沙咀"  >尖沙咀加拿芬廣場</option>
  477.                                                           <option  value="將軍澳"  >將軍澳新都城中心3期</option>
  478.                                                           <option  value="荃灣"  >荃灣千色匯I期</option>
  479.                                                           <option  value="屯門"  >屯門栢麗廣場</option>
  480.                                                           <option  value="元朗"  >元朗光華廣場</option>
  481.                                                           <option  value="沙田"  >沙田新城市商業大廈</option>
  482.                                                    </select>
  483.                    </div>
  484.                </div>                
  485.                <div class="form-rowc">
  486.                    <div class="field-row left m5">
  487.                      <input type="text" id="datepicker" name="date" placeholder="預約日期 *" class="field" autocomplete="off" value=""  disabled>
  488.                    </div>
  489.                    <div class="field-row  m5"> <input type="text" id="timepicker" name="timepicker" placeholder="預約時間 *" class="field " autocomplete="off" value=""  disabled>
  490.                    </div>
  491.                </div>  
  492.            
  493.                
  494.                                             <div class="form-hints bottom-show">明碼實價 無附加費<br>
  495.                    此為網上預付優惠,如選擇到店預付,需付原價$2880</div>
  496.                
  497.                <div id="_terms" class="field-row full">
  498.                    <div class="checkbox-group">
  499.                        <span class="input__fake__content checkbox-type single">
  500.                            <label for="acp_tnc" class="radioLabel">
  501.                                 <input type="checkbox" id="acp_tnc" name="acp_tnc" rel="0" class="radioItem" value="1" >
  502.                                <span class="radioContent">本人已年滿18歲或以上及已閱讀並同意<a href="https://laserprocenter.com.hk/privacy" target="_blank">私隱政策</a>及<a href="https://laserprocenter.com.hk/tnc" target="_blank">條款及細則</a>&nbsp;/&nbsp;<a href="https://laserprocenter.com.hk/tnc_eng" target="_blank">Terms & Conditions</a>。</span>
  503.                            </label>
  504.                        </span>
  505.                    </div>
  506.              
  507.                                        
  508.                      
  509.                                        
  510.                    <div class="checkbox-group">
  511.                        <span class="input__fake__content checkbox-type single">
  512.                            <label for="disclaim" class="radioLabel">
  513.                               <input type="checkbox" id="disclaim" name="disclaim" rel="0" class="radioItem" value="1"  >
  514.                                <span class="radioContent">本人持有香港永久性居民身份證 / 澳門居民身份證 / 中國居民身份證以供核對。</span>
  515.                            </label>
  516.                        </span>
  517.                    </div>
  518.                </div>
  519.                
  520.              
  521.                 <div class="form-rowc btn-submit">                      <input type="image" src="/assets/images/submit-button-new.png">                 </div>
  522.              
  523.        
  524.            </div>
  525.            
  526.            
  527.        </div>
  528.  
  529.  
  530.  
  531.          </form>
  532.        
  533.    
  534.                     <!--   <div class="display-body-part section"><img src="/assets/images/LASER PRO脫毛部位圖 20210217-01.jpg"></div>-->
  535.                
  536.    
  537.    
  538.        <div class="tech section ease-fade-effect">
  539.            <div class="title"><img alt="Laser Pro" src="/assets/images/旺角-美容-去斑-瘦身.png"/></div>  
  540.            <div class="background desktop"><img alt="Laser Pro" src="/assets/images/pc-B-01.jpg" />
  541.                <div class="box-wrapper">
  542.                    <div class="box desktop">
  543.                        <div class="light l1 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-B-02a.png" /></div>
  544.                        <div class="light l2 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-B-02b.png" /></div>
  545.                        <div class="light l3 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-B-02c.png" /></div>
  546.                        <div class="text t1 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-B-03.png" /></div>
  547.                        <div class="text t2 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-B-04.png" /></div>
  548.                        <div class="text t3 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-B-05.png" /></div>
  549.                    </div>
  550.                </div>            
  551.            
  552.            </div>
  553.            <div class="background mobile"><img alt="Laser Pro" src="/assets/images/mo-B-01.jpg" />
  554.                <div class="box-wrapper">
  555.                    <div class="box mobile">
  556.                        <div class="light l1 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-B-02a.png" /></div>
  557.                        <div class="light l2 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-B-02b.png" /></div>
  558.                        <div class="light l3 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-B-02c.png" /></div>
  559.                        <div class="text t1 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-B-03.png" /></div>
  560.                        <div class="text t2 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-B-04.png" /></div>
  561.                        <div class="text t3 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-B-05.png" /></div>
  562.                    </div>
  563.                </div>            
  564.            
  565.            
  566.            </div>
  567.  
  568.            
  569.            
  570.            <div class="others desktop">
  571.                <div ><img alt="Laser Pro" src="/assets/images/others-blank.png" /></div>
  572.                <div class="text p2 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-C-02a.png" /></div>
  573.                <div class="text p3 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-C-03a.png" /></div>
  574.                <div class="text p4 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-C-04a.png" /></div>
  575.                <div class="text p5 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-C-05a.png" /></div>
  576.                <div class="text p6 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/pc-C-06a.png" /></div>
  577.                <div class="icon p2 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-C-02b.png" /></div>
  578.                <div class="icon p3 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-C-03b.png" /></div>
  579.                <div class="icon p4 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-C-04b.png" /></div>
  580.                <div class="icon p5 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-C-05b.png" /></div>
  581.                <div class="icon p6 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/pc-C-06b.png" /></div>
  582.            </div>
  583.            
  584.            <div class="others mobile">
  585.                <div ><img alt="Laser Pro" src="/assets/images/others-mobile-blank.png" /></div>
  586.                <div class="icon p2 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-C-02a.png" /></div>
  587.                <div class="icon p3 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-C-03a.png" /></div>
  588.                <div class="icon p4 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-C-04a.png" /></div>
  589.                <div class="icon p5 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-C-05a.png" /></div>
  590.                <div class="icon p6 ease-transform-effect"><img alt="Laser Pro" src="/assets/images/mo-C-06a.png" /></div>
  591.                <div class="text p2 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-C-02b.png" /></div>
  592.                <div class="text p3 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-C-03b.png" /></div>
  593.                <div class="text p4 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-C-04b.png" /></div>
  594.                <div class="text p5 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-C-05b.png" /></div>
  595.                <div class="text p6 ease-fade-effect"><img alt="Laser Pro" src="/assets/images/mo-C-06b.png" /></div>
  596.            </div>
  597.            
  598.            
  599.        </div>
  600.        <div class="terms section">  </div>
  601.             </div>
  602.    </div>
  603.  
  604. <style>
  605.   .process-back {
  606.    position: fixed;
  607.    z-index: 2147483647;
  608.    top: 0;
  609.    left: 0;
  610.    width: 100%;
  611.    height: 100%;
  612.    transform: translate3d(0, 0, 0);
  613.    background-color: black;
  614.    background-color: rgba(0, 0, 0, 0.6);
  615.    background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0.6) 100%);
  616.    color: #fff;
  617.    display : none;
  618. }
  619.  
  620. .process-back.active {
  621.     display : block;
  622. }
  623. .process-back .processing-modal {
  624.    font-family: "HelveticaNeue", "HelveticaNeue-Light", "Helvetica Neue Light", helvetica, arial, sans-serif;
  625.    font-size: 14px;
  626.    text-align: center;
  627.    box-sizing: border-box;
  628.    max-width: 350px;
  629.    top: 50%;
  630.    left: 50%;
  631.    position: absolute;
  632.    transform: translateX(-50%) translateY(-50%);
  633.    cursor: pointer;
  634.    text-align: center;
  635. }
  636.  
  637. .process-back .processing-modal  .processing-logo img {
  638.    height: 36px;
  639. }
  640.  
  641. .process-back .processing-modal  .message {
  642.    font-size: 15px;
  643.    line-height: 1.5;
  644.    padding: 10px 0;
  645. }
  646. </style>
  647. <div class="process-back">
  648.    <div class="processing-modal">
  649.        <div class="processing-logo"></div>
  650.        <div class="message">處理中,請稍等..</div>
  651.    </div>
  652. </div>
  653. <div id="footer">
  654.    <div class="holder">
  655.        <div class="links">
  656.          <div class="item">
  657.                <a target="_blank" href="https://laserprocenter.com.hk/about" class="link">關於我們</a>
  658.            </div>
  659.            
  660.            <div class="item">
  661.                <a  target="_blank" href="https://laserprocenter.com.hk/location" class="link">分店地區</a>
  662.            </div>
  663. <!--
  664.            <div class="item">
  665.                <a  target="_blank" href="https://laserprocenter.com.hk/about" class="link">聯絡我們</a>
  666.            </div>
  667.            
  668.            <div class="item">
  669.                <a  target="_blank" href="https://laserprocenter.com.hk/about" class="link">加入我們</a>
  670.            </div>
  671.            -->
  672.             <div class="share">
  673.                <a class="facebook addthis_button_facebook" href="https://www.facebook.com/LaserProHK" target="_blank"><img alt="LaserPro激光脫毛專家 Facebook" src="/assets/images/將軍澳-徹底-Underarm.png" /></a>
  674.                <a class="instagram addthis_button_ig" href="https://www.instagram.com/laserprohk/" target="_blank"><img alt="LaserPro激光脫毛專家 Instagram" src="/assets/images/觀塘-808脫毛-脫毛蠟.png" /></a>
  675.                <!--<a class="youtube"  href="https://youtube.com" target="_blank"><img src="/assets/images/香港-脫毛刀-幼毛-口碑.png" /></a>-->
  676.                <a class="whatsapp" href="https://api.whatsapp.com/send?phone=85263661116&amp;text=" target="_blank"><img alt="LaserPro激光脫毛專家 Whatsapp 查詢" src="/assets/images/九龍-755脫毛-粗毛.png"/></a>
  677.            </div>
  678.            
  679.        </div>
  680.        <div class="bottom">
  681.            <a href="https://laserprocenter.com.hk/sitemap" target="_blank" class="privacy-link">SiteMap</a>&nbsp;<span class="sp">|</span>&nbsp;
  682.            <a href="https://laserprocenter.com.hk/privacy" target="_blank" class="privacy-link">免責聲明</a>
  683.            &nbsp;<span class="sp">|</span>
  684.            &nbsp;<span class="copyright">&copy; 2021 - 2025 Copyright LASER PRO CENTER LIMITED  <span class="non-mobile">&nbsp;&nbsp;All rights reserved</span></span>
  685.                           <div class="contact-link"><a href="mailto:enquiry@laserprocenter.com.hk">Email: enquiry@laserprocenter.com.hk</a></div>
  686.        </div>
  687.    </div>
  688. </div>
  689. <a href="javascript:void(0);" id="ui-to-top" class="ui-to-top fa fa-angle-up active"></a>
  690.  
  691. </div><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  692. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  693. <!--[if lt IE 9]>
  694. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
  695. <script type="text/javascript" src="https://laserprocenter.com.hk/assets/js/placeholders.min.js"></script>
  696. <script type="text/javascript" src="https://laserprocenter.com.hk/assets/js/respond.min.js"></script>
  697. <style>
  698. .border-radius {
  699. -ms-behavior: url('https://laserprocenter.com.hk/assets/js/border-radius.htc');
  700. behavior: url('https://laserprocenter.com.hk/assets/js/border-radius.htc');
  701. }
  702. </style>
  703. <![endif]-->
  704. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  705. <script type="text/javascript" src="https://laserprocenter.com.hk/assets/js/min/vendor.min.js"></script>
  706. <script type="text/javascript" src="https://laserprocenter.com.hk/assets/js/min/home.min.js"></script>
  707. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.1/mustache.min.js"></script>
  708. <style>
  709. #_terms .radioContent a,
  710. #_terms .radioContent a:link,
  711. #_terms .radioContent a:visited
  712. {
  713.    text-decoration: underline;
  714. }
  715. #_terms .radioContent a:hover {
  716.    color: #5c5c5c;
  717. }
  718.  
  719. .ui-timepicker-select{
  720.    width: 100%;
  721.    border: 0;
  722.    border-bottom: 1px solid #645f64;
  723.    line-height: 34px;
  724.    height: 34px;
  725.    color: inherit;
  726.    font-size: 18px;
  727.    font-family: inherit;
  728.    box-sizing: border-box;
  729.    border-radius: 0;
  730.    padding: 0 5px;
  731.    -webkit-appearance: none;
  732.    -moz-appearance: none;
  733.    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAA0CAYAAADc8/VNAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4woJBzE4gKw9DgAAAv1JREFUaN7tmstr1UAUhz9zxZ3i3j8h6yxUgpsudCEuiuhCN4KLLlRakFpBXYgdFEFB9KBWsCKIDIoPFFEpRa8W8SrFx1UqVAtWacHWUrXWvlw4gpQ+7iOTTGx+uzs55zeTj5Nzk0wgU6ZMmTJZ1aKZBpvqNtYAK1J6Tl1KdEc1BotnGV8GnE8hkClgZbUm3kyDSvRVoD2FUC4q0U+sQDHaCUykCMh3YE8URrNCUaJfAmdTBKVZif5kFYrRfmAwBUDeA8eiMsvNdTBfKP4IA/8nsNZxKNuV6BdRmXklxJwC3jgMpF2JvhKl4bxQlOgxoMFRIBPArqhNS6kUlOg7wC0HobREedmUBcWoHvjlEJCvwD4bxrlSA/OF4kAY+MuBVY5AaVKi22wYe2XGHwT6HQDyFjhpyzxXTnC+UBwNA38IWJ8wlK1KdJctc6+CnHNAZ4JAbpvGjzNQlOhJ81yUhMZMw8cpKAbMQ+ByAlBO2LxsqoJi1AiMxAik3zR668pVmpgvFIfCwF8CrIkJSoMS/SiOibwq848AH2NYZyfQEldJ5qpJzheKY2Hg9wG1lte5SYn+EBcULwKPS8Bji2vUSvSDOLt51VCU6CnzpDppYX0jwO64/+KiqBSU6AJwwcL6jirRPamE8vcBDRiO0K8XOJzEHWIuKqN8ofgtDPxJoCYiyzol+nkSULyI/Y4D3RH4dJgGTqorxVTLRBj4PcDmKmymgFolujcpKFFXCkr0deB+FRatSvTTJN9LeJZ864HxCvKGgb0kLCtQlOhXwOkKUpuV6M//JRSjA8BAGfHdRLjL50yjndZ0R8LAHwHWlZiyTYl+7QIUz7K/AKWcaJsSfQ1HZBWKEj3O/K8Px7Gwy+dypaBE3wNuzBFyxjTmhQPFqIGZdxcH+fO5h1PKxTFJvlAcDAN/KbB62qFGJbrdNShejHMdAvr++V00jZgFWSmmWkbDwP8CbDBDW5Tody5C8WKerxV4BtxUou/iqGKFYnYXd+DuR0CZMmXKlCkO/QbIVNt7X1ccbwAAAABJRU5ErkJggg==) no-repeat center right;
  734.    background-size: 28px auto;
  735.    background-color: #fff;
  736.    border-radius: 9px;
  737.    padding-left: 15px;
  738.    border: 0;
  739.    height: 34px;
  740. }
  741. select.ui-timepicker-select option:disabled {
  742.    color: #c3c3c3;
  743. }
  744. </style>
  745. <div id="pswp-gallery" class="pswp" tabindex="-1" role="dialog" aria-hidden="true"  ref="pswpref">
  746.    <!-- Background of PhotoSwipe.
  747.         It's a separate element as animating opacity is faster than rgba(). -->
  748.    <div class="pswp__bg"></div>
  749.    <!-- Slides wrapper with overflow:hidden. -->
  750.    <div class="pswp__scroll-wrap">
  751.        <!-- Container that holds slides.
  752.            PhotoSwipe keeps only 3 of them in the DOM to save memory.
  753.            Don't modify these 3 pswp__item elements, data is added later on. -->
  754.        <div class="pswp__container">
  755.            <div class="pswp__item"></div>
  756.            <div class="pswp__item"></div>
  757.            <div class="pswp__item"></div>
  758.        </div>
  759.        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
  760.        <div class="pswp__ui pswp__ui--hidden">
  761.            <div class="pswp__top-bar">
  762.                <!--  Controls are self-explanatory. Order can be changed. -->
  763.                <div class="pswp__counter"></div>
  764.                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  765.                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
  766.                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
  767.                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
  768.                <!-- element will get class pswp__preloader--active when preloader is running -->
  769.                <div class="pswp__preloader">
  770.                    <div class="pswp__preloader__icn">
  771.                      <div class="pswp__preloader__cut">
  772.                        <div class="pswp__preloader__donut"></div>
  773.                      </div>
  774.                    </div>
  775.                </div>
  776.            </div>
  777.            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  778.                <div class="pswp__share-tooltip"></div>
  779.            </div>
  780.            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
  781.            </button>
  782.            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
  783.            </button>
  784.            <div class="pswp__caption">
  785.                <div class="pswp__caption__center"></div>
  786.            </div>
  787.        </div>
  788.    </div>
  789. </div>
  790.  
  791.  
  792. <script>
  793.  
  794.  
  795.  
  796.    function paymentHelp(){
  797.        var items = [{
  798.            src : 'https://laserprocenter.com.hk/assets/images/LP - Online Payment Guideline_payme.jpg',
  799.            w : 801,
  800.            h : 1200,
  801.        },{
  802.            src : 'https://laserprocenter.com.hk/assets/images/LP - Online Payment Guideline-fps.jpg',
  803.            w : 801,
  804.            h : 1200,
  805.        }];
  806.        var pswpElement = document.querySelectorAll('.pswp')[0];
  807.        var options = {
  808.            closeOnScroll : false,
  809.            history: false,
  810.            focus: false,
  811.            index: 0
  812.        };
  813.        share_gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
  814.        share_gallery.init()
  815.    }
  816.  
  817.    
  818.  
  819. function OpenPSWP(items){
  820.    var pswpElement = document.querySelectorAll('.pswp')[0];
  821.    var options = {
  822.        closeOnScroll : false,
  823.        history: false,
  824.        focus: false,
  825.        index: 0
  826.    };
  827.    var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
  828.    gallery.init()
  829. }
  830. function offset(el) {
  831.    var rect = el.getBoundingClientRect(),
  832.    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
  833.    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  834.    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
  835. }
  836. var section_obj = {
  837.    banner :  {
  838.        element :  document.querySelector('.banner'),
  839.        offset :  function(){
  840.            return offset(this.element);
  841.        }
  842.    },
  843.    men :  {
  844.        element :  document.querySelector('.men'),
  845.        offset :  function(){
  846.            return offset(this.element);
  847.        }
  848.    },
  849.    tech :  {
  850.        element :  document.querySelector('.tech'),
  851.        offset :  function(){
  852.            return offset(this.element);
  853.        }
  854.    },
  855.    service :  {
  856.        element :  document.querySelector('.service'),
  857.        offset :  function(){
  858.            return offset(this.element);
  859.        }
  860.    },
  861.  //  exp :  {
  862.  //      element :  document.querySelector('.exp'),
  863.  //      offset :  function(){
  864.  //          return offset(this.element);
  865.  //      }
  866.  //  },
  867.    'booking-form' :  {
  868.        element :  document.querySelector('.booking-form'),
  869.        offset :  function(){
  870.            return offset(this.element);
  871.        }
  872.    },
  873.    faq :  {
  874.        element :  document.querySelector('.faq'),
  875.        offset :  function(){
  876.            return offset(this.element);
  877.        }
  878.    },
  879.    terms :  {
  880.        element :  document.querySelector('.terms'),
  881.        offset :  function(){
  882.            return offset(this.element);
  883.        }
  884.    },
  885.    privacy :  {
  886.        element :  document.querySelector('.privacy'),
  887.        offset :  function(){
  888.            return offset(this.element);
  889.        }
  890.    },
  891.    about :  {
  892.        element :  document.querySelector('.about'),
  893.        offset :  function(){
  894.            return offset(this.element);
  895.        }
  896.    },
  897.    location :  {
  898.        element :  document.querySelector('.location'),
  899.        offset :  function(){
  900.            return offset(this.element);
  901.        }
  902.    },
  903.    price :  {
  904.        element :  document.querySelector('.price'),
  905.        offset :  function(){
  906.            return offset(this.element);
  907.        }
  908.    }
  909. }
  910.    function goToSection(section){
  911.         if(section == 'tech' || section == 'booking-form' || section == 'terms' || section == 'service'){
  912.            if(section_obj[section].element === null) return;
  913.        var offset  = $(section_obj[section].element).offset();
  914.        $('html, body').animate({
  915.            scrollTop: offset.top - $('#header').height()  
  916.        }, 800, function() {
  917.            detectArea(section);
  918.        });
  919.    }
  920. }  
  921. function goToTop(){
  922.    if($('html').hasClass('open-menu')){
  923.        $('html').removeClass('open-menu');
  924.    }
  925.    $('html, body').animate({
  926.        scrollTop: 0
  927.    }, 800);
  928. }
  929. function detectArea(section,last){
  930.    var element = section_obj[section].element;
  931.    if(element === null) return;
  932.    var div_offset = section_obj[section].offset();
  933.    
  934.    var doc_end_pos = parseInt($(window).scrollTop()) + parseInt($(window).height());
  935.    var doc_start_pos = $(window).scrollTop();
  936.    
  937.    var start_pos = div_offset.top;
  938.    var end_pos = div_offset.top + $(element).height();
  939.    var pad = 8;
  940.    //check if within section or document end touch the start of section
  941.    var is_within = doc_start_pos >= start_pos - ($('#header').height() + pad) && doc_start_pos <=end_pos;
  942.    var is_reached = doc_end_pos >= start_pos && doc_start_pos <= end_pos;
  943.    if( is_within || is_reached  ){
  944.        $(element).addClass('animated');
  945.        $(element).find('.ease-fade-effect').addClass('animated');
  946.        $(element).find('.ease-transform-effect').addClass('animated');
  947.    }  
  948.    if(is_within){
  949.        $('.top-nav-bar > li').removeClass('selected');
  950.        $('.top-nav-bar > li.link-'+section).addClass('selected');
  951.    }
  952.    if( doc_start_pos == 0 || doc_start_pos <= $(section_obj['banner'].element).height() - 100 ){
  953.        //within banner area    
  954.        $('html').removeClass('in-body');
  955.        $('.banner-wrapper .logo').removeClass('animated');
  956.        $('.top-nav-bar > li').removeClass('selected');
  957.                $('.top-nav-bar > li.link-banner').addClass('selected');
  958.            } else {
  959.        $('html').addClass('in-body');
  960.        $('.banner-wrapper .logo').addClass('animated');
  961.    }
  962.   //if( ($(window).scrollTop() + $(window).height()) > div_offset.top  ){
  963.   //    console.log(section);
  964.   //    console.log(div_offset);
  965.   //    if(section == 'banner'){
  966.   //        $('html').removeClass('in-body');
  967.   //        $('.banner-wrapper .logo').removeClass('animated');
  968.   //    } else {
  969.   //        $('html').addClass('in-body');
  970.   //        $('.banner-wrapper .logo').addClass('animated');
  971.   //        $(element).addClass('animated');
  972.   //        $(element).find('.ease-fade-effect').addClass('animated');
  973.   //        $(element).find('.ease-transform-effect').addClass('animated');
  974.   //    }
  975.   //}
  976. }
  977. var date_notavail = ['2024-02-10','2024-02-11','2024-02-12','2024-02-13'];
  978. var body_part_max = {
  979.    free : 1,
  980.    big : 1,
  981.    small : 1,
  982. }
  983.  
  984.  
  985. var day_off_data = [];
  986. var holiday_data = [];
  987. var occupied_data = {};
  988. var shop_week_data = [];
  989. var max_booking_allowed = 1;
  990. var weekToInt = {
  991.          'Mon' : 1,  
  992.          'Tue' : 2,  
  993.          'Wed' : 3,  
  994.          'Thu' : 4,  
  995.          'Fri' : 5,  
  996.          'Sat' : 6,  
  997.          'Sun' : 0
  998.        };
  999.        
  1000.        
  1001.        
  1002.      max_booking_allowed = 99;
  1003.    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"}}};
  1004. holiday_data = ["2025-12-25","2025-12-26"];
  1005. day_off_data = {"all":[]};
  1006. occupied_data = {"all":{"2025-12-05":{"start":"12:00pm","end":"3:30pm"},"2025-11-13":{"start":"12:00pm","end":"2:00pm"},"2025-12-11":{"start":"12:00pm","end":"2:00pm"},"2026-01-02":{"start":"12:00pm","end":"3:30pm"}},"ST":{"2025-11-12":[{"start":"6:00pm","end":"6:30pm","type":""},{"start":"6:00pm","end":"6:30pm","type":""}]},"CWB":{"2025-11-11":[{"start":"7:30pm","end":"8:00pm","type":""},{"start":"7:30pm","end":"8:00pm","type":""},{"start":"7:30pm","end":"8:00pm","type":""},{"start":"4:00pm","end":"4:30pm","type":""}],"2025-11-18":[{"start":"2:30pm","end":"3:00pm","type":""},{"start":"2:30pm","end":"3:00pm","type":""}],"2025-11-10":[{"start":"3:00pm","end":"3:30pm","type":""},{"start":"12:00pm","end":"12:30pm","type":""},{"start":"6:30pm","end":"7:00pm","type":""},{"start":"3:00pm","end":"3:30pm","type":""},{"start":"12:00pm","end":"12:30pm","type":""},{"start":"6:00pm","end":"6:30pm","type":""}],"2025-11-28":[{"start":"1:30pm","end":"2:00pm","type":""}],"2025-11-15":[{"start":"5:00pm","end":"5:30pm","type":""},{"start":"5:00pm","end":"5:30pm","type":""}],"2025-11-27":[{"start":"1:30pm","end":"2:00pm","type":""},{"start":"1:30pm","end":"2:00pm","type":""}],"2025-11-19":[{"start":"1:00pm","end":"1:30pm","type":""}],"2025-11-12":[{"start":"1:30pm","end":"2:00pm","type":""},{"start":"5:30pm","end":"6:00pm","type":""}]},"LP":{"2025-12-30":[{"start":"12:00pm","end":"12:30pm","type":""},{"start":"12:00pm","end":"12:30pm","type":""}],"2025-11-10":[{"start":"5:00pm","end":"5:30pm","type":""}],"2025-11-11":[{"start":"3:00pm","end":"3:30pm","type":""}],"2025-11-19":[{"start":"4:00pm","end":"4:30pm","type":""}],"2025-11-14":[{"start":"5:00pm","end":"5:30pm","type":""}],"2025-11-29":[{"start":"3:00pm","end":"3:30pm","type":""},{"start":"1:30pm","end":"2:00pm","type":""}],"2025-11-17":[{"start":"1:30pm","end":"2:00pm","type":""}]},"KT":{"2025-11-10":[{"start":"1:00pm","end":"1:30pm","type":""},{"start":"1:00pm","end":"1:30pm","type":""},{"start":"1:00pm","end":"1:30pm","type":""},{"start":"1:00pm","end":"1:30pm","type":""}],"2025-11-11":[{"start":"1:00pm","end":"1:30pm","type":""},{"start":"4:30pm","end":"5:00pm","type":""}],"2025-11-26":[{"start":"4:00pm","end":"4:30pm","type":""}],"2025-11-29":[{"start":"3:00pm","end":"3:30pm","type":""}]},"TKO":{"2025-11-30":[{"start":"2:00pm","end":"2:30pm","type":""},{"start":"2:00pm","end":"2:30pm","type":""}],"2025-11-19":[{"start":"4:00pm","end":"4:30pm","type":""}],"2025-11-21":[{"start":"2:00pm","end":"2:30pm","type":""}],"2025-11-15":[{"start":"11:30am","end":"12:00pm","type":""}]},"TM":{"2025-11-15":[{"start":"10:30am","end":"11:00am","type":""}]},"TST":{"2025-11-27":[{"start":"2:00pm","end":"2:30pm","type":""}],"2025-11-10":[{"start":"2:00pm","end":"2:30pm","type":""}]},"TW":{"2025-11-11":[{"start":"3:00pm","end":"3:30pm","type":""},{"start":"3:00pm","end":"3:30pm","type":""}]}};
  1007. 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"};
  1008. 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"};
  1009.  
  1010. var locationDict = {
  1011.    '銅鑼灣' : {
  1012.        days : [],
  1013.        avail_time : {}
  1014.    },
  1015.    '觀塘' : {
  1016.        days : [],
  1017.        avail_time : {}
  1018.    },  
  1019.    '旺角朗豪坊店' : {
  1020.        days : [],
  1021.        avail_time : {}
  1022.    },
  1023.    '將軍澳' : {
  1024.        days : [],
  1025.        avail_time : {}
  1026.    },
  1027.    '尖沙咀' : {
  1028.        days : [],
  1029.        avail_time : {}
  1030.    },
  1031.    '元朗' : {
  1032.        days : [],
  1033.        avail_time : {}
  1034.    },
  1035.    '沙田' : {
  1036.        days : [],
  1037.        avail_time : {}
  1038.    },
  1039.    '屯門' : {
  1040.        days : [],
  1041.        avail_time : {}
  1042.    },
  1043.    '荃灣' : {
  1044.        days : [],
  1045.        avail_time : {}
  1046.    },
  1047. };
  1048.  
  1049. for(shop in locationDict){
  1050.    if(typeof shop_week_data[regionToId[shop]]!=='undefined'){
  1051.        for(week_key in shop_week_data[regionToId[shop]]){
  1052.            if(week_key!='holiday'){
  1053.                locationDict[shop].days.push(parseInt(week_key));    
  1054.            }
  1055.            locationDict[shop].avail_time[week_key] = shop_week_data[regionToId[shop]][week_key];
  1056.        }
  1057.    }
  1058. }      
  1059.    
  1060.        
  1061. $(document).ready(function(){
  1062.  
  1063.  
  1064.  
  1065.  
  1066.         detectArea('tech');
  1067.    detectArea('booking-form');
  1068.    if($('.service').length > 0){
  1069.        detectArea('service');
  1070.        // $('.service.ease-fade-effect').addClass('animated');
  1071.        // $('.service .ease-fade-effect').addClass('animated');
  1072.    }
  1073.    detectArea('terms');
  1074.  
  1075.    $('.object-wrapper .ease-transform-effect').addClass('animated');
  1076.    $('.object-wrapper .ease-fade-effect').addClass('animated');
  1077.                      
  1078.                  
  1079.     body_part_max.big = 3;
  1080.    body_part_max.small = 3;
  1081.    
  1082.       if ($('.big_part:checked').length > body_part_max.big - 1  ){
  1083.        $('.big_part:not(:checked)').prop('disabled', true);  
  1084.    }
  1085.    if ($('.small_part:checked').length > body_part_max.small - 1){
  1086.        $('.small_part:not(:checked)').prop('disabled', true);  
  1087.    }
  1088.    $('.big_part').change(function(){
  1089.        if ($('.big_part:checked').length > body_part_max.big - 1 )
  1090.        {
  1091.            //disable unselected option
  1092.            $('.big_part:not(:checked)').prop('disabled', true);  
  1093.        } else {
  1094.            $('.big_part:not(:checked)').prop('disabled', false);  
  1095.        }
  1096.    });
  1097.    $('.small_part').change(function(){
  1098.        if ($('.small_part:checked').length > body_part_max.small - 1 )
  1099.        {
  1100.            //disable unselected option
  1101.            $('.small_part:not(:checked)').prop('disabled', true);  
  1102.        } else {
  1103.            $('.small_part:not(:checked)').prop('disabled', false);  
  1104.        }
  1105.    });
  1106.    $(window).resize(function(){
  1107.        if( $(window).width() >= 1200){
  1108.            if($('html').hasClass('open-menu')){
  1109.                $('html').removeClass('open-menu');
  1110.            }
  1111.        }
  1112.    });
  1113.    $(window).scroll(function(){
  1114.        if( $(window).scrollTop() > 400){
  1115.            $('.ui-to-top').addClass('active');
  1116.        } else {
  1117.            $('.ui-to-top').removeClass('active');
  1118.        }
  1119.                              detectArea('tech');
  1120.        detectArea('booking-form');
  1121.        if($('.service').length > 0){
  1122.             detectArea('service');
  1123.        }
  1124.        detectArea('terms');
  1125.        
  1126.                
  1127.        
  1128.                            });
  1129.    $('.ui-to-top').on('click',function(){
  1130.        goToTop();
  1131.    });
  1132.      
  1133.        var defaultShop = '將軍澳';
  1134.        var defaultDate = '';
  1135.        var defaultTime = '';
  1136.        
  1137.          
  1138.        $( "#datepicker" ).datepicker
  1139.        ({
  1140.            direction: "up",
  1141.            dateFormat: 'mm/dd/yy,D',
  1142.            minDate: 4,
  1143.            maxDate: 60,
  1144.            beforeShowDay : function(date){
  1145.                var day = parseInt(date.getDay());
  1146.                var avail_days = locationDict[$('#location option:selected').val()].days;
  1147.                var _month = date.getMonth() + 1;
  1148.                var _day = date.getDate();
  1149.                var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  1150.                   var selected_location = $('#location option:selected').val();
  1151.                
  1152.            
  1153.                var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  1154.                date_notavail = [];
  1155.                for(_shop in day_off_data){
  1156.                    if(_shop == 'all'){
  1157.                        for(i in day_off_data[_shop]){
  1158.                            date_notavail.push(day_off_data[_shop][i]);    
  1159.                        }
  1160.                    } else if(_shop == region_location){
  1161.                        for(i in day_off_data[_shop]){
  1162.                            date_notavail.push(day_off_data[_shop][i]);    
  1163.                        }
  1164.                    }
  1165.                }
  1166.                //check if holiday is off
  1167.                if( $.inArray( compare_date, holiday_data )!=-1){
  1168.                    var _shop_id = regionToId[selected_location];
  1169.                    if(typeof _shop_id!=='undefined'){
  1170.                        var _week_data = shop_week_data[_shop_id];
  1171.                        if(typeof _week_data!=='undefined'){
  1172.                            if(typeof _week_data['holiday']==='undefined'){
  1173.                                //holiday off
  1174.                                return [false,""];
  1175.                            }
  1176.                        }
  1177.                    }
  1178.                }
  1179.            
  1180.                
  1181.                if( $.inArray( day, avail_days )!=-1 &&   $.inArray( compare_date, date_notavail )==-1 ){
  1182.                    return [true,""];
  1183.                } else return [false,""];
  1184.            },
  1185.            onSelect: function(dateText, inst) {
  1186.                setTimepicker(dateText);
  1187.            }
  1188.        });
  1189.        $('#location').on('change',function(){
  1190.            if($('#location option:selected').val()!=''){
  1191.                //if($('#location option:selected').val() == '旺角朗豪坊店'){
  1192.                //    setDateTime(new Date(2022, 7 - 1, 23));
  1193.                //} else {
  1194.                    setDateTime();    
  1195.               // }
  1196.            } else {
  1197.                resetValues();
  1198.            }
  1199.        });
  1200.        //reset date and time picker value
  1201.        function resetValues(){
  1202.            $("#datepicker").val('');
  1203.            $('#timepicker').val("");        
  1204.            $( "#datepicker" ).prop('disabled',true);
  1205.            $( "#timepicker" ).prop('disabled',true);
  1206.            $("#datepicker").datepicker( "destroy" );
  1207.            $('#timepicker').timepicker('remove');
  1208.        }
  1209.      
  1210.        function setDateTime(mindate){
  1211.            resetValues();
  1212.            $( "#datepicker" ).datepicker
  1213.            ({
  1214.                direction: "up",
  1215.                dateFormat: 'mm/dd/yy,D',
  1216.                minDate:  typeof mindate === 'undefined' ?  4 : mindate,
  1217.                maxDate: 60  ,
  1218.                beforeShowDay : function(date){
  1219.                    var day = parseInt(date.getDay());
  1220.                    var avail_days = locationDict[$('#location option:selected').val()].days;
  1221.                    
  1222.                    var _month = date.getMonth() + 1;
  1223.                    var _day = date.getDate();
  1224.                    var compare_date = date.getFullYear() + '-' + (_month <10 ? '0'+_month : _month) + '-' + (_day <10 ? '0'+_day : _day);
  1225.                    var selected_location = $('#location option:selected').val();
  1226.                    
  1227.              
  1228.                    var region_location = typeof regionToLocation[selected_location] !=='undefined' ? regionToLocation[selected_location] : null;
  1229.                    date_notavail = [];
  1230.                    for(_shop in day_off_data){
  1231.                        if(_shop == 'all'){
  1232.                            for(i in day_off_data[_shop]){
  1233.                                date_notavail.push(day_off_data[_shop][i]);    
  1234.                            }
  1235.                        } else if(_shop == region_location){
  1236.                            for(i in day_off_data[_shop]){
  1237.                                date_notavail.push(day_off_data[_shop][i]);    
  1238.                            }
  1239.                        }
  1240.                    }
  1241.                    //check if holiday is off
  1242.                    if( $.inArray( compare_date, holiday_data )!=-1){
  1243.                        var _shop_id = regionToId[selected_location];
  1244.                        if(typeof _shop_id!=='undefined'){
  1245.                            var _week_data = shop_week_data[_shop_id];
  1246.                            if(typeof _week_data!=='undefined'){
  1247.                                if(typeof _week_data['holiday']==='undefined'){
  1248.                                    return [false,""];
  1249.                                }
  1250.                            }
  1251.                        }
  1252.                    }
  1253.                
  1254.                    if( $.inArray( day, avail_days )!=-1 &&   $.inArray( compare_date, date_notavail )==-1  ){
  1255.                        return [true,""];
  1256.                    } else return [false,""];
  1257.                },
  1258.                onSelect: function(dateText, inst) {
  1259.                    setTimepicker(dateText);
  1260.                }
  1261.            });
  1262.            $( "#datepicker" ).prop('disabled',false);
  1263.        }
  1264.        var time_init = false;
  1265.        function setTimepicker(dateText,value){
  1266.            if(dateText == '') return;
  1267.            var day = dateText.split(",");
  1268.            if(day.length <1) return;
  1269.            var weekofday = day[1];
  1270.            var date_chosen = day[0].split('/');
  1271.            date_chosen = date_chosen[2]+'-'+date_chosen[0]+'-'+date_chosen[1];
  1272.            var start_time = '';
  1273.            var end_time = '';
  1274.            var disabled = [];
  1275.            
  1276.            try {    
  1277.              //  var avail_time = locationDict[defaultShop].avail_time;
  1278.                var selected_location = $('#location option:selected').val();
  1279.                var avail_time = locationDict[$('#location option:selected').val()].avail_time;
  1280.                start_time = avail_time[ weekToInt[weekofday] ].start;
  1281.                end_time = avail_time[ weekToInt[weekofday] ].end;
  1282.              
  1283.                //check if day is holiday , set start and end time if available
  1284.                if( $.inArray( date_chosen, holiday_data )!=-1){
  1285.                    if(typeof avail_time['holiday']!=='undefined'){
  1286.                        start_time = avail_time['holiday'].start;
  1287.                        end_time = avail_time['holiday'].end;
  1288.                    }
  1289.                }
  1290.                //check if day occupied
  1291.                if(typeof occupied_data['all']!=='undefined'){ //for all shops
  1292.                    if(typeof occupied_data['all'][date_chosen]!=='undefined'){
  1293.                        disabled.push([occupied_data['all'][date_chosen].start, occupied_data['all'][date_chosen].end]);
  1294.                    }
  1295.                }
  1296.                if(typeof regionToLocation[selected_location]!=='undefined'){ //for selected shop only
  1297.                    var shop_occupied = occupied_data[regionToLocation[selected_location]];
  1298.                    if(typeof shop_occupied!=='undefined'){
  1299.                        if(typeof shop_occupied[date_chosen]!=='undefined'){
  1300.                            var occupied_time = {};
  1301.                            for(i in shop_occupied[date_chosen]){
  1302.                                if(typeof occupied_time[shop_occupied[date_chosen][i].start]==='undefined'){
  1303.                                    occupied_time[shop_occupied[date_chosen][i].start] = [];
  1304.                                }
  1305.                                occupied_time[shop_occupied[date_chosen][i].start].push(shop_occupied[date_chosen][i]);
  1306.                              //  disabled.push([ shop_occupied[date_chosen][i].start,shop_occupied[date_chosen][i].end]);
  1307.                            }
  1308.                            for(i in occupied_time){
  1309.                                for(j in occupied_time[i]){
  1310.                                    var is_meeting = false;
  1311.                                    if(typeof occupied_time[i][j].type!=='undefined'){
  1312.                                        if(occupied_time[i][j].type == 'meeting'){
  1313.                                            is_meeting = true;
  1314.                                        }
  1315.                                    }
  1316.                                    if(is_meeting || occupied_time[i].length>=max_booking_allowed){
  1317.                                        disabled.push([ occupied_time[i][j].start,occupied_time[i][j].end]);
  1318.                                    }
  1319.                                }
  1320.                            }
  1321.                        }
  1322.                    }
  1323.                }
  1324.              
  1325.                
  1326.                $('#timepicker').val("");
  1327.                $('#timepicker').timepicker('remove');
  1328.                $('#timepicker').timepicker
  1329.                ({
  1330.                    'disableTimeRanges' : disabled,
  1331.                    'minTime': start_time,
  1332.                    'maxTime': end_time,
  1333.                    'showDuration': false,
  1334.                  
  1335.                   'useSelect': true ,
  1336.                    'noneOption': [
  1337.                        {
  1338.                            'label': '-- 請選擇 --',
  1339.                            'value': ''
  1340.                        },
  1341.                    ],
  1342.                  
  1343.                    
  1344.                });
  1345.                $( "#timepicker" ).prop('disabled',false);
  1346.                                if(!(typeof value === 'undefined')){
  1347.                    if(value!=''){
  1348.                        $('#timepicker').timepicker('setTime', value);
  1349.                    }
  1350.                }
  1351.            } catch(e){
  1352.                console.log(e);
  1353.            }
  1354.        }
  1355.                                                          
  1356.                                 CAPI('PageView');
  1357.             CAPI('ViewContent');
  1358.                        });
  1359.    function onFormSubmit(){
  1360.        var allow_time;
  1361.        if($('#timepicker').val()){
  1362.            allow_time = moment($('#timepicker').val(), ["h:mm A"]).format("HH:mm");
  1363.        }
  1364.        if(allow_time!='Invalid date'){
  1365.            $('#allow_time').val(allow_time);
  1366.        } else {
  1367.            $('#allow_time').val('');
  1368.        }
  1369.        
  1370.        $('.process-back').addClass('active');
  1371.        
  1372.    }
  1373.    function openTermsNP(){
  1374.        var box = '';
  1375.        $.ajax({
  1376.            type: 'GET',
  1377.            url: 'https://laserprocenter.com.hk/terms/home?np=1',
  1378.            success: function(data) {
  1379.                box = bootbox.dialog({
  1380.                    message: data,
  1381.                });
  1382.                $('html').addClass('no-scroll');
  1383.                box.on("hidden.bs.modal", function() {
  1384.                    $('html').removeClass('no-scroll');
  1385.                    box.off("hidden.bs.modal");
  1386.                });
  1387.            }
  1388.        });
  1389.    }
  1390.    function openTerms(){
  1391.        var box = '';
  1392.        $.ajax({
  1393.            type: 'GET',
  1394.            url: 'https://laserprocenter.com.hk/terms/home',
  1395.            success: function(data) {
  1396.                box = bootbox.dialog({
  1397.                    message: data,
  1398.                });
  1399.                $('html').addClass('no-scroll');
  1400.                box.on("hidden.bs.modal", function() {
  1401.                    $('html').removeClass('no-scroll');
  1402.                    box.off("hidden.bs.modal");
  1403.                });
  1404.            }
  1405.        });
  1406.    }
  1407.    //bootbox.setDefaults({ size: 'large' });
  1408.              
  1409.              
  1410.    
  1411.    
  1412.    // fbq('track', 'ViewContent');
  1413.            
  1414. function CAPI(event, eventData) {
  1415.    let fbp = document.cookie.split(';').filter(function(c){ return c.includes('_fbp=');}).map(function(c){ return c.split('_fbp=')[1];})
  1416.    let fbc = document.cookie.split(';').filter(function(c){ return c.includes('_fbc=');}).map(function(c){ return c.split('_fbc=')[1];})
  1417.    fbp = (fbp.length && fbp[0]) || null;
  1418.    fbc = (fbc.length && fbc[0]) || null;
  1419.    const body = {
  1420.        'event': event,
  1421.        'event_data': eventData,
  1422.        'fbp': fbp,
  1423.        'fbc': fbc,
  1424.        'user_agent': navigator.userAgent,
  1425.                         'url': window.location.origin + window.location.pathname
  1426.    }
  1427.    $.ajax({
  1428.        type: "POST",
  1429.        url: 'https://laserprocenter.com.hk/api/fb_conversion?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NjI0MzA3MzcsInN1YiI6Imxhc2VycHJvIGFwaSJ9.DDjl-zHBWpSUcsUN2l1zHo8P3wN9HfCOCCrCnWjHwuk',
  1430.        data: JSON.stringify(body) ,
  1431.        processData: false,
  1432.        contentType: 'application/json',
  1433.        success: function(response){  
  1434.           //console.log(response)
  1435.        },
  1436.        error : function(  jqXHR,  textStatus,  errorThrown){  
  1437.        }
  1438.    });
  1439. }
  1440.  
  1441.  
  1442. function countryCodeChanged(element){
  1443.    $('#confirm-countrycode').val($(element).find('option:selected').text());
  1444. }
  1445. </script>
  1446. </body>
  1447. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda