PageSourceSearch

https://seefunsoap.com/product.php?lang=tw&tb=1&cid=3

html seefunsoap.com collected 2026-10-08 15:31:12 UTC 63,381 bytes, 1,360 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"  class="product1 cid3 is-item-list productlist"  lang="zh-tw">
3<head>
4    <meta http-equiv="content-language" content="zh-tw">
5    
5<script type="application/ld+json">
6{"@context":"https:\/\/schema.org","@type":"LocalBusiness","@id":"https:\/\/seefunsoap.com\/#organization","name":"十方客棧手工皂","image":"https:\/\/seefunsoap.com\/archive\/image\/weblogo\/170525_logo.png","logo":"https:\/\/seefunsoap.com\/archive\/image\/weblogo\/170525_logo.png","url":"https:\/\/seefunsoap.com\/"}</script>
vendor: 1 bytes, line 6
6
7<script type="application/ld+json">
8{"@context":"https:\/\/schema.org","@type":"WebPage","name":"【 臉部清潔 & 保養系列 】 | 十方客棧手工皂|SEEFUN SOAP","description":"十方客棧創立於2001年,有幸得自中藥世家贈與一帖潔白肌膚的宮廷御方,於是開始了手工皂製作,讓住宿十方客棧的貴賓體驗名為\"珍珠白玉\"的洗面皂,眾口皆碑 廣為流傳之下  手工皂成為十方客棧特色之一。","url":"https:\/\/seefunsoap.com\/product.php?lang=tw&tb=1&cid=3","image":"https:\/\/seefunsoap.com\/archive\/image\/header_info\/cover1.jpg"}</script>
vendor: 1 bytes, line 8
8
9<script>
10let gtag_inuse = false;
11let gtag_type4 = false;
12let fbq_inuse  = false;
13let omnichat_inuse = false;
14</script>
14
15<meta name="copyright" content="手工皂珍珠白玉"/>
16<meta name="author" content="珍珠白玉" />
17<meta name="robots" content="all"/>
18<meta name="distribution" content="Taiwan"/> <meta name="rating" content="general"/>
19<link rel="shortcut icon" href="http://www.seefunsoap.com/archive/image/header_info/logo_170621.png">
20
21<meta name="msvalidate.01" content="2DDA5AFB43065D9870F6857483333A62" />
22<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
23<title lang="zh-tw">【 臉部清潔 & 保養系列 】 | 十方客棧手工皂|SEEFUN SOAP</title>
24<meta name="apple-mobile-web-app-capable" content="yes">
25<meta name="mobile-web-app-capable" content="yes">
26<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
27<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
28<!--[if lt IE 9]>
29<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 29
29
30<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
30
31<![endif]-->
32<meta name="keywords" content="手工皂,珍珠白玉,洗臉皂,禮盒,婚禮小物,嫩白,保養,面膜,結婚,淡斑,手工皂,珍珠白玉,洗臉皂,禮盒,婚禮小物,嫩白,保養,面膜,結婚,淡斑,美白">
33<meta name="description" content="十方客棧創立於2001年,有幸得自中藥世家贈與一帖潔白肌膚的宮廷御方,於是開始了手工皂製作,讓住宿十方客棧的貴賓體驗名為&quot;珍珠白玉&quot;的洗面皂,眾口皆碑 廣為流傳之下  手工皂成為十方客棧特色之一。">
34<meta name="author" content="" />
35<meta name="copyright" content="" />
36<meta name="distribution" content="global" />
37<meta name="rating" content="general" />
38<meta name="robots" content="index,follow" />
39<meta property="og:title" content="十方客棧手工皂|SEEFUN SOAP"/>
40<meta property="og:type" content="website"/>
41<meta property="og:url" content="https://seefunsoap.com/product.php?lang=tw&tb=1&cid=3"/>
42<meta property="og:description" content="十方客棧創立於2001年,有幸得自中藥世家贈與一帖潔白肌膚的宮廷御方,於是開始了手工皂製作,讓住宿十方客棧的貴賓體驗名為 珍珠白玉 的洗面皂,眾口皆碑 廣為流傳之下  手工皂成為十方客棧特色之一。"/>
43<meta property="og:image" content="https://seefunsoap.com/archive/image/header_info/cover1.jpg"/>
44<meta property="og:site_name" content="十方客棧手工皂"/>
45<script>
46var tlang = "tw";
47</script>
vendor: 1 bytes, line 47
47
48<script src="https://system7.webtech.com.tw/js/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 48
48
49<script src="https://system7.webtech.com.tw/js/jquery-migrate-1.4.1.js"></script>
49
50<link rel="canonical" href="https://seefunsoap.com/product.php?lang=tw&tb=1&cid=3">
51<link rel="stylesheet" href="https://system7.webtech.com.tw/public/css/animate.css?v=20260914" type="text/css" media="screen" />
52<link rel="stylesheet" href="https://system7.webtech.com.tw/js/fancybox/jquery.fancybox.css?v=20260914" type="text/css" media="screen" />
53<link rel="stylesheet" href="https://system7.webtech.com.tw/css/font-awesome-470/css/font-awesome.min.css">
54<link rel="stylesheet" href="https://system7.webtech.com.tw/css/bootstrap-min.css?mv=20260914" >
55<!-- load external-->
56<!-- end -->
57<link href="https://system7.webtech.com.tw/public/template/RWDPAGE_BASE_PAT01/model_css.php?v=20260914&key=cHViX3x8MjAxNzAwMzc5X3x8UldEUEFHRV9CQVNFX1BBVDAxfHxSV0RQQUdFX0JBU0VfUEFUMDE=" rel="stylesheet" type="text/css" />
58<link href="https://system7.webtech.com.tw/public/template/base/product.css?v=20260914" rel="stylesheet" type="text/css" />
59<!--base css-->
60<link href="https://system7.webtech.com.tw/public/template/base/base.css?v=20260914" rel="stylesheet" type="text/css" />
61<!--end-->
62<link href="https://system7.webtech.com.tw/public/template/RWDPAGE_BASE_PAT01/index.css?v=20260914" rel="stylesheet" type="text/css" />
63<link href="https://system7.webtech.com.tw/webadmin/webtech_lib/assets/minimalist-basic/content.css?v=20260914" rel="stylesheet" type="text/css"/>
64<link href="https://system7.webtech.com.tw/webadmin/webtech_lib/assets/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous"/>
65<link href="https://system7.webtech.com.tw/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
66  <link rel="stylesheet" href="https://seefunsoap.com/customization_css.php?p=eyJwYWdlIjoicHJvZHVjdC5waHAiLCJ0ZW1wbGF0ZV9pZCI6IlJXRFBBR0VfQkFTRV9QQVQwMSIsImRlc2lnbmVyX3BhZ2VpZCI6InByb2R1Y3QxIn0%3D&time=1721959328" type="text/css"  />
67<link rel="stylesheet" href="https://system7.webtech.com.tw/public/template/base/init.css?v=20260914" type="text/css" />
68<script  type="text/javascript" src="https://system7.webtech.com.tw/js/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 68
68
69<script  type="text/javascript" src="https://system7.webtech.com.tw/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 69
69
70<script  src="https://system7.webtech.com.tw/js/lang/tw.js"></script>
vendor: 1 bytes, line 70
70
71<script  type="text/javascript" src="https://system7.webtech.com.tw/js/waypoints.min.js"></script>
vendor: 1 bytes, line 71
71
72<script  type="text/javascript" src="https://system7.webtech.com.tw/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 72
72
73<script  src="https://system7.webtech.com.tw/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 73
73
74<script  src="https://system7.webtech.com.tw/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 1 bytes, line 74
74
75<script src="https://system7.webtech.com.tw/js/public.js?v=120260914" type="text/javascript"></script>
vendor: 1 bytes, line 75
75
76<script src="https://system7.webtech.com.tw/js/jquery.ddslick.js?v=1.00" type="text/javascript"></script>
vendor: 1 bytes, line 76
76
77<script  src="https://system7.webtech.com.tw/js/jquery.animate-colors-min.js" type="text/javascript"></script>
77
78<style type="text/css">
79  .seofootercompany,.seofooterkeyword{font-size:12px;}
80  .seomainkey h2{font-size:12px;margin:0px;padding:0px;font-weight: normal;float:left;margin-right:5px;line-height: 14px;}
81</style>
82<script>var showtotop = false;</script>
vendor: 1 bytes, line 82
82
83<script  src="https://system7.webtech.com.tw/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 83
83
84<script>showtotop = true;</script>
vendor: 1 bytes, line 84
84
85<script  src="https://system7.webtech.com.tw/js/jquery.ui.totop.js"></script>
vendor: 1 bytes, line 85
85
86<script  src="https://system7.webtech.com.tw/js/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 86
86
87<script  src="https://system7.webtech.com.tw/js/modernizr-2.6.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 87
87
88<script type="text/javascript">
89var isMobile = false;
90var isDesktop = false;
91$(window).on("load resize",function(e){
92  //mobile detection
93  if(Modernizr.mq('only all and (max-width: 767px)') ) {
94    isMobile = true;
95  }else{
96    isMobile = false;
97  }
98  //tablette and mobile detection
99  if(Modernizr.mq('only all and (max-width: 1024px)') ) {
100    isDesktop = false;
101  }else{
102    isDesktop = true;
103  }
104});
105</script>
105
106
107<script  src="https://system7.webtech.com.tw/public/template/RWDPAGE_BASE_PAT01/index.js?v=20260914"></script>
107
108  <style type="text/css">
109  .paneleffect, .paneleffect_v1{opacity: 0;}
110  .paneleffect.animated, .paneleffect_v1.animated{opacity: 1;}
111    </style>
112  
112<script type="text/javascript">
113
114    // 監聽物件高度是否變化
115    function onElementHeightChange(elm, callback) {
116        var lastHeight = elm.clientHeight
117        var newHeight;
118
119        (function run() {
120            newHeight = elm.clientHeight;
121            if (lastHeight !== newHeight) callback();
122            lastHeight = newHeight;
123
124            if (elm.onElementHeightChangeTimer) {
125              clearTimeout(elm.onElementHeightChangeTimer);
126            }
127
128            elm.onElementHeightChangeTimer = setTimeout(run, 200);
129        })();
130    }
131
132    $(document).ready(function(){
133        
134
135        imagesLoaded( document.querySelector('body'), function( instance ) {
136                              $('.paneleffect').each(function(){
137            if($(this).height() < 200){
138              $(this).removeClass('paneleffect');
139            }
140          });
141          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
142        });
143
144        // 監聽body高度變化時要重跑入場動畫
145        onElementHeightChange(document.body, function(){
146          onScrollInit($('.paneleffect,.paneleffect_v1,.paneleffect_page'));
147        });
148
149
150
151        function onScrollInit( items, trigger ) {
152          items.each( function() {
153            var osElement = $(this),
154                osoffset = osElement.attr('data-os-offset'),
155                osAnimationClass = osElement.attr('data-os-animation'),
156                osAnimationDelay = osElement.attr('data-os-animation-delay');
157                osAnimationDuration = osElement.attr('data-os-animation-duration');
158                if(typeof(osAnimationClass)=='undefined'){
159                  osAnimationClass = 'fadeInUp';
160                }
161                if(typeof(osAnimationDelay)=='undefined'){
162                  osAnimationDelay = '0.3s';
163                }
164                if(typeof(osoffset)=='undefined'){
165                  osoffset = '90%';
166                }
167                if(typeof(osAnimationDuration)=='undefined'){
168                  osAnimationDuration = '1s';
169                }
170
171
172            osElement.css({
173                '-webkit-animation-delay':  osAnimationDelay,
174                '-moz-animation-delay':     osAnimationDelay,
175                'animation-delay':          osAnimationDelay,
176                '-webkit-animation-duration': osAnimationDuration,
177                'animation-duration':         osAnimationDuration,
178
179            });
180
181            var osTrigger = ( trigger ) ? trigger : osElement;
182
183            osTrigger.waypoint(function() {
184                osElement.addClass('animated').addClass(osAnimationClass);
185            },{
186                triggerOnce: true,
187                offset: osoffset
188            });
189          });
190                  }
191    });
192  </script>
vendor: 1 bytes, line 192
192
193<script type="text/javascript">
194  var ajaxGet = null;
195  var orgwapperh = 0;
196  var nowtop = 0;
197  function fn_openbox(url,parpms){
198
199    if (ajaxGet != null){
200      ajaxGet.abort();
201    }
202    nowtop = $( document ).scrollTop();
203    $("html,body").scrollTop(0).css({'overflow-x':'hidden'});
204    $("#loading_mask").css({'width':$(window).width()}).show();
205    $('#boxcontent').html('').show().css({'min-height':$(window).height()+'px'});
206
207    $('#openbox').css({'left':$(window).width(),'width':$(window).width()}).show();
208
209    ajaxGet = $.ajax({
210      type: 'post', //
211      url: url,
212      data:parpms,
213      dataType: "html",
214      success: function(datahtml) {
215        $('#boxcontent').html(datahtml);
216        $('#boxcontent .openbox_d').css({'min-height':$(window).height()-(37*2)+'px'});
217        $('#openbox').stop().animate({'left':0}, 800,function(){
218          $("#loading_mask").hide();
219          $('.wapper .panel').hide(0);
220        });
221        var images=$('#editor img');
222        var link = null;
223        var imgLen=images.length;
224        for(var i=0;i<imgLen;i++){
225          if (images[i].parentNode.tagName.toLowerCase() != 'a'){
226            images[i].style.cursor="pointer";
227            link = document.createElement("a");
228            link.href = images[i].src;
229            $(link).addClass('fancybox').attr("rel","group");
230            //客戶自己填的圖片說明比操作提示更有 SEO 價值,原本有替代文字就不覆蓋;
231            //title 講的是「這張圖可以點開」這個操作、與圖片內容無關,所以一律覆蓋
232            if(images[i].alt == ''){
233              images[i].alt='點擊放大';
234            }
235            images[i].title='點擊放大';
236            link.target="_blank";
237            images[i].parentNode.insertBefore(link, images[i]).appendChild(images[i])
238          }
239        }
240        $("#editor .fancybox").fancybox({
241	        'hideOnContentClick': true
242	      });
243
244      },
245      error:function (xhr, ajaxOptions, thrownError){
246        fn_close_box();
247        $("body").append(xhr.status);
248        $("body").append(xhr.responseText );
249        //alert(thrownError);
250      }
251    });
252  }
253
254  function fn_close_box(){
255    $('.wapper .panel').show(0);
256    $('#openbox').stop().animate({'left':$(window).width()}, 800,function(){
257      $( document ).scrollTop(nowtop).css({'overflow-x':'auto'});
258      $('#boxcontent').html('').hide();
259      $('#openbox').hide();
260      $("#loading_mask").hide();
261    });
262  }
263</script>
vendor: 1 bytes, line 263
263
264<script type="text/javascript">
265  $(document).ready(function(){
266  $(".fancybox.youtube").click(function() {
267    $.fancybox({
268      'padding'   : 0,
269      'autoScale'   : false,
270      'transitionIn'  : 'none',
271      'transitionOut' : 'none',
272      'title'     : this.title,
273      'width'     : 640,
274      'height'    : 385,
275      'href'      : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
276      'type'      : 'swf',
277      'swf'     : {
278      'wmode'       : 'transparent',
279      'allowfullscreen' : 'true'
280      }
281    });
282    return false;
283  });
284  $("a.fancyboximg").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false });
285  });
286</script>
286
287<style>
288.error{color:red;}
289</style>
290    <!-- auto webmarketing-->
291  <!-- Facebook Pixel Code -->
292  
292<script>
vendor: 441 bytes, lines 292-301
292
293    !function(f,b,e,v,n,t,s)
294    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
295    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
296    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
297    n.queue=[];t=b.createElement(e);t.async=!0;
298    t.src=v;s=b.getElementsByTagName(e)[0];
299    s.parentNode.insertBefore(t,s)}(window, document,'script',
300    'https://connect.facebook.net/en_US/fbevents.js');
301          fbq('init', '
3011978602512249820
vendor: 40 bytes, lines 301-303
301');
302        fbq('track', 'PageView');
303  
303</script>
303
304  <noscript><img height="1" width="1" style="display:none"
305    src="https://www.facebook.com/tr?id=1978602512249820&ev=PageView&noscript=1"
306  /></noscript>
307  <!-- End Facebook Pixel Code -->
308  
308<script>fbq_inuse = true;</script>
308
309  </head>
310<body domain_is_safe="safe" class="wrapper_bg page_wrapper_bg tb_product fn_product1 lang_tw" attr-type="seefunsoap.com" attr-type2="www.seefunsoap.com" attr-trans="Y" RID="" nowPath="product.php">
311<div id="openbox">
312  <div id="boxcontent">
313  </div>
314</div>
315
316  <div id="RWDPAGE_BASE_PAT01" class="template_panel_first  collapsing_header web_201700379">
317        <header  class="  header " id="panel_1"  page_style="">
318        <div  class=" panel_2 container " id="panel_2"  page_style="">
319        <div  class=" panel_3 navbar navbar-default" id="panel_3" role="navigation" page_style="">
320        <div  class=" panel_4 navbar-header " id="panel_4"  page_style="">
321        <div class="model logo_img"   id="m_RWDPAGE_BASE_PAT01_4_1" md_id="1" tp_id="4" template_id="RWDPAGE_BASE_PAT01"><table style="height:100%;table-layout:fixed;width:100%;text-align: center;" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle"><a href="index.php?lang=tw" title="回首頁" style="display:block;"><img src="https://seefunsoap.com/archive/image/weblogo/170525_logo.png" border="0" style="max-width:100%;" org="437" alt="十方客棧手工皂"  title="十方客棧手工皂"></a></td></tr></table></div>
322          <div class="model RWDMenuSmall001   "   id="m_RWDPAGE_BASE_PAT01_4_2" md_id="2" tp_id="4" template_id="RWDPAGE_BASE_PAT01">
323      <button type="button" class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse"><span class="nb_left pull-left">
324      <span class="sr-only">Toggle navigation</span>
325      <span class="icon-bar"></span>
326      <span class="icon-bar"></span>
327      <span class="icon-bar"></span>
328    </button>      <div class="clear"></div>
329          </div>
330      
330<script type="text/javascript">
331      $(window).load(function() {
332        _top_menu_check();
333        $( window ).resize(function() {
334          _top_menu_check();
335        });
336      });
337      function _top_menu_check(){
338        var _mh = $("#m_RWDPAGE_BASE_PAT01_4_2").outerHeight(true);
339        var _wh = $(window).height();
340        $(".RWDMenuNormal001 .nav").css({'max-height':_wh-_mh-50,'hovrflow-y':'auto'});
341      }
342    </script>
342
343        	<div class="clear"></div>
344    </div>
345        <div  class=" panel_4 navbar-collapse collapse" id="panel_5"  page_style="">
346        <style type="text/css">
347 .m_stitle {
348    display: none;
349}
350@media (min-width: 992px)  {
351 .nav li:hover .m_stitle, .nav li.active .m_stitle {
352    display: block;
353}
354 .nav li:hover .m_title,  .nav li.active .m_title {
355    display: none;
356}
357}
358  </style>
359    <div class="model RWDMenuNormal001  "   id="m_RWDPAGE_BASE_PAT01_5_1" md_id="1" tp_id="5" template_id="RWDPAGE_BASE_PAT01">
360      <ul class="nav pull-right navbar-nav">
361        <li ><a  href="edcontent.php?lang=tw&tb=1" title="品牌故事 About us"><div class="m_title">品牌故事</div><div class="m_stitle">About us</div></a></li><li ><a  href="edcontent.php?lang=tw&tb=2" title="最新消息 News"><div class="m_title">最新消息</div><div class="m_stitle">News</div></a></li><li class="dropdown"><a href="javascript:void(0)" title="產品介紹 Product" data-toggle="dropdown" class="dropdown-toggle"><div class="m_title">產品介紹</div><div class="m_stitle">Product</div><span class="caret"></span></a><ul class="dropdown-menu"><li>
362        <a href="product.php?lang=tw&tb=1&cid=3"  title="【 臉部清潔 & 保養系列 】">【 臉部清潔 & 保養系列 】</a>
363              </li><li>
364        <a href="product.php?lang=tw&tb=1&cid=5"  title="【 沐浴系列 】">【 沐浴系列 】</a>
365              </li><li>
366        <a href="product.php?lang=tw&tb=1&cid=39"  title="【 洗髮系列 - 新品上市 】">【 洗髮系列 - 新品上市 】</a>
367              </li><li>
368        <a href="product.php?lang=tw&tb=1&cid=25"  title="【 皂° 禮 盒 】">【 皂° 禮 盒 】</a>
369              </li><li>
370        <a href="product.php?lang=tw&tb=1&cid=13"  title="【 精緻皂盒 】">【 精緻皂盒 】</a>
371              </li><li>
372        <a href="product.php?lang=tw&tb=1&cid=19"  title="【 蓮蓬頭 / 水質淨化 】">【 蓮蓬頭 / 水質淨化 】</a>
373              </li><li>
374        <a href="product.php?lang=tw&tb=1&cid=33"  title="【 毛巾 / 浴巾 / 沐浴球 / 沐浴巾 】">【 毛巾 / 浴巾 / 沐浴球 / 沐浴巾 】</a>
375              </li><li>
376        <a href="product.php?lang=tw&tb=1&cid=9"  title="【 檜木油 / 盤香 / 按摩小物 】">【 檜木油 / 盤香 / 按摩小物 】</a>
377              </li></ul></li><li class="dropdown"><a  href="edcontent.php?lang=tw&tb=3" title="購物須知 Guide"><div class="m_title">購物須知</div><div class="m_stitle">Guide</div></a></li><li ><a  href="member.php?lang=tw" title="會員專區 Member"><div class="m_title">會員專區</div><div class="m_stitle">Member</div></a></li><li ><a  href="eforms.php?lang=tw&tb=1" title="聯絡我們 Contact us"><div class="m_title">聯絡我們</div><div class="m_stitle">Contact us</div></a></li><li ><a  href="edcontent.php?lang=tw&tb=4" title="FB粉絲專頁 Facebook"><div class="m_title">FB粉絲專頁</div><div class="m_stitle">Facebook</div></a></li><li ><a  href="http://line.me/R/ti/p/%40seefunsoap" target="_blank"  title="LINE官方帳號 ">LINE官方帳號</a></li>        </ul>
378    </div>
379    
379<script type="text/javascript">
380    $( document ).ready(function() {
381      $('.nav').on('touchstart touchend', 'a', function (e) {
382          // Add class responsible for :hover effect
383          $(this).toggleClass('hover_effect');
384      });
385    });
386    </script>
386
387      	<div class="clear"></div>
388    </div>
389        	<div class="clear"></div>
390    </div>
391        <div  class=" panel_3 social_media_wrapper " id="panel_6"  page_style="">
392        	<div class="clear"></div>
393    </div>
394        <div  class=" panel_3 sign " id="panel_30"  page_style="">
395        	<div class="clear"></div>
396    </div>
397        	<div class="clear"></div>
398    </div>
399        	<div class="clear"></div>
400    </header>
401        <section  class="  slider_wrapper full_page_photo" id="panel_7"  page_style="">
402          
402<script>
403        $(".full_page_photo").css({'height':'0px'});
404      </script>
404
405          	<div class="clear"></div>
406    </section>
407        <div  class="  main " id="panel_8"  page_style="">
408        <section  class=" panel_2 call_to_action " id="panel_9"  page_style="">
409        <div  class=" panel_3 container " id="panel_14"  page_style="page_body">
410        <style>
411.pagecontent{margin-top:37px;}
412.pagecontent.menu5,.pagecontent.menu8{margin:0px;}
413@media only screen and (max-width: 768px) {
414  .pagecontent {padding:0px 15px!important;}
415}
416    </style>
417        <section class="hgroup">
418      <div class="container">
419        <div class="page_subject">
420                                  <h1 class="pageTitle">【 臉部清潔 & 保養系列 】</h1>
421                                          <ul class="breadcrumb pull-right">
422          <li showsize=""><a href="https://seefunsoap.com/index.php?lang=tw" title="首頁">首頁</a> </li><li  active><a href="https://seefunsoap.com/product.php?lang=tw&tb=1" orglink="product.php?lang=tw&tb=1" title="產品介紹">產品介紹</a></li><li ><a href="https://seefunsoap.com/product.php?lang=tw&tb=1&cid=3" orglink="product.php?lang=tw&tb=1&cid=3" title="【 臉部清潔 &amp; 保養系列 】">【 臉部清潔 & 保養系列 】</a></li>
422<script type="application/ld+json">
423  {
424    "@context": "https://schema.org",
425    "@type": "BreadcrumbList",
426    "itemListElement": [
427      {
428        "@type": "ListItem",
429        "position": 1,
430        "name": "首頁",
431        "item": "https://seefunsoap.com/index.php?lang=tw"
432      },{
433        "@type": "ListItem",
434        "position": 2,
435        "name": "產品介紹",
436        "item": "https://seefunsoap.com/product.php?lang=tw&tb=1"
437      },{
438        "@type": "ListItem",
439        "position": 3,
440        "name": "【 臉部清潔 & 保養系列 】",
441        "item": "https://seefunsoap.com/product.php?lang=tw&tb=1&cid=3"
442      }    ]
443  }
444</script>
444
445        </ul>
446                </div>
447      </div>
448
449      <!-- 只有在article_d內容頁才顯示 hashtag區塊 -->
450      
451    </section>
452    <section class="article-text rwd">
453     <div class="container ">
454        <div class="xrow">
455                                        <div class="pagecontent col-md-12 list4 menu5 " style="padding:0px 15px;"  id="product">
456            <iframe  style="width:0px;height:0px;display:none;" id="fb_tracking_iframe" name="fb_tracking_iframe"></iframe>
457<script type="text/javascript">
458  function fb_tracking_fn(act){
459    $("#fb_tracking_iframe").attr('src','https://seefunsoap.com/fbtracking.php?lang=tw&act='+act);
460  }
461</script>
461
462
463<style type="text/css">
464  .count_info{font-size:14px;}
465</style>
466<div class="layoutlist_4">
467
468    
468<script>
469  function advanced_search_set_sort(sort){
470          location.href="https://seefunsoap.com/product.php?lang=tw&tb=1&cid=3&sort="+sort;
471      }
472</script>
472    <div class="col-lg-3 col-md-4 col-sm-6">
473        <div class="item product_list_item" img_ow="" img_oh="">
474                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=3"   class="itemlink" title="珍珠白玉"><img src="https://seefunsoap.com/archive/image/product1/images/layoutlist/1782634581.png" alt="珍珠白玉" /></a></div>
475      
476      <div class="subject"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=3"   class="itemlink" title="珍珠白玉">珍珠白玉</a></div>
477
478            <div class="pricearea">
479        <span class="price  fixprice" id="fixprice_p13">--</span><span class="price sellprice" id="price_p13">--</span>
480      </div>
481      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
482        <div id="_cc1p13"></div>
483        <div id="_cc2p13"></div>
484              </div>
485
486
487            <div class="standarea showY">
488        <div  class="cate_div">
489                  <select class="nocateselect" style="opacity: 0;"></select>
490                  </div>
491
492        <div class="stands_options">
493          <div class="stands_div">
494            <span class="stands_name">規格</span>
495                        <select class="standoption" id="stands_p13" key="p13" onchange="dealamount('p13')" >
496                          <option value="9999999||5||||120||0||2722||1||0||120||||0" org="120">小/ 40g±5</option>
497                            <option value="9999999||3||480||450||0||735||||0||450||||0" org="450">大/ 160g±10</option>
498                          </select>
499          </div>
500          <div class="amount_div choice_num_type_b">
501            <span class="amount_name">數量</span>
502                            <div class="quantity">
503                    <input type="button" value="-" class="minus">
504                    <input type="number" min="1" value="1" class="qty" id="amount_p13">
505                    <input type="button" value="+" class="plus">
506                </div>
507								          </div>
508          <div style="clear: both;"></div>
509        </div>
510                      <div class="buybtn disabled showY" onclick="add2car('1','3','p13',this)" id="btncar_p13">加入購物車</div>
511        <br>
512      </div>
513      
514            <div style="clear:both;"></div>
515    </div>
516    </div>
517        <div class="col-lg-3 col-md-4 col-sm-6">
518        <div class="item product_list_item" img_ow="" img_oh="">
519                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=7"   class="itemlink" title="人參珍珠白玉"><img src="https://seefunsoap.com/archive/image/product1/images/layoutlist/b02502b2754d2320.png" alt="人參珍珠白玉" /></a></div>
520      
521      <div class="subject"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=7"   class="itemlink" title="人參珍珠白玉">人參珍珠白玉</a></div>
522
523            <div class="pricearea">
524        <span class="price  fixprice" id="fixprice_p17">--</span><span class="price sellprice" id="price_p17">--</span>
525      </div>
526      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
527        <div id="_cc1p17"></div>
528        <div id="_cc2p17"></div>
529              </div>
530
531
532            <div class="standarea showY">
533        <div  class="cate_div">
534                  <select class="nocateselect" style="opacity: 0;"></select>
535                  </div>
536
537        <div class="stands_options">
538          <div class="stands_div">
539            <span class="stands_name">規格</span>
540                        <select class="standoption" id="stands_p17" key="p17" onchange="dealamount('p17')" >
541                          <option value="9999999||9||||160||||235||1||||160||||0" org="160">小/ 40g±5</option>
542                            <option value="9999999||11||640||600||||161||2||||600||||0" org="600">大/ 160g±10 </option>
543                          </select>
544          </div>
545          <div class="amount_div choice_num_type_b">
546            <span class="amount_name">數量</span>
547                            <div class="quantity">
548                    <input type="button" value="-" class="minus">
549                    <input type="number" min="1" value="1" class="qty" id="amount_p17">
550                    <input type="button" value="+" class="plus">
551                </div>
552								          </div>
553          <div style="clear: both;"></div>
554        </div>
555                      <div class="buybtn disabled showY" onclick="add2car('1','7','p17',this)" id="btncar_p17">加入購物車</div>
556        <br>
557      </div>
558      
559            <div style="clear:both;"></div>
560    </div>
561    </div>
562        <div class="col-lg-3 col-md-4 col-sm-6">
563        <div class="item product_list_item" img_ow="" img_oh="">
564                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=11"   class="itemlink" title="頂級蠶絲珍珠白玉"><img src="https://seefunsoap.com/archive/image/product1/images/layoutlist/3e1032d645a120f3.png" alt="頂級蠶絲珍珠白玉" /></a></div>
565      
566      <div class="subject"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=11"   class="itemlink" title="頂級蠶絲珍珠白玉">頂級蠶絲珍珠白玉</a></div>
567
568            <div class="pricearea">
569        <span class="price  fixprice" id="fixprice_p111">--</span><span class="price sellprice" id="price_p111">--</span>
570      </div>
571      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
572        <div id="_cc1p111"></div>
573        <div id="_cc2p111"></div>
574              </div>
575
576
577            <div class="standarea showY">
578        <div  class="cate_div">
579                  <select class="nocateselect" style="opacity: 0;"></select>
580                  </div>
581
582        <div class="stands_options">
583          <div class="stands_div">
584            <span class="stands_name">規格</span>
585                        <select class="standoption" id="stands_p111" key="p111" onchange="dealamount('p111')" >
586                          <option value="9999999||15||||280||||664||1||||280||||0" org="280">小/ 40g±5</option>
587                            <option value="9999999||17||1,120||1,000||||302||2||||1000||||0" org="1,000">大/ 160g±10</option>
588                          </select>
589          </div>
590          <div class="amount_div choice_num_type_b">
591            <span class="amount_name">數量</span>
592                            <div class="quantity">
593                    <input type="button" value="-" class="minus">
594                    <input type="number" min="1" value="1" class="qty" id="amount_p111">
595                    <input type="button" value="+" class="plus">
596                </div>
597								          </div>
598          <div style="clear: both;"></div>
599        </div>
600                      <div class="buybtn disabled showY" onclick="add2car('1','11','p111',this)" id="btncar_p111">加入購物車</div>
601        <br>
602      </div>
603      
604            <div style="clear:both;"></div>
605    </div>
606    </div>
607        <div class="col-lg-3 col-md-4 col-sm-6">
608        <div class="item product_list_item" img_ow="" img_oh="">
609                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=432"   class="itemlink" title="珍珠亮白緊緻羽絲面膜 - 升級配方不加價!"><img src="https://seefunsoap.com/archive/image/product1/images/layoutlist/photoroom_20240602_161221.jpg" alt="珍珠亮白緊緻羽絲面膜 - 升級配方不加價!" /></a></div>
610      
611      <div class="subject"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=432"   class="itemlink" title="珍珠亮白緊緻羽絲面膜 - 升級配方不加價!">珍珠亮白緊緻羽絲面膜 - 升級配方不加價!</a></div>
612
613            <div class="pricearea">
614        <span class="price  fixprice" id="fixprice_p1432">--</span><span class="price sellprice" id="price_p1432">--</span>
615      </div>
616      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
617        <div id="_cc1p1432"></div>
618        <div id="_cc2p1432"></div>
619              </div>
620
621
622            <div class="standarea showY">
623        <div  class="cate_div">
624                  <select class="nocateselect" style="opacity: 0;"></select>
625                  </div>
626
627        <div class="stands_options">
628          <div class="stands_div">
629            <span class="stands_name">規格</span>
630                        <select class="standoption" id="stands_p1432" key="p1432" onchange="dealamount('p1432')" >
631                          <option value="9999999||750||||580||0||63||1||0||580||||0" org="580">珍珠亮白緊緻羽絲面膜(一盒)</option>
632                            <option value="9999999||753||||120||0||0||1||0||120||||0" org="120">珍珠亮白緊緻羽絲面膜(一片)</option>
633                          </select>
634          </div>
635          <div class="amount_div choice_num_type_b">
636            <span class="amount_name">數量</span>
637                            <div class="quantity">
638                    <input type="button" value="-" class="minus">
639                    <input type="number" min="1" value="1" class="qty" id="amount_p1432">
640                    <input type="button" value="+" class="plus">
641                </div>
642								          </div>
643          <div style="clear: both;"></div>
644        </div>
645                      <div class="buybtn disabled showY" onclick="add2car('1','432','p1432',this)" id="btncar_p1432">加入購物車</div>
646        <br>
647      </div>
648      
649            <div style="clear:both;"></div>
650    </div>
651    </div>
652        <div class="col-lg-3 col-md-4 col-sm-6">
653        <div class="item product_list_item" img_ow="" img_oh="">
654                      <div class="img img1" style="overflow:hidden;width:100%;"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=477"   class="itemlink" title="2 in 1 旅行組"><img src="https://seefunsoap.com/archive/image/product1/images/layoutlist/1727067030.png" alt="2 in 1 旅行組" /></a></div>
655      
656      <div class="subject"><a href="https://seefunsoap.com/product_d.php?lang=tw&tb=1&id=477"   class="itemlink" title="2 in 1 旅行組">2 in 1 旅行組</a></div>
657
658            <div class="pricearea">
659        <span class="price  fixprice" id="fixprice_p1477">--</span><span class="price sellprice" id="price_p1477">--</span>
660      </div>
661      <div class="count_info" style="margin-top:10px;margin-bottom:10px;">
662        <div id="_cc1p1477"></div>
663        <div id="_cc2p1477"></div>
664              </div>
665
666
667            <div class="standarea showY">
668        <div  class="cate_div">
669                  <select class="nocateselect" style="opacity: 0;"></select>
670                  </div>
671
672        <div class="stands_options">
673          <div class="stands_div">
674            <span class="stands_name">規格</span>
675                        <select class="standoption" id="stands_p1477" key="p1477" onchange="dealamount('p1477')" disabled="disabled">
676                          <option value="9999999||855||||70||||67||1||||70||||0" org="70">2 in 1 旅行組</option>
677                          </select>
678          </div>
679          <div class="amount_div choice_num_type_b">
680            <span class="amount_name">數量</span>
681                            <div class="quantity">
682                    <input type="button" value="-" class="minus">
683                    <input type="number" min="1" value="1" class="qty" id="amount_p1477">
684                    <input type="button" value="+" class="plus">
685                </div>
686								          </div>
687          <div style="clear: both;"></div>
688        </div>
689                      <div class="buybtn disabled showY" onclick="add2car('1','477','p1477',this)" id="btncar_p1477">加入購物車</div>
690        <br>
691      </div>
692      
693            <div style="clear:both;"></div>
694    </div>
695    </div>
696      <div style="clear:both;"></div>
697</div>
698
699<script type="text/javascript">
700  window.onpageshow = function(event) {
701    // console.log('fo:'+$(".standoption").size());
702
703    $(".standoption").each(function(){
704      if($(this).attr('key')!=''){
705        dealamount($(this).attr('key'),false);
706      }
707    });
708
709  };
710
711      $(document).ready(function(){
712        
713      });
714
715      function dealstand(key,tb,id){
716        var val = $('#cate_'+key).val();
717
718        if(val=='') return false;
719        val = encodeURIComponent(val);
720        $.ajax({
721          type: "POST",
722          dataType: "json",
723          url: "https://seefunsoap.com/include/shopping_process.php",
724          contentType:"application/x-www-form-urlencoded; charset=utf-8",
725          data: "type=stands_option2_json&tb="+tb+"&lang=tw&id="+id+"&catename="+val,
726          success: function(jdata){
727            var optios = '';
728            if(jdata.datas.length>1){
729              for(var i=0;i< jdata.datas.length;i++){
730                optios += '<option value="'+jdata.datas[i].value+'">'+jdata.datas[i].text+'</option>';
731              }
732              $("#stands_"+key).attr('disabled',false);
733            }else{
734              for(var i=0;i< jdata.datas.length;i++){
735                optios += '<option value="'+jdata.datas[i].value+'">'+jdata.datas[i].text+'</option>';
736              }
737              $("#stands_"+key).attr('disabled','disabled');
738            }
739
740            $("#stands_"+key).html(optios);
741
742            dealamount(key,true);
743          }
744        });
745      }
746
747
748      function dealstand_2(key,tb,id){
749        $.ajax({
750          type: "POST",
751          dataType: "json",
752          url: "https://seefunsoap.com/include/shopping_process.php",
753          contentType:"application/x-www-form-urlencoded; charset=utf-8",
754          data: "type=stands_option_json&tb="+tb+"&lang=tw&id="+id,
755          success: function(jdata){
756            var optios='';
757            for(var i=0;i< jdata.datas.length;i++){
758              optios += '<option value="'+jdata.datas[i].value+'">'+jdata.datas[i].text+'</option>';
759            }
760            $("#stands_"+key).html(optios);
761
762            dealamount(key,true);
763          }
764        });
765      }
766
767function fmoney(s, n){
768  n = n >= 0 && n <= 20 ? n : 2;
769  s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
770  var l = s.split(".")[0].split("").reverse(),
771  r = s.split(".")[1];
772  t = "";
773  for(i = 0; i < l.length; i ++ ){
774    t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
775  }
776  if(n>0){
777    return t.split("").reverse().join("")+ "." + r;
778  }else{
779    return t.split("").reverse().join("");
780  }
781}
782
783      function dealamount(key,resize){
784        var val = $('#stands_'+key).val();
785        if(val==null){
786          $('#stands_'+key).prop('selectedIndex',0);
787          val = $('#stands_'+key).val();
788        }
789        if(val==null) return false;
790        var data_arr = val.split("||");
791        var maxamount = parseInt(data_arr[0]);
792
793        var quantity = $("#amount_"+key);
794        quantity.attr('max',maxamount);
795        if(isNaN(maxamount) || maxamount<=0){
796                    if(quantity.is('select')){
797            quantity.html('');
798            quantity.append('<option value="">缺貨中</option>');
799          }else{
800            quantity.attr('placeholder','缺貨中');
801            quantity.attr('min','0');
802            quantity.val('');
803            quantity.prop('disabled',true);
804            quantity.parent().find('.minus,.plus').prop('disabled',true);
805          }
806        }else{
807                    if(quantity.is('select')){
808            quantity.html('');
809            if(maxamount>=10) maxamount = 10;
810            for(var i=1;i<=maxamount;i++){
811              quantity.append('<option value="'+i+'">'+i+'</option>');
812            }
813          }else{
814            quantity.attr('placeholder','');
815            quantity.attr('min','1');
816            quantity.val('1');
817            quantity.prop('disabled',false);
818            quantity.parent().find('.minus,.plus').prop('disabled',false);
819                        $("#amount_"+key).parent('.quantity').find('.minus').unbind('click').click(function(){
820              var nnum =  parseInt( $("#amount_"+key).val());
821              var max  = parseInt( $("#amount_"+key).attr('max'));
822              if(isNaN(nnum) || nnum <=0){
823                nnum = 1;
824              }else{
825                nnum--;
826              }
827              if(nnum <=0) nnum =1;
828              $("#amount_"+key).val(nnum);
829            });
830            $("#amount_"+key).parent('.quantity').find('.plus').unbind('click').click(function(){
831              var nnum =  parseInt( $("#amount_"+key).val());
832              var max  = parseInt( $("#amount_"+key).attr('max'));
833              if(isNaN(nnum) || nnum <=0){
834                nnum = 1;
835              }else{
836                nnum++;
837              }
838              if(nnum > max) nnum = max;
839              $("#amount_"+key).val(nnum);
840            });
841                      $("#amount_"+key).on('change', function() {
842              var nnum =  parseInt( $("#amount_"+key).val());
843              var max  = parseInt( $("#amount_"+key).attr('max'));
844              if(isNaN(nnum) || nnum <=0){
845                nnum = 1;
846              }
847              if(nnum > max) nnum = max;
848              $("#amount_"+key).val(nnum);
849            });
850          }
851        }
852
853        var inventory = parseInt(data_arr[4]);
854        var buycount = data_arr[5];
855        var inventorySet = data_arr[7];
856                
857
858        var fixprice = data_arr[2];
859        var price = data_arr[3];
860        var ext = 'NT$';
861        // 產品售價
862        var sellingPrice = data_arr[8];
863        var chkDividend = data_arr[9];
864        // 是否顯示會員價
865        var hasMemberPrice = data_arr[10];
866
867                  if( isNaN(maxamount) || maxamount<=0 ||  price=='' || price=='0' ){
868            $("#btncar_"+key).addClass('disabled');
869          }else{
870            $("#btncar_"+key).removeClass('disabled');
871          }
872                if(fixprice=='' || fixprice=='0'){
873          $("#fixprice_"+key).html('');
874        }else{
875          $("#fixprice_"+key).html('定價'+ext+fixprice);
876        }
877
878        if(hasMemberPrice == 1){
879          $("#price_"+key).html('會員價:'+ext+fmoney(price,0)).show();
880          $("#fixprice_"+key).html('售價'+ext+sellingPrice);
881        }else{
882          if(price=='' || price=='0'){
883            $("#price_"+key).hide();
884            $("#fixprice_"+key).removeClass('delline');
885          }else{
886            $("#price_"+key).html('售價'+ext+fmoney(price,0)).show();
887          }
888        }
889
890        if(chkDividend && hasMemberPrice!=1){
891          $("#fixprice_"+key).html('售價'+ext+sellingPrice);
892          $("#price_"+key).html('折扣價:'+ext+fmoney(price,0)).show();
893        }
894
895        if(resize){
896          doresize();
897        }
898      }
899
900      function add2car(tb,id,key,obj){
901        if($(obj).hasClass('disabled')){
902          return false;
903        }
904        var val = $('#stands_'+key).val();
905        var data_arr = val.split("||");
906        var standid = data_arr[1];
907        var amount = parseInt($('#amount_'+key).val());
908        if(amount <=0 || isNaN(amount)){
909          alert("請選擇數量");
910          return false;
911        }
912                        $.ajax({
913          type: "POST",
914          dataType: "json",
915          url: "https://seefunsoap.com/include/shopping_process.php",
916          contentType:"application/x-www-form-urlencoded; charset=utf-8",
917          data: "type=add2car&tb="+tb+"&lang=tw&id="+id+"&standid="+standid+"&amount="+amount,
918          success: function(jdata){
919              if(jdata.success=='1'){
920                                //{##2020.07.24 新增行銷外掛 -- 加入購物車事件
921                  try {
922                  let webmarketing_params = {
923                    'items' :[jdata.detail]
924                  };
925                  webmarketing_add2car_event(webmarketing_params, jdata.fb_event_id);
926                }catch (e) {}
927                //}
928                                if($(".modelshoppingcar").is('div')){
929                  var open = $(".modelshoppingcar").attr('attr-open')=='false'?false:true;
930                  // console.log('open car :'+ (open?'true':'fasle'));
931                  loadShoppingCar(open);
932                  var xalert = $(".modelshoppingcar").attr('attr-alert')=='true'?true:false;
933                  if(xalert){
934                    alert("商品已經加入購物車");
935                  }
936                }else{
937                  alert("商品已經加入購物車");
938                }
939              }else{
940                if(jdata.message=='需要登入會員'){
941                  alert(jdata.message);
942                  trans2member();
943                }else{
944                  alert(jdata.message);
945                }
946              }
947          }
948        });
949      }
950	  function trans2member(){
951	    	    // location.href = 'member_login.php?lang=tw&g=cHJvZHVjdC5waHA%2FbGFuZz10dyZ0Yj0xJmNpZD0z';
952      location.href = 'https://seefunsoap.com/member_login.php?lang=tw&&g=cHJvZHVjdC5waHA%2FbGFuZz10dyZ0Yj0xJmNpZD0z';
953	  }
954
955    </script>
955
956
957    <!-- 
957<script src="https://system7.webtech.com.tw/js-plugin/equalizeHeight.js" type="text/javascript"></script>
957 -->
958    
958<script type="text/javascript">
959      $( document ).ready(function() {
960                setTimeout(function(){
961          doresize();
962        },400);
963
964        $( window ).resize(function() {
965          $('.product_list_item').removeClass('nb1');
966          $('.product_list_item .img').css({'height':'auto'});
967          doresize();
968        });
969      });
970
971      function doresize(){
972
973        $(".layoutlist_4 select").css({'height':'auto'});
974        if($(window).width() <= 480){
975          $(".nocateselect").css({'opacity':'0'}).parent().hide();
976        }else{
977          $(".nocateselect").css({'opacity':'0', 'pointer-events': 'none'}).parent().show();
978        }
979
980        var img_h = $('.product_list_item .img').eq(0).height(); // 取得第1個產品圖高
981        var img_h2 = $('.product_list_item .subject').eq(1).height(); // 取得第2個名稱高
982
983        // 計算每個產品圖高,如果有比第1個高,就取代,img_h為最高的圖高
984        $('.product_list_item .img1').each(function(){
985          var tmp_h = $(this).height();
986          if(tmp_h > img_h){
987            // console.log($(this).find('img').attr('src'),tmp_h,img_h);
988             img_h = tmp_h;
989          }
990        });
991
992        // 計算每個標題高,如果有比第1個高,就取代,img_h2 為最高的標題高
993        $('.product_list_item .subject').each(function(){
994          var tmp_h2 = $(this).height();
995          if(tmp_h2 > img_h2){
996            // console.log($(this).find('img').attr('src'),tmp_h,img_h);
997             img_h2 = tmp_h2;
998          }
999        });
1000
1001        // 如果圖片高度小於100,就再執行一次 (應該用以推測圖片還沒載入完畢)
1002        if(img_h && img_h<=100){
1003          setTimeout(function(){
1004              doresize();
1005          },500);
1006          return false;
1007        }
1008
1009        $('.product_list_item .img').css({'height':img_h,'overflow':'hidden'});
1010        $('.product_list_item .subject').css({'height':img_h2,'overflow':'hidden'});
1011
1012
1013                // $('.product_list_item').equalizeHeight({ items_per_row: 4, group_by_parent : 'div' });
1014                  // $('.product_list_item').equalizeHeight({ items_per_row: 3, group_by_parent : 'div' });
1015        
1016                var max_h = 0;
1017        $('.product_list_item').css({'height':''});
1018        $('.product_list_item').each(function(){
1019          var tmp_h = $(this).outerHeight();
1020          if(tmp_h > max_h){
1021            max_h = tmp_h;
1022          }
1023        });
1024        $('.product_list_item').css({'height':max_h});
1025
1026
1027        $(".cate_div").each(function(){
1028          var pw = $(this).parent().width();
1029          var tit_w = $(this).find('.cate_title').width();
1030          $(this).css({'width':pw});
1031          $(this).find('select').eq(0).css({'width':pw-tit_w-4});
1032        });
1033
1034        $(".stands_options").each(function(){
1035          //1
1036          var pw = $(this).find('.stands_div').width();
1037          var tit_w = $(this).find('.stands_name').width();
1038          $(this).find('.stands_div').find('select').eq(0).css({'width':pw-tit_w-10});
1039
1040          var pw = $(this).find('.amount_div').width();
1041          var tit_w = $(this).find('.amount_name').width();
1042          $(this).find('.amount_div').find('select').eq(0).css({'width':pw-tit_w-10});
1043        });
1044
1045            //
1046      }
1047
1048
1049    </script>
1049
1050
1051            <!-- 只有在article_d內容頁才顯示 hashtag區塊 -->
1052            
1053
1054                        <div style="clear:both;" id="pagecontentend"></div>
1055                      </div>
1056        </div>
1057     </div>
1058     </section>
1059     <!--END-->
1060             	<div class="clear"></div>
1061    </div>
1062        	<div class="clear"></div>
1063    </section>
1064        <footer  class=" panel_2 footer " id="panel_45"  page_style="">
1065        <div  class=" panel_3 bottom_content " id="panel_49"  page_style="">
1066        <div  class=" panel_4 container " id="panel_50"  page_style="">
1067        <div  class=" panel_5 row " id="panel_51"  page_style="">
1068        <div  class=" panel_6 col-md-6 col-sm-6 col-xs-12" id="panel_52"  page_style="">
1069     
1070    <div class="model RWDedictor "   id="m_RWDPAGE_BASE_PAT01_52_1" md_id="1" tp_id="52" template_id="RWDPAGE_BASE_PAT01">
1071            <!--start-->
1072      Tel:05-5901750 . 07-5360396<br />
1073Fax:05-5900249<br />
1074雲林縣古坑鄉華山村華山110-6號<br />
1075高雄市苓雅區成功一路226號<br />
1076<span style="background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; box-sizing: border-box; color: rgb(169, 169, 169); font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">十方客棧│珍珠白玉│手工皂禮盒</span><span style="background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; box-sizing: border-box; color: rgb(169, 169, 169); display: inline; float: none; font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">│羽絲面膜</span>      <!--end-->
1077      <div style="clear:both;"></div>
1078          </div>
1079 
1080      	<div class="clear"></div>
1081    </div>
1082        <div  class=" panel_6 col-md-6 col-sm-6 col-xs-12" id="panel_53"  page_style="">
1083        <div class="model web_search webfunction_bg"   id="m_RWDPAGE_BASE_PAT01_53_1" md_id="1" tp_id="53" template_id="RWDPAGE_BASE_PAT01">
1084      <div class="searchkey">
1085        <input type="text" value="請輸入關鍵字" id="web_search_searchkeym_RWDPAGE_BASE_PAT01_53_1"/>
1086      </div>
1087      <div class="btn" id="btn_web_searchm_RWDPAGE_BASE_PAT01_53_1">GO</div>
1088      <div style="clear:both;"></div>
1089    </div>
1090    
1090<script type="text/javascript">
1091    $(document).ready(function(){
1092      $("#web_search_searchkeym_RWDPAGE_BASE_PAT01_53_1").focus(function(){
1093        $(this).val("");
1094      }).blur(function(){
1095        var val = $(this).val();
1096        if (val==""){
1097          $(this).val("請輸入關鍵字");
1098        }
1099      });
1100            $("#web_search_searchkeym_RWDPAGE_BASE_PAT01_53_1").keydown(function(event){
1101        if (event.keyCode==13){
1102          var val = $("#web_search_searchkeym_RWDPAGE_BASE_PAT01_53_1").val();
1103          if (val !="" && val !="請輸入關鍵字"){
1104            location.href="search.php?lang=tw&searchkey="+encodeURI(val);
1105          }
1106        }
1107      });
1108      $("#btn_web_searchm_RWDPAGE_BASE_PAT01_53_1").click(function(){
1109        var val = $("#web_search_searchkeym_RWDPAGE_BASE_PAT01_53_1").val();
1110        if (val !="" && val !="請輸入關鍵字"){
1111          location.href="search.php?lang=tw&searchkey="+encodeURI(val);
1112        }else{
1113		  	  $("#web_search_searchkeym_RWDPAGE_BASE_PAT01_53_1").focus();
1114		  	  return false;
1115        }
1116      });
1117          });
1118    </script>
1118
1119      <div class="model web_edm webfunction_bg"   id="m_RWDPAGE_BASE_PAT01_53_2" md_id="2" tp_id="53" template_id="RWDPAGE_BASE_PAT01">
1120      <div class="email">
1121        <input type="text" value="電子報 / 請輸入E-MAIL" id="edm_emailm_RWDPAGE_BASE_PAT01_53_2" aria-label="電子報 / 請輸入E-MAIL"/>
1122      </div>
1123      <div class="btn_container">
1124        <div class="btn" id="btn_order_emailm_RWDPAGE_BASE_PAT01_53_2">訂閱</div>
1125        <div class="btn" id="btn_reject_emailm_RWDPAGE_BASE_PAT01_53_2">退訂</div>
1126      </div>
1127      <div style="clear:both;"></div>
1128    </div>
1129    
1129<script type="text/javascript">
1130      $(function(){
1131        var pattern = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
1132
1133        $("#edm_emailm_RWDPAGE_BASE_PAT01_53_2").focus(function(){
1134          $(this).val("");
1135        }).blur(function(){
1136          var val = $(this).val();
1137          if (val==""){
1138            $(this).val("電子報 / 請輸入E-MAIL");
1139          }
1140        });
1141
1142        		    $('#btn_order_emailm_RWDPAGE_BASE_PAT01_53_2').click(function() {
1143		    	var edm_email = $("#edm_emailm_RWDPAGE_BASE_PAT01_53_2").val();
1144		    	if (edm_email=="" || edm_email=="電子報 / 請輸入E-MAIL" || !pattern.test(edm_email)){
1145		    	  alert("E-MAIL格式錯誤!!");
1146		    	  $("#edm_emailm_RWDPAGE_BASE_PAT01_53_2").focus();
1147            $("#edm_emailm_RWDPAGE_BASE_PAT01_53_2").select();
1148		    	  return false;
1149		      }
1150          $.post(
1151            "https://seefunsoap.com/include/edm_process.php",
1152            {email: edm_email, type: 'subscription','lang':'tw'},
1153            function(data){
1154              alert(data.message);
1155            },
1156            "json"
1157          );
1158		    });
1159
1160		    $('#btn_reject_emailm_RWDPAGE_BASE_PAT01_53_2').click(function() {
1161		    	var edm_email = $("#edm_emailm_RWDPAGE_BASE_PAT01_53_2").val();
1162		    	if (edm_email=="" || edm_email=="電子報 / 請輸入E-MAIL" || !pattern.test(edm_email)){
1163		    	  alert("E-MAIL格式錯誤!!");
1164		    	  $("#edm_emailm_RWDPAGE_BASE_PAT01_53_2").focus();
1165		    	  return false;
1166		      }
1167          $.post(
1168            "https://seefunsoap.com/include/edm_process.php",
1169            {email: edm_email, type: 'unsubscribe','lang':'tw'},
1170            function(data){
1171              alert(data.message);
1172            },
1173            "json"
1174          );
1175		    });
1176              });
1177    </script>
1177
1178      	<div class="clear"></div>
1179    </div>
1180        	<div class="clear"></div>
1181    </div>
1182        	<div class="clear"></div>
1183    </div>
1184        	<div class="clear"></div>
1185    </div>
1186        <section  class=" panel_3 copyright " id="panel_46"  page_style="">
1187        <div  class=" panel_4 container " id="panel_47"  page_style="">
1188        <div  class=" panel_5 row " id="panel_48"  page_style="">
1189        <div class="model RWDcopyright"   id="m_RWDPAGE_BASE_PAT01_48_1" md_id="1" tp_id="48" template_id="RWDPAGE_BASE_PAT01">
1190      <span class="copyright_desc">Designed by 米洛<a href="https://www.webtech.com.tw/" target="_blank" aria-label="網頁設計">網頁設計</a></span>
1191      <div style="clear:both;"></div>
1192          </div>
1193      	<div class="clear"></div>
1194    </div>
1195        	<div class="clear"></div>
1196    </div>
1197        	<div class="clear"></div>
1198    </section>
1199        	<div class="clear"></div>
1200    </footer>
1201        	<div class="clear"></div>
1202    </div>
1203        <div  class="  shop " id="panel_44"  page_style="">
1204    
1205    <div class="model modelshoppingcar shoppingcar001" lang="tw"   id="m_RWDPAGE_BASE_PAT01_44_1" md_id="1" tp_id="44" template_id="RWDPAGE_BASE_PAT01" style="height:50%;position:fixed;">
1206      <div class="car_outer" style=" height: 100%;">
1207        <div class="car_block" style="">
1208          <div class="btnclick">
1209          <div class="car_icon"><img src="https://system7.webtech.com.tw/public/model/sample/baseimg/shoppingcar001/caricon.png"></div>
1210          <div class="num">(<span class="val-shopnum">0</span>)</div>
1211          <div class="line"></div>
1212          <div class="ftotal_price">
1213            <div class="txt">共</div>
1214            <div class="money">0</div>
1215            <div class="txt">元</div>
1216          </div>
1217          </div>
1218          <div class="scrolltop" style=""></div>
1219        </div>
1220        <div class="car_list" style="overflow-y: auto; height: 100%;">
1221            <div class="list_block">
1222              <div class="subject">購物清單</div>
1223              <div class="LeftShopList"></div>
1224              <a href="shopping.php?lang=tw" class="checkout_it">前往結帳</a>
1225            </div>
1226        </div>
1227        <div style="clear:both;"></div>
1228      </div>
1229      <div class="clear"></div>
1230          </div>
1231    
1231<script type="text/javascript">
1232      var def_width  = $("#m_RWDPAGE_BASE_PAT01_44_1").outerWidth(true);
1233      var total_width  = $("#m_RWDPAGE_BASE_PAT01_44_1 .car_list").outerWidth(true) + def_width; 
1234      $( document ).ready(function() {
1235        $("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").click(function(e) {
1236          e.stopPropagation();
1237          if ($("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").hasClass('active')){
1238             $("#m_RWDPAGE_BASE_PAT01_44_1").stop().animate({width:def_width+'px'},500,'easeOutCirc');
1239            $("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").removeClass("active");
1240          }else{
1241            $("#m_RWDPAGE_BASE_PAT01_44_1").stop().animate({width:total_width+'px'},500,'easeOutCirc');
1242            $("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").addClass("active");
1243          }  
1244        });
1245        $("#m_RWDPAGE_BASE_PAT01_44_1 .scrolltop").click(function(){
1246          $("html, body").animate({scrollTop:0}, '500', 'swing', function() { });
1247        });
1248        $(document).scroll(function(){
1249          if ($("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").hasClass('active')){
1250             $("#m_RWDPAGE_BASE_PAT01_44_1").stop().animate({width:def_width+'px'},500,'easeOutCirc');
1251            $("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").removeClass("active");
1252          }
1253        });
1254        $(window).click(function() {
1255          if ($("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").hasClass('active')){
1256             $("#m_RWDPAGE_BASE_PAT01_44_1").stop().animate({width:def_width+'px'},500,'easeOutCirc');
1257            $("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").removeClass("active");
1258          }
1259        });
1260                loadShoppingCar(false);
1261      });
1262            function loadShoppingCar(open){
1263        $.ajax({
1264          type: "POST",
1265          url: "include/shopping_process.php",
1266          contentType:"application/x-www-form-urlencoded; charset=utf-8",
1267          data: "type=loadshoppingcar&lang=tw",
1268          dataType: "json",
1269          success: function(jdata){
1270            $("#m_RWDPAGE_BASE_PAT01_44_1 .val-shopnum").html(jdata.num);
1271            $("#m_RWDPAGE_BASE_PAT01_44_1 .ftotal_price .money").html(jdata.total_price);
1272            $("#m_RWDPAGE_BASE_PAT01_44_1 .LeftShopList").html('');
1273            if(jdata.items!=null){
1274              for(var i=0;i<jdata.items.length;i++){
1275                var nowitem = jdata.items[i];
1276
1277                var photostr = '';
1278                if(nowitem['photo']!=''){
1279                  photostr = " background-image: url("+nowitem['photo']+");";
1280                }
1281    
1282                $("#m_RWDPAGE_BASE_PAT01_44_1 .LeftShopList").append('<div class="item">'+
1283                  '<div class="item_img '+nowitem['photo_fixcss']+'" style="'+photostr+'"></div>'+
1284                  '<div class="item_info">'+
1285                    '<div class="item_subject">'+nowitem['subject']+'</div>'+
1286                    '<div class="item_price">'+nowitem['price']+'</div>'+
1287                  '</div>'+
1288                  '<div class="item_del" carkey="'+nowitem['carkey']+'">'+
1289                    '<div class="del_icon"><div class="line line01"></div><div class="line line03"></div></div>'+
1290                    '<div class="del_text">刪<br>除</div>'+
1291                  '</div>'+
1292                  '<div style="clear:both;"></div>'+
1293                '</div>');
1294
1295                $("#m_RWDPAGE_BASE_PAT01_44_1 .item_del").click(function(){
1296                  var carkey = $(this).attr('carkey');
1297                  $.ajax({
1298                    type: "POST",
1299                    url: "include/shopping_process.php",
1300                    contentType:"application/x-www-form-urlencoded; charset=utf-8",
1301                    data: "type=delcar&lang=tw&carkey="+carkey,
1302                    dataType: "json",
1303                    success: function(jdata){
1304                      if(jdata.success=='0'){
1305                        alert(jdata.message);
1306                      }
1307                      loadShoppingCar(true);
1308                    }
1309                  });  
1310                });
1311
1312              }
1313            }
1314            if(open){
1315              $("#m_RWDPAGE_BASE_PAT01_44_1").stop().animate({width:total_width+'px'},500,'easeOutCirc');
1316              $("#m_RWDPAGE_BASE_PAT01_44_1 .btnclick").addClass("active");
1317            }
1318          }
1319        });
1320      }
1321    </script>
1321
1322      	<div class="clear"></div>
1323    </div>
1324        <div style="clear:both;"></div>
1325  </div>
1326
1327  
1327<script>
1328  	$(document).ready(function() {
1329		if (navigator.userAgent.match(/(\(iPod|\(iPhone|\(iPad)/)) {
1330			$(".fixiosiframe").each(function(){
1331				var f = $(this);
1332				f.css({'width':'1px','min-width':'100%','*width':'100%','height':'100%','-webkit-overflow-scrolling':'touch'}).attr('scrolling','no');
1333				var h = f.attr('height');
1334				var $new = $('<div style="-webkit-overflow-scrolling:touch;overflow:auto;width:100%;"></div>');
1335				$new.insertBefore(f);
1336				$new.prepend(f);
1337			});
1338
1339		}
1340    });
1341</script>
vendor: 1 bytes, line 1341
1341
1342<script>
vendor: 351 bytes, lines 1342-1348
1342
1343  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1344  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1345  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1346  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
1347
1348  ga('create', '
1348UA-101721605-1
vendor: 42 bytes, lines 1348-1350
1348', 'auto');
1349  ga('send', 'pageview');
1350
1351</script>
1351<!--load external_js--><!--load external_js end-->
1352<!--load footer_js-->
1352<script type="text/javascript" src="https://system7.webtech.com.tw/js/sweetalert2/sweetalert2.min.js"></script>
1352<!--load footer_js end-->
1353
1354</body>
1355    
1355<script>
1356      const extra_marketing_parames = [];
1357    </script>
1357
1358    
1358<script defer type="text/javascript" src="https://system7.webtech.com.tw/lib/website_marketing_resource.js?v=5"></script>
1358</html>
1359
1360<!--END2-->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.