array(6) {
  [0]=>
  array(10) {
    ["id"]=>
    string(8) "18763252"
    ["web_id"]=>
    string(12) "nineyi000360"
    ["product_id"]=>
    string(8) "10902708"
    ["title"]=>
    string(53) "【樂事】箱)樂事香濃起司洋芋片(59.5gx12)"
    ["description"]=>
    string(141) "樂事金黃香脆的洋芋片，搭配瑞士香濃起司調味，一吃就停不下來!【樂事】箱)樂事香濃起司洋芋片(59.5gx12)"
    ["url"]=>
    string(50) "https://mart.family.com.tw/SalePage/Index/10902708"
    ["image_url"]=>
    string(103) "https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10902708/0/638977640970930000?v=1"
    ["price"]=>
    string(6) "420.00"
    ["sale_price"]=>
    string(6) "336.00"
    ["update_time"]=>
    string(19) "2025-11-03 08:13:04"
  }
  [1]=>
  array(10) {
    ["id"]=>
    string(8) "18807354"
    ["web_id"]=>
    string(12) "nineyi000360"
    ["product_id"]=>
    string(8) "10902710"
    ["title"]=>
    string(53) "【樂事】箱)樂事經典原味洋芋片(59.5gx12)"
    ["description"]=>
    string(128) "佐以薄鹽調味，金黃香酥的天然原味享受片片的歡樂美味【樂事】箱)樂事經典原味洋芋片(59.5gx12)"
    ["url"]=>
    string(50) "https://mart.family.com.tw/SalePage/Index/10902710"
    ["image_url"]=>
    string(103) "https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10902710/0/638977640973130000?v=1"
    ["price"]=>
    string(6) "420.00"
    ["sale_price"]=>
    string(6) "336.00"
    ["update_time"]=>
    string(19) "2025-11-03 08:13:04"
  }
  [2]=>
  array(10) {
    ["id"]=>
    string(8) "18763304"
    ["web_id"]=>
    string(12) "nineyi000360"
    ["product_id"]=>
    string(8) "10902703"
    ["title"]=>
    string(53) "【樂事】箱)樂事海苔口味洋芋片(59.5gx12)"
    ["description"]=>
    string(135) "樂事金黃香脆的洋芋片，搭配九州岩燒海苔，一吃就停不下來!【樂事】箱)樂事海苔口味洋芋片(59.5gx12)"
    ["url"]=>
    string(50) "https://mart.family.com.tw/SalePage/Index/10902703"
    ["image_url"]=>
    string(103) "https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10902703/0/638977640967470000?v=1"
    ["price"]=>
    string(6) "420.00"
    ["sale_price"]=>
    string(6) "336.00"
    ["update_time"]=>
    string(19) "2025-11-03 08:13:04"
  }
  [3]=>
  array(10) {
    ["id"]=>
    string(8) "18218361"
    ["web_id"]=>
    string(12) "nineyi000360"
    ["product_id"]=>
    string(8) "10618370"
    ["title"]=>
    string(59) "【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)"
    ["description"]=>
    string(611) "˙注意事項:(1)有眼疾/眼部發炎/皮膚敏感/對溫度反應遲緩者，請依醫生建議後再使用。(2)請先摘掉隱形眼鏡後，再使用本產品；如有點眼藥水請隔一段時間後再行使用本產品。(3)本產品僅供外用，不可食用，請放置於兒童不易取得處。(4)使用時請閉眼，如感覺過熱請先取下暫停使用；如有不適也請先停止使用。˙本產品不提供試用，7天「鑑賞期」非「試用期」，欲辦理退貨之商品必須是全新完整、未拆封之包裝狀態【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)"
    ["url"]=>
    string(50) "https://mart.family.com.tw/SalePage/Index/10618370"
    ["image_url"]=>
    string(103) "https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10618370/0/638972645187730000?v=1"
    ["price"]=>
    string(7) "1014.00"
    ["sale_price"]=>
    string(6) "688.00"
    ["update_time"]=>
    string(19) "2025-10-29 04:12:34"
  }
  [4]=>
  array(10) {
    ["id"]=>
    string(8) "18218376"
    ["web_id"]=>
    string(12) "nineyi000360"
    ["product_id"]=>
    string(8) "10618343"
    ["title"]=>
    string(58) "【三樂事Sunlus】三樂事日本竹酢保健貼(24入)"
    ["description"]=>
    string(85) "使用前請詳閱說明書【三樂事Sunlus】三樂事日本竹酢保健貼(24入)"
    ["url"]=>
    string(50) "https://mart.family.com.tw/SalePage/Index/10618343"
    ["image_url"]=>
    string(103) "https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10618343/0/638782850084030000?v=1"
    ["price"]=>
    string(7) "1280.00"
    ["sale_price"]=>
    string(6) "698.00"
    ["update_time"]=>
    string(19) "2025-09-05 10:13:14"
  }
  [5]=>
  array(10) {
    ["id"]=>
    string(8) "18218377"
    ["web_id"]=>
    string(12) "nineyi000360"
    ["product_id"]=>
    string(8) "10618347"
    ["title"]=>
    string(61) "【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)"
    ["description"]=>
    string(88) "使用前請詳閱說明書【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)"
    ["url"]=>
    string(50) "https://mart.family.com.tw/SalePage/Index/10618347"
    ["image_url"]=>
    string(103) "https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10618347/0/638782850107370000?v=1"
    ["price"]=>
    string(7) "1280.00"
    ["sale_price"]=>
    string(6) "698.00"
    ["update_time"]=>
    string(19) "2025-09-05 10:13:14"
  }
}
<!DOCTYPE html>
<html lang="zh-TW">

