</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;">繁 <i class="fa fa-caret-down"></i></div> </div> <div class="list"> <a href="product.php?product_type_id=ALL&lang=2" class="list-entry">ENG</a> <a href="product.php?product_type_id=ALL&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" >訂閱資訊</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="">網上商店</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="">了解產品</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">按產品種類</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">潔面/卸妝</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=2">去角質</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=3">爽膚</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=4">精華</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=5">乳液</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=7">面霜</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=6">眼霜</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=8">面膜</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=9">特別護理</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=10">防曬</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=11">彩妝</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=12">身體護理</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=13">男士系列</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">按肌膚需要</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">補濕鎖水</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=22">均勻膚色</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=17">抗衰老</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=15">再生活力</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=21">緊緻抗皺</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=19">亮白</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=18">控油抗痘</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=23">潔淨清爽</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=20">紓緩抗敏</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=25">防曬</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="">最新推廣</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">最新產品</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">店內優惠</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="">關於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">品牌故事</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">皇牌產品</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">會員計劃</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="">聯絡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">分店位置</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">訂閱資訊</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() { } $("#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">首頁</a> <a href='product.php?product_type_id=ALL'>了解產品</a> </div> </div> <style> .left_menu_fix { position: fixed; top: 80px; width: 20%; bottom: 0; overflow: scroll; } .left_menu::-webkit-scrollbar { display: none; } .simple-drop-down:after { top: 0px; } .left-menu-title{ font-size:15px; font-weight: bold; } .left-menu-title a{ font-weight: bold; } .left-submenu>li{ font-size:15px; line-height:17px; } </style> <script> function resizePoster() { var prowid = $(".product-image").width(); $(".product-image").height(prowid); } $(window).resize(resizePoster); $(document).ready(function () { var prowid = $(".product-image").width(); $(".product-image").height(prowid); }); </script> <div class="information-blocks"> <style> #left { width: 100%; overflow: auto; padding-left: 3%; background-color: #f1f2f2; } #right { width: 100%; } .product-image{ width:100%; background-size:contain; background-repeat:no-repeat; background-position:center; } @media (min-width: 1200px) { #left { width: 23%; } #right { width: 75%; } } </style> <div class="hidden-md hidden-sm hidden-xs"> <div id="left" class="col-lg-3"> <div class="section-space20 left_menu"> <ul> <li class="full-width-columns" id="menu_new_product"> <div class=""> <div class=""> <div class="row"> <div class=""> <div class="submenu-list-title left-menu-title"><a class='uppercase' href="new_product.php">最新產品</a><span class=""></span></div> <ul class="list-type-1 toggle-list-container left-submenu"> <li><a href="new_product_detail.php?new_product_id=29"><i class="fa fa-angle-right"></i>Super drops 奇蹟注能系列 </li> <li><a href="new_product_detail.php?new_product_id=26"><i class="fa fa-angle-right"></i>綠色力量純素抗痘系列</li> <li><a href="new_product_detail.php?new_product_id=24"><i class="fa fa-angle-right"></i>Super Knights奇蹟面膜系列</li> <li><a href="new_product_detail.php?new_product_id=22"><i class="fa fa-angle-right"></i>草本活萃系列</li> <li><a href="new_product_detail.php?new_product_id=13"><i class="fa fa-angle-right"></i>Super Drops奇蹟安瓶精華系列</li> </ul> </div> </div> <div class="row"> <div class=""> <div class="submenu-list-title left-menu-title"><a href="product.php?product_type_id=1">按產品種類</a><span class="toggle-list-button"></span></div> <ul class="list-type-1 toggle-list-container left-submenu"> <li><a href="product.php?product_type_id=1&category_id=1"><i class="fa fa-angle-right"></i>潔面/卸妝 (9)</a></li> <li><a href="product.php?product_type_id=1&category_id=2"><i class="fa fa-angle-right"></i>去角質 (1)</a></li> <li><a href="product.php?product_type_id=1&category_id=3"><i class="fa fa-angle-right"></i>爽膚 (9)</a></li> <li><a href="product.php?product_type_id=1&category_id=4"><i class="fa fa-angle-right"></i>精華 (21)</a></li> <li><a href="product.php?product_type_id=1&category_id=5"><i class="fa fa-angle-right"></i>乳液 (4)</a></li> <li><a href="product.php?product_type_id=1&category_id=7"><i class="fa fa-angle-right"></i>面霜 (10)</a></li> <li><a href="product.php?product_type_id=1&category_id=6"><i class="fa fa-angle-right"></i>眼霜 (4)</a></li> <li><a href="product.php?product_type_id=1&category_id=8"><i class="fa fa-angle-right"></i>面膜 (5)</a></li> <li><a href="product.php?product_type_id=1&category_id=9"><i class="fa fa-angle-right"></i>特別護理 (8)</a></li> <li><a href="product.php?product_type_id=1&category_id=10"><i class="fa fa-angle-right"></i>防曬 (3)</a></li> <li><a href="product.php?product_type_id=1&category_id=11"><i class="fa fa-angle-right"></i>彩妝 (2)</a></li> <li><a href="product.php?product_type_id=1&category_id=12"><i class="fa fa-angle-right"></i>身體護理 (4)</a></li> <li><a href="product.php?product_type_id=1&category_id=13"><i class="fa fa-angle-right"></i>男士系列 (3)</a></li> </ul> </div> </div> <div class="row"> <div class=""> <div class="submenu-list-title left-menu-title"><a href="product.php?product_type_id=2">按肌膚需要</a><span class="toggle-list-button"></span></div> <ul class="list-type-1 toggle-list-container left-submenu"> <li><a href="product.php?product_type_id=2&category_id=14"><i class="fa fa-angle-right"></i>補濕鎖水 (36)</a></li> <li><a href="product.php?product_type_id=2&category_id=22"><i class="fa fa-angle-right"></i>均勻膚色 (13)</a></li> <li><a href="product.php?product_type_id=2&category_id=17"><i class="fa fa-angle-right"></i>抗衰老 (13)</a></li> <li><a href="product.php?product_type_id=2&category_id=15"><i class="fa fa-angle-right"></i>再生活力 (16)</a></li> <li><a href="product.php?product_type_id=2&category_id=21"><i class="fa fa-angle-right"></i>緊緻抗皺 (7)</a></li> <li><a href="product.php?product_type_id=2&category_id=19"><i class="fa fa-angle-right"></i>亮白 (9)</a></li> <li><a href="product.php?product_type_id=2&category_id=18"><i class="fa fa-angle-right"></i>控油抗痘 (7)</a></li> <li><a href="product.php?product_type_id=2&category_id=23"><i class="fa fa-angle-right"></i>潔淨清爽 (14)</a></li> <li><a href="product.php?product_type_id=2&category_id=20"><i class="fa fa-angle-right"></i>紓緩抗敏 (5)</a></li> <li><a href="product.php?product_type_id=2&category_id=25"><i class="fa fa-angle-right"></i>防曬 (3)</a></li> </ul> </div> </div> </div> </div> </li> </ul> </div> </div> </div> <div id="right" class="col-lg-9"> <div class="row"> <div class=""> <div class="page-selector"> <div class="pages-box hidden-xs"> <div> <a class="square-button active" href="product.php?product_type_id=ALL&page=1"><span> 1 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=2"><span> 2 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=3"><span> 3 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=4"><span> 4 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=5"><span> 5 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=6"><span> 6 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=2"><span style="">></span></a> </div> </div> </div> <div class="row shop-grid grid-view"> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=4"> <div class="product-image " style="background-image: url('images//products/菖蒲溫和滋潤洗面乳%20Creamy%20cleaning%20foam%20moist%20160ml.JPG')"> </div> <div class="brand_name"> </div> <div class="title" >菖蒲溫和滋潤洗面乳</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=229"> <div class="product-image " style="background-image: url('images//products/52102336.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >奇蹟守護毛孔緊緻純素潔面霜</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=230"> <div class="product-image " style="background-image: url('images//products/52102335.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >奇蹟守護維他命煥采純素潔面霜</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=231"> <div class="product-image " style="background-image: url('images//products/52102337.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >奇蹟守護7重透明質酸純素潔面霜</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=9"> <div class="product-image " style="background-image: url('images//products/aqua%20bomb%20jelly%20cleanser%20160ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >斗蓬草炸彈潔面卸妝啫喱</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=133"> <div class="product-image " style="background-image: url('images//products/660x600.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >斗蓬草水份炸彈潔顏霜 </div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=6"> <div class="product-image " style="background-image: url('images//products/52102046-Problem-soultion-vegan-cleansing-foam.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >綠色純素力量抗痘洗面乳</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=7"> <div class="product-image " style="background-image: url('images//products/52101331%20Prime%20infusion%20repair%20cleansin%20foam%20180ml%20s.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >山金車賦活修護潔面泡沬</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=173"> <div class="product-image " style="background-image: url('images//products/52101912%20Herb%20bouquet%20gel%20cleanser%20250ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >草本活萃潔面泡沬啫喱</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=81"> <div class="product-image " style="background-image: url('images//products/棉花纖維素去角質啫喱%20Mild%20and%20effective%20facial%20scrub%20100ml_1.JPG')"> </div> <div class="brand_name"> </div> <div class="title" >棉花纖維素去角質啫喱 </div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=10"> <div class="product-image " style="background-image: url('images//products/Eucalyptus%20Herbal%20Extract%20Toner%E5%B0%A4%E5%8A%A0%E5%88%A9%E6%B8%85%E7%88%BD%E6%8E%A7%E6%B2%B9%E7%88%BD%E8%86%9A%E6%B0%B4%20200ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >尤加利清爽控油爽膚水</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=157"> <div class="product-image " style="background-image: url('images//products/52101558%20Moisturizing%20Bomb%20Toner%20200ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >紫芹26hr潤澤炸彈爽膚水</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=158"> <div class="product-image " style="background-image: url('images//products/52101822-Super%20Drops%20Hyalucid%20Water%20Treatment%20150ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >透明質酸奇蹟健膚水 </div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=166"> <div class="product-image " style="background-image: url('images//products/52102050-Problem-solution-vegan-toner-pad.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >綠色純素力量抗痘爽膚棉</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=186"> <div class="product-image " style="background-image: url('images//products/52102006.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >維C淨白奇蹟健膚水</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=11"> <div class="product-image " style="background-image: url('images//products/Bergamot%20Herbal%20Extract%20Toner%20%E4%BD%9B%E6%89%8B%E6%9F%91%E5%B9%B3%E8%A1%A1%E4%BF%9D%E6%BF%95%E6%9F%94%E8%86%9A%E6%B0%B4%20200ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >佛手柑平衡保濕柔膚水</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="page-selector"> <div class="pages-box"> <div> <a class="square-button active" href="product.php?product_type_id=ALL&page=1"><span> 1 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=2"><span> 2 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=3"><span> 3 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=4"><span> 4 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=5"><span> 5 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=6"><span> 6 </span></a> <a class="square-button" href="product.php?product_type_id=ALL&page=2"><span style="">></span></a> </div> </div> <div class="clear"></div> </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="">網上商店</a> <div class="" > <div class=""> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="product.php" href="product.php" class="">了解產品</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">潔面/卸妝</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">去角質</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">爽膚</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">精華</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">乳液</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">面霜</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">眼霜</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">面膜</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">特別護理</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">防曬</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">彩妝</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">身體護理</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">男士系列</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="">最新推廣</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="new_product.php">最新產品</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="news_n_offers.php">店內優惠</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="about_belif.php" href="about_belif.php" class="">關於belif</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="brand_story.php">品牌故事</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="best_seller.php">皇牌產品</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="belifer_program.php">會員計劃</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="contact_us.php" href="contact_us.php" class="">聯絡belif</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="find_belif.php">分店位置</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="contact_us.php">訂閱資訊</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="">私隱政策聲明</a> | <a href="terms_of_use.php">使用條款</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.0023 seconds --> <div class="cookie-policy"> <div>若您選擇繼續瀏覽本網站，即表示您同意我們的<a href="terms_of_use.php">條款及細則</a>、<a href="privacy_policy_statement.php">私隱政策</a>及同意我們使用Cookies。</div> <button id="cookie-button">OK</button> </div> <script> $("#cookie-button").click(function () { $(".cookie-policy").hide(); $.post("cookie.php"); }); </script> </body> </html>