</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_detail.php?product_detail_id=172&lang=2" class="list-entry">ENG</a> <a href="product_detail.php?product_detail_id=172&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=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><a href='product.php?product_type_id=1&category_id=12'>身體護理</a><a href=''>絲滑潤手霜 - 恬悅松香/清新柑桔</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/OFF%20range_page-0001.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=""> 絲滑潤手霜 - 恬悅松香/清新柑桔 </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$160</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> 蘊含Napiers Original Formula和乳木果油成分，質感豐盈細膩，輕易被肌膚極速吸收；同時於雙手形成保護膜，阻止水份流失，讓肌膚保持柔嫩(PEG FREE)。</p> <p> </p> <p> 主要成份:<br /> 白樺樹液、松樹萃取物；檸檬提取物、青檸萃取物</p> <p> </p> <p> 草本配方:<br /> Napiers Original Formula</p> </div> <div > <button class="contact-submit" onclick="window.open('https://belif.buys.hk/off-hand-cream#%E6%81%AC%E6%82%85%E6%9D%BE%E9%A6%99')" type="button">立即購買</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/OFF%20range_page-0001.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=""> 絲滑潤手霜 - 恬悅松香/清新柑桔 </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$160</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> 蘊含Napiers Original Formula和乳木果油成分，質感豐盈細膩，輕易被肌膚極速吸收；同時於雙手形成保護膜，阻止水份流失，讓肌膚保持柔嫩(PEG FREE)。</p> <p> </p> <p> 主要成份:<br /> 白樺樹液、松樹萃取物；檸檬提取物、青檸萃取物</p> <p> </p> <p> 草本配方:<br /> Napiers 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">立即購買</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產品 </div> <div class="few-rp-lg" style="width: 100%;margin: auto"> <a href="product_detail.php?product_detail_id=171"> <div style="width: 20%;float: left;text-align: center"> <div class="few-rp" style="width: 100%;"> <img src="images//products/OFF%20range_page-0004.jpg" style="max-width: 100%;max-height: 100%;margin: auto"> </div> <div style="padding-top:15px;color:#6d6e71;text-align: center"><span>純淨潔手液 - 恬悅松香/清新柑桔</span></div> </div> </a> <a href="product_detail.php?product_detail_id=170"> <div style="width: 20%;float: left;text-align: center"> <div class="few-rp" style="width: 100%;"> <img src="images//products/OFF%20range_page-0003.jpg" style="max-width: 100%;max-height: 100%;margin: auto"> </div> <div style="padding-top:15px;color:#6d6e71;text-align: center"><span>身體潤膚乳 - 恬悅松香/清新柑桔</span></div> </div> </a> <a href="product_detail.php?product_detail_id=169"> <div style="width: 20%;float: left;text-align: center"> <div class="few-rp" style="width: 100%;"> <img src="images//products/OFF%20range_page-0002.jpg" style="max-width: 100%;max-height: 100%;margin: auto"> </div> <div style="padding-top:15px;color:#6d6e71;text-align: center"><span>身體沐浴乳 - 恬悅松香/清新柑桔</span></div> </div> </a> <div class="clear"></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=171';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/OFF%20range_page-0004.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>純淨潔手液 - 恬悅松香/清新柑桔</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=170';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/OFF%20range_page-0003.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>身體潤膚乳 - 恬悅松香/清新柑桔</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=169';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/OFF%20range_page-0002.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>身體沐浴乳 - 恬悅松香/清新柑桔</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="">網上商店</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=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.0017 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>