<head>
            <title>樂事 | FamilyMart 全家便利商店</title>
        <link rel="canonical" href="https://rcm.family.com.tw/avivid/product/keyword/樂事" />
    
    <meta charset="utf-8">
    <meta name="description" content="全家便利商店開發的新產品、提供的新服務，讓日常生活的每一天，感到驚喜!!來到全家便利商店，享受的是不斷推陳出新的生活便利屋，發掘到優惠且豐富的商品，全年無休一直在你身邊，全家就是你家">
    <meta name="keywords" content="" />
    <meta name="author" content="Avividai" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="google-site-verification" content="lWCnOjjh7fJVdzhmA2beonpS8usxCfadgtYRHjrTi9A" />

<!--Favicon-->
<link rel="icon" sizes="192x192" href="https://avivid.likr.tw/pushEndPoint/images/famimarketing/image/icon.png">
<link rel="shortcut icon" href="https://avivid.likr.tw/pushEndPoint/images/famimarketing/image/icon.png" type="image/jpeg" />
<link rel="apple-touch-icon" href="https://avivid.likr.tw/pushEndPoint/images/famimarketing/image/icon.png" type="image/jpeg" />
<link rel="icon" href="https://avivid.likr.tw/pushEndPoint/images/famimarketing/image/icon.png" type="image/x-icon">

<!-- css files -->
<link rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/bootstrap.min.css" />

<link id="pagestyle" rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/default.css" />

<!-- 離站猜你喜歡-10大推薦商品集合頁 -->
<script src="https://avivid.likr.tw/js/before_page_seo.js"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RZBBGX6Y8B"></script>

    <!--官網 GA-->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-60620416-10"></script>


    <meta name="ahrefs-site-verification" content="a8de67104fd01a30d4ddcfeec40360becff6ba73403a19413c4931dfcdbc4bcd">
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());

    gtag('config', 'G-RZBBGX6Y8B');

            gtag('config', 'UA-60620416-10');
    

    //AviviD共用追蹤
    setTimeout(function() {
        loadScript("https://www.googletagmanager.com/gtag/js?id=G-N7ERK8YH08")
            .then(data => {
                gtag('config', 'G-N7ERK8YH08');
            });
    }, 3000);


    const loadScript = (FILE_URL, async = true, type = "text/javascript") => {
        return new Promise((resolve, reject) => {
            try {
                const scriptEle = document.createElement("script");
                scriptEle.type = type;
                scriptEle.async = async;
                scriptEle.src = FILE_URL;

                scriptEle.addEventListener("load", (ev) => {
                    resolve({
                        status: true
                    });
                });

                scriptEle.addEventListener("error", (ev) => {
                    reject({
                        status: false,
                        message: `Failed to load the script ＄{FILE_URL}`
                    });
                });

                document.body.appendChild(scriptEle);
            } catch (error) {
                reject(error);
            }
        });
    };
</script>

    <script type="text/javascript">
        (function(c, l, a, r, i, t, y) {
            c[a] = c[a] || function() {
                (c[a].q = c[a].q || []).push(arguments)
            };
            t = l.createElement(r);
            t.async = 1;
            t.src = "https://www.clarity.ms/tag/" + i;
            y = l.getElementsByTagName(r)[0];
            y.parentNode.insertBefore(t, y);
        })(window, document, "clarity", "script", "m5nmg2vww0");

        clarity("set", "web_id", "nineyi000360");
    </script>

<style type="text/css">
    * {
        font-family: 'Roboto', sans-serif;
    }

    html,
    body,
    .fullscreen {
        height: 100%;
        width: 100%;
    }

    body {
        font-family: 'Roboto', sans-serif;
        color: #878c94;
        background-color: #ffffff;
        font-size: 15px;
        font-weight: 400;
    }

    body ::selection {
        background-color: #f7f7f7;
        color: #35404f;
    }

    body ::-moz-selection {
        background-color: #f7f7f7;
        color: #35404f;
    }

    .navbar-default {
        margin: 0;
        background: #00A040;
        height: 100px;
    }

    .yamm .navbar-nav>li>a {
        color: #ffffff;
    }

    .yamm .navbar-nav>li.active>a {
        color: #ffffff;
    }

    @media (min-width: 767px) {
        .yamm .navbar-nav>li.active>a {
            border-top: 2px solid #00A040;
        }
    }

    @media (min-width: 767px) {
        .yamm .navbar-nav>li.active>a:hover {
            border-top: 2px solid #00A040;
        }

        .yamm .navbar-nav>li>a:hover {
            border-top: 2px solid #00A040;
            color: #ffffff;
            text-decoration: solid;
        }
    }

    /*標籤*/
    .btn.btn-gray-outline {
        color: rgb(102, 102, 102);
        background-color: #f4f4f4;
        border: 0;
        overflow-x: hidden;
        /* max-width: 110px;
        width: 110px; */
        padding: 7px 16px;
        font-size: 13px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        margin-right: 10px;
        margin-bottom: 10px;
        /* width: 100px; */
    }

    .btn.btn-gray-outline-test {
        color: rgb(102, 102, 102);
        background-color: #f4f4f4;
        border: 0;
        overflow-x: hidden;
        /* max-width: 110px; */
        /* width: 110px; */
        padding: 7px 16px;
        font-size: 13px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        margin-right: 10px;
        margin-bottom: 10px;
        /* width: 100px; */
    }

    .list.list-unstyled {
        margin: 0 0 0 20px;
        padding: 0;
    }

    .widget ul li {
        line-height: 18px;
        margin-bottom: 10px;
    }

    .widget ul li a {
        color: #000000;
        font-size: 14px;
    }

    .breadcrumbs {
        margin: 0;
        background-color: #ffffff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        padding: 20px 0 20px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        border-bottom: 0;
        color: #000000;
    }

    .thumbnail.store .caption .price .amount {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
    }

    #logo_a_div {
        margin-right: 5px;
        padding: 15px 8px;
        margin-top: 20px
    }

    #navbar-collapse-1 {
        margin-top: 40px;
    }

    #search_form_div {
        float: right;
        width: 300px;
        margin-top: 17px;
        margin-bottom: 17px;
    }

    @media (max-width: 767px) {
        #logo_a_div {
            margin-right: 5px;
            padding: 'revert-layer';
            margin-top: 0;
        }

        .yamm .navbar-toggle {
            background-color: unset;
            border-color: #ffffff;
            margin-top: 28px;
        }

        .yamm .navbar-toggle:hover,
        .yamm .navbar-toggle:active,
        .yamm .navbar-toggle:focus {
            background-color: unset;
            border-color: #ffffff;
        }

        #navbar-collapse-1 {
            margin-top: 10px;
            background: #00A040;
        }

        #search_form_div {
            float: left;
            width: 300px;
            margin-top: 17px;
            margin-bottom: 17px;
            margin-left: -32px;
            margin-left: 0px;
        }
    }
