PageSourceSearch

https://www.bettermilk.com.tw/blogs/news

html bettermilk.com.tw collected 2026-10-05 18:36:29 UTC 443,571 bytes, 3,522 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-TW" style="height:100%;">
3  <head>
4      
4<script>
5        window.dataLayer = window.dataLayer || [];
6      </script>
6
7    <!-- Google Tag Manager -->
8            
8<script>
vendor: 375 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
9            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12            })(window,document,'script','dataLayer','
12GTM-KDTMLHN
vendor: 3 bytes, line 12
12');
12</script>
12
13          
14            
14<script>
vendor: 375 bytes, lines 14-18
14(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
15            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
16            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
17            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
18            })(window,document,'script','dataLayer','
18GTM-K8QRJQT5
vendor: 3 bytes, line 18
18');
18</script>
18
19          
20            
20<script>
vendor: 375 bytes, lines 20-24
20(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
21            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
22            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
23            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
24            })(window,document,'script','dataLayer','
24GTM-WTV6LTR
vendor: 3 bytes, line 24
24');
24</script>
24
25          
25<script>var google_tag_manager_id = 'GTM-KDTMLHN';</script>
25
26<!-- End Google Tag Manager -->
27      <!-- CYBERBIZ Google Tag Manager -->
28      
28<script>
vendor: 345 bytes, lines 28-32
28(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
29      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
30      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
31      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
32      })(window,document,'script','cyb','
32GTM-TXD9LVJ
vendor: 3 bytes, line 32
32');
32</script>
32
33      <!-- End CYBERBIZ Google Tag Manager -->
34    
35      
35<script>
36        function getUserFromCookie(){
37          if(localStorage.customer && localStorage.customer != '{"notLogin":true}'){
38            return JSON.parse(localStorage.customer).id;
39          }else{
40            return "";
41          }
42        }
43        cyb = [{
44          'shop': "20406-鮮乳坊",
45          'shop_plan': "enterprise",
46          'userId': getUserFromCookie()
47        }];
48      </script>
48
49    
50      <!-- CYBERBIZ Google Tag Manager -->
51      
51<script>
vendor: 345 bytes, lines 51-55
51(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
52      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
53      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
54      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
55      })(window,document,'script','cyb','
55GTM-P7528MQ
vendor: 3 bytes, line 55
55');
55</script>
55
56      <!-- End CYBERBIZ Google Tag Manager -->
57    
58    <meta charset="utf-8">
59<meta http-equiv="X-UA-Compatible" content="IE=edge">
60<meta name="viewport" content="width=device-width, initial-scale=1">
61<link rel="icon" href="https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgzNDEwMjg2X-muruS5s-WdikxPR09fMTQ0LnBuZy5wbmciXV0.png?convert=false&sha=031d6688757922a7">
62<link rel="apple-touch-icon" href="https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgzNDEwMjg2X-muruS5s-WdikxPR09fMTQ0LnBuZy5wbmciXV0.png?convert=false&sha=031d6688757922a7">
63
64<meta property="og:site_name" content="鮮乳坊" />
65
66<!-- og tag -->
67
68
69<!-- og image -->
70
71  
72  <meta property="og:image" content="https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgzNDEwMjg2X-muruS5s-WdikxPR09fMTQ0LnBuZy5wbmciXV0.png?sha=031d6688757922a7" />
73  
74
75
76<title>
77  
78    |活動推廣 鮮乳坊
79  
80</title>
81
82
83
84<script src='//cdn-general.cybassets.com/frontend/shop/useSettingsData-7338a3080043cbaa.js' type='text/javascript'></script>
84
85
86
87
88  
88<script>
89    window.setSettingsData({"draggable_sections":{"404":[],"index":["1710767753267_5","1704997939935_5","1737708673210_1","1710772325483_0","1738039062955_1","1778816173675_6","1705078994396_5","1705081613189_5","1705131623079_5","1705132196260_5","1712938873803_5","1705133139532_5","1718093543811_5","1705224246691_5","1705220380590_5","1705165620774_5","1710821459335_5","1714481591285_5","1710826997267_5","1711335243689_5","1714042168420_5","1710826712272_5","1714491023495_5"],"product":["product_info","product_description","board_comments","related_products"],"collection":[],"category":[],"blog":[],"article":[],"cart":[],"contact":[],"express_delivery":[],"search":[],"combo_product":["combo_product_info","combo_product_desc","board_comments"],"custom_page":["1710767753267_5","1704997939935_5","1705078994396_5","1705081613189_5","1705131623079_5","1705132196260_5","1712938873803_5","1705133139532_5","1705224246691_5","1705220380590_5","1705165620774_5","1710772325483_0","1710821459335_5","1710826712272_5","1710826997267_5","1711335243689_5","1714042168420_5"]},"sections":{"navbar":{"type":"navbar","visible":true,"settings":{"navbar_image_logo_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532","navbar_image_logo_tablet_url":"","navbar_image_logo_mobile_url":"","main_nav":"main-menu","slider_primary_linklist":"main-menu","slider_primary_linklist_set_open":true,"nav_show_three_dimension":true,"search_enabled":false,"display_only_index":false,"dict_header_banner_image_url":"","dict_header_banner_image_tablet_url":"","dict_header_banner_image_mobile_url":"","dict_header_banner_link":"","display_count_down":false,"navbar_display_style":"rowNav","menu_display_style":"three_dimension_menu","header_banner_start":"","header_banner_end":"","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","navbar_background_transparent":false,"header_logo_image_alt":"鮮乳坊","display_banner_type":"imageBanner","header_banner_simple_text_size":"12","header_banner_simple_text_color":"#ffffff","header_banner_simple_bg":"#000000","link_menu_enabled":false,"link_menu":"undefined","logo_height":"","mobile_logo_position":"left","navbar_pc_title_font_size_scale":"100","navbar_pc_body_font_size_scale":"100","navbar_mobile_title_font_size_scale":"100","navbar_mobile_body_font_size_scale":"100","breadcrumb_referrer_enabled":false},"custom_name":"導覽列"},"footer":{"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":" https://bettermilk.cc/yr5si","display_instagram":true,"shop_instagram":" https://bettermilk.cc/9D4HJ","display_line":true,"shop_line":"https://r.botbonnie.com/vINiF","display_youtube":true,"shop_youtube":"https://www.youtube.com/@user-cg6sk7ep8v","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","1713240525851_0","1713240614713_0","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","custom_name":"選單","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"關於我們","footer_link":"footer"}},"default_contact_info":{"type":"contact_info_setting","custom_name":"聯絡資訊","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"聯絡資訊","display_phone":true,"dict_phone_number":"02-29082961","display_fax_number":false,"dict_shop_fax_number":"0222345678","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":false,"dict_shop_address":"測試地址","display_office_time":true,"dict_shop_office_time":"平日09:00-12:00、13:00-18:00,週六09:00-12:00,週日及國定假日暫停服務"}},"1713240525851_0":{"type":"link_list_setting","custom_name":"選單","visible":true,"settings":{"dict_link_list_block_title":"關於鮮乳坊","footer_link":"認識鮮乳坊"}},"1713240614713_0":{"type":"link_list_setting","custom_name":"選單","visible":true,"settings":{"dict_link_list_block_title":"產品介紹","footer_link":"系列介紹"}}},"custom_name":"頁腳"},"_main_slider_custom":{"type":"_main_slider_custom","visible":true,"blocks":{"display_main_slider_item_1":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_main_slider_item_1_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"},"display_main_slider_item_2":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_main_slider_item_2_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"},"display_main_slider_item_3":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_main_slider_item_3_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"},"display_main_slider_item_4":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"},"display_main_slider_item_5":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"}},"block_order":["display_main_slider_item_1","display_main_slider_item_2","display_main_slider_item_3","display_main_slider_item_4","display_main_slider_item_5"],"settings":{"swiper_delay":"3","margin_x":"0","margin_bottom":"50","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_image_number":"1","mobile_image_space":"8"},"custom_name":"輪播素材"},"_index_product_banner":{"type":"_index_product_banner","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_index_product_banner_1_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"custom_name":"橫幅廣告"},"_index_8_blocks":{"type":"_index_8_blocks","visible":true,"settings":{"dict_title":"新品上市","collection_handle":"frontpage","limit":"12","product_arrangement":"1","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24","product_display":"displayDefault"},"custom_name":"商品分類"},"_index_4_blogs":{"type":"_index_4_blogs","visible":true,"blocks":{"index_4_blogs_1":{"type":"blog","visible":true,"settings":{"blog_handle":"news"},"custom_name":"部落格"},"index_4_blogs_2":{"type":"blog","visible":true,"settings":{"blog_handle":"news"},"custom_name":"部落格"},"index_4_blogs_3":{"type":"blog","visible":true,"settings":{"blog_handle":"news"},"custom_name":"部落格"},"index_4_blogs_4":{"type":"blog","visible":true,"settings":{"blog_handle":"news"},"custom_name":"部落格"}},"block_order":["index_4_blogs_1","index_4_blogs_2","index_4_blogs_3","index_4_blogs_4"],"settings":{"dict_title":"更多資訊","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"50"},"custom_name":"分頁頁籤"},"_index_4_blocks":{"type":"_index_4_blocks","visible":true,"blocks":{"display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzA1MTM0MDY0X1ZvQUdIZ18zXyAoMikucG5nLnBuZyJdXQ.png?sha=0e84d909c9b82302","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"圖片"}},"block_order":["display_index_4_block_1"],"custom_name":"自訂排版設計","settings":{"margin_x":"0","margin_bottom":"50","margin_block":"10","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10"}},"express_delivery_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"express_delivery_display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}}},"block_order":["express_delivery_display_index_4_block_1"]},"custom_text":{"type":"custom_text","visible":true,"settings":{}},"blog":{"type":"blog","visible":true,"settings":{"article_limit_in_blog_page":"6"}},"article":{"type":"article","visible":true,"settings":{"display_blog_menu":true,"dict_blog_tags_title":"文章分類","blog_latest_post_limit":"2"}},"category":{"type":"category","visible":true,"settings":{"category_sidebar_set_open":false,"category_product_block_limit":"4","category_product_swiper_item_limit":"
896","category_product_item_limit":"18"}},"shop_setting":{"type":"shop_setting","visible":true,"settings":{"favicon_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgzNDEwMjg2X-muruS5s-WdikxPR09fMTQ0LnBuZy5wbmciXV0.png?sha=031d6688757922a7","og_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgzNDEwMjg2X-muruS5s-WdikxPR09fMTQ0LnBuZy5wbmciXV0.png?sha=031d6688757922a7","shop_title":"|可溯源莊園級鮮乳 - 全台唯一乳牛獸醫成立的鮮乳品牌","shop_description":"鮮乳坊成立於2015 年,透過創辦人龔建嘉大動物獸醫師,在牧場建立專業生產團隊,把關從牧場到餐桌的每個節點。於2024年更是重新定義六大牧場鮮乳為莊園級鮮乳,莊園級鮮乳需符合臺灣頂極鮮乳完全新標準:頂極單一乳源、頂極乳牛飼養環境、頂極風味品鑑。","shop_keywords":"鮮乳坊 鮮乳  優格 鮮奶  莊園級鮮乳","prevent_right_click":false},"custom_name":"全站設定"},"color_settings":{"type":"color_settings","visible":true,"settings":{"button_color":"#f47373","button_text_color":"#FFFFFF","accent_color":"#2B2B6E","heading_color":"#565656","text_color":"#9A9EA2","price_color":"#C39D6F","discount_price_color":"#C39D6F","theme_bg_color":"#FFFFFF","product_border_color":"#E2E2E2","nav_logo_bg_color":"#FFFFFF","nav_menu_bg_color":"#FFFFFF","nav_menu_text_color":"#565656","nav_menu_icon_color":"#565656","footer_bg_color":"#D9D9D9","footer_text_color":"#8E847D","checkout_button_color":"#f47373","checkout_accent_color":"#2b2b6e","tips_text_color":"#0C5460"},"custom_name":"顏色設定"},"popup":{"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NDYyNzgxXzIwMjYwMzIwX2Jhbm5lcl_li57li5Xnr4DpgKPlgYfmmqvlgZzphY3pgIHlhazlkYpfNTAweDUwMOW9iOi3s-eqly5qcGcuanBlZyJdXQ.jpeg?sha=788289a18016799d","icon_size":"small"},"custom_name":"圖片"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"彈窗廣告"},"product_info":{"type":"product_info","visible":true,"settings":{"display_product_sku":false,"dict_vip_custom_price_text":"","dict_vip_custom_price_href":""},"custom_name":"基本設定"},"product_description":{"type":"product_description","visible":true,"custom_name":"商品介紹"},"board_comments":{"type":"board_comments","visible":true,"settings":{},"custom_name":"商品評論","thumbnail":"list","draggable":false},"related_products":{"type":"related_products","visible":true,"settings":{"display_related_cols":true,"use_custom_related_cols":true,"dict_group_related_cols_related_product":"相關商品","related_products_limit":"4"},"custom_name":"相關商品"},"combo_product_info":{"type":"combo_product_info","visible":true,"settings":{}},"combo_product_desc":{"type":"combo_product_desc","visible":true,"settings":{}},"contact":{"type":"contact","visible":true,"settings":{"show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e"}},"collection":{"type":"collection","visible":true,"settings":{"collection_sidebar":"產品","collection_sidebar_set_open":false,"collection_pagination_limit":"24","is_infinite_scroll":false},"custom_name":"商品分類設定"},"404":{"type":"404","visible":true,"settings":{"image_url":"/theme_src/i18n_shoestore/default_img/404_img.png","dict_404_image_url":"/theme_src/i18n_shoestore/default_img/404_img.png","dict_title_text":"抱歉,此頁面不存在或者已經被移除","dict_btn_text":"返回首頁"}},"blogs_all":{"type":"blogs_all","visible":true,"settings":{}},"bundle_discounts":{"type":"bundle_discounts","visible":true,"settings":{}},"cart":{"type":"cart","visible":true,"settings":{}},"cart_empty":{"type":"cart_empty","visible":true,"settings":{}},"page":{"type":"page","visible":true,"settings":{}},"search":{"type":"search","visible":true,"settings":{"search_link_list":"main-menu"}},"customers/account":{"type":"customers/account","visible":true,"settings":{}},"customers/account_edit":{"type":"customers/account_edit","visible":true,"settings":{}},"customers/activate_account":{"type":"customers/activate_account","visible":true,"settings":{}},"customers/addresses":{"type":"customers/addresses","visible":true,"settings":{}},"customers/bonus_points":{"type":"customers/bonus_points","visible":true,"settings":{}},"customers/cancel":{"type":"customers/cancel","visible":true,"settings":{}},"customers/coupons":{"type":"customers/coupons","visible":true,"settings":{}},"customers/forgot_password":{"type":"customers/forgot_password","visible":true,"settings":{}},"customers/login":{"type":"customers/login","visible":true,"settings":{}},"customers/message":{"type":"customers/message","visible":true,"settings":{}},"customers/messages":{"type":"customers/messages","visible":true,"settings":{}},"customers/modify_password":{"type":"customers/modify_password","visible":true,"settings":{}},"customers/order":{"type":"customers/order","visible":true,"settings":{}},"customers/orders":{"type":"customers/orders","visible":true,"settings":{}},"customers/periodic_order":{"type":"customers/periodic_order","visible":true,"settings":{}},"customers/periodic_orders":{"type":"customers/periodic_orders","visible":true,"settings":{}},"customers/other_valid_orders":{"type":"customers/other_valid_orders","visible":true,"settings":{}},"customers/register":{"type":"customers/register","visible":true,"settings":{}},"customers/reset_password":{"type":"customers/reset_password","visible":true,"settings":{}},"customers/return":{"type":"customers/return","visible":true,"settings":{}},"customers/tracking_items":{"type":"customers/tracking_items","visible":true,"settings":{}},"express_delivery-navbar":{"type":"express_delivery-navbar","visible":true,"settings":{}},"express_delivery-content":{"type":"express_delivery-content","visible":true,"settings":{}},"1704995661846_5":{"type":"_custom_html","custom_name":"自訂HTML","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.video-container{\n  width: 100vw;\n  height: 100vh;\n}\n    \niframe {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100vw;\n  height: 100vh;\n  transform: translate(-50%, -50%);\n}\n@media (min-aspect-ratio: 16/9) {\n  .video-container iframe {\n    /* height = 100 * (9 / 16) = 56.25 */\n    height: 56.25vw;\n  }\n}\n    \n@media (max-aspect-ratio: 16/9) {\n  .video-container iframe {\n    /* width = 100 / (9 / 16) = 177.777777 */\n    width: 177.78vh;\n  }\n}\n\u003c/style\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003ciframe width=\"100%\" height=\"1091\" src=\"https://www.youtube.com/embed/TWNT1Antfk0?si=70Fmefe3KXqjt9fk\u0026amp;?\u0026autoplay=1\u0026mute=1\u0026playsinline=1\u0026loop=1\u003e\u003c/iframe\u003e\n\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1704995548825_1":{"type":"_index_product_banner","custom_name":"橫幅廣告","visible":false,"settings":{"dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1704996741032_5":{"type":"_custom_html","custom_name":"自訂HTML","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n\u003cstyle\u003e\n.video-container{\n  width: 100vw;\n  height: 100vh;\n}\n   #topVideo {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100vw;\n  height: 100vh;\n  transform: translate(-50%, -50%);\n}\n@media (min-aspect-ratio: 16/9) {\n  .video-container iframe {\n    /* height = 100 * (9 / 16) = 56.25 */\n    height: 56.25vw;\n  }\n}\n    \n@media (max-aspect-ratio: 16/9) {\n  .video-container iframe {\n    /* width = 100 / (9 / 16) = 177.777777 */\n    width: 177.78vh;\n  }\n}\n\u003c/style\u003e\n\u003c/head\u003e\n\n\u003cdiv class=\"video-container\"\u003e\n  \u003ciframe id=\"topVideo\" src=\"https://www.youtube.com/embed/Yj2iELI6OeI?playlist=Yj2iELI6OeI\u0026control
89s=0\u0026showinfo=0\u0026autoplay=1\u0026mute=1\u0026playsinline=\u0026loop=1\"\u003e\u003c/iframe\u003e\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1704997939935_5":{"type":"_custom_html","custom_name":"影片+Blur","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n\u003c!-- LINE Tag Base Code --\u003e\n\u003c!-- Do Not Modify --\u003e\n\u003cscript\u003e\n(function(g,d,o){\n  g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};\n  var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';\n  var s=d.createElement('script');s.async=1;\n  s.src=o||h+'/n/line_tag/public/release/v1/lt.js';\n  var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);\n    })(window, document);\n_lt('init', {\n  customerType: 'lap',\n  tagId: '83bc886e-d32d-49be-bdab-42be89c18d05'\n});\n_lt('send', 'pv', ['83bc886e-d32d-49be-bdab-42be89c18d05']);\n\u003c/script\u003e\n\u003cnoscript\u003e\n  \u003cimg height=\"1\" width=\"1\" style=\"display:none\"\n       src=\"https://tr.line.me/tag.gif?c_t=lap\u0026t_id=83bc886e-d32d-49be-bdab-42be89c18d05\u0026e=pv\u0026noscript=1\" /\u003e\n\u003c/noscript\u003e\n\u003c!-- End LINE Tag Base Code --\u003e\n\u003cstyle\u003e\n.#myVideo {\n    //filter: blur(0px); /* 初始無模糊 */\n}\n#wave{\nposition: absolute;\nbottom: -6vh; /* 视口高度的 10% */\n  width: 100vw; /* 视口宽度的 20% */\n  height: auto; /* 保持高度比例 */\n  z-index:999;\n}\n@media (max-width: 768px) {\n  #wave{\n    bottom: calc(-6vh + 5vh);\n  }\n}\n\n@media (max-width: 480px) {\n  #wave{\n    bottom: calc(-6vh+10vh);\n  }\n}\n\u003c/style\u003e\u003c/head\u003e\n\u003cdiv style=\"position:relative\"\u003e\n\u003cdiv id=\"myVideo\" style=\"padding:47% 0 0 0;position:relative;background-color:#F7F5F3;\"\u003e\u003ciframe src=\"https://player.vimeo.com/video/941660704?h=1b147871be\u0026autoplay=1\u0026muted=1\u0026controls=0\u0026loop=1\u0026title=0\u0026byline=0\u0026portrait=0\u0026badge=0\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen\u003e\u003c/iframe\u003e\u003c/div\u003e\u003cscript src=\"https://player.vimeo.com/api/player.js\"\u003e\u003c/script\u003e\n\u003c!--\n\u003csvg id =\"wave\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"\u003e\u003cpath fill=\"#F7F5F3\" fill-opacity=\"1\" d=\"M0,192L120,208C240,224,480,256,720,245.3C960,235,1200,181,1320,154.7L1440,128L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n--\u003e\n\u003c/div\u003e\n\u003c!--\n\u003cscript\u003e\nwindow.addEventListener('scroll', function() {\n    var scrollPosition = window.scrollY || window.pageYOffset;\n    var blurValue = Math.min(20, scrollPosition / 100); // 假設每滾動100像素,模糊度增加1,最大20\n    document.getElementById('myVideo').style.filter = `blur(${blurValue}px)`;\n});\n\u003c/script\u003e\n--\u003e"},"blocks":{},"block_order":[]},"1705077196867_5":{"type":"_custom_html","custom_name":"銜接Wave","visible":true,"settings":{"margin_x":"3","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"\u003e\u003cpath fill=\"#F7F5F3\" fill-opacity=\"1\" d=\"M0,192L120,208C240,224,480,256,720,245.3C960,235,1200,181,1320,154.7L1440,128L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z\"\u003e\u003c/path\u003e\u003c/svg\u003e"},"blocks":{},"block_order":[]},"1705078994396_5":{"type":"_custom_html","custom_name":"頂級鮮乳新標準","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n\u003cstyle\u003e\n.bg-0{\n  background-color:#FFF !important;\n}\n.bg-1{\n  background-color:#F7F5F3 !important;\n}\n.bg-2{\n  background-color:#E9EAE5 !important;\n}\n.bg-3{\n  background-color:#FBF9F3 !important;\n}\n.bg-4{\n  background-color:#F2EEE2 !important;\n}\n.m-auto{\n  margin: auto auto !important;\n}\n.text-left{\n  text-align:left;\n}\n.break {\n  display: none;\n}\n.breakInPhone{\n  display: none;\n}\n\n.indexTitlePC{\n    font-size: 20px;\n    margin-bottom: 5vh;\n    color: var(--cus-main-color);\n    text-align: center;\n    font-family: 'PunctuationFont', 'GenRyuMin SB';\n    font-style: normal;\n    font-weight: bold;\n    line-height: 40px;\n}\n.titlePC{\n    font-size: 20px;\n    margin-bottom: 5vh;\n    color: var(--cus-main-color);\n    text-align: center;\n    font-family: 'PunctuationFont', 'GenRyuMin SB';\n    font-style: bold;\n    font-weight: 500;\n    line-height: 40px;\n}\n.listTitle{\n    font-size: 20px;\n    margin-bottom: 1vh;\n    color: var(--cus-main-color);\n    text-align: center;\n    font-family: 'PunctuationFont', 'GenRyuMin SB';\n    font-style: bold;\n    font-weight: 500;\n    line-height: 36px;\n}\n.indexContentPC {\n    font-size: 9px;\n    line-height: 18px;\n    color: var(--cus-main-color);\n    text-align: center;\n    font-family: 'PunctuationFont', 'GenRyuMin M';\n    font-style: normal;\n    font-weight: 500;\n}\n.contentPC{\n    font-size: 12px;\n    line-height: 24px;\n    color: var(--cus-main-color);\n    text-align: center;\n    font-family: 'PunctuationFont', 'GenRyuMin M';\n    font-style: normal;\n    font-weight: 500; \n}\n.svgs-container{\n    position: absolute;\n    top: -4vh;\n    width: 140px;\n    padding: 0px 2vw;\n}\n\n.custom-wave-button {\n    width: 190px;\n    height: 39px;\n    margin :30px auto;\n    color: var(--cus-main-color);\n    font-family: GenRyuMin ;\n    font-size: 15px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    border: 1px solid  var(--cus-main-color);\n    background-color:transparent;\n    position: relative;\n    display: inline-block;\n    overflow: hidden;\n    cursor: pointer;\n    outline: none;\n    transition: color 1.5s, background-color 1.5s;\n    z-index: 0; /* 设置按钮的堆叠顺序 */\n    /* 移除了背景颜色的过渡,因为我们将使用伪元素来创建填充效果 */\n}\n\n.custom-wave-button-vertical {\n  display:flex !important;\n  width: 190px;\n  height: 39px;\n  margin :30px  auto;\n  color: var(--cus-main-color);\n  font-family: GenRyuMin;\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  border: 1px solid  var(--cus-main-color);\n  background-color:transparent;\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n  cursor: pointer;\n  outline: none;\n  transition: color 1.5s, background-color 1.5s;\n  z-index: 0; /* 设置按钮的堆叠顺序 */\n  /* 移除了背景颜色的过渡,因为我们将使用伪元素来创建填充效果 */\n}\n\n.custom-wave-button-vertical::before {\n  content: '';\n  position: absolute;\n  top: 0; /* 初始时将波浪放置在按钮外 */\n  left: 100%;\n  right: 0;\n  bottom: 0;\n  background-image: url('data:image/svg+xml,\u003csvg width=\"407\" height=\"79\" viewBox=\"0 0 407 79\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M396.967 0H0V79H396.967H397.052V78.9975C397.403 78.9768 397.737 78.8292 397.989 78.5805L404.232 72.4167C407.902 68.7946 407.902 62.8721 404.232 59.25C400.563 55.6279 400.563 49.7054 404.233 46.0833C407.902 42.4613 407.902 36.5387 404.232 32.9167C400.563 29.2946 400.563 23.3721 404.232 19.75C407.902 16.1279 407.902 10.2054 404.232 6.58333L397.989 0.419494C397.737 0.170775 397.403 
890.023158 397.052 0.00250575V0H396.967Z\" fill=\"%237D6D62\"/\u003e\u003c/svg\u003e');\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  transition: right 1s ease;\n  z-index: -1;\n}\n\n.custom-wave-button-vertical:hover::before {\n    left: -2%;\n  transition: left 1.5s ease;\n  scale: 1.1;\n}\n\n.custom-wave-button-vertical:not(:hover)::before {\n  left: -202%; /* 鼠标离开时,将波浪背景移动回按钮外 */\n  transition: left 1.5s ease;\n}\n\n\n.custom-wave-button-vertical:hover {\n  color: #fff; /* 悬停时改变文字颜色以保持可见 */\n  background-color: var(--cus-main-color); \n}\n.custom-wave-button-vertical::before, .custom-wave-button::before {\n  transition: all 1s ease; /* 增加过渡时间为1秒,平滑波浪动画 */\n}\n.custom-wave-button::before {\n  content: '';\n  position: absolute;\n  top: 100%; /* 初始时将波浪放置在按钮外 */\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: url('data:image/svg+xml;utf8,\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 800 100\" preserveAspectRatio=\"none\"\u003e\u003cpath d=\"M0,50 Q50,40 100,50 T200,50 T300,50 T400,50 T500,50 T600,50 T700,50 T800,50 V100 H0 Z\" fill=\"%237D6D62\"/\u003e\u003c/svg\u003e');\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  transition: top 1.5s ease;\n  z-index: -1;\n}\n\n.custom-wave-button:hover::before {\n  top: -130%; /* 鼠标悬停时,将波浪背景移动到按钮内,填满整个按钮 */\n}\n\n.custom-wave-button:not(:hover)::before {\n  top: 100%; /* 鼠标离开时,将波浪背景移动回按钮外 */\n  transition: top 1.5s ease;\n}\n\n\n.custom-wave-button:hover {\n  color: #fff; /* 悬停时改变文字颜色以保持可见 */\n  background-color: var(--cus-main-color); \n}\n\n.custom-wave-button-vertical:not(:hover)::before, .custom-wave-button:not(:hover)::before {\n  transition: all 2.5s ease; /* 增加过渡时间为2秒,平滑波浪动画 */\n}\n\n.btn-with-svg {\n  display: flex;\n  align-items: center;\n    justify-content: space-around;\n}\n\n.btn-with-svg::after {\n    content: '→';\n    font-size: 24px;\n    color: #757575;\n    border-left: 1px solid #757575;\n    padding: 4px 0px 0px 18px ;\n    display: flex;\n    align-items: center;\n    transition: right 1.5s ease;  \n}\n.btn-with-svg:hover::after  {\n    color: #fff;\n      border-left: 1px solid #fff;\n    transition: right 1.5s ease;\n}\n  \n\n\n\n.custom-bg-container{\n      padding: 10vh 0%  3vh 0% !important;\n}\n.text-c{\ntext-align:center;\n}\n\n.header-with-svg {\n  position: relative;\n  z-index: 2;\n}\n\n.fade-in-section {\n  opacity: 0; /* 初始透明度为0 */\n  transform: translateY(20px); /* 轻微向上移动,为动画添加效果 */\n  visibility: hidden; /* 初始时不可见 */\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out, visibility 0.6s; /* 过渡效果 */\n}\n\n.fade-in-section.visible {\n  opacity: 1; /* 完全不透明时为可见 */\n  transform: translateY(0); /* 移回原始位置 */\n  visibility: visible; /* 变为可见 */\n}\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n.eleRWD-mobile{\n  display:none ;\n}\n.eleRWD-PC{\n  display:block;\n}\n@media (max-width: 575px) {\n .svgs-container{\n      top: -3vh;\n      width: 35px;\n    }\n  .indexTitlePC{\n        font-size: 25px ;\n        margin-bottom: 3vh;\n        line-height: 40px;\n  }\n  .titlePC{\n    font-size: 20px;\n    margin-top: 3vh;\n    line-height: 35px;\n    margin-bottom: 1vh; \n  }\n  .listTitle{\n    font-size: 20px;\n    margin-top: 3vh;\n    line-height: 35px;\n  }\n  .indexContentPC {\n        font-size: 13px;\n        line-height: 25px;\n        text-align:left;\n  }\n  .contentPC{\n    font-size: 12px;\n    line-height: 24px;\n    text-align:left;\n  }\n    .custom-wave-button-vertical, .custom-wave-button{\n      width: 150px;\n      margin: 20px auto;\n      height: 35px;\n      font-size: 13px;\n    }\n    .custom-wave-button-vertical{\n      width: 150px;\n      margin: 20px auto;\n      height: 35px;\n      font-size: 13px;\n    }\n    .btn-with-svg::after {\n      font-size:18px !important;\n      padding: 0px 0px 0px 15px  !important;\n    }\n    .custom-wave-button-vertical:not(:hover)::before {\n      left: -217%;\n    }\n      .custom-bg-container{\n      padding: 4vh 5% 2vh 5% !important;\n    }\n      .breakInPhone {\n      display: block;\n    }\n    .eleRWD-mobile{\n      display:block;\n    }\n    .eleRWD-PC{\n      display:none ;\n    }\n\n\n}\n\n@media (min-width: 576px) and (max-width: 767px) {\n  .svgs-container{\n      top: -3vh;\n      width: 35px;\n    }\n  .indexTitlePC{\n        font-size: 30px ;\n        margin-bottom: 1vh;\n        line-height: 48px;\n  }\n    .titlePC{\n        font-size: 24px;\n        margin-top: 3vh;\n        margin-bottom: 1vh;\n        line-height: 38px;\n    }\n  .listTitle{\n    font-size: 22px;\n    margin-top: 3vh;\n    line-height: 38px;\n  }\n  .indexContentPC {\n        font-size: 15px;\n        line-height: 35px;\n        text-align:left;\n  }\n  .contentPC{\n    font-size: 14px;\n    line-height: 28px;\n    text-align:left;\n  }\n    .custom-wave-button-vertical, .custom-wave-button{\n      width: 160px;\n      margin: 20px auto;\n      height: 35px;\n      font-size: 15px;\n    }\n    .btn-with-svg::after {\n      font-size:20px !important;\n      padding: 0px 0px 0px 15px  !important;\n    }\n    .custom-wave-button-vertical:not(:hover)::before {\n      left: -217%;\n    }\n    .custom-bg-container{\n    padding: 5vh 5%  1vh 5% !important;\n    }\n  .breakInPhone {\n      display: block;\n  }\n    .eleRWD-mobile{\n      display:block;\n    }\n    .eleRWD-PC{\n      display:none ;\n    }\n}\n\n/* 大型手機 */\n@media (min-width: 768px) and (max-width: 991px) {\n    .
89indexTitlePC{\n        font-size: 40px ;\n        margin-bottom: 1vh;\n        line-height: 90px;\n  }\n    .titlePC{\n        font-size: 34px;\n        margin-bottom: 2vh;\n        line-height: 60px;\n    }\n    .listTitle{\n       font-size: 24px;\n      margin-top: 2vh;\n      line-height: 48px;\n  }\n  .indexContentPC {\n        font-size: 17px;\n        line-height: 50px;\n  }\n  .contentPC{\n    font-size: 15px;\n    line-height: 24px;\n  }\n  .svgs-container{\n    top: -4vh;\n    width: 65px;\n  }\n    .custom-wave-button-vertical, .custom-wave-button{\n      width: 210px;\n      margin: 30px auto;\n      height: 40px;\n      font-size: 17px;\n    }\n    .btn-with-svg::after {\n      font-size:22px !important;\n    }\n    .custom-wave-button-vertical:not(:hover)::before {\n      left: -217%;\n    }\n  .break {\n      display: block;\n  }\n     .custom-bg-container{\n      padding: 5vh 0%  2vh 0% !important;\n}\n}\n\n/* 平板電腦 */\n@media (min-width: 992px) and (max-width: 1199px) {\n    .indexTitlePC{\n          font-size: 50px ;\n          margin-bottom: 2vh;\n          line-height: 100px;\n    }\n    .titlePC{\n        font-size: 36px;\n        margin-bottom: 2vh;\n        line-height: 60px;\n    }\n    .listTitle{\n       font-size: 27px;\n      margin-top: 2vh;\n      line-height: 48px;\n    }\n    .indexContentPC {\n          font-size: 20px;\n          line-height: 45px;\n    }\n      .contentPC{\n    font-size: 18px;\n    line-height: 36px;\n  }\n  .svgs-container{\n      top: -4vh;\n      width: 80px;\n    }\n    .custom-wave-button-vertical, .custom-wave-button{\n      width: 250px;\n      margin: 35px auto;\n      height: 50px;\n      font-size: 20px;\n    }\n    .btn-with-svg::after {\n      font-size:25px !important;\n    }\n    .custom-wave-button-vertical:not(:hover)::before {\n      left: -217%;\n    }\n    .break {\n      display: block;\n  }\n    \n}\n\n/* 桌面顯示器 - 1200px 至 1919px */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .indexTitlePC{\n        font-size: 60px;\n        margin-bottom: 3vh;\n        line-height: 120px;\n    }\n    .titlePC{\n        font-size: 48px;\n        margin-bottom: 1vh;\n        line-height: 80px;\n    }\n    .listTitle{\n       font-size: 34px;\n      margin-top: 2vh;\n      line-height: 52px;\n    }\n    .indexContentPC {\n        font-size: 28px;\n        line-height: 60px;\n    }\n  .contentPC{\n    font-size: 24px;\n    line-height: 48px;\n  }\n    .svgs-container{\n      top: -5vh;\n      width: 114px;\n    }\n    .custom-wave-button-vertical, .custom-wave-button{\n      width: 290px;\n      margin: 35px auto;\n      height: 57px;\n      font-size: 24px;\n    }\n    .btn-with-svg::after {\n      font-size:29px !important;\n    }\n    .custom-wave-button-vertical:not(:hover)::before {\n      left: -217%;\n    }\n    .break {\n      display: block;\n  }\n}\n\n/* 大屏幕桌面 - 1920px 及以上 */\n@media (min-width: 1920px) {\n      .indexTitlePC{\n        font-size: 80px;\n        margin-bottom: 5vh;\n        line-height: 160px;\n    }\n    .titlePC{\n        font-size: 60px;\n        margin-bottom: 2vh;\n        line-height: 120px;\n    }\n    .listTitle{\n       font-size: 40px;\n      margin-top: 2vh;\n      line-height: 60px;\n    }\n    .indexContentPC {\n        font-size: 35px;\n        line-height: 81px;\n    }\n    .contentPC{\n    font-size: 30px;\n    line-height: 60px;\n  }\n    .svgs-container{\n      top: -4vh;\n      width: 140px;\n    }\n    .custom-wave-button-vertical, .custom-wave-button{\n      width: 320px;\n      margin: 43px auto;\n      height: 70px;\n      font-size: 30px;\n    }\n    .btn-with-svg::after {\n      font-size:35px !important;\n    }\n    .custom-wave-button-vertical:not(:hover)::before {\n      left: -217%;\n    }\n    .break {\n      display: block;\n  }\n}\n\n\n\u003c/style\u003e\n\u003c/head\u003e\n\n\n\u003cdiv class=\"custom-bg-container bg-1 text-c  \"\u003e\n  \u003cdiv class =\"\"\u003e\n      \u003cdiv class=\"indexTitlePC header-with-svg\"\u003e臺灣頂極鮮乳完全新標準\n        \u003cspan  class=\"svgs-container\"style=\"\"\u003e\n          \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 55 51\" fill=\"none\"\u003e\n            \u003cpath d=\"M40.714 29.696C40.6873 29.6337 40.6453 29.5791 40.5917 29.5375C40.5382 29.4958 40.475 29.4685 40.408 29.458C35.3742 28.9583 30.6689 26.7306 27.0919 23.1538C23.5149 19.577 21.287 14.8718 20.787 9.83804C20.7765 9.77105 20.7492 9.70779 20.7075 9.65427C20.6659 9.60074 20.6113 9.55869 20.549 9.53204C20.494 9.50832 20.4348 9.49609 20.375 9.49609C20.3152 9.49609 20.2559 9.50832 20.201 9.53204C20.1396 9.55829 20.0857 9.59948 20.0443 9.65189C2
890.0029 9.70429 19.9753 9.76622 19.964 9.83203C19.4636 14.8658 17.2354 19.5709 13.6583 23.1477C10.0811 26.7244 5.37578 28.9521 0.34198 29.452C0.274983 29.4625 0.211731 29.4899 0.158203 29.5315C0.104675 29.5731 0.06266 29.6277 0.0360107 29.69C0.0122911 29.745 0 29.8042 0 29.864C0 29.9239 0.0122911 29.9831 0.0360107 30.038C0.0622573 30.0994 0.103421 30.1533 0.155823 30.1947C0.208224 30.2361 0.270184 30.2637 0.335999 30.275C5.37266 30.7736 10.081 33.002 13.6597 36.581C17.2385 40.1599 19.4666 44.8683 19.965 49.905C19.9763 49.9708 20.0039 50.0328 20.0453 50.0852C20.0867 50.1376 20.1406 50.1788 20.202 50.205C20.2569 50.2288 20.3161 50.241 20.376 50.241C20.4358 50.241 20.495 50.2288 20.55 50.205C20.6123 50.1784 20.6669 50.1363 20.7086 50.0828C20.7502 50.0293 20.7775 49.966 20.788 49.899C21.2876 44.865 23.5152 40.1593 27.0923 36.582C30.6693 33.0048 35.3749 30.7769 40.409 30.277C40.4748 30.2657 40.5367 30.2381 40.5891 30.1967C40.6415 30.1553 40.6827 30.1014 40.709 30.04C40.7329 29.986 40.7457 29.9277 40.7466 29.8686C40.7474 29.8094 40.7364 29.7508 40.714 29.696Z\" fill=\"var(--cus-main-color)\"/\u003e\n            \u003cpath d=\"M54.9302 9.41513C54.9178 9.38616 54.8983 9.36081 54.8735 9.3414C54.8486 9.32199 54.8193 9.30918 54.7882 9.30414C52.4418 9.07174 50.2483 8.03356 48.5811 6.36627C46.9138 4.69898 45.8757 2.50554 45.
896432 0.159119C45.6383 0.127982 45.6255 0.0986308 45.6061 0.0737915C45.5867 0.0489522 45.5612 0.029442 45.5322 0.0171204C45.5067 0.00582097 45.4791 0 45.4512 0C45.4233 0 45.3957 0.00582097 45.3702 0.0171204C45.3414 0.0294977 45.3161 0.0490385 45.2969 0.0738831C45.2776 0.0987276 45.265 0.128055 45.2603 0.159119C45.0279 2.50554 43.9897 4.69898 42.3224 6.36627C40.6551 8.03356 38.4617 9.07174 36.1152 9.30414C36.084 9.30902 36.0544 9.32174 36.0294 9.34116C36.0044 9.36057 35.9847 9.38604 35.9722 9.41513C35.9609 9.44064 35.9551 9.46822 35.9551 9.49612C35.9551 9.52402 35.9609 9.55161 35.9722 9.57712C35.9846 9.60614 36.004 9.63155 36.0289 9.65097C36.0537 9.67039 36.0831 9.68316 36.1143 9.68811C38.4607 9.92051 40.6541 10.9587 42.3214 12.626C43.9887 14.2933 45.0268 16.4867 45.2592 18.8331C45.264 18.8642 45.2766 18.8935 45.2958 18.9184C45.3151 18.9432 45.3404 18.9628 45.3693 18.9751C45.3948 18.9864 45.4224 18.9922 45.4503 18.9922C45.4782 18.9922 45.5057 18.9864 45.5312 18.9751C45.5604 18.9627 45.5859 18.9431 45.6053 18.918C45.6247 18.893 45.6374 18.8634 45.6422 18.8321C45.8746 16.4857 46.9128 14.2923 48.5801 12.625C50.2474 10.9577 52.4408 9.91953 54.7872 9.68713C54.8184 9.68218 54.8477 9.66938 54.8726 9.64996C54.8974 9.63055 54.9169 9.60513 54.9293 9.57611C54.9406 9.55081 54.9465 9.52344 54.9467 9.49573C54.9468 9.46801 54.9412 9.44057 54.9302 9.41513Z\" fill=\"var(--cus-main-color)\"/\u003e\n          \u003c/svg\u003e\n        \u003c/span\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"indexContentPC\"\u003e為了給予消費者「安心」 、 「品質」 、 「品味」 ,\u003cspan class=\"break\"\u003e\u003c/span\u003e\n        我們堅持單一乳源;堅持獸醫把關,友善動物的永續飼養環境;堅持鮮乳體現其獨特風味。 \u003cbr\u003e\n        為了你,我們不斷突破自己,打造出缺一不可、臺灣頂極鮮乳的完全新標準!\n      \u003c/div\u003e\n      \u003cdiv class=\"m-auto\"\u003e\n       \u003ca  href=\"/pages/bettermilk\" class=\"  custom-btn btn-with-svg custom-wave-button-vertical contentPC\" \u003e瞭解更多 \u003c/a\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\nfunction revealOnScroll() {\n  var elements = document.querySelectorAll('.fade-in-section');\n  var windowHeight = window.innerHeight;\n\n  for (var i = 0; i \u003c elements.length; i++) {\n    var elementTop = elements[i].getBoundingClientRect().top;\n\n    if (elementTop \u003c windowHeight - 100) { // 100是为了更早地触发动画\n      elements[i].classList.add('visible');\n    } else {\n      elements[i].classList.remove('visible');\n    }\n  }\n}\n\nwindow.addEventListener('scroll', revealOnScroll);\n\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1705081613189_5":{"type":"_custom_html","custom_name":"頂極單一乳源","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n  \u003cstyle\u003e\n\n.flex-custom{\n    justify-content: center; /* 沿主轴居中 */\n    align-items: center; /* 沿交叉轴居中 */\n  }\n  .textAlignInIndex{\n    text-align:left;\n  }\n\n  /* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n  .flex-content-with-pic{\n        width:100%;\n      }\n  .flex-content{\n        width:100%;\n        padding:  0%;\n        order:1;\n  }\n  .custom-img-left{\n    width:300px;\n    height:300px;\n    border-radius:200px;\n    object-fit: cover;\n  }\n  .custom-img-right{\n    width:300px;\n    height:300px;\n    border-radius:200px;\n    object-fit: cover;\n  }\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n    .textAlignInIndex{\n    text-align:center;\n  }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n  .flex-content-with-pic{\n        width:100%;\n      }\n  .flex-content{\n        width:100%;\n        padding:  0%;\n        order:1;\n  }\n  .custom-img-left{\n    width:300px;\n    height:300px;\n    border-radius:200px;\n    object-fit: cover;\n  }\n  .custom-img-right{\n    width:300px;\n    height:300px;\n    border-radius:200px;\n    object-fit: cover;\n  }\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n  .textAlignInIndex{\n    text-align:center;\n  }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n  .flex-content-with-pic{\n        width:55%;\n      }\n  .flex-content{\n        width:45%;\n        padding:  0 5%;\n  }\n  .custom-img-left{\n    border-top-right-radius:200px; /* 右上角的圆角 */\n    border-bottom-right-radius: 200px ;/* 右下角的圆角 */\n  }\n  .custom-img-right{\n    border-top-left-radius:200px; /* 右上角的圆角 */\n    border-bottom-left-radius: 200px ;/* 右下角的圆角 */\n  }\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n  .flex-content-with-pic{\n        width:55%;\n      }\n  .flex-content{\n        width:45%;\n        padding:  0 5%;\n  }\n  .custom-img-left{\n    border-top-right-radius:200px; /* 右上角的圆角 */\n    border-bottom-right-radius: 200px ;/* 右下角的圆角 */\n  }\n  .custom-img-right{\n    border-top-left-radius:200px; /* 右上角的圆角 */\n    border-bottom-left-radius: 200px ;/* 右下角的圆角 */\n  }\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n  .flex-content-with-pic{\n        width:55%;\n      }\n  .flex-content{\n        width:45%;\n        padding:  0 5%;\n  }\n  .custom-img-left{\n    border-top-right-radius:300px; /* 右上角的圆角 */\n    border-bottom-right-radius: 300px ;/* 右下角的圆角 */\n  }\n  .custom-img-right{\n    border-top-left-radius:300px; /* 右上角的圆角 */\n    border-bottom-left-radius: 300px ;/* 右下角的圆角 */\n  }\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n  .flex-content-with-pic{\n        width:55%;\n      }\n  .flex-content{\n        width:45%;\n        padding:  0 10%;\n  }\n  .custom-img-left{\n    border-top-right-radius:500px; /* 右上角的圆角 */\n    border-bottom-right-radius: 500px ;/* 右下角的圆角 */\n  }\n  .custom-img-right{\n    border-top-left-radius:500px; /* 右上角的圆角 */\n    border-bottom-left-radius: 500px ;/* 右下角的圆角 */\n  }\n  .blink-container{\n    position: absolute;\n    top: -42px;\n    margin-left:-37px;\n  }\n}\n\n  \u003c/style\u003e\n\n\u003c/head\u003e\n\u003cdiv class=\"custom-bg-container bg-1 text-c \"\u003e\n\u003cdiv class =\"fade-in-section qk-display--flex qk-flex--wrap flex-custom\"\u003e\n    \u003cdiv class=\"flex-content-with-pic\"\u003e\n      \u003cimg class=\"custom-img-left\" width=100%\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzA1MDgyMTc4XzIyLTA5LTIwLeahguiKs-eJp-WgtF9ieeWkp-WlveiJr-aZqC3kubPou4rmlLbkubMtNCAxICgxKS5qcG
89VnLmpwZWciXV0.jpeg?sha=f3d6482cd6bd5280\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"flex-content\"\u003e\n        \u003cdiv class=\"titlePC header-with-svg\"\u003e\n        頂極單一乳源\n          \u003cspan  class=\"blink-container\"style=\"\"\u003e\n           \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"104\" height=\"104\" viewBox=\"0 0 208 208\" fill=\"none\"\u003e\n              \u003cpath opacity=\"0.4\" d=\"M104 208C161.438 208 208 161.438 208 104C208 46.5624 161.438 0 104 0C46.5624 0 0 46.5624 0 104C0 161.438 46.5624 208 104 208Z\" fill=\"url(#paint0_radial_6_2435)\"/\u003e\n              \u003cdefs\u003e\n                \u003cradialGradient id=\"paint0_radial_6_2435\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(104 104) rotate(90) scale(104)\"\u003e\n                  \u003cstop stop-color=\"#E0BC75\"/\u003e\n                  \u003cstop offset=\"1\" stop-color=\"#E0BC75\" stop-opacity=\"0\"/\u003e\n                \u003c/radialGradient\u003e\n              \u003c/defs\u003e\n            \u003c/svg\u003e\n        \u003c/span\u003e\n        \u003c/div\u003e\n       \n        \u003chr\u003e\n        \u003cdiv class=\"textAlignInIndex contentPC\"\u003e\n          \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n        \u003c/div\u003e\n      \u003cbutton id=\"pathPop\" class=\"custom-wave-button\"\u003e嚴守把關\u003c/button\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\n\u003c/div\u003e\n   "},"blocks":{},"block_order":[]},"1705131623079_5":{"type":"_custom_html","custom_name":"頂極乳牛飼養環境","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cdiv class=\"custom-bg-container bg-1 text-c \"\u003e\n  \u003cdiv class=\" qk-display--flex qk-flex--wrap flex-custom fade-in-section\"\u003e\n\n      \u003cdiv class=\"flex-content\"\u003e\n          \u003cdiv class=\"titlePC header-with-svg\"\u003e\n          頂極乳牛飼養環境\n            \u003cspan  class=\"blink-container\"style=\"\"\u003e\n            \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"104\" height=\"104\" viewBox=\"0 0 208 208\" fill=\"none\"\u003e\n                \u003cpath opacity=\"0.4\" d=\"M104 208C161.438 208 208 161.438 208 104C208 46.5624 161.438 0 104 0C46.5624 0 0 46.5624 0 104C0 161.438 46.5624 208 104 208Z\" fill=\"url(#paint0_radial_6_2435)\"/\u003e\n                \u003cdefs\u003e\n                  \u003cradialGradient id=\"paint0_radial_6_2435\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(104 104) rotate(90) scale(104)\"\u003e\n                    \u003cstop stop-color=\"#E0BC75\"/\u003e\n                    \u003cstop offset=\"1\" stop-color=\"#E0BC75\" stop-opacity=\"0\"/\u003e\n                  \u003c/radialGradient\u003e\n                \u003c/defs\u003e\n              \u003c/svg\u003e\n          \u003c/span\u003e\n          \u003c/div\u003e\n        \n          \u003chr\u003e\n          \u003cdiv class=\"textAlignInIndex contentPC\"\u003e\n            \u003cdiv \u003e從健康管理照護到生活環境的舒適營造,皆為讓先天敏感的牛隻能妥善適應,在產乳週期能夠安放身心。\u003c/div\u003e\n          \u003c/div\u003e\n        \u003cbutton id=\"envPop\" class=\"custom-wave-button\"\u003e探索環境\u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"flex-content-with-pic\"\u003e\n        \u003cimg class=\"custom-img-right\" width=100%\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzA1MTMyMDI3XzIxLTAyLTEwLeWVhuaUnS3osZDmqILniafloLRfYnnlpKflpb3oia_ovrAt54mn6I2JMyAoMSkuanBlZy5qcGVnIl1d.jpeg?sha=6e1fd784d60d1051\"\u003e\n      \u003c/div\u003e\n      \n\n\n  \u003c/div\u003e\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1705132196260_5":{"type":"_custom_html","custom_name":"頂極風味品鑑","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n#milk-wave{\n\tbackground-color:#F7F5F3;\n\twidth: 100%;\n\theight: auto;
89 /* 保持高度比例 */\n\tz-index:999;\n  margin-bottom:-2px;\n}\n\u003c/style\u003e\n\u003cdiv class=\"custom-bg-container bg-1 text-c \"\u003e\n\u003cdiv class=\"qk-display--flex qk-flex--wrap flex-custom fade-in-section\"\u003e\n    \u003cdiv class=\"flex-content-with-pic\"\u003e\n      \u003cimg class=\"custom-img-left\" width=100%\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzA1MTMyMzYxXzIwMjIxMDE5X-eFp-eJh1_lmInmmI7niafloLTmi43mlJ1f5aSn5aW9XzIxMOepuueTtl8xNCAoMSkgKDEpLmpwZWcuanBlZyJdXQ.jpeg?sha=1555b86f3bf0715f\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"flex-content\"\u003e\n        \u003cdiv class=\"titlePC header-with-svg\"\u003e\n          頂極風味品鑑\n          \u003cspan  class=\"blink-container\"style=\"\"\u003e\n           \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"104\" height=\"104\" viewBox=\"0 0 208 208\" fill=\"none\"\u003e\n              \u003cpath opacity=\"0.4\" d=\"M104 208C161.438 208 208 161.438 208 104C208 46.5624 161.438 0 104 0C46.5624 0 0 46.5624 0 104C0 161.438 46.5624 208 104 208Z\" fill=\"url(#paint0_radial_6_2435)\"/\u003e\n              \u003cdefs\u003e\n                \u003cradialGradient id=\"paint0_radial_6_2435\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(104 104) rotate(90) scale(104)\"\u003e\n                  \u003cstop stop-color=\"#E0BC75\"/\u003e\n                  \u003cstop offset=\"1\" stop-color=\"#E0BC75\" stop-opacity=\"0\"/\u003e\n                \u003c/radialGradient\u003e\n              \u003c/defs\u003e\n            \u003c/svg\u003e\n        \u003c/span\u003e\n        \u003c/div\u003e\n       \n        \u003chr\u003e\n        \u003cdiv class=\"textAlignInIndex contentPC\"\u003e\n          \u003cdiv \u003e延續前兩項標準的堅持,讓產製出的鮮乳足以擁有其特殊香氣,味道與口感,讓你透過鮮乳日常養成生活的質感品味。\u003c/div\u003e\n        \u003c/div\u003e\n      \u003cbutton id=\"tastePop\" class=\"custom-wave-button\"\u003e品味卓越\u003c/button\u003e\n    \u003c/div\u003e\n\n\n\u003c/div\u003e\n\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1705133139532_5":{"type":"_custom_html","custom_name":"從牧場到餐桌","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.svg-bg{\n\tbackground-color:#E9EAE5;\n\tposition:relative;\n\ttext-align:center;\n}\n\n.descp {\n    position: absolute;\n    text-align: left;\n    z-index: 2;\n    color: var(--cus-main-color);\n    opacity: 0; /* 初始状态不可见 */\n    animation: fadeIn 2s ease-in-out 2s forwards; /* 动画名称,持续时间,速度曲线,延迟时间,保持结束状态 */\n}\n.descpTitle {\n  position: relative;\n  padding:0px 0px 5px 17px;\n}\n\n.descpTitle::after {\n  content: '';\n  position: absolute;\n  width: 100%; /* Adjust as needed */\n  height: 0.5px; /* Line thickness */\n  background-color: var(--cus-main-color); /* Line color */\n  top: 100%; /* Position right below the title */\n  left: 0;\n}\n\n.descpContent {\n    padding: 6px 0px 0px 17px;\n}\n.descpContent::before {\n\tcontent: '';\n    position: absolute;\n    width: 50px;\n    height: 1px;\n    background-color: var(--cus-main-color);\n    top: 54px;\n    left: -42px;\n    transform: rotate(-45deg);\n}\n.descpContent::after {\n    content: '';\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background-color: var(--cus-main-color);\n    border-radius: 50%;\n    border: 2px solid white;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);\n    top: 76px;\n    left: -38px;\n    transform: translate(-50%, -50%);\n}\n\n.descpContentLong {\n    padding: 6px 0px 0px 17px;\n}\n.descpContentLong::before {\n\tcontent: '';\n    position: absolute;\n    width: 230px;\n    height: 0.5px;\n    background-color: var(--cus-main-color);\n    top: 117px;\n    left: -195px;\n    transform: rotate(-45deg);\n}\n.descpContentLong::after {\n    content: '';\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background-color: var(--cus-main-color);\n    border-radius: 50%;\n    border: 2px solid white;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);\n    top: 196px;\n    left: -158px;\n    transform: translate(-50%, -50%);\n}\n.descpContentLeft {\n        padding: 6px 70px 0px 17px;\n}\n.descpContentLeft::before {\n\t  content: '';\n}\n.descpContentLeft::after {\n\t  content: '';\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background-color: var(--cus-main-color);\n    border-radius: 50%;\n    border: 2px solid white;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);\n    top: 38px;\n    right: -6px;\n    transform: translate(-50%, -50%);\n}\n.descpContentRight {\n        padding: 6px 70px 0px 17px;\n}\n.descpContentRight::before {\n\t  content: '';\n}\n.descpContentRight::after {\n\t  content: '';\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background-color: var(--cus-main-color);\n    border-radius: 50%;\n    border: 2px solid white;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);\n    top: 38px;\n    right: -6px;\n    transform: translate(-50%, -50%);\n}\n.descp01{\n    top: 15%;\n    left: 34%;\n}\n.descp02{\n      top: 22%;\n    right: 4%;\n}\n.descp03{\n    bottom: 40%;\n    left: 2%;\n    width: 23%;\n}\n.descp04{\n    bottom: 10%;\n    left: 23%;\n}\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n  .svg-bg .contentPC{\n        font-size:8px;\n        line-height:14px;\n    }\n    .descpTitle {\n          padding:0px 0px 2px 9px;\n    }\n    .descpTitle::after {\n    width: 100%; /* Adjust as needed */\n    top: 100%; /* Position right below the title */\n    left: 0;\n    }\n    .descpContent {\n        padding: 3px 0px 0px 9px;\n    }\n    .descpContent::before {\n        width: 30px;\n        height: 0.5px;\n        top: 79.5%;\n        left: -18.5%;\n    }\n    \n    .descpContent::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 116%;\n        left: -15%;\n    }\n    .descpContentLong {\n        padding: 3px 0px 0px 9px;\n    }\n    .descpContentLong::before {\n        width: 50px;\n        top: 100.5%;\n        left: -38.25%;\n    }\n    .descpContentLong::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 150%;\n        left: -30%;\n    }\n    .descpContentLeft {\n            padding: 3px 26px 0px 9px;\n    }\n    .descpContentLeft::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 28%;\n        right: -5%;\n    }\n    .descpContentRight {\n            padding: 3px 40px 0px 9px;\n    }\n    .descpContentRight::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 50%;\n        right: -5%;\n    }\n    .descp01{\n        top: 0%;\n        left: 26%;\n    }\n    .descp02{\n        top: 13.5%;\n        right: 3.5%;\n    }\n    .descp03{\n        bottom: 27%;\n        left: 2%;\n        width: 23%;\n    }\n    .descp04{\n        bottom: 5%;\n        left: 2.5%;\n    }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n    .svg-bg .contentPC{\n        font-size: 13px;\n        line-height: 20px;\n    }\n    .descpTitle {\n    padding:0px 0px 5px 9px;\n\n    }\n    .descpTitle::after {\n    width: 100%; /* Adjust as needed */\n    top: 100%; /* Position right below the title */\n    left: 0;\n    }\n    .descpContent {\n        padding: 5px 0px 0px 9px;\n    }\n    .descpContent::before {\n        width: 61px;\n        height: 0.5px;\n        top: 91.5%;\n        left: -23.5%;\n    }\n    \n    .descpContent::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 133%;\n        left: -19%;\n    }\n    .descpContentLong {\n        padding: 5px 0px 0px 9px;\n    }\n    .descpContentLong::before {\n        width: 63px;\n        top: 93.5%;\n        left: -30%;\n    }\n    .descpContentLong::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 135%;\n        left: -23%;\n    }\n    .descpContentLeft {\n            padding: 5px 41px 0px 9px;\n    }\n    .descpContentLeft::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 28%;\n        right: -5%;\n    }\n    .descpContentRight {\n            padding: 5px 70px 0px 9px;\n    }\n    .descpContentRight::after {\n        width: 8px;\n        height: 8px;\n        border: 1px solid white;\n        top: 50%;\n        right: -5%;\n    }\n    .descp01{\n        top: -6%;\n        left: 23%;\n    }\n    .descp02{\n        top: 11%;\n        right: 5%;\n    }\n    .descp03{\n        bottom: 29%;\n        left: 2%;\n        width: 23%;\n    }\n    .descp04{\n        bottom: 5%;\n        left: 6.5%;\n    }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n\n    .descpTitle {\n    padding:0px 0px 5px 17px;\n\n    }\n    .descpTitle::after {\n    width: 100%; /* Adjust as needed */\n    top: 100%; /* Position right below the title */\n    left: 0;\n    }\n    .descpContent {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContent::before {\n        width: 110px;\n        height: 1px;\n        top: 114.25%;\n        left: -36.25%;\n    }\n    \n    .descpContent::after {\n        width: 10px;\n        height: 10px;\n        top: 178%;\n        left: -29%;\n    }\n    .descpContentLong {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContentLong::before {\n        width: 180px;\n        top: 156.5%;\n        left: -72%;\n    }\n    .descpContentLong::after {\n        width: 10px;\n        height: 10px;\n        top: 266%;\n        left: -60%;\n    }\n    .descpContentLeft {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentLeft::after {\n        width: 10px;\n        height: 10px;\n        top: 28%;\n        right: -5%;\n    }\n    .descpContentRight {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentRight::after {\n        width: 10px;\n        height: 10px;\n        top: 50%;\n        right: -5%;\n    }\n    .descp01{\n        top: 5%;\n        left: 31%;\n    }\n    .descp02{\n        top: 17%;\n        right: 4%;\n    }\n    .descp03{\n        bottom: 29%;\n        left: 2%;\n        width: 23%;\n    }\n    .descp04{\n        bottom: 8%;\n        left: 13%;\n    }\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n    .descpTitle {\n    padding:0px 0px 5px 17px;\n\n    }\n    .descpTitle::after {\n    width: 100%; /* Adjust as needed */\n    top: 100%; /* Position right below the title */\n    left: 0;\n    }\n    .descpContent {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContent::before {\n        width: 144px;\n        height: 1px;\n        top: 111.25%;\n        left: -40.25%;\n    }\n    \n    .descpContent::after {\n        width: 12px;\n        height: 12px;\n        top: 169%;\n        left: -32%;\n    }\n    .descpContentLong {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContentLong::before {\n        width: 250px;\n        top: 155.5%;\n        left: -84.5%;\n    }\n    .descpContentLong::after {\n        width: 12px;\n        height: 12px;\n        top: 260%;\n        left: -69%;\n    }\n    .descpContentLeft {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentLeft::after {\n        width: 12px;\n        height: 12px;\n        top: 34%;\n        right: -5%;\n    }\n    .descpContentRight {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentRight::after {\n        width: 12px;\n        height: 12px;\n        top: 50%;\n        right: -5%;\n    }\n    .descp01{\n        top: 5%;\n        left: 31%;\n    }\n    .descp02{\n        top: 12%;\n        right: 4%;\n    }\n    .descp03{\n        bottom: 32%;\n        left: 1%;\n        width: 21.5%;\n    }\n    .descp04{\n        bottom: 8%;\n        left: 15%;\n    }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .descpTitle {\n    padding:0px 0px 5px 17px;\n\n    }\n    .descpTitle::after {\n    width: 100%; /* Adjust as needed */\n    top: 100%; /* Position right below the title */\n    left: 0;\n    }\n    .descpContent {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContent::before {\n        width: 144px;\n        height: 1px;\n        top: 96.5%;\n        left: -30.5%;\n    }\n    \n    .descpContent::after {\n        width: 15px;\n        height: 15px;\n        top: 144%;\n        left: -25%;\n    }\n    .descpContentLong {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContentLong::before {\n        width: 280px;\n        top: 142.5%;\n        left: -72.5%;\n    }\n    .descpContentLong::after {\n        width: 15px;\n        height: 15px;\n        top: 237%;\n        left: -60%;\n    }\n    .descpContentLeft {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentLeft::after {\n        width: 15px;\n        height: 15px;\n        top: 34%;\n        right: -5%;\n    }\n    .descpContentRight {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentRight::after {\n        width: 15px;\n        height: 15px;\n        top: 50%;\n        right: -5%;\n    }\n    .descp01{\n        top: 5%;\n        left: 31%;\n    }\n    .descp02{\n        top: 14%;\n        right: 2%;\n    }\n    .descp03{\n        bottom: 32%;\n        left: 1%;\n        width: 21.5%;\n    }\n    .descp04{\n        bottom: 8%;\n        left: 15%;\n    }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n    .descpTitle {\n    padding:0px 0px 5px 17px;\n\n    }\n    .descpTitle::after {\n    width: 100%; /* Adjust as needed */\n    top: 100%; /* Position right below the title */\n    left: 0;\n    }\n    .descpContent {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContent::before {\n        width: 144px;\n        height: 1px;\n        top: 87.6%;\n        left: -24.5%;\n    }
89\n    \n    .descpContent::after {\n        width: 20px;\n        height: 20px;\n        top: 127%;\n        left: -20%;\n    }\n    .descpContentLong {\n        padding: 6px 0px 0px 17px;\n    }\n    .descpContentLong::before {\n        width: 350px;\n        top: 143.5%;\n        left: -73.5%;\n    }\n    .descpContentLong::after {\n        width: 20px;\n        height: 20px;\n        top: 233%;\n        left: -59%;\n    }\n    .descpContentLeft {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentLeft::after {\n        width: 20px;\n        height: 20px;\n        top: 34%;\n        right: -5%;\n    }\n    .descpContentRight {\n            padding: 6px 70px 0px 17px;\n    }\n    .descpContentRight::after {\n        width: 20px;\n        height: 20px;\n        top: 50%;\n        right: -5%;\n    }\n    .descp01{\n        top: 15%;\n        left: 34%;\n    }\n    .descp02{\n        top: 22%;\n        right: 4%;\n    }\n    .descp03{\n        bottom: 40%;\n        left: 2%;\n        width: 23%;\n    }\n    .descp04{\n        bottom: 10%;\n        left: 23%;\n    }\n}\n\n\n\n\n\n\u003c/style\u003e\n\u003cdiv class=\"eleRWD-PC image-container2\" style=\"position: relative; width: 100%; height: 100%; min-height: 211px;\"\u003e\n    \u003csvg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3\"\u003e\n        \u003c!-- 定义遮罩 --\u003e\n        \u003cdefs\u003e\n            \u003cmask id=\"combinedMask\"\u003e\n                \u003c!-- 圆形遮色片 --\u003e\n                \u003ccircle class=\"mask-circle\" fill=\"white\"\u003e\n                    \u003canimateMotion dur=\"4s\" fill=\"freeze\" begin=\"indefinite\"\u003e\n                        \u003cmpath xlink:href=\"#motionPath\"/\u003e\n                    \u003c/animateMotion\u003e\n                \u003c/circle\u003e\n                \u003c!-- 长方形遮色片 --\u003e\n                \u003ccircle class=\"mask-rect\"  fill=\"white\"\u003e\n                    \u003canimateMotion dur=\"4s\"  fill=\"freeze\" begin=\"indefinite\"\u003e\n                        \u003cmpath xlink:href=\"#motionPath\"/\u003e\n                    \u003c/animateMotion\u003e\n                \u003c/circle\u003e\n            \u003c/mask\u003e\n        \u003c/defs\u003e\n        \u003cpath id=\"motionPath\" d=\"M.03,1.56c27.16-.61,67.48,2.91,94.8,30.1,42.06,41.86,10.61,97.32,42.13,127.91,49.29,47.82,157.36-57.5,311.49-31.6,22.15,3.72,121.26,20.38,168.54,94.8,52.8,83.12-13.26,152.95,21.07,222.71,50.94,103.51,239.68,37.66,531.19,100.82,82.18,17.81,353.62,80.1,571.58,298.08,64.13,64.14,107.98,126.09,135.66,169.91 l 200,0\" fill=\"none\" stroke=\"none\"/\u003e\n        \u003c!-- 应用遮罩的矩形,覆盖整个SVG --\u003e\n        \u003crect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"#E9EAE5\" mask=\"url(#combinedMask)\" /\u003e\n    \u003c/svg\u003e\n    \u003cdiv class=\"svg-bg \"\u003e\n        \u003cdiv class=\"\" \u003e\n        \u003cdiv class=\"descp descp01 contentPC\"\u003e\n            \u003cdiv class=\"descpTitle\" \u003e牧場\u003c/div\u003e\n            \u003cdiv class=\"descpContent\" \u003e孕育頂極品質和安全的莊園級鮮乳。 \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"descp descp02 contentPC\"\u003e\n            \u003cdiv class=\"descpTitle\" \u003e銷售\u003c/div\u003e\n            \u003cdiv class=\"descpContentLong\" \u003e明確產品標示,能安心選購。 \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"descp descp03 contentPC\"\u003e\n            \u003cdiv class=\"descpTitle\" \u003e代工廠\u003c/div\u003e\n            \u003cdiv class=\"descpContentLeft\" \u003e生產透明化,將頂極風味注入包裝成品。 \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"descp descp04 contentPC\"\u003e\n            \u003cdiv class=\"descpTitle\" \u003e餐桌\u003c/div\u003e\n            \u003cdiv class=\"descpContentRight\" \u003e保有頂極品質和風味,闔家放心喝。 \u003c/div\u003e\n        \u003c/div\u003e\n        \u003cimg alt=\"從牧場到餐桌\" width=\"100%\"  style=\"position: relative; width: 100%; height: auto; z-index: 1;\"  src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEyOTI1ODU1X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF9UIDEgKDEpLnBuZy5wbmciXV0.png?sha=f51720a08e802e59\" \u003e \n    \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"eleRWD-mobile image-container2\" style=\"position: relative; width: 100%; height: 100%; min-height: 211px;\"\u003e\n        \u003cdiv class=\"svg-bg \"\u003e\n        \n            \u003cimg  class=\" fade-in-section \" alt=\"從牧場到餐桌\" width=\"100%\"  style=\"position: relative; width: 100%; height: auto; z-index: 1;\"  src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0MTQ4NTg5X0dyb3VwIDEyMjIgKDEpLnBuZy5wbmciXV0.png?sha=76052bebb25d02b8\" \u003e \n         \u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cscript\u003e\nfunction calculateMaskRadius(width, height) {\n    return Math.sqrt(Math.pow(width / 2, 2) + Math.pow(height / 2, 2));\n}\n\nfunction updateMasks() {\n    const width = window.innerWidth;\n    const height = window.innerHeight;\n    const radius = calculateMaskRadius(width, height);\n\n    // 更新圆形遮色片\n    const circleMasks = document.querySelectorAll('.mask-circle');\n    circleMasks.forEach(circle =\u003e {\n        circle.setAttribute('r', radius.toString());\n        circle.setAttribute('cx', (width / 2).toString());
89\n        circle.setAttribute('cy', (height / 2).toString());\n    });\n\n    // 更新矩形遮色片\n    const rectMasks = document.querySelectorAll('.mask-rect');\n    rectMasks.forEach(rect =\u003e {\n        rect.setAttribute('width', width.toString());\n        rect.setAttribute('height', height.toString());\n        rect.setAttribute('x', '0');\n        rect.setAttribute('y', '0');\n    });\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    updateMasks(); // 初始化 mask 大小\n\n    let wasOutOfView = true;\n    document.addEventListener(\"scroll\", function() {\n        var imageContainer = document.querySelector(\".image-container2\");\n        var position = imageContainer.getBoundingClientRect();\n\n        if (position.top \u003c window.innerHeight \u0026\u0026 position.bottom \u003e= 0) {\n            if (wasOutOfView) {\n                // 启动所有 animateMotion 元素的动画\n                var animations = document.querySelectorAll(\"#combinedMask animateMotion\");\n                animations.forEach(animation =\u003e {\n                    animation.beginElement();\n                });\n\n                // 延迟显示描述\n                setTimeout(() =\u003e {\n                    document.querySelector(\".descp01\").classList.add(\"fade-in\");\n                    document.querySelector(\".descp03\").classList.add(\"fade-in\");\n                }, 2000);\n\n                setTimeout(() =\u003e {\n                    document.querySelector(\".descp02\").classList.add(\"fade-in\");\n                    document.querySelector(\".descp04\").classList.add(\"fade-in\");\n                }, 3000);\n\n                wasOutOfView = false;\n            }\n        } else {\n            wasOutOfView = true;\n        }\n    });\n\n    window.addEventListener('resize', updateMasks); // 在窗口尺寸变化时重新计算并更新 mask\n});\n\u003c/script\u003e\n\n\n"},"blocks":{},"block_order":[]},"1705160931044_5":{"type":"_custom_html","custom_name":"六大永續牧場","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n  \u003cstyle\u003e\n    .flex-content-with-pic50{\n      flex: 1; \n       padding: 10vh 2vw;\n       box-sizing: border-box; \n      background: #F2EEE2;\n    }\n\n    .flex-content50{\n     flex: 1; \n      padding: 10vh 0px;\n      box-sizing: border-box; \n      background: #FBF9F3;\n    }\n    .text-left{\n      text-align:left;\n    }\n    .custom-img-rounded{\n      border-radius: 50vw;\n    }\n    \n  .custom-image-rounded-container {\n  position: relative;\n  border-radius: 50vw;\n\n  padding: 15px; /* 调整这个值来设置圆形边框与图片之间的距离 */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.custom-image-rounded-container::after {\n  content: '';\n  position: absolute;\n  top: 5px; /* 边框距离容器边缘的距离 */\n  bottom: 5px;\n  left: 5px;\n  right: 5px;\n  border: 0.5px solid #707070;; /* 边框宽度和颜色 */\n  border-radius: 50vw;\n  z-index: 0;\n}\n.custom-bg2{\nbackground:transparent;\n}\n.custom-bg-inpadding{\npadding: 10vh 0px;\n}\n\n\n \n  \u003c/style\u003e\n\n\u003c/head\u003e\n\u003cdiv class=\" text-c qk-display--flex qk-flex--wrap  fade-in-section \"\u003e\n   \u003cdiv class=\"flex-content50 text-left \"\u003e\n    \u003cdiv style=\"padding:  0 10%;\"\u003e\n          \u003cdiv class=\"custom-h2 header-with-svg\"\u003e\n              六大永續牧場\n          \u003c/div\u003e\n          \u003cdiv class=\"custom-content2\"\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓你能夠安心品嚐。\u003c/div\u003e\n            \u003cdiv \u003e意味著可溯源性,從牧場到餐桌,每個節點我們都嚴格把關,讓s你能夠安心品嚐。\u003c/div\u003e\n          \u003c/div\u003e\n          \u003cbutton class=\"custom-btn\"\u003e嚴守把關\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"flex-content-with-pic50 \"\u003e\n    \u003cdiv class=\"qk-display--flex qk-flex--wrap \"\u003e\n        \u003cdiv\u003e\u003c/div\u003e\n        \u003cdiv class=\"custom-image-rounded-container\"\u003e\n          \u003cimg  class=\"custom-img-rou
89nded\" width=100%\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzA1MDgyMTc4XzIyLTA5LTIwLeahguiKs-eJp-WgtF9ieeWkp-WlveiJr-aZqC3kubPou4rmlLbkubMtNCAxICgxKS5qcGVnLmpwZWciXV0.jpeg?sha=f3d6482cd6bd5280\"\u003e\n        \u003c/div\u003e\n          \u003cdiv\u003e\u003c/div\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n   \n\n\n\u003c/div\u003e\n"},"blocks":{},"block_order":[]},"1705165620774_5":{"type":"_custom_html","custom_name":"合作夥伴","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeOut {\n    from { opacity: 1; transform: translateY(0); }\n    to { opacity: 0; transform: translateY(-20px); }\n}\n\n.fade-in {\n    animation: fadeIn 0.5s ease-out;\n}\n\n.fade-out {\n    animation: fadeOut 0.5s ease-in forwards; /* Use forwards to keep the end state */\n}\n\n\n.presentation-wrapper {\n     max-width: 90%;\n     margin: 2em auto;\n}\n\n.accordion .item-name {\n     -webkit-box-ordinal-group: 2;\n     -ms-flex-order: 1;\n     order: 1;\n     display: flex;\n    justify-content: center;
89\n    align-items: center;\n     border-radius: 7px;\n    width: 18%;\n    padding: 0rem 1rem;\n     margin-right: 0.1rem;\n     cursor: pointer;\n     background: #fff;\n     color: var(--cus-main-color);\n     text-align: center;\n     font-family: GenRyuMin;\n     font-size: 15px;\n     font-style: normal;\n     font-weight: 500;\n     line-height: 40px; /* 166.667% */\n     -webkit-box-flex: 1;\n     -ms-flex-positive: 1;\n     \n}\n\n.accordion {\n     justify-content: center;\n     display: -webkit-box;\n     display: -ms-flexbox;\n     display: flex;\n     -ms-flex-wrap: wrap;\n     flex-wrap: wrap;\n     overflow: hidden;\n}\n.accordion .item-content {\n     -webkit-box-ordinal-group: 3;\n     -ms-flex-order: 2;\n     order: 2;\n     -webkit-box-flex: 1;\n     -ms-flex-positive: 1;\n     flex-grow: 1;\n     width: 100%;\n     justify-content: center;\n    align-items: center;\n     display: flex; /* 更改為 flex 來始終保持結構,但用透明度控制顯示 */\n     padding: 1rem;\n    overflow: hidden; /* 防止内容在动画期间溢出 */\n    height: 0; /* 初始高度为0,不占空间 */\n    opacity: 0; /* 初始透明度为0 */\n    transition: opacity 0.5s, height 0s 0.5s; /* opacity动画,height 延迟变化 */\n   }\n.accordion .item-input {\n     display: none;\n}\n.accordion .item-input:checked + .item-name {\n     background: var(--cus-main-color);\n     color: #FFF;\n     \n}\n.accordion .item-input:checked + .item-name + .item-content {\n     height: auto; /* 内容被激活时高度自动调整 */\n    opacity: 1; /* 完全不透明 */\n    transition: opacity 0.5s, height 0s 0s; /* 立即变化height,opacity跟随 */\n}\n\n.brandGroup{\nwidth:80%;\npadding:20px;\n}\n.brandLogo{\nwidth:20%;\npadding:20px;\n}\n.brandLogo-square{\nwidth:12%;\npadding:20px;\n}\n\n@media (max-width: 575px) {\n  .accordion .item-name {\n      width: 140px;\n      margin: 20px 0px;\n      height: 50px;\n      font-size: 13px;\n    }\n    .brandGroup{\n          width:100%;\n          padding:10px;\n     }\n \n}\n\n@media (min-width: 576px) and (max-width: 767px) {\n  .accordion .item-name {\n    width: 160px;\n    margin: 20px 0px;\n    height: 50px;\n    font-size: 15px;\n  }\n    .brandGroup{\n          width:100%;\n          padding:10px;\n     }\n}\n\n@media (min-width: 768px) and (max-width: 991px) {\n  .accordion .item-name {\n    width: 210px;\n    margin: 30px 0px;\n    height: 55px;\n    font-size: 17px;\n  }\n  .contentSpacing{\n     padding:0 10%;\n  }\n}\n\n@media (min-width: 992px) and (max-width: 1199px) {\n  .accordion .item-name {\n    width: 250px;\n    margin: 35px 0px;\n    height: 65px;\n    font-size: 20px;\n  }\n   .contentSpacing{\n     padding:0 3%;\n  }\n}\n\n@media (min-width: 1200px) and (max-width: 1919px) {\n  .accordion .item-name {\n    width: 290px;\n    margin: 35px 0px;\n    height: 72px;\n    font-size: 24px;\n  }\n     .contentSpacing{\n     padding:0 3%;\n  }\n}\n\n@media (min-width: 1920px) {\n  .accordion .item-name {\n    width: 320px;\n    margin: 43px 0px;\n    height: 85px;\n    font-size: 30px;\n  }\n}\n\n\n\u003c/style\u003e\n\u003cdiv class=\"custom-bg-container bg-1\" \u003e\n     \u003cdiv class=\"fade-in-section\"\u003e\n          \u003cdiv class=\"indexTitlePC\"\u003e\n               鮮乳坊邀您一起追求卓越\u003cspan class=\"breakInPhone\"\u003e\u003c/span\u003e\n          \u003c/div\u003e\t\n          \u003cdiv class=\"contentPC\" \u003e\n               \u003cdiv class=\"contentSpacing\" \u003e鮮乳坊莊園級鮮乳追求「好,還要更好」,\u003cspan class=\"break\"\u003e\u003c/span\u003e\n                    為的就是提供合作夥伴與消費者頂極品質。\n                     歡迎您加入我們的行列!\n               \u003c/div\u003e\n          \u003c/div\u003e\n\n          \u003cdiv class=\"presentation-wrapper\"\u003e\n               \u003cdiv class=\"accordion\"\u003e\n               \u003cinput id=\"item1\" class=\"item-input\" name=\"accordion\" type=\"radio\" checked\u003e\n               \u003clabel class=\"item-name\" for=\"item1\"\u003e合作夥伴\u003c/label\u003e\n                    \u003cdiv class=\"item-content\"\u003e\n                         \u003cimg class=\"eleRWD-PC brandGroup\"  alt =\"合作夥伴\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzYxMjMzMDk1XzE3NDY5OTcwODZfR3JvdXAgMjAzNS5wbmcgRC5wbmcucG5nIl1d.png?sha=ac8fd09194b7eb58\"\u003e\n                         \u003cimg class=\" eleRWD-mobile brandGroup\" alt =\"合作夥伴\" src=\"//cdn-general.cybassets.com/s/files/20406/ckeditor/pictures/content_ad975f72-e4e1-4fa8-83af-84bfeaeec860.png\"\u003e\n                         \n                         \u003c!--\n                         \u003cdiv\u003e\n                              \u003cimg class=\"brandLogo-square\" alt =\"全聯\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY4OTkwX-WQiOS9
89nOWkpeS8tO-8v-WFqOiBry5wbmcucG5nIl1d.png?sha=b017d6053c037981\"\u003e\n                              \u003cimg class=\"brandLogo-square\" alt=\"Miabon\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY5MTEzX-WQiOS9nOWkpeS8tO-8v01pYSBDJ2JvbiAoMSkucG5nLnBuZyJdXQ.png?sha=cbf7828dcd8d8897\"\u003e\n                              \u003cimg class=\"brandLogo-square\" alt=\"SantCrus\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY4OTkwX-WQiOS9nOWkpeS8tO-8v-iBluW-t-aWr-enkS5wbmcucG5nIl1d.png?sha=f07575a6562a4b46\"\u003e\n                         \u003c/div\u003e\n                             \u003cdiv\u003e\n                                   \u003cimg class=\"brandLogo\" alt=\"familyMart\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY4OTkwX-WQiOS9nOWkpeS8tO-8v-WFqOWuti5wbmcucG5nIl1d.png?sha=0acca8daf29a8768\"\u003e\n                                   \u003cimg class=\"brandLogo\" alt=\"citysuper\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY4OTkwX-WQiOS9nOWkpeS8tO-8v2NpdHkgc3VwZXIucG5nLnBuZyJdXQ.png?sha=c5e773fb55be937f\"\u003e\n                                   \u003cimg class=\"brandLogo\" alt=\"hucccoop\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY4OTg5X-WQiOS9nOWkpeS8tO-8v-S4u-WppuiBr-ebny5wbmcucG5nIl1d.png?sha=487ff46c081d9ef4\"\u003e\n                         \u003c/div\u003e\n                    --\u003e\n                    \u003c/div\u003e\n               \u003cinput id=\"item2\" class=\"item-input\" name=\"accordion\" type=\"radio\"\u003e\n               \u003clabel class=\"item-name\" for=\"item2\"\u003e實體通路\u003c/label\u003e\n               \u003cdiv class=\"item-content\"\u003e\n                         \u003cimg class=\" eleRWD-PC brandGroup\" alt =\"實體通路\" src=\"//cdn-general.cybassets.com/s/files/20406/ckeditor/pictures/content_93ec361b-ce44-4b38-b250-1fd4c7c187b5.png\"\u003e\n                         \u003cimg class=\" eleRWD-mobile brandGroup\" alt =\"實體通路\" src=\"//cdn-general.cybassets.com/s/files/20406/ckeditor/pictures/content_97a78a4c-1c8a-4962-996d-d8574df65073.png\"\u003e\n                    \u003c!--\n                    \u003cdiv\u003e\n\n                         \u003cimg class=\"brandLogo-square\" alt =\"大苑子\" src=\"https://cdn-general.cybassets.com/s/files/20406/ckeditor/pictures/thumb_519b54fd-f180-4977-9107-b483a6f87255.png\"\u003e\n                         \u003cimg class=\"brandLogo-square\" alt=\"Soma\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY5ODM1X2xvZ28tOCAzLnBuZy5wbmciXV0.png?sha=503a990e83289469\"\u003e\n                         \u003cimg class=\"brandLogo-square\" alt=\"著手\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzcwMjI4X-WQiOS9nOWkpeS8tO-8v-iRl-aJiyAoMSkucG5nLnBuZyJdXQ.png?sha=569929c0292325d2\"\u003e\n                         \u003cimg class=\"brandLogo-square\" alt=\"LadyM\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzcwMjI3X-WQiOS9nOWkpeS8tO-8v0xhZHkgTS5wbmcucG5nIl1d.png?sha=5a109fe3d93d7a49\"\u003e\n                    \u003c/div\u003e\n                    \u003cdiv\u003e\n                         \u003cimg  class=\"brandLogo\" alt=\"栗林裏\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY5ODM1X-izh-eUoiAxIDgucG5nLnBuZyJdXQ.png?sha=b51a1045504dcc49\"\u003e\n                         \u003cimg  class=\"brandLogo\" alt=\"Lavie\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY5ODM2X-izh-eUoiAxIDMucG5nLnBuZyJdXQ.png?sha=c66dccd3cc99f84b\"\u003e\n                         \u003cimg  class=\"brandLogo\" alt=\"真芳\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY5ODM1X-WQiOS9nOWkpeS8tO-8v-ecn-iKsy5wbmcucG5nIl1d.png?sha=b1d589a6799c8d18\"\u003e\n                    \n                    \u003c/div\u003e\n                     --\u003e\n               \u003c/div\u003e\n               \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"m-auto\"\u003e\n               \u003ca   href=\"pages/partner\" class=\"  custom-btn btn-with-svg custom-wave-button-vertical\"\u003e洽談合作 \u003c/a\u003e\n          \u003c/div\u003e\n\n     \u003c/div\u003e\n\n\n\u003c/div\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\
89n    const tabs = document.querySelectorAll(\".item-name\");\n    const contents = document.querySelectorAll(\".item-content\");\n\n    tabs.forEach((tab, index) =\u003e {\n        tab.addEventListener('click', () =\u003e {\n            contents.forEach((content, idx) =\u003e {\n                if (index === idx \u0026\u0026 content.style.display !== 'flex') {\n                    content.style.display = 'flex'; // 先設定顯示,然後再添加動畫\n                    content.classList.remove('fade-out');\n                    content.classList.add('fade-in');\n                } else if (index !== idx \u0026\u0026 content.style.display === 'flex') {\n                    content.classList.replace('fade-in', 'fade-out');\n                    setTimeout(() =\u003e {\n                        content.style.display = 'none'; // 在動畫結束後才隱藏\n                    }, 500); // 等待動畫完成\n                }\n            });\n        });\n    });\n});\n\u003c/script\u003e\n"},"blocks":{},"block_order":[]},"1705220380590_5":{"type":"_custom_html","custom_name":"你註定要做一件 只有你能做的事情。』","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n  \u003cstyle\u003e\n\n  \n    .custom-img-square{\n      border-radius: 5px;\n    }\n    \n  .custom-image-square-container {\n  position: relative;\n  border-radius: 5px;\n  width:100%;\n  padding: 12px; /* 调整这个值来设置圆形边框与图片之间的距离 */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.custom-image-square-container::after {\n  content: '';\n  position: absolute;\n  top: 5px; /* 边框距离容器边缘的距离 */\n  bottom: 5px;\n  left: 5px;\n  right: 5px;\n  border: 0.5px solid #8E847D; /* 边框宽度和颜色 */\n  border-radius: 5px;\n  z-index: 0;\n}\n.custom-bg2{\nbackground:transparent;\n}\n.custom-bg-inpadding{\npadding: 10vh 0px;\n}\n.quote {\n    font-size: 15px;\n    font-weight: 400;\n    text-align: right;\n    padding: 10px 0px;\n    display: flex;\n    align-items: center;\n    white-space: nowrap;\n    justify-content: flex-end;\n}\n.quote::before {\n  content: ''; /* 伪元素的内容必须有,即使是空的 */\n  flex: 0.4; /* 伪元素占据可用空间 */\n  margin-right: 10px; /* 文字和线之间的距离 */\n  height: 0.5px; /* 线的高度 */\n  background: #8E847D; /* 线的颜色 */\n}\n\n.btn-with-svg {\n  display: flex;\n  align-items: center;\n    justify-content: space-around;\n}\n\n.btn-with-svg::after {\n    content: '→';\n    font-size: 24px;\n    color: #757575;\n    border-left: 1px solid #757575;\n    padding-left: 16px;\n    display: flex;\n    align-items: center;\n    transition: top 0.5s ease;  \n}\n.btn-with-svg:hover::after  {\n    color: #fff;\n      border-left: 1px solid #fff;\n    transition: top 0.5s ease;\n}\n  \n  \n\n  \u003c/style\u003e\n\n\u003c/head\u003e\n\n\u003cdiv class=\" text-c qk-display--flex qk-flex--wrap\"\u003e\n   \n\n    \u003cdiv class=\"flex-content-with-pic50 \"\u003e\n        \u003cdiv class=\"qk-display--flex qk-flex--wrap  fade-in-section  \"style=\"position: relative;right: -9vw;\"\u003e\n            \u003cdiv class=\"custom-image-square-container\"\u003e\n            \u003cimg  class=\"custom-img-square\" width=100%\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzA1MjIzMzY4X-aIquWcliAyMDIzLTEyLTI5IOS4i-WNiDEuMjcgMSAoMSkuanBlZy5qcGVnIl1d.jpeg?sha=e39d223fb2d00acc\"\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n   \u003cdiv class=\"flex-content50 text-left \"\u003e\n        \u003cdiv class=\" fade-in-section \"  \u003e\n            \u003cdiv class=\"custom-h2 \" style=\" text-align:center;margin-left: 6vw;padding:  3vh 10%; background: linear-gradient(270deg, #E9EAE5 16.39%, rgba(233, 234, 229, 0.70) 81.62%, rgba(233, 234, 229, 0.00) 97.81%);\"\u003e\n                \u003cdiv\u003e『 你註定要做一件\u003c/div\u003e\n                \u003cdiv\u003e只有你能做的事情。』\u003c/div\u003e\n                \u003cdiv class=\"quote\"\u003e大動物獸醫師 | 龔建嘉(阿嘉)\u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv style=\" margin-left: 6vw;padding:  0 10%; \"\u003e\n              \u003cdiv class=\"custom-content2\" \u003e\n                  \u003cdiv style=\"padding: 38px 0 14px 0px;\"\u003e以合理收購價格,鼓勵在地酪農提升生產品質,進而促進產業升級,同時保障消費者享用的鮮乳品質,創造公平貿易的良善循環。\u003c/div\u003e\n              \u003c/div\u003e\n            \u003cbutton class=\" custom-wave-button custom-btn btn-with-svg\" style=\"width: 190px;\"\u003e瞭解更多 \u003c/button\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\n\n\u003c/div\u003e\n"},"blocks":{},"block_order":[]},"1705224246691_5":{"type":"_custom_html","custom_name":"六大永續牧場2","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.custom-img-rou
89nded{\n    border-radius: 50vw;\n}\n.flex-content-with-pic50{\n    width:50%;\n    padding: 10vh 2vw;\n    box-sizing: border-box; \n}\n.flex-content50{\n  width:50%;\n  padding: 10vh 0px;\n  box-sizing: border-box; \n  background: #FBF9F3;\n}\n  .custom-container-flex {\n    display: flex;\n    flex-wrap:wrap\n  }\n  .custom-menu-item {\n      margin-left: 10%;\n      padding:  7px 7% 7px 10%;\n      position: relative;\n  }\n\n.custom-menu-item.no-after::after {\n    display: none;\n}\n\n  .custom-menu-item::after {\n  content: '';\n  position: absolute;\n  left: 5.8%; /* 根据bullet的位置调整 */\n  top: 36px; /* 根据bullet的大小调整 */\n  height: 100%; /* 根据bullet间距调整 */\n  width: 0.5px; /* 线的宽度 */\n  background-color: #707070; /* 线的颜色 */\n  z-index: 0; /* 确保线条在背景上 */\n}\n\n  .custom-menu-item .custom-menu-title {\n    cursor: pointer;\n    margin-bottom: 10px;\n  }\n\n  .custom-menu-item .custom-menu-content {\n    display: none;\n    animation: fadeIn 0.5s ease forwards; /* 动画效果 */\n    margin-bottom: 10px;\n    padding: 10px;\n    }\n  .custom-image-rounded-container::after {\n    content: '';\n    position: absolute;\n    top: 5px; /* 边框距离容器边缘的距离 */\n    bottom: 5px;\n    left: 5px;\n    right: 5px;\n    border-radius: 50vw;\n    z-index: 0;\n    border: 0.5px solid #707070;; /* 边框宽度和颜色 */\n\n  }\n  /* 默认显示牧场1的内容 */\n  #custom-content-1 {\n    display: block;\n  }\n\n  .custom-image-container {\n    flex: 2;\n    padding: 20px;\n    text-align: center;\n  }\n\n  .custom-image-container.active  {\n    display: block; /* 默认隐藏所有图片 */\n  }\n\n  .flex-content-with-pic50 .custom-image {\n    max-width: 100%;\n    height: 100%;\n    display: none; /* 默认隐藏所有图片 */\n  }\n\n  .flex-content-with-pic50 .custom-image.active {\n    display: block; /* 显示当前激活的图片 */\n  }\n\n  /* 为每个牧场定义不同的标题颜色 */\n  .custom-color-1 { color: #E2AD9D; }\n  .custom-color-2 { color: #B9D0A1; }\n  .custom-color-3 { color: #EABB83; }\n  .custom-color-4 { color: #AFAFAF; }\n  .custom-color-5 { color: #998EB8; }\n\n  .custom-bg-color-1 { background-color: #E2AD9D; }\n  .custom-bg-color-2 { background-color: #B9D0A1; }\n  .custom-bg-color-3 { background-color: #EABB83; }\n  .custom-bg-color-4 { background-color: #AFAFAF; }\n  .custom-bg-color-5 { background-color: #998EB8; }\n\n  /* 为每个牧场定义不同的内容颜色 */\n  .custom-content-color-1 { color: #E2AD9D; }\n  .custom-content-color-2 { color: #B9D0A1; }\n  .custom-content-color-3 { color: #EABB83; }\n  .custom-content-color-4 { color: #AFAFAF; }\n  .custom-content-color-5 { color: #998EB8; }\n\n.custom-menu-item.active .custom-menu-title  {\n  margin-top: 0px !important;\n  padding-top: 0px;\n}\n.eleRWD-mobile{\n    display:none ;\n}\n.eleRWD-PC{\n    display:block;\n}\n.h2-2{\n    margin-left: 9%;\n    margin-bottom: 8%;\n}\n.eleRWD-bg{\n    background: #E9EAE5 ;\n}\n\n.custom-timeline-bullet {\n  position: absolute;\n  left: 5%; /* 根据需要调整 */\n  top: 12px; /* 调整到合适的位置 */\n  height: 10px; /* 默认小尺寸 */\n  width: 10px;\n  border-radius: 50%;\n  transition: all 0.3s ease-in-out;\n  z-index:1;\n}\n\n.custom-menu-item.active .custom-timeline-bullet {\n  margin: 0px -6px;\n  height: 20px; /* 展开时的大尺寸 */\n  width: 20px;\n  z-index:2;\n}\n\n.custom-image-rounded-container {\n    position: relative;\n    border-radius: 50vw;\n    padding: 15px; /* 调整这个值来设置圆形边框与图片之间的距离 */\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.custom-bg2{\n    background:transparent;\n}\n.custom-bg-inpadding{\n    padding: 10vh 0px;\n}\n.custom-menu {\n    flex: 1;\n    padding: 20px;\n}\n.custom-menu {\n    position: relative;\n}\n.custom-menu-item:last-child::after {\n    display: none; /* 最后一个菜单项不需要连接线 */\n}\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n    .flex-content-with-pic50{\n        width:100%;\n        padding: 1vh 5%;\n        box-sizing: border-box; \n    }\n    .flex-content50{\n      width:100%;\n      padding: 2vh 5%;\n      box-sizing: border-box; \n      background: #FBF9F3;\n        order:1;\n    }\n    .custom-menu-item {\n        display:none;\n     }\n      .custom-menu-item::after {\n        width: 0px; /* 线的宽度 */\n    }\n    .custom-menu-item {\n      margin-left: 0px; \n      padding: 0px; \n    }\n     .custom-menu-item.active .custom-menu-title  {\n      padding-left: 9%;\n      padding-top: 4px;\n      margin: 0px;\n\n    }\n    .eleRWD-mobile{\n      display:flex;\n    }\n    .eleRWD-PC{\n      display:none;\n    }\n    .h2-2{\n        margin-bottom: 5%;\n        margin-left: 0%;\n        font-size: 25px;\n        text-align: center !important;\n        justify-content: center;\n    }\n    .eleRWD-bg{\n        background: #FBF9F3;\n    }\n\n    .custom-timeline-bullet {\n        left: 4.45%;\n        top: 23px;\n        height: 10px;\n        width: 10px;\n    }\n    .custom-menu-item.active .custom-timeline-bullet {\n            margin: -7px -2%;\n            height: 10px;\n            width: 10px;\n    }\n      .custom-bullet-navigation {\n          display: flex;\n          justify-content: center;\n          padding: 3vh 0px;\n      }\n\n      .custom-bullet-navigation .bullet {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        margin: 0 8px;\n        cursor: pointer;\n        transition: transform 0.3s ease-in-out;\n      }\n      .bullets-container {\n        position: relative;\n        display: flex;\n        align-items: center;\n        z-index:1;\n      }\n\n      .bullets-container::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 10%;\n        right: 10%;\n        height: 0.5px; /* 线的高度 */\n        background-color: #707070; /* 线的颜色,根据需求调整 */\n        z-index: -1; /* 确保线条在背景上 */\n      }\n      .custom-bullet-navigation .bullet:hover {\n        transform: scale(1.5);\n      }\n        .custom-menu-item .custom-menu-content {\n            margin-bottom: 0px;\n            padding: 4px 10px 10px 10px;\n       }\n\n\n    \n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n    .flex-content-with-pic50{\n        width:100%;\n        padding: 3vh 5%;\n        box-sizing: border-box; \n    }\n    .flex-content50{\n      width:100%;\n      padding: 2vh 5%;\n      box-sizing: border-box; \n      background: #FBF9F3;\n        order:1;\n    }\n    .custom-menu-item {\n        display:none;\n     }\n      .custom-menu-item::after {\n        width: 0px; /* 线的宽度 */\n    }\n    .custom-menu-item {\n      margin-left: 0px; \n      padding: 0px; \n    }\n     .custom-menu-item.active .custom-menu-title  {\n      padding-left: 7%;\n      padding-top: 4px;\n      margin: 0px;\n    }\n    .eleRWD-mobile{\n      display:flex;\n    }\n    .eleRWD-PC{\n      display:none;\n    }\n    .h2-2{\n        margin-bottom: 5%;\n        margin-left: 0%;\n        font-size: 30px;\n        text-align: center !important;\n        justify-content: center;\n    }\n    .eleRWD-bg{\n        background: #FBF9F3;\n    }\n    .custom-timeline-bullet {\n        left: 4.45%;\n        top: 23px;\n        height: 10px;\n        width: 10px;\n    }\n    .custom-menu-item.active .custom-timeline-bullet {\n        margin: -10px  -2%;\n        height: 15px;\n        width: 15px;;\n    }\n      .custom-bullet-navigation {\n          display: flex;\n          justify-content: center;\n          padding: 3vh 0px;\n      }\n\n      .custom-bullet-navigation .bullet {\n        width: 15px;\n        height: 15px;\n        border-radius: 50%;\n        margin: 0 8px;\n        cursor: pointer;\n        transition: transform 0.3s ease-in-out;\n      }\n      .bullets-container {\n        position: relative;\n        display: flex;\n        align-items: center;\n        z-index:1;\n      }\n\n      .bullets-container::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 10%;\n        right: 10%;\n        height: 0.5px; /* 线的高度 */\n        background-color: #707070; /* 线的颜色,根据需求调整 */\n        z-index: -1; /* 确保线条在背景上 */\n      }\n      .custom-bullet-navigation .bullet:hover {\n        transform: scale(1.5);\n      }\n        .custom-menu-item .custom-menu-content {\n            margin-bottom: 0px;\n            padding: 4px 10px 10px 10px;\n       }\n\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n    .flex-content-with-pic50{\n        width:50%;\n        padding: 5vh 2vw;\n        box-sizing: border-box; \n    }\n    .flex-content50{\n      width:50%;\n      padding: 5vh 0px;\n      box-sizing: border-box; \n      background: #FBF9F3;\n    }\n    .custom-timeline-bullet {\n        left: 4.45%;\n        top: 23px;\n        height: 10px;\n        width: 10px;\n    }\n    .custom-menu-item.active .custom-timeline-bullet {\n       margin: -3px -5px;\n        height: 20px;
89\n        width: 20px;\n    }\n\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n    .flex-content-with-pic50{\n        width:50%;\n        padding: 6vh 2vw;\n        box-sizing: border-box; \n    }\n    .flex-content50{\n      width:50%;\n      padding: 6vh 0px;\n      box-sizing: border-box; \n      background: #FBF9F3;\n    }\n    .custom-timeline-bullet {\n        left: 4.45%;\n        top: 27px;\n        height: 12px;\n        width: 12px;\n    }\n    .custom-menu-item.active .custom-timeline-bullet {\n        margin: -3px -4px;\n        height: 20px;\n        width: 20px;\n    }\n\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .flex-content-with-pic50{\n        width:50%;\n        padding: 10vh 2vw;\n        box-sizing: border-box; \n    }\n    .flex-content50{\n      width:50%;\n      padding: 10vh 0px;\n      box-sizing: border-box; \n      background: #FBF9F3;\n    }\n    .custom-timeline-bullet {\n        left: 4.45%;\n        top: 29px;\n        height: 20px;\n        width: 20px;\n    }\n    .custom-menu-item.active .custom-timeline-bullet {\n        margin: -9px -4px;\n        height: 30px;\n        width: 30px;\n    }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n    .flex-content-with-pic50{\n        width:50%;\n        padding: 10vh 2vw;\n        box-sizing: border-box; \n    }\n    .flex-content50{\n      width:50%;\n      padding: 10vh 0px;\n      box-sizing: border-box; \n      background: #FBF9F3;\n    }\n    .custom-timeline-bullet {\n    left: 4.45%;\n    top: 38px;\n    height: 25px;\n    width: 25px;\n    }\n    .custom-menu-item.active .custom-timeline-bullet {\n        margin: -16px -4px;\n        height: 35px;\n        width: 35px;\n    }\n\n}\n\n\n\u003c/style\u003e\n\n\n\u003cdiv class=\"custom-container-flex  eleRWD-bg\"\u003e\n  \u003cdiv class=\" flex-content50 text-left \" \u003e\n      \u003cdiv class=\"titlePC text-left  h2-2 eleRWD-PC\"\u003e\n              五大永續牧場\n      \u003c/div\u003e\n      \u003cdiv class=\"custom-menu-item active\"\u003e\n        \u003cspan class=\"custom-timeline-bullet   custom-bg-color-1 \"\u003e\u003c/span\u003e \n        \u003cdiv class=\"custom-menu-title custom-color-1 listTitle text-left\" data-target=\"1\"\u003e豐樂牧場\u003c/div\u003e\n        \u003cdiv class=\"custom-menu-content custom-content-color-1 contentPC text-left\" id=\"custom-content-1\"\u003e\n          相信「牛好,乳就好」 ,以智慧擠乳、放料機器人精準管理牧場,把生活決定權還給乳牛,積極打造動物福利飼養環境。\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"custom-menu-item\"\u003e\n        \u003cspan class=\"custom-timeline-bullet custom-bg-color-2\"\u003e\u003c/span\u003e\n        \u003cdiv class=\"custom-menu-title custom-color-2 indexContentPC text-left \" data-target=\"2\"\u003e嘉明牧場\u003c/div\u003e\n        \u003cdiv class=\"custom-menu-content custom-content-color-2 contentPC text-left\" id=\"custom-content-2\"\u003e\n          由乳牛營養師帶領畜牧專業青年們共同經營,追求牧草和飼糧配方的穩定性,相信「簡單,最不簡單」 ,成就鮮乳獨特風味!\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"custom-menu-item\"\u003e\n        \u003cspan class=\"custom-timeline-bullet custom-bg-color-3\"\u003e\u003c/span\u003e\n        \u003cdiv class=\"custom-menu-title custom-color-3 indexContentPC text-left\" data-target=\"3\"\u003e 幸運兒牧場\u003c/div\u003e\n        \u003cdiv class=\"custom-menu-content custom-content-color-3 contentPC text-left\" id=\"custom-content-3\"\u003e\n          一家人齊心協力養牛,步步穩健踏實,相信「乳品質沒有灰色地帶」 !風味乾淨平衡。感念一路受的照顧,取名幸運兒。\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"custom-menu-item\"\u003e\n        \u003cspan class=\"custom-timeline-bullet custom-bg-color-4\"\u003e\u003c/span\u003e\n        \u003cdiv class=\"custom-menu-title custom-color-4 indexContentPC text-left\" data-target=\"4\"\u003e 許慶良牧場\u003c/div\u003e\n        \u003cdiv class=\"custom-menu-content custom-content-color-4 contentPC text-left\" id=\"custom-content-4\"\u003e\n          兄弟二人秉著「我養牛,牛養我」初衷,堅持爸爸畜牧獸醫職人精神,傳承『五梅獎』榮耀,造就一瓶濃郁且餘香滿口的好鮮乳。\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"custom-menu-item\"\u003e\n        \u003cspan class=\"custom-timeline-bullet custom-bg-color-5\"\u003e\u003c/span\u003e\n        \u003cdiv class=\"custom-menu-title custom-color-5 indexContentPC text-left\" data-target=\"5\"\u003e桂芳牧場\u003c/div\u003e\n        \u003cdiv class=\"custom-menu-content custom-content-color-5 contentPC text-left\" id=\"custom-content-5\"\u003e\n          整合畜牧和科技專業,太太為少數的乳牛獸醫,勇於導入圓盤榨乳設備和精準管理,更是農牧綠能發展的改革者。\n        \u003c/div\u003e\n      \u003c/div\u003e\n\n      \u003cdiv class=\"m-auto eleRWD-mobile\"\u003e\n       \u003cbutton  class=\"  custom-btn btn-with-svg custom-wave-button-vertical dynamicBtn\"\u003e瞭解更多 \u003c/button\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\" flex-content-with-pic50  m-auto\"\u003e\n   \u003cdiv class=\"titlePC text-left  h2-2 eleRWD-mobile\"\u003e\n              五大永續牧場\n      \u003c/div\u003e\n    \u003cdiv class=\"custom-image-rounded-container\"\u003e\n      \u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NzU3NjI0X-mmlumBuOOAguixkOaogueJp-WgtF9ieeWkp-WlveiJr-i-sC3kuozlk6XkuInlk6XlhYTlvJ8xMCAxLmpwZy5qcGVnIl1d.jpeg?sha=45b7eedaa02dd358\" alt=\"豐樂牧場\" class=\"custom-image  custom-img-rou
89nded active\" data-related=\"1\"\u003e\n      \u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzcyMzQwX-eJp-WgtC3lmInmmI4ucG5nLnBuZyJdXQ.png?sha=05702784f8771f1c\" alt=\"嘉明牧場\" class=\"custom-image custom-img-rounded\" data-related=\"2\"\u003e\n      \u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzcyMzQwX-eJp-WgtC3lubjpgYvlhZIucG5nLnBuZyJdXQ.png?sha=78570c98662e0074\" alt=\"幸運兒牧場\" class=\"custom-image custom-img-rounded\" data-related=\"3\"\u003e\n     \u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzcyMzQwX-eJp-WgtC3oqLHmhbboia8ucG5nLnBuZyJdXQ.png?sha=3020b711a6ecea30\" alt=\"許慶良牧場\" class=\"custom-image custom-img-rounded\" data-related=\"4\"\u003e\n      \u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzcyMzQxX-eJp-WgtC3moYLoirMucG5nLnBuZyJdXQ.png?sha=417079f9fe899c09\" alt=\"桂芳牧場\" class=\"custom-image custom-img-rounded\" data-related=\"5\"\u003e\n    \n    \u003c/div\u003e\n    \u003cdiv class=\"eleRWD-mobile custom-bullet-navigation \"\u003e\n       \u003cdiv class=\"bullets-container\"\u003e\u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"m-auto eleRWD-PC\"\u003e\n       \u003cbutton  class=\"  custom-btn btn-with-svg custom-wave-button-vertical dynamicBtn\"\u003e瞭解更多 \u003c/button\u003e\n    \u003c/div\u003e\n\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\n// 定义每个牧场对应的URL\nconst ranchUrls = {\n  \"1\": \"https://www.bettermilk.com.tw/pages/bettermilk?id=homelove\",\n  \"2\": \"https://www.bettermilk.com.tw/pages/bettermilk?id=justmilk\",\n  \"3\": \"https://www.bettermilk.com.tw/pages/bettermilk?id=lucky\",\n  \"4\": \"https://www.bettermilk.com.tw/pages/bettermilk?id=hsu\",\n  \"5\": \"https://www.bettermilk.com.tw/pages/bettermilk?id=greatfarm\"\n};\n\nlet autoPlayInterval;\nconst playInterval = 5000; // 5秒自動切換圖片\n\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  // 触发页面加载时的默认视图\n  const firstTitle = document.querySelector('.custom-menu-title');\n  firstTitle?.click();\n  createNavigationBullets();\n  setupSwipeGestures();\n  startAutoPlay();\n  setupLastMenuItem();\n\n});\n\ndocument.querySelectorAll('.custom-menu-title').forEach((title) =\u003e {\n  title.addEventListener('click', function() {\n    const contentId = this.dataset.target;\n    handleMenuInteraction(contentId);\n    updateDynamicButton(contentId);\n    stopAutoPlay();\n     setupLastMenuItem();\n  });\n});\n\nfunction setupLastMenuItem() {\n  // 获取所有的 .custom-menu-item\n  const menuItems = document.querySelectorAll('.custom-menu-item');\n\n  // 获取最后一个 .custom-menu-item 元素\n  const lastMenuItem = menuItems[menuItems.length - 1];\n\n  // 在最后一个 .custom-menu-item 上添加一个特别的类来隐藏 ::after 伪元素\n  if (lastMenuItem) {\n    lastMenuItem.classList.add('no-after');\n  }\n}\n\nfunction handleMenuInteraction(contentId) {\n  document.querySelectorAll('.custom-menu-title').forEach((otherTitle) =\u003e {\n    otherTitle.classList.toggle('listTitle', otherTitle.dataset.target === contentId);\n    otherTitle.classList.toggle('indexContentPC', otherTitle.dataset.target !== contentId);\n  });\n\n  document.querySelectorAll('.custom-menu-item').forEach((item) =\u003e {\n    item.classList.toggle('active', item.querySelector('.custom-menu-title').dataset.target === contentId);\n  });\n\n  document.querySelectorAll('.custom-menu-content').forEach((content) =\u003e {\n    content.style.display = content.id === `custom-content-${contentId}` ? 'block' : 'none';\n  });\n\n  document.querySelectorAll('.custom-image').forEach((img) =\u003e {\n    img.classList.toggle('active', img.dataset.related === contentId);\n  });\n}\n\nfunction updateDynamicButton(contentId) {\n  document.querySelectorAll('.dynamicBtn').forEach((button) =\u003e {\n    button.onclick = () =\u003e window.location.href = ranchUrls[contentId];\n  });\n}\n\nfunction createNavigationBullets() {\n  const titles = document.querySelectorAll('.custom-menu-title');\n  const navigationContainer = document.querySelector('.bullets-container');
89\n\n  titles.forEach((title, index) =\u003e {\n    const bullet = document.createElement('div');\n    bullet.classList.add('bullet');\n    bullet.style.backgroundColor = getComputedStyle(title).color;\n    bullet.addEventListener('click', () =\u003e {\n      title.click();\n      document.querySelectorAll('.bullet').forEach(b =\u003e b.style.transform = 'scale(1)');\n      bullet.style.transform = 'scale(1.5)';\n    });\n    navigationContainer.appendChild(bullet);\n    if (index === 0) bullet.click();\n  });\n}\n\nfunction startAutoPlay() {\n  autoPlayInterval = setInterval(showNextImage, playInterval);\n}\n\nlet autoPlayTimeout;  // 用來追踪延遲計時器的ID\n\nfunction stopAutoPlay() {\n  clearInterval(autoPlayInterval);\n  clearTimeout(autoPlayTimeout); // 清除之前的延遲計時器(如果有的話)\n  autoPlayTimeout = setTimeout(() =\u003e {\n    startAutoPlay();\n  }, 3000);  // 重新設置延遲計時器\n}\n\nfunction setupSwipeGestures() {\n  const imageContainer = document.querySelector('.custom-image-rounded-container');\n  let touchstartX = 0, touchendX = 0;\n\n  imageContainer.addEventListener('touchstart', e =\u003e {\n    touchstartX = e.changedTouches[0].screenX;\n  });\n\n  imageContainer.addEventListener('touchend', e =\u003e {\n    touchendX = e.changedTouches[0].screenX;\n    handleGesture(touchstartX, touchendX);\n  });\n}\n\nfunction handleGesture(startX, endX) {\n  if (endX \u003c startX) showNextImage();\n  else if (endX \u003e startX) showPrevImage();\n}\n\nfunction showNextImage() {\n  const current = document.querySelector('.custom-image.active');\n  const next = current.nextElementSibling || document.querySelector('.custom-image:first-child');\n  changeActiveImage(current, next);\n}\n\nfunction showPrevImage() {\n  const current = document.querySelector('.custom-image.active');\n  const prev = current.previousElementSibling || document.querySelector('.custom-image:last-of-type');\n  changeActiveImage(current, prev);\n}\n\nfunction changeActiveImage(current, next) {\n  current.classList.remove('active');\n  next.classList.add('active');\n  const contentId = next.dataset.related;\n  const targetTitle = document.querySelector(`.custom-menu-title[data-target=\"${contentId}\"]`);\n    updateBullets(contentId);\n\n  if (targetTitle) {\n    targetTitle.click();  // 確保更新相關內容和導航子彈\n  }\n}\n\nfunction updateBullets(activeId) {\n  const bullets = document.querySelectorAll('.bullet');\n  bullets.forEach((bullet, index) =\u003e {\n    bullet.style.transform = index + 1 === parseInt(activeId) ? 'scale(1.5)' : 'scale(1)';\n  });\n}\n\n\u003c/script\u003e\n\n"},"blocks":{},"block_order":[]},"1705775056884_5":{"type":"_custom_html","custom_name":"自訂HTML","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.custom-wave-button {\n  position: relative;\n  display: inline-block;\n  padding: 20px 40px;\n  border: 2px solid #764c24;\n  background-color: #fff;\n  overflow: hidden;\n  cursor: pointer;\n  font-family: Arial, sans-serif;\n  outline: none;\n  color: #764c24;\n  \n  transition: color 0.3s; /* 只对颜色进行过渡 */\n  z-index: 0; /* 设置按钮的堆叠顺序 */\n  /* 移除了背景颜色的过渡,因为我们将使用伪元素来创建填充效果 */\n}\n\n.custom-wave-button::before {\n  content: '';\n  position: absolute;\n  top: 100%; /* 初始时将波浪放置在按钮外 */\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: url('data:image/svg+xml;utf8,\u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 800 100\" preserveAspectRatio=\"none\"\u003e\u003cpath d=\"M0,50 Q50,40 100,50 T200,50 T300,50 T400,50 T500,50 T600,50 T700,50 T800,50 V100 H0 Z\" fill=\"%23764c24\"/\u003e\u003c/svg\u003e');\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  transition: top 0.3s ease;\n  z-index: -1;\n}\n\n.custom-wave-button:hover::before {\n  top: -130%; /* 鼠标悬停时,将波浪背景移动到按钮内,填满整个按钮 */\n}\n\n.custom-wave-button:not(:hover)::before {\n  top: 100%; /* 鼠标离开时,将波浪背景移动回按钮外 */\n  transition: top 0.3s ease;\n}
89\n\n\n.custom-wave-button:hover {\n  color: #fff; /* 悬停时改变文字颜色以保持可见 */\n}\n\n\n\n\n\u003c/style\u003e\n\n\u003cbutton class=\"custom-wave-button\"\u003e\n  波浪按钮\n\u003c/button\u003e\n\n"},"blocks":{},"block_order":[]},"1710767753267_5":{"type":"_custom_html","custom_name":"自訂HTML","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwNzY3OTA3X2Jhbm5lcl8wMzEyIDEgKDEpLmpwZy5qcGVnIl1d.jpeg?sha=17bea3d8176b2fba\" width=\"100%\"\u003e\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1710768939764_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"swiper_delay":"3","margin_x":"0","margin_bottom":"50","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_image_number":"1","mobile_image_space":"8"},"blocks":{"1710768939776_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_shoestore/default_img/index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}}},"block_order":["1710768939776_0"]},"1710772325483_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"swiper_delay":"5","margin_x":"0","margin_bottom":"-42","image_number":"1","image_space":"0","mobile_margin_x":"0","mobile_margin_bottom":"-45","mobile_image_number":"1","mobile_image_space":"0","transition_speed":"0.3"},"blocks":{"1710772325488_0":{"type":"image","custom_name":"曲奇餅乾中秋禮盒","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwMTgyOTg4XzIwMjYwNzIxX-mmlumggWJhbm5lcit3ZWIgcHVzaF_kuK3np4vmm7LlpYfnpq7nm5Jf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYl80X-WUruWujOaEn-isnS5qcGcuanBlZyJdXQ.jpeg?sha=1653961af931aefd","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwMTgyOTg4XzIwMjYwNzIxX-mmlumggWJhbm5lcit3ZWIgcHVzaF_kuK3np4vmm7LlpYfnpq7nm5Jf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYl80X-WUruWujOaEn-isnS5qcGcuanBlZyJdXQ.jpeg?sha=1653961af931aefd","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwMTgyOTg4XzIwMjYwNzIxX-mmlumggWJhbm5lcit3ZWIgcHVzaF_kuK3np4vmm7LlpYfnpq7nm5Jf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYl80X-WUruWujOaEn-isnS5qcGcuanBlZyJdXQ.jpeg?sha=1653961af931aefd","dict_link":"/collections/specialsale","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":"","main_slider_image_alt":""}},"1746027457885_0":{"type":"image","custom_name":"中秋連假暫停服務公告","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwMTgzMDg3XzIwMjYwODEzX2Jhbm5lcl8yMDI25Lit56eL56-A5pqr5YGc6YWN6YCB5YWs5ZGKXzE5MjB4NjIwLmpwZy5qcGVnIl1d.jpeg?sha=f00210f4b71a8b73","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwMTgzMDg3XzIwMjYwODEzX2Jhbm5lcl8yMDI25Lit56eL56-A5pqr5YGc6YWN6YCB5YWs5ZGKXzE5MjB4NjIwLmpwZy5qcGVnIl1d.jpeg?sha=f00210f4b71a8b73","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwMTgzMDg3XzIwMjYwODEzX2Jhbm5lcl8yMDI25Lit56eL56-A5pqr5YGc6YWN6YCB5YWs5ZGKXzE5MjB4NjIwLmpwZy5qcGVnIl1d.jpeg?sha=f00210f4b71a8b73","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","main_slider_image_alt":"51連假客服、配送暫停"}},"1748510357146_0":{"type":"image","custom_name":"享受星級","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwNTMzNTI0X-mmlumggUJOX1BDLmpwZy5qcGVnIl1d.jpeg?sha=ebfd25fc9b6c1858","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwNTMzNTI0X-mmlumggUJOX1BDLmpwZy5qcGVnIl1d.jpeg?sha=ebfd25fc9b6c1858","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzkwNTMzNTI0X-mmlumggUJOX1BDLmpwZy5qcGVnIl1d.jpeg?sha=ebfd25fc9b6c1858","dict_link":"https://bettermilk.cc/xiWby","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","main_slider_image_alt":"星級大師的共同選擇"}},"1751538382305_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzUxNTM4NDA5XzIwMjUwNzAzX-i8quaSrSBCYW5uZXJf5Lmz56CU5omAX-WFreWFpeemruebkl80ODB4MjMwLmpwZy5qcGVnIl1d.jpeg?sha=6d88e96fde4f79f5","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1776734766724_0":{"type":"image","custom_name":"星級之路","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTE0MTEzXzEx6YCx5bm05oW25a6Y57ayYmFubmVyXzE5MjB4NjIwICgxKS5wbmcucG5nIl1d.png?sha=b66fdc9a547be161","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTE0MTEzXzEx6YCx5bm05oW25a6Y57ayYmFubmVyXzE5MjB4NjIwICgxKS5wbmcucG5nIl1d.png?sha=b66fdc9a547be161","dict_link":"/pages/starroad","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","slide_btn_link_open_in_new_tab":true,"dict_slide_content_text":"","dict_slide_btn_text":""}},"1777026259359_0":{"type":"image","custom_name":"鮮乳任選優惠","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTQ0MTk2XzIwMjYwNDIxX-e0oOadkF8xMemAseW5tOaFtumbu-WVhuS_g-mKt1_prq7kubNf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=c5e74dd41bb18508","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTQ0MTk2XzIwMjYwNDIxX-e0oOadkF8xMemAseW5tOaFtumbu-WVhuS_g-mKt1_prq7kubNf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=c5e74dd41bb18508","dict_link":"https://bettermilk.cc/miRu0","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1777544244427_0":{"type":"image","custom_name":"保久乳單箱888","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTQ0MjU5XzIwMjYwNDIxX-e0oOadkF8xMemAseW5tOaFtumbu-WVhuS_g-mKt1_kv53kuYXkubNf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=5e54599d56e080ba","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTQ0MjU5XzIwMjYwNDIxX-e0oOadkF8xMemAseW5tOaFtumbu-WVhuS_g-mKt1_kv53kuYXkubNf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=5e54599d56e080ba","dict_link":"https://bettermilk.cc/3L4ud","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}
89,"1777544468464_0":{"type":"image","custom_name":"玻妞送保冷劑","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTQ0NDgzXzIwMjYwNDIxX-e0oOadkF8xMemAseW5tOaFtumbu-WVhuS_g-mKt1_njrvlpp5f5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=8f5bb72e86b8cb30","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTQ0NDgzXzIwMjYwNDIxX-e0oOadkF8xMemAseW5tOaFtumbu-WVhuS_g-mKt1_njrvlpp5f5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=8f5bb72e86b8cb30","dict_link":"https://bettermilk.cc/4Lmoc","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1778041581212_0":{"type":"image","custom_name":"新品-蜂蜜優格","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc4MDQxNTkzXzIwMjYwNTA0X-WumOe2skJOX-ecn-WEquagvC3onILonJzprq7kubPlhKrmoLxf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=1e33c84d913aac75","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc4MDQxNTkzXzIwMjYwNTA0X-WumOe2skJOX-ecn-WEquagvC3onILonJzprq7kubPlhKrmoLxf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYi5qcGcuanBlZyJdXQ.jpeg?sha=1e33c84d913aac75","dict_link":"https://bettermilk.cc/tkRLx","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1781088109824_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgxMDg4MTI1XzIwMjYwNjA1X-Wkj-aXpei8lemjn-Wto-mbu-WVhue0oOadkF8wMeWumOe2summlumggUJOKDE5MjB4NjIwKS5qcGcuanBlZyJdXQ.jpeg?sha=dadf2eb5cfee9c0c","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgxMDg4MTI1XzIwMjYwNjA1X-Wkj-aXpei8lemjn-Wto-mbu-WVhue0oOadkF8wMeWumOe2summlumggUJOKDE5MjB4NjIwKS5qcGcuanBlZyJdXQ.jpeg?sha=dadf2eb5cfee9c0c","dict_link":"https://www.bettermilk.com.tw/collections/specialsale?utm_source=web\u0026utm_medium=banner\u0026utm_campaign=20260611_ec_summer\u0026utm_content=20260611_ec_summer_website_0_0_banner_0_specialsale","slide_contents_display":"left","dict_slide_title_text":"","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1781539441633_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgxNTM5NTExXzIwMjYwNjAyX-WumOe2skJOXzYxOF_lrpjntrLovKrmkq1CYW5uZXItd2ViX-S_neS5heS5szg5OeWFjemBiy5qcGcuanBlZyJdXQ.jpeg?sha=6b8b52ca51bb39a5","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/once_sterilizedmilkx24","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1788934833843_0":{"type":"image","custom_name":"員旅暫停服務一天","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzg4OTM0ODQ5XzIwMjYwODIwX2Jhbm5lcl8yMDI25ZOh5peF5a6i5pyN5pqr5YGc5YWs5ZGKXzE5MjB4NjIwLmpwZy5qcGVnIl1d.jpeg?sha=77607283294dc50e","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzg4OTM0ODQ5XzIwMjYwODIwX2Jhbm5lcl8yMDI25ZOh5peF5a6i5pyN5pqr5YGc5YWs5ZGKXzE5MjB4NjIwLmpwZy5qcGVnIl1d.jpeg?sha=77607283294dc50e","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzg4OTM0ODQ5XzIwMjYwODIwX2Jhbm5lcl8yMDI25ZOh5peF5a6i5pyN5pqr5YGc5YWs5ZGKXzE5MjB4NjIwLmpwZy5qcGVnIl1d.jpeg?sha=77607283294dc50e","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}},"block_order":["1788934833843_0","1748510357146_0","1746027457885_0","1710772325488_0","1776734766724_0","1777544244427_0","1777026259359_0","1777544468464_0","1778041581212_0","1781539441633_0","1781088109824_0"]},"1710821459335_5":{"type":"_custom_html","custom_name":"Modal-嚴守把關","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n\u003cstyle\u003e\n\n.cus-bg-modal{\n    background:transparent;\n    justify-content: center;
89\n    align-items: center;\n}\n.cus-modal-mask .modal-content {\n    height: 100%;\n    padding: 10px 20px;\n    width: 100%;\n    background-color: transparent !important;\n    justify-content: center;\n}\n.bgImage2{\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODUwNjg0X0dyb3VwICgzKS5wbmcucG5nIl1d.png?sha=42647837b0225dfd'); /* 指定图片路径 */\n}\n.bgImage2-container{\n    padding: 4% !important;\n    position: relative !important;\n    top: -28px !important;\n    text-align: center !important;\n}\n.iconImg{\n    max-width:120px;\n    text-align:center;\n    margin: 0 auto;\n    width:100%;\n}\n.iconSection{\n    width:33%;\n    position: relative; /* 确保可以正确定位伪元素 */\n    padding:2% 2%;\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    justify-content: left; \n    align-items: center; /* 水平居中 */\n    text-align: center;\n}\n.iconSection2 {\n    width: 25%;\n    position: relative;\n    padding: 2% 2%;\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    justify-content: center;
89\n    align-items: center;\n    text-align: center;\n}\n\n.cus-badge{\n    border: 1px solid #8E847D;\n    border-radius: 25px;\n    color: #8E847D;\n    cursor: pointer;\n    padding: 3px 20px;\n    margin: 10px 0px;\n}\n\n.bgOftext{\n    background-size: cover; /* 或者 'contain' 根据需求 */\n    background-position: center;\n    background-repeat: no-repeat;\n    color: white  !important ;/* 根据背景图片颜色调整 */\n    text-align: center; /* 居中文本 */\n    width: 100%; /* 或固定宽度 */\n    height: fit-content !important;\n    height: 200px; /* 或足够的高度以显示背景图 */\n    margin:0 auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding:7%;\n    text-align:justify;\n}\n\n.iconSection:not(:last-child):after {\n    content: ''; /* 伪元素需要内容来显示 */\n    display: block;\n    width: 100px; /* 箭头的宽度 */\n    height: 100px; /* 箭头的高度 */\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODMwNzE2X1ZlY3RvciA1Mi5wbmcucG5nIl1d.png?sha=70304ee3287a54c6'); /* SVG 箭头的路径 */\n    background-size: contain; /* 或者 'cover' 取决于你的需要 */\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 57%; /* 顶部偏移,根据箭头大小调整 */\n    right: -25px; /* 右侧偏移,根据箭头大小和间距调整 */\n    transform: translateY(-50%); /* 垂直居中 */\n}\n.section2Container{\n    display:flex;\n    width: 60%;\n    margin: 0 auto;\n}\n\n\n.cus-modal-mask .modal-content .btn-close {\n    border:0px;\n    box-shadow: 0px 3px 7px -4px rgba(0,0,0,.5);\n    top: 0px;\n    right: 25px;\n    z-index:9999;\n}\n.qk-circle--lg {\n    height: 60px;\n    width: 60px;\n}\n.cus-modal-mask .modal-content .btn-close:hover {\n   background-color: #F3A69D !important;\n}\n.cus-modal-mask .modal-content .btn-close:hover:after {\n    color: #fff ;\n}\n\n.cus-modal-mask .modal-content .btn-close:after {\n    color: #8E847D;\n    content: \"×\";\n    font-size: x-large;\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.cus-modal-mask {\n    display:none;\n    background-color: rgba(255, 255, 255, .9);\n    z-index: 1000;\n    backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n    opacity: 0; /* 开始时不可见 */\n    transition: opacity 1s ease; /* 淡入淡出效果 */\n  \n}\n.modal-show {\n    display: block;\n    opacity: 1;\n}\n\n\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n.rwdImgInPhone{\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    position: relative;\n    justify-content: center;\n    margin: auto auto;\n    align-items: center;\n    height: 100%;\n}\n.rwdImgInPhone img{\n    max-width: 95%;\n    max-height: 95%;\n    object-fit: contain;\n}\n    .iconImg{\n            max-width:80px;\n        }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:26px;\n        margin-bottom:0px;\n        font-size: 14px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 15px;\n        margin: 12px 0px;\n        line-height: 25px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -9px !important;\n        height: 120px;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 55px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 63%; /* 顶部偏移,根据箭头大小调整 */\n        right: -24px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n        .cus-modal-mask .modal-content {\n            padding: 0px;\n        }\n        .section2Container{\n            width:80% !important;\n        }\n        .cus-modal-mask .modal-content .btn-close {\n            top: 16px;\n            right: 25px;\n        }\n        .qk-circle--lg {\n            height: 40px;\n            width: 40px;\n        }\n        .cus-modal-mask .modal-content .btn-close:after {\n            font-size: large;\n            left: 50%;\n            top: 50%;\n        }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n    .
89iconImg{\n            max-width:110px;\n        }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:30px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 15px;\n        margin: 12px 0px;\n        line-height: 25px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -9px !important;\n        height: 120px;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 66px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -30px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n     .iconImg{\n        max-width:150px;\n    }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:36px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 20px;\n        margin: 10px 0px;\n        line-height: 28px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -32px !important;\n        height: 120px;\n        width: 93%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 90px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -42px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n   .iconImg{\n        max-width:200px;\n    }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:40px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 20px;\n        margin: 10px 0px;\n        line-height: 28px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -32px !important;\n        height: 120px;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 110px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -46px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .iconImg{\n        max-width:240px;\n    }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:52px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 34px;\n        padding: 0 20px;\n        margin:  25px 0px 10px 0px;\n        line-height: 59px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -32px !important;\n        height: 134px;\n            width: 93%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 140px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -67px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n        .iconImg{\n        max-width:320px;\n    }\n    .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:54px;\n        margin-bottom:0px;\n    }\n    .iconSection2 {\n        padding:0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 34px;\n        padding: 0 20px;\n        margin:  25px 0px 10px 0px;\n        line-height: 59px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -28px !important;\n        height: 156px;\n    }\n    .iconSection:not(:last-child):after {\n        width: 210px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -95px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n\n}\n\n\n\u003c/style\u003e\n\u003c/head\u003e\n\n\u003cdiv id=\"pathPopModal\" class=\"cus-modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed\"\u003e\n    \u003cdiv class=\"modal-content \"\u003e\n        \u003cbutton id=\"pathPopClose\" class=\"btn-close qk-circle qk-circle--lg qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default\"\u003e\u003c/button\u003e\n        \u003cdiv class=\"eleRWD-PC\"\u003e\n            \u003cimg   width=\"100%\" alt=\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NDkwODE3X0dyb3VwIDEyODYucG5nLnBuZyJdXQ.png?sha=7e153059e08b2e5f\"\u003e\n        \u003c/div\u003e        \n        \u003cdiv  class=\"eleRWD-mobile rwdImgInPhone\"\u003e\n            \u003cimg  width=\"100%\" alt=\"\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NDkwODE2X0dyb3VwIDEyOTUucG5nLnBuZyJdXQ.png?sha=6fc7f0eab765370e\"\u003e\n        \u003c/div\u003e            \n    \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\nfunction openModal(modalId) {\n    const modal = document.getElementById(modalId);\n    modal.classList.add('modal-show');\n    document.body.style.overflow = 'hidden';
89\n    setTimeout(() =\u003e modal.style.opacity = 1, 10); // Ensure transition effect\n}\n\nfunction closeModal(modalId) {\n    const modal = document.getElementById(modalId);\n    modal.style.opacity = 0;\n    document.body.style.overflow = '';\n    setTimeout(() =\u003e modal.classList.remove('modal-show'), 500); // Match transition time\n}\n\ndocument.getElementById('pathPop').addEventListener('click', () =\u003e openModal('pathPopModal'));\ndocument.getElementById('pathPopClose').addEventListener('click', () =\u003e closeModal('pathPopModal'));\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1710825411554_5":{"type":"_custom_html","custom_name":"Modal-探索環境","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\n\u003cdiv id=\"envModal\" class=\"cus-modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed\"\u003e\n\u003cdiv class=\"modal-content qk-bd--none qk-center qk-bg--theme_bg\"\u003e\n\u003cbutton class=\"btn-close qk-circle qk-circle--lg qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default\"\u003e\u003c/button\u003e\n\u003cimg alt=\"牧場把關\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODIzMzY4X-mggualteWWruS4gOS5s-a6kCAoMykucG5nLnBuZyJdXQ.png?sha=9f2ee8b009b64fe0\"\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\nfunction openEnvModal() {\n     const modal = document.getElementById('envModal');\n    modal.classList.add('modal-show');\n    document.body.style.overflow = 'hidden'; // 禁用滚动\n    setTimeout(() =\u003e modal.style.opacity = 1, 10); // 确保CSS过渡生效\n}\n\nfunction closeEnvModal() {\n     const modal = document.getElementById('envModal');\n    modal.style.opacity = 0; // 触发淡出\n    document.body.style.overflow = ''; // 重新启用滚动\n    setTimeout(() =\u003e modal.classList.remove('modal-show'), 500); // 等待淡出完成\n}\ndocument.querySelector('.btn-close').addEventListener('click', closeEnvModal);\n\ndocument.getElementById('envPop').addEventListener('click', openEnvModal);\n\n\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1710826712272_5":{"type":"_custom_html","custom_name":"原 Modal-探索環境","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.modal-content2 {\n    max-height: 90vh;  /* 设置最大高度为视口高度的90% */\n    overflow-y: auto;  /* 超出部分显示滚动条 */\n    padding: 20px;     /* 内部填充 */\n}\n.cowBenefit .cBword{\n     min-height: 60px;\n     display: flex;\n     align-items: flex-start;\n     justify-content: center;\n     text-align: center;\n     margin-bottom: 10px;\n}\n\n.cowBenefit img{\n     margin: auto;\n     width: 120px;\n     height: 120px;\n     object-fit: contain;\n     margin-bottom: 30px; \n}\n\n.cowBenefit{\n     height: auto; \n     justify-content: flex-start; \n     align-items: center; \n     display:flex;\n     flex-direction: column;    \n     width:16%;\n     padding:2%;\n}\n.bgImage3-container{\n    padding: 9% 0px !important;\n    position: relative !important;\n    text-align: center !important;\n    flex-direction:column;\n}\n\n.tab-buttons{\n    justify-content: center;\n     display: -webkit-box;\n     display: -ms-flexbox;\n     display: flex;\n     -ms-flex-wrap: wrap;\n     flex-wrap: wrap;\n}\n\n.tab-button{\n    background:transparent;\n     -webkit-box-ordinal-group: 2;\n     -ms-flex-order: 1;\n     order: 1;\n     display: block;\n     border-radius: 28px;\n    width: 25%;\n    padding: 0rem 1rem;\n     margin-right: 2.1rem;\n     cursor: pointer;\n     border : 1px  solid  var(--cus-main-color);\n     color: #8E847D;\n     text-align: center;\n     font-family: GenRyuMin;\n     font-size: 15px;\n     font-style: normal;\n     font-weight: 500;\n     line-height: 40px; /* 166.667% */\n     -webkit-box-flex: 1;\n     -ms-flex-positive: 1;\n}\n.tab-button.active , .tab-button:hover {\n    background: #8E847D;;\n     color: #FFF;\n}\n.contentHeight{\n    margin:25px 9px;\n}\n.contentPadding{\n    padding: 0px 8%;\n}\n\n.iconContainer{\n    display:flex;\n    width:90%;\n    margin: 10px auto;\n}\n.cowBenefitContainer{\n     width:100%;\n     flex-wrap:wrap;\n     text-align: center;\n     justify-content: center;\n}\n.content {\n    display: none;\n}\n.active {\n    display: block;\n}\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n    #envPop  .listTitle {\n        margin-top: 0vh;\n        line-height: 19px;\n        margin-bottom: 0px;\n        font-size: 13px;\n    }\n    .tab-buttons{\n        margin:10px 0px;\n    }\n   .cowBenefit .cBword{\n        min-height: 48px;\n        line-height: 20px;\n        margin-bottom: 10px;\n         font-size: 12px;\n    }\n    .cowBenefit img{\n        width: 80px;\n        height: 80px;\n        margin-bottom: 18px; \n    }\n    .cowBenefit{\n        width:31%;\n        padding:0% 1%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:147px;\n        margin: 2px auto;\n        width:93%;\n    }\n    .tab-button{\n        height: 35px;\n        font-size: 14px;\n        margin: 0px;\n        width: fit-content;\n        line-height: 10px;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:7px 9px;\n    }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n   .cowBenefit .cBword{\n        min-height: 50px;\n        line-height: 24px;\n        margin-bottom: 10px;\n         font-size: 14px;\n    }\n    .cowBenefit img{\n        width: 100px;\n        height: 100px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:25%;\n        padding:2% 0%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:180px;\n        margin: 2px auto;\n        width:90%;\n    }\n    .tab-button{\n        height: 35px;\n        font-size: 15px;\n        margin: 20px 0px;\n        width: fit-content;\n\n    line-height: 10px;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:15px 9px;\n    }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n    .cowBenefit .cBword{\n        min-height: 55px;\n        line-height: 28px;\n        margin-bottom: 10px;\n         font-size: 18px;\n    }\n    .cowBenefit img{\n        width: 120px;\n        height: 120px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:25%;\n        padding:2% 0%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:160px;\n        margin: 10px auto;\n        width:90%;\n    }\n    .tab-button{\n        height: 40px;\n        font-size: 17px;\n        margin: 30px 10px;\n        width:30%;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:15px 9px;\n    }\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n    .cowBenefit .cBword{\n        min-height: 60px;\n        line-height: 30px;\n        margin-bottom: 10px;\n         font-size: 21px;\n    }\n\n    .cowBenefit img{\n        width: 150px;\n        height: 150px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:25%;\n        padding:2% 0%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:195px;\n        margin: 20px auto;\n        width:90%;\n    }\n    .tab-button{\n        height: 50px;\n        font-size: 20px;\n        width:27%;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:15px 9px;\n    }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .cowBenefit .cBword{\n        min-height: 60px;\n        line-height: 35px;\n        margin-bottom: 10px;\n         font-size: 23px;\n    }\n\n    .cowBenefit img{\n        width: 150px;\n        height: 150px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:16%;\n        padding:2% 0%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:230px;\n        margin: 10px auto;\n        width:95%;\n    }\n    .tab-button{\n        height: 57px;\n        font-size: 24px;\n        width:27%;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:18px 9px;\n    }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n    .cowBenefit .cBword{\n        min-height: 60px;\n        line-height: 35px;\n        margin-bottom: 10px;\n         font-size: 25px;\n    }\n\n    .cowBenefit img{\n        width: 150px;\n        height: 150px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:16%;\n        padding:2% 0%;\n    }\n    .bgImage3-container{\n        height:275px;\n        margin: 10px auto;\n    }\n    .tab-button{\n        border-radius: 28px;\n        padding: 0px 16px;\n        margin: 35px 10px;\n        height: 70px;\n        font-size: 30px;\n        }\n        .contentPadding{\n            padding: 0px 8%;\n        }\n        .contentHeight{\n            margin:25px 9px;\n        }\n\n}\n\n\n\n\n\u003c/style\u003e \n\u003cdiv class=\"cus-modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed\"\u003e\n    \u003cdiv class=\"modal-content qk-bd--none qk-center qk-bg--theme_bg\"\u003e\n        \u003cbutton id=\"envPopClose\" class=\"btn-close qk-circle qk-circle--lg qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default\"\u003e\u003c/button\u003e\n        \u003cdiv class=\"iconContainer\"\u003e\n            \u003cdiv class=\"iconSection\" \u003e\n                \u003cimg class=\"iconImg\"  alt =\"與合作酪農公平交易\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODI5MTg2X0ZyYW1lIDE0LnBuZy5wbmciXV0.png?sha=ce401880575167ff\"\u003e\n                \u003cp class=\"listTitle\"\u003e與合作酪農公平交易\u003c/p\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"iconSection\"\u003e\n                \u003cimg class=\"iconImg\"  alt =\"牧場汰換設備升級工具\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODI5MTg1X0ZyYW1lIDEyLnBuZy5wbmciXV0.png?sha=22bfaa9989b1cb7f\"\u003e\n                \u003cp class=\"listTitle\"\u003e牧場汰換設備升級工具\u003c/p\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"iconSection\" \u003e\n                \u003cimg class=\"iconImg\"  alt =\"提升乳牛生活品質鮮乳品質隨之提升\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODI5MTg2X0ZyYW1lIDEzLnBuZy5wbmciXV0.png?sha=2ba27845197af057\"\u003e\n                \u003cp class=\"listTitle\"\u003e提升乳牛生活品質\u003cbr\u003e鮮乳品質隨之提升\u003c/p\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"  bgImage3-container bgImage2 bgOftext contentPC \"\u003e\n            \u003cspan class=\"contentPadding\"\u003e秉持公平交易理念,提供牧場合理鮮乳收購價,能夠持續修繕、更新畜舍硬體設備,讓乳牛能擁有舒適環境。只有讓乳牛生活自在,情緒穩定,才能夠擁有更高品質的鮮乳。\u003c/span\u003e\n            \u003cspan class=\"contentHeight\"\u003e我們的牧場飼養環境,是由哪些組成?\u003c/span\u003e\n        \u003c/div\u003e\n\n            \u003cdiv class=\"tab-buttons\"\u003e\n                \u003cbutton class=\"tab-button\" data-target=\"tab1\"\u003e生活環境的硬體設備\u003c/button\u003e\n                \u003cbutton class=\"tab-button\" data-target=\"tab2\"\u003e健康管理照護\u003c/button\u003e\n                \u003cbutton class=\"tab-button\" data-target=\"tab3\"\u003e牧場職人飼養與經營管理\u003c/button\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"tab-content\"\u003e\n                \u003cdiv class=\"content\" id=\"tab1\"\u003e\n                     \u003cdiv class=\"d-flex cowBenefitContainer contentPC\" \u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"適度的光照與通風\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM4XzAxLnBuZy5wbmciXV0.png?sha=c03761307b1959a1\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e適度的光照與通風\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"舒適且寬裕的空間\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM4XzAyLnBuZy5wbmciXV0.png?sha=4de18174cefa477f\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e舒適且寬裕的空間\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"足夠的飲水空間\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzAzLnBuZy5wbmciXV0.png?sha=e54eda532288d34f\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e足夠的飲水空間\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"充足的採食空間  新鮮的飼糧\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM4XzIwMjEwOTEwLnBuZy5wbmciXV0.png?sha=649fc408fedd701b\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e充足的採食空間\u003cbr\u003e新鮮的飼糧\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"室外走動的運動場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTExLnBuZy5wbmciXV0.png?sha=1fbdf2dbd760d772\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e室外走動的運動場\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"穩定且合適的溫度與溼度\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTEyLnBuZy5wbmciXV0.png?sha=5e820aa948e76a72\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e穩定且合適的\u003cbr\u003e溫度與溼度\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"防滑且乾淨的地面材質\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTEzLnBuZy5wbmciXV0.png?sha=9f12650b1f169c5c\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e防滑且乾淨的地面材質\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"牛體刷豐富乳牛生活\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTE0LnBuZy5wbmciXV0.png?sha=04f030a0bf9b933e\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e牛體刷豐富乳牛生活\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"乳牛自在躺臥與反芻\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVk
89X3Bob3Rvcy8xNzEzMDI2Njg2XzAxLnBuZy5wbmciXV0.png?sha=dafd607b9760796f\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e乳牛自在躺臥與反芻\u003c/div\u003e\n                            \u003c/div\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"content\" id=\"tab2\"\u003e\n                    \u003cdiv class=\"d-flex cowBenefitContainer contentPC\" \u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"長期配合且了解 牧場狀況的獸醫師\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg1XzAyLnBuZy5wbmciXV0.png?sha=22813212f482b931\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e長期配合且了解\u003cbr\u003e牧場狀況的獸醫師\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"定期健檢 與疾病預防\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzAzLnBuZy5wbmciXV0.png?sha=bf3a8ce15b43fd80\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e定期健檢 與疾病預防\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"適時執行 專業醫療措施\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg1XzIwMjEwOTEwLnBuZy5wbmciXV0.png?sha=83bf809dbc4be953\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e適時執行\u003cbr\u003e專業醫療措施\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"用藥把關\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzIwMjEwOTExLnBuZy5wbmciXV0.png?sha=f8fd7e64605aab99\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e用藥把關\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"定期修護乳牛腳蹄\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTEyLnBuZy5wbmciXV0.png?sha=0304c525ab383203\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e定期修護乳牛腳蹄\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"新生小牛保暖 與特殊照護\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTEzLnBuZy5wbmciXV0.png?sha=b3f491c445ad8447\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e新生小牛保暖\u003cbr\u003e與特殊照護\u003c/div\u003e\n                                \u003c/div\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"content\" id=\"tab3\"\u003e\n                    \u003cdiv class=\"d-flex cowBenefitContainer contentPC\" \u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"友善與牛隻互動\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTE0LnBuZy5wbmciXV0.png?sha=8c987b439bb4ba1d\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e友善與牛隻互動\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"飼養數據雲端化\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTE1LnBuZy5wbmciXV0.png?sha=dd9ad6f46686fa87\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e飼養數據雲端化\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"落實環境消毒\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg1XzIwMjEwOTE2LnBuZy5wbmciXV0.png?sha=827ccc9c5196b0f3\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e落實環境消毒\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"生乳安全與衛生\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzIwMjEwOTE3LnBuZy5wbmciXV0.png?sha=1572b670cba4bc6c\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e生乳安全與衛生\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\" \u003e\n                                    \u003cimg alt=\"優質且穩定的乳品質\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzIwMjEwOTE4LnBuZy5wbmciXV0.png?sha=3f88e87302841ed6\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e優質且穩定的乳品質\u003c/div\u003e\n                                \u003c/div\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n\n\u003cscript\u003e\n    document.getElementById('envPop').addEventListener('click', () =\u003e openModal('envPopModal'));\n    document.getElementById('envPopClose').addEventListener('click', () =\u003e closeModal('envPopModal'));\n    document.addEventListener('DOMContentLoaded', function() {\
89n        let buttons = document.querySelectorAll('.tab-button');\n        let contents = document.querySelectorAll('.content');\n        let currentIndex = 0;\n        let timer;\n\n        // 激活指定索引的 Tab\n        function activateTab(index) {\n            buttons.forEach((btn, idx) =\u003e {\n                btn.classList.remove('active');\n                contents[idx].style.display = 'none';\n            });\n\n            buttons[index].classList.add('active');\n            contents[index].style.display = 'block';\n            currentIndex = index;\n        }\n\n        // 自动切换 Tabs 的函数\n        function startAutoSwitch() {\n            clearInterval(timer); // 清除现有的定时器\n            timer = setInterval(() =\u003e {\n                let nextIndex = (currentIndex + 1) % buttons.length;\n                activateTab(nextIndex);\n            }, 5000); // 每 5 秒切换一次\n        }\n\n        // 停止自动切换\n        function stopAutoSwitch() {\n            clearInterval(timer);\n        }\n\n        // 为每个按钮添加点击事件监听器\n        buttons.forEach((button, index) =\u003e {\n            button.addEventListener('click', function() {\n                stopAutoSwitch();\n                activateTab(index);\n                startAutoSwitch();  // 用户交互完成后重新开始自动切换\n            });\n        });\n\n        // 鼠标悬停时停止自动切换\n        document.querySelectorAll('.tab-button, .content').forEach(element =\u003e {\n            element.addEventListener('mouseenter', stopAutoSwitch);\n            element.addEventListener('mouseleave', startAutoSwitch);\n        });\n\n        // 初始化\n        activateTab(0); // 默认激活第一个 Tab\n        startAutoSwitch(); // 开始自动切换\n    });\n//openModal('envPopModal');\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1710826997267_5":{"type":"_custom_html","custom_name":"Modal-品味卓越","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.bgImage1{\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODM5MDkxX0dyb3VwICgxKS5wbmcucG5nIl1d.png?sha=a2782c76cba825f7'); /* 指定图片路径 */\n}\n.pop-slideshow-container {\n  max-width: 500px; /* 调整为合适的宽度 */\n  position: relative;\n  margin: auto;\n  overflow: hidden; /* 隐藏溢出的部分 */\n}\n.bigImg {\n    max-width: 55%;\n    text-align: center;\n    margin: 0 auto;\n}\n\n.bgImage1-container{\n    padding: 9% 0px !important;\n    position: relative !important;\n    text-align: center !important;\n    flex-direction:column;\n}\n\n.imgSection {\n    width: 90%;\n    position: relative;\n    padding: 2% 2%;\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    justify-content: center;
89\n    align-items: center;\n    text-align: center;\n}\n\n.iconWord {\n    text-align: center;\n    \n}\n.flexInside{\n    display:flex;\n    flex-direction:column;\n    margin: 0 auto;\n    justify-content: center;\n}\n\n\n.pop-slides {\n    width: 100%;\n    height: 100%;\n    opacity: 0; /* 开始时不可见 */\n    transition: opacity 3s ease-in-out; /* 平滑淡入淡出 */\n    display: none; /* 初始不显示 */\n}\n.pop-slides img {\n    width: 100%;\n  height: auto;\n}\n\n/* 淡入淡出效果 */\n.fade {\n  animation-name: fade;\n  animation-duration: 1.5s;\n}\n\n@keyframes fade {\n  from {opacity: .4} \n  to {opacity: 1}\n}\n\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n    #tastePopModal .flex-content50 {\n            width: 90% ;\n            margin: auto;\n            text-align:center !important;\n        }\n        \n        .pop-slideshow-container {\n            max-width: 800px; /* 调整为合适的宽度 */\n            margin: 17px auto 0px auto;\n        }\n        .bgImage1-container{\n            padding: 4% 30px !important;\n            position: relative !important;\n            text-align: center !important;\n            flex-direction: column;\n            height: 190px;\n            width:100%;\n        }\n        #tastePopModal .listTitle {\n            margin-bottom: 2vh  !important;\n            line-height: 30px;\n            text-align:center !important;\n        }\n        #tastePopModal .contentPC{\n            text-align:center !important;\n        }\n        .cus-modal-mask .modal-content {\n            padding: 0px;\n        }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n    #tastePopModal .flex-content50 {\n            width: 80% ;\n            margin: auto;\n            text-align:center !important;\n        }\n        \n        .pop-slideshow-container {\n            max-width: 800px; /* 调整为合适的宽度 */\n            margin: 17px auto 0px auto;\n        }\n        .bgImage1-container{\n            padding: 4% 30px !important;\n            position: relative !important;\n            text-align: center !important;\n            flex-direction: column;\n            height: 170px;\n        }\n        #tastePopModal .listTitle {\n            margin-bottom: 2vh  !important;\n            line-height: 40px;\n            text-align:center !important;\n        }\n        #tastePopModal .contentPC{\n            text-align:center !important;\n        }\n        .cus-modal-mask .modal-content {\n            padding: 0px;\n        }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n    #tastePopModal .flex-content50 {\n            width: 48% ;\n            padding: 0vh 2% !important;\n            margin:0px;\n        }\n        \n        .pop-slideshow-container {\n            max-width: 800px; /* 调整为合适的宽度 */\n            margin: 17px auto 0px auto;\n        }\n        .bgImage1-container{\n            padding: 4% 30px !important;\n            position: relative !important;\n            text-align: center !important;\n            flex-direction: column;\n            height: 205px;\n            width: 100%;\n        }\n        #tastePopModal .listTitle {\n            margin-bottom: 2vh  !important;\n            line-height: 40px;\n        }\n        .cus-modal-mask .modal-content {\n            padding: 0px;\n        }\n}\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n    #tastePopModal .flex-content50 {\n        width: 48% ;\n        padding: 0vh 2% !important;\n    }\n    \n    .pop-slideshow-container {\n        max-width: 800px; /* 调整为合适的宽度 */\n        margin: 17px auto 0px auto;\n    }\n    .bgImage1-container{\n        padding: 4% 30px !important;\n        position: relative !important;\n        text-align: center !important;\n        flex-direction: column;\n        height: 230px;\n        width: 100%;\n    }\n    #tastePopModal .listTitle {\n        margin-bottom: 2vh  !important;\n    }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    #tastePopModal .flex-content50 {\n        width: 48% ;\n        padding: 0vh 2% !important;\n    }\n    \n    .pop-slideshow-container {\n        max-width: 800px; /* 调整为合适的宽度 */\n        margin: 17px auto 0px auto;\n    }\n    .bgImage1-container{\n        padding: 4% 30px !important;\n        position: relative !important;\n        text-align: center !important;\n        flex-direction: column;\n        height: 300px;\n        width: 100%;\n    }\n    #tastePopModal .listTitle {\n        margin-bottom: 2vh  !important;\n    }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n    #tastePopModal .flex-content50 {\n        width: 50% ;
89\n        padding: 0vh 0px !important;\n    }\n    \n    .pop-slideshow-container {\n        max-width: 800px; /* 调整为合适的宽度 */\n        margin: 17px auto 0px auto;\n    }\n    .bgImage1-container{\n        padding: 4% 54px !important;\n        position: relative !important;\n        text-align: center !important;\n        flex-direction: column;\n        height: 330px;\n        width: 100%;\n    }\n    #tastePopModal .listTitle {\n        margin-bottom: 2vh  !important;\n    }\n}\n\n\n\u003c/style\u003e\n\n\u003cdiv id=\"tastePopModal\" class=\"cus-modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed\"\u003e\n    \u003cdiv class=\"modal-content modal-content2\"\u003e\n        \u003cbutton id=\"tastePopClose\" class=\"btn-close qk-circle qk-circle--lg qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default\"\u003e\u003c/button\u003e\n        \u003cdiv class=\"custom-container-flex  cus-bg-modal modal-content2\"\u003e\n            \u003cdiv  class=\" flex-content50 cus-bg-modal\"\u003e\n                  \u003cdiv class=\"imgSection\" \u003e\n                        \u003cimg class=\"bigImg\"  alt =\"與合作酪農公平交易\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODM0MDU1X0ZyYW1lICgxKS5wbmcucG5nIl1d.png?sha=abdb7d9411bf3fcf\"\u003e\n                       \u003ch3 class=\"listTitle \"\u003e職人專業評鑑流程\u003cbr\u003e定義每隻鮮乳專屬玫瑰圖\u003c/h3\u003e\n                    \u003c/div\u003e\n                    \u003cdiv class=\"bgOftext bgImage1 bgImage1-container contentPC  \"\u003e\n                    透過精品咖啡職人建置了鮮乳的專業品鑑流程,因不同的環境和飼養方式,經過嗅聞及品飲後,定調出不同鮮乳擁有的獨特風味及口感,最終為我們的五大牧場鮮乳建置出專屬玫瑰圖,蘊含鮮乳的口感與風味調性定義。\n                    \u003c/div\u003e\n\n            \u003c/div\u003e\n            \n            \u003cdiv class=\" flex-content50 flexInside cus-bg-modal \" \u003e\n                \u003cdiv class=\"\"\u003e\n                    \u003cdiv\u003e\n                        \u003ch3 class=\"listTitle text-left\"\u003e我們所說的風味是什麼?\u003c/h3\u003e\n                    \u003c/div\u003e\n                    \u003cdiv class=\"contentPC text-left\"\u003e\n                        \u003cu\u003e\u003cb\u003e風味是嗅覺與味覺的總和。\u003c/b\u003e\u003c/u\u003e\n                        \u003cp\u003e透過梳理口感與風味所建置出的花香、果香、甜味、穀物、堅果、草本、乳香、餘韻、濃郁、厚實、清爽、滑順等核心調性,能夠經過嗅覺引導味覺品嚐,覺察出其中的差異。\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cdiv class=\"pop-slideshow-container\"  style=\"text-align:center;\"\u003e\n                        \u003cdiv class=\"pop-slides fade\"\u003e\n                            \u003cimg class=\"bigImg\"  alt =\"牧場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM1NTMwOTMxX-ixkOaogi5wbmcucG5nIl1d.png?sha=6fac748b2447434f\"\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"pop-slides fade\"\u003e\n                            \u003cimg class=\"bigImg\"  alt =\"嘉明牧場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM1NTMwOTMxX-WYieaYji5wbmcucG5nIl1d.png?sha=9e8b4e72bef83179\"\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"pop-slides fade\"\u003e\n                            \u003cimg class=\"bigImg\"  alt =\"幸運兒牧場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM1NTMwOTMwX-W5uOmBi-WFki5wbmcucG5nIl1d.png?sha=c8edff919c0b8756\"\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"pop-slides fade\"\u003e\n                            \u003cimg class=\"bigImg\"  alt =\"許慶良牧場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM1NTMwOTMxX-ioseaFtuiJry5wbmcucG5nIl1d.png?sha=cef2647799dbae25\"\u003e\n                        \u003c/div\u003e\n                        \u003cdiv class=\"pop-slides fade\"\u003e\n                            \u003cimg class=\"bigImg\"  alt =\"桂芳牧場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM1NTMwOTMwX-ahguiKsy5wbmcucG5nIl1d.png?sha=7f2f84571fdcfec4\"\u003e\n                        \u003c/div\u003e\n                    \u003c/div\u003e\n                    \u003cdiv\u003e\n                        \u003ca   href=\"/pages/bettermilk\" class=\"  custom-btn btn-with-svg custom-wave-button-vertical\" \u003e了解更多 \u003c/a\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n\n\n        \u003c/div\u003e\n        \n    \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\n\ndocument.getElementById('tastePop').addEventListener('click', () =\u003e openModal('tastePopModal'));\ndocument.getElementById('tastePopClose').addEventListener('click', () =\u003e closeModal('tastePopModal'));\n\nlet slideIndex = 0; // 当前幻灯片索引\nshowSlides();\n\nfunction showSlides() {\n    let slides = document.getElementsByClassName(\"pop-slides\");\n    let i;\n\n    // 隐藏所有幻灯片\n    for (i = 0; i \u003c slides.length;
89 i++) {\n        slides[i].style.opacity = 0;  \n        slides[i].style.display = \"none\";  \n    }\n\n    slideIndex++;\n    if (slideIndex \u003e slides.length) {slideIndex = 1}    \n\n    // 显示下一张幻灯片并设置其透明度为1以实现淡入\n    slides[slideIndex-1].style.display = \"block\";\n    setTimeout(() =\u003e {\n        slides[slideIndex-1].style.opacity = 1;\n    }, 100); // 使用setTimeout确保display: block生效后再改变透明度\n\n    // 每4秒更换幻灯片\n    setTimeout(showSlides, 4000); \n}\n\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1711335243689_5":{"type":"_custom_html","custom_name":"Loading","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":" \u003cstyle\u003e\n #loading-animation {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #fff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 24px;\n    z-index: 1000;\n    transition: opacity 0.5s ease, visibility 0s 0.5s; /* 加入過渡效果 */\n    flex-direction: column;\n}\n\n\n.digit {\n    overflow: hidden;\n    height: 1em; /* 確保只顯示一個數字 */\n    line-height: 1em;\n    padding:0 5px;\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(-100%);\n    }\n}\n\n#main-content {\n    padding: 20px;\n}\n#transition-bg {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 0;\n    height: 0;\n    background-color: #8E847D;\n    transition: width 1s ease-in-out, height 1s ease-in-out, border-radius 1s ease-in-out,  opacity 1s;\n    z-index: -1; /* 确保在加载动画后面 */\n    transform: translate(-50%, -50%);\n    border-radius: 100%; /* 初始为完全圆形 */\n    display: none; /* 初始不显示 */\n    opacity: 1; /* 初始不透明 */\n    \n}\n#final-message {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 24px;\n    z-index: -1; /* 確保在背景後面 */\n    text-align: center;\n    display: none; /* 初始不顯示 */\n    opacity: 0; /* 初始完全透明 */\n    transition: opacity 2s ease-in-out; /* 淡入效果 */\n}\n@keyframes slideUp {\n    from { transform: translateY(0); }\n    to { transform: translateY(-100%); }\n}\n.hidden-message {\n    position: fixed;\n    top: 60%; /* 调整这个值以控制不同消息的垂直位置 */\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 20px;\n    z-index: -1; /* 确保在背景后面 */\n    text-align: center;\n    display: none; /* 初始不显示 */\n    opacity: 0; /* 初始完全透明 */\n    transition: opacity 1s ease-in-out; /* 淡入效果 */\n}\n.message {\n    transition: opacity 1s ease-in-out;\n    text-align: center;\n    color:#fff;\n}\n\n\n\n.svg-loader {\n\tposition: absolute;\n\ttop: 24%;\n\tleft: 38%;\n\twidth: 50vw;\n\theight: 40vw;\n\tmin-height: 100%;\n\tmargin: auto auto;\n\tpadding: 0;\n\tvisibility: hidden;\n\topacity: 0;\n\tz-index: 999;\n\n\t\u0026.is-loading {\n\t\tvisibility: visible;\n\t\topacity: 1;\n\t}\n}\n\n\n.cus-svg {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.logo {\n\tfill: #fff;\n}\n\n.clip {\n\tanimation: slide 7s forwards;\n}\n\n@keyframes slide {\n\t0% {\n\t\ttransform: translateY(-20px);\n\t}\n\t100% {\n\t\ttransform: translateY(-170px);\n\t}\n}\n\n@keyframes slidePlay {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scaleX(0);\n\t}\n\t50%,\n\t75% {\n\t\topacity: 1;\n\t\ttransform: scaleX(1);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: scaleX(0), translateX(-100%);\n\t}\n}\n#number-container {\n    font-size: 48px; /* 根据您的需求设置 */\n    height: 50px; /* 足够显示一个数字的高度 */\n    overflow: hidden;\n    position: relative;\n    z-index:1000;\n\n}\n\n.number {\n    position: absolute;\n    top: 100%; /* 开始于容器下方,不可见 */\n    left: 0;\n    width: 100%;\n    animation: slideUp2 5s ease-in-out forwards;\n}\n\n@keyframes slideUp2 {\n    to { top: -5000%; } /* 数字足够多,以确保最后一个数字(100)可见 */\n}\n\n\n \u003c/style\u003e\n \u003cdiv id=\"loading-animation\"\u003e\n        \u003cdiv style=\"display:flex\" \u003e\n            \u003cdiv class=\"svg-loader\"\u003e\n                \u003csvg class=\"cus-svg\" id=\"svg-motion\" x=\"0px\" y=\"0px\" width=\"120px\" height=\"160px\" viewBox=\"0 0 120 160\" style=\"enable-background:new 0 0 120 160;\" xml:space=\"preserve\"\u003e\n                    \u003cdefs\u003e\n                        \u003cclipPath id=\"circle-clip\"\u003e\n                            \u003cpath class=\"clip\" d=\"M120,155.717c-4.684-0.253-4.868,4.216-11.439,4.216c-6.572,0-6.94-4.675-12.703-4.79\n                    c-5.764-0.115-7.979,4.79-13.207,4.79c-5.227,0-6.652-4.469-11.266-4.216c-4.762,0.262-7.666,4.216-12.544,4.216\n                    s-5.367-4.186-13.009-4.446c-7.643-0.26-9.963,4.728-14.054,4.446c-4.091-0.282-7.085-4.126-12.196-4.56\n                    c-5.111-0.436-8.131,4.56-11.963,4.56c-3.833,0-6.798-4.27-7.55-4.56L0,0h120V155.717z\"\u003e\n                                \u003canimate\n                                    id=\"morph-one\"\n                                    dur=\"1\"\n                                    begin=\"0\"\n                                    repeatCount=\"indefinite\"\n                                    attributeName=\"d\"\n                                    from=\"M120,155.717c-4.684-0.253-4.868,4.216-11.439,4.216c-6.572,0-6.94-4.675-12.703-4.79\n                    c-5.764-0.115-7.979,4.79-13.207,4.79c-5.227,0-6.652-4.469-11.266-4.216c-4.762,0.262-7.666,4.216-12.544,4.216\n                    s-5.367-4.186-13.009-4.446c-7.643-0.26-9.963,4.728-14.054,4.446c-4.091-0.282-7.085-4.126-12.196-4.56\n                    c-5.111-0.436-8.131,4.56-11.963,4.56c-3.833,0-6.798-4.27-7.55-4.56L0,0h120V155.717z\"\n                                    to=\"M120,155.717c-4.684-0.253-4.868,4.216-11.439,4.216c-6.572,0-6.94-4.675-12.703-4.79\n                    c-5.764-0.115-7.979,4.79-13.207,4.79c-5.227,0-6.652-4.469-11.266-4.216c-4.762,0.262-7.666,4.216-12.544,4.216\n                    s-5.367-4.186-13.009-4.446c-7.643-0.26-9.963,4.728-14.054,4.446c-4.091-0.282-7.085-4.126-12.196-4.56\n                    c-5.111-0.436-8.131,4.56-11.963,4.56c-3.833,0-6.798-4.27-7.55-4.56L0,0h120V155.717z\"\n                                    values=\"M120,155.717c-4.684-0.253-4.868,4.216-11.439,4.216c-6.572,0-6.94-4.675-12.703-4.79\n                    c-5.764-0.115-7.979,4.79-13.207,4.79c-5.227,0-6.652-4.469-11.266-4.216c-4.762,0.262-7.666,4.216-12.544,4.216\n                    s-5.367-4.186-13.009-4.446c-7.643-0.26-9.963,4.728-14.054,4.446c-4.091-0.282-7.085-4.126-12.196-4.56\n                    c-5.111-0.436-8.131,4.56-11.963,4.56c-3.833,0-6.798-4.27-7.55-4.56L0,0h120V155.717z;\n                                            M120,159.423c-4.684,0.253-4.868-4.215-11.439-4.215c-6.572,0-6.94,4.675-12.703,4.79\n                    c-5.764,0.115-7.979-4.79-13.207-4.79c-5.227,0-6.652,4.468-11.266,4.215c-4.762-0.261-7.666-4.215-12.544-4.215\n                    s-5.367,4.185-13.009,4.445c-7.643,0.261-9.963-4.727-14.054-4.445c-4.091,0.281-7.085,4.126-12.196,4.56\n                    c-5.111,0.434-8.131-4.56-11.963-4.56c-3.833,0-6.798,4.27-7.55,4.56L0,0h120V159.423z;\n                                            M120,155.717c-4.684-0.253-4.868,4.216-11.439,4.216c-6.572,0-6.94-4.675-12.703-4.79\n                    c-5.764-0.115-7.979,4.79-13.207,4.79c-5.227,0-6.652-4.469-11.266-4.216c-4.762,0.262-7.666,4.216-12.544,4.216\n                    s-5.367-4.186-13.009-4.446c-7.643-0.26-9.963,4.728-14.054,4.446c-4.091-0.282-7.085-4.126-12.196-4.56\n                    c-5.111-0.436-8.131,4.56-11.963,4.56c-3.833,0-6.798-4.27-7.55-4.56L0,0h120V155.717z\"\u003e\n                                \u003c/animate\u003e\n                            \u003c/path\u003e\n                        \u003c/clipPath\u003e\n                    \u003c/defs\u003e\n                    \u003cg clip-path=\"url(#circle-clip)\"\u003e\n                        \u003cg id=\"logo\" class=\"logo\"\u003e\n                            \u003crect width=\"60\" height=\"60\"/\u003e\t\n                        \u003c/g\u003e\n                    \u003c/g\u003e\n                \u003c/svg\u003e\n            \u003c/div\u003e\n\n            \u003cimg  style=\"width:80%;margin:10% auto;\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzExMzQ2MzcxX01hc2sgZ3JvdXAtbG9nbyAoMSkucG5nLnBuZyJdXQ.png?sha=e4a20147e8f92d44\"\u003e\n        \u003c/div\u003e\n        \u003cdiv style=\"display:flex;z-index:1999;\"\u003e\n            \u003cdiv class=\"digit custom-content\" id=\"hundreds\"\u003e0\u003c/div\u003e\n            \u003cdiv class=\"digit custom-content\" id=\"tens\"\u003e0\u003c/div\u003e\n            \u003cdiv class=\"digit custom-content \" id=\"ones\"\u003e0\u003c/div\u003e\n            \u003cdiv class=\"digit custom-content\" \u003e%\u003c/div\u003e\n        \u003c/div\u003e\n \u003c/div\u003e\n    \u003cdiv id=\"transition-bg\"\u003e\u003c/div\u003e\n    \u003cdiv id=\"final-message\"\u003e\n    \u003cdiv class=\"message custom-content\" id=\"message1\"\u003e追求卓越,是我們不變的初衷。\n        \u003cbr\u003e邀請你品味頂極莊園級鮮乳,共創更好的質感生活。\n        \u003cbr\u003e\u003cbr\u003e選更好,你更好。\n    \u003c/div\u003e\n    \u003cdiv class=\"message custom-content\" id=\"message2\" style=\"display: none; opacity: 0;\"\u003e我們堅持單一乳源\n            \u003cbr\u003e堅持獸醫把關,友善動物的永續飼養環境\n            \u003cbr\u003e堅持鮮乳體現其獨特風味。\u003c/div\u003e\n    \u003cdiv class=\"message custom-content\" id=\"message3\" style=\"display: none; opacity: 0;\"\u003e\n                我們不斷突破自己,只為打造出\n                \u003cbr\u003e缺一不可、台灣頂極鮮乳的新標準!\n    \u003c/div\u003e\n\u003c/div\u003e\n    \u003cdiv id=\"final-message\"\u003e\n        \n    \u003c/div\u003e\n\n\n\n\n\n\u003cscript\u003e\n$(\".svg-loader\").addClass(\"is-loading\");
89\n\nsetTimeout(function() {\n\t$(\".svg-loader\").removeClass(\"is-loading\");\n\t$(\".svg-scalable\").addClass(\"is-active\");\n}, 9000); //same time defined by clip animation timing\n\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const totalDuration = 4500; // 总动画时长5秒\n    let count = 0;\n\n    // 计算每个位的更新频率\n    const hundredsInterval = totalDuration / 10; // 百位变化最慢\n    const tensInterval = totalDuration / 50; // 十位变化中等速度\n    const onesInterval = totalDuration / 102; // 个位变化最快\n\n    function updateHundreds() {\n        if (count \u003e= 100) return; // 若计数超过100,停止更新百位\n        const hundreds = Math.floor(count / 100);\n        document.getElementById('hundreds').textContent = hundreds;\n        setTimeout(updateHundreds, hundredsInterval);\n    }\n\n    function updateTens() {\n        if (count \u003e= 100) return; // 若计数超过100,停止更新十位\n        const tens = Math.floor((count % 100) / 10);\n        document.getElementById('tens').textContent = tens;\n        setTimeout(updateTens, tensInterval);\n    }\n\n    function updateOnes() {\n        if (count \u003e= 100) return; // 若计数超过100,停止更新个位\n        const ones = count % 10;\n        document.getElementById('ones').textContent = ones;\n        count = (count + 1) % 100; // 保证数字在0到99之间循环\n        setTimeout(updateOnes, onesInterval);\n    }\n\n    // 启动每个数字位的更新\n    updateHundreds();\n    updateTens();\n    updateOnes();\n\n    // 设定5秒后结束整个动画过程\n    setTimeout(() =\u003e {\n        count = 100; // 停止所有更新\n        endCountdown(); // 执行倒计时结束后的操作\n    }, totalDuration);\n});\n\n\nfunction updateDigits(num) {\n    const hundreds = Math.floor(num / 100) % 10;\n    const tens = Math.floor(num / 10) % 10;\n    const ones = num % 10;\n\n    // 隱藏百位數直到數字達到 100\n    document.getElementById('hundreds').style.visibility = num \u003e= 100 ? 'visible' : 'hidden';\n\n    // 更新數字\n    document.getElementById('hundreds').textContent = hundreds;\n    document.getElementById('tens').textContent = tens;\n    document.getElementById('ones').textContent = ones;\n}\n\nfunction endCountdown() {\n    // 显示过渡背景层并扩展至全屏\n    const bg = document.getElementById('transition-bg');\n    bg.style.display = 'block';\n    setTimeout(() =\u003e {\n        const size = Math.max(window.innerWidth, window.innerHeight) * 2;\n        bg.style.width = `${size}px`;\n        bg.style.height = `${size}px`;\n        bg.style.borderRadius = '0%';\n        bg.style.zIndex = 1000;\n\n        // 在背景扩展完成后隐藏 loading-animation\n        setTimeout(() =\u003e {\n            document.getElementById('loading-animation').style.display = 'none';\n        }, 500); // 这里的 500 毫秒应与 bg 的 transition 时间相匹配\n        \n    }, 10);\n    \n\n    // 顯示最終消息容器\n    const finalMessage = document.getElementById('final-message');\n    finalMessage.style.display = 'block';\n    finalMessage.style.zIndex = 1001; // 确保在背景之上\n    setTimeout(() =\u003e {\n        finalMessage.style.opacity = 1; // 开始淡入\n        showMessageSequence(); // 开始显示消息序列\n    }, 10); // 微小延迟确保 display 已更改\n    \n}\n\nfunction showMessageSequence() {\n    let currentMessage = 1;\n    const totalMessages = 3;\n    const messageDuration = 2500; // 每条消息显示2秒\n\n    // 显示第一条消息\n    document.getElementById('message1').style.opacity = 1;\n\n    const interval = setInterval(() =\u003e {\n        // 隐藏当前消息\n        document.getElementById(`message${currentMessage}`).style.opacity = 0;\n        setTimeout(() =\u003e {\n            document.getElementById(`message${currentMessage}`).style.display = 'none';\n\n            currentMessage += 1;\n\n            if (currentMessage \u003e totalMessages) {\n                clearInterval(interval);\n                // 所有消息显示完毕后淡出背景和文字\n                fadeOutElements();\n                return;\n            }\n\n            // 显示下一条消息\n            const nextMessage = document.getElementById(`message${currentMessage}`);\n            nextMessage.style.display = 'block';\n            setTimeout(() =\u003e {\n                nextMessage.style.opacity = 1;\n            }, 10); // 微小延迟确保 display 已更改\n        }, 1000); // 给上一条消息足够时间淡出\n    }, messageDuration);\n}\n\nfunction fadeOutElements() {\n    const bg = document.getElementById('transition-bg');
89\n    const finalMessage = document.getElementById('final-message');\n\n    // 开始淡出效果\n    bg.style.opacity = 0;\n    finalMessage.style.opacity = 0;\n // 在淡出完成后隐藏元素\n    setTimeout(() =\u003e {\n        bg.style.display = 'none';\n        finalMessage.style.display = 'none';\n    }, 2000); // 这个时间应该与 CSS 中的过渡时间相匹配\n   \n}\n\n\n\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1712926096305_5":{"type":"_custom_html","custom_name":"自訂HTML","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cdiv class=\"image-container2\" style=\"position: relative; width: 100%; height: 100%; min-height: 600px;\"\u003e\n    \u003csvg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;\"\u003e\n        \u003c!-- 定义遮罩 --\u003e\n        \u003cdefs\u003e\n            \u003cmask id=\"combinedMask\"\u003e\n                \u003c!-- 圆形遮色片 --\u003e\n                \u003ccircle cx=\"300\" cy=\"300\" r=\"500\" fill=\"white\"\u003e\n                    \u003canimateMotion dur=\"4s\" fill=\"freeze\" begin=\"indefinite\"\u003e\n                        \u003cmpath xlink:href=\"#motionPath\"/\u003e\n                    \u003c/animateMotion\u003e\n                \u003c/circle\u003e\n                \u003c!-- 长方形遮色片 --\u003e\n                \u003ccircle cx=\"1000\" cy=900\" r=\"1000\" fill=\"white\"\u003e\n                    \u003canimateMotion dur=\"4s\"  fill=\"freeze\" begin=\"indefinite\"\u003e\n                        \u003cmpath xlink:href=\"#motionPath\"/\u003e\n                    \u003c/animateMotion\u003e\n                \u003c/circle\u003e\n            \u003c/mask\u003e\n        \u003c/defs\u003e\n        \u003cpath id=\"motionPath\" d=\"M.03,1.56c27.16-.61,67.48,2.91,94.8,30.1,42.06,41.86,10.61,97.32,42.13,127.91,49.29,47.82,157.36-57.5,311.49-31.6,22.15,3.72,121.26,20.38,168.54,94.8,52.8,83.12-13.26,152.95,21.07,222.71,50.94,103.51,239.68,37.66,531.19,100.82,82.18,17.81,353.62,80.1,571.58,298.08,64.13,64.14,107.98,126.09,135.66,169.91\"  fill=\"none\" stroke=\"none\" /\u003e\n        \u003c!-- 应用遮罩的矩形,覆盖整个SVG --\u003e\n        \u003crect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" mask=\"url(#combinedMask)\" /\u003e\n    \u003c/svg\u003e\n    \u003cimg src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEyOTI1ODU1X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF9UIDEgKDEpLnBuZy5wbmciXV0.png?sha=f51720a08e802e59\" style=\"position: relative; width: 100%; height: auto; z-index: 1;\"\u003e\n\u003c/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    let wasOutOfView = true; // 初始假设元素不在视图中\n\n    document.addEventListener(\"scroll\", function() {\n        var imageContainer = document.querySelector(\".image-container2\");\n        var position = imageContainer.getBoundingClientRect();\n\n        // 检查元素是否进入视窗\n        if (position.top \u003c window.innerHeight \u0026\u0026 position.bottom \u003e= 0) {\n            // 元素在视图中\n            if (wasOutOfView) { // 如果之前元素不在视图中,现在进入了视图\n                // 选择所有的animateMotion元素进行操作\n                var animations = document.querySelectorAll(\"#combinedMask animateMotion\");\n                animations.forEach(animation =\u003e {\n                    animation.beginElement(); // 启动动画\n                });\n                wasOutOfView = false; // 更新状态,标记元素现在在视图中\n            }\n        } else {\n            // 元素不在视图中\n            wasOutOfView = true; // 更新状态,标记元素现在不在视图中\n        }\n    });\n});\n\u003c/script\u003e\n\n"},"blocks":{},"block_order":[]},"1712938873803_5":{"type":"_custom_html","custom_name":"wave","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cdiv  id=\"milk-wave\" style=\"width:100%\" \u003e\n\t\u003csvg  style=\"width:100%\" width=\"100%\" height=\"100%\" viewBox=\"0 0 1917 393\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\n\t\t\t\u003cpath d=\"M1 151.374C1 151.374 372.555 70.485
897 676.98 133.147C978.438 195.209 1421.45 252.501 1919 79.9697\" stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\"/\u003e\n\t\t\t\u003cpath d=\"M1 131.933C1 131.933 489.666 285.373 922.894 131.933C1496.07 -71.0643 1919 131.933 1919 131.933V392.753H1V131.933Z\" fill=\"#E9EAE5\"/\u003e\n\t\t\t\u003cpath d=\"M1 94.8031C1 94.8031 204.032 88.5157 661.58 218.89C1278.87 394.742 1433.76 -0.514074 1919 41.6961\" stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\"/\u003e\n\t\t\t\u003cpath d=\"M1026.6 279.49C1037.17 279.49 1045.75 270.918 1045.75 260.345C1045.75 249.772 1037.17 241.2 1026.6 241.2C1016.03 241.2 1007.46 249.772 1007.46 260.345C1007.46 270.918 1016.03 279.49 1026.6 279.49Z\" fill=\"white\"/\u003e\n\t\t\t\u003cpath d=\"M627.015 151.658C641.402 151.658 653.065 139.995 653.065 125.608C653.065 111.221 641.402 99.5576 627.015 99.5576C612.628 99.5576 600.965 111.221 600.965 125.608C600.965 139.995 612.628 151.658 627.015 151.658Z\" fill=\"white\"/\u003e\n\t\t\t\u003cpath d=\"M229.164 132.158C237.172 132.158 243.664 125.666 243.664 117.658C243.664 109.65 237.172 103.158 229.164 103.158C221.156 103.158 214.664 109.65 214.664 117.658C214.664 125.666 221.156 132.158 229.164 132.158Z\" fill=\"white\"/\u003e\n\t\t\t\u003cpath d=\"M35.7222 165.312C46.6857 165.312 55.5733 156.424 55.5733 145.46C55.5733 134.497 46.6857 125.609 35.7222 125.609C24.7587 125.609 15.8711 134.497 15.8711 145.46C15.8711 156.424 24.7587 165.312 35.7222 165.312Z\" fill=\"white\"/\u003e\n\t\t\t\u003cpath d=\"M1449.34 77.0379C1470.61 77.0379 1487.86 59.7924 1487.86 38.519C1487.86 17.2455 1470.61 0 1449.34 0C1428.07 0 1410.82 17.2455 1410.82 38.519C1410.82 59.7924 1428.07 77.0379 1449.34 77.0379Z\" fill=\"white\"/\u003e\n\t\u003c/svg\u003e\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1713675508362_5":{"type":"_custom_html","custom_name":"六大永續標題","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cdiv class=\"custom-container-flex  bg-2\"\u003e\n  \u003cdiv class=\" flex-content50 text-left \" style=\"padding-bottom:0px;\"\u003e\n        \u003cdiv class=\"titlePC text-left  h2-2\"\u003e\n              六大永續牧場\n          \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\" flex-content-with-pic50  m-auto\"\u003e\n\n  \u003c/div\u003e\n\u003c/div\u003e"},"blocks":{},"block_order":[]},"1714042168420_5":{"type":"_custom_html","custom_name":"Loading2","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\n\u003cstyle\u003e \n/* 定义背景轮播的关键帧动画 */\n@keyframes bgFade {\n    0%, 100% {\n        background-image: linear-gradient(rgba(125, 109, 98, 0.7), rgba(125, 109, 98, 0.7)), /* 添加叠加层 */\n                            url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NzM3MjI0X1cxc2laaUlzSWpJd05EQTJMMkYwZEdGamFHVmtYM0JvYjNSdmN5OHhOekUwTURRNU5Ua3pYMmx1ZEhKdlgzUmxlSFIxY21WZk1ERmY1YU9UNTdpdUlDZ3hLUzV3Ym1jdWNHNW5JbDFkLmpwZy5qcGVnIl1d.jpeg?sha=36824b22280c97a2'); /* 第一张背景图片 */\n    }\n    50% {\n        background-image: linear-gradient(rgba(125, 109, 98, 0.7), rgba(125, 109, 98, 0.7)), /* 添加叠加层 */\n                            url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NzM3MjI0X1cxc2laaUlzSWpJd05EQTJMMkYwZEdGamFHVmtYM0JvYjNSdmN5OHhOekUwTURRNU5Ua3pYMmx1ZEhKdlgzUmxlSFIxY21WZk1ESmY1YU9UNTdpdUlDZ3hLUzV3Ym1jdWNHNW5JbDFkLmpwZy5qcGVnIl1d.jpeg?sha=24815bb23f1e8a61'); /* 第二张背景图片 */\n    }\n}\n\n#overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 999;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background-size: cover;\n        background-position: center;\n        background-image: linear-gradient(rgba(125, 109, 98, 0.7), rgba(125, 109, 98, 0.7)), /* 添加叠加层 */\n                        url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NzM3MjI0X1cxc2laaUlzSWpJd05EQTJMMkYwZEdGamFHVmtYM0JvYjNSdmN5OHhOekUwTURRNU5Ua3pYMmx1ZEhKdlgzUmxlSFIxY21WZk1ERmY1YU9UNTdpdUlDZ3hLUzV3Ym1jdWNHNW5JbDFkLmpwZy5qcGVnIl1d.jpeg?sha=36824b22280c97a2'); /* 背景图片 */\n        animation: bgFade 1.5s linear infinite; /* 设置背景轮播的动画 */\n    }\n\n\n@keyframes fade {\n  0%, 25% { opacity: 0; }\n  50%, 75% { opacity: 1; }\n}\n\n.message {\n        display: none;\n        text-align: center;\n        color: #fff;\n        animation-duration: 1s;\n        z-index: 1000;\n    }\n    #animation-container {\n        position: relative; /* 添加相对定位 */\n    }\n    @keyframes slideAndFade {\n        from {\n            opacity: 0;\n            transform: translateY(50px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n        to {\n            opacity: 0;\n        }\n    }\n\u003c/style\u003e\n\n\u003cdiv id=\"overlay\"\u003e\n    \u003cdiv id=\"animation-container \"\u003e\n        \u003cspan  class=\"message contentPC\"  id=\"part1\"\u003e追求卓越,是我們不變的初衷。\u003c/span\u003e\n        \u003cspan  class=\"message contentPC \" id=\"part2\" style=\"display: none;\"\u003e邀請你品味頂極莊園級鮮乳,共創更好的質感生活。\u003c/span\u003e\n        \u003cspan  class=\"message contentPC \" id=\"newPart1\" style=\"display: none;\"\u003e選更好,你更好。\u003c/span\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n\n    \u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\
89n            function storageAvailable(type) {\n                var storage;\n                try {\n                    storage = window[type];\n                    var x = '__storage_test__';\n                    storage.setItem(x, x);\n                    storage.removeItem(x);\n                    return true;\n                } catch (e) {\n                    return e instanceof DOMException \u0026\u0026 (\n                        e.code === 22 ||\n                        e.code === 1014 ||\n                        e.name === 'QuotaExceededError' ||\n                        e.name === 'NS_ERROR_DOM_QUOTA_REACHED') \u0026\u0026\n                        (storage \u0026\u0026 storage.length !== 0);\n                }\n            }\n\n            function playIntro() {\n                // 在图片加载完成后执行动画\n                var img = new Image();\n                img.onload = function() {\n                    runAnimation();\n                };\n                img.src = 'https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NzM3MjI0X1cxc2laaUlzSWpJd05EQTJMMkYwZEdGamFHVmtYM0JvYjNSdmN5OHhOekUwTURRNU5Ua3pYMmx1ZEhKdlgzUmxlSFIxY21WZk1ERmY1YU9UNTdpdUlDZ3hLUzV3Ym1jdWNHNW5JbDFkLmpwZy5qcGVnIl1d.jpeg?sha=36824b22280c97a2';\n            }\n\n            function checkFirstVisit() {\n            \n                document.body.style.visibility = 'hidden'; // 动画开始前将页面内容设置为可见\n                if (storageAvailable('localStorage')) {\n                    if (!localStorage.getItem('hasSeenIntro')) {\n                        playIntro();\n                        localStorage.setItem('hasSeenIntro', 'true');\n                    }
89else{\n                    document.body.style.visibility = 'visible'; // 动画开始前将页面内容设置为可见\n                    }\n                } else if (storageAvailable('sessionStorage')) {\n                    if (!sessionStorage.getItem('hasSeenIntro')) {\n                        playIntro();\n                        sessionStorage.setItem('hasSeenIntro', 'true');\n                    }else{\n                    document.body.style.visibility = 'visible'; // 动画开始前将页面内容设置为可见\n                    }\n                } else {\n                    if (document.cookie.indexOf('hasSeenIntro=true') === -1) {\n                        playIntro();\n                        document.cookie = \"hasSeenIntro=true; max-age=31536000; path=/\";\n                    }else{\n                    document.body.style.visibility = 'visible'; // 动画开始前将页面内容设置为可见\n                    }\n                }\n            }\n\n            checkFirstVisit();\n        });\n\n        function runAnimation() {\n            const part1 = document.getElementById('part1');\n            const part2 = document.getElementById('part2');\n            const overlay = document.getElementById('overlay');\n            const animationContainer = document.getElementById('animation-container');\n            overlay.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n            document.body.style.visibility = 'visible'; // 动画开始前将页面内容设置为可见\n\n            part1.style.display = 'block';\n            part1.style.animation = 'slideAndFade 1s forwards';\n\n            setTimeout(() =\u003e {\n                part2.style.display = 'block';\n                part2.style.animation = 'slideAndFade 1s forwards';\n            }, 1500);\n\n            setTimeout(() =\u003e {\n                part1.style.animation = 'fadeOut 1s forwards';\n            }, 2000);\n\n            setTimeout(() =\u003e {\n                part2.style.animation = 'fadeOut 1s forwards';\n            }, 3000);\n\n            setTimeout(() =\u003e {\n                part1.innerHTML = '選更好,你更好。';\n                part1.style.animation = 'slideAndFade 1s forwards';\n            }, 3500);\n\n            setTimeout(() =\u003e {\n                overlay.style.animation = 'fadeOut 1s forwards';\n                setTimeout(() =\u003e {\n                    overlay.style.display = 'none';\n                    document.body.style.overflow = 'auto';\n                }, 1000);\n            }, 6000);\n        }\n\n\n    \u003c/script\u003e"},"blocks":{},"block_order":[]},"1714481591285_5":{"type":"_custom_html","custom_name":"Modal-探索環境","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"  \u003cstyle\u003e\n.flex-start{\n    justify-content: flex-start !important;\n}\n.modal-content2 {\n    overflow-y: scroll;\n    padding: 20px !important;\n}\n\n.bgImage2{\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0MTQ3NjQ3X0dyb3VwIDc5NSAoMSkucG5nLnBuZyJdXQ.png?sha=98290f3e4830fccc'); /* 指定图片路径 */\n}\n\n.bgOftext{\n    background-size: cover; /* 或者 'contain' 根据需求 */\n    background-position: center;\n    background-repeat: no-repeat;\n    color: white  !important ;/* 根据背景图片颜色调整 */\n    text-align: center; /* 居中文本 */\n    width: 90%; /* 或固定宽度 */\n    height: 200px; /* 或足够的高度以显示背景图 */\n    margin:0 auto;\n    display: flex;\n    justify-content: center;
89\n    align-items: center;\n    padding:7%;\n    text-align:justify;\n}\n\n.iconSection{\n    width:27%;\n    position: relative; /* 确保可以正确定位伪元素 */\n    padding:2% 2%;\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    justify-content: left; \n    align-items: center; /* 水平居中 */\n    text-align: center;\n}\n\n.iconSection:not(:last-child):after {\n    content: ''; /* 伪元素需要内容来显示 */\n    display: block;\n    width: 100px; /* 箭头的宽度 */\n    height: 100px; /* 箭头的高度 */\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODMwNzE2X1ZlY3RvciA1Mi5wbmcucG5nIl1d.png?sha=70304ee3287a54c6'); /* SVG 箭头的路径 */\n    background-size: contain; /* 或者 'cover' 取决于你的需要 */\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 57%; /* 顶部偏移,根据箭头大小调整 */\n    right: -25px; /* 右侧偏移,根据箭头大小和间距调整 */\n    transform: translateY(-50%); /* 垂直居中 */\n}\n.cowBenefit .cBword{\n     min-height: 60px;\n     margin-bottom: 10px;\n}\n\n.cowBenefit img{\n     margin: auto;\n     width: 120px;\n     height: 120px;\n     object-fit: contain;\n     margin-bottom: 30px; \n}\n\n.cowBenefit{\n     height: auto; \n     justify-content: flex-start; \n     align-items: center; \n     display:flex;\n     flex-direction: column;    \n     width:16%;\n     padding:2%;\n}\n.bgImage3-container{\n    padding: 9% 0px !important;\n    position: relative !important;\n    text-align: center !important;\n    flex-direction:column;\n}\n\n.tab-buttons{\n    justify-content: center;\n     display: -webkit-box;\n     display: -ms-flexbox;\n     display: flex;\n     -ms-flex-wrap: wrap;\n     flex-wrap: wrap;\n}\n\n.tab-button{\n    background:transparent;\n     -webkit-box-ordinal-group: 2;\n     -ms-flex-order: 1;\n     order: 1;\n     display: block;\n     border-radius: 28px;\n    width: 25%;\n    padding: 0rem 1rem;\n     margin-right: 2.1rem;\n     cursor: pointer;\n     border : 1px  solid  var(--cus-main-color);\n     color: #8E847D;\n     text-align: center;\n     font-family: GenRyuMin;\n     font-size: 15px;\n     font-style: normal;\n     font-weight: 500;\n     line-height: 40px; /* 166.667% */\n     -webkit-box-flex: 1;\n     -ms-flex-positive: 1;\n}\n.tab-button.active , .tab-button:hover {\n    background: #8E847D;;\n     color: #FFF;\n}\n.contentHeight{\n    margin:25px 9px;\n}\n.contentPadding{\n    padding: 0px 8%;\n}\n\n.iconContainer{\n    display:flex;\n    width:90%;\n    margin: 10px auto;\n}\n\n.iconImg{\n    max-width:120px;\n    text-align:center;\n    margin: 0 auto;\n    width:100%;\n}\n.cowBenefitContainer{\n     width:100%;\n     flex-wrap:wrap;\n     text-align: center;\n     justify-content: center;\n     padding:0px 5%;\n}\n.content {\n    display: none;\n}\n.active {\n    display: block;\n}\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n    .iconContainer .contentPC {\n        font-size: 12px;\n        text-align:center;\n    }\n\n    .iconContainer {\n        margin: 0px;\n        width: 100%;\n        flex-wrap: wrap;\n    }\n    .iconSection{\n        padding: 0%;\n        margin: 0 auto 14% auto;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n                width: 0px;\n    }\n    .iconImg{\n        max-width:110px;\n        margin-bottom: 6px;\n    }\n    .tab-buttons{\n        margin:10px 0px;\n    }\n   .cowBenefit .cBword{\n        min-height: 48px;\n        line-height: 20px;\n        margin-bottom: 10px;\n         font-size: 12px;\n    }\n    .cowBenefit img{\n        width: 80px;\n        height: 80px;\n        margin-bottom: 18px; \n    }\n    .cowBenefit{\n        width:33%;\n        padding:0% 1%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:120px;\n        margin: 4% 0px;\n        width: 100%;\n    }\n    .tab-button{\n        height: 35px;\n        font-size: 12px;\n        margin: 1%;\n        width: fit-content;\n        line-height: 10px;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n            text-align:left;\n    }\n    .contentHeight{\n            margin:7px 9px;\n    }\n     .cowBenefitContainer{\n             padding:0px 0%;\n        }\n    .iconSection:not(:last-child):before {\n        content: '';\n        display: flex;\n        width: 59px;\n        height: 5px;\n        background-image: url(https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODMwNzE2X1ZlY3RvciA1Mi5wbmcucG5nIl1d.png?sha=70304ee3287a54c6);\n        background-size: contain;\n        background-repeat: no-repeat;\n        position: absolute;\n        bottom: -39px;\n        transform: rotate(90deg);\n    }\n    .iconSection:last-child {\n        margin: 0 auto 0% auto;\n    }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n    .
89iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n    .iconSection:not(:last-child):after {\n        width: 65px; /* 箭头的宽度 */\n        height: 60px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -20%; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n    .iconContainer {\n        margin: 0px;\n        width: 100%;\n        }\n    .iconImg{\n        max-width:130px;\n    }\n   .cowBenefit .cBword{\n        min-height: 50px;\n        line-height: 24px;\n        margin-bottom: 0px;\n         font-size: 13.5px;\n    }\n    .cowBenefit img{\n        width: 100px;\n        height: 100px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:28%;\n        padding:2% 1% 0% 1%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:180px;\n        margin: 2% 0%;\n        width: 100%;\n    }\n    .tab-button{\n        height: 35px;\n        font-size: 15px;\n        margin: 20px 1%;\n        width: fit-content;\n        padding: 0px 2%;\n    line-height: 10px;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:15px 9px;\n    }\n      .cowBenefitContainer{\n             padding:0px 0%;\n        }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n    .iconSection:not(:last-child):after {\n        width: 75px; /* 箭头的宽度 */\n        height: 75px; /* 箭头的高度 */\n        top: 60%; /* 顶部偏移,根据箭头大小调整 */\n        right: -19%; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n    .iconImg{\n        max-width:160px;\n    }\n    .cowBenefit .cBword{\n        min-height: 55px;\n        line-height: 28px;\n        margin-bottom: 10px;\n         font-size: 18px;\n    }\n    .cowBenefit img{\n        width: 120px;\n        height: 120px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:27%;\n        padding:2% 1% 0% 1%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:160px;\n        margin: 10px auto;\n        margin: 3% auto;\n        width:90%;\n    }\n    .tab-button{\n        height: 40px;\n        font-size: 17px;\n        margin: 15px 1%;\n        width: fit-content;\n        padding: 0px 5%;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:15px 9px;\n    }\n      .cowBenefitContainer{\n             padding:0px 1%;\n        }\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n        width:28%;\n\n    }\n    .iconSection:not(:last-child):after {\n       width: 95px;\n        height: 100px;\n        top: 54%;\n        right: -30%;\n    }\n    .iconImg{\n        max-width:200px;\n    }\n    .cowBenefit .cBword{\n        min-height: 60px;\n        line-height: 30px;\n        margin-bottom: 0px;\n         font-size: 21px;\n    }\n\n    .cowBenefit img{\n        width: 120px;\n        height: 120px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:27%;\n        padding:2% 0% 0% 0%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:195px;\n        margin: 3% auto;\n        width:90%;\n    }\n    .tab-button{\n        height: 50px;\n        font-size: 20px;\n        width:27%;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:15px 9px;\n    }\n\n        .cowBenefitContainer{\n             padding:0px 3%;\n        }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n        width:28%;\n    }\n    .iconSection:not(:last-child):after {\n       width: 105px;\n        height: 100px;\n        top: 54%;\n        right: -31%;\n    }\n    .iconImg{\n        max-width:250px;\n    }\n    .cowBenefit .cBword{\n        min-height: 60px;\n        line-height: 35px;\n        margin-bottom: 0px;\n         font-size: 23px;\n    }\n\n    .cowBenefit img{\n        width: 150px;\n        height: 150px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:26%;\n        padding:2% 1% 0% 1%;\n        justify-content: left;\n    }\n    .bgImage3-container{\n        height:230px;\n        margin: 3% auto;\n        width:95%;\n        \n    }\n    .tab-button{\n        height: 57px;\n        font-size: 24px;\n        width:27%;\n    }\n    .contentPadding{\n            padding: 0px 5%;\n    }\n    .contentHeight{\n            margin:18px 9px;\n    }\n\n        .cowBenefitContainer{\n             padding:0px 1%;\n        }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n    .
89iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n    .iconSection:not(:last-child):after {\n        width: 210px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -16%; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n    .iconImg{\n        max-width:320px;\n    }\n    .cowBenefit .cBword{\n        min-height: 60px;\n        line-height: 35px;\n        margin-bottom: 10px;\n         font-size: 25px;\n    }\n\n    .cowBenefit img{\n        width: 150px;\n        height: 150px;\n        margin-bottom: 20px; \n    }\n    .cowBenefit{\n        width:16%;\n        padding:2% 0%;\n    }\n    .bgImage3-container{\n        height:275px;\n        margin: 3% auto;\n    }\n    .tab-button{\n        border-radius: 28px;\n        padding: 0px 16px;\n        margin: 35px 10px;\n        height: 70px;\n        font-size: 30px;\n        }\n        .contentPadding{\n            padding: 0px 8%;\n        }\n        .contentHeight{\n            margin:25px 9px;\n        }\n        .cowBenefitContainer{\n             padding:0px 5%;\n        }\n\n}\n\n\n\n\u003c/style\u003e\n\u003cdiv id=\"envPopModal\" class=\"cus-modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed\"\u003e\n    \u003cdiv class=\"modal-content flex-start modal-content2\"\u003e\n        \u003cbutton id=\"envPopClose\" class=\"btn-close qk-circle qk-circle--lg qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default\"\u003e\u003c/button\u003e\n       \n        \u003cdiv class=\"iconContainer\"\u003e\n            \u003cdiv class=\"iconSection\"\u003e\n                \u003cimg class=\"iconImg\" alt=\"與合作酪農公平交易\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODI5MTg2X0ZyYW1lIDE0LnBuZy5wbmciXV0.png?sha=ce401880575167ff\"\u003e\n                \u003cp class=\"contentPC\"\u003e與合作酪農公平交易\u003c/p\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"iconSection\"\u003e\n                \u003cimg class=\"iconImg\" alt=\"牧場汰換設備升級工具\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODI5MTg1X0ZyYW1lIDEyLnBuZy5wbmciXV0.png?sha=22bfaa9989b1cb7f\"\u003e\n                \u003cp class=\"contentPC\"\u003e牧場汰換設備升級工具\u003c/p\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"iconSection\"\u003e\n                \u003cimg class=\"iconImg\" alt=\"提升乳牛生活品質鮮乳品質隨之提升\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE0NTgxODI0X0ZyYW1lIDExMDcucG5nLnBuZyJdXQ.png?sha=bb712224920dc605\"\u003e\n                \u003cp class=\"contentPC\"\u003e提升乳牛生活品質\u003cbr\u003e鮮乳品質隨之提升\u003c/p\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"  bgImage3-container bgImage2 bgOftext contentPC \"\u003e\n            \u003cspan class=\"contentPadding\"\u003e秉持公平交易理念,提供牧場合理鮮乳收購價,能夠持續修繕、更新畜舍硬體設備,讓乳牛能擁有舒適環境。讓乳牛生活自在,情緒穩定,才能夠擁有更高品質的鮮乳。\u003c/span\u003e\n        \u003c/div\u003e\n\n            \u003cdiv class=\"tab-buttons\"\u003e\n                \u003cbutton class=\"tab-button\" data-target=\"tab1\"\u003e生活環境的硬體設備\u003c/button\u003e\n                \u003cbutton class=\"tab-button\" data-target=\"tab2\"\u003e健康管理照護\u003c/button\u003e\n                \u003cbutton class=\"tab-button active\" data-target=\"tab3\"\u003e牧場職人飼養與經營管理\u003c/button\u003e\n            \u003c/div\u003e\n\n            \u003cdiv class=\"tab-content\"\u003e\n                \u003cdiv class=\"content\" id=\"tab1\" style=\"display: none;\"\u003e\n                     \u003cdiv class=\"d-flex cowBenefitContainer contentPC\"\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"適度的光照與通風\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM4XzAxLnBuZy5wbmciXV0.png?sha=c03761307b1959a1\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e適度的光照與通風\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"舒適且寬裕的空間\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM4XzAyLnBuZy5wbmciXV0.png?sha=4de18174cefa477f\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e舒適且寬裕的空間\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"足夠的飲水空間\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzAzLnBuZy5wbmciXV0.png?sha=e54eda532288d34f\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e足夠的飲水空間\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"充足的採食空間  新鮮的飼糧\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM4XzIwMjEwOTEwLnBuZy5wbmciXV0.png?sha=649fc408fedd701b\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e充足的採食空間\u003cbr\u003e新鮮的飼糧\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"室外走動的運動場\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTExLnBuZy5wbmciXV0.png?sha=1fbdf2dbd760d772\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e室外走動的運動場\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"穩定且合適的溫度與溼度\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTEyLnBuZy5wbmciXV0.png?sha=5e820aa948e76a72\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e穩定且合適的\u003cbr\u003e溫度與溼度\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"防滑且乾淨的地面材質\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTEzLnBuZy5wbmciXV0.png?sha=9f12650b1f169c5c\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e防滑且乾淨的\u003cspan class=\"breakInPhone\"\u003e\u003c/span\u003e地面材質\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"牛體刷豐富乳牛生活\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDE1NzM5XzIwMjEwOTE0LnBuZy5wbmciXV0.png?sha=04f030a0bf9b933e\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e牛體刷豐富\u003cspan class=\"breakInPhone\"\u003e\u003c/span\u003e乳牛生活\u003c/div\u003e\n                            \u003c/div\u003e\n                            \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"乳牛自在躺臥與反芻\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg2XzAxLnBuZy5wbmciXV0.png?sha=dafd607b9760796f\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e乳牛自在\u003cspan class=\"breakInPhone\"\u003e\u003c/span\u003e躺臥與反芻\u003c/div\u003e\n                            \u003c/div\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"content\" id=\"tab2\" style=\"display: none;\"\u003e\n                    \u003cdiv class=\"d-flex cowBenefitContainer contentPC\"\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"長期配合且了解 牧場狀況的獸醫師\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg1XzAyLnBuZy5wbmciXV0.png?sha=22813212f482b931\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e長期配合且了解\u003cbr\u003e牧場狀況的獸醫師\u
89003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"定期健檢 與疾病預防\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzAzLnBuZy5wbmciXV0.png?sha=bf3a8ce15b43fd80\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e定期健檢\u003cspan class=\"breakInPhone\"\u003e\u003c/span\u003e與疾病預防\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"適時執行 專業醫療措施\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg1XzIwMjEwOTEwLnBuZy5wbmciXV0.png?sha=83bf809dbc4be953\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e適時執行\u003cbr\u003e專業醫療措施\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"用藥把關\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzIwMjEwOTExLnBuZy5wbmciXV0.png?sha=f8fd7e64605aab99\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e用藥把關\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"定期修護乳牛腳蹄\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTEyLnBuZy5wbmciXV0.png?sha=0304c525ab383203\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e定期修護乳牛腳蹄\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"新生小牛保暖 與特殊照護\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTEzLnBuZy5wbmciXV0.png?sha=b3f491c445ad8447\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e新生小牛保暖\u003cbr\u003e與特殊照護\u003c/div\u003e\n                                \u003c/div\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"content\" id=\"tab3\" style=\"display: block;\"\u003e\n                    \u003cdiv class=\"d-flex cowBenefitContainer contentPC\"\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"友善與牛隻互動\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTE0LnBuZy5wbmciXV0.png?sha=8c987b439bb4ba1d\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e友善與牛隻互動\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"飼養數據雲端化\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2NjgzXzIwMjEwOTE1LnBuZy5wbmciXV0.png?sha=dd9ad6f46686fa87\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e飼養數據雲端化\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"落實環境消毒\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg1XzIwMjEwOTE2LnBuZy5wbmciXV0.png?sha=827ccc9c5196b0f3\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e落實環境消毒\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"生乳安全與衛生\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzIwMjEwOTE3LnBuZy5wbmciXV0.png?sha=1572b670cba4bc6c\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e生乳安全與衛生\u003c/div\u003e\n                                \u003c/div\u003e\n                                \u003cdiv class=\"cowBenefit\"\u003e\n                                    \u003cimg alt=\"優質且穩定的乳品質\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzMDI2Njg0XzIwMjEwOTE4LnBuZy5wbmciXV0.png?sha=3f88e87302841ed6\"\u003e\n                                    \u003cdiv class=\"cBword\"\u003e優質且穩定的\u003cspan class=\"breakInPhone\"\u003e\u003c/span\u003e乳品質\u003c/div\u003e\n\n                                \u003c/div\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\n\u003cscript\u003e\n       document.getElementById('envPop').addEventListener('click', () =\u003e openModal('envPopModal'));\n    document.getElementById('envPopClose').addEventListener('click', () =\u003e closeModal('envPopModal'));\n    document.addEventListener('DOMContentLoaded', function() {\
89n        let buttons = document.querySelectorAll('.tab-button');\n        let contents = document.querySelectorAll('.content');\n        let currentIndex = 0;\n        let timer;\n\n        // 激活指定索引的 Tab\n        function activateTab(index) {\n            buttons.forEach((btn, idx) =\u003e {\n                btn.classList.remove('active');\n                contents[idx].style.display = 'none';\n            });\n\n            buttons[index].classList.add('active');\n            contents[index].style.display = 'block';\n            currentIndex = index;\n        }\n\n        // 自动切换 Tabs 的函数\n        function startAutoSwitch() {\n            clearInterval(timer); // 清除现有的定时器\n            timer = setInterval(() =\u003e {\n                let nextIndex = (currentIndex + 1) % buttons.length;\n                activateTab(nextIndex);\n            }, 5000); // 每 5 秒切换一次\n        }\n\n        // 停止自动切换\n        function stopAutoSwitch() {\n            clearInterval(timer);\n        }\n\n        // 为每个按钮添加点击事件监听器\n        buttons.forEach((button, index) =\u003e {\n            button.addEventListener('click', function() {\n                stopAutoSwitch();\n                activateTab(index);\n                //startAutoSwitch();  // 用户交互完成后重新开始自动切换\n            });\n        });\n\n        // 鼠标悬停时停止自动切换\n        document.querySelectorAll('.tab-button, .content').forEach(element =\u003e {\n            element.addEventListener('mouseenter', stopAutoSwitch);\n            //element.addEventListener('mouseleave', startAutoSwitch);\n        });\n\n        // 初始化\n        activateTab(0); // 默认激活第一个 Tab\n    });\n\u003c/script\u003e\n"},"blocks":{},"block_order":[]},"1714491023495_5":{"type":"_custom_html","custom_name":"原Modal-嚴守把關","visible":false,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003chead\u003e\n\u003cstyle\u003e\n.cus-bg-modal{\n    background:transparent;\n}\n.cus-modal-mask .modal-content {\n    max-height: 100%;\n    padding: 10px 20px;\n    width: 100%;\n    background-color: transparent !important;\n}\n.bgImage2{\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODUwNjg0X0dyb3VwICgzKS5wbmcucG5nIl1d.png?sha=42647837b0225dfd'); /* 指定图片路径 */\n}\n.bgImage2-container{\n    padding: 4% !important;\n    position: relative !important;\n    top: -28px !important;\n    text-align: center !important;\n}\n.iconImg{\n    max-width:120px;\n    text-align:center;\n    margin: 0 auto;\n    width:100%;\n}\n.iconSection{\n    width:33%;\n    position: relative; /* 确保可以正确定位伪元素 */\n    padding:2% 2%;\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    justify-content: left; \n    align-items: center; /* 水平居中 */\n    text-align: center;\n}\n.iconSection2 {\n    width: 25%;\n    position: relative;\n    padding: 2% 2%;\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    justify-content: center;
89\n    align-items: center;\n    text-align: center;\n}\n\n.cus-badge{\n    border: 1px solid #8E847D;\n    border-radius: 25px;\n    color: #8E847D;\n    cursor: pointer;\n    padding: 3px 20px;\n    margin: 10px 0px;\n}\n\n.bgOftext{\n    background-size: cover; /* 或者 'contain' 根据需求 */\n    background-position: center;\n    background-repeat: no-repeat;\n    color: white  !important ;/* 根据背景图片颜色调整 */\n    text-align: center; /* 居中文本 */\n    width: 90%; /* 或固定宽度 */\n    height: 200px; /* 或足够的高度以显示背景图 */\n    margin:0 auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding:7%;\n    text-align:justify;\n}\n\n.iconSection:not(:last-child):after {\n    content: ''; /* 伪元素需要内容来显示 */\n    display: block;\n    width: 100px; /* 箭头的宽度 */\n    height: 100px; /* 箭头的高度 */\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODMwNzE2X1ZlY3RvciA1Mi5wbmcucG5nIl1d.png?sha=70304ee3287a54c6'); /* SVG 箭头的路径 */\n    background-size: contain; /* 或者 'cover' 取决于你的需要 */\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 57%; /* 顶部偏移,根据箭头大小调整 */\n    right: -25px; /* 右侧偏移,根据箭头大小和间距调整 */\n    transform: translateY(-50%); /* 垂直居中 */\n}\n.section2Container{\n    display:flex;\n    width: 60%;\n    margin: 0 auto;\n}\n\n\n.cus-modal-mask .modal-content .btn-close {\n    border:0px;\n    box-shadow: 0px 3px 7px -4px rgba(0,0,0,.5);\n    top: 0px;\n    right: 25px;\n    z-index:9999;\n}\n.qk-circle--lg {\n    height: 60px;\n    width: 60px;\n}\n.cus-modal-mask .modal-content .btn-close:hover {\n   background-color: #F3A69D !important;\n}\n.cus-modal-mask .modal-content .btn-close:hover:after {\n    color: #fff ;\n}\n\n.cus-modal-mask .modal-content .btn-close:after {\n    color: #8E847D;\n    content: \"×\";\n    font-size: x-large;\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.cus-modal-mask {\n    display:none;\n    background-color: rgba(255, 255, 255, .9);\n    z-index: 1000;\n    backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n    opacity: 0; /* 开始时不可见 */\n    transition: opacity 1s ease; /* 淡入淡出效果 */\n  \n}\n.modal-show {\n    display: block;\n    opacity: 1;\n}\n\n\n/* Extra Small Devices, Phones */\n@media (max-width: 575px) {\n    .iconImg{\n            max-width:80px;\n        }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:26px;\n        margin-bottom:0px;\n        font-size: 14px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 15px;\n        margin: 12px 0px;\n        line-height: 25px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -9px !important;\n        height: 120px;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 55px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 63%; /* 顶部偏移,根据箭头大小调整 */\n        right: -24px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n        .cus-modal-mask .modal-content {\n            padding: 0px;\n        }\n        .section2Container{\n            width:80% !important;\n        }\n        .cus-modal-mask .modal-content .btn-close {\n            top: 16px;\n            right: 25px;\n        }\n        .qk-circle--lg {\n            height: 40px;\n            width: 40px;\n        }\n        .cus-modal-mask .modal-content .btn-close:after {\n            font-size: large;\n            left: 50%;\n            top: 50%;\n        }\n}\n\n/* Small Devices, Small Tablets */\n@media (min-width: 576px) and (max-width: 767px) {\n    .iconImg{\n            max-width:110px;\n        }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:30px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 15px;\n        margin: 12px 0px;\n        line-height: 25px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -9px !important;\n        height: 120px;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 66px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -30px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Medium Devices, Large Tablets */\n@media (min-width: 768px) and (max-width: 991px) {\n     .iconImg{\n        max-width:150px;\n    }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:36px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 20px;\n        margin: 10px 0px;\n        line-height: 28px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -32px !important;\n        height: 120px;\n        width: 93%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 90px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -42px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Large Devices, Desktops */\n@media (min-width: 992px) and (max-width: 1199px) {\n   .iconImg{\n        max-width:200
89px;\n    }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:40px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 25px;\n        padding: 0px 20px;\n        margin: 10px 0px;\n        line-height: 28px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -32px !important;\n        height: 120px;\n        width: 90%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 110px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -46px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Extra Large Devices, Wide Desktops */\n@media (min-width: 1200px) and (max-width: 1919px) {\n    .iconImg{\n        max-width:240px;\n    }\n     .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:52px;\n        margin-bottom:0px;\n    }\n     .iconSection2 {\n        padding: 0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 34px;\n        padding: 0 20px;\n        margin:  25px 0px 10px 0px;\n        line-height: 59px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -32px !important;\n        height: 134px;\n            width: 93%;\n    }\n    .iconSection:not(:last-child):after {\n        width: 140px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -67px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n}\n\n/* Extra Extra Large Devices, Fullscreen Desktops */\n@media (min-width: 1920px) {\n        .iconImg{\n        max-width:320px;\n    }\n    .iconContainer .listTitle{\n        margin-top:0vh;\n        line-height:54px;\n        margin-bottom:0px;\n    }\n    .iconSection2 {\n        padding:0%;\n        margin: 0 auto;\n    }\n    .iconSection{\n        padding:0%;\n        margin: 0 auto;\n    }\n     .cus-badge{\n        border-radius: 34px;\n        padding: 0 20px;\n        margin:  25px 0px 10px 0px;\n        line-height: 59px;\n    }\n    .bgImage2-container{\n        padding: 4% !important;\n        top: -28px !important;\n        height: 156px;\n    }\n    .iconSection:not(:last-child):after {\n        width: 210px; /* 箭头的宽度 */\n        height: 100px; /* 箭头的高度 */\n        top: 57%; /* 顶部偏移,根据箭头大小调整 */\n        right: -95px; /* 右侧偏移,根据箭头大小和间距调整 */\n    }\n\n}\n\n\n\u003c/style\u003e\n\u003c/head\u003e\n\n\u003cdiv id=\"pathPopModal\" class=\"cus-modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed\"\u003e\n    \u003cdiv class=\"modal-content qk-bd--none qk-center qk-bg--theme_bg\"\u003e\n        \u003cbutton id=\"pathPopClose\" class=\"btn-close qk-circle qk-circle--lg qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default\"\u003e\u003c/button\u003e\n              \u003cdiv class=\"iconContainer\"\u003e\n                \u003cdiv class=\"iconSection\" \u003e\n                    \u003cimg class=\"iconImg\"  alt =\"獸醫把關嚴選單一乳源\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQzMjc4X0ZyYW1lIDE3LnBuZy5wbmciXV0.png?sha=e046fb1fd4495dd4\"\u003e\n                    \u003cp class=\"listTitle\"\u003e獸醫把關\u003cbr\u003e嚴選單一乳源\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"iconSection\"\u003e\n                    \u003cimg class=\"iconImg\"  alt =\"獨立乳桶存放與運送\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQzMjc4X0ZyYW1lIDE2LnBuZy5wbmciXV0.png?sha=8a5451d18a3775a3\"\u003e\n                    \u003cp class=\"listTitle\"\u003e獨立乳桶存放與運送\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"iconSection\" \u003e\n                    \u003cimg class=\"iconImg\"  alt =\"清洗管線確保無前次乳品殘留\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQzMjc4X0ZyYW1lIDE1LnBuZy5wbmciXV0.png?sha=eb17d81a3ec06ae8\"\u003e\n                    \u003cp class=\"listTitle\"\u003e清洗管線\u003cbr\u003e確保無前次乳品殘留\u003c/p\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"section2Container\" style=\"display:flex;width: 60%;margin: 0 auto;\"\u003e\n                \u003cdiv class=\"iconSection2\" \u003e\n                    \u003cimg class=\"iconImg\"  alt =\"箭頭往上\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQ4MTY1X0ZyYW1lIDE5LnBuZy5wbmciXV0.png?sha=3284d08b028dd7ba\"\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"iconSection2\"\u003e\n                    \u003cp class=\"cus-badge indexContentPC\"\u003e酪農\u003c/p\u003e\n                    \u003cimg class=\"iconImg\"  alt =\"酪農\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQ5OTUwX0ZyYW1lLnBuZy5wbmciXV0.png?sha=d09ad1af2ee37c21\"\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"iconSection2\" \u003e\n                    \u003cp class=\"cus-badge indexContentPC\"\u003e消費者\u003c/p\u003e\n                    \u003cimg class=\"iconImg\"  alt =\"消費者\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQ5OTUwX0ZyYW1lLTEucG5nLnBuZyJdXQ.png?sha=bcb9b3c07c8f00b4\"\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"iconSection2\" \u003e\n                    \u003cimg class=\"iconImg\"  alt =\"箭頭往左\" src=\"https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEwODQ4MTY1X0ZyYW1lIDE4LnBuZy5wbmciXV0.png?sha=ffec63ca4a29140f\"\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\" bgImage2-container bgImage2 bgOftext contentPC \" \u003e\n            從單一牧場收乳的獨立乳車,存放與運送至代工廠,確保代工廠管線清洗無其他乳品殘留。\u003cbr\u003e\n            嚴格把關的單一乳源鮮乳,每一滴都代表著牧場飼養的本質。\n            \u003c/div\u003e\n            \n    \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\nfunction openModal(modalId) {\n    const modal = document.getElementById(modalId);\n    modal.classList.add('modal-show');\n    document.body.style.overflow = 'hidden';
89\n    setTimeout(() =\u003e modal.style.opacity = 1, 10); // Ensure transition effect\n}\n\nfunction closeModal(modalId) {\n    const modal = document.getElementById(modalId);\n    modal.style.opacity = 0;\n    document.body.style.overflow = '';\n    setTimeout(() =\u003e modal.classList.remove('modal-show'), 500); // Match transition time\n}\n\ndocument.getElementById('pathPop').addEventListener('click', () =\u003e openModal('pathPopModal'));\ndocument.getElementById('pathPopClose').addEventListener('click', () =\u003e closeModal('pathPopModal'));\n\u003c/script\u003e"},"blocks":{},"block_order":[]},"1718093543811_5":{"type":"_custom_html","custom_name":"NEW 牧場到餐桌","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_body_html":"\u003cstyle\u003e\n.ranchContainer {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-top: 56.25%; /* 16:9 aspect ratio */\n    overflow: hidden;\n}\n\n.ranchText .textNum {\n    left: -59px;\n    width: 100px;\n    position: absolute;\n    height: 100px;\n    background: #fff;\n    color: var(--cus-main-color);\n    border-radius: 200px;\n    border: 1px solid var(--cus-main-color);\n    display: flex;\n    justify-content: center;
89\n    align-items: center;\n}\n\n.ranchText .textDetails {\n    padding: 1% 5% 1% 5%;\n    background: var(--cus-main-color);\n    color: #fff;\n}\n\n.ranch-flex {\n    display: flex;\n    align-items: center;\n}\n\n.ranchSection {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    transition: opacity 1s ease-in-out;\n    display: flex;\n    align-items: center;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n}\n\n.ranchSection:nth-child(1) {\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE2NzA2NzQ4X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF9CR18wLnBuZy5wbmciXV0.png?sha=55bea200f5107b47');\n}\n\n.ranchSection:nth-child(2) {\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE2NzA2NzQ3X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF8wMV8wLnBuZy5wbmciXV0.png?sha=d807e4d004f93517');\n}\n\n.ranchSection:nth-child(3) {\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE2NzA2NzQ4X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF8wMl8wLnBuZy5wbmciXV0.png?sha=1a7c5ef47211ffb6');\n}\n\n.ranchSection:nth-child(4) {\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE2NzA2NzQ4X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF8wM18wLnBuZy5wbmciXV0.png?sha=fc56e832df621f31');\n}\n\n.ranchSection:nth-child(5) {\n    background-image: url('https://cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzE2NzA2NzQ4X2luZGV4X-W-nueJp-WgtOWIsOmkkOahjF8wNF_mm7RfMC5wbmcucG5nIl1d.png?sha=b4f575cfa2957810');\n}\n\n.background {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n#section2, #section3, #section4, #section5 {\n    display: flex;\n    justify-content: center;
89\n    align-items: center;\n}\n\n#section2 img, #section3 img, #section4 img, #section5 img {\n    max-width: 100%;\n    max-height: 100%;\n}\n\n.ranchText {\n    position: absolute;\n    width: auto;\n    z-index: 3;\n    min-width: 600px;\n    transition: opacity 0.5s ease-in-out;\n    opacity: 1; /* Initial opacity */\n}\n\n.ranchText.hovered {\n    opacity: 1;\n}\n\n.ranchText.default {\n    opacity: 0.5;\n}\n\n#text1 {\n    top: 16%;\n    left: 27%;\n}\n\n#text2 {\n    top: 49%;\n    left: 7%;\n}\n\n#text3 {\n    top: 42%;\n    left: 70%;\n}\n\n#text4 {\n    top: 82%;\n    left: 30%;\n}\n\n/* Media queries for responsiveness */\n@media (max-width: 575px) {\n    #text1 {\n        top: 3%;\n        left: 23%;\n        min-width: 430px;\n    }\n    #text2 {\n        top: 47%;\n        left: 6%;\n        min-width: 125px;\n        width: 20%;\n    }\n    #text2 .textDetails {\n        padding: 2% 3% 2% 20%;\n    }\n    #text3 {\n        top: 30%;\n        left: 52%;\n        min-width: 460px;\n    }\n    #text4 {\n        top: 80%;\n        left: 6%;\n        min-width: 410px;\n    }\n    .ranchSection {\n        background-size: cover;\n    }\n    .ranchText .textNum {\n        width: 40px;\n        height: 40px;\n        left: -19px;\n    }\n    .ranchText .textDetails {\n        padding: 1% 1% 1% 6%;\n        line-height: 130%;\n        font-size: 10px;\n    }\n    .ranchSection {\n        background-size: contain;\n    }\n}\n\n@media (min-width: 576px) and (max-width: 767px) {\n    #text1 {\n        top: 6%;\n        left: 27%;\n        min-width: 430px;\n    }\n    #text2 {\n        top: 47%;\n        left: 4%;\n        min-width: 175px;\n        width: 20%;\n    }\n    #text2 .textDetails {\n        padding: 2% 4% 2% 23%;\n    }\n    #text3 {\n        top: 31%;\n        left: 56%;\n        min-width: 460px;\n    }\n    #text4 {\n        top: 80%;\n        left: 4%;\n        min-width: 410px;\n    }\n    .ranchSection {\n        background-size: cover;\n    }\n    .ranchText .textNum {\n        width: 54px;\n        height: 54px;\n        left: -20px;\n    }\n    .ranchText .textDetails {\n        padding: 1.5% 2% 1.5% 9%;\n        line-height: 140%;\n    }\n    .ranchSection {\n        background-size: contain;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 991px) {\n    #text1 {\n        top: 8%;\n        left: 30%;\n        min-width: 520px;\n    }\n    #text2 {\n        top: 52%;\n        left: 4%;\n        min-width: 210px;\n        width: 20%;\n    }\n    #text2 .textDetails {\n        padding: 2% 7% 2% 20%;\n    }\n    #text3 {\n        top: 36%;\n        left: 62%;\n        min-width: 520px;\n    }\n    #text4 {\n        top: 83%;\n        left: 6%;\n        min-width: 520px;\n    }\n    .ranchSection {\n        background-size: cover;\n    }\n    .ranchText .textNum {\n        width: 60px;\n        height: 60px;\n        left: -27px;\n    }\n    .ranchText .textDetails {\n        padding: 1% 4% 1% 9%;\n        line-height: 150%;\n    }\n}\n\n@media (min-width: 992px) and (max-width: 1199px) {\n    #text1 {\n        top: 8%;\n        left: 30%;\n        min-width: 520px;\n    }\n    #text2 {\n        top: 52%;\n        left: 4%;\n        min-width: 300px;\n        width: 20%;\n    }\n    #text2 .textDetails {\n        padding: 1% 7% 1% 20%;\n    }\n    #text3 {\n        top: 36%;\n        left: 62%;\n        min-width: 520px;\n    }\n    #text4 {\n        top: 83%;\n        left: 6%;\n        min-width: 520px;\n    }\n    .ranchSection {\n        background-size: cover;\n    }\n    .ranchText .textNum {\n        width: 75px;\n        height: 75px;\n        left: -25px;\n    }\n    .ranchText .textDetails {\n        padding: 1% 4% 1% 12%;\n        line-height: 160%;\n    }\n}\n\n@media (min-width: 1200px) and (max-width: 1919px) {\n    #text1 {\n        top: 8%;\n        left: 30%;\n        min-width: 520px;\n    }\n    #text2 {\n        top: 52%;\n        left: 4%;\n        min-width: 300px;\n        width: 20%;\n    }\n    #text2 .textDetails {\n        padding: 1% 7% 1% 20%;\n    }\n    #text3 {\n        top: 36%;\n        left: 62%;\n        min-width: 520px;\n    }\n    #text4 {\n        top: 83%;\n        left: 6%;\n        min-width: 520px;\n    }\n    .ranchSection {\n        background-size: cover;\n    }\n    .ranchText .textNum {\n        width: 95px;\n        height: 95px;\n        left: -43px;\n    }\n    .ranchText .textDetails {\n        padding: 1% 4% 1% 12%;\n        line-height: 160%;\n    }\n}\n\n@media (min-width: 1920px) {\n    #text1 {\n        top: 14%;\n        left: 30%;\n        min-width: 650px;\n    }\n    #text2 {\n        top: 52%;\n        left: 4%;\n    }\n    #text3 {\n        top: 36%;\n        left: 65%;\n        min-width: 600px;\n    }\n    #text4 {\n        top: 85%;\n        left: 12%;\n        min-width: 710px;\n    }\n    .ranchSection {\n        background-size: cover;\n    }\n    .ranchText .textNum {\n        width: 150px;\n        height: 150px;\n    }\n    .ranchText .textDetails {\n        padding: 2% 5% 2% 18%;\n        line-height: 180%;\n    }\n}\n\u003c/style\u003e\n\n\u003cdiv class=\"bg-2 ranchContainer\"\u003e\n    \u003cdiv class=\"ranchSection\" id=\"section1\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"ranchSection\" id=\"section2\"\u003e\n        \u003cdiv class=\"ranchText\" id=\"text1\"\u003e\n            \u003cdiv class=\"ranch-flex contentPC text-left\"\u003e\n                \u003cdiv class=\"textNum\"\u003e1\u003c/div\u003e\n                \u003cdiv class=\"textDetails\"\u003e牧場\u003cbr\u003e孕育頂極品質和安全的莊園級鮮乳。\u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"ranchSection\" id=\"section3\"\u003e\n        \u003cdiv class=\"ranchText\" id=\"text2\"\u003e\n            \u003cdiv class=\"ranch-flex contentPC text-left\"\u003e\n                \u003cdiv class=\"textNum\"\u003e2\u003c/div\u003e\n                \u003cdiv class=\"textDetails\"\u003e代工廠\u003cbr\u003e生產透明化,將頂極風味注入包裝成品。\u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"ranchSection\" id=\"section4\"\u003e\n        \u003cdiv class=\"ranchText\" id=\"text3\"\u003e\n            \u003cdiv class=\"ranch-flex contentPC text-left\"\u003e\n                \u003cdiv class=\"textNum\"\u003e3\u003c/div\u003e\n                \u003cdiv class=\"textDetails\"\u003e銷售\u003cbr\u003e明確產品標示,能安心選購。\u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"ranchSection\" id=\"section5\"\u003e\n        \u003cdiv class=\"ranchText\" id=\"text4\"\u003e\n            \u003cdiv class=\"ranch-flex contentPC text-left\"\u003e\n                \u003cdiv class=\"textNum\"\u003e4\u003c/div\u003e\n                \u003cdiv class=\"textDetails\"\u003e餐桌\u003cbr\u003e保有頂極品質和風味,闔家放心喝。\u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\
89n    let sections = document.querySelectorAll('.ranchSection');\n    let texts = document.querySelectorAll('.ranchText');\n    let currentSection = 0;\n    let container = document.querySelector('.ranchContainer');\n\n    function showNextSection() {\n        if (currentSection \u003c sections.length) {\n            sections[currentSection].style.opacity = 1;\n            currentSection++;\n            setTimeout(showNextSection, 3000); // Change section every 3 seconds\n        } else {\n            texts.forEach((text, index) =\u003e {\n                text.style.opacity = 0.5; // Set initial opacity of texts to 0.5\n                text.addEventListener('mouseenter', () =\u003e {\n                    text.style.opacity = 1;\n                    sections.forEach((section, secIndex) =\u003e {\n                        if (secIndex === 0) {\n                            section.style.opacity = 1; // Always keep section1 opacity 1\n                        } else if (secIndex === index + 1) {\n                            section.style.opacity = 1;\n                        } else {\n                            section.style.opacity = 0.3;\n                        }\n                    });\n                });\n                text.addEventListener('mouseleave', () =\u003e {\n                    text.style.opacity = 0.5;\n                    sections.forEach((section) =\u003e {\n                        section.style.opacity = 1;\n                    });\n                });\n                text.addEventListener('click', () =\u003e {\n                    text.style.opacity = 1;\n                    sections.forEach((section, secIndex) =\u003e {\n                        if (secIndex === 0) {\n                            section.style.opacity = 1; // Always keep section1 opacity 1\n                        } else if (secIndex === index + 1) {\n                            section.style.opacity = 1;\n                        } else {\n                            section.style.opacity = 0.3;\n                        }\n                    });\n                });\n            });\n        }\n    }\n\n    let observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                showNextSection();\n                observer.disconnect(); // Stop observing after animation starts\n            }\n        });\n    }, { threshold: 0.1 });\n\n    observer.observe(container);\n});\n\n\u003c/script\u003e\n"},"blocks":{},"block_order":[]},"1720253329378_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"swiper_delay":"100","margin_x":"0","margin_bottom":"0","image_number":"1","image_space":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","mobile_image_number":"1","mobile_image_space":"8"},"blocks":{"1720253329382_0":{"type":"image","custom_name":"輪播banner","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzI1OTg3NjU4XzIwMjQwOTEwX2Jhbm5lcl_kuK3np4vnr4DmmqvlgZzphY3pgIHlhazlkYpfMTkyMHg2MjAuanBnLmpwZWciXV0.jpeg?sha=1d3cfc3cb8d59d6c","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/specialsale","main_slider_image_alt":"鮮乳坊|檔期推薦商品","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1721732893365_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzIxNzMzMTgzXzIwMjMwNzI1X2Jhbm5lcl_porHpoqjmmqvlgZzphY3pgIHlhazlkYpfTyAoMSkuanBnLmpwZWciXV0.jpeg?sha=93a83ca157535a2b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}}},"block_order":["1720253329382_0"]},"1729476237073_4":{"type":"_index_4_blocks","custom_name":"乳牛選美banner","visible":true,"settings":{"margin_x":"0","margin_bottom":"0","margin_block":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","mobile_columns":1,"mobile_margin_block":"10"},"blocks":{"1729476237082_0":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzI5NDc3OTA0X-mmlumggUJOX-mmlumggSBCT
89i0gKDEpICgxKSAoMSkgKDEpLmpwZy5qcGVnIl1d.jpeg?sha=1fac84f9f2cac1da","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzI5NDc3OTA0X-mmlumggUJOX-mmlumggSBCTi0gKDEpICgxKSAoMSkgKDEpLmpwZy5qcGVnIl1d.jpeg?sha=1fac84f9f2cac1da","dict_mobile_image_url":"","dict_link":"/collections/2024oct","block_propotion":"100"}}},"block_order":["1729476237082_0"]},"1735262779085_1":{"type":"_index_product_banner","custom_name":"2025極蛋捲・春節禮盒","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM1MjYyODI5X-WumOe2summlumggWJhbm5lci5qcGcuanBlZyJdXQ.jpeg?sha=f16864a7cc80eec3","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/specialsale","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0"},"blocks":{},"block_order":[]},"1737708673210_1":{"type":"_index_product_banner","custom_name":"檔期banner","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzg4MTA4MDk4XzIwMjYwNzIxX-mmlumggWJhbm5lcit3ZWIgcHVzaF_kuK3np4vmm7LlpYfnpq7nm5Jf5a6Y57ay6Lyq5pKtQmFubmVyLXdlYl8yX-mZkOaZguWKoOmWiy5qcGcuanBlZyJdXQ.jpeg?sha=a8143f216da292ee","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzg4MTA4MDk4XzIwMjYwNzIxX-mmlumggWJhbm5lcit3ZWIgcHVzaF_kuK3np4vmm7LlpYfnpq7nm5Jf5a6Y57ay6Lyq5pKtQmFubmVyLW1vYmlsZV8yX-mZkOaZguWKoOmWiy5qcGcuanBlZyJdXQ.jpeg?sha=55f7bc28d10a8f51","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzg4MTA4MDk4XzIwMjYwNzIxX-mmlumggWJhbm5lcit3ZWIgcHVzaF_kuK3np4vmm7LlpYfnpq7nm5Jf5a6Y57ay6Lyq5pKtQmFubmVyLW1vYmlsZV8yX-mZkOaZguWKoOmWiy5qcGcuanBlZyJdXQ.jpeg?sha=55f7bc28d10a8f51","dict_link":"/collections/specialsale","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","display_cta_btn":false,"link_open_in_new_tab":true},"blocks":{},"block_order":[]},"1737711133459_1":{"type":"_index_product_banner","custom_name":"橫幅廣告","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM3NzEwOTQ3XzIwMjUwMTA2X2Jhbm5lcl_mmKXnr4Bf6YCj5YGH5pqr5YGc5pyN5YuZXzE5MjB4NjIwX1YyLmpwZy5qcGVnIl1d.jpeg?sha=cd8fee21adc5d019","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0"},"blocks":{},"block_order":[]},"1737711739538_0":{"type":"_main_slider_custom","custom_name":"2025春節期間輪播素材","visible":false,"settings":{"swiper_delay":"5","margin_x":"0","margin_bottom":"0","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"0","mobile_image_number":"1","mobile_image_space":"8"},"blocks":{"1737711739539_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM3NzEyMjYzX-W3peS9nOWNgOWfnyAxNi5wbmcucG5nIl1d.png?sha=6e04685da9bcbaf7","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/specialsale","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1737711783553_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM3NzEwOTQ3XzIwMjUwMTA2X2Jhbm5lcl_mmKXnr4Bf6YCj5YGH5pqr5YGc5pyN5YuZXzE5MjB4NjIwX1YyLmpwZy5qcGVnIl1d.jpeg?sha=cd8fee21adc5d019","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}},"block_order":["1737711739539_0","1737711783553_0"]},"1738039062955_1":{"type":"_index_product_banner","custom_name":"公告banner","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgxNzU1NjA0XzIwMjYwMzIwX2Jhbm5lcl_nq6_ljYjnr4DpgKPlgYfmmqvlgZzphY3pgIHlhazlkYpfMTkyMHg2MjAuanBnLmpwZWciXV0.jpeg?sha=a60aeff55fef9855","dict_tablet_image_url":"","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzgxNzU1NjA0XzIwMjYwMzIwX2Jhbm5lcl_nq6_ljYjnr4DpgKPlgYfmmqvlgZzphY3pgIHlhazlkYpfMTkyMHg2MjAuanBnLmpwZWciXV0.jpeg?sha=a60aeff55fef9855","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0"},"blocks":{},"block_order":[]},"1738040582096_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"swiper_delay":"5","margin_x":"0","margin_bottom":"-50","image_number":"1","image_space":"0","mobile_margin_x":"0","mobile_margin_bottom":"-24","mobile_image_number":"1","mobile_image_space":"0"},"blocks":{"1738040582097_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM4MDM5NjQ3X-W3peS9nOWNgOWfnyAxNi5wbmcucG5nIl1d.png?sha=4c8d351667661150","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/specialsale","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1738040598401_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzM3NzEwOTQ3XzIwMjUwMTA2X2Jhbm5lcl_mmKXnr4Bf6YCj5YGH5pqr5YGc5pyN5YuZXzE5MjB4NjIwX1YyLmpwZy5qcGVnIl1d.jpeg?sha=cd8fee21adc5d019","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}},"block_order":["1738040582097_0","1738040598401_0"]},"1778816173675_6":{"type":"_graphic_introduction","custom_name":"色塊緩衝區","visible":true,"settings":{"text_display":"leftPosition","graphic_text":"#373420","graphic_bg"
89:"#F7F5F3","margin_x":"0","margin_bottom":"-60","mobile_margin_x":"0","mobile_margin_bottom":"-50","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":"","btn_display":"leftSide","block_propotion":"50"},"blocks":{"1778816173677_0":{"type":"title","custom_name":"標題","visible":false,"settings":{"dict_rich_text_title":"","dict_size":"0"}},"1778816417406_1":{"type":"text","custom_name":"內文","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003e\u003c/p\u003e\n","dict_size":"0"}}},"block_order":["1778816173677_0","1778816417406_1"]},"announcement_bar":{"type":"announcement_bar","visible":true,"blocks":{"announcement_bar_block_1":{"type":"image","visible":true,"settings":{"display_only_index":false,"display_period":"always","dict_link":"","link_open_in_new_tab":false,"dict_image_url":"","dict_image_tablet_url":"","dict_image_mobile_url":"","image_alt":"","dict_content":"","text_size":"12","text_color":"#ffffff","bg_color":"#000000","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","migrated_from_navbar":true},"custom_name":"圖片"}},"block_order":["announcement_bar_block_1"],"settings":{"display_mode":"vertical","carousel_interval":"3"},"custom_name":"置頂公告"}},"navbar_image_logo":true,"show_default_all_products":true,"one_dimension_limit":"6","two_dimension_limit":"10","header_banner_display":true,"header_banner_link":"/","display_main_slider":true,"display_phone":true,"phone_number":"0912345678","display_fax_number":true,"shop_fax_number":"0222345678","display_shop_email":true,"shop_email":"[email protected]","display_shop_address":true,"shop_address":"測試地址","display_office_time":true,"shop_office_time":"10:00-17:00","index_event_slider_display":true,"index_event_slider_item_1_display":true,"dict_index_event_slider_item_1_link":"#","index_event_slider_item_2_display":true,"dict_index_event_slider_item_2_title":"2019秋季鞋款新品上市","dict_index_event_slider_item_2_link":"#","index_event_slider_item_3_display":true,"dict_index_event_slider_item_3_title":"全館任選三件結帳再享折扣!!8折!!","dict_index_event_slider_item_3_link":"#","index_event_slider_item_4_display":true,"dict_index_event_slider_item_4_title":"FINAL SALE/夏天熱銷百搭鞋款補貨到店","dict_index_event_slider_item_4_link":"#","index_event_slider_item_5_display":true,"dict_index_event_slider_item_5_title":"熱賣倒數","dict_index_event_slider_item_5_link":"#","index_event_slider_item_6_display":true,"dict_index_event_slider_item_6_title":"現在註冊會員即可享折扣金$50(現折)","dict_index_event_slider_item_6_link":"#","index_event_slider_item_7_display":false,"dict_index_event_slider_item_7_title":"","dict_index_event_slider_item_7_link":"","index_event_slider_item_8_display":false,"dict_index_event_slider_item_8_title":"","dict_index_event_slider_item_8_link":"#","index_event_slider_item_9_display":false,"dict_index_event_slider_item_9_title":"","dict_index_event_slider_item_9_link":"#","index_event_slider_item_10_display":false,"dict_index_event_slider_item_10_title":"","dict_index_event_slider_item_10_link":"#","index_4_slider_display":true,"dict_index_4_slider_title":"Instagram","index_4_slider_item_1_display":true,"dict_index_4_slider_item_1_link":"#","index_4_slider_item_2_display":true,"dict_index_4_slider_item_2_link":"#","index_4_slider_item_3_display":true,"dict_index_4_slider_item_3_link":"#","index_4_slider_item_4_display":true,"dict_index_4_slider_item_4_link":"#","index_4_slider_item_5_display":true,"dict_index_4_slider_item_5_link":"#","index_4_slider_item_6_display":false,"dict_index_4_slider_item_6_link":"#","index_4_slider_item_7_display":false,"dict_index_4_slider_item_7_link":"#","index_4_slider_item_8_display":false,"dict_index_4_slider_item_8_link":"#","index_video_blocks_display":true,"dict_index_video_blocks_title":"Youtube","dict_index_video_blocks_video_link":"https://www.youtube.com/watch?v=3bI4IUIVjCk","collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","product_slogan_display":false,"display_product_total_sold":false,"display_periodic_order_label":false,"cart_quantity_limit":"150","is_empty_clickable":true,"is_first_selected":false,"display_product_images_color":false,"discount_product_images_color_expand":false,"display_product_discounts_list":true,"display_discount_price_name":false,"discount_price_slogan_url":"","dict_discount_price_name":"","display_discount_price_suggestion_name":false,"dict_discount_price_suggestion_name":"","display_product_section_description":true,"dict_product_section_description":"商品介紹","description_section_spec_setting":true,"dict_product_description_section_spec":"規格說明","description_section_shipping_setting":true,"dict_product_description_section_shipping":"運送方式","vip_custom_price_visible":false,"display_global_event_1":false,"dict_show_global_event_1_link":"#","display_global_event_2":false,"dict_show_global_event_2_link":"#","display_global_event_3":false,"dict_show_global_event_3_link":"#","display_contact_address":true,"dict_contact_address":"測試地址","show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e","display_selected_blog":true,"selected_blog":"news","display_inventory_policy":false,"google_font":"{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Serif TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}","styled_shop_menu":"buttonType","product_scale":"default_scale","display_product_vendor":true,"product_text_align":"center","product_video_display_location":"before","product_labels":{"items":[{"id":"sale_label","kind":"system","title":"特價標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"large"},{"id":"out_of_stock_label","kind":"system","title":"缺貨標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"periodic_event_label","kind":"system","title":"定期定額標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"cfa1b342-e12e-42d5-a94b-acf3feb10587","kind":"custom","title":"自定義標籤 1","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"f5acf2c0-4366-47fc-a884-99396bdbedc2","kind":"custom","title":"自定義標籤 2","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"2f686b31-2d15-49ec-93e7-5b6afce6c13a","kind":"custom","title":"自定義標籤 3","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"33b5b1ba-3476-43f5-b903-4eff6ad09422","kind":"custom","title":"自定義標籤 4","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"9ecbe46a-f41f-4e24-a8cb-98f78ab7be25","kind":"custom","title":"自定義標籤 5","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"}]},"nav_icon_style":"icon_type_default","product_card_hover_effect":"button","product_image_border_radius":"0"});
90  </script>
90
91
92
93
94
95
96
97
98
99
100
101    <!-- for vendor -->
102    <!-- cyb_snippet _bootstrap start -->
103
104<!-- cyb_snippet _bootstrap end -->
105    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/vendor-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
106
107    <!-- common css rulesets -->
108    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/common-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
109
110    <!-- for navbar -->
111    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/navbar-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
112
113    <!-- for footer -->
114    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/footer-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
115
116    <!-- theme assets -->
117    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/main-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
118
119    <!-- for vendor -->
120    
120<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/vendor-7338a3080043cbaa.js' type='text/javascript'></script>
120
121
122            
122<script>
123          window.sci = "eyJzaG9wX2lkIjoyMDQwNiwic2hvcF9wbGFuIjoiZW50ZXJwcmlzZSIsImRp\nbV9hZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21l\ncl9uYW1lIjpudWxsLCJzaG9wX25hbWUiOiLprq7kubPlnYoiLCJzaGFyZV9h\ndHRyaWJ1dGlvbl9lbmFibGVkIjpmYWxzZX0=\n";
124        </script>
124
125
126
127<meta name="csrf-param" content="authenticity_token" />
128<meta name="csrf-token" content="L45SnIBV9_8DwgMyY3HyyfnOcX_wifTgCBblix4yVI2sy59_P-UlJHjM4djXAfxFALFAEvcuGrsRaWU215s1AA" />
129<script>(function () {
130  window.gaConfigurations = {"useProductIdInProductEvents":false};
131})();
132</script>
vendor: 1 bytes, line 132
132
133<script>(function () {
134  window.CYBERBIZ_PageContext = {"page_type":"content"};
135})();
136</script>
136
137<link href="//cdn-general.cybassets.com/frontend/shop/quark-7338a3080043cbaa.css" rel="stylesheet" type="text/css" media="all" />
138        
138<script>
139          window.shopScriptHelper = {
140            i18nLocale: "zh-TW",
141            i18nLocaleDefault: "zh-TW",
142            availableCurrencies: ["AED","AMD","ARS","AUD","AZN","BDT","BGN","BND","BRL","BWP","BYN","CAD","CDF","CHF","CLP","CNY","COP","CZK","DKK","EGP","ETB","EUR","GBP","GEL","GHS","HKD","IDR","ILS","INR","ISK","JPY","KES","KRW","KWD","KZT","LAK","LKR","LSL","MAD","MGA","MMK","MVR","MXN","MYR","MZN","NGN","NOK","NPR","NZD","OMR","PEN","PHP","PKR","QAR","RON","RSD","RUB","SAR","SEK","SGD","THB","TRY","TWD","UAH","UGX","USD","VND","XAF","XOF","ZAR","ZMW"],
143            defaultCurrency: "TWD",
144            currenciesInfo: [{"code":"TWD","decimal_precision":0,"email":"NT${{amount_no_decimals}}","unit":"","trailing_zeros":false,"money_format":"%u%n","symbol":"NT$","format":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","html":"NT${{amount_no_decimals}}","html_unit":"NT${{amount_no_decimals}}","name":"新台幣 (TWD)"}],
145            vueOverrideTranslations: {"zh-TW":{"vue":{"theme_pages":{"order_return":{"address1":"詳細退貨地址:路/巷/弄/號/樓","keyin_address1":"請填寫詳細退貨地址:路/巷/弄/號/樓"}}}}},
146            hasI18nInContextEditing: false,
147            shopMultipleCurrenciesCheckout: false,
148            hasLocalizedShopPriceFormat: true,
149          }
150        </script>
150
151
152        
153        
153<script
154          src="//cdn-general.cybassets.com/frontend/shop/tolgeeIntegration-7338a3080043cbaa.js">
155        </script>
155
156        
156<script defer>
157          /*
158          * Enable in-context translation for Liquid part on the page.
159          * This must be executed last to prevent conflicts with other Vue apps.
160          * So put it to `onload`, which will be executed after DOM ready's app mount
161          */
162          window.onload = function() {
163            if (
164              window.shopScriptHelper &&
165              window.shopScriptHelper.hasI18nInContextEditing
166            ) {
167              window.initTolgeeForLiquid()
168            }
169          }
170        </script>
170
171
172<script> var google_con_event_labels = [{"conversion_id":"10951661849","conversion_event":"all","conversion_label":"5sRxCITn_NADEJmylOYo","id":null},{"conversion_id":"10951661849","conversion_event":"home_page","conversion_label":"8x_ICPeTtdEDEJmylOYo","id":null},{"conversion_id":"10951661849","conversion_event":"checkout_page","conversion_label":"c2UCCO3q_NADEJmylOYo","id":null},{"conversion_id":"10951661849","conversion_event":"account_created","conversion_label":"ORlcCK3s_NADEJmylOYo","id":null},{"conversion_id":"10951661849","conversion_event":"order_created","conversion_label":"5l23CL_pttADEJmylOYo","id":null},{"conversion_id":"10951661849","conversion_event":"add_to_cart","conversion_label":"YqSoCOzv_NADEJmylOYo","id":null}]</script>
vendor: 1 bytes, line 172
172
173<script src="//cdn-general.cybassets.com/frontend/shop/pageEventHandler-7338a3080043cbaa.js"></script>
vendor: 1 bytes, line 173
173
174<script src="//cdn-general.cybassets.com/frontend/shop/globalAnalysis-e4c650eb0b.js"></script>
174
175        
175<script>
176          window.c12t = {"customer_id":null};
177        </script>
177
178
179        <meta name="request-id" content="F508C7D074A22406CB59C61064088292"/>
180
181<link rel="canonical" href="https://www.bettermilk.com.tw/blogs/news">
182<script src="//cdn-general.cybassets.com/frontend/shop/carousel-7338a3080043cbaa.js"></script>
182
183          
183<script>
184            window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*');
185          </script>
185
186
187<script src="//cdn-general.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 187
187
188<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5hbHl0aWNzIDQiLCJhcHBfaWQi\nOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlDRm90Q0FPZm0xSDZtZ3hyNkZB\nIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctVjJOTTY2SkhWWCJ9fSx7InZl\nbmRvcl90eXBlIjoiQ1lCRVJCSVogR29vZ2xlIEFuYWx5dGljcyA0IiwiYXBw\nX2lkIjoiUVVqNVpxb2VJT1I5WjNiWktrazBuODd5eWtBaTllNDVERGgydGJR\nZ2lCQSIsInNldHRpbmdzIjp7Imd0YWdfaWQiOiJHLUYzN0owTVkyOE4sIEct\nNEI3Uks3RkhXSCJ9fSx7InZlbmRvcl90eXBlIjoidGFnbm9sb2d5IiwiYXBw\nX2lkIjoiMjQxN2ViN2M1MThiNDk0MmEzNWY4OTJhZjQ4NmE4MmIiLCJzZXR0\naW5ncyI6e319LHsidmVuZG9yX3R5cGUiOiJDaGF0IEJveCIsImFwcF9pZCI6\nImM5ZDgzZjA5OTYxNzRmYmJhODZlYmEwNDFhZTg5OGEyIiwic2V0dGluZ3Mi\nOnsid2lkZ2V0X2tleSI6IkpkZXl5Nkxrc1dtakpIY1QifX0seyJ2ZW5kb3Jf\ndHlwZSI6IkRpZ2l0YWwgSW50ZWxsaWdlbmNlIFRyYWNrZXIiLCJhcHBfaWQi\nOiIxYjUwYTg2ZGMyZDE0MTgzODhmZGVkZjdhMGQ0MzlhZSIsInNldHRpbmdz\nIjp7fX1d\n"}
189</script>
vendor: 1 bytes, line 189
189
190<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 190
190
191<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 191
191
192<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/abf30cac3c63a7ca1d36abe38d1e170a5beb09a5a7d143edf8bb293c13de661f.js"></script>
vendor: 1 bytes, line 192
192
193<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/8766542902afa60f4adda3c555c06025d2c27771ea85a6fc657a91cddbe5c59f.js"></script>
vendor: 1 bytes, line 193
193
194<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 194
194
195<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 195
195
196<script src="//cdn-general.cybassets.com/frontend/shop/setAffliateCookie-7338a3080043cbaa.js"></script>
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214<meta name="title" content="部落格|鮮乳坊活動推廣">
215<meta property="og:title" content="部落格|鮮乳坊活動推廣">
216<meta name="description" content="關於鮮乳坊新品上市、聯名合作,或是各式各樣新奇有趣的活動,都能在此專區找到資訊喔!">
217<meta property="og:description" content="關於鮮乳坊新品上市、聯名合作,或是各式各樣新奇有趣的活動,都能在此專區找到資訊喔!">
218<meta name="keywords" content="新品上市,聯名合作,聯名商品,擺攤,市集,鮮乳坊">
219<meta property="og:url" content="https://www.bettermilk.com.tw/blogs/news">
220<meta property="og:type" content="website">
221
222
223            <link rel="next" href="?page=2">
224          
225
226    <style id="color_settings">
227  :root {
228    
229      --button: #f47373;
230    
231
232    
233      --button_text: #FFFFFF;
234    
235
236    
237      --accent: #2B2B6E;
238    
239
240    
241      --heading: #565656;
242    
243
244    
245      --text: #9A9EA2;
246    
247
248    
249      --price: #C39D6F;
250    
251
252    
253      --discount_price: #C39D6F;
254    
255
256    
257      --theme_bg: #FFFFFF;
258    
259
260    
261      --nav_logo_bg: #FFFFFF;
262    
263
264    
265      --nav_menu_bg: #FFFFFF;
266    
267
268    
269      --nav_menu_text: #565656;
270    
271
272    
273      --nav_menu_icon: #565656;
274    
275
276    
277      --footer_bg: #D9D9D9;
278    
279
280    
281      --footer_text: #8E847D;
282    
283
284    
285      --checkout_button: #f47373;
286    
287
288    
289      --checkout_accent: #2b2b6e;
290    
291
292    
293      --product_border: #E2E2E2;
294    
295
296    
297      --tips_text: #0C5460;
298    
299
300    
301
302    
303  }
304</style>
305
306
307
308    
309    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&display=swap" rel="stylesheet">
310    <link rel="preload" href="https://adchengzhi7.github.io/GenRyuMinTWWoff/GenRyuMinTW-M.woff2" as="font" type="font/woff2" crossorigin>
311    <link rel="preload" href="https://adchengzhi7.github.io/GenRyuMinTWWoff/GenRyuMinTW-R.woff2" as="font" type="font/woff2" crossorigin>
312    <link rel="preload" href="https://adchengzhi7.github.io/GenRyuMinTWWoff/GenRyuMinTW-SB.woff2" as="font" type="font/woff2" crossorigin>
313
314    <style>
315        
316        @font-face {
317            font-family: 'PunctuationFont';
318            src: url('https://fonts.gstatic.com/s/notoseriftc/v23/XLYgIZb5bJNDGYxLBibeHZ0BhnIET3FsCN0FAgvgEq4qZwtrwBrhpwcyws-Z2oxkXLqzDtbj3psk.6.woff2') format('woff2');
319            unicode-range: U+3001, U+300C, U+300D;
320            
321
322            }
323        @font-face {
324            font-family: 'GenRyuMin'; /* 給字體命名 */
325            src: url('https://adchengzhi7.github.io/GenRyuMinTWWoff/GenRyuMinTW-R.woff2') format('woff2'), /* WOFF2 for modern browsers */
326            font-weight: normal;
327            font-style: normal;
328            font-display:swap;
329        }
330        @font-face {
331            font-family: 'GenRyuMin M'; /* 給字體命名 */
332            src: url('https://adchengzhi7.github.io/GenRyuMinTWWoff/GenRyuMinTW-M.woff2') format('woff2'), /* WOFF2 for modern browsers */
333            font-weight: normal;
334            font-style: normal;
335            font-stretch:wider;
336            font-display:swap;
337        }
338        @font-face {
339            font-family: 'GenRyuMin SB'; /* 給字體命名 */
340            src: url('https://adchengzhi7.github.io/GenRyuMinTWWoff/GenRyuMinTW-SB.woff2') format('woff2'), /* WOFF2 for modern browsers */
341            font-weight: normal;
342            font-style: normal;
343            font-stretch:wider;
344            font-display:swap;
345        }
346        
347        :root {
348              --cus-main-color: #7D6D62;
349              --cus-brand-color-01:#F3A69D;
350              --cus-brand-color-02:#FBDACC;
351              --cus-bg-0:#FFF;
352              --cus-bg-1:#F7F5F3;
353              --cus-bg-2:#E9EAE5;
354              --cus-bg-3:#FBF9F3;
355              --cus-bg-4:#F2EEE2;
356              --cus-color-0:#FFF;
357              --cus-color-1:#F7F5F3;
358              --cus-color-2:#E9EAE5;
359              --cus-color-3:#FBF9F3;
360              --cus-color-4:#F2EEE2; 
361            }
362        
363        body {
364            font-family: 'PunctuationFont', 'GenRyuMin M', sans-serif !important !important ;
365        }
366
367  </style>
368
369  
370        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 370-371
370
371          <script async src="https://www.googletagmanager.com/gtag/js?id=
371G-F37J0MY28N
vendor: 22 bytes, lines 371-372
371"></script>
372          
372<script>
373            
vendor: 183 bytes, lines 373-378
373window.dataLayer = window.dataLayer || [];
374            function gtag(){dataLayer.push(arguments);}
375            gtag('js', new Date());
376            
377            
378      gtag('config', '
378G-BPS8QF5QGP
vendor: 27 bytes, line 378
378', {"groups":"ecommerce"});
378gtag('config', 'UA-69111030-4', {"groups":"ecommerce"});gtag('config', 'AW-10951661849', {"groups":"dynamic_remarketing"});gtag('config', 'AW-10951661849', {'allow_enhanced_conversions':true});</script>
378
379      
379<script>
380        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
381        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
382        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
383        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
384
385        ga('create', '', 'auto', {'name': 'cyberbiz'});
386        ga('cyberbiz.require', 'displayfeatures');
387        ga('cyberbiz.set', 'dimension1', '20406');
388        ga('cyberbiz.require', 'ec');
389        ga('cyberbiz.send', 'pageview');
390      </script>
390
391    
392      
392<script>
vendor: 426 bytes, lines 392-399
392
393      !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
394      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
395      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
396      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
397      document,'script','//connect.facebook.net/en_US/fbevents.js');
398
399      fbq('init', '
399956691074954681
vendor: 38 bytes, lines 399-400
399', {}, {'agent':'plcyberbiz'});
400      
400fbq('track', "PageView", '', { eventID: "PageView_F508C7D074A22406CB59C61064088292" });
401      var facebook_pixel_id = '956691074954681'</script>
401
402
403    </head>
404
405  <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 405-406
405
406            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
406GTM-KDTMLHN
vendor: 179 bytes, lines 406-409
406"
407            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
408          
409            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
409GTM-K8QRJQT5
vendor: 179 bytes, lines 409-412
409"
410            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
411          
412            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
412GTM-WTV6LTR
vendor: 105 bytes, lines 412-414
412"
413            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
414          
414<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 414-416
414
415      <noscript><iframe
416      src="//www.googletagmanager.com/ns.html?id=
416GTM-TXD9LVJ
vendor: 186 bytes, lines 416-423
416"
417      height="0"
418      width="0"
419      style="display:none;visibility:hidden">
420      </iframe></noscript>
421    
422      <noscript><iframe
423      src="//www.googletagmanager.com/ns.html?id=
423GTM-P7528MQ
vendor: 117 bytes, lines 423-429
423"
424      height="0"
425      width="0"
426      style="display:none;visibility:hidden">
427      </iframe></noscript>
428    
429    
429<!-- Navigation -->
430     <!-- cyb_snippet liquid_helper start -->
431<script>
432	function getDiscountPriceName() {
433		return "false" === "true" ? "" : "";
434	}
435
436	function getDiscountPriceSuggestionName() {
437		return "false" === "true" ? "" : "";
438	}
439
440  document.addEventListener('DOMContentLoaded', function() {
441    const languageHandle = Cookies.get("language");
442    const defaultLanguage = {"currency_code":"TWD","handle":"zh-TW","title":"繁體中文"};
443    const languages = [];
444    const currency = window.shopScriptHelper.defaultCurrency;
445    const currencies = window.shopScriptHelper.currenciesInfo;
446		window.liquidHelper = {
447			shopInternational: false,
448			defaultLanguage: defaultLanguage,
449			language: languages.find(function(l) {
450				return l.handle === languageHandle;
451			}) || defaultLanguage,
452      shopMultipleCurrenciesCheckout: false,
453			shopMultipleCurrencies: false,
454			defaultCurrencyFormat: "NT${{amount_no_decimals}}",
455			defaultCurrency: currency,
456			getCurrency: function() {
457        const currencyValue = Cookies.get("currencyValue") || currency;
458        return currencies.find(function(c) { return c.code === currencyValue; }
459      )},
460      getDefaultCurrency: function() { return currencies.find(function(c) {
461				return c.code === currency;
462			})},
463      getAvailableCurrencies: function() { return currencies.map(c => c.code) },
464      getCurrencyFormatInfo: function(currency) {
465        const currencyInfo = currencies.find(c => c.code === currency)
466        return _.pick(currencyInfo, [
467          'decimal_precision',
468          'symbol',
469          'money_format',
470          'unit',
471          'trailing_zeros',
472          'html_unit',
473          'code',
474        ]);
475      },
476			cartQuantityLimit: (function() {
477        const limit = Number("150" || undefined);
478        return limit <= 0 || isNaN(limit) ? Number.POSITIVE_INFINITY : limit;
479      })(),
480			isFirstVariantSelected:  false ,
481			isImageColorsUsed:  false ,
482			isEmptyClickable:  true ,
483			hasAddBuyProduct: '' !== "" ? true : false,
484			hasPriceWithDiscountPlugin: 'true' ? true : false,
485      conversionBonus: 1,
486      hasLocalizedShopPriceFormat: true,
487      hasCustomerCartPlugin: true,
488      isCartEnabled: true,
489      cdnHost: '//cdn-general.cybassets.com',
490      hasShopCustomPasswordRulePlugin: false,
491      hasDisableProductQuantityValidation: false,
492      hasBreadcrumbReferrerEnabled: false,
493		};
494	});
495</script>
495
496
497<!-- cyb_snippet liquid_helper end -->
498
499<script src='//cdn-general.cybassets.com/frontend/shop/navbarSection-7338a3080043cbaa.js' type='text/javascript'></script>
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516<style>
517  
518    #navbar {
519      --navbar-pc-title-scale: 1.0;
520      --navbar-pc-body-scale: 1.0;
521      --navbar-mobile-title-scale: 1.0;
522      --navbar-mobile-body-scale: 1.0;
523    }
524  
525
526  
527
528  
529</style>
530
531
532  <span id="navbar" class="drawer drawer--left font-size-setting-enabled">
533    <header id="header" class="qk-w--100vw qk-pos--fixed qk-t--0 qk-l--0">
534      
535
536      
537        <div id="announcement-bar"></div>
538      
539
540      
541      
542        
543
544        <div class="computer_nav row_nav qk-hidden--mobile ">
545          <div class="header_logo qk-bg--nav_logo_bg">
546            <div class="qk-pos--rel">
547              <div class="qk-text--center qk-display--flex">
548                <!-- logo start -->
549                
550                
551                  <nav class="logo qk-display--il_bk">
552                    <a href="/" class="qk-w--100">
553                      <img
554                        src="//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532"
555                        class="qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--pc_logo qk-hidden--mobile"
556                        style="width: auto; height: 52px;"
557                        alt="鮮乳坊"
558                        height="52"
559                        width="auto"
560                      >
561                    </a>
562                  </nav>
563                
564                <!-- logo end -->
565                
566                  <div class="header_nav qk-flex--1">
567                    <div class="qk-pos--relative center qk-pd_r--1 qk-w--100">
568                      <!-- main-nav start -->
569                      <nav class="main_nav qk-display--init">
570                        <!-- cyb_snippet _main_nav_skeleton start --><ul
571    class="main_nav_skeleton link_shelf_top qk-display--flex qk-flex--row qk-flex--wrap qk-justify--center qk-align--center qk-body"
572    style="justify-content: start; visibility: hidden;"
573    aria-hidden="true"
574  ><span>
575        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">首頁</a></li>
576      </span><span>
577        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><span class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--default">最新消息</span></li>
578      </span><span>
579        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/pages/aboutbettermilk_1" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">關於鮮乳坊</a></li>
580      </span><span>
581        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/pages/category" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">產品介紹</a></li>
582      </span><span>
583        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/pages/partner" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">品牌合作</a></li>
584      </span><span>
585        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/blogs/veterinary" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">部落格</a></li>
586      </span><span>
587        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/pages/sale" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">購買商品</a></li>
588      </span></ul><!-- cyb_snippet _main_nav_skeleton end -->
589                      </nav>
590                      <!-- main-nav end -->
591                    </div>
592                  </div>
593                
594                <!-- tool-nav start -->
595                
596                  <div style="display: flex; align-items: center; position: relative; top: -12px;">
597                    <!-- cyb_snippet tool_nav start -->
598
599
600
601
602
603
604<nav class="tool-nav qk-pos--rel qk-float--r qk-display--flex">
605  <ul class="link_shelf_top qk-display--flex qk-flex--row qk-justify--end qk-align--center qk-pos--abs qk-r--0">
606    
607    
608    <!-- member -->
609    
610      <li class="customer_account qk-pos--rel qk-pd--05">
611        <div class="dropdown qk-pos--static">
612          <div class="qk-cursor--pointer" data-toggle="dropdown">
613            <div data-icon-type="custom_icon_type_account"></div>
614            <span class="text"></span>
615          </div>
616          <div class="member qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu">
617            <ul id="customer-logined-menu" style="display: none">
618              <li>
619                <div class="qk-fs--body qk-text--heading">
620                  <p class="customer-name qk-whitespace-break-spaces"></p>
621                  <p>您好!</p>
622                </div>
623              </li>
624            </ul>
625            <ul id="customer-not-login-menu">
626              <li class="button qk-text--center">
627                <a href="/account/login" class="btn-login qk-btn qk-btn--lg qk-btn--primary qk-w--100">會員登入</a>
628              </li>
629              <li class="button qk-text--center">
630                <a href="/account/signup" class="btn-orders qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent">註冊新會員</a>
631              </li>
632            </ul>
633            <span class="menu-bd qk-bd_t--default qk-bd--product_border"></span>
634            <ul class="member-menu qk-bd_t--default qk-bd--product_border">
635              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
636                <a href="/account/index" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">我的帳戶</a>
637              </li>
638              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
639                <a href="/account/orders" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">訂單查詢</a>
640              </li>
641              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
642                <a href="/account/coupons" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">專屬優惠券</a>
643              </li>
644              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
645                <a href="/account/tracking_items" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">收藏清單</a>
646              </li>
647              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg customer-logout-li" style="display: none">
648                <a href="/account/logout" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">會員登出</a>
649              </li>
650            </ul>
651          </div>
652        </div>
653      </li>
654    
655    <!-- for money symbol -->
656    <div id="money-symbol" data-money-symbol="NT${{amount_no_decimals}}" hidden></div>
657    <!-- cart -->
658    
659      <li class="cart qk-pos--rel qk-pd--05">
660        <!--電腦版的購物車選單-->
661        <div class="dropdown qk-pos--static">
662          <div data-toggle="dropdown" class="shopcart qk-cursor--pointer" >
663            <div data-icon-type="custom_icon_type_cart"></div>
664            <span class="global-cart-count qk-circle qk-circle--sm qk-bg--accent qk-text--white qk-vert--mid qk-pos--abs qk-bd" style="display: none;">0</span>
665            <span class="global-cart-loading"></span>
666          </div>
667          <div class="qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu">
668            <div class="cart_list global-cart-item-list custom-scrollbar qk-of_x--hidden qk-of_y--scroll qk-of_y--overlay qk-display--flex qk-flex--column qk-justify--between default_scale"></div>
669            <p class="cart_empty qk-fs--body qk-text--heading qk-text--center">目前的購物車是空的!</p>
670            <ul>
671              <li class="button qk-text--center">
672                <a class="btn-checkout qk-btn qk-btn--lg qk-btn--primary qk-w--100" href="/cart" style="display: none">立即購買</a>
673                <a class="btn-tracking qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent" href="/account/tracking_items">前往收藏清單</a>
674              </li>
675            </ul>
676          </div>
677        </div>
678      </li>
679    
680    <!-- search -->
681    
682    <!-- express delivery -->
683    
684  </ul>
685</nav>
686
687<!-- cyb_snippet tool_nav end -->
688                  </div>
689                
690                
691                <!-- tool-nav end -->
692              </div>
693            </div>
694          </div>
695        </div>
696      
697      <div class="qk-hidden--pc  ">
698        <!-- mobile-nav start -->
699        <nav class="mobile-nav qk-bg--nav_logo_bg">
700          <ul class="qk-display--flex qk-flex--row qk-justify--between qk-align--center qk-pd_x--05 qk-pd_y--0">
701            <!-- menu -->
702            
703              <li class="sidebar-menu-icon drawer-toggle qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center">
704                <div data-icon-type="custom_icon_type_menu"></div>
705              </li>
706            
707            <!-- logo -->
708            
709              <li class="logo qk-mg_r--auto qk-pd_x--05 qk-pd_y--0">
710                
711                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--phone">
712                    <img
713                      src="//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532"
714                      height="25"
715                      width="auto"
716                      alt="鮮乳坊"
717                    >
718                  </a>
719                
720                
721                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--tablet">
722                    <img
723                      src="//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532"
724                      height="25"
725                      width="auto"
726                      alt="鮮乳坊"
727                    >
728                  </a>
729                
730              </li>
731            
732            
733              <!-- search -->
734              
735              <!-- express delivery -->
736              
737            
738          </ul>
739        </nav>
740        <!-- mobile-nav end -->
741      </div>
742      
743    </header>
743<script>
744      (function () {
745        var isNavbarTransparent = false;
746
747        function measureHeaderOffset() {
748          var header = document.getElementById('header');
749          if (!header) return null;
750
751          var headerHeight = header.getBoundingClientRect().height;
752
753          if (isNavbarTransparent && window.matchMedia('(min-width: 992px)').matches) {
754            var computerNav = document.querySelector('.computer_nav');
755            if (computerNav) {
756              headerHeight -= computerNav.getBoundingClientRect().height;
757            }
758          }
759
760          var floatFilter = document.getElementById('float-filter');
761          var floatFilterHeight = floatFilter
762            ? floatFilter.getBoundingClientRect().height
763            : 0;
764
765          return headerHeight - floatFilterHeight;
766        }
767
768        window.measureHeaderOffset = measureHeaderOffset;
769
770        var offset = measureHeaderOffset();
771        if (offset !== null) {
772          document.body.style.paddingTop = offset + 'px';
773        }
774      })();
775    </script>
775
776    
777      <!-- Sidebar -->
778      <nav class="drawer-nav drawer-nav_width qk-bg--nav_menu_bg " role="navigation">
779        <div class="drawer-menu">
780          <!-- cyb_snippet side_menu start -->
781
782
783<ul id="index_sidebar_shelf_top" class="sidebar qk-pd_b--1">
784  
785    <li class="logo qk-pos--rel qk-bg--nav_logo_bg qk-pd_x--1 qk-pd_y--05">
786      <a href="/" class="qk-pd--0">
787        <img src="//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532" height="32" width="auto" alt="logo">
788      </a>
789      <button class="drawer-toggle qk-pos--abs qk-bg--transparent qk-pd--0"></button>
790    </li>
791  
792  
793    
794
795    
796      <!-- cyb_snippet components/side_menu/menu start -->
797
798  <li class="category_title qk-fs--breadcrumb qk-bd--nav_menu_text qk-text--nav_menu_text qk-bd_b--default qk-fw--500">主選單</li>
799
800
801  
802  
803  
804    <li class="qk-pos--rel qk-pd--0">
805      
806        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/">首頁</a>
807      
808    </li>
809  
810
811  
812  
813  
814    <li class="qk-pos--rel qk-pd--0">
815      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_2" aria-expanded=" true ">
816        
817          <span class="qk-cursor--pointer qk-text--nav_menu_text"> 最新消息 </span>
818        
819      </button>
820      <ul id="index_sidebar_shelf_second_2" class="collapse_index_sidebar_2 collapse shelf_second  show  qk-pd--0">
821        
822          
823          
824          
825            <li class="qk-pos--rel qk-pd--0">
826              
827                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="https://bettermilk.cc/xiWby">
828                  限定企劃|星級大師的共同選擇
829                </a>
830              
831            </li>
832          
833        
834          
835          
836          
837            <li class="qk-pos--rel qk-pd--0">
838              
839                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/milkpower">
840                  IP新登場|哞法力量覺醒
841                </a>
842              
843            </li>
844          
845        
846          
847          
848          
849            <li class="qk-pos--rel qk-pd--0">
850              
851                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/2025donate">
852                  公益代捐|輕鬆順手做公益
853                </a>
854              
855            </li>
856          
857        
858          
859          
860          
861            <li class="qk-pos--rel qk-pd--0">
862              
863                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/servicetimechange">
864                  公告|客戶服務時間調整
865                </a>
866              
867            </li>
868          
869        
870          
871          
872          
873            <li class="qk-pos--rel qk-pd--0">
874              
875                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/運費調整公告">
876                  公告|運費調整
877                </a>
878              
879            </li>
880          
881        
882      </ul>
883    </li>
884  
885
886  
887  
888  
889    <li class="qk-pos--rel qk-pd--0">
890      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_3" aria-expanded=" true ">
891        
892          <a class="qk-text--nav_menu_text" href="/pages/aboutbettermilk_1"> 關於鮮乳坊 </a>
893        
894      </button>
895      <ul id="index_sidebar_shelf_second_3" class="collapse_index_sidebar_3 collapse shelf_second  show  qk-pd--0">
896        
897          
898          
899          
900            <li class="qk-pos--rel qk-pd--0">
901              
902                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/whitestory">
903                  品牌故事
904                </a>
905              
906            </li>
907          
908        
909          
910          
911          
912            <li class="qk-pos--rel qk-pd--0">
913              
914                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/team">
915                  創辦人理念
916                </a>
917              
918            </li>
919          
920        
921          
922          
923          
924            <li class="qk-pos--rel qk-pd--0">
925              
926                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/spirit">
927                  願景與定位
928                </a>
929              
930            </li>
931          
932        
933          
934          
935          
936            <li class="qk-pos--rel qk-pd--0">
937              
938                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/history">
939                  ESG
940                </a>
941              
942            </li>
943          
944        
945          
946          
947          
948            <li class="qk-pos--rel qk-pd--0">
949              
950                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/hr">
951                  加入鮮乳坊
952                </a>
953              
954            </li>
955          
956        
957      </ul>
958    </li>
959  
960
961  
962  
963  
964    <li class="qk-pos--rel qk-pd--0">
965      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_4" aria-expanded=" true ">
966        
967          <a class="qk-text--nav_menu_text" href="/pages/category"> 產品介紹 </a>
968        
969      </button>
970      <ul id="index_sidebar_shelf_second_4" class="collapse_index_sidebar_4 collapse shelf_second  show  qk-pd--0">
971        
972          
973          
974          
975            <li class="qk-pos--rel qk-pd--0">
976              
977                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/bettermilk">
978                  莊園級鮮乳
979                </a>
980              
981            </li>
982          
983        
984          
985          
986          
987            <li class="qk-pos--rel qk-pd--0">
988              
989                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/a2betamilk">
990                  A2β酪蛋白鮮乳
991                </a>
992              
993            </li>
994          
995        
996          
997          
998          
999            <li class="qk-pos--rel qk-pd--0">
1000              
1001                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/yogurt">
1002                  真優格
1003                </a>
1004              
1005            </li>
1006          
1007        
1008          
1009          
1010          
1011            <li class="qk-pos--rel qk-pd--0">
1012              
1013                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/boyogurt">
1014                  玻妞優格飲
1015                </a>
1016              
1017            </li>
1018          
1019        
1020          
1021          
1022          
1023            <li class="qk-pos--rel qk-pd--0">
1024              
1025                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/milkbun">
1026                  鮮乳饅頭
1027                </a>
1028              
1029            </li>
1030          
1031        
1032          
1033          
1034          
1035            <li class="qk-pos--rel qk-pd--0">
1036              
1037                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/pudding">
1038                  莊園鮮乳雞蛋布丁
1039                </a>
1040              
1041            </li>
1042          
1043        
1044          
1045          
1046          
1047            <li class="qk-pos--rel qk-pd--0">
1048              
1049                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/sterilizedmilk">
1050                  100%生乳保久乳
1051                </a>
1052              
1053            </li>
1054          
1055        
1056      </ul>
1057    </li>
1058  
1059
1060  
1061  
1062  
1063    <li class="qk-pos--rel qk-pd--0">
1064      
1065        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/partner">品牌合作</a>
1066      
1067    </li>
1068  
1069
1070  
1071  
1072  
1073    <li class="qk-pos--rel qk-pd--0">
1074      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_6" aria-expanded=" true ">
1075        
1076          <a class="qk-text--nav_menu_text" href="/blogs/veterinary"> 部落格 </a>
1077        
1078      </button>
1079      <ul id="index_sidebar_shelf_second_6" class="collapse_index_sidebar_6 collapse shelf_second  show  qk-pd--0">
1080        
1081          
1082          
1083          
1084            <li class="qk-pos--rel qk-pd--0">
1085              
1086                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/veterinary">
1087                  產業最前線
1088                </a>
1089              
1090            </li>
1091          
1092        
1093          
1094          
1095          
1096            <li class="qk-pos--rel qk-pd--0">
1097              
1098                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/aboutmilk">
1099                  知識百科
1100                </a>
1101              
1102            </li>
1103          
1104        
1105          
1106          
1107          
1108            <li class="qk-pos--rel qk-pd--0">
1109              
1110                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/news">
1111                  活動推廣
1112                </a>
1113              
1114            </li>
1115          
1116        
1117          
1118          
1119          
1120            <li class="qk-pos--rel qk-pd--0">
1121              
1122                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/aboutfarm">
1123                  合作牧場
1124                </a>
1125              
1126            </li>
1127          
1128        
1129          
1130          
1131          
1132            <li class="qk-pos--rel qk-pd--0">
1133              
1134                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/aboutpartner">
1135                  合作夥伴
1136                </a>
1137              
1138            </li>
1139          
1140        
1141          
1142          
1143          
1144            <li class="qk-pos--rel qk-pd--0">
1145              
1146                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/aboutdairy">
1147                  認識乳牛
1148                </a>
1149              
1150            </li>
1151          
1152        
1153          
1154          
1155          
1156            <li class="qk-pos--rel qk-pd--0">
1157              
1158                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/esg">
1159                  企業永續ESG
1160                </a>
1161              
1162            </li>
1163          
1164        
1165      </ul>
1166    </li>
1167  
1168
1169  
1170  
1171  
1172    <li class="qk-pos--rel qk-pd--0">
1173      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_7" aria-expanded=" true ">
1174        
1175          <a class="qk-text--nav_menu_text" href="/pages/sale">
1175 購買商品 </a>
1176        
1177      </button>
1178      <ul id="index_sidebar_shelf_second_7" class="collapse_index_sidebar_7 collapse shelf_second  show  qk-pd--0">
1179        
1180          
1181          
1182          
1183            <li class="qk-pos--rel qk-pd--0">
1184              
1185                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/allproduct">
1186                  單次購買
1187                </a>
1188              
1189            </li>
1190          
1191        
1192          
1193          
1194          
1195            <li class="qk-pos--rel qk-pd--0">
1196              
1197                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/milk">
1198                  |莊園級鮮乳
1199                </a>
1200              
1201            </li>
1202          
1203        
1204          
1205          
1206          
1207            <li class="qk-pos--rel qk-pd--0">
1208              
1209                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/a2betamilk">
1210                  |A2β酪蛋白鮮乳
1211                </a>
1212              
1213            </li>
1214          
1215        
1216          
1217          
1218          
1219            <li class="qk-pos--rel qk-pd--0">
1220              
1221                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/yogurt">
1222                  |優格
1223                </a>
1224              
1225            </li>
1226          
1227        
1228          
1229          
1230          
1231            <li class="qk-pos--rel qk-pd--0">
1232              
1233                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/boyogurt">
1234                  |玻妞優格飲
1235                </a>
1236              
1237            </li>
1238          
1239        
1240          
1241          
1242          
1243            <li class="qk-pos--rel qk-pd--0">
1244              
1245                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/sterilizedmilk">
1246                  |保久乳
1247                </a>
1248              
1249            </li>
1250          
1251        
1252          
1253          
1254          
1255            <li class="qk-pos--rel qk-pd--0">
1256              
1257                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/milkproduct">
1258                  |鮮乳饅頭
1259                </a>
1260              
1261            </li>
1262          
1263        
1264          
1265          
1266          
1267            <li class="qk-pos--rel qk-pd--0">
1268              
1269                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/group">
1270                  |團購方案
1271                </a>
1272              
1273            </li>
1274          
1275        
1276          
1277          
1278          
1279            <li class="qk-pos--rel qk-pd--0">
1280              
1281                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/otherproduct">
1282                  |周邊商品
1283                </a>
1284              
1285            </li>
1286          
1287        
1288          
1289          
1290          
1291            <li class="qk-pos--rel qk-pd--0">
1292              
1293                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/subweekly">
1294                  訂閱週週配
1295                </a>
1296              
1297            </li>
1298          
1299        
1300          
1301          
1302          
1303            <li class="qk-pos--rel qk-pd--0">
1304              
1305                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/subweekly">
1306                  |訂閱週週配-鮮乳|優格專區
1307                </a>
1308              
1309            </li>
1310          
1311        
1312          
1313          
1314          
1315            <li class="qk-pos--rel qk-pd--0">
1316              
1317                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/subweekly-servicedescription">
1318                  |訂閱週週配-訂單須知
1319                </a>
1320              
1321            </li>
1322          
1323        
1324      </ul>
1325    </li>
1326  
1327
1328
1329<script>
1330  $('button a').on('click', function(e) {e.stopPropagation()});
1331</script>
1331
1332
1333<!-- cyb_snippet components/side_menu/menu end -->
1334    
1335  
1336  
1337    
1338      <li class="category_account-title qk-bd--nav_menu_text qk-fs--breadcrumb qk-text--nav_menu_text qk-bd_y--default qk-fw--500">帳戶</li>
1339      <li class="qk-pos--rel qk-pd--0">
1340        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
1341          <a href="/account/index" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">我的帳戶</a>
1342        </div>
1343      </li>
1344      <li class="qk-pos--rel qk-pd--0">
1345        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
1346          <a href="/account/orders" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">訂單查詢</a>
1347        </div>
1348      </li>
1349      <li class="qk-pos--rel qk-pd--0">
1350        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
1351          <a href="/account/logout" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">會員登出</a>
1352        </div>
1353      </li>
1354      <li class="qk-pos--rel qk-pd--0">
1355        <a href="/account/login">
1356          <div class="customer-not-login-menu qk-bd--nav_menu_text qk-bg--nav_menu_text customer-not-login-menu_login qk-display--il_flex qk-justify--center qk-align--center qk-w--100 qk-text--center ">
1357            <span class="qk-text--nav_menu_bg qk-fw--500 qk-fs--body">
1358              會員登入
1359            </span>
1360          </div>
1361        </a>
1362      </li>
1363      <li class="qk-pos--rel qk-pd--0">
1364        <a href="/account/signup">
1365          <div class="customer-not-login-menu qk-bd--nav_menu_text customer-not-login-menu_signup qk-display--il_flex qk-justify--center qk-align--center qk-w--100 qk-text--center qk-bd--nav_menu_text qk-bd--default">
1366            <span class="qk-text--nav_menu_text qk-fs--body qk-fw--500">
1367              註冊新會員
1368            </span>
1369          </div>
1370        </a>
1371      </li>
1372    
1373    
1374    
1375    
1376  
1377</ul>
1378
1379<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/sidebar-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
1380
1381<script>
1382  $(document).ready(function(){
1383    // 側邊選單
1384    if ($('.drawer').length){
1385      $('.drawer').drawer();
1386      $('.bt-toggle').click(function(){
1387        setTimeout(function(){
1388          $('.drawer')[0].iScroll.refresh()
1389        },500)
1390      })
1391    }
1392  });
1393</script>
1393
1394
1395
1396<!-- cyb_snippet side_menu end -->
1397
1398        </div>
1399      </nav>
1400      <!-- Bottombar -->
1401      
1402        <div
1403          id="mobile-bottom-bar"
1404          class="qk-display--flex qk-justify--around qk-bg--nav_logo_bg qk-w--100vw qk-pos--fixed qk-b--0 qk-hidden--pc"
1405        >
1406          <!-- home -->
1407          <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1408            <a id="home-nav-icon" href="/">
1409              <div data-icon-type="custom_icon_type_home"></div>
1410            </a>
1411          </div>
1412          <!-- tracking items -->
1413          <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1414            <a href="/account/tracking_items">
1415              <div data-icon-type="custom_icon_type_tracking_items" c></div>
1416            </a>
1417          </div>
1418          <!-- cart -->
1419          
1420            <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1421              <a
1422                href="/cart"
1423                class="qk-display--il_flex qk-flex--row qk-justify--center qk-align--center qk-vert--mid qk-pos--rel"
1424              >
1425                <div data-icon-type="custom_icon_type_cart"></div>
1426                <span
1427                  class="number global-cart-count qk-circle qk-circle--sm qk-bg--accent qk-text--white qk-text--center qk-vert--mid qk-pos--abs"
1428                  style="display: none;"
1429                  >0</span
1430                >
1431              </a>
1432            </div>
1433          
1434          <!-- member -->
1435          
1436            <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1437              <a id="customer-phone-nav-icon" href="/account/login">
1438                <div data-icon-type="custom_icon_type_account"></div>
1439              </a>
1440            </div>
1441          
1442        </div>
1443      
1444    
1445  </span>
1446
1447<div id="index-popular-tags"></div>
1448
1449<style id="timer_color">
1450  :root {
1451    
1452      --timer_text: #c39d6f;
1453    
1454
1455    
1456      --timer_bg: #2b2b6e;
1457    
1458  }
1459</style>
1460
1461<script>
1462  window.language = {"account_name":"戶名","add_cart_error_try_again":"加入購物車有誤,請重新嘗試","add_to_cart":"加入購物車","addcart_rate_limit_desc":"秒後可再試一次,建議您停留在此頁面。","address1":"詳細退貨地址:路/å··/弄/號/樓","all_filters":"所有篩選條件","apply_fail":"申請失敗","apply_return":"退貨申請","apply_return_success":"您的退貨申請已成立","apply_success":"申請成功","arrive_soon":"即將到貨","articles_total":"共 {{ totalArticleCounts }} 篇文章","bank_account":"銀行帳號","bank_branch_name":"分行名稱","bonus_redemption":"紅利換購","cancel":"取消","cart_price_total":"結帳金額約","check_order":"訂單查詢","choose_branch_bank":"請選擇分行","choose_return_reason":"請選擇退貨原因","city":"城市","common_price":"定價: ","comply_group_number":"符合 {{comply_group_number}} 組優惠,","confirm":"確認","confirm_return":"申請退貨","confirm_submit":"確定送出","congratulations_for_verify_mobile_success":"恭喜,您已成功驗證您的手機!","contact_form":"聯絡我們","continue_reading":"繼續閱讀","country_placeholder":"請選擇國家","coupon_free_shipping":"免運券折抵","coupon_items":"優惠券折扣項目","date_error":"日期錯誤","default_sort":"預設排序","deliver_error":"寄送商品錯誤","discount_detail":"折扣明細","email":"電子郵件","email_placeholder":"請輸入您的電子郵件,例:[email protected]","enter_account_name":"請輸入戶名","enter_bank_account":"請輸入銀行帳號","enter_return_reason":"請填寫退貨原因...","error_message":"驗證簡訊發生錯誤,請稍後再試。","fail_operation":"操作失敗!","filter_button":"篩選","filter_no_result":"很抱歉,無商品符合篩選條件","free":"免費","gift_price":"加購價","gift_purchase":"滿額/件贈","go_check_email":"請至信箱收取信件","group_percent_discount":"組合內商品打{{discount}}折","has_stock":"尚有庫存 ","include_discount_and_shipping_fee":"含優惠折扣與運費","invalid_email":"這不是有效的電子郵件","invalid_name":"姓名為必填","invalid_phone_number":"聯絡電話為必填","invalid_question_content":"問題內容為必填","keep_shopping":"繼續購物","keyin_address1":"請填寫詳細退貨地址:路/å··/弄/號/樓","keyin_city":"請輸入城市","keyin_zip":"請輸入郵遞區號","less_then_one":"數量不得少於1","line_item_quantity":"數量:{{ lineItemQuantity }}","literal_points":"點","login_btn":"會員登入","mail_send_fail":"信件寄送失敗","message_confirmation_token_error":"簡訊驗證碼有誤","messenger_error_please_try_again":"簡訊寄送發生錯誤,請稍後再試。","mobile_number_error":"手機號碼有誤","name":"姓名","name_placeholder":"請輸入您的姓名","new_password_is_sent":"已送出新密碼","new_product_defect":"新品瑕疵","nn_collection_save_more_money_title":"可享,買 {{quantity}} ä»¶ {{price}} 元優惠","no_stock":"庫存不足","notification_enabled":"已登記補貨通知","notify_me_when_stock_arrives":"已售完,貨到通知我","onsale":"特價","order_date":"訂購日期","order_number":"訂單編號","order_retrun_confirm":"您確認要申請退貨?","ori_price":"原價","others":"其他","over_cart_limit":"數量超過購買上限","over_product_quantity":"數量超過庫存","over_stock_count":"商品庫存剩餘 {{ count }} ä»¶","over_stock_quantity":"超過庫存數量","phone_number":"聯絡電話","phone_number_placeholder":"請輸入聯絡電話","piece":"{{quantity}} ä»¶","please_choose_bank":"請選擇銀行","please_choose_product":"請選擇商品款式","please_choose_variant":"請選擇商品款式","please_enter_number":"請輸入數字","please_reselect":"請重新輸入篩選","please_send_and_confirm_verify_code":"請先發送並確認簡訊驗證碼","pre_order":"預購商品","price_asc":"價格由低到高","price_desc":"價格由高到低","price_filter":"價格","price_includes_tax":"(內含消費稅:{{ tax }})","product_content_defect":"商品內容不全","product_defect":"商品有缺陷","product_limit_buy":"此商品限購 {{ count }} ä»¶","product_rate_limit_btn":"重新進入商品頁","product_rate_limit_desc":"秒後可重新進入商品頁,建議您停留在此頁面。","product_rate_limit_title":"目前搶購人潮眾多,請耐心等候","product_rate_limit_warn":"若離開此頁面,可能會延長等待時間。","product_sold":"已銷售:{{ productSold }}","products_total":"共 {{ totalProductCounts }} 件商品","quantity":"數量:","quantity_over_product_stock":"數量超過商品庫存","question_content":"問題å
1462…§å®¹","question_content_placeholder":"請輸入問題內容","question_submit_fail":"發生問題,請稍後再試","question_submit_success":"問題已成功送出,我們將盡快與您聯繫","question_type":"問題類型","reached_favorable":"已達優惠","recent_days_sold_desc":"本週熱賣","reenter_password_still_error":"重複輸入密碼有誤","refund":"退款金額","refund_account":"退款帳戶","refund_info":"退款資訊","refund_invoice_check":"本人同意發票作廢或「營業人銷貨退回進貨退出貨或折讓證明單」將全權由{{ envoiceCompanyName }}處理,以利加速退款作業。如有退貨/折讓,將直接開立折讓單上傳至財政部電子發票整合服務平台存證。","resend_verify_code":"重發驗證碼","reset_all_filters":"清除所有篩選","reset_filter_button":"清除篩選","return":"返回","return_address":"退貨地址","return_email_notification":"退貨申請信已寄至您的信箱","return_info":"退貨資訊","return_instruction":"退貨說明","return_msg_Australia":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_Japan":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_Japan_to_Taiwan":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_SEA":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_Taiwan":"1. 收到商品後如有發現瑕疵或破損狀況,需要辦理或換貨,請於收到貨後7天內登入『我的帳戶』頁面點選『申請退貨』。\u003cbr\u003e 2. 收到商品後可享有7天免費鑑è³
1462žæœŸï¼ˆå«ä¾‹å‡æ—¥ï¼‰ã€‚退換貨時請保持原包裝商品的完整(包含購買商品,附件,贈品等)。\u003cbr\u003e 3. 收到申請後,我們將與您聯繫取回商品。若有任何退貨問題,您可以在『訂單明細』中,點選『我要詢問』,請勿自行寄回商品。\u003cbr\u003e 4. 當你申請退貨後,請列印本申請單隨商品一起寄回。\u003cbr\u003e 5. 收到您的退貨商品並審查通過後,將於7個工作天內退款至你的退款帳戶。\u003cbr\u003e","return_msg_USA":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_product":"退貨商品","return_reason":"退貨原因","save_more_money_discount":"可享 {{discount}} 折優惠","save_more_money_dollar":"可省 {{dollar}}","search_article_label":"文章搜尋結果 ({{ totalArticleCounts }})","search_no_result":"很抱歉,找不到 {{ queryString }} 請重新輸入搜尋。","search_product_label":"商品搜尋結果 ({{ totalProductCounts }})","search_total":"搜尋 {{ queryString }} 結果共 {{ totalSearchCount }} 筆","select_sort_by":"選擇排序方式","sell_from_asc":"上市日期舊到新","sell_from_desc":"上市日期新到舊","send_too_many_times_try_again_later":"發送次數過多,請稍後再試","sending_msg_few_minutes_get":"簡訊發送中,幾分鐘後您將收到驗證碼","shipping_fee":"運費","sold_out":"已售完","state_placeholder":"請選擇州/省","submit":"送出","subtotal":"小計","success_operation":"操作成功!","successfully_copy_tracking_number":"已成功複製你的物流單號","system_busy_try_again":"系統忙碌,請稍後再試","tax":"稅額","thanks_for_advise":"謝謝您的å¯
1462¶è²´æ„è¦‹","thanks_you_have_signed_up":"謝謝您已註冊","total_bonus_redemption":"總紅利換購點數","tw_city_placeholder":"請選擇縣市","tw_district_placeholder":"請選擇鄉鎮市區","unreach_favorable":"未達優惠","verification_error_please_correct":"驗證有誤請修正","verify_success":"驗證碼確認成功","view_product":"查看商品","vip_shipping_free":"VIP免運費","zip":"郵遞區號","suggested_range":"建議區間:","periodic_order_label":"定期定額","check_account_length":"請檢查銀行帳號長度"}
1463  $(document).ready(function(){
1464    if(window.location.pathname != '' && window.location.pathname != '/' ){
1465      document.getElementById('index-popular-tags').style.display = 'none'
1466    }
1467    // 倒數計時
1468    
1469
1470    function adjustContentTop() {
1471      const offset = window.measureHeaderOffset();
1472      if (offset === null) return;
1473      $("body").css({ "padding-top": offset + "px" });
1474    }
1475
1476    window.adjustContentTop = adjustContentTop;
1477
1478    // navbar設定透明
1479    
1480
1481    // Call it first once DOM is ready to prevent CLS
1482    adjustContentTop();
1483
1484    // 延遲初始化,等待 app banner 初始化完成
1485    $(window).on("resize", adjustContentTop);
1486
1487    // 使用 setTimeout 確保 banner 狀態已經確定
1488    $(window).on("load", function() {
1489      setTimeout(function() {
1490        adjustContentTop();
1491      }, 200); // 給 banner 足夠時間初始化
1492    });
1493
1494    $('img.header_banner').on('load', adjustContentTop);
1495
1496    window.renderNavbarSection('.main_nav', {
1497        navbarCollections: null,
1498        navbarItems: [{"id":1288537,"title":"首頁","url":"/","item_type":"frontpage","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1939175,"title":"最新消息","url":"","item_type":"linklist","subtitle":null,"icon_image_url":null,"menuItems":[{"id":2159382,"title":"限定企劃|星級大師的共同選擇","url":"https://bettermilk.cc/xiWby","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":2021166,"title":"IP新登場|哞法力量覺醒","url":"/pages/milkpower","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1729371,"title":"公益代捐|輕鬆順手做公益","url":"/pages/2025donate","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1642497,"title":"公告|客戶服務時間調整","url":"/pages/servicetimechange","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1642498,"title":"公告|運費調整","url":"/pages/運費調整公告","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1288497,"title":"關於鮮乳坊","url":"/pages/aboutbettermilk_1","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1288498,"title":"品牌故事","url":"/pages/whitestory","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288499,"title":"創辦人理念","url":"/pages/team","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288500,"title":"願景與定位","url":"/pages/spirit","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288501,"title":"ESG","url":"/pages/history","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291953,"title":"加入鮮乳坊","url":"/pages/hr","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1291946,"title":"產品介紹","url":"/pages/category","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1291954,"title":"莊園級鮮乳","url":"/pages/bettermilk","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291955,"title":"A2β酪蛋白鮮乳","url":"/pages/a2betamilk","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291956,"title":"真優格","url":"/pages/yogurt","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291957,"title":"玻妞優格飲","url":"/pages/boyogurt","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291958,"title":"鮮乳饅頭","url":"/pages/milkbun","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}
1498,{"id":1981218,"title":"莊園鮮乳雞蛋布丁","url":"/pages/pudding","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1326233,"title":"100%生乳保久乳","url":"/pages/sterilizedmilk","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1291947,"title":"品牌合作","url":"/pages/partner","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288503,"title":"部落格","url":"/blogs/veterinary","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1288504,"title":"產業最前線","url":"/blogs/veterinary","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288508,"title":"知識百科","url":"/blogs/aboutmilk","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1292223,"title":"活動推廣","url":"/blogs/news","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288507,"title":"合作牧場","url":"/blogs/aboutfarm","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288506,"title":"合作夥伴","url":"/blogs/aboutpartner","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1288505,"title":"認識乳牛","url":"/blogs/aboutdairy","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1764198,"title":"企業永續ESG","url":"/blogs/esg","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1291948,"title":"購買商品","url":"/pages/sale","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1291959,"title":"單次購買","url":"/collections/allproduct","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291962,"title":"|莊園級鮮乳","url":"/collections/milk","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291963,"title":"|A2β酪蛋白鮮乳","url":"/collections/a2betamilk","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291965,"title":"|優格","url":"/collections/yogurt","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":2030966,"title":"|玻妞優格飲","url":"/collections/boyogurt","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291964,"title":"|保久乳","url":"/collections/sterilizedmilk","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291966,"title":"|鮮乳饅頭","url":"/collections/milkproduct","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1336920,"title":"|團購方案","url":"/collections/group","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291967,"title":"|周邊商品","url":"/collections/otherproduct","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291960,"title":"訂閱週週配","url":"/pages/subweekly","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291969,"title":"|訂閱週週配-鮮乳|優格專區","url":"/pages/subweekly","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1291968,"title":"|訂閱週週配-訂單須知","url":"/pages/subweekly-servicedescription","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]}],
1499        settings: {
1500          menuDisplayStyle: "three_dimension_menu",
1501          pcLogoImgUrl: "//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532",
1502          mobileLogoImgUrl: "//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzEzOTI1ODQ0XzIwMjIwOTIwX-WumOe2sua0u-WLlemggV_ml4XpgYrlraMtMTQucG5nLnBuZyJdXQ.png?sha=cbdc083f0c6c3532",
1503          navbarDisplayStyle: "rowNav",
1504        }
1505      }
1506    );
1507
1508
1509    // for link menu
1510    const linkMenuElement = document.querySelector('.link-nav');
1511    const data = []
1512    data.forEach((item) => {
1513      const wrapper = document.createElement('a');
1514      const link = document.createElement('ul');
1515
1516      wrapper.href = item.url;
1517      link.textContent = item.title;
1518      link.classList.add('link-item');
1519
1520      wrapper.appendChild(link);
1521      linkMenuElement.appendChild(wrapper);
1522    });
1523
1524    // for safe-area space on iOS devices
1525    const userAgent = navigator.userAgent;
1526    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
1527    const isLiff = /Line\/[\d.]+/i.test(userAgent);
1528    const $mobileBottomBar = $('#mobile-bottom-bar');
1529
1530    if ($mobileBottomBar.length && isIOS && isLiff) {
1531      $mobileBottomBar.addClass('is-ios-liff');
1532    }
1533  });
1534  document.addEventListener('DOMContentLoaded', function() {
1535    window.getCartAmount = function() {
1536      return parseInt($('.global-cart-count').html());
1537    };
1538  });
1539</script>
1539
1540
1541<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/navbar-7338a3080043cbaa.js' type='text/javascript'></script>
vendor: 1 bytes, line 1541
1541
1542<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/currencies-7338a3080043cbaa.js' type='text/javascript'></script>
1542
1543<!-- cyb_snippet i18n_modal start -->
1544
1545
1546<!-- cyb_snippet i18n_modal end -->
1547<!-- cyb_snippet _load_fonts start -->
1548<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/load_fonts-7338a3080043cbaa.js' type='text/javascript'></script>
vendor: 1 bytes, line 1548
1548
1549<script>
1550  document.addEventListener('DOMContentLoaded', function() {
1551    window.loadFontSetting("{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Serif TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}")
1552  })
1553</script>
1553
1554
1555<!-- cyb_snippet _load_fonts end -->
1556<!-- cyb_snippet _custom_icon start -->
1557<script src='//cdn-general.cybassets.com/frontend/shop/navIcon-7338a3080043cbaa.js' type='text/javascript'></script>
1557
1558
1559<script>
1560  (function() {
1561    const iconUrlMap = new Map([
1562      ['custom_icon_type_home', null],
1563      ['custom_icon_type_tracking_items', null],
1564      ['custom_icon_type_account', null],
1565      ['custom_icon_type_cart', null],
1566      ['custom_icon_type_search', null],
1567      ['custom_icon_type_menu', null]
1568    ]);
1569    const elements = document.querySelectorAll('[data-icon-type]');
1570    elements.forEach((element, index) => {
1571      const iconAttributes = element.getAttribute('data-icon-type');
1572
1573      const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
1574      element.id = uniqueId;
1575      window.renderNavCustomIcon(`#${uniqueId}`, {
1576        navIconStyle: "icon_type_default",
1577        customIconUrl: iconUrlMap.get(iconAttributes) || '',
1578        iconAttributes: iconAttributes,
1579        currentTemplate: "blog",
1580      });
1581    });
1582  })();
1583</script>
1583
1584
1585<!-- cyb_snippet _custom_icon end -->
1586
1587
1588
1589    
1590  
1591    
1591<script src='//cdn-general.cybassets.com/frontend/shop/announcementBar-7338a3080043cbaa.js' type='text/javascript'></script>
1591
1592
1593    
1594
1595    
1596
1597    
1597<script>
1598      $(document).ready(function() {
1599        window.renderAnnouncementBar('#announcement-bar', {
1600          sectionId: "announcement_bar",
1601          isIndex: false,
1602        });
1603      });
1604    </script>
1604
1605  
1606
1607
1608
1609
1610    
1611    <!-- template -->
1612    <div id="template" style="flex:1 0 auto; background-color: var(--theme_bg);">
1613      <!-- cyb_snippet breadcrumb start -->
1614
1615<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/breadcrumb-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
1616
1617
1618<div id="site_path" class="qk-bd_b--default qk-bd--product_border">
1619  <!-- mobile: toggle button (hidden on PC) -->
1620  <div class="qk-container qk-hidden--pc">
1621    <div class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb">
1622      <button
1623        class="bt-toggle qk-bg--theme_bg qk-pd_x--0 qk-w--100 qk-text--left qk-bd--none qk-pos--rel collapsed"
1624        data-toggle="collapse"
1625        data-target=".breadcrumb-content"
1626      >
1627        <a href="/" class="qk-text--text">
1628          <i class="fas fa-home"></i>
1629        </a>
1630      </button>
1631    </div>
1632  </div>
1633  <!-- breadcrumb nav: single DOM, PC always visible, mobile as collapse dropdown -->
1634  <div class="breadcrumb-content qk-bg--theme_bg collapse">
1635    <div class="qk-container">
1636      <!-- cyb_snippet breadcrumb_nav start -->
1637<!-- 主題版型麵包屑 -->
1638<nav aria-label="breadcrumb">
1639  <ol
1640    class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb"
1641    itemscope
1642    itemtype="http://schema.org/BreadcrumbList"
1643  >
1644    
1645      <li
1646        class="breadcrumb-item
1647        
1648        "
1649        itemprop="itemListElement"
1650        itemscope itemtype="http://schema.org/ListItem">
1651        <!-- home -->
1652        
1653          <a href="/" class="qk-text--text" itemprop="item">
1654            <i class="fas fa-home"></i>
1655            <span class="qk-display--none" itemprop="name">首頁</span>
1656          </a>
1657        <!-- account -->
1658        
1659        <meta itemprop="position" content="1"/>
1660      </li>
1661    
1662      <li
1663        class="breadcrumb-item
1664        
1665        "
1666        itemprop="itemListElement"
1667        itemscope itemtype="http://schema.org/ListItem">
1668        <!-- home -->
1669        
1670          <a href="/blogs" class="qk-text--text" itemprop="item">
1671              <span itemprop="name">部落格</span>
1672          </a>
1673        <!-- blog -->
1674        
1675        <meta itemprop="position" content="2"/>
1676      </li>
1677    
1678      <li
1679        class="breadcrumb-item
1680        
1681         active "
1682        itemprop="itemListElement"
1683        itemscope itemtype="http://schema.org/ListItem">
1684        <!-- home -->
1685        
1686          <a href="/blogs/news" class="qk-text--text" itemprop="item">
1687            
1688              <span itemprop="name">|活動推廣</span>
1689            
1690          </a>
1691        <!-- cart -->
1692        
1693        <meta itemprop="position" content="3"/>
1694      </li>
1695    
1696  </ol>
1697</nav>
1698<script>
1699  $(document).ready(function () {
1700    if (!window.liquidHelper || !window.liquidHelper.hasBreadcrumbReferrerEnabled) return;
1701
1702    var $collections = $('[data-breadcrumb-links]');
1703    if (!$collections.length) return;
1704
1705    var refMatch = document.referrer.match(/\/collections\/([^/?#]+)/);
1706    if (!refMatch || refMatch[1] === 'all') return;
1707
1708    var referrerHandle = decodeURIComponent(refMatch[1]);
1709
1710    function getCollectionHandle(url) {
1711      if (!url) return null;
1712      try {
1713        var pathname = new URL(url, location.origin).pathname;
1714        var parts = pathname.split('/');
1715        var idx = parts.indexOf('collections');
1716        if (idx === -1 || !parts[idx + 1]) return null;
1717        return decodeURIComponent(parts[idx + 1]);
1718      } catch (e) {
1719        return null;
1720      }
1721    }
1722
1723    var $link = $collections.find('a').filter(function () {
1724      return getCollectionHandle(this.href) === referrerHandle;
1725    });
1726
1727    if ($link.length) {
1728      $collections.siblings('a.qk-text--accent[href="#"]').remove();
1729      $collections.empty().append($link);
1730    }
1731  });
1732</script>
1732
1733
1734<!-- cyb_snippet breadcrumb_nav end -->
1735    </div>
1736  </div>
1737</div>
1738
1739
1740<!-- cyb_snippet breadcrumb end -->
1741
1742
1743<div id="blog">
1744  <!-- cyb_snippet all_blogs_title start -->
1745<div id="all_blogs_title">
1746  <div class="blog_title">
1747    <div class="section-heading">所有文章主題</div>
1748  </div>
1749  <div class="blogs_group">
1750    <div class="container">
1751      
1752        <a href="/blogs/veterinary">|產業最前線</a>
1753      
1754        <a href="/blogs/news">|活動推廣</a>
1755      
1756        <a href="/blogs/aboutfarm">|合作牧場</a>
1757      
1758        <a href="/blogs/aboutpartner">|合作夥伴</a>
1759      
1760        <a href="/blogs/aboutmilk">|知識百科</a>
1761      
1762        <a href="/blogs/aboutdairy">|認識乳牛</a>
1763      
1764        <a href="/blogs/recipe">|料理食譜</a>
1765      
1766        <a href="/blogs/esg">|企業永續ESG</a>
1767      
1768    </div>
1769  </div>
1770</div>
1771
1772<!-- cyb_snippet all_blogs_title end -->
1773  <div class="container">
1774    <!-- blog content start -->
1775    <div class="blog">
1776      <div class="blog_title">
1777        <h1 class="section-heading">|活動推廣</h1>
1778      </div>
1779      <div id="blog_articles" class="blog_articles row">
1780        
1781          
1782          <div class="col-12 col-md-6 col-lg-4">
1783            <div class="article">
1784              <div class="article_image">
1785                <a href="/blogs/news/20250105" title="2026春節禮盒挑選指南:掌握送禮對象與3大挑選要點,心意與體面同時到位" style="background-image: url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL2NvdmVyMi0wMV8yNDMxNzFkYzc2Y2I3YmJhMzk0ZC5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=124eebe7b9ed86a5')"> <!-- add # after size will force image fit in size-->
1786                </a>
1787              </div>
1788              <div class="article_title">
1789                <a href="/blogs/news/20250105" title="2026春節禮盒挑選指南:掌握送禮對象與3大挑選要點,心意與體面同時到位">
1790                  <h2>
1791                    2026春節禮盒挑選指南:掌握送禮對象與3大挑選要點,心意與體面同時到位
1792                  </h2>
1793                </a>
1794              </div>
1795              <div class="article_date">
1796                鮮乳坊 | 2026-01-05
1797              </div>
1798              <div class="article_content">
1799                <span class="hidden-sm">
1800
1801農曆新年將至,正是藉由送禮展現心意的大好時機。然而,⋯</span>
1802                <span class="visible-sm">
1803
1804農曆新年將至,正是藉由送禮展現心意的大好時機。然而,送禮是門需要鑽研的學⋯</span>
1805              </div>
1806              <div class="article_readmore">
1807                <a href="/blogs/news/20250105">閱讀更多 -></a>
1808              </div>
1809            </div>
1810          </div>
1811          
1812          <div class="col-12 col-md-6 col-lg-4">
1813            <div class="article">
1814              <div class="article_image">
1815                <a href="/blogs/news/149569" title="【一歲保久乳推薦】鮮乳坊保久乳好嗎?風味、營養、包裝大比較,打破你對保久乳的迷思!" style="background-image: url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0ZyYW1lIDNfNmE4YTEwOGQ5NWIzMmJkODhlNmUucG5nIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.png?sha=b531bb869e264211')"> <!-- add # after size will force image fit in size-->
1816                </a>
1817              </div>
1818              <div class="article_title">
1819                <a href="/blogs/news/149569" title="【一歲保久乳推薦】鮮乳坊保久乳好嗎?風味、營養、包裝大比較,打破你對保久乳的迷思!">
1820                  <h2>
1821                    【一歲保久乳推薦】鮮乳坊保久乳好嗎?風味、營養、包裝大比較,打破你對保久乳的迷思!
1822                  </h2>
1823                </a>
1824              </div>
1825              <div class="article_date">
1826                鮮乳坊 | 2025-11-01
1827              </div>
1828              <div class="article_content">
1829                <span class="hidden-sm">鮮乳坊致力於提供頂級品質的乳製品,在廣大消費者的期待下,於 ⋯</span>
1830                <span class="visible-sm">鮮乳坊致力於提供頂級品質的乳製品,在廣大消費者的期待下,於 2025 年隆重推出⋯</span>
1831              </div>
1832              <div class="article_readmore">
1833                <a href="/blogs/news/149569">閱讀更多 -></a>
1834              </div>
1835            </div>
1836          </div>
1837          
1838          <div class="col-12 col-md-6 col-lg-4">
1839            <div class="article">
1840              <div class="article_image">
1841                <a href="/blogs/news/159268" title="鮮乳坊真優格:100%鮮乳坊頂極生乳製作,享受天然純粹的無糖優格美味" style="background-image: url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-aDheWig-eFp1_nnJ_lhKrmoLznlJ_kubPprq7kubPlhKrmoLwxMCAzXzNhNGRhNTg5Njk2MDJlMDQzOWU4LmpwZWciXSxbInAiLCJ0aHVtYiIsIjUwMHg1MDAiXV0.jpeg?sha=ff60fddc05b19893')"> <!-- add # after size will force image fit in size-->
1842                </a>
1843              </div>
1844              <div class="article_title">
1845                <a href="/blogs/news/159268" title="鮮乳坊真優格:100%鮮乳坊頂極生乳製作,享受天然純粹的無糖優格美味">
1846                  <h2>
1847                    鮮乳坊真優格:100%鮮乳坊頂極生乳製作,享受天然純粹的無糖優格美味
1848                  </h2>
1849                </a>
1850              </div>
1851              <div class="article_date">
1852                鮮乳坊 | 2025-10-29
1853              </div>
1854              <div class="article_content">
1855                <span class="hidden-sm">你是否正在找一款成分單純、天然安心的無糖優格?鮮乳坊推出的「⋯</span>
1856                <span class="visible-sm">你是否正在找一款成分單純、天然安心的無糖優格?鮮乳坊推出的「真優格」,堅持以 1⋯</span>
1857              </div>
1858              <div class="article_readmore">
1859                <a href="/blogs/news/159268">閱讀更多 -></a>
1860              </div>
1861            </div>
1862          </div>
1863          
1864          <div class="col-12 col-md-6 col-lg-4">
1865            <div class="article">
1866              <div class="article_image">
1867                <a href="/blogs/news/193181" title="世界牛奶日由來解析!2025 年全家X鮮乳坊世界牛奶日響應開跑" style="background-image: url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-mmluWcll8zNTcxZjBmZDFmOWQ1OTg0YTU3ZS5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=3976ae034d0369a4')"> <!-- add # after size will force image fit in size-->
1868                </a>
1869              </div>
1870              <div class="article_title">
1871                <a href="/blogs/news/193181" title="世界牛奶日由來解析!2025 年全家X鮮乳坊世界牛奶日響應開跑">
1872                  <h2>
1873                    世界牛奶日由來解析!2025 年全家X鮮乳坊世界牛奶日響應開跑
1874                  </h2>
1875                </a>
1876              </div>
1877              <div class="article_date">
1878                鮮乳坊 | 2025-05-29
1879              </div>
1880              <div class="article_content">
1881                <span class="hidden-sm">你知道每年 6 月 1 日是世界牛奶日(World Milk⋯</span>
1882                <span class="visible-sm">你知道每年 6 月 1 日是世界牛奶日(World Milk Day)嗎?這個由⋯</span>
1883              </div>
1884              <div class="article_readmore">
1885                <a href="/blogs/news/193181">閱讀更多 -></a>
1886              </div>
1887            </div>
1888          </div>
1889          
1890          <div class="col-12 col-md-6 col-lg-4">
1891            <div class="article">
1892              <div class="article_image">
1893                <a href="/blogs/news/189306" title="鮮乳坊十週年|莊園級鮮乳的誕生:從單一乳源到頂極品質的堅持旅程" style="background-image: url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0ZyYW1lIDgxXzJhYmJhYzFhZjBkM2E1MjRhYWRjLnBuZyJdLFsicCIsInRodW1iIiwiNTAweDUwMCJdXQ.png?sha=a321dda6e8b403bb')"> <!-- add # after size will force image fit in size-->
1894                </a>
1895              </div>
1896              <div class="article_title">
1897                <a href="/blogs/news/189306" title="鮮乳坊十週年|莊園級鮮乳的誕生:從單一乳源到頂極品質的堅持旅程">
1898                  <h2>
1899                    鮮乳坊十週年|莊園級鮮乳的誕生:從單一乳源到頂極品質的堅持旅程
1900                  </h2>
1901                </a>
1902              </div>
1903              <div class="article_date">
1904                鮮乳坊 | 2025-05-01
1905              </div>
1906              <div class="article_content">
1907                <span class="hidden-sm">鮮乳坊一路走來,從推廣單一乳源、支持在地酪農,到今天推出全新⋯</span>
1908                <span class="visible-sm">鮮乳坊一路走來,從推廣單一乳源、支持在地酪農,到今天推出全新「莊園級鮮乳」包裝,⋯</span>
1909              </div>
1910              <div class="article_readmore">
1911                <a href="/blogs/news/189306">閱讀更多 -></a>
1912              </div>
1913            </div>
1914          </div>
1915          
1916          <div class="col-12 col-md-6 col-lg-4">
1917            <div class="article">
1918              <div class="article_image">
1919                <a href="/blogs/news/177215" title="2026年鮮乳坊極蛋捲春節禮盒,隆重推出全新芝麻口味、肉鬆口味人氣回歸!讓你與最愛相伴好年" style="background-image: url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-Wwgemdoi0wMV9jNDI0MDA4YWU4MGNjMWY2NmRjZi5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=2b59bcdfddb10bf5')"> <!-- add # after size will force image fit in size-->
1920                </a>
1921              </div>
1922              <div class="article_title">
1923                <a href="/blogs/news/177215" title="2026年鮮乳坊極蛋捲春節禮盒,隆重推出全新芝麻口味、肉鬆口味人氣回歸!讓你與最愛相伴好年">
1924                  <h2>
1925                    2026年鮮乳坊極蛋捲春節禮盒,隆重推出全新芝麻口味、肉鬆口味人氣回歸!讓你與最愛相伴好年
1926                  </h2>
1927                </a>
1928              </div>
1929              <div class="article_date">
1930                鮮乳坊 | 2024-12-24
1931              </div>
1932              <div class="article_content">
1933                <span class="hidden-sm">鮮乳坊極蛋捲禮盒每年在重要節慶才會出沒,希望打造全方位面面俱⋯</span>
1934                <span class="visible-sm">鮮乳坊極蛋捲禮盒每年在重要節慶才會出沒,希望打造全方位面面俱到的年節禮盒,讓總是⋯</span>
1935              </div>
1936              <div class="article_readmore">
1937                <a href="/blogs/news/177215">閱讀更多 -></a>
1938              </div>
1939            </div>
1940          </div>
1941          
1942          <div class="w-100 d-flex justify-content-center">
1943            <!-- cyb_snippet pagination start -->
1944
1945  <div class="pagination-container qk-text--center qk-pd_y--1">
1946    <nav aria-label="Page navigation example" class="qk-display--il_bk">
1947      <ul class="pagination">
1948        
1949        
1950          
1951            <li class="page-item active">
1952              
1953              
1954              
1955              
1956              <a class="page-link qk-text--heading qk-bd--default qk-bd--product_border" href="?page=1">1</a>
1957            </li>
1958          
1959        
1960          
1961            <li class="page-item">
1962              <a class="page-link qk-text--heading qk-bd--default qk-bd--product_border qk-bg--theme_bg" href="?page=2">2</a>
1963            </li>
1964          
1965        
1966          
1967            <li class="page-item">
1968              <a class="page-link qk-text--heading qk-bd--default qk-bd--product_border qk-bg--theme_bg" href="?page=3">3</a>
1969            </li>
1970          
1971        
1972          
1973            <li class="page-item">
1974              <a class="page-link qk-text--heading qk-bd--default qk-bd--product_border qk-bg--theme_bg" href="?page=4">4</a>
1975            </li>
1976          
1977        
1978        
1979          
1980          <li class="page-item">
1981            <a class="page-link qk-text--heading qk-bd--default qk-bd--product_border qk-bg--theme_bg" href="?page=2">»</a>
1982          </li>
1983        
1984      </ul>
1985    </nav>
1986  </div>
1987
1988
1989<!-- cyb_snippet pagination end -->
1990          </div>
1991        
1992      </div>
1993    </div>
1994    <!-- blog content end -->
1995    <!-- selected_blog start -->
1996    <!-- cyb_snippet selected_blog start -->
1997
1998  <div id="selected_blog">
1999    <div class="selected_blog">
2000      <div class="blog_title">
2001        <div class="section-heading">|活動推廣</div>
2002      </div>
2003      <div class="selected_articles">
2004        <div class="row">
2005          
2006            <div class=" col-12 col-md-6 col-lg-4 ">
2007              <div class="article selected_article">
2008                <div class="article_image">
2009                  <a class="bg-lazy" href="/blogs/news/20250105" title="2026春節禮盒挑選指南:掌握送禮對象與3大挑選要點,心意與體面同時到位" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL2NvdmVyMi0wMV8yNDMxNzFkYzc2Y2I3YmJhMzk0ZC5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=124eebe7b9ed86a5')">
2010                  </a>
2011                </div>
2012                <div class="article_title">
2013                  <a href="/blogs/news/20250105" title="2026春節禮盒挑選指南:掌握⋯">
2014                    <h3>
2015                      2026春節禮盒挑選指南:掌握送禮對象與3大挑選要點,心意與體面同時到位
2016                    </h3>
2017                  </a>
2018                </div>
2019                <div class="article_date">
2020                  2026-01-05
2021                </div>
2022                <div class="article_tags">
2023                  
2024                </div>
2025              </div>
2026            </div>
2027          
2028            <div class=" col-12 col-md-6 col-lg-4 ">
2029              <div class="article selected_article">
2030                <div class="article_image">
2031                  <a class="bg-lazy" href="/blogs/news/149569" title="【一歲保久乳推薦】鮮乳坊保久乳好嗎?風味、營養、包裝大比較,打破你對保久乳的迷思!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0ZyYW1lIDNfNmE4YTEwOGQ5NWIzMmJkODhlNmUucG5nIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.png?sha=b531bb869e264211')">
2032                  </a>
2033                </div>
2034                <div class="article_title">
2035                  <a href="/blogs/news/149569" title="【一歲保久乳推薦】鮮乳坊保久乳⋯">
2036                    <h3>
2037                      【一歲保久乳推薦】鮮乳坊保久乳好嗎?風味、營養、包裝大比較,打破你對保久乳的迷思!
2038                    </h3>
2039                  </a>
2040                </div>
2041                <div class="article_date">
2042                  2025-11-01
2043                </div>
2044                <div class="article_tags">
2045                  
2046                </div>
2047              </div>
2048            </div>
2049          
2050            <div class=" col-12 col-md-6 col-lg-4 ">
2051              <div class="article selected_article">
2052                <div class="article_image">
2053                  <a class="bg-lazy" href="/blogs/news/159268" title="鮮乳坊真優格:100%鮮乳坊頂極生乳製作,享受天然純粹的無糖優格美味" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-aDheWig-eFp1_nnJ_lhKrmoLznlJ_kubPprq7kubPlhKrmoLwxMCAzXzNhNGRhNTg5Njk2MDJlMDQzOWU4LmpwZWciXSxbInAiLCJ0aHVtYiIsIjUwMHg1MDAiXV0.jpeg?sha=ff60fddc05b19893')">
2054                  </a>
2055                </div>
2056                <div class="article_title">
2057                  <a href="/blogs/news/159268" title="鮮乳坊真優格:100%鮮乳坊頂⋯">
2058                    <h3>
2059                      鮮乳坊真優格:100%鮮乳坊頂極生乳製作,享受天然純粹的無糖優格美味
2060                    </h3>
2061                  </a>
2062                </div>
2063                <div class="article_date">
2064                  2025-10-29
2065                </div>
2066                <div class="article_tags">
2067                  
2068                </div>
2069              </div>
2070            </div>
2071          
2072            <div class=" col-12 col-md-6 col-lg-4 ">
2073              <div class="article selected_article">
2074                <div class="article_image">
2075                  <a class="bg-lazy" href="/blogs/news/193181" title="世界牛奶日由來解析!2025 年全家X鮮乳坊世界牛奶日響應開跑" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-mmluWcll8zNTcxZjBmZDFmOWQ1OTg0YTU3ZS5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=3976ae034d0369a4')">
2076                  </a>
2077                </div>
2078                <div class="article_title">
2079                  <a href="/blogs/news/193181" title="世界牛奶日由來解析!2025 ⋯">
2080                    <h3>
2081                      世界牛奶日由來解析!2025 年全家X鮮乳坊世界牛奶日響應開跑
2082                    </h3>
2083                  </a>
2084                </div>
2085                <div class="article_date">
2086                  2025-05-29
2087                </div>
2088                <div class="article_tags">
2089                  
2090                </div>
2091              </div>
2092            </div>
2093          
2094            <div class=" col-12 col-md-6 col-lg-4 ">
2095              <div class="article selected_article">
2096                <div class="article_image">
2097                  <a class="bg-lazy" href="/blogs/news/189306" title="鮮乳坊十週年|莊園級鮮乳的誕生:從單一乳源到頂極品質的堅持旅程" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0ZyYW1lIDgxXzJhYmJhYzFhZjBkM2E1MjRhYWRjLnBuZyJdLFsicCIsInRodW1iIiwiNTAweDUwMCJdXQ.png?sha=a321dda6e8b403bb')">
2098                  </a>
2099                </div>
2100                <div class="article_title">
2101                  <a href="/blogs/news/189306" title="鮮乳坊十週年|莊園級鮮乳的誕生⋯">
2102                    <h3>
2103                      鮮乳坊十週年|莊園級鮮乳的誕生:從單一乳源到頂極品質的堅持旅程
2104                    </h3>
2105                  </a>
2106                </div>
2107                <div class="article_date">
2108                  2025-05-01
2109                </div>
2110                <div class="article_tags">
2111                  
2112                </div>
2113              </div>
2114            </div>
2115          
2116            <div class=" col-12 col-md-6 col-lg-4 ">
2117              <div class="article selected_article">
2118                <div class="article_image">
2119                  <a class="bg-lazy" href="/blogs/news/177215" title="2026年鮮乳坊極蛋捲春節禮盒,隆重推出全新芝麻口味、肉鬆口味人氣回歸!讓你與最愛相伴好年" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-Wwgemdoi0wMV9jNDI0MDA4YWU4MGNjMWY2NmRjZi5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=2b59bcdfddb10bf5')">
2120                  </a>
2121                </div>
2122                <div class="article_title">
2123                  <a href="/blogs/news/177215" title="2026年鮮乳坊極蛋捲春節禮盒⋯">
2124                    <h3>
2125                      2026年鮮乳坊極蛋捲春節禮盒,隆重推出全新芝麻口味、肉鬆口味人氣回歸!讓你與最愛相伴好年
2126                    </h3>
2127                  </a>
2128                </div>
2129                <div class="article_date">
2130                  2024-12-24
2131                </div>
2132                <div class="article_tags">
2133                  
2134                </div>
2135              </div>
2136            </div>
2137          
2138            <div class=" col-12 col-md-6 col-lg-4 ">
2139              <div class="article selected_article">
2140                <div class="article_image">
2141                  <a class="bg-lazy" href="/blogs/news/168869" title="鮮乳坊領先概念!從莊園到咖啡杯的全新莊園級鮮乳品鑑交流會" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0ZyYW1lIDNfNzAxYzBjNWQ2NTY5YWQwZDA0NWEuanBlZyJdLFsicCIsInRodW1iIiwiNTAweDUwMCJdXQ.jpeg?sha=f00b9d42196abf55')">
2142                  </a>
2143                </div>
2144                <div class="article_title">
2145                  <a href="/blogs/news/168869" title="鮮乳坊領先概念!從莊園到咖啡杯⋯">
2146                    <h3>
2147                      鮮乳坊領先概念!從莊園到咖啡杯的全新莊園級鮮乳品鑑交流會
2148                    </h3>
2149                  </a>
2150                </div>
2151                <div class="article_date">
2152                  2024-09-26
2153                </div>
2154                <div class="article_tags">
2155                  
2156                </div>
2157              </div>
2158            </div>
2159          
2160            <div class=" col-12 col-md-6 col-lg-4 ">
2161              <div class="article selected_article">
2162                <div class="article_image">
2163                  <a class="bg-lazy" href="/blogs/news/162672" title="中秋禮盒必選鮮乳坊極蛋捲!全新蜂蜜口味登場!將最極致的心意,獻給你最親愛的人" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0ZyYW1lIDhfMzIzZWQzMzhhM2Q5ODU1NjE5MjUucG5nIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.png?sha=7bc555c61929ea31')">
2164                  </a>
2165                </div>
2166                <div class="article_title">
2167                  <a href="/blogs/news/162672" title="中秋禮盒必選鮮乳坊極蛋捲!全新â
2167‹¯">
2168                    <h3>
2169                      中秋禮盒必選鮮乳坊極蛋捲!全新蜂蜜口味登場!將最極致的心意,獻給你最親愛的人
2170                    </h3>
2171                  </a>
2172                </div>
2173                <div class="article_date">
2174                  2024-07-24
2175                </div>
2176                <div class="article_tags">
2177                  
2178                </div>
2179              </div>
2180            </div>
2181          
2182            <div class=" col-12 col-md-6 col-lg-4 ">
2183              <div class="article selected_article">
2184                <div class="article_image">
2185                  <a class="bg-lazy" href="/blogs/news/157945" title="阿奇儂X鮮乳坊聯名最中餅戀乳冰淇淋,全家新上市,給你今夏最濃郁的鮮乳冰品!!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL0RTQzI5MzggMl8wMzlmYzUzMWMwYjZlODg3NTdkYS5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=5e30603ced529426')">
2186                  </a>
2187                </div>
2188                <div class="article_title">
2189                  <a href="/blogs/news/157945" title="阿奇儂X鮮乳坊聯名最中餅戀乳冰⋯">
2190                    <h3>
2191                      阿奇儂X鮮乳坊聯名最中餅戀乳冰淇淋,全家新上市,給你今夏最濃郁的鮮乳冰品!!
2192                    </h3>
2193                  </a>
2194                </div>
2195                <div class="article_date">
2196                  2024-05-30
2197                </div>
2198                <div class="article_tags">
2199                  
2200                </div>
2201              </div>
2202            </div>
2203          
2204            <div class=" col-12 col-md-6 col-lg-4 ">
2205              <div class="article selected_article">
2206                <div class="article_image">
2207                  <a class="bg-lazy" href="/blogs/news/157833" title="響應世界牛奶日「全家」攜鮮乳坊推9款奶系新品莊園級鮮乳入料,超商唯一桂芳牧場認養,單一乳源製成,烘焙、甜點香甜登場。馬鈴薯玉米濃湯、minimore鮮乳生餐包濃郁奶香必嚐!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-WwgemdouOAjOWFqOWutuOAjeiIh-muruS5s-WdiuWQiOS9nO-8jOaOqOWHuuOAjOadvumcsuiViOiPh-eZvemGrOeDmOibi-WgoeOAjeOAgeOAjOiKseeUn-eJm-Wltum6teWMheOAjeOAgeOAjOazleW8j-adj-S7geiRoeiQhOW4g-mHjOatkOaNsuOAjeOAgeOAjOicguicnOmbmemkoembquiKseibi-ezleOAjeOAgeOAjOe1sua7keWltuayuemkkOWMheOAjeWPiuOAjOazouWjq-mgk-a0viAyX2MwYmExMjI5ZTc2ZThhOWY5YzUwLmpwZWciXSxbInAiLCJ0aHVtYiIsIjUwMHg1MDAiXV0.jpeg?sha=b91bc01af097e15f')">
2208                  </a>
2209                </div>
2210                <div class="article_title">
2211                  <a href="/blogs/news/157833" title="響應世界牛奶日「全家」攜鮮乳坊⋯">
2212                    <h3>
2213                      響應世界牛奶日「全家」攜鮮乳坊推9款奶系新品莊園級鮮乳入料,超商唯一桂芳牧場認養,單一乳源製成,烘焙、甜點香甜登場。馬鈴薯玉米濃湯、minimore鮮乳生餐包濃郁奶香必嚐!
2214                    </h3>
2215                  </a>
2216                </div>
2217                <div class="article_date">
2218                  2024-05-29
2219                </div>
2220                <div class="article_tags">
2221                  
2222                </div>
2223              </div>
2224            </div>
2225          
2226            <div class=" col-12 col-md-6 col-lg-4 ">
2227              <div class="article selected_article">
2228                <div class="article_image">
2229                  <a class="bg-lazy" href="/blogs/news/154564" title="探索鮮乳坊九歲週年慶,莊園級鮮乳品味活動等你來參加!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwLzIwMjQwNDE4X-WumOe2sl_ojorlnJLntJrprq7kubPmg4XlooPlnJbllq7lnJYgMV9hODQzNzI0OGJmYzUwY2ViZDRiMy5wbmciXSxbInAiLCJ0aHVtYiIsIjUwMHg1MDAiXV0.png?sha=6f074c8367e19fd5')">
2230                  </a>
2231                </div>
2232                <div class="article_title">
2233                  <a href="/blogs/news/154564" title="探索鮮乳坊九歲週年慶,莊園級鮮⋯">
2234                    <h3>
2235                      探索鮮乳坊九歲週年慶,莊園級鮮乳品味活動等你來參加!
2236                    </h3>
2237                  </a>
2238                </div>
2239                <div class="article_date">
2240                  2024-04-30
2241                </div>
2242                <div class="article_tags">
2243                  
2244                </div>
2245              </div>
2246            </div>
2247          
2248            <div class=" col-12 col-md-6 col-lg-4 ">
2249              <div class="article selected_article">
2250                <div class="article_image">
2251                  <a class="bg-lazy" href="/blogs/news/154415" title="莊園級鮮乳是什麼?符合鮮乳坊3項台灣頂極鮮乳完全新標準才算數!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-ahguiKs-muruS5syAyX2MwMzNkNjBiMDdhMTQ2Yzg3YTY5LmpwZWciXSxbInAiLCJ0aHVtYiIsIjUwMHg1MDAiXV0.jpeg?sha=a4b582eabd2ca32a')">
2252                  </a>
2253                </div>
2254                <div class="article_title">
2255                  <a href="/blogs/news/154415" title="莊園級鮮乳是什麼?符合鮮乳坊3⋯">
2256                    <h3>
2257                      莊園級鮮乳是什麼?符合鮮乳坊3項台灣頂極鮮乳完全新標準才算數!
2258                    </h3>
2259                  </a>
2260                </div>
2261                <div class="article_date">
2262                  2024-04-29
2263                </div>
2264                <div class="article_tags">
2265                  
2266                </div>
2267              </div>
2268            </div>
2269          
2270            <div class=" col-12 col-md-6 col-lg-4 ">
2271              <div class="article selected_article">
2272                <div class="article_image">
2273                  <a class="bg-lazy" href="/blogs/news/144623" title="好運捲捲而來!2024鮮乳坊極蛋捲禮盒,台灣農曆新年送禮最極致的心意" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-alteibi-aNsjAxIDFfYWZjN2M5NjIzYjQ2NWM3MDE2OGMucG5nIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.png?sha=906a099a692990b1')">
2274                  </a>
2275                </div>
2276                <div class="article_title">
2277                  <a href="/blogs/news/144623" title="好運捲捲而來!2024鮮乳坊極⋯">
2278                    <h3>
2279                      好運捲捲而來!2024鮮乳坊極蛋捲禮盒,台灣農曆新年送禮最極致的心意
2280                    </h3>
2281                  </a>
2282                </div>
2283                <div class="article_date">
2284                  2023-12-28
2285                </div>
2286                <div class="article_tags">
2287                  
2288                </div>
2289              </div>
2290            </div>
2291          
2292            <div class=" col-12 col-md-6 col-lg-4 ">
2293              <div class="article selected_article">
2294                <div class="article_image">
2295                  <a class="bg-lazy" href="/blogs/news/90784" title="【社會參與】快閃苗栗!鮮乳坊遶境初體驗!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwLzE3NTE1OTgwN18xNTg2NjYzMjQ4MTkzOTQ2XzQzNzg4MTAzMTcxMjg2MTY0NTJfbl83Yzk4ZmZkMjEwNjQ3MWIwNWFjNi5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=93eb4ba5cb7
22957e5d5')">
2296                  </a>
2297                </div>
2298                <div class="article_title">
2299                  <a href="/blogs/news/90784" title="【社會參與】快閃苗栗!鮮乳坊遶⋯">
2300                    <h3>
2301                      【社會參與】快閃苗栗!鮮乳坊遶境初體驗!
2302                    </h3>
2303                  </a>
2304                </div>
2305                <div class="article_date">
2306                  2022-01-21
2307                </div>
2308                <div class="article_tags">
2309                  
2310                </div>
2311              </div>
2312            </div>
2313          
2314            <div class=" col-12 col-md-6 col-lg-4 ">
2315              <div class="article selected_article">
2316                <div class="article_image">
2317                  <a class="bg-lazy" href="/blogs/news/90783" title="【友好合作】快閃台南!鮮乳坊在「2021台南早餐生活節」​" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL1VudGl0bGVkLTEtMDFfM2YwMGZjYTg1ZDVmYjIzZmVkODAuanBlZyJdLFsicCIsInRodW1iIiwiNTAweDUwMCJdXQ.jpeg?sha=b83cdb3f956ded1b')">
2318                  </a>
2319                </div>
2320                <div class="article_title">
2321                  <a href="/blogs/news/90783" title="【友好合作】快閃台南!鮮乳坊在⋯">
2322                    <h3>
2323                      【友好合作】快閃台南!鮮乳坊在「2021台南早餐生活節」​
2324                    </h3>
2325                  </a>
2326                </div>
2327                <div class="article_date">
2328                  2022-01-21
2329                </div>
2330                <div class="article_tags">
2331                  
2332                </div>
2333              </div>
2334            </div>
2335          
2336            <div class=" col-12 col-md-6 col-lg-4 ">
2337              <div class="article selected_article">
2338                <div class="article_image">
2339                  <a class="bg-lazy" href="/blogs/news/90782" title="【友好合作】把牧場搬到家樂福,來體驗「一日小小酪農」!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-WTnuS6i--8v-Wutuaoguemj-Wwj-Wwj-mFqui-sl83MTgyZjFkYzI5ZDIxNDJhNzg1NS5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=dd3a3ca72118c242')">
2340                  </a>
2341                </div>
2342                <div class="article_title">
2343                  <a href="/blogs/news/90782" title="【友好合作】把牧場搬到家樂福,⋯">
2344                    <h3>
2345                      【友好合作】把牧場搬到家樂福,來體驗「一日小小酪農」!
2346                    </h3>
2347                  </a>
2348                </div>
2349                <div class="article_date">
2350                  2022-01-21
2351                </div>
2352                <div class="article_tags">
2353                  
2354                </div>
2355              </div>
2356            </div>
2357          
2358            <div class=" col-12 col-md-6 col-lg-4 ">
2359              <div class="article selected_article">
2360                <div class="article_image">
2361                  <a class="bg-lazy" href="/blogs/news/90781" title="【名人出訪】擾西來了~台南桂芳牧場新合作踩點揭秘!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL2NvdmVyLeaTvuilv-S-huS6hu-9nuaWsOeJp-WgtOahguiKs-eJp-WgtOi4qem7nuaPreenmO-8gV9mYjA5NjlhZDgyM2JjYjdiMDU5OS5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=930c7b9df6703ce3')">
2362                  </a>
2363                </div>
2364                <div class="article_title">
2365                  <a href="/blogs/news/90781" title="【名人出訪】擾西來了~台南桂芳⋯">
2366                    <h3>
2367                      【名人出訪】擾西來了~台南桂芳牧場新合作踩點揭秘!
2368                    </h3>
2369                  </a>
2370                </div>
2371                <div class="article_date">
2372                  2022-01-21
2373                </div>
2374                <div class="article_tags">
2375                  
2376                </div>
2377              </div>
2378            </div>
2379          
2380            <div class=" col-12 col-md-6 col-lg-4 ">
2381              <div class="article selected_article">
2382                <div class="article_image">
2383                  <a class="bg-lazy" href="/blogs/news/90780" title="【品牌策展】親愛的,我們把牧場搬到華山了!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL1VudGl0bGVkLTEtMDFfMTIyNDRhYzQyZDhmMjgwNzIxZjMuanBlZyJdLFsicCIsInRodW1iIiwiNTAweDUwMCJdXQ.jpeg?sha=16bfa602e74b72b6')">
2384                  </a>
2385                </div>
2386                <div class="article_title">
2387                  <a href="/blogs/news/90780" title="【品牌策展】親愛的,我們把牧場⋯">
2388                    <h3>
2389                      【品牌策展】親愛的,我們把牧場搬到華山了!
2390                    </h3>
2391                  </a>
2392                </div>
2393                <div class="article_date">
2394                  2022-01-21
2395                </div>
2396                <div class="article_tags">
2397                  
2398                </div>
2399              </div>
2400            </div>
2401          
2402            <div class=" col-12 col-md-6 col-lg-4 ">
2403              <div class="article selected_article">
2404                <div class="article_image">
2405                  <a class="bg-lazy" href="/blogs/news/90779" title="【活動參與】你可信其有?—臺灣文博會 Creative Expo Taiwan,鮮乳坊參展確定!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwLzE3Njc1NjQ4MF8xNTg5NDY0Njc0NTgwNDcwXzg3OTQwNjQ0ODY0ODc0MTIzMzlfbl8zODFhYmRkNGJhNmZhOTg5YzgwMy5qcGVnIl0sWyJwIiwidGh1bWIiLCI1MDB4NTAwIl1d.jpeg?sha=144341b145235016')">
2406                  </a>
2407                </div>
2408                <div class="article_title">
2409                  <a href="/blogs/news/90779" title="【活動參與】你可信其有?—臺灣⋯">
2410                    <h3>
2411                      【活動參與】你可信其有?—臺灣文博會 Creative Expo Taiwan,鮮乳坊參展確定!
2412                    </h3>
2413                  </a>
2414                </div>
2415                <div class="article_date">
2416                  2022-01-21
2417                </div>
2418                <div class="article_tags">
2419                  
2420                </div>
2421              </div>
2422            </div>
2423          
2424            <div class=" col-12 col-md-6 col-lg-4 ">
2425              <div class="article selected_article">
2426                <div class="article_image">
2427                  <a class="bg-lazy" href="/blogs/news/90771" title="【活動參與】國際唯一銀標賽事「萬金石路跑」, 運動完喝鮮乳補充營養!" data-bg="url('//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2Jsb2dzLzMyNjEwL-iQrOmHkeefs-mmrOaLieadvl80XzQzNTMxMjBkMDc0ZDY1NTUyNGVhLmpwZWciXSxbInAiLCJ0aHVtYiIsIjUwMHg1MDAiXV0.jpeg?sha=e47f6c96ce25cb18')">
2428                  </a>
2429                </div>
2430                <div class="article_title">
2431                  <a href="/blogs/news/90771" title="【活動參與】國際唯一銀標賽事「⋯">
2432                    <h3>
2433                      【活動參與】國際唯一銀標賽事「萬金石路跑」, 運動完喝鮮乳補充營養!
2434                    </h3>
2435                  </a>
2436                </div>
2437                <div class="article_date">
2438                  2022-01-21
2439                </div>
2440                <div class="article_tags">
2441                  
2442                </div>
2443              </div>
2444            </div>
2445          
2446        </div>
2447      </div>
2448    </div>
2449  </div>
2450
2451
2452<!-- cyb_snippet selected_blog end -->
2453
2454    <!-- selected_blog end -->
2455  </div>
2456</div>
2457
2458<link href='//cdn-general.cybassets.com/s/files/20406/theme/106564/assets/css/beta_theme/1714074658_a11d9d39_blog.css?1714074658' rel='stylesheet' type='text/css' media='all' />
2459
2460
2461
2462
2463    </div>
2464
2465    <!-- Footer -->
2466    
2467
2468
2469
2470
2471
2472
2473<style>
2474  
2475  
2476  @media(min-width: 991px) {
2477    .display_x .left-content > div {
2478      max-width: calc(100% / 4);
2479    }
2480  }
2481</style>
2482
2483<div id="index-recommendation"></div>
2484
2485<footer id="footer" class="qk-fs--body qk-bg--footer_bg">
2486  
2487    
2488    <div class="qk-container display_y">
2489      <div class="footer_content qk-mg--0 qk-display--flex qk-justify--between">
2490        <div class="left-content qk-flex--1">
2491          
2492            
2493              <div class="link-list-container">
2494                
2495                  <p class="footer_title qk-fs--title qk-text--footer_text">關於我們</p>
2496                
2497                <div class="item horizontal qk-text--left">
2498                  <ul class="qk-display--flex qk-flex--wrap">
2499                    
2500                      
2501                        <li class="qk-display--il_bk">
2502                          
2503                            <a
2504                              class="qk-text--footer_text"
2505                              href="/pages/beyondtheworld"
2506                              rel="noopener noreferrer"
2507                              target="_blank">最新消息</a>
2508                          
2509                        </li>
2510                      
2511                        <li class="qk-display--il_bk">
2512                          
2513                            <a
2514                              class="qk-text--footer_text"
2515                              href="/pages/report_homelove"
2516                              rel="noopener noreferrer"
2517                              target="_blank">檢驗報告</a>
2518                          
2519                        </li>
2520                      
2521                        <li class="qk-display--il_bk">
2522                          
2523                            <a
2524                              class="qk-text--footer_text"
2525                              href="/pages/terms"
2526                              rel="noopener noreferrer"
2527                              target="_blank">服務條款</a>
2528                          
2529                        </li>
2530                      
2531                        <li class="qk-display--il_bk">
2532                          
2533                            <a
2534                              class="qk-text--footer_text"
2535                              href="/pages/privacy"
2536                              rel="noopener noreferrer"
2537                              target="_blank">隱私政策</a>
2538                          
2539                        </li>
2540                      
2541                        <li class="qk-display--il_bk">
2542                          
2543                            <a
2544                              class="qk-text--footer_text"
2545                              href="/pages/refund"
2546                              rel="noopener noreferrer"
2547                              target="_blank">退款政策</a>
2548                          
2549                        </li>
2550                      
2551                        <li class="qk-display--il_bk">
2552                          
2553                            <a
2554                              class="qk-text--footer_text"
2555                              href="/pages/shopnotice"
2556                              rel="noopener noreferrer"
2557                              target="_blank">購物須知</a>
2558                          
2559                        </li>
2560                      
2561                        <li class="qk-display--il_bk">
2562                          
2563                            <a
2564                              class="qk-text--footer_text"
2565                              href="/pages/partner"
2566                              rel="noopener noreferrer"
2567                              target="_blank">品牌合作</a>
2568                          
2569                        </li>
2570                      
2571                        <li class="qk-display--il_bk">
2572                          
2573                            <a
2574                              class="qk-text--footer_text"
2575                              href="/pages/customerservice_faq"
2576                              rel="noopener noreferrer"
2577                              target="_blank">常見問題</a>
2578                          
2579                        </li>
2580                      
2581                    
2582                  </ul>
2583                </div>
2584              </div>
2585              
2586          
2587            
2588              <div class="link-list-container">
2589                
2590                  <p class="footer_title qk-fs--title qk-text--footer_text">關於鮮乳坊</p>
2591                
2592                <div class="item horizontal qk-text--left">
2593                  <ul class="qk-display--flex qk-flex--wrap">
2594                    
2595                      
2596                        <li class="qk-display--il_bk">
2597                          
2598                            <a
2599                              class="qk-text--footer_text"
2600                              href="/pages/aboutbettermilk_1"
2601                              rel="noopener noreferrer"
2602                              target="_blank">關於鮮乳坊</a>
2603                          
2604                        </li>
2605                      
2606                        <li class="qk-display--il_bk">
2607                          
2608                            <a
2609                              class="qk-text--footer_text"
2610                              href="/pages/whitestory"
2611                              rel="noopener noreferrer"
2612                              target="_blank">品牌故事</a>
2613                          
2614                        </li>
2615                      
2616                        <li class="qk-display--il_bk">
2617                          
2618                            <a
2619                              class="qk-text--footer_text"
2620                              href="/pages/team"
2621                              rel="noopener noreferrer"
2622                              target="_blank">創辦人理念</a>
2623                          
2624                        </li>
2625                      
2626                        <li class="qk-display--il_bk">
2627                          
2628                            <a
2629                              class="qk-text--footer_text"
2630                              href="/pages/spirit"
2631                              rel="noopener noreferrer"
2632                              target="_blank">願景與定位</a>
2633                          
2634                        </li>
2635                      
2636                        <li class="qk-display--il_bk">
2637                          
2638                            <a
2639                              class="qk-text--footer_text"
2640                              href="/pages/history"
2641                              rel="noopener noreferrer"
2642                              target="_blank">ESG</a>
2643                          
2644                        </li>
2645                      
2646                        <li class="qk-display--il_bk">
2647                          
2648                            <a
2649                              class="qk-text--footer_text"
2650                              href="/pages/hr"
2651                              rel="noopener noreferrer"
2652                              target="_blank">加入鮮乳坊</a>
2653                          
2654                        </li>
2655                      
2656                    
2657                  </ul>
2658                </div>
2659              </div>
2660              
2661          
2662            
2663              <div class="link-list-container">
2664                
2665                  <p class="footer_title qk-fs--title qk-text--footer_text">產品介紹</p>
2666                
2667                <div class="item horizontal qk-text--left">
2668                  <ul class="qk-display--flex qk-flex--wrap">
2669                    
2670                      
2671                        <li class="qk-display--il_bk">
2672                          
2673                            <a
2674                              class="qk-text--footer_text"
2675                              href="/pages/category"
2676                              rel="noopener noreferrer"
2677                              target="_blank">產品介紹</a>
2678                          
2679                        </li>
2680                      
2681                        <li class="qk-display--il_bk">
2682                          
2683                            <a
2684                              class="qk-text--footer_text"
2685                              href="/pages/bettermilk"
2686                              rel="noopener noreferrer"
2687                              target="_blank">莊園級鮮乳</a>
2688                          
2689                        </li>
2690                      
2691                        <li class="qk-display--il_bk">
2692                          
2693                            <a
2694                              class="qk-text--footer_text"
2695                              href="/pages/a2betamilk"
2696                              rel="noopener noreferrer"
2697                              target="_blank">A2β酪蛋白鮮乳</a>
2698                          
2699                        </li>
2700                      
2701                        <li class="qk-display--il_bk">
2702                          
2703                            <a
2704                              class="qk-text--footer_text"
2705                              href="/pages/yogurt"
2706                              rel="noopener noreferrer"
2707                              target="_blank">真優格</a>
2708                          
2709                        </li>
2710                      
2711                        <li class="qk-display--il_bk">
2712                          
2713                            <a
2714                              class="qk-text--footer_text"
2715                              href="/pages/boyogurt"
2716                              rel="noopener noreferrer"
2717                              target="_blank">玻妞優格飲</a>
2718                          
2719                        </li>
2720                      
2721                        <li class="qk-display--il_bk">
2722                          
2723                            <a
2724                              class="qk-text--footer_text"
2725                              href="/pages/milkbun"
2726                              rel="noopener noreferrer"
2727                              target="_blank">鮮乳饅頭</a>
2728                          
2729                        </li>
2730                      
2731                        <li class="qk-display--il_bk">
2732                          
2733                            <a
2734                              class="qk-text--footer_text"
2735                              href="/pages/pudding"
2736                              rel="noopener noreferrer"
2737                              target="_blank">莊園鮮乳雞蛋布丁</a>
2738                          
2739                        </li>
2740                      
2741                        <li class="qk-display--il_bk">
2742                          
2743                            <a
2744                              class="qk-text--footer_text"
2745                              href="/pages/sterilizedmilk"
2746                              rel="noopener noreferrer"
2747                              target="_blank">100%生乳保久乳</a>
2748                          
2749                        </li>
2750                      
2751                    
2752                  </ul>
2753                </div>
2754              </div>
2755              
2756          
2757            
2758              <div class="item contact qk-text--left">
2759                
2760                  <p class="footer_title qk-fs--title qk-text--footer_text">聯絡資訊</p>
2761                
2762                <ul>
2763                  
2764                    <li class="phone qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
2765                      <span class="qk-text--footer_text">客服專線:02-29082961</span>
2766                    </li>
2767                  
2768                  
2769                  
2770                    <li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
2771                      <span class="qk-text--footer_text">客服時間:平日09:00-12:00、13:00-18:00,週六09:00-12:00,週日及國定假日暫停服務</span>
2772                    </li>
2773                  
2774                  
2775                    <br>
2776                    <li class="mail qk-bd_r--default qk-bd--footer_text qk-cursor--pointer qk-display--il_bk">
2777                      <a class="qk-text--footer_text" href="mailto:[email protected]">信箱:[email protected]</a>
2778                    </li>
2779                  
2780                  
2781                  
2782                </ul>
2783              </div>
2784              
2785          
2786        </div>
2787        <div class="right-content qk-display--flex qk-flex--column">
2788          
2789            <div class="fb_fanpage qk-hidden--mobile">
2790              <div class="fb_fans_page_area">
2791                <div
2792                  class="fb-page"
2793                  data-href="https://www.facebook.com/311701552356795"
2794                  data-width="500"
2795                  data-adapt-container-width="true"
2796                  data-hide-cover="false"
2797                  data-show-facepile="true">
2798                  <blockquote cite="https://www.facebook.com/311701552356795" class="fb-xfbml-parse-ignore">
2799                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/311701552356795"></a>
2800                  </blockquote>
2801                </div>
2802              </div>
2803            </div>
2804          
2805          <div class="media qk-display--il">
2806            <div class="item social_media qk-h--auto qk-float--l">
2807              <ul>
2808                
2809                  <li class="qk-display--il_bk">
2810                    <a target="_blank" rel="noopener noreferrer" href=" https://bettermilk.cc/yr5si">
2811                      <svg
2812                        class="facebook-svg"
2813                        xmlns="http://www.w3.org/2000/svg"
2814                        width="40"
2815                        height="40"
2816                        viewBox="0 0 40 40">
2817                        <path class="qk-svg--footer_text" d="M40 20.1208C40 30.1027 32.6767 38.3778 23.1167 39.8795V25.9409H27.765L28.65 20.1742H23.1167V16.4324C23.1167 14.8541 23.89 13.3174 26.3667 13.3174H28.8817V8.4073C28.8817 8.4073 26.5983 8.01729 24.4167 8.01729C19.86 8.01729 16.8833 10.779 16.8833 15.7774V20.1725H11.8183V25.9393H16.8833V39.8779C7.325 38.3745 0 30.101 0 20.1208C0 9.07564 8.955 0.120483 20 0.120483C31.045 0.120483 40 9.07398 40 20.1208Z" />
2818                      </svg>
2819                    </a>
2820                  </li>
2821                
2822                
2823                  <li class="qk-display--il_bk">
2824                    <a target="_blank" rel="noopener noreferrer" href=" https://bettermilk.cc/9D4HJ">
2825                      <svg
2826                        class="instagram-svg"
2827                        xmlns="http://www.w3.org/2000/svg"
2828                        width="40"
2829                        height="40"
2830                        viewBox="0 0 40 40">
2831                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
2832                        <path class="qk-svg--footer_bg" d="M15.0302 8.08393C13.7534 8.14417 12.8814 8.34793 12.1192 8.64745C11.3303 8.95489 10.6616 9.36745 9.99636 10.0351C9.33107 10.7028 8.92139 11.3719 8.61611 12.162C8.32066 12.9259 8.1205 13.7986 8.0641 15.0761C8.0077 16.3536 7.99522 16.7643 8.00146 20.023C8.0077 23.2817 8.0221 23.6902 8.08402 24.9704C8.14498 26.2469 8.34802 27.1186 8.64755 27.8811C8.95547 28.67 9.36755 29.3384 10.0355 30.0039C10.7034 30.6694 
283211.3721 31.0782 12.1641 31.3839C12.9273 31.6789 13.8002 31.88 15.0775 31.9359C16.3547 31.9918 16.7659 32.0048 20.0237 31.9986C23.2815 31.9923 23.6916 31.9779 24.9716 31.9172C26.2515 31.8565 27.1186 31.652 27.8813 31.3539C28.6702 31.0453 29.3391 30.6339 30.0042 29.9658C30.6692 29.2976 31.0787 28.628 31.3837 27.8374C31.6794 27.0742 31.8803 26.2013 31.9357 24.925C31.9916 23.6441 32.0048 23.2352 31.9986 19.9769C31.9923 16.7187 31.9777 16.3102 31.917 15.0305C31.8563 13.7508 31.653 12.8818 31.3537 12.1188C31.0453 11.3299 30.6337 10.662 29.966 9.99601C29.2983 9.33001 28.6282 8.92081 27.8379 8.61649C27.0742 8.32105 26.2018 8.11969 24.9245 8.06449C23.6472 8.00929 23.2361 7.99513 19.9771 8.00137C16.7181 8.00761 16.3101 8.02153 15.0302 8.08393ZM15.1703 29.7771C14.0003 29.7262 13.365 29.5318 12.9417 29.3691C12.381 29.1531 11.9817 28.892 11.5597 28.4742C11.1378 28.0563 10.8786 27.6555 10.6597 27.0961C10.4953 26.6727 10.2973 26.0381 10.2426 24.8681C10.1831 23.6036 10.1706 23.2239 10.1636 20.0201C10.1567 16.8164 10.1689 16.4372 10.2244 15.1721C10.2743 14.0031 10.4699 13.3671 10.6324 12.9439C10.8484 12.3826 11.1085 11.9839 11.5273 11.5623C11.9461 11.1406 12.3457 10.8809 12.9057 10.662C13.3286 10.4969 13.9631 10.3006 15.1327 10.2449C16.3982 10.1849 16.7774 10.1729 19.9807 10.1659C23.184 10.159 23.5642 10.171 24.8302 10.2267C25.9992 10.2775 26.6355 10.4712 27.0581 10.6347C27.619 10.8507 28.0181 11.1101 28.4398 11.5296C28.8615 11.9491 29.1214 12.3473 29.3403 12.9084C29.5057 13.3301 29.702 13.9644 29.7572 15.1347C29.8174 16.4002 29.8311 16.7796 29.8369 19.9827C29.8426 23.1857 29.8314 23.5661 29.7759 24.8307C29.7248 26.0007 29.5309 26.6362 29.3679 27.0601C29.1519 27.6205 28.8915 28.0201 28.4725 28.4415C28.0534 28.863 27.6543 29.1226 27.0941 29.3415C26.6717 29.5064 26.0364 29.7032 24.8679 29.7589C23.6023 29.8184 23.2231 29.8309 20.0186 29.8378C16.8141 29.8448 16.4361 29.8318 15.1706 29.7771M24.9531 13.5864C24.9535 13.8713 25.0385 14.1495 25.1971 14.3861C25.3558 14.6226 25.581 14.8068 25.8443 14.9154C26.1077 15.0239 26.3973 15.0519 26.6765 14.9959C26.9558 14.9398 27.2122 14.8022 27.4132 14.6004C27.6142 14.3986 27.7509 14.1418 27.806 13.8623C27.861 13.5828 27.8319 13.2933 27.7224 13.0304C27.6129 12.7675 27.4279 12.5429 27.1908 12.3851C26.9536 12.2274 26.675 12.1435 26.3902 12.144C26.0084 12.1448 25.6425 12.2972 25.373 12.5677C25.1035 12.8381 24.9524 13.2046 24.9531 13.5864ZM13.8386 20.012C13.8453 23.4152 16.6091 26.1677 20.0117 26.1613C23.4142 26.1548 26.1687 23.3912 26.1622 19.988C26.1557 16.5848 23.3911 13.8315 19.9881 13.8382C16.5851 13.8449 13.8321 16.6092 13.8386 20.012ZM16 20.0076C15.9985 19.2165 16.2315 18.4427 16.6698 17.784C17.108 17.1253 17.7317 16.6114 18.462 16.3072C19.1924 16.003 19.9965 15.9222 20.7727 16.075C21.549 16.2278 22.2625 16.6073 22.823 17.1656C23.3836 17.724 23.766 18.436 23.9218 19.2116C24.0777 19.9872 24.0001 20.7917 23.6988 21.5232C23.3975 22.2547 22.886 22.8804 22.2291 23.3213C21.5721 23.7621 20.7992 23.9983 20.0081 23.9998C19.4827 24.0009 18.9623 23.8985 18.4766 23.6985C17.9909 23.4985 17.5493 23.2047 17.1771 22.834C16.8049 22.4632 16.5094 22.0228 16.3074 21.5379C16.1054 21.0529 16.001 20.533 16 20.0076Z" />
2833                      </svg>
2834                    </a>
2835                  </li>
2836                
2837                
2838                  <li class="qk-display--il_bk">
2839                    <a target="_blank" rel="noopener noreferrer" href="https://r.botbonnie.com/vINiF">
2840                      <svg
2841                        class="line-svg"
2842                        xmlns="http://www.w3.org/2000/svg"
2843                        width="40"
2844                        height="40"
2845                        viewBox="0 0 40 40">
2846                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
2847                        <path class="qk-svg--footer_bg" d="M32.5946 18.2214C32.5946 12.5857 26.9449 8 20.0002 8C13.0555 8 7.40576 12.5857 7.40576 18.2214C7.40576 23.2743 11.8873 27.5053 17.9396 28.3048C18.3506 28.392 18.908 28.575 19.0487 28.9269C19.1754 29.245 19.1303 29.7433 19.0881 30.0642C19.0881 30.0642 18.9417 30.9537 18.908 31.1423C18.8517 31.4604 18.6546 32.3866 20.0002 31.8207C21.343 31.2549 27.2545 27.5503 29.895 24.5101C31.7191 22.5058 32.5946 20.4762 32.5946 18.2214Z" />
2848                        <path class="qk-svg--footer_text" d="M17.4413 15.4965H16.5574C16.4223 15.4965 16.3125 15.6062 16.3125 15.7414V21.2279C16.3125 21.363 16.4223 21.4728 16.5574 21.4728H17.4413C17.5764 21.4728 17.6862 21.363 17.6862 21.2279V15.7414C17.6862 15.6062 17.5764 15.4965 17.4413 15.4965Z" />
2849                        <path class="qk-svg--footer_text" d="M23.5219 15.4965H22.638C22.5028 15.4965 22.3931 15.6063 22.3931 15.7414V19.0012L19.8792 15.6063C19.8736 15.5978 19.868 15.5894 19.8595 15.5809C19.8595 15.5809 19.8595 15.5809 19.8595 15.5781C19.8539 15.5725 19.8483 15.5668 19.8455 15.564C19.8426 15.564 19.8426 15.5612 19.8398 15.5584C19.8342 15.5556 19.8314 15.55 19.8258 15.5471C19.8229 15.5443 19.8229 15.5443 19.8201 15.5415C19.8173 15.5387 19.8117 15.5359 19.8089 15.5331C19.8061 15.5303 19.8032 15.5303 19.8004 15.5274C19.7948 15.5246 19.792 15.5218 19.7863 15.519C19.7835 15.519 19.7807 15.5162 19.7779 15.5162C19.7723 15.5134 19.7695 15.5105 19.7638 15.5105C19.761 15.5105 19.7582 15.5077 19.7554 15.5077C19.7498 15.5049 19.7469 15.5049 19.7413 15.5021C19.7385 15.5021 19.7357 15.5021 19.7329 15.4993C19.7272 15.4993 19.7244 15.4965 19.7188 15.4965C19.716 15.4965 19.7132 15.4965 19.7075 15.4937C19.7019 15.4937 19.6991 15.4937 19.6935 15.4908C19.6878 15.4908 19.685 15.4908 19.6822 15.4908C19.6794 15.4908 19.6766 15.4908 19.6737 15.4908H18.7898C18.6547 15.4908 18.5449 15.6006 18.5449 15.7358V21.2222C18.5449 21.3574 18.6547 21.4671 18.7898 21.4671H19.6737C19.8089 21.4671 19.9187 21.3574 19.9187 21.2222V17.9709L22.4353 21.3714C22.4522 21.3968 22.4747 21.4165 22.4972 21.4305C22.4972 21.4305 22.5 21.4305 22.5 21.4334C22.5057 21.4362 22.5113 21.439 22.5141 21.4418C22.5169 21.4418 22.5197 21.4446 22.5226 21.4446C22.5254 21.4474 22.531 21.4474 22.5338 21.4503C22.5366 21.4531 22.5423 21.4531 22.5451 21.4559C22.5479 21.4559 22.5507 21.4587 22.5535 21.4587C22.5591 21.4615 22.5648 21.4615 22.5704 21.4643H22.5732C22.5929 21.47 22.6154 21.4728 22.6352 21.4728H23.5191C23.6542 21.4728 23.764 21.363 23.764 21.2279V15.7414C23.7668 15.6063 23.657 15.4965 23.5219 15.4965Z" />
2850                        <path class="qk-svg--footer_text" d="M15.313 20.099H12.9118V15.7414C12.9118 15.6062 12.802 15.4965 12.6669 15.4965H11.783C11.6479 15.4965 11.5381 15.6062 11.5381 15.7414V21.2279C11.5381 21.2926 11.5634 21.3545 11.6056 21.3968L11.6085 21.3996L11.6113 21.4024C11.6563 21.4446 11.7154 21.4699 11.7802 21.4699H15.3102C15.4453 21.4699 15.5551 21.3602 15.5551 21.225V20.3411C15.5579 20.2116 15.4482 20.099 15.313 20.099Z" />
2851                        <path class="qk-svg--footer_text" d="M28.4001 16.8702C28.5352 16.8702 28.645 16.7604 28.645 16.6253V15.7414C28.645 15.6062 28.5352 15.4965 28.4001 15.4965H24.87C24.8053 15.4965 24.7433 15.5218 24.7011 15.5668L24.6983 15.5697C24.6983 15.5725 24.6955 15.5725 24.6955 15.5753C24.6533 15.6203 24.6279 15.6794 24.6279 15.7442V21.2307C24.6279 21.2954 24.6533 21.3573 24.6955 21.3996L24.6983 21.4024L24.7011 21.4052C24.7462 21.4474 24.8053 21.4756 24.87 21.4756H28.4001C28.5352 21.4756 28.645 21.3658 28.645 21.2307V20.3467C28.645 20.2116 28.5352 20.1018 28.4001 20.1018H25.9988V19.1757H28.4001C28.5352 19.1757 28.645 19.0659 28.645 18.9308V18.0469C28.645 17.9118 28.5352 17.802 28.4001 17.802H25.9988V16.8758H28.4001V16.8702Z" />
2852                      </svg>
2853                    </a>
2854                  </li>
2855                
2856                
2857                  <li class="qk-display--il_bk">
2858                    <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@user-cg6sk7ep8v">
2859                      <svg
2860                        class="youtube-svg"
2861                        xmlns="http://www.w3.org/2000/svg"
2862                        width="40"
2863                        height="40"
2864                        viewBox="0 0 40 40">
2865                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
2866                        <path class="qk-svg--footer_bg" d="M27.3078 11H12.6922C9.82462 11 7.5 13.3653 7.5 16.283V23.717C7.5 26.6347 9.82462 29 12.6922 29H27.3078C30.1754 29 32.5 26.6347 32.5 23.717V16.283C32.5 13.3653 30.1754 11 27.3078 11ZM23.7964 20.3617L16.9602 23.6792C16.778 23.7676 16.5676 23.6324 16.5676 23.4271V16.5848C16.5676 16.3766 16.7835 16.2416 16.9661 16.3357L23.8023 19.8606C24.0055 19.9653 24.002 20.2619 23.7964 20.3617Z" />
2867                      </svg>
2868                    </a>
2869                  </li>
2870                
2871              </ul>
2872            </div>
2873          </div>
2874        </div>
2875      </div>
2876    </div>
2877    
2878  <div class="copyright qk-text--footer_text qk-bd--footer_text qk-text--left qk-bd_t--default">
2879    <div class="qk-container container qk-fw--500">
2880      <span>Copyright ©</span>
2881      <a class="qk-text--link" href="/">
2882        <span>鮮乳坊</span>
2883      </a>
2884      <span>All Rights Reserved.</span>
2885      <span>Designed by
2886      </span>
2887      <a
2888        class="qk-text--link"
2889        href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz"
2890        target="_blank"
2891        rel="noopener noreferrer"
2892        title="Designed by CYBERBIZ">CYBERBIZ</a>.
2893    </div>
2894  </div>
2895  
2896</footer>
2897<script>
2898  $(document).ready(function() {
2899    let isDynamicLoading = false;
2900
2901    let menusData = {
2902      
2903        
2904          "footer": {
2905            
2906              "type": "items",
2907              "data": [
2908                
2909                
2910                  
2911                    {
2912                      "title": "最新消息",
2913                      "url": "/pages/beyondtheworld",
2914                      "item_type": "page"
2915                    },
2916                  
2917                    {
2918                      "title": "檢驗報告",
2919                      "url": "/pages/report_homelove",
2920                      "item_type": "page"
2921                    },
2922                  
2923                    {
2924                      "title": "服務條款",
2925                      "url": "/pages/terms",
2926                      "item_type": "page"
2927                    },
2928                  
2929                    {
2930                      "title": "隱私政策",
2931                      "url": "/pages/privacy",
2932                      "item_type": "page"
2933                    },
2934                  
2935                    {
2936                      "title": "退款政策",
2937                      "url": "/pages/refund",
2938                      "item_type": "page"
2939                    },
2940                  
2941                    {
2942                      "title": "購物須知",
2943                      "url": "/pages/shopnotice",
2944                      "item_type": "page"
2945                    },
2946                  
2947                    {
2948                      "title": "品牌合作",
2949                      "url": "/pages/partner",
2950                      "item_type": "page"
2951                    },
2952                  
2953                    {
2954                      "title": "常見問題",
2955                      "url": "/pages/customerservice_faq",
2956                      "item_type": "page"
2957                    }
2958                  
2959                
2960              ]
2961            
2962          },
2963        
2964      
2965        
2966          "認識鮮乳坊": {
2967            
2968              "type": "items",
2969              "data": [
2970                
2971                
2972                  
2973                    {
2974                      "title": "關於鮮乳坊",
2975                      "url": "/pages/aboutbettermilk_1",
2976                      "item_type": "page"
2977                    },
2978                  
2979                    {
2980                      "title": "品牌故事",
2981                      "url": "/pages/whitestory",
2982                      "item_type": "page"
2983                    },
2984                  
2985                    {
2986                      "title": "創辦人理念",
2987                      "url": "/pages/team",
2988                      "item_type": "page"
2989                    },
2990                  
2991                    {
2992                      "title": "願景與定位",
2993                      "url": "/pages/spirit",
2994                      "item_type": "page"
2995                    },
2996                  
2997                    {
2998                      "title": "ESG",
2999                      "url": "/pages/history",
3000                      "item_type": "page"
3001                    },
3002                  
3003                    {
3004                      "title": "加入鮮乳坊",
3005                      "url": "/pages/hr",
3006                      "item_type": "page"
3007                    }
3008                  
3009                
3010              ]
3011            
3012          },
3013        
3014      
3015        
3016          "系列介紹": {
3017            
3018              "type": "items",
3019              "data": [
3020                
3021                
3022                  
3023                    {
3024                      "title": "產品介紹",
3025                      "url": "/pages/category",
3026                      "item_type": "page"
3027                    },
3028                  
3029                    {
3030                      "title": "莊園級鮮乳",
3031                      "url": "/pages/bettermilk",
3032                      "item_type": "page"
3033                    },
3034                  
3035                    {
3036                      "title": "A2β酪蛋白鮮乳",
3037                      "url": "/pages/a2betamilk",
3038                      "item_type": "page"
3039                    },
3040                  
3041                    {
3042                      "title": "真優格",
3043                      "url": "/pages/yogurt",
3044                      "item_type": "page"
3045                    },
3046                  
3047                    {
3048                      "title": "玻妞優格飲",
3049                      "url": "/pages/boyogurt",
3050                      "item_type": "page"
3051                    },
3052                  
3053                    {
3054                      "title": "鮮乳饅頭",
3055                      "url": "/pages/milkbun",
3056                      "item_type": "page"
3057                    },
3058                  
3059                    {
3060                      "title": "莊園鮮乳雞蛋布丁",
3061                      "url": "/pages/pudding",
3062                      "item_type": "page"
3063                    },
3064                  
3065                    {
3066                      "title": "100%生乳保久乳",
3067                      "url": "/pages/sterilizedmilk",
3068                      "item_type": "page"
3069                    }
3070                  
3071                
3072              ]
3073            
3074          },
3075        
3076      
3077        
3078      
3079    };
3080
3081    if (isDynamicLoading) {
3082      window.DynamicLoading.setupComponent({
3083          sectionId: '#footer',
3084          callbackData:{
3085            section: {"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":" https://bettermilk.cc/yr5si","display_instagram":true,"shop_instagram":" https://bettermilk.cc/9D4HJ","display_line":true,"shop_line":"https://r.botbonnie.com/vINiF","display_youtube":true,"shop_youtube":"https://www.youtube.com/@user-cg6sk7ep8v","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","1713240525851_0","1713240614713_0","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","custom_name":"選單","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"關於我們","footer_link":"footer"}},"default_contact_info":{"type":"contact_info_setting","custom_name":"聯絡資訊","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_t
3085itle":"聯絡資訊","display_phone":"true","dict_phone_number":"02-29082961","display_fax_number":false,"dict_shop_fax_number":"0222345678","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":false,"dict_shop_address":"測試地址","display_office_time":true,"dict_shop_office_time":"平日09:00-12:00、13:00-18:00,週六09:00-12:00,週日及國定假日暫停服務"}},"1713240525851_0":{"type":"link_list_setting","custom_name":"選單","visible":true,"settings":{"dict_link_list_block_title":"關於鮮乳坊","footer_link":"認識鮮乳坊"}},"1713240614713_0":{"type":"link_list_setting","custom_name":"選單","visible":true,"settings":{"dict_link_list_block_title":"產品介紹","footer_link":"系列介紹"}}},"custom_name":"頁腳"},
3086            shop: {
3087              name: '鮮乳坊',
3088              cyberbiz_link: 'https://www.cyberbiz.io?utm_source=poweredbycyberbiz',
3089              facebook_fan_page: 'https://www.facebook.com/311701552356795',
3090            },
3091            menus: menusData,
3092            is_display_facebook_fan_block: true
3093            },
3094          entryName:'renderFooterSection',
3095          source:'//cdn-general.cybassets.com/frontend/shop/footerSection-7338a3080043cbaa.js',
3096        });
3097    }
3098  });
3099</script>
3099
3100
3101<!-- cyb_snippet _tracking_code start -->
3102      
3102<script>
3103        window.fbAsyncInit = function() {
3104          FB.init({
3105          appId : '',
3106          xfbml : true,
3107          version : 'v24.0',
3108          });
3109        };
3110        (function(d, s, id){
3111          var js, fjs = d.getElementsByTagName(s)[0];
3112          if (d.getElementById(id)) {return;}
3113          js = d.createElement(s);
3114          js.id = id;
3115          js.src = 'https://connect.facebook.net/zh_TW/sdk.js';
3116          fjs.parentNode.insertBefore(js, fjs);
3117        }(document, 'script', 'facebook-jssdk'));
3118      </script>
3118
3119
3120
3121<script>
3122  // for scupio
3123  if (document.querySelector("meta[name=\"scupio_mid\"]")) {
3124    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
3125  } else {
3126    mid = "";
3127  }
3128  if (!window.is_scupio_sent && mid) {
3129    window._bwtm = window._bwtm || []
3130    window._bwtm.push({
3131      "mid": mid,
3132      "uid": ""
3133    });
3134  }
3135</script>
3135
3136
3137<!-- cyb_snippet _tracking_code end -->
3138
3139<script>
3140  $(document).ready(function(){
3141    if(window.location.pathname != '' && window.location.pathname != '/' ){
3142      document.getElementById('index-recommendation').style.display = 'none'
3143    }
3144  });
3145</script>
3145
3146
3147
3148
3149    <!-- Fast-Events -->
3150    <!-- cyb_snippet fast_events start -->
3151
3152
3153<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/fast_events-7338a3080043cbaa.js' type='text/javascript'></script>
3153
3154<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/fast_events-7338a3080043cbaa.css' rel='stylesheet' type='text/css' media='all' />
3155
3156<!-- cyb_snippet fast_events end -->
3157
3158    <div class="bottom-right qk-pos--fixed">
3159      <!-- gototop -->
3160      <div id="gototop" class="qk-display--none qk-text--center">
3161        <a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center">
3162          <i class="fas fa-chevron-up"></i>
3163        </a>
3164      </div>
3165
3166      <!-- popup -->
3167      
3168
3169
3170
3171<div id="popup-wrapper" class="qk-display--none"></div>
3172
3173<template id="popup-template">
3174  <div
3175    :class="status"
3176    v-if="hasContent"
3177    id="popup-section"
3178  >
3179    <transition name="backdrop">
3180      <div
3181        v-if="shouldShowPopup"
3182        @click.capture="minifyPopup"
3183        id="popup-backdrop"
3184        class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst"
3185      >
3186      </div>
3187    </transition>
3188    <transition name="onShow">
3189      <div
3190        @click.self="showPopup"
3191        @transitionstart="updateGameStatus('start', this)"
3192        @transitionend="updateGameStatus('end', this)"
3193        class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3194      >
3195        <div
3196          v-for="block in blocks"
3197          :key="block.id"
3198          :class="[block.type, minifiedBlockClasses, block.settings.icon_size]"
3199          class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto"
3200        >
3201          <div v-if="block.type === 'image'" class="qk-pos--rel">
3202            <img
3203              v-show="!shouldShowPopup"
3204              :src="block.settings.dict_icon_image_url"
3205              class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3206              alt="popup button"
3207            >
3208            <a
3209              v-show="shouldShowPopup"
3210              :href="block.settings.dict_link"
3211              :target="block.settings.target"
3212              :rel="block.settings.rel"
3213              class="qk-display--flex qk-align--center"
3214              @click="linkClicked"
3215            >
3216              <picture>
3217                <source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)">
3218                <source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)">
3219                <img
3220                  :src="block.settings.dict_image_url"
3221                  class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3222                  alt="popup picture"
3223                />
3224              </picture>
3225            </a>
3226          </div>
3227          <div v-if="block.type === 'video'">
3228            <iframe
3229              :src="block.settings.dict_video_link"
3230              frameborder="0"
3231              class="qk-center--y qk-w--100 qk-h--100"
3232            ></iframe>
3233          </div>
3234          <div v-if="block.type === 'game'">
3235            <div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }">
3236              <iframe
3237                class="cb-game-iframe iframe-loading"
3238                :src="getGameIframeSrc(block)"
3239                style="border: none;"
3240              >
3241                Loading
3242              </iframe>
3243            </div>
3244            <div v-show="gameStatus === 'minified'">
3245              <img
3246                src="//cdn-general.cybassets.com/game_assets/game_minified_new.png"
3247                class="qk-h--100 qk-w--100"
3248                alt="game minified icon"
3249              />
3250            </div>
3251          </div>
3252          <div
3253            v-if="block.type === 'carousel'"
3254            :id="`popup-carousel-${block.id}`"
3255          >
3256          </div>
3257        </div>
3258      </div>
3259    </transition>
3260    <transition name="backdrop">
3261      <div
3262        v-if="shouldShowPopup"
3263        @click.capture="minifyPopup"
3264        class="minify-popup qk-circle qk-circle--md qk-text--black qk-bg--white qk-bd--default qk-bd--border qk-text--center qk-cursor--pointer qk-pos--fixed"
3265      >
3266      </div>
3267    </transition>
3268  </div>
3269</template>
3270
3271<script>
3272  $(document).ready(function() {
3273    const CDN_HOST = '//cdn-general.cybassets.com';
3274    const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjIwNDA2L2F0dGFjaGVkX3Bob3Rvcy8xNzc3NDYyNzgxXzIwMjYwMzIwX2Jhbm5lcl_li57li5Xnr4DpgKPlgYfmmqvlgZzphY3pgIHlhazlkYpfNTAweDUwMOW9iOi3s-eqly5qcGcuanBlZyJdXQ.jpeg?sha=788289a18016799d","icon_size":"small"},"custom_name":"圖片"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"彈窗廣告"};
3275    var popupSection = Vue.createApp({
3276      template: '#popup-template',
3277      delimiters: ['${', '}'],
3278      data() {
3279        const isOmniauthPage = ['omniauth_terms_agreement', 'omniauth_mobile/']
3280          .some(path => location.pathname.includes(path));
3281        return {
3282          status: 'minified',
3283          gameStatus: 'show',
3284          blocks: isOmniauthPage
3285            ? []
3286            : section.block_order && section.block_order.reduce(
3287                function(acc, blockId) {
3288                  const block = section.blocks[blockId];
3289                  if (block && block.visible) {
3290                    acc.push({
3291                      ...block,
3292                      id: blockId,
3293                    });
3294                  }
3295                  return acc;
3296                },
3297                [],
3298              ),
3299          hasAddedGameScript: false,
3300        };
3301      },
3302      computed: {
3303        hasContent: function() {
3304          return !!(this.blocks && this.blocks.length > 0);
3305        },
3306        minifiedBlockClasses: function() {
3307          return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : '';
3308        },
3309        shouldShowPopup: function() {
3310          return this.status === 'show';
3311        }
3312      },
3313      methods: {
3314        unhidePopup: function(storedStatus) {
3315          this.status = storedStatus;
3316          $('#popup-wrapper').removeClass('qk-display--none');
3317        },
3318        showPopup: function() {
3319          if (this.status !== 'show') {
3320            this.status = 'show';
3321            this.saveStatus(this.status);
3322          }
3323        },
3324        minifyPopup: function() {
3325          this.status = 'minified';
3326          this.saveStatus('minified');
3327        },
3328        loadStatus: function() {
3329          return JSON.parse(localStorage.getItem('popupStatus'));
3330        },
3331        saveStatus: function(status) {
3332          if (status) {
3333            localStorage.setItem('popupStatus', JSON.stringify({
3334              status: status,
3335              setTime: new Date().getTime(),
3336            }));
3337          }
3338        },
3339        linkClicked: function() {
3340          this.saveStatus('minified');
3341        },
3342        parseVideoLink: function(settings) {
3343          settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link);
3344        },
3345        setupImageSrc: function (settings) {
3346          settings.dict_image_url = this.addCdnHost(settings.dict_image_url);
3347          if (settings.dict_tablet_image_url) {
3348            settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url);
3349          }
3350          if (settings.dict_mobile_image_url) {
3351            settings.dict_mobile_image_url = this.addCdnHost(settings.dict_mobile_image_url);
3352          }
3353          settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url;
3354        },
3355        addCdnHost: function(url) {
3356          if (!url) {
3357            return url; // only add cdn host if url is not empty
3358          }
3359
3360          try {
3361            new URL(url);
3362            return url; // already a valid url, cdn host not needed
3363          } catch {
3364            return `${CDN_HOST}${url}`;
3365          }
3366        },
3367        initStatus: function() {
3368          let newStatus = 'show';
3369          const popupStatus = this.loadStatus();
3370          const currentTime = new Date().getTime();
3371          const oneDay = 1000 * 60 * 60 * 24;
3372          const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay;
3373          const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin();
3374          const isLoggingIn = this.isLoggingIn();
3375          const isCartPage = window.location.pathname.split('/').includes('carts');
3376
3377          if (hasStoredStatus && !redirectedByGameLogin) {
3378            newStatus = popupStatus.status;
3379          }
3380
3381          if (isLoggingIn) {
3382            newStatus = 'minified';
3383          } else {
3384            localStorage.removeItem('redirectedByPopup');
3385          }
3386
3387          setTimeout(() => {
3388            this.status = newStatus;
3389            this.gameStatus = newStatus;
3390            this.saveStatus(newStatus);
3391            if(!isCartPage){
3392              this.unhidePopup(newStatus);
3393            }
3394          }, 1000);
3395        },
3396        initBlocks: function() {
3397          if (this.hasContent) {
3398            this.blocks.forEach(block => {
3399              switch(block.type) {
3400                case 'image':
3401                  this.setupImageSrc(block.settings);
3402
3403                  const isOpenInNewTab = block.settings.link_open_in_new_tab;
3404                  if (isOpenInNewTab) {
3405                    block.settings.target = '_blank';
3406                    block.settings.rel = 'noopener noreferrer';
3407                  }
3408
3409                  break;
3410                case 'video':
3411                  this.parseVideoLink(block.settings);
3412                  break;
3413              }
3414            })
3415          }
3416        },
3417        getGameIframeSrc: function (block) {
3418          return `/games/${block.settings.dict_game_handle}`
3419        },
3420        updateGameStatus: function(type, element) {
3421          if (
3422            (type === 'start' && this.status === 'minified')
3423            || (type === 'end' && this.status === 'show')
3424          ) {
3425            this.gameStatus = this.status;
3426          }
3427        },
3428        setupGameRedirects: function() {
3429          window.addEventListener('pagehide', () => {
3430            const isGameActive = document.body.getElementsByClassName('show-game').length;
3431            if (isGameActive) {
3432              localStorage.setItem('redirectedByPopup', 'true');
3433              this.saveStatus('minified');
3434            }
3435          });
3436        },
3437        hasRedirectUrl: function() {
3438          return (new URLSearchParams(location.search)).has('redirect_url');
3439        },
3440        redirectedByGameLogin: function() {
3441          return localStorage.getItem('redirectedByPopup');
3442        },
3443        isLoggingIn: function() {
3444          const loginRelatedPathnames = [
3445            'account/signup',
3446            'account/login',
3447            'account/customer/password/new',
3448            'pages/terms'
3449          ];
3450          return loginRelatedPathnames.some(path => location.pathname.includes(path));
3451        }
3452      },
3453      created: function() {
3454        this.initStatus();
3455        this.initBlocks();
3456        this.setupGameRedirects();
3457      },
3458      mounted: function() {
3459        this.blocks.forEach((block) => {
3460          if (block.type === 'carousel' && block.settings.dict_c
3460arousel) {
3461            renderCarousel(`#popup-carousel-${block.id}`, {
3462              title: block.settings.dict_carousel,
3463              CDN_HOST,
3464              onLinkClick: () => this.linkClicked(),
3465            });
3466          }
3467        });
3468      },
3469    });
3470    popupSection.mount('#popup-wrapper');
3471  });
3472</script>
3472
3473
3474
3475
3476    </div>
3477
3478    <!-- ajaxloading -->
3479    <div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed">
3480      <div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center">
3481        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="73.4" height="73.4" viewBox="0 0 73.4 73.4">
3482          <circle class="circle" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.7" cy="36.7" r="35.2"/>
3483          <polyline class="success_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="23.7,36.8 32.4,45.4 49.7,28 "/>
3484          <path class="success_icon" fill="#898989" d="M32.5,46.9c-0.4,0-0.8-0.2-1.1-0.4l-8.6-8.6c-0.6-0.6-0.6-1.5,0-2.1s1.5-0.6,2.1,0l7.5,7.5L48.6,27c0.6-0.6,1.5-0.6,2.1,0s0.6,1.5,0,2.1L33.5,46.5C33.2,46.7,32.9,46.9,32.5,46.9L32.5,46.9z"/>
3485          <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="26.6" y1="26.6" x2="46.8" y2="46.8"/>
3486          <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.8" y1="26.6" x2="26.6" y2="46.8"/>
3487          <path class="fail_icon" fill="#898989" d="M38.7,36.7l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0l-9.1,9.1l-9.1-9.1c-0.6-0.6-1.5-0.6-2.1,0s-0.6,1.5,0,2.1l9.1,9.1l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l9.1-9.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L38.7,36.7z"/>
3488        </svg>
3489        <div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已加入購物車</div>
3490        <div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已更新購物車</div>
3491        <div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路異常,請重新整理</div>
3492      </div>
3493    </div>
3494  
3495      
3495<script>
3496        if (typeof(check_order_token_cookie) !== 'function' || check_order_token_cookie()) {
3497          gtag('event', 'conversion', {"send_to":"AW-10951661849/5sRxCITn_NADEJmylOYo"});
3498        }
3499      </script>
3499
3500    
3500<script src="//cdn-general.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
3500</body>
3501
3502  
3502<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-7338a3080043cbaa.js' type='text/javascript'></script>
3502
3503  
3503<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/theme_helper-7338a3080043cbaa.js' type='text/javascript'></script>
3503
3504
3505  <!-- theme assets -->
3506  
3506<script src='//cdn-general.cybassets.com/s/files/20406/theme/106564/assets/js/1714074672_6bb5a45b_main.js?1714074673' type='text/javascript'></script>
3506
3507  
3507<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/theme-7338a3080043cbaa.js' type='text/javascript'></script>
3507
3508
3509  <!-- for cache -->
3510  
3510<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/cacheable-7338a3080043cbaa.js' type='text/javascript'></script>
3510
3511  
3511<script>
3512      document.fonts.ready.then(function() {
3513          console.log('All fonts have loaded.');
3514          // 遍历并打印已加载的字体信息
3515          document.fonts.forEach(function(font) {
3516            console.log(`Font: ${font.family}, Style: ${font.style}, Weight: ${font.weight}, Stretch: ${font.stretch}, Loaded: ${font.status}`);
3517          });
3518        });
3519
3520      
3521  </script>
3521
3522</html>

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.