</noscript> <!-- End Google Tag Manager (noscript) --> <div id="fade" style="background-color: rgba(255,255,255,0.9);width:100%;height: 100%;position: fixed;z-index: 99;display: none"> <div class="qr-code" style="display: none;margin: auto;width: 350px;max-width:90%;height: auto;text-align: center;font-size: 25px;font-weight: bold;margin-top: 100px;"> belifhk <img src="img/qr.jpeg" style="margin-top: 20px;width: 100%;"> </div> </div> <!-- LOADER --> <div id="loader-wrapper" style="display: none;"> <div class="bubbles"> <div class="title"><img class="" style="max-width:100px;" src="images/load.gif"></div> </div> </div> <div id="content-block"> <div class="content-center fixed-header-margin"> <div class="header-wrapper style-15"> <header class="type-4"> <div class="header-top"> <div class="header-top-entry" style="float:left;margin-left: 2%;font-size: 18px;color: #000000;font-family: 'Roboto','Microsoft Jhenghei',sans-serif;"> <div class=""> <div class="title" style="border-left: 0px solid;">ENG <i class="fa fa-caret-down"></i></div> </div> <div class="list"> <a href="product_detail.php?product_detail_id=36&lang=1" class="list-entry">繁</a> <a href="product_detail.php?product_detail_id=36&lang=3" class="list-entry">简</a> </div> </div> <div class="menu-button responsive-menu-toggle-class"><i class="fa fa-reorder"></i></div> <div class="clear"></div> </div> <div class="header-middle"> <div class="logo-wrapper" style=""> <a id="logo" href="index.php"><img style="height: auto" class="header_logo lazy" src="images/belif_logo.png" data-original="images/belif_logo.png" alt="" /></a> </div> <div class="right-entries"> <div class="socials-box" style="float:right"> <form id="search-form" action="search.php" method="get" onsubmit="return validate_search_form(this);"> <input id="search-input" class="header-top-entry" type="text" name="search" defaultValue="Search here" maxlength="100" style="float: left;position:absolute;;z-index: 6;"> <a id="search-button" class="header-top-entry" target="_blank" style="width: 40px;position: relative;top: -5px;"><img style="max-width: 100%;" src="img/btn_search.png"></a> <a id="search-button-2" class="header-top-entry" target="_blank" style="width: 40px;position: relative;top: -5px;"><img style="max-width: 100%;" src="img/btn_search.png"></a> <a class="header-top-entry" href="https://www.facebook.com/belifhk/" target="_blank"><i class="fa fa-facebook"></i></a> <a class="header-top-entry" href="https://www.instagram.com/belifhk/" target="_blank"><i class="fa fa-instagram"></i></a> <!--<a class="header-top-entry" href="https://www.weibo.com/belifhk" target="_blank"><i class="fa fa-weibo"></i></a>--> <!-- <a class="header-top-entry" onclick="showQR();" target="_blank"><i class="fa fa-wechat"></i></a> --> <a class="header-top-entry header-subcribe" href="contact_us.php" >Subscribe</a> </form> </div> <!-- <div class="search-box" style="float:right;width: 222px"> <a class="header-top-entry" href="search.php"><i class="fa fa-search"></i></a> </div>--> </div> </div> <div class="navigation"> <div class="navigation-header responsive-menu-toggle-class"> <div class="title"> </div> <div class="close-menu"></div> </div> <div class="nav-overflow"> <nav> <ul> <li class="full-width-columns" id="menu_eshop"> <a class='' data-href="https://belif.buys.hk" href="https://belif.buys.hk" class="">SHOP</a> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_product"> <a class='open_menu n 2' data-href="product.php" href="product.php" class="">ABOUT PRODUCT</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-1"> <div class="row row-submenu-2"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-1"> <a class='uppercase' href="product.php">Product Type</a><span class="toggle-list-button toggle-list-button-1"></span> </div> </div> </div> <div class="sub-submenu-container-1 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=1">Cleanser/ Makeup Remover</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=2">Exfoliator</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=3">Toner</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=4">Essence</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=5">Lotion</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=7">Cream</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=6">Eye Care</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=8">Face Mask</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=9">Special Care</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=10">Sunscreen</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=11">Makeup</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=12">Body Care</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=13">Mens</a></li> </ul> </div> </li> <li class="li-submenu-2"> <div class="row row-submenu-2"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-2"> <a class='uppercase' href="product.php">Skin Concern</a><span class="toggle-list-button toggle-list-button-2"></span> </div> </div> </div> <div class="sub-submenu-container-2 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=14">Moisturizing</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=22">Tone & Texture</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=17">Anti-aging</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=15">Regenerating</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=21">Lines & Wrinkles</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=19">Brightening</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=18">Acne</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=23">Cleansing</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=20">Sensitive</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=25">Sunblock</a></li> </ul> </div> </li> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_offers_and_evnets"> <a class='open_menu n 3' data-href="offers_and_events.php" href="offers_and_events.php" class="">PROMOTION</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-12"> <div class="row row-submenu-3"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-12"> <a class='uppercase' href="new_product.php">WHAT'S NEW</a><span class=" toggle-list-button-12"></span> </div> </div> </div> <div class="sub-submenu-container-12 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-3"> <div class="row row-submenu-3"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-3"> <a class='uppercase' href="news_n_offers.php">Our Offer</a><span class=" toggle-list-button-3"></span> </div> </div> </div> <div class="sub-submenu-container-3 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_about_belif"> <a class='open_menu n 4' data-href="about_belif.php" href="about_belif.php" class="">ABOUT BELIF</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-6"> <div class="row row-submenu-4"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-6"> <a class='uppercase' href="brand_story.php">Brand Story</a><span class=" toggle-list-button-6"></span> </div> </div> </div> <div class="sub-submenu-container-6 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-9"> <div class="row row-submenu-4"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-9"> <a class='uppercase' href="best_seller.php">Best Seller</a><span class=" toggle-list-button-9"></span> </div> </div> </div> <div class="sub-submenu-container-9 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-7"> <div class="row row-submenu-4"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-7"> <a class='uppercase' href="belifer_program.php">Member Program</a><span class=" toggle-list-button-7"></span> </div> </div> </div> <div class="sub-submenu-container-7 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_find_belif"> <a class='open_menu n 5' data-href="contact_us.php" href="contact_us.php" class="">FIND BELIF</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-10"> <div class="row row-submenu-5"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-10"> <a class='uppercase' href="find_belif.php">Our Store</a><span class=" toggle-list-button-10"></span> </div> </div> </div> <div class="sub-submenu-container-10 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-11"> <div class="row row-submenu-5"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-11"> <a class='uppercase' href="contact_us.php">Subscribe </a><span class=" toggle-list-button-11"></span> </div> </div> </div> <div class="sub-submenu-container-11 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> </ul> </div> </div> </li> </ul> <div class="clear"></div> <a class="fixed-header-visible additional-header-logo" href="index.php"><img class="lazy" src="images/belif_logo.png" data-original="images/belif_logo.png" style="width: 50%"/></a> </nav> </div> </div> <style> .header-top-entry{ float: left; } .padding_bottom_10 { height: 10px; } .socials-box{ width: 210px !important; } .header-subcribe:hover { text-decoration: underline; } .header-subcribe{ width: max-content !important; height: 30px !important; font-size: 19px !important; } @media (min-width: 1200px){ .header-subcribe{ padding-top: 20px; padding-bottom: 0px; } .li-submenu-2{ position: relative; width: 110px; } .row-submenu-2{ width: 120px; } nav>ul>li ul>li ul{ position: relative; left: 115px; top:-28px; } nav>ul>li ul>li ul{ display: none!important; } nav>ul>li ul>li:hover ul{ display: block!important; } .li-submenu-2:hover{ width: auto; } header.fixed-header .full-width .submenu, header.fixed-header .full-width-columns .submenu{left: auto; right: 0; top:60%;} .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul > li:not(.fixed-header-visible) { /* float: left; display: inline-block;*/ margin-left: 65px; margin-top: 30px; margin-bottom: 20px; } nav>ul>li { float: left; margin-right: 48px; padding-left: 0px; padding-right: 0px; } .submenu-list-title { font-size: 17px; font-weight: 500; color: #3d3d3d; text-transform: uppercase; display: inline-block; margin-bottom: 0px; } .submenu .list-type-1 { font-size: 15px; margin-bottom: 0px; } .submenu { position: absolute; padding-top: 20px; width: 100%; background: #fff; left: 0; top: 70%; border: 0px #f2f2f2 solid; display: none; opacity: 1; text-align: left; } header.fixed-header nav { padding: 35px 90px; margin: 0 auto; text-align: right; } ul.list-type-1 { padding: 0 !important; } .full-width-menu-items-left { margin-right: 0px; margin-left: 0px; } .submenu-list-title{ height: 30px; } } @media (min-width:1400px){ .header-subcribe{ padding-top: 20px; padding-bottom: 0px; } .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul > li:not(.fixed-header-visible) { /* float: left; display: inline-block;*/ margin-left: 82px; } nav>ul>li { margin-right: 71px; } } @media (max-width: 1199px){ .header-subcribe{ padding-top: 30px; padding-bottom: 0px; } .sub-submenu-container{ display: none; } .fixed-header .full-width-columns { padding-right: 0px; } .submenu-list-title { text-align: left; } .submenu .list-type-1 li { padding: 10px 10px 10px 0px; text-align: left; } /* .full-width-menu-items-left { margin-right: 0px; margin-left: 420px; }*/ } @media (max-width: 480px){ .header-subcribe{ padding-top: 19px; padding-bottom: 0px; } } </style> <script> $(".li-submenu-1").hover( function () { //alert("ok"); $(".li-submenu-2").css("top", "-300px"); }, function () { $(".li-submenu-2").css("top", "0"); } ); function langSubmenu() { if ($(document).width() > 1170) { $(".li-submenu-1").css("width", "200px"); $(".li-submenu-2").css("width", "181px"); $(".row-submenu-2").css("width", "200px"); $(".list-type-1").css("left", "185px"); } } $("#search-button").on("click", function (e) { var inputRight = $(".socials-box").width() + 10; $("#search-input").css("right", inputRight); $("#search-input").show(); $("#search-button").hide(); $("#search-button-2").show(); $(document).one("click", function () { $("#search-input").hide(); $("#search-button").show(); $("#search-button-2").hide(); }); e.stopPropagation(); }); $("#search-input").on("click", function (e) { e.stopPropagation(); }); $("#search-button-2").on("click", function (e) { e.stopPropagation(); $("#search-form").submit(); }); function validate_search_form(thisform) { with (thisform) { if (search.value == null || search.value == "") { search.focus(); return false; } else { return true; } } } var lastScrollTop = 0; $(window).scroll(function (event) { var st = $(this).scrollTop(); if (st > lastScrollTop) { menu_position(); } else { // upscroll code menu_position(); } lastScrollTop = st; }); // // winScr = $(window).scrollTop(); // var headerComp = ($('header').outerHeight() <= 200) ? $('header').outerHeight() : 200; // if (winScr >= headerComp && !$('.header-demo').length) { // menu_position(); // } function menu_position() { var class_name = ""; var limit = -30; if ($(window).width() >= 1383) { limit = -50; } if ($('header').hasClass('fixed-header')) { class_name = ".fixed-header "; limit = 40; //console.log(class_name); } if ($(window).width() >= 1183) { var p = $(class_name + "#menu_eshop"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_eshop .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_product"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_product .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_offers_and_evnets"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_offers_and_evnets .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_about_belif"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_about_belif .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_find_belif"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_find_belif .full-width-menu-items-left").css({marginLeft: position.left - limit}); } } $(document).ready(function () { langSubmenu(); menu_position(); removeAddClass(); if ($(window).width() < 1185) { $(".full-width-menu-items-left").css("marginLeft", ""); $(".open_menu").removeAttr("href"); } else { $(".open_menu").each(function () { link = $(this).data("href"); $(this).attr("href", link); }); } $(".full-width-columns a").mouseover(function () { menu_position(); }); }); $(window).resize(function () { var inputRight = $(".socials-box").width() + 10; $("#search-input").css("right", inputRight); menu_position(); removeAddClass(); if ($(window).width() < 1185) { $(".full-width-menu-items-left").css("marginLeft", ""); $(".open_menu").removeAttr("href"); } else { $(".open_menu").each(function () { link = $(this).data("href"); $(this).attr("href", link); }); } }); function removeAddClass() { if ($(window).width() >= 1183) { $(".full-width-columns .fa").removeClass('fa-chevron-down'); } if ($(window).width() < 1183) { $(".full-width-columns .fa").addClass('fa-chevron-down'); } } function showQR() { $(".qr-code").show(); $(".qr-code").click(function (event) { event.stopPropagation(); }); $("#fade").fadeIn("fast"); $("body").css("overflow-y", "hidden"); } $("#fade").click(function () { $(".qr-code").hide(); $("#fade").fadeOut("fast"); $("body").css("overflow-y", "auto"); }); // nav>ul>li ul>li ul{ // display: none!important; // } // nav>ul>li ul>li:hover ul{ // display: block!important; // } </script> </header> <div style="clear: both"></div> </div> <div class="content_view"> <div id="navigation_bar" class="breadcrumb-box breakcrumb bg-grey" style="position: relative;z-index: 3;background-color: #fff"> <div class=""> <a class='' href="index.php">Home</a> <a href='product.php?product_type_id=ALL'>About Product</a><a href='product.php?product_type_id=1&category_id=7'>Cream</a><a href=''>The true cream - aqua bomb</a> </div> </div> <script> var img = document.getElementById('img'); function bigger() { img.style.width = '400px'; img.style.height = '400px'; } function smaller() { img.style.width = '100px'; img.style.height = '100px'; } function resizePoster() { var winW = $(window).width(); var prowid = $(".rec-image:eq(0)").width(); $(".rec-image").height(prowid); $(".small-image").height($(".small-image").width() / 2); $(".small-image-s").height($(".small-image-s").width() / 2); $(".product-image-1").height($(".product-image-1").width()); $(".product-general-info-ss .product-image-1").height($(".product-general-info-ss .product-image-1").width()); $(".few-rp-lg .few-rp").height($(".few-rp-lg .few-rp:eq(0)").width()); $(".few-rp-sm .few-rp").height($(".few-rp-sm .few-rp:eq(0)").width()); } $(window).resize(resizePoster); $(document).ready(function () { resizePoster(); }); </script> <style> .poster-container{ width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; margin-top: 20px; margin: auto; } .rec-title{ margin-left: 5%; font-size: 30px; font-weight: bold; margin-top: 40px; margin-bottom: 30px; } .left-images img { border: 0; /* transform: scale(1); transition: all 0.3s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 0.3s ease 0s;*/ } .image-container{ transform: scale(1); transition: all 0.3s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 0.3s ease 0s; } /* .image-container:hover img { transform: scale(1.8); transition: all 0.3s ease 0s; -webkit-transform: scale(1.8); -webkit-transform: all 0.3s ease 0s; }*/ .image-container:hover{ transform: scale(1.5); transition: all 0.3s ease 0s; -webkit-transform: scale(1.5); -webkit-transform: all 0.3s ease 0s; position: relative; } .right-info div{ margin-left: 0px; } /* .pro-vp{ float: left; }*/ .rec-image{ background-position: center; background-repeat: no-repeat; background-size: contain; } .product-name{ font-weight: bold; line-height: 50px!important; } .product-volume{ color: #6d6e71; line-height: 40px!important; } @media(min-width: 1200px){ .product-volume{ line-height: 40px; font-size: 25px; } } .product-price{ color: #27aae1; } .banner_content{ display:table; width:80%; margin:auto; } button:hover{ box-shadow: 0 0 11px rgba(33,33,33,.2); } .text{ display:table-cell; vertical-align:middle; } .banner_cover img{ width: 100%; } .swiper-container-lg{ display: block; } .swiper-container-sm{ display: none; } .few-rp-lg{ display: block; } .few-rp-sm{ display: none; } @media(max-width: 991px){ .swiper-container-lg{ display: none; } .swiper-container-sm{ display: block; } .few-rp-lg{ display: none; } .few-rp-sm{ display: block; } } </style> <div class="product-detail"> <div class="product-general-info-ls"> <div class="left-images" style="width:45%;float: left"> <div class="product-image-1 image-container" style="z-index: 2;width:75%;max-width: 800px;float: right;text-align: center;"> <img class="pro-img" src="images//products/52102185%20The%20ture%20cream%20-%20aqua%20bomb%2050ml_Single%20Image1_818x818.jpg" style="max-height: 100%;max-width:100%;width: auto;height: auto"> </div> <div style="clear:both"></div> </div> <div class="right-info" style="width:42%;float: left;margin-left:69px;margin-right: 20px;position: relative;z-index: 3;background-color: #fff;"> <div class="product-name" style=""> The true cream - aqua bomb </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style=""> <span>50ml</span> </div> <div class="product-price pro-vp"> <span>HK$315</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> belif best-seller product, which is on the Top 3 sales ranking! Its cool and refreshing gel texture will be an ideal moisturizing choice for oily and combination skin. It provides immediate moisturizing effect to skin, enhances the water/ oil balance, and creates a protective film for lasting moisture.</p> <p> belief best-seller product, with an upgraded formula, opens up a new realm of explosive hydration. After use, the skin's moisture can increase by 231.4% instantly*. The century-old herbal hydrating formula is now enriched with houttuynia cordata and new additions of hyaluronic acid and niacinamide (vitamin B3), enhancing the moisturizing power and simultaneously suppressing pigment deposition, keeping the skin bright and supple. The refreshingly cool, gel-like texture is quickly absorbed, providing an instant explosive hydration the moment it touches the skin, rapidly moisturizing the skin in 10 seconds^, surrounding the skin with moisture from the inside out. It also helps balance the oil and water levels, forming a protective layer for the skin. The outstanding hydrating effect can be maintained in any climate!</p> <p> </p> <p> Main Ingredients:</p> <p> Comfrey Leaf, Hyaluronic Acid and Niacinamide (Vitamin B3)</p> <p> </p> <p> How To Use:</p> <p> After using essence or emulsion, take an appropriate amount, apply gently over the skin until fully absorption.</p> <p> </p> <p> Herbal Formula(s):</p> <p> Napiers original formula</p> <p> Napiers aqua formula</p> </div> <div > <button class="contact-submit" onclick="window.open('https://belif.buys.hk/the-true-cream-aqua-bomb')" type="button">SHOP NOW</button> </div> </div> <div style="clear:both"></div> </div> <div class="product-general-info-ss"> <div class="left-images" style="width:90%;margin: auto"> <div class="product-image-1 image-container" style="z-index: 2;width:100%;margin: auto;text-align: center;background-image: url('images//products/52102185%20The%20ture%20cream%20-%20aqua%20bomb%2050ml_Single%20Image1_818x818.jpg');background-size: contain;background-position: center;background-repeat: no-repeat;"> </div> <div style="clear:both"></div> </div> <div class="right-info" style="width:80%;margin-left:auto;margin-right: auto;margin-bottom: 20px;position: relative;z-index: 3;background-color: #fff;"> <div class="product-name" style=""> The true cream - aqua bomb </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style="width:49%"> <span>50ml</span> </div> <div class="product-price pro-vp"> <span>HK$315</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> belif best-seller product, which is on the Top 3 sales ranking! Its cool and refreshing gel texture will be an ideal moisturizing choice for oily and combination skin. It provides immediate moisturizing effect to skin, enhances the water/ oil balance, and creates a protective film for lasting moisture.</p> <p> belief best-seller product, with an upgraded formula, opens up a new realm of explosive hydration. After use, the skin's moisture can increase by 231.4% instantly*. The century-old herbal hydrating formula is now enriched with houttuynia cordata and new additions of hyaluronic acid and niacinamide (vitamin B3), enhancing the moisturizing power and simultaneously suppressing pigment deposition, keeping the skin bright and supple. The refreshingly cool, gel-like texture is quickly absorbed, providing an instant explosive hydration the moment it touches the skin, rapidly moisturizing the skin in 10 seconds^, surrounding the skin with moisture from the inside out. It also helps balance the oil and water levels, forming a protective layer for the skin. The outstanding hydrating effect can be maintained in any climate!</p> <p> </p> <p> Main Ingredients:</p> <p> Comfrey Leaf, Hyaluronic Acid and Niacinamide (Vitamin B3)</p> <p> </p> <p> How To Use:</p> <p> After using essence or emulsion, take an appropriate amount, apply gently over the skin until fully absorption.</p> <p> </p> <p> Herbal Formula(s):</p> <p> Napiers original formula</p> <p> Napiers aqua formula</p> </div> <div > <button class="contact-submit" onclick="window.open('https://www.buys.hk/belif/html/eshop-checkout-zh.html?utm_source=Facebook&utm_campaign=20220621+Super+Drops+Routine+Post+&fbclid=IwAR226WR1jCfOmFS0j3tqjRjKVcXM_SJ3rNQSjUfJOuAyaVe5ip3s3J7mNPc')" type="button">SHOP NOW</button> </div> </div> <div style="clear:both"></div> </div> <div class="product-recommendation" style="position: relative; z-index: 3;background-color: #fff;"> <div class="rec-title"> belif what you also like </div> <div class="swiper-container swiper-container-lg" data-loop="1" data-speed="1000" data-center="0" data-slides-per-view="5" pagination="-1" style="height: 260px;"> <div class="swiper-wrapper"> <div class="swiper-slide active" data-val="0"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=159';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101821-Super%20Drops%20Hyalucid%2011%25%2030ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Super Drops - Hyalucid 11%</span></div> </div> </div> <div class="swiper-slide " data-val="1"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=18';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Numero%2010%20Essence%E5%BE%A9%E6%B4%BB%E8%8D%89%E4%BF%9D%E6%BF%95%E8%82%8C%E5%BA%95%E7%B2%BE%E8%8F%AF%2075ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Numero 10 essence</span></div> </div> </div> <div class="swiper-slide " data-val="2"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=16';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Hungarian%20Water%20Essence%E5%8C%88%E7%89%99%E5%88%A9%E5%A5%B3%E7%8E%8B%E4%BF%9D%E6%BF%95%E6%B0%B4%E7%B2%BE%E8%8F%AF%2075ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Hungarian water essence</span></div> </div> </div> <div class="swiper-slide " data-val="3"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=33';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102189%20The%20true%20cream%20-%20moisturizing%20eye%20bomb%2025ml%20Single%20Image1_818x818.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>The true cream - moisturizing eye bomb</span></div> </div> </div> <div class="swiper-slide " data-val="4"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=37';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102181%20The%20true%20cream%20-%20moiturizing%20bomb%2050ml_Single%20Image_1%20818x818.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>The true cream - moisturizing bomb</span></div> </div> </div> </div> <div class="swiper-button-prev swiper-arrow-left" style="background-image: url('img/arrow_line_blue_left.png')"></div> <div class="swiper-button-next swiper-arrow-right" style="background-image: url('img/arrow_line_blue_right.png')"></div> <div class="clear"></div> <div class="pagination"></div> </div> <div class="swiper-container swiper-container-sm" data-loop="1" data-speed="1000" data-center="0" data-slides-per-view="3" pagination="-1" style="height: 260px;"> <div class="swiper-wrapper"> <div class="swiper-slide active" data-val="0"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=159';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101821-Super%20Drops%20Hyalucid%2011%25%2030ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Super Drops - Hyalucid 11%</span></div> </div> </div> <div class="swiper-slide " data-val="1"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=18';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Numero%2010%20Essence%E5%BE%A9%E6%B4%BB%E8%8D%89%E4%BF%9D%E6%BF%95%E8%82%8C%E5%BA%95%E7%B2%BE%E8%8F%AF%2075ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Numero 10 essence</span></div> </div> </div> <div class="swiper-slide " data-val="2"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=16';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Hungarian%20Water%20Essence%E5%8C%88%E7%89%99%E5%88%A9%E5%A5%B3%E7%8E%8B%E4%BF%9D%E6%BF%95%E6%B0%B4%E7%B2%BE%E8%8F%AF%2075ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Hungarian water essence</span></div> </div> </div> <div class="swiper-slide " data-val="3"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=33';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102189%20The%20true%20cream%20-%20moisturizing%20eye%20bomb%2025ml%20Single%20Image1_818x818.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>The true cream - moisturizing eye bomb</span></div> </div> </div> <div class="swiper-slide " data-val="4"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=37';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102181%20The%20true%20cream%20-%20moiturizing%20bomb%2050ml_Single%20Image_1%20818x818.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>The true cream - moisturizing bomb</span></div> </div> </div> </div> <div class="swiper-button-prev swiper-arrow-left" style="background-image: url('img/arrow_line_blue_left.png')"></div> <div class="swiper-button-next swiper-arrow-right" style="background-image: url('img/arrow_line_blue_right.png')"></div> <div class="clear"></div> <div class="pagination"></div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> <!-- FOOTER --> <div class="footer-wrapper style-12 section-space30"> <footer class="type-1"> <div class="footer-bottom-navigation"> <div class="cell-view footer-cell-view" style=""> <div class="footer-links"> <ul> <li class="footer-menus" id=""> <a class='' data-href="https://belif.buys.hk" href="https://belif.buys.hk" class="">SHOP</a> <div class="" > <div class=""> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="product.php" href="product.php" class="">ABOUT PRODUCT</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=1">Cleanser/ Makeup Remover</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=2">Exfoliator</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=3">Toner</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=4">Essence</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=5">Lotion</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=7">Cream</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=6">Eye Care</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=8">Face Mask</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=9">Special Care</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=10">Sunscreen</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=11">Makeup</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=12">Body Care</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=13">Mens</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="offers_and_events.php" href="offers_and_events.php" class="">PROMOTION</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="new_product.php">WHAT'S NEW</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="news_n_offers.php">Our Offer</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="about_belif.php" href="about_belif.php" class="">ABOUT BELIF</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="brand_story.php">Brand Story</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="best_seller.php">Best Seller</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="belifer_program.php">Member Program</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="contact_us.php" href="contact_us.php" class="">FIND BELIF</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="find_belif.php">Our Store</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="contact_us.php">Subscribe </a></div> </div> </ul> </div> </div> </li> <div style="clear:both"></div> </ul> </div> </div> <div class="footer-logo" style=""> <img src="images/footer_logo.png" style="width:100%;height: auto"> </div> <div style="clear:both"></div> </div> <div id="to_top" style="background-color: rgb(111, 217, 255);color: white;padding:3px; position: fixed; bottom: 30px; right: 30px; cursor: pointer; display: none; opacity: 0.5;height: 50px; width: 50px; border-radius: 50px; text-align: center; z-index: 10"> <a class="fa fa-angle-up" style=" font-size: 50px;color: white;position: relative;top: -7px;"></a> </div> <style> .footer-bottom-navigation{ background-color: #838386; padding:20px 0; } .footer-menus>a{ font-weight: 600; font-size: 18px; } .footer-links ul>li{ list-style: none; float: left; margin-right: 40px; } .footer-sub-submenu{ padding-left: 0px!important; } .statement{ position: absolute; left: 10%; bottom: 5px; color: #6d6e71; } .statement a{ color: #6d6e71; display: inline-block; padding: 6px } @media(max-width: 600px){ .footer-links ul>li{ margin: 0px; width: 50%; } } @media(max-width: 370px){ .footer-links ul>li{ margin: 0px; width: 100%; } } .cookie-policy{ width: 100%; background-color: #000; color: #fff; position: fixed; bottom: 0px; font-size: 14px; text-align: center; z-index: 100; display: table; padding:10px 10px; } .cookie-policy div{ display: table-cell; width: 80%; } .cookie-policy button{ display: table-cell; padding: 0px 20px; background-color: #fff; color: #000; border: 0px; border-radius: 0px; position: absolute; top: 50%; transform: translate(0, -50%); } .cookie-policy a{ color: #fff; text-decoration: underline; font-size: 100%; } </style> <script> window.onscroll = function () { var distance = document.documentElement.scrollTop || document.body.scrollTop; if (distance >= 1) { document.getElementById('to_top').style.display = ""; } else { document.getElementById('to_top').style.display = "none"; } var toTop = document.getElementById("to_top"); toTop.onclick = function () { document.documentElement.scrollTop = document.body.scrollTop = 0; } } </script> </footer> </div><div class="statement"> <a href="privacy_policy_statement.php" style="">Privacy Policy Statement</a> | <a href="terms_of_use.php">Terms of Use</a> </div> </div> <script src="assets/plugins/superfish/js/superfish.min.js"></script> <script src="assets/plugins/prettyphoto/js/jquery.prettyPhoto.js"></script> <script src="assets/plugins/owl-carousel2/owl.carousel.min.js"></script> <script src="assets/plugins/jquery.sticky.min.js"></script> <script src="assets/plugins/jquery.easing.min.js"></script> <script src="assets/plugins/jquery.smoothscroll.min.js"></script> <!-- JS Page Level --> <script src="assets/js/theme.js"></script> <!--[if (gte IE 9)|!(IE)]><!--> <!-- JS Main --> <script src="js/idangerous.swiper.min.js"></script> <script src="js/global.js?10"></script> <!-- custom scrollbar --> <script src="js/jquery.mousewheel.js"></script> <script src="js/jquery.jscrollpane.min.js"></script> <script src="js/script.js?1"></script> <!--<![endif]--> <!-- Load time: 0.0020 seconds --> <div class="cookie-policy"> <div>If you continue to browse this website, you confirm and agree with our <a href="terms_of_use.php">terms and conditions</a> (including our <a href="privacy_policy_statement.php">privacy policy</a> and use of cookies).</div> <button id="cookie-button">OK</button> </div> <script> $("#cookie-button").click(function () { $(".cookie-policy").hide(); $.post("cookie.php"); }); </script> </body> </html>