</style>
<noscript id="deferred-styles">
    <link rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/owl.carousel.min.css" />
    <link rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/owl.theme.default.min.css" />
    <link rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="https://rcm.family.com.tw/avivid/assets/css/swiper.css" />

    <!-- Google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&amp;subset=latin-ext" rel="stylesheet">
</noscript>

<style>
    .caption {
        height: 122px;
    }

    .thumbnail.store {
        height: 380px;
    }

    @media (max-width: 767px) {
        .thumbnail.store {
            height: 240px;
        }
    }
</style>
<script src="https://cdn.taglite.com.tw/js/core.js"></script>


<!-- Meta Pixel Base -->
<script>
// === 常數設定 ===
const META_PIXEL_ID   = "6505068276238555";
const META_EVENT_NAME = "AviviDTags";
const META_EVENT_MAX  = 100;

// === 自動驗證 fbq 是否存在 ===
function ensureFbqReady(callback, retryMs = 300, maxRetry = 20) {
  if (typeof window.fbq === "function") {
    callback(); // 已載入，直接執行
    return;
  }

  // 若還沒載，動態載入 SDK
  if (!document.querySelector('script[src*="fbevents.js"]')) {
    const s = document.createElement("script");
    s.async = true;
    s.src = "https://connect.facebook.net/en_US/fbevents.js";
    document.head.appendChild(s);
  }

  // 初始化 fbq 物件（若尚未存在）
  if (!window.fbq) {
    window.fbq = function() {
      window.fbq.callMethod
        ? window.fbq.callMethod.apply(window.fbq, arguments)
        : window.fbq.queue.push(arguments);
    };
    window._fbq = window.fbq;
    window.fbq.push = window.fbq;
    window.fbq.loaded = true;
    window.fbq.version = "2.0";
    window.fbq.queue = [];
  }

  // 嘗試初始化（避免重複 init）
  if (!window.fbq._initCalled) {
    window.fbq("init", META_PIXEL_ID);
    window.fbq._initCalled = true;
  }

  // 重試等待
  let count = 0;
  const timer = setInterval(() => {
    if (typeof window.fbq === "function" && window.fbq.callMethod) {
      clearInterval(timer);
      callback();
    } else if (++count >= maxRetry) {
      clearInterval(timer);
      console.warn("[Meta Pixel] fbq 載入失敗，放棄執行。");
    }
  }, retryMs);
}

// === 逐筆送 AviviDTags ===
function sendAviviDTags(tags, opts) {
  if (!Array.isArray(tags) || !tags.length) return 0;
  const o = Object.assign({ extra:{}, debug:false }, opts||{});
  const total = tags.length;

  if (total > META_EVENT_MAX) {
    if (o.debug) console.warn(`[Meta Pixel] 超過 ${META_EVENT_MAX} 筆，略過 (${total})`);
    return 0;
  }

  const toStr = v => (v==null ? "" : String(v));

  tags.forEach((t, idx) => {
    const payload = Object.assign({
      tag_type: toStr(t.tag_type),
      tag_main: toStr(t.tag_main),
      tag_sub : toStr(t.tag_sub),
      idx, total
    }, o.extra);

    window.fbq("trackCustom", META_EVENT_NAME, payload);
    if (o.debug) console.log(`[Meta Pixel] sent(${META_EVENT_NAME}):`, payload);
  });
  return total;
}

</script>


<!-- === 呼叫範例 === -->
<script>
  // === 主執行流程 ===
  const userTags = [
    { tag_type:'RT', tag_main:'旅遊', tag_sub:'北海道' },
    { tag_type:'BT', tag_main:'動漫', tag_sub:'鬼滅之刃' }
  ];

  // 自動驗證並送出事件
  window.addEventListener("load", () => {
    ensureFbqReady(() => {
      sendAviviDTags(userTags, { debug:true });
    });
  });
</script>
    
    <style type="text/css">
        .hashtag {
            margin: 3px;
        }

        #hashtag-mobile-ins {
            display: none;
        }

        figure {
            max-height: 260px;
            overflow-y: hidden;
        }

        .product_tag_div {
            display: block;
        }

        @media (max-width: 767px) {
            #hashtag-mobile-ins {
                display: block;
            }

            figure {
                max-height: 160px;
                overflow-y: hidden;
            }

            .product_tag_div {
                display: none;
            }

            .widget {
                overflow-x: auto;
            }

            .widget::-webkit-scrollbar {
                display: none; /* 對於 Webkit 瀏覽器，如 Chrome 和 Safari */
            }

            .widget .tags {
                display: flex;
                flex-wrap: wrap;
                width: 950px;
            }
        }

        .title {
            font-size: 18px;
            font-weight: bold;
        }

        .section {
            position: relative;
            padding: 10px 0;
        }
    </style>
</head>

