</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=262&lang=1" class="list-entry">繁</a> <a href="product_detail.php?product_detail_id=262&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=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=8'>Face Mask</a><a href=''>Super knights - vita collagen wrapping mask</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/52102568-1809x1960.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=""> Super knights - vita collagen wrapping mask </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style=""> <span>70ml</span> </div> <div class="product-price pro-vp"> <span>HK$150</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> As the final step in your daily skincare routine, the peel-off mask comprehensively targets dullness to create flawless, luminous skin. This mask is rich in a complex of multiple vitamins (B3, C, E, and B12) and glutathione. With just one use, it boosts skin radiance and restores moisture, while simultaneously addressing four major complexion concerns: dullness, uneven tone, yellow skin tone, and lack of transparency. Instantly, your skin is revitalized and regains a healthy, translucent glow, achieving a visibly clearer and brighter complexion.</p> <p> </p> <p> Additionally, the formula contains a triple collagen complex, caffeine, and hyaluronic acid to effectively enhance skin elasticity, improve pore resilience, repair damaged skin, and reduce wrinkles, while locking in moisture to keep the skin plump. Upon application, the mask gradually transforms into a transparent film that fits perfectly to the skin—even filling in skin creases without any feeling of tightness or discomfort—delivering continuous nourishment for a fresh, smooth complexion.</p> <p> </p> <p> How to use:<br /> After cleansing and completing your basic skincare steps, apply approximately 5ml of the mask evenly over your entire face (avoiding the eye and lip areas). Wait for the mask to change from yellow to transparent and dry completely (about 20 minutes), then gently peel off from the edges. Lightly pat and massage the skin to help absorb the remaining essence.</p> <p> </p> <p> Herbal formula:<br /> belif Original Formula</p> </div> <div > <button class="contact-submit" onclick="window.open('https://belif.buys.hk/super-knights-vita-collagen-wrapping-mask')" 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/52102568-1809x1960.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=""> Super knights - vita collagen wrapping mask </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style="width:49%"> <span>70ml</span> </div> <div class="product-price pro-vp"> <span>HK$150</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> As the final step in your daily skincare routine, the peel-off mask comprehensively targets dullness to create flawless, luminous skin. This mask is rich in a complex of multiple vitamins (B3, C, E, and B12) and glutathione. With just one use, it boosts skin radiance and restores moisture, while simultaneously addressing four major complexion concerns: dullness, uneven tone, yellow skin tone, and lack of transparency. Instantly, your skin is revitalized and regains a healthy, translucent glow, achieving a visibly clearer and brighter complexion.</p> <p> </p> <p> Additionally, the formula contains a triple collagen complex, caffeine, and hyaluronic acid to effectively enhance skin elasticity, improve pore resilience, repair damaged skin, and reduce wrinkles, while locking in moisture to keep the skin plump. Upon application, the mask gradually transforms into a transparent film that fits perfectly to the skin—even filling in skin creases without any feeling of tightness or discomfort—delivering continuous nourishment for a fresh, smooth complexion.</p> <p> </p> <p> How to use:<br /> After cleansing and completing your basic skincare steps, apply approximately 5ml of the mask evenly over your entire face (avoiding the eye and lip areas). Wait for the mask to change from yellow to transparent and dry completely (about 20 minutes), then gently peel off from the edges. Lightly pat and massage the skin to help absorb the remaining essence.</p> <p> </p> <p> Herbal formula:<br /> belif Original 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=162';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101802.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 Knights - multi vitamin mask</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=216';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102252.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 - VitaC toning serum</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=186';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102006.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 - Vitamin C water treatment</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=134';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101478.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>Aqua bomb vita water cream</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=203';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102325.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 Knights - Multi Vitamin Lipcerin</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=162';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101802.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 Knights - multi vitamin mask</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=216';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102252.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 - VitaC toning serum</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=186';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102006.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 - Vitamin C water treatment</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=134';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101478.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>Aqua bomb vita water cream</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=203';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102325.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 Knights - Multi Vitamin Lipcerin</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=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.0018 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>