<body>
    <div class="navbar yamm navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

                            <a href="https://rcm.family.com.tw/avivid/product/home" class="navbar-brand" id="logo_a_div">
                                            <h4 style="color: #ffffff; margin-top: 21px">FA 選物</h4>
                                    </a>
                    </div>

        <div id="navbar-collapse-1" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                                                            <li><a
                                href="https://rcm.family.com.tw/avivid/product/home">推薦商品</a>
                        </li>
                                    
                                    <li><a href="https://rcm.family.com.tw/avivid/product/app_home">食食購</a></li>
                    <li><a href="https://rcm.family.com.tw/avivid/product/app_home?type=cycle">週期購</a></li>
                    <li><a href="https://rcm.family.com.tw/avivid/product/app_home?type=vsc">兌點趣</a></li>
                    <li><a href="https://rcm.family.com.tw/avivid/product/app_home?type=pasp">隨買跨店取</a></li>
                
                
                                                    
                
                                    <li class="active"><a
                            href="https://rcm.family.com.tw/avivid/product/keyword/樂事">猜你喜歡</a>
                    </li>
                
                            </ul>

            <div id="search_form_div">
                <form
                    action=" https://rcm.family.com.tw/avivid/product/search?paging="
                    method="get">
                    <div class="input-group avivid-searchbar-wraper">
                        <input id="avivid-search-bar" type="text" name="keyword" class="form-control input-sm"
                            placeholder="請輸入商品名稱"
                            value=""
                            autocomplete="off" onsearch="search_enter('top_bottom');"
                            onfocus="searchbar_focus('focus');" onkeyup="dropdown_filter();"
                            style="border-top-left-radius:15px;border-bottom-left-radius:15px; border: 0">
                        <span class=" input-group-btn">
                            <button type="submit" class="btn btn-sm"
                                style="padding-left:5px; padding-right:5px; border-top-right-radius:15px;border-bottom-right-radius:15px; background:#ffffff"><i
                                    class="fa fa-search"></i></button>
                        </span>
                        <div id="avivid-search-dropdown" class="avivid-dropdown-content" tabindex="1"></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
    <div class="breadcrumbs">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <ul>
                                                    <li class="">
                                                                    <a href="https://rcm.family.com.tw/avivid/product/home">FA選物 商品</a>
                                                            </li>

                                                            <li class="active">樂事</li>
                                                    
                                            </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="section white-backgorund">
        <div class="container">
            <div class="row">
		<div class="col-sm-3">
                                        <div class="widget product_tag_div">
                            <h6 class="subtitle regular" style="font-family: 'Roboto'; margin-bottom:0; font-size: 18px; font-weight: bold;">商品標籤</h6>
                            <hr class="spacer-5" style="margin:5px 0 20px 0">

                            <ul class=" list list-unstyled">
				                                                                                                                                                                                        <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/栗子 地瓜" title="栗子 地瓜">栗子 地瓜</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/果菜汁 波蜜" title="果菜汁 波蜜">果菜汁 波蜜</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/撫紋 神經醯胺" title="撫紋 神經醯胺">撫紋 神經醯胺</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/水晶餃 桂冠" title="水晶餃 桂冠">水晶餃 桂冠</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/椅墊 按摩" title="椅墊 按摩">椅墊 按摩</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/桃花 系統管理" title="桃花 系統管理">桃花 系統管理</a>
                                                </li>
                                                                                                                        
                                                                                                                                                                        <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/like/樂事口味" title="樂事口味">樂事口味</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/like/樂事洋芋片口味" title="樂事洋芋片口味">樂事洋芋片口味</a>
                                                </li>
                                                                                                                                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/新鮮" title="新鮮">新鮮</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/白魚" title="白魚">白魚</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/抗氧化劑" title="抗氧化劑">抗氧化劑</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/寵物食品" title="寵物食品">寵物食品</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/礦物質" title="礦物質">礦物質</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/竹筴魚" title="竹筴魚">竹筴魚</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/穀物" title="穀物">穀物</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/消化" title="消化">消化</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/歡樂" title="歡樂">歡樂</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/即食" title="即食">即食</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/起司" title="起司">起司</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/海苔" title="海苔">海苔</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/鯛魚" title="鯛魚">鯛魚</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/九州" title="九州">九州</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/洋芋片" title="洋芋片">洋芋片</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/鮭魚" title="鮭魚">鮭魚</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/餐包" title="餐包">餐包</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/樂事" title="樂事">樂事</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/比目魚" title="比目魚">比目魚</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/樂事洋芋片" title="樂事洋芋片">樂事洋芋片</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/鮪魚" title="鮪魚">鮪魚</a>
                                                </li>
                                                                                                                                                                                <li>
                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/馬鈴薯" title="馬鈴薯">馬鈴薯</a>
                                                </li>
                                                                                                                        
                                                                                                                
                                                                                                </ul>
                        </div>
                                    </div>

                <div class="col-sm-9">
                    <div class="row column-3">
                        <div style="clear: both;"></div>

                        
                        
                                                                                    <div class="col-xs-6 col-sm-6 col-md-3">
                                    <div class="thumbnail store style1">
                                        <a href="https://rcm.family.com.tw/avivid/product/detail/10902708/【樂事】箱)樂事香濃起司洋芋片(59.5gx12)">
                                            <div class="header">
                                                <figure>
                                                                                                            <img src="https://rcm.family.com.tw/avivid/assets/img/loading.svg" data-original="https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10902708/0/638977640970930000?v=1" alt="【樂事】箱)樂事香濃起司洋芋片(59.5gx12)" class="lazy">
                                                                                                    </figure>
                                            </div>
                                            <div class="caption">
                                                <h6 class="regular" style="height: 45px; overflow-y: hidden;; overflow-x:hidden">
                                                    <a href="https://rcm.family.com.tw/avivid/product/detail/10902708/【樂事】箱)樂事香濃起司洋芋片(59.5gx12)" title="【樂事】箱)樂事香濃起司洋芋片(59.5gx12)" style="font-size: 12px">
                                                        【樂事】箱)樂事香濃起司洋芋片(59.5gx12)                                                    </a>
                                                </h6>

                                                                                                    <div class="price">
                                                                                                                    <small class="amount off">NT $420.00</small>
                                                            <br />
                                                        
                                                        <span class="amount text-primary" style="color:#ff5353">NT $336.00</span>
                                                    </div>
                                                                                            </div>
                                        </a>
                                    </div><!-- end thumbnail -->
                                </div><!-- end col -->
                                                            <div class="col-xs-6 col-sm-6 col-md-3">
                                    <div class="thumbnail store style1">
                                        <a href="https://rcm.family.com.tw/avivid/product/detail/10902710/【樂事】箱)樂事經典原味洋芋片(59.5gx12)">
                                            <div class="header">
                                                <figure>
                                                                                                            <img src="https://rcm.family.com.tw/avivid/assets/img/loading.svg" data-original="https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10902710/0/638977640973130000?v=1" alt="【樂事】箱)樂事經典原味洋芋片(59.5gx12)" class="lazy">
                                                                                                    </figure>
                                            </div>
                                            <div class="caption">
                                                <h6 class="regular" style="height: 45px; overflow-y: hidden;; overflow-x:hidden">
                                                    <a href="https://rcm.family.com.tw/avivid/product/detail/10902710/【樂事】箱)樂事經典原味洋芋片(59.5gx12)" title="【樂事】箱)樂事經典原味洋芋片(59.5gx12)" style="font-size: 12px">
                                                        【樂事】箱)樂事經典原味洋芋片(59.5gx12)                                                    </a>
                                                </h6>

                                                                                                    <div class="price">
                                                                                                                    <small class="amount off">NT $420.00</small>
                                                            <br />
                                                        
                                                        <span class="amount text-primary" style="color:#ff5353">NT $336.00</span>
                                                    </div>
                                                                                            </div>
                                        </a>
                                    </div><!-- end thumbnail -->
                                </div><!-- end col -->
                                                            <div class="col-xs-6 col-sm-6 col-md-3">
                                    <div class="thumbnail store style1">
                                        <a href="https://rcm.family.com.tw/avivid/product/detail/10902703/【樂事】箱)樂事海苔口味洋芋片(59.5gx12)">
                                            <div class="header">
                                                <figure>
                                                                                                            <img src="https://rcm.family.com.tw/avivid/assets/img/loading.svg" data-original="https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10902703/0/638977640967470000?v=1" alt="【樂事】箱)樂事海苔口味洋芋片(59.5gx12)" class="lazy">
                                                                                                    </figure>
                                            </div>
                                            <div class="caption">
                                                <h6 class="regular" style="height: 45px; overflow-y: hidden;; overflow-x:hidden">
                                                    <a href="https://rcm.family.com.tw/avivid/product/detail/10902703/【樂事】箱)樂事海苔口味洋芋片(59.5gx12)" title="【樂事】箱)樂事海苔口味洋芋片(59.5gx12)" style="font-size: 12px">
                                                        【樂事】箱)樂事海苔口味洋芋片(59.5gx12)                                                    </a>
                                                </h6>

                                                                                                    <div class="price">
                                                                                                                    <small class="amount off">NT $420.00</small>
                                                            <br />
                                                        
                                                        <span class="amount text-primary" style="color:#ff5353">NT $336.00</span>
                                                    </div>
                                                                                            </div>
                                        </a>
                                    </div><!-- end thumbnail -->
                                </div><!-- end col -->
                                                            <div class="col-xs-6 col-sm-6 col-md-3">
                                    <div class="thumbnail store style1">
                                        <a href="https://rcm.family.com.tw/avivid/product/detail/10618370/【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)">
                                            <div class="header">
                                                <figure>
                                                                                                            <img src="https://rcm.family.com.tw/avivid/assets/img/loading.svg" data-original="https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10618370/0/638972645187730000?v=1" alt="【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)" class="lazy">
                                                                                                    </figure>
                                            </div>
                                            <div class="caption">
                                                <h6 class="regular" style="height: 45px; overflow-y: hidden;; overflow-x:hidden">
                                                    <a href="https://rcm.family.com.tw/avivid/product/detail/10618370/【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)" title="【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)" style="font-size: 12px">
                                                        【三樂事Sunlus】三樂事蒸氣眼罩6盒組(共36片)                                                    </a>
                                                </h6>

                                                                                                    <div class="price">
                                                                                                                    <small class="amount off">NT $1014.00</small>
                                                            <br />
                                                        
                                                        <span class="amount text-primary" style="color:#ff5353">NT $688.00</span>
                                                    </div>
                                                                                            </div>
                                        </a>
                                    </div><!-- end thumbnail -->
                                </div><!-- end col -->
                                                            <div class="col-xs-6 col-sm-6 col-md-3">
                                    <div class="thumbnail store style1">
                                        <a href="https://rcm.family.com.tw/avivid/product/detail/10618343/【三樂事Sunlus】三樂事日本竹酢保健貼(24入)">
                                            <div class="header">
                                                <figure>
                                                                                                            <img src="https://rcm.family.com.tw/avivid/assets/img/loading.svg" data-original="https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10618343/0/638782850084030000?v=1" alt="【三樂事Sunlus】三樂事日本竹酢保健貼(24入)" class="lazy">
                                                                                                    </figure>
                                            </div>
                                            <div class="caption">
                                                <h6 class="regular" style="height: 45px; overflow-y: hidden;; overflow-x:hidden">
                                                    <a href="https://rcm.family.com.tw/avivid/product/detail/10618343/【三樂事Sunlus】三樂事日本竹酢保健貼(24入)" title="【三樂事Sunlus】三樂事日本竹酢保健貼(24入)" style="font-size: 12px">
                                                        【三樂事Sunlus】三樂事日本竹酢保健貼(24入)                                                    </a>
                                                </h6>

                                                                                                    <div class="price">
                                                                                                                    <small class="amount off">NT $1280.00</small>
                                                            <br />
                                                        
                                                        <span class="amount text-primary" style="color:#ff5353">NT $698.00</span>
                                                    </div>
                                                                                            </div>
                                        </a>
                                    </div><!-- end thumbnail -->
                                </div><!-- end col -->
                                                            <div class="col-xs-6 col-sm-6 col-md-3">
                                    <div class="thumbnail store style1">
                                        <a href="https://rcm.family.com.tw/avivid/product/detail/10618347/【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)">
                                            <div class="header">
                                                <figure>
                                                                                                            <img src="https://rcm.family.com.tw/avivid/assets/img/loading.svg" data-original="https://diz36nn4q02zr.cloudfront.net/webapi/imagesV3/Cropped/SalePage/10618347/0/638782850107370000?v=1" alt="【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)" class="lazy">
                                                                                                    </figure>
                                            </div>
                                            <div class="caption">
                                                <h6 class="regular" style="height: 45px; overflow-y: hidden;; overflow-x:hidden">
                                                    <a href="https://rcm.family.com.tw/avivid/product/detail/10618347/【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)" title="【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)" style="font-size: 12px">
                                                        【三樂事Sunlus】三樂事日本唐辛子保健貼(24入)                                                    </a>
                                                </h6>

                                                                                                    <div class="price">
                                                                                                                    <small class="amount off">NT $1280.00</small>
                                                            <br />
                                                        
                                                        <span class="amount text-primary" style="color:#ff5353">NT $698.00</span>
                                                    </div>
                                                                                            </div>
                                        </a>
                                    </div><!-- end thumbnail -->
                                </div><!-- end col -->
                                                    
                        
                                            </div>

                                            <hr class="spacer-10 no-border">

                        <div class="row">
                            <div class="col-sm-12 text-center">
                                <nav>
                                    <ul class="pagination">
                                        <li class="disabled"><a href="https://rcm.family.com.tw/avivid/product/keyword/樂事?paging=0&type=" class="paging_a"><span aria-hidden="true">&laquo;</span></a></li>

                                                                                                                                    <li class="active"> <a href="https://rcm.family.com.tw/avivid/product/keyword/樂事?paging=0&type=" class="paging_a"><b>1</b></a></li>
                                            
                                                                                    
                                        <li><a href="https://rcm.family.com.tw/avivid/product/keyword/樂事?paging=27&type=" class="paging_a"><span aria-hidden="true">&raquo;</span></a></li>
                                    </ul>
                                    <p>共: 1 頁</p>
                                </nav>
                            </div>
                        </div>
                                    </div>
            </div>

        </div>
    </section>

    <ins id="hashtag-mobile-ins" style="width: 100% !important; height: 95px !important; bottom: 0px; clear: none !important; float: none !important; left: 0px; margin: 0px !important; max-height: none !important; max-width: none !important; opacity: 1; overflow: visible !important; padding: 0px !important; position: fixed; right: auto !important; top: auto !important; vertical-align: baseline !important; visibility: visible !important; z-index: 2147483647; background: rgb(250, 250, 250) !important;" data-anchor-status="displayed" data-anchor-shown="true" data-ad-status="filled">
        <div class="grippy-host">
            <ins class="ee" style="inset: auto !important; clear: none !important; display: block !important; float: none !important; height: 5px !important; margin: 0px !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; padding: 0px !important; position: relative !important; vertical-align: baseline !important; visibility: visible !important; width: auto !important; z-index: 1 !important; background-color: rgb(250, 250, 250) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 5px -1px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px !important;">
                <span style="display: block !important; width: 80px !important; height: 45px !important; bottom: 0px !important; left: 0% !important; pointer-events: none !important;">
                    <svg id="hashtag-mobile-svg" style="margin: 0px !important; position: absolute !important; bottom: 0px !important; left: 0% !important; display: block !important; width: 80px !important; height: 30px !important; transform: none !important; pointer-events: initial !important;">
                        <defs>
                            <filter id="dropShadowTop" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                <feComponentTransfer in="SourceAlpha" result="TransferredAlpha">
                                    <feFuncR type="discrete" tableValues="0.5"></feFuncR>
                                    <feFuncG type="discrete" tableValues="0.5"></feFuncG>
                                    <feFuncB type="discrete" tableValues="0.5"></feFuncB>
                                </feComponentTransfer>
                                <feGaussianBlur in="TransferredAlpha" stdDeviation="2"></feGaussianBlur>
                                <feOffset dx="0" dy="0" result="offsetblur"></feOffset>
                                <feMerge>
                                    <feMergeNode></feMergeNode>
                                    <feMergeNode in="SourceGraphic"></feMergeNode>
                                </feMerge>
                            </filter>
                        </defs>
                        <path d="M0,26 L0,6 A6,6 0 0,1 6,1 L50,1 A6,6 0 0,1 56,6 L56,20 A6,6 0 0,0 62,26 Z" stroke="#FAFAFA" stroke-width="1" fill="#FAFAFA" style="filter: url(&quot;#dropShadowTop&quot;);"></path>
                        <rect x="0" y="25" width="80" height="5" style="fill: rgb(250, 250, 250);"></rect>

                        <!--
                        <g class="down" stroke="#616161" stroke-width="2px" stroke-linecap="square">
                            <line x1="22" y1="12" x2="28" y2="18"></line>
                            <line x1="28" y1="18" x2="34" y2="12"></line>
                        </g>
                        -->

                        <g class="down" stroke="#616161" stroke-width="2px" stroke-linecap="square">
                            <line x1="22" y1="18" x2="28" y2="12"></line>
                            <line x1="28" y1="12" x2="34" y2="18"></line>
                        </g>
                    </svg>
                </span>
            </ins>
        </div>
        <div id="aswift_14_host" style="border: none !important; height: 500px !important; width: 100% !important; margin: 0px !important; padding: 10px !important; position: relative !important; visibility: visible !important; background-color: transparent !important; display: inline-block !important; inset: auto !important; clear: none !important; float: none !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow-y: auto !important; vertical-align: baseline !important; z-index: auto !important;" tabindex="0" title="猜你喜歡" aria-label="猜你喜歡">
                                                                        <a href="https://rcm.family.com.tw/avivid/product/like/樂事口味" class="btn btn-gray-outline semi-circle btn-xs hashtag">樂事口味</a>
                                            <a href="https://rcm.family.com.tw/avivid/product/like/樂事洋芋片口味" class="btn btn-gray-outline semi-circle btn-xs hashtag">樂事洋芋片口味</a>
                                    
                                                                                            <a href="https://rcm.family.com.tw/avivid/product/keyword/新鮮"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">新鮮</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/白魚"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">白魚</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/抗氧化劑"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">抗氧化劑</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/寵物食品"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">寵物食品</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/礦物質"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">礦物質</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/竹筴魚"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">竹筴魚</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/穀物"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">穀物</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/消化"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">消化</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/歡樂"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">歡樂</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/即食"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">即食</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/起司"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">起司</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/海苔"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">海苔</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/鯛魚"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">鯛魚</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/九州"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">九州</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/洋芋片"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">洋芋片</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/鮭魚"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">鮭魚</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/餐包"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">餐包</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/樂事"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">樂事</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/比目魚"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">比目魚</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/樂事洋芋片"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">樂事洋芋片</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/鮪魚"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">鮪魚</a>
                        
                                                                                                    <a href="https://rcm.family.com.tw/avivid/product/keyword/馬鈴薯"
                                    class="btn btn-gray-outline semi-circle btn-xs hashtag">馬鈴薯</a>
                        
                                                            
                                    </div>
    </ins>

    <footer class="footer" style="background:#ffffff">
    <div class="container">
        <hr class="spacer-5">

        <div class="row">
            <div class="col-sm-12">
                <h5 class="title" style="color: #000000">FamilyMart 全家便利商店</h5>
                <p style="font-size:14px">全家便利商店開發的新產品、提供的新服務，讓日常生活的每一天，感到驚喜!!來到全家便利商店，享受的是不斷推陳出新的生活便利屋，發掘到優惠且豐富的商品，全年無休一直在你身邊，全家就是你家</p>
            </div>
        </div>

        <div class="row text-left">
            <div class="col-sm-12">
                <p class="text-sm">
                    Powered by <img src="https://gaii.ai/file/avivid_logo.jpg" width="20px" alt="">

                                            AviviD.ai
                                    </p>
            </div>
        </div>
    </div>
</footer>    <script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/jquery.downCount.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/nouislider.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/jquery.sticky.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/pace.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/star-rating.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/wow.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/swiper.min.js"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/main.js?202312161"></script>
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/tools/jquery.lazyload.min.js"></script>

<!-- 推播 -->
<script type="text/javascript" src="https://rcm.family.com.tw/avivid/assets/js/push/gaii_ring.js?20230619"></script>

<script type="text/javascript">
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement)
        addStylesNode.parentElement.removeChild(addStylesNode);
    };
    var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
        window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
    if (raf) raf(function() {
        window.setTimeout(loadDeferredStyles, 0);
    });
    else window.addEventListener('load', loadDeferredStyles);
</script>
    <script>
        search_keyword_data = [];
        item_keyword = [];
        discount_keyword = [];
        hot_keyword = [];

        $(document).ready(function($) {
            $('img').lazyload({
                threshold: 300,
                effect: "fadeIn"
            });


            $("#hashtag-mobile-svg").on("click", function() {
                var in_height = $("#hashtag-mobile-ins").height();
                in_height = Math.round(in_height);

                var height = 95;

                if (in_height < 500) {
                    height = 500;
                } else {
                    height = 90;
                }

                $("#hashtag-mobile-ins").animate({
                    height: height
                }, 300);

                return false;
            });


            search_dropdown_append = function() {
                $.ajax({
                    url: "https://rcm.family.com.tw/avivid/product/search_keyword/200",
                    type: 'get',
                    dataType: 'json',
                    success: function(data) {
                        console.log(data)
                        search_keyword_data = data;

                        Object.values(search_keyword_data.discount).forEach(e => {
                            discount_keyword.push(e.keyword);
                        });

                        Object.values(search_keyword_data.hot).forEach(e => {
                            hot_keyword.push(e.keyword);
                        });

                        all_search_keyword = discount_keyword.concat(hot_keyword);
                        all_search_keyword = [...new Set(all_search_keyword)];
                        keyword_candidate = [];
                        discount_unique = discount_keyword.filter(word => !keyword_candidate.includes(word));

                        if (discount_unique.length < 10) {
                            discount_diff = 10 - discount_unique.length;
                            discount_target = discount_unique.length;
                        } else {
                            discount_diff = 0;
                            discount_target = 10;
                        }

                        for (i = 0; i < discount_target; i++) {
                            keyword_candidate.push(discount_unique[i]);
                        }

                        if (keyword_candidate.length < 10) {
                            hot_unique = hot_keyword.filter(word => !keyword_candidate.includes(word));
                            hot_target = hot_unique.length > discount_diff ? discount_diff : hot_unique.length;

                            for (i = 0; i < hot_target; i++) {
                                keyword_candidate.push(hot_unique[i]);
                            }
                        }

                        keyword_candidate.forEach((e) => {
                            drop_keyword = `<a tabIndex="1">` + e + `</a>`;
                            $("#avivid-search-dropdown").append(drop_keyword);
                        });

                        $(`<span id="avivid-placeholder" onclick= "searchbar_focus('focus');">` + search_keyword_data.default[0].keyword + `</span>`).insertAfter('.avivid-searchbar-logo');
                    }
                });
            }


            $(document).click(function(event) {
                //目標
                let testInput2 = $('#avivid-search-bar');
                let testInput3 = $('#avivid-search-dropdown');

                if (!testInput2.is(event.target) && !testInput3.is(event.target) && !testInput3.is(event.target.parentNode)) {
                    $("#avivid-search-dropdown").hide()
                }
            });


            searchbar_focus = function(type) {
                if (type == 'focus') {
                    $('#avivid-search-dropdown').show();

                    dropdown_filter();

                    if (search_keyword_data !== undefined) {
                        //$('#avivid-search-bar').attr('placeholder', search_keyword_data.default[0].keyword);
                    }
                }
            }


            click_dropdown = function(target) {
                $("#avivid-search-bar").val($(target).text());
                $('#avivid-search-dropdown').hide();
            }


            dropdown_filter = function() {
                special_background = '';
                divide_point = -1;

                if (all_search_keyword !== undefined) {
                    keyword_candidate = [];
                    search_word = $('#avivid-search-bar').val();

                    if (search_word.length == 0) {

                        discount_unique = discount_keyword.filter(word => !keyword_candidate.includes(word));

                        if (discount_unique.length < 10) {
                            discount_diff = 10 - discount_unique.length;
                            discount_target = discount_unique.length;
                        } else {
                            discount_diff = 0;
                            discount_target = 10;
                        }

                        for (i = 0; i < discount_target; i++) {
                            keyword_candidate.push(discount_unique[i]);
                        }

                        if (keyword_candidate.length < 10) {
                            hot_unique = hot_keyword.filter(word => !keyword_candidate.includes(word));
                            hot_target = hot_unique.length > discount_diff ? discount_diff : hot_unique.length;

                            for (i = 0; i < hot_target; i++) {
                                keyword_candidate.push(hot_unique[i]);
                            }
                        }
                    } else if (search_word.length <= 2) {
                        match_words = all_search_keyword.filter(word => word.toLowerCase().includes(search_word.toLowerCase()));
                        match_target = match_words.length > 10 ? 10 : match_words.length;

                        for (i = 0; i < match_target; i++) {
                            keyword_candidate.push(match_words[i]);
                        }

                        divide_point = match_target;

                        if (keyword_candidate.length < 10) {
                            eligible_discount = discount_keyword.filter(word => !keyword_candidate.includes(word));
                            discount_target = eligible_discount.length > 3 ? 3 : eligible_discount.length;

                            for (i = 0; i < discount_target; i++) {
                                keyword_candidate.push(eligible_discount[i]);
                            }

                            candidate_target = 10 - keyword_candidate.length;

                            if (candidate_target > 0) {
                                hot_unique = hot_keyword.filter(word => !keyword_candidate.includes(word));
                                hot_target = hot_unique.length > candidate_target ? candidate_target : hot_unique.length;

                                for (i = 0; i < hot_target; i++) {
                                    keyword_candidate.push(hot_unique[i]);
                                }
                            }
                        }
                    } else {
                        full_match = all_search_keyword.filter(word => word.toLowerCase() == search_word.toLowerCase());
                        match_words = all_search_keyword.filter(word => word.toLowerCase().includes(search_word.toLowerCase()));

                        if (full_match.length > 0) {
                            keyword_candidate.push(full_match[0]);
                            special_background = '#F2F2F2';
                            divide_point = 1;
                        } else if (match_words.length > 0) {
                            keyword_candidate.push(match_words[0]);
                            special_background = '#F2F2F2';
                            divide_point = 1;
                        }

                        eligible_discount = discount_keyword.filter(word => !keyword_candidate.includes(word));
                        discount_target = eligible_discount.length > 3 ? 3 : eligible_discount.length;

                        for (i = 0; i < discount_target; i++) {
                            keyword_candidate.push(eligible_discount[i]);
                        }

                        diff = 10 - keyword_candidate.length;

                        if (diff > 0) {
                            hot_unique = hot_keyword.filter(word => !keyword_candidate.includes(word));
                            hot_target = hot_unique.length > diff ? diff : hot_unique.length;

                            for (i = 0; i < hot_target; i++) {
                                keyword_candidate.push(hot_unique[i]);
                            }
                        }
                    }

                    if (keyword_candidate.length > 0) {
                        $("#avivid-search-dropdown").empty();

                        keyword_candidate.forEach((e) => {
                            drop_keyword = `<a tabIndex="1" onclick="click_dropdown(this)">` + e + `</a>`;
                            $("#avivid-search-dropdown").append(drop_keyword);
                        });

                        $("#avivid-search-dropdown").scrollTop(0);

                        if (special_background != '') {
                            $("#avivid-search-dropdown > a:first-of-type").css('background-color', special_background);
                        }

                        if ((divide_point > -1) && (divide_point < 10)) {
                            $(`<a tabIndex="1" style="font-weight: 700; border-top: 1px solid #ddd;">熱門關鍵字</a>`).insertBefore('#avivid-search-dropdown > a:eq(' + divide_point + ')');
                        }
                    }
                }
            }


            search_dropdown_append();
        });
    </script>
    <link href='https://rhea-cache.advividnetwork.com/css/avivid_common_v2.css' rel='stylesheet' type='text/css'>

    <style>
        .avivid-dropdown-content {
            display: none;
            position: flex;
            background-color: #FFFFFF;
            position: absolute;
            width: 100%;
            max-width: 650px;
            border: 1px solid #ddd;
            z-index: 1;
            overflow-x: hidden;
            margin-top: 30px;
            margin-left: -199px;
        }
    </style>
</body>

</html>