It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://stiga.com.tw

  1. <!DOCTYPE HTML>
  2. <html lang="zh-TW">
  3. <head>
  4. <title>STIGA | 瑞典國際乒乓球台灣代理商</title>
  5. <meta name="title" content="STIGA | 瑞典國際乒乓球台灣代理商">
  6. <meta name="subject" content="STIGA | 瑞典國際乒乓球台灣代理商">
  7. <meta name="description" content="STIGA是一家有著60多年歷史，全球領先的乒乓球用品生產商，在全球範圍內有100多家合作夥伴。 1944年，STIGA在瑞典製造出首支乒乓球拍。在過去半個多世紀來，STIGA底板一直被譽為世界上最好的底板，STIGA的產品得到了廣大乒乓球選手和愛好者的認可，在這期間STIGA在生產工藝以及產品開發上不斷的進行創新，以保持STIGA在乒乓領域的領先地位。">
  8. <meta name="Keywords" content="許昕, 郭躍, 陳思羽, 瑞典第一桌球品牌, 乒乓世界桌球用品, 圍布架, 置球架, 比賽用桌, 三星比賽球, 乒乓, ITTF比賽級網架組, 桌球計分板">
  9. <meta name="author" content="STIGA">
  10. <meta name="referrer" content="no-referrer-when-downgrade">
  11. <meta name="google-site-verification" content="dyJCQWCBJ3wC4T_3HSUPyrZm5GyretUXaq7QvCwKbGU" />
  12.  
  13. <script type="text/javascript">
  14.    (function(c,l,a,r,i,t,y){
  15.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  16.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  17.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  18.    })(window, document, "clarity", "script", "cf8vtdq0yp");
  19. </script>
  20.  
  21. <meta name="msvalidate.01" content="E8CDAE55DFC27AC0064FF07E587CF6C9" />
  22.  
  23. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  24. <meta name="csrf-token" content="af11c9a3a0d3ee1f95babcad215ebca8c56084b714d2ca6a37fd658787436087">
  25. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  26. <meta http-equiv="content-language" content="zh-TW" />
  27. <meta property="fb:app_id" content="" />
  28. <meta property="og:title" content="STIGA | 瑞典國際乒乓球台灣代理商" />
  29. <meta property="og:description" content="STIGA是一家有著60多年歷史，全球領先的乒乓球用品生產商，在全球範圍內有100多家合作夥伴。 1944年，STIGA在瑞典製造出首支乒乓球拍。在過去半個多世紀來，STIGA底板一直被譽為世界上最好的底板，STIGA的產品得到了廣大乒乓球選手和愛好者的認可，在這期間STIGA在生產工藝以及產品開發上不斷的進行創新，以保持STIGA在乒乓領域的領先地位。" />
  30. <meta property="og:url" content="https://www.stiga.com.tw/index.php?" />
  31. <meta property="og:image" content="https://pic.vcp.tw/upload/stiga/website_info/pic_social_share_1.jpg?1652775361" />
  32. <meta property="og:image:width" content="1200" />
  33. <meta property="og:image:height" content="630" />
  34. <meta property="og:type" content="product" />
  35. <!--<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />-->
  36. <base href="https://www.stiga.com.tw/">
  37. <link rel="image_src" type="image/jpeg" href="https://pic.vcp.tw/upload/stiga/website_info/pic_social_share_1.jpg?1652775361" />
  38. <link rel="shortcut icon" href="https://pic.vcp.tw/upload/stiga/website_info/pic_favicon_1.png?1672402284">
  39.  
  40. <link href="https://cdn.matrixec.com/fs/all/css/default_style_pc.css?1760341217" rel="stylesheet" type="text/css" >
  41.  
  42. <!-- 網站基本css -->
  43. <link id="website_pc_css" href="https://cdn.matrixec.com/fs/all/css/ap_pc.css?1760341217" rel="stylesheet" type="text/css" >
  44.  
  45. <!-- master menu -->
  46. <link href="https://cdn.matrixec.com/fs/all/css/master_menu.css?1760341217" rel="stylesheet" type="text/css">
  47. <!-- 動態內容模組css -->
  48. <link id="dynamic_pc_css" href="https://cdn.matrixec.com/fs/all/css/content_module.css?1760341217" rel="stylesheet" type="text/css" >
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <!-- 強制css -->
  56. <link href="https://cdn.matrixec.com/fs/all/css/init_constraint.css?1760341217" rel="stylesheet" >
  57.  
  58. <!-- fontawesome 6.0 -->
  59. <link href="https://cdn.matrixec.com/js/fontawesome_free_6.2.0/css/all.css" rel="stylesheet">
  60. <link rel="stylesheet" href="https://cdn.matrixec.com/js/jquery.bxslider_4.2.12.min.css" type="text/css" />
  61. <link rel="stylesheet" href="https://cdn.matrixec.com/js/carousel.css" type="text/css" />
  62. <link rel="stylesheet" href="https://cdn.matrixec.com/js/sortable.min.css" type="text/css" />
  63. <link rel="stylesheet" href="https://cdn.matrixec.com/fs/all/slick-1.8.1/slick.css?1760341217">
  64. <link rel="stylesheet" href="https://cdn.matrixec.com/fs/all/slick-1.8.1/slick-theme.css?1760341217">
  65. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css"/>
  66. <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"/> -->
  67.  
  68. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
  69. <link rel="stylesheet" href="https://cdn.matrixec.com/fs/all/sweetalert2/sweetalert2.min.css" >
  71. <link rel="stylesheet" href="https://cdn.matrixec.com/js/jquery-ui_1.12.1.css">
  72. <script language="javascript" src="https://cdn.matrixec.com/js/jquery_1.12.4.min.js"></script>
  73. <script src="https://cdn.matrixec.com/js/jquery-ui_1.12.1.min.js"></script>
  74. <script language="javascript" src="https://cdn.matrixec.com/js/jquery.lazyload_1.9.1.min.js"></script>
  75. <script language="javascript" src="https://cdn.matrixec.com/js/placeholders_3.0.2.min.js" async></script>
  76. <script language="javascript" src="https://cdn.matrixec.com/js/skrollr_0.6.30.min.js" async></script>
  77. <script language="javascript" src="https://cdn.matrixec.com/js/carousel.js?1761314948" async></script>
  78. <script language="javascript" src="https://cdn.matrixec.com/js/jquery.bxslider_4.2.12.min.js"></script>
  79. <script language="javascript" src="https://cdn.matrixec.com/js/jquery.cookie_1.4.1.min.js" async></script>
  80.  
  81. <!-- 輪播 -->
  82. <script src="https://cdn.matrixec.com/fs/all/slick-1.8.1/slick.js"></script>
  83.  
  84. <!-- 複製 -->
  85. <script src="https://cdn.matrixec.com/js/clipboard.min.js"></script>
  86.  
  87. <!-- 拖曳 -->
  88. <script src="https://cdn.matrixec.com/js/sortable.min.js"></script>
  89.  
  90. <!-- 瀑布流插件 -->
  91. <script src="https://cdn.matrixec.com/js/Masonry_v4.2.2.js"></script>
  92.  
  93. <!-- 圖片懶載入 -->
  94. <script src="https://cdn.matrixec.com/js/imagesloaded_v5.0.0.js"></script>
  95.  
  96. <!-- 燈箱 -->
  97. <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>  
  98. <!-- <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> -->
  99.  
  100. <!-- 複製按鈕插件 -->
  101. <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.10/dist/clipboard.min.js"></script>
  102.  
  103. <!-- sweetalert2 -->
  104. <script language="javascript" src="https://cdn.matrixec.com/js/sweetalert2/sweetalert2.all.min.js"></script>
  105.    
  106.  
  107.  
  109.  
  110. <script language="javascript">
  111. //網站初始全域js資料
  112. var website_init =
  113. {
  114. "website_title" : "STIGA | 瑞典國際乒乓球台灣代理商",
  115. "member_ID_type" : 3 }
  116. //console.log(website_init);
  117.  
  118. var cursorX;
  119. var cursorY;
  120.  
  121. </script>
  122.  
  123. <script language="javascript" src="https://cdn.matrixec.com/js/default.js?1761314948"></script>
  124. <script language="javascript" src="https://cdn.matrixec.com/js/header.js?1761314948"></script>
  125. <style id="design_setting_css_variables">
  126.    :root {
  127.        --ds_standard_color:#000;
  128.        --ds_standard_bg_color:#fff;
  129.    
  130.            --ds_main_color:#000000;
  131.        
  132.                --ds_main_text_color:#ffffff;
  133.            
  134.            --ds_sup_color:#5e5e5e;
  135.        
  136.                --ds_sup_text_color:#ffffff;
  137.            
  138.            --ds_footer_bg_color:#000000;
  139.        
  140.            --ds_footer_text_color:#ffffff;
  141.        
  142.                --ds_standard_btn_color:#ffffff;
  143.            
  144.                --ds_standard_btn_bg_color:#000000;
  145.            
  146.                --ds_standard_btn_color_hover:#000000;
  147.            
  148.                --ds_standard_btn_bg_color_hover:#ffffff;
  149.            
  150.                --ds_cta_btn_color:#ffffff;
  151.            
  152.                --ds_cta_btn_bg_color:#000000;
  153.            
  154.                --ds_cta_btn_color_hover:#000000;
  155.            
  156.                --ds_cta_btn_bg_color_hover:#ffffff;
  157.            
  158.            --ds_product_price_activity_color: #fb402d;
  159.        
  160.            --ds_product_activity_caption_color: #ffffff;
  161.        
  162.            --ds_product_activity_bg_color: #ded345;
  163.        
  164.            --ds_product_promotion_color: #5e5e5e;
  165.        
  166.            --ds_product_CTA_color: #ffffff;
  167.        
  168.            --ds_product_CTA_color_hover: #000000;
  169.        
  170.            --ds_product_CTA_bg_color: #000000;
  171.        
  172.            --ds_product_CTA_bg_color_hover: #ffffff;
  173.        
  174.            --ds_product_rating_color: #F7E721;
  175.        }</style>
  176.  
  177. <style id="design_setting">
  178.    
  179.    body .ad_product_a6 .a6_slider .a6_list_item .to_know a,
  180.    body .ad_product_a6 .a6_slider .a6_list_item .price .activity_price,
  181.    body .ad_product_a6 .a6_slider .a6_list_item .promote,
  182.    body .ad_product_a6 .a6_slider .a6_list_item .to_know:hover a,
  183.    body .ad_product_b2 .b2_slider .b2_list_item .to_know a,
  184.    body .ad_product_b2 .b2_slider .b2_list_item .price .activity_price,
  185.    body .ad_product_b2 .b2_slider .b2_list_item .promote,
  186.    .footer_menu_outside div.add_cart_box div.add_button
  187.    {
  188.        color: inherit;
  189.    }
  190.    body .ad_product_a6 .a6_slider .a6_list_item .a6_item_pic .activity_name,
  191.    body .ad_product_b2 .b2_slider .b2_list_item .b2_item_pic .activity_name,
  192.    .footer_menu_outside div.add_cart_box div.add_button
  193.    {
  194.        background-color: inherit;
  195.    }
  196.    
  197. .column_list_big_side_2_outside div.text div.caption,
  198. .column_list_big_side_1_outside div.caption,
  199.        .column_list_big_side_2x2_header_outside div.caption,
  200.        .column_list_big_side_2x2_item_outside div.content_bolck div.content,
  201.        .category_list_table td.product_item div.shopping_context,
  202.        .category_list_table td.product_item div.shopping_context:hover,
  203.        .category_list_table td.product_item div.product_price,
  204.        .category_list_table td.product_item div.activity_name,
  205.        .big_side_category_half_1b5s .ds_main_color .clear>div,
  206.        .big_side_all_category_top3_caption,
  207.        .big_side_all_category_top3_box div.item_inside div.caption a,
  208.        .big_side_publicize_column div.big_side_publicize_column_header,
  209.        .big_side_category_half_1b5s .ds_standard_color>div,
  210.        body .ad_product_b2 .b2_slider .b2_list_item .promote,
  211.        .group_product_relation_module_outside_box div.product_price,
  212.        .group_product_relation_module_caption_txt,
  213.        .group_product_relation_module_outside_box div.product_name a,
  214.        .tag_caption .tag_caption_li i,
  215.        .ad_product_a5_module_outside_box div.product_name a,
  216.        .ad_product_a5_module_caption_txt,
  217.        .ad_product_a5_module_caption_txt span,
  218.        .ad_prodcut_b1 div.header_caption a,
  219.        .ad_prodcut_b1 div.header_caption a span,
  220.        body .ad_product_a6 .a6_slider .a6_list_item .to_know a,
  221.        body .ad_product_a6 .a6_slider .a6_list_item .price .activity_price,
  222.        body .product_detail_plus_product .plus_product_content .plus_product_content_wrap .plus_product_content_slide .plus_product_item .plus_product_price .plus_price_activity,
  223.        body .ad_product_b2 .b2_slider .b2_list_item .b2_item_pic .activity_name,
  224.        body .ad_product_b2 .b2_slider .b2_list_item .price .activity_price,
  225.        .ad_product_a5_module_outside_box div.product_price,
  226.        .follow_chart_outside div.header_outside div.header_caption,
  227.        .order_total_price,
  228.        .product_view_record_button,
  229.        .product_item_outside_box div.product_price,
  230.        .product_item_outside_box div.shopping_context,
  231.        .product_item_outside_box div.product_name,
  232.        .product_comment_outside div.product_comment_caption,
  233.        .product_rank_slide_outside_box div.product_name,
  234.        .product_rank_slide_outside_box div.product_name a,
  235.        .product_rank_slide_outside_box div.product_price,
  236.        .product_rank_slide_outside_box div.tag_div span.tag_name,
  237.        .product_detail td.sale_price div.sale_price_unit,
  238.        .product_detail td.sale_price div.sale_price_value,
  239.        .product_detail_standard_title,
  240.        .product_list_dynamic_item div.product_name a,
  241.        .product_list_dynamic_item div.product_price,
  242.        .product_list_dynamic_item div.promotion_word a,
  243.        .plus_product_relation_slide_outside_box span.plus_price,
  244.        .product_detail td.promotion_word div.product_promotion_word,
  245.        .category_list_table td.product_item div.product_name a,
  246.        .plus_product_relation_slide_module_caption_txt,
  247.        .hot_keyword_outside div.hot_keyword_caption,
  248.        .hot_keyword_outside div.hot_keyword_list div.this_item,
  249.        .hot_keyword_outside div.hot_keyword_list div.this_item a,
  250.        .tabe_pps_html td.left_title div.title_caption,
  251.        .ds_product_caption_color a,
  252.        .span_button_green,
  253.        .product_detail td.sale_price div.sale_price_caption,
  254.        .div_big_side_product_menu_outside div.left_inside_parent a,
  255.        .footer_menu_outside div.add_cart_box div.add_button,
  256.        body .ad_product_a6 .a6_slider .a6_list_item .promote,
  257.        .website_faq_list_item_outsite div.caption
  258. {
  259. color: inherit !important;
  260. }
  261.        .div_page_outside span.sel_page a{
  262.            font-weight:bold;
  263.        }
  264.        .div_product_directory{
  265.            overflow:hidden;
  266.        }
  267.        .category_sort_table td.item{
  268.            color: #666666;
  269.        }
  270.  
  271.        .div_small_side_menu_list ul li.menu_level_1{
  272.            padding-left: 10px;
  273.        }
  274.  
  275.        .product_detail_car_box,
  276.        body .ad_product_a6 .a6_slider .a6_list_item .to_know:hover,
  277.        body .ad_product_a6 .a6_slider .a6_list_item .a6_item_pic .activity_name,
  278.        body .ad_product_b2 .b2_slider .b2_list_item .b2_item_pic .activity_name,
  279.        .big_side_publicize_column div.big_side_publicize_column_header,
  280.        .ad_product_a5_module_caption_txt span,
  281.        .category_list_table td.product_item div.shopping_context,
  282.        .category_list_table td.product_item div.shopping_context:hover,
  283.        .category_list_table td.product_item div.activity_name,
  284.        fieldset div.selected,
  285.        .product_view_record_button,
  286.        .product_item_outside_box div.shopping_context,
  287.        .plus_product_relation_slide_module_caption_txt span,
  288.        .product_detail_car_box,
  289.        .hot_keyword_outside div.hot_keyword_caption,
  290.        .hot_keyword_outside div.hot_keyword_list div.this_item,
  291.        .span_button_green,
  292.        .div_big_side_product_menu_outside div.left_inside_parent a,
  293.        .footer_menu_outside div.add_cart_box div.add_button,
  294.        .website_faq_list_item_outsite div.caption
  295.        {
  296.            background-color: inherit !important;
  297.        }
  298.  
  299.        .product_view_record_button,
  300.        .span_button,
  301.        .span_button_green:hover,
  302.        .span_button_green,
  303.        .ds_btn_standard,
  304.        .div_product_directory ul li.list_selected
  305.        {
  306.            background-image: unset !important;
  307.        }
  308.  
  309.        .group_product_relation_module_outside_box div.product_name a,
  310.        .product_list_dynamic_item div.product_name a,
  311.        body .ad_product_a6 .a6_slider .a6_list_item .price .activity_price,
  312.        body .ad_product_b2 .b2_slider .b2_list_item .price .activity_price,
  313.        .product_item_outside_box div.product_price,
  314.        .product_list_dynamic_item div.product_price
  315.        {
  316.            font-size: inherit !important;
  317.        }
  318.  
  319.        .ad_product_a5_module_caption_txt,
  320.        .ad_product_a6 .a6_title.txt,
  321.        .ad_product_a2 .module_header_caption,
  322.        .ad_prodcut_b1 div.header_caption,
  323.        .big_side_category_half_1b5s .ds_main_color .clear,
  324.        .big_side_all_category_top3_caption,
  325.        .big_side_all_category_top3_box div.item_inside div.caption,
  326.        .column_list_big_side_2x2_header_outside,
  327.        .column_hot_header,
  328.        .follow_chart_outside div.header_outside,
  329.        .product_comment_outside div.product_comment_caption,
  330.        .plus_product_relation_slide_module_caption_txt,
  331.        .group_product_relation_module_caption_txt,
  332.        .module_header_caption,
  333.        .div_small_side_menu_list ul li.menu_level_1
  334.        {
  335.            border-bottom: 1px solid !important;
  336.        }
  337.  
  338.        .table_shopping_car td.left_title,
  339.        .table_shopping_car td.left_space
  340.        {
  341.            border-right: 3px solid !important;
  342.        }
  343.  
  344.        .table_shopping_car td.left_title div.arrow
  345.        {
  346.            border-right:8px solid !important;
  347.        }
  348.  
  349.        .product_rank_slide_outside_box
  350.        {
  351.            border-top: 1px solid !important;
  352.        }
  353.  
  354.        .group_product_relation_module_caption_txt
  355.        {
  356.            padding-left: 2% !important;
  357.        }
  358.  
  359.        .span_button,
  360.        .span_button:hover,
  361.        .div_small_side_menu_list div.memu_title,
  362.        .category_sort_table
  363.        {
  364.            border: unset !important;
  365.        }
  366.        .product_view_record_button{
  367.            border: 1px solid;
  368.        }
  369.        .div_product_directory ul,
  370.        .div_product_directory ul li,
  371.        .div_product_directory ul li.list_selected,
  372.        .website_faq_list_item_outsite div.caption
  373.        {
  374.            margin: 0 !important;
  375.        }
  376.        .div_product_directory ul li.title {
  377.            margin: 0 0 10px 0 !important;
  378.        }
  379.        .website_faq_list_item_outsite .ds_main_bg_color {
  380.            margin: 15px;
  381.            border-radius: 5px;
  382.        }
  383.  
  384.        .div_product_directory ul li.title
  385.        {
  386.            padding-left: 15px;
  387.        }
  388.  
  389.        .div_product_directory ul li.title
  390.        {
  391.            border-radius: 5px 5px 0 0 !important;
  392.        }
  393.  
  394.        .div_product_directory ul li.list_selected
  395.        {
  396.            border-radius: unset;
  397.        }
  398.  
  399.        .div_product_directory
  400.        {
  401.            padding-top: 0 !important;
  402.        }
  403.  
  404.        body .ad_product_a6 .a6_slider .a6_list_item .price .sale_price.slash
  405.        {
  406.            color:#333 !important;
  407.        }
  408.  
  409.        body .ad_product_a6 .a6_slider .a6_list_item .price .sale_price.slash:after
  410.        {
  411.            color:#333 !important;
  412.        }
  413.  
  414.        a:link{
  415.            color:inherit;
  416.        }
  417.  
  418. body .div_small_side_menu_list ul li.menu_level_2:hover,
  419.        .div_product_directory ul li.list:hover{
  420.            color:#222222;
  421.            background-color:rgba(243, 243, 242, 0.84);
  422.        }
  423.  
  424.        #id_master_menu #id_master_catalog_expand_wrap .stage > li .ms_catagory_item .ms_catagory_item_wrap {
  425.            color:#80858E;
  426.        }
  427.        
  428.        .ds_standard_color {
  429.            color: #000;
  430.        }
  431.        .ds_standard_bg_color {
  432.            background-color: #fff !important;
  433.        }
  435.        .ds_main_color {
  436.            color: #000000 !important;
  437.        }
  438.        .ds_main_bg_color {
  439.            background-color: #000000 !important;
  440.        }
  441.            .ds_main_color_hover:hover{
  442.                color:#000000 !important;
  443.            }
  444.        
  445.            .ds_main_bg_color_hover:hover{
  446.                color:#ffffff !important;
  447.                background-color:#000000 !important;
  448.            }
  449.        
  450.            .ds_main_text_color {
  451.                color: #ffffff !important;
  452.            }
  453.        .ds_sup_color {
  454.            color: #5e5e5e !important;
  455.        }
  456.        .ds_sup_bg_color {
  457.            background-color: #5e5e5e !important;
  458.        }
  459.            .ds_sup_color_hover:hover{
  460.                color:#5e5e5e !important;
  461.            }
  462.        
  463.            .ds_sup_bg_color_hover:hover{
  464.                color:#ffffff !important;
  465.                background-color:#5e5e5e !important;
  466.            }
  467.        
  468.            .ds_sup_text_color {
  469.                color: #ffffff !important;
  470.            }
  471.        .ds_sup_hover_color:hover {
  472.            color: #ffffff !important;
  473. background-color: #5e5e5e !important;
  474.        }
  475.        
  476.        .ds_footer_bg_color,
  477.        body .website_content_copyright_top.new,
  478.        body .website_content_copyright_top.new li dl dd {
  479.            background-color: #000000;
  480.        }
  481.        .ds_footer_text_color {
  482.            color: #ffffff;
  483.        }
  484.                .ds_btn_standard {
  485.                    color: #ffffff !important;
  486.                }
  487.                .ds_btn_standard {
  488.                    background-color: #000000 !important;
  489.                }
  490.                .ds_btn_standard:hover {
  491.                    color: #000000 !important;
  492.                }
  493.                .ds_btn_standard:hover {
  494.                    background-color: #ffffff !important;
  495.                }
  496.                .ds_btn_cta {
  497.                    color: #ffffff !important;
  498.                }
  499.                .ds_btn_cta {
  500.                    background-color: #000000 !important;
  501.                }
  502.                .ds_btn_cta:hover {
  503.                    color: #000000 !important;
  504.                }
  505.                .ds_btn_cta:hover {
  506.                    background-color: #ffffff !important;
  507.                }
  508.        body .product_list .pd_list .pd_list_item .price .ds_product_price_activity_color,
  509.        .ds_product_price_activity_color
  510.        {
  511.            color: #fb402d;
  512.        }
  513.        body .product_list .pd_list .pd_list_item .pd_item_pic .ds_product_activity_caption_color,
  514.        .ds_product_activity_caption_color
  515.        {
  516.            color: #ffffff;
  517.        }
  518.        body .product_list .pd_list .pd_list_item .pd_item_pic .ds_product_activity_bg_color,
  519.        .ds_product_activity_bg_color
  520.        {
  521.            background-color: #ded345;
  522.        }
  523.  
  524.        .ds_product_activity_bg_text_color
  525.        {
  526.            color: #ded345;
  527.        }
  528.        body .product_list .pd_list .pd_list_item .ds_product_promotion_color,
  529.        .ds_product_promotion_color
  530.        {
  531.            color: #5e5e5e;
  532.        }
  533.        .product_detail_block .block_sort .block.add_cart .add_to_cart.ds_product_CTA_color,
  534.        body .product_list .pd_list .pd_list_item .ds_product_CTA_color,
  535.        .ds_product_CTA_color
  536.        {
  537.            color: #ffffff;
  538.        }
  539.        .product_detail_block .block_sort .block.add_cart .add_to_cart.ds_product_CTA_color:hover,
  540.        body .product_list .pd_list .pd_list_item .ds_product_CTA_color:hover,
  541.        .ds_product_CTA_color:hover
  542.        {
  543.            color: #000000;
  544.        }
  545.        .product_detail_block .block_sort .block.add_cart .add_to_cart.ds_product_CTA_bg_color,
  546.        body .product_list .pd_list .pd_list_item .ds_product_CTA_bg_color,
  547.        .ds_product_CTA_bg_color
  548.        {
  549.            background-color: #000000;
  550.        }
  551.        .product_detail_block .block_sort .block.add_cart .add_to_cart.ds_product_CTA_bg_color:hover,
  552.        body .product_list .pd_list .pd_list_item .ds_product_CTA_bg_color:hover,
  553.        .ds_product_CTA_bg_color:hover
  554.        {
  555.            background-color: #ffffff;
  556.        }
  557.        body .product_list .pd_list .pd_list_item .ds_product_rating_color {
  558.            color: #F7E721;
  559.            border-color: #F7E721;
  560.        }
  561.        .ds_product_rating_color {
  562.            color: #F7E721;
  563.        }</style>
  564.  
  565. <style id="custom_style">
  566.    .product_relation_event{
  567. text-align:left;
  568. margin:15px 0px;
  569. }
  570. .product_relation_event div.product_relation_event_caption{
  571. float:left;
  572. width:15%;
  573. text-align:center;
  574. font-size:80%;
  575. border-radius:5px;
  576. line-height:200%;
  577. }
  578.  
  579. .product_relation_event div.Choose{
  580. background-color:#4CAF50;
  581. color:#FFFFFF;
  582. }
  583.  
  584. .product_relation_event div.Mashup{
  585. background-color:#0fa4d5;
  586. color:#FFFFFF;
  587. }
  588.  
  589. .product_relation_event div.QuotaCashDiscount{
  590. background-color:#e9686b;
  591. color:#FFFFFF;
  592. }
  593.  
  594. .product_relation_event div.QuotaCashGift{
  595. background-color:#cc00cc;
  596. color:#FFFFFF;
  597. }
  598.  
  599. .product_relation_event div.QuotaCashFullQuantity{
  600. background-color:#ba200c;
  601. color:#FFFFFF;
  602. }
  603.  
  604. .product_relation_event div.product_relation_event_space{
  605. float:left;
  606. width:10px;
  607. color:#666666;
  608. }
  609.  
  610. .product_relation_event div.product_relation_event_content{
  611. float:left;
  612. width:75%;
  613. color:#666666;
  614. font-size:90%;
  615. line-height:150%;
  616. }
  617.  
  618. a.product_relation_event_link:link,a.product_relation_event_link:visited,a.product_relation_event_link:active {
  619. color:#666666;
  620. text-decoration: underline;
  621. }
  622.  
  623. a.product_relation_event_link:hover{
  624. color:#333333;
  625. text-decoration: none;
  626. }.cart_split{
  627. float:left;
  628. margin:0px 20px;
  629. width:25%;
  630. }.line_shopping_feedback{
  631. text-align:right !important;
  632. border-bottom:0 !important;
  633. }
  634.  
  635. .line_shopping_feedback_span{
  636. background-color:#00c300;
  637. color:#ffffff;
  638. padding:10px;
  639. border-radius:20px;
  640. }body .dlc_sn_109 .ad_product_a6 .a6_title.txt{
  641. display:none;
  642. }
  643.  
  644. body .ad_product_a6 .a6_slider .a6_list_item .parameter_link{
  645. display:none;
  646. }
  647.  
  648. body .ad_product_a6{
  649. margin-top:0;
  650. }
  651.  
  652. body .ad_product_a6 .a6_slider .slick-list{
  653. padding-top:0;
  654. }
  655.  
  656. #dlc_sn_110 .content_module_inner .content_wrap{
  657. padding-bottom:0;
  658. }body .website_content_copyright_top.new{
  659. margin-top:0;
  660. }.page_physical_store .table_list th{
  661. background-color:#000000;
  662. }
  663. .page_physical_store *{
  664. box-sizing:content-box;
  665. }
  666.  
  667. .page_physical_store .span_button{
  668. background-color:#000000;
  669. border:1px solid transparent !important;
  670. }
  671. .page_physical_store .span_button:hover{
  672. background-color:#ffffff;
  673. border:1px solid #000000 !important;
  674. }</style><script type="text/javascript">
  677. function product_detail_to_setting_shopping_car(sel_product_sn,sel_mode_type){
  678.  
  679. let alert_buy_notice_message ='';
  680. var get_standard_sn = "";
  681. var sel_standard_order_amount = "";
  682.  
  683. // 主商品
  684.  
  685. var standard_item = document.getElementsByName("addtocart_"+sel_product_sn+"_standard_info");
  686.  
  687. show_layer_loading();
  688.  
  689. if(standard_item.length > 1){
  690. for(i=0;i<standard_item.length;i++){
  691. if(standard_item[i].checked){
  692. get_standard_sn = standard_item[i].value;
  693. }
  694. }
  695. }else{
  696. get_standard_sn = standard_item[0].value;
  697. }
  698.  
  699. var get_standard_sn_array = get_standard_sn.split("@#@");
  700.  
  701. var cart_product_sn = parseInt(get_standard_sn_array[0]);
  702.  
  703. var cart_standard_sn = parseInt(get_standard_sn_array[1]);
  704.  
  705. // 加購
  706.  
  707. var plus_array = new Array();
  708. //var sel_plus_standard_sn_list = new Array();
  709.  
  710. var plus_item = document.getElementsByName("addtocart_"+sel_product_sn+"_plus_info");
  711. var plus_item_2 = document.getElementsByName("addtocart_"+sel_product_sn+"_plus_2_info");
  712. var plus_item_3 = $("[name='addtocart_"+sel_product_sn+"_plus_3_info']");
  713.  
  714. /*
  715. if(plus_item.length > 1){
  716. for(i=0;i<plus_item.length;i++){
  717. if(plus_item[i].checked){
  718. plus_array.push(plus_item[i].value);
  719. }
  720. }
  721. }else if(plus_item.length == 1){
  722. if(plus_item[0].checked){
  723. plus_array.push(plus_item[0].value);
  724. }
  725. }
  726. */
  728. if(plus_item.length > 0){
  729.  
  730. if(plus_item.length > 1){
  731. for(i=0;i<plus_item.length;i++){
  732. if(plus_item[i].checked){
  733. plus_array.push(plus_item[i].value);
  734. id = plus_item[i].getAttribute('id');
  735. let product_name = $('#'+id).parent().parent().find('label').text();
  736. let buy_notice = plus_item[i].getAttribute('buy_notice');
  737. if(buy_notice){
  738. buy_notice = plus_item[i].getAttribute('buy_notice');
  739. alert_buy_notice_message +='【'+product_name+'】 : ' + buy_notice +"\n";
  740. }
  741. }
  742. }
  743. }else if(plus_item.length == 1){
  744. if(plus_item[0].checked){
  745. plus_array.push(plus_item[0].value);
  746. id = plus_item[0].getAttribute('id');
  747. let product_name = $('#'+id).parent().parent().find('label').text();
  748. let buy_notice = plus_item[0].getAttribute('buy_notice');
  749. if(buy_notice){
  750. buy_notice = plus_item[0].getAttribute('buy_notice');
  751. alert_buy_notice_message +='【'+product_name+'】 : ' + buy_notice +"\n";
  752. }
  753. }
  754. }
  755.  
  756. }else if(plus_item_2.length > 0){
  757.  
  758. for(i=0;i<plus_item_2.length;i++){
  759. if(plus_item_2[i].value!=""){
  760. plus_array.push(plus_item_2[i].value);
  761. }
  762. }
  763. }
  765. if(plus_item_3.length >0){
  766. plus_item_3.each(function(){
  767. if($(this).prop("selected",true)){
  768. plus_array.push($(this).val());
  769. let buy_notice  = $('option:selected', this).attr('buy_notice');
  770. let product_name =$(this).parent().parent().find('label').text();
  771. if(buy_notice){
  772. alert_buy_notice_message +='【'+product_name+'】 : ' + buy_notice +"\n";
  773. }
  774. }
  775. })
  776.  
  777. }
  779. if(alert_buy_notice_message!=''){
  780. alert(alert_buy_notice_message)
  781. }
  782.  
  783. /*
  784. console.log("plus_array : "+plus_array);
  785. console.log("sel_plus_standard_sn_list : "+sel_plus_standard_sn_list);
  786. */
  787.  
  788. var sel_plus_standard_sn_list = plus_array.join(",");
  789.  
  790. // 數量
  791.  
  792. sel_standard_order_amount = parseInt(document.getElementsByName("product_"+sel_product_sn+"_standard_order_amount")[0].value);
  793.  
  794. if(cart_product_sn > 0 && cart_standard_sn > 0 && sel_standard_order_amount > 0){
  795.  
  796. var this_standard_json_obj = JSON.parse(document.getElementsByName("standard_sn_"+cart_standard_sn+"_info")[0].value);
  797.  
  798.  
  799. xmlhttp=createXMLHttp();
  800.  
  801. if(xmlhttp){
  802. xmlhttp.onreadystatechange=function(){
  803. if(xmlhttp.readyState==4 && xmlhttp.status==200){
  804.  
  805. var response_array = xmlhttp.responseText.split("@#@");
  806.  
  807. console.log("responseText : "+xmlhttp.responseText);
  808. console.log("response_array : "+response_array);
  809.  
  810. close_layer_loading();
  811. close_layer_msg();
  812.  
  813. if(response_array[0]=="100"){
  814.  
  815. var fb_add_to_car_pixel = response_array["2"];
  816.  
  817. if(response_array[1]!="OK"){
  818. show_layer_alert(response_array[1]);
  819. // show_layer_alert(check_info,"to_location_reload");
  820. // return false;
  821.  
  822. }
  823. if(window.location.href.search("flash_cart")!="-1"){
  824. console.log("ininin");
  825. document.getElementById("id_flash_cart_next_button").style.display = "";
  826.  
  827. //document.getElementById("id_shopping_car_page").style.display = "none";
  828.  
  829. if(document.getElementById("id_cart_fixed_right_top")){
  830.  
  831. to_show_top_shopping_car('5');
  832.  
  833. }else{
  834.  
  835. show_layer_alert("已成功加入購物車");
  836. }
  837.  
  838. }else if(window.location.href.search("product_cart")!="-1"){
  839.  
  840. /*
  841. to_ajax_get_shopping_car_list();
  842.  
  843. ga_track_event("url","add_to_cart",sel_product_sn);
  844.  
  845. document.getElementById("id_shopping_car_page").style.display = "";
  846.  
  847. $("html,body").animate({scrollTop: $("#id_shopping_car_page").offset().top - 50}, 1000);
  848. */
  849.  
  850. document.getElementById("id_flash_cart_next_button").style.display = "";
  852. document.getElementById("id_shopping_car_page").style.display = "none";
  853.  
  854. $("html,body").animate({scrollTop: $("#id_flash_cart_next_button").offset().top - 50}, 1000);
  855.  
  856.  
  857. }else{
  859. to_show_top_shopping_car('2');
  860.  
  861. ga_track_event("url","event_add_to_cart",cart_product_sn);
  862.  
  863. if(document.getElementById("id_mashup_price_bag")){
  864.  
  865. eval(document.getElementById("id_mashup_price_bag").getAttribute('onclick'));
  866. }
  867.  
  868. if(this_standard_json_obj.alert_buy_notice=="1"){
  869.  
  870. // 同品項顯示過一次，就不再顯示，記錄在cookie上
  871.  
  872. /*
  873. var show_is_buy_notice_list = $.cookie("show_is_buy_notice_list");
  874.  
  875. if(!show_is_buy_notice_list){
  876.  
  877. var show_is_buy_notice_array = [];
  878.  
  879. }else{
  880.  
  881. var show_is_buy_notice_array = show_is_buy_notice_list.split(',');
  882.  
  883. }
  884. */
  885.  
  886. var show_is_buy_notice_array = [];
  887.  
  888. eval("var check_show_status = show_is_buy_notice_array.indexOf('"+cart_product_sn+"')");
  889.  
  890. if(this_standard_json_obj.buy_notice!="" && check_show_status == "-1"){
  891.  
  892. window.setTimeout(function(){show_layer_alert(this_standard_json_obj.buy_notice)},1000);
  893.  
  894. show_is_buy_notice_array.push(cart_product_sn);
  895.  
  896. var new_show_is_buy_notice_list = show_is_buy_notice_array.join(",");
  897.  
  898. // $.cookie("show_is_buy_notice_list",new_show_is_buy_notice_list);
  899. }
  900. }
  901. }
  902.  
  903. }else if(response_array[0]=="99"){
  906. if(confirm(response_array[1])){
  907.  
  908. to_booking_product(cart_product_sn,cart_standard_sn,sel_standard_order_amount);
  909.  
  910. ga_track_event("url","add_to_booking",cart_product_sn);
  911.  
  912. //line tag
  914. _lt('send', 'cv', {
  915. type: 'AddToWishlist'
  916. },['6762c9ef-1078-4543-b5ad-26ef3d2a663a']);
  917. }
  918.  
  920. }else if(response_array[0]=="98"){
  921.  
  922. if(confirm(response_array[1])){
  923.  
  924. to_show_member_login_layer();
  925. }
  926. }else if(response_array[0] == "97"){
  927.  
  928. var client_device_type = '1';
  929.  
  930. if(client_device_type == "1"){
  931. Swal.fire(response_array[2]);
  932. }else if(client_device_type == "2"){
  933. window.location.href=response_array[1];
  934. }
  935.  
  936. }else{
  937.  
  938. show_layer_alert(response_array[1]);
  939. }
  940.  
  941. //add_to_car tracking code
  942.  
  943. xhr=createXMLHttp();
  944.  
  945. if(xhr){
  946. xhr.onreadystatechange=function(){
  947. if(xhr.readyState==4 && xhr.status==200){
  948.  
  949. var responseJson = JSON.parse(xhr.responseText);
  950.  
  951. var headData = (responseJson["head"] || "" ) + fb_add_to_car_pixel,
  952. head = (document.getElementsByTagName("head")[0] || document.documentElement),
  953. headScript = document.createElement("script");
  954.  
  955. headScript.type = "text/javascript";
  956. try {
  957. // doesn't work on ie...
  958. headScript.appendChild(document.createTextNode(headData));
  959. } catch(e) {
  960. // IE has funky script nodes
  961. headScript.text = headData;
  962. }
  963.  
  964. head.insertBefore(headScript, head.firstChild);
  965. head.removeChild(headScript);
  966.  
  967. var bodyData = (responseJson["body"] || "" ),
  968. body = (document.getElementsByTagName("body")[0] || document.documentElement),
  969. bodyScript = document.createElement("script");
  970.  
  971. bodyScript.type = "text/javascript";
  972. try {
  973. // doesn't work on ie...
  974. bodyScript.appendChild(document.createTextNode(bodyData));
  975. } catch(e) {
  976. // IE has funky script nodes
  977. bodyScript.text = bodyData;
  978. }
  979.  
  980. body.insertBefore(bodyScript, body.lastChild.nextSibling);
  981. body.removeChild(bodyScript);
  982.  
  983. }
  984. };
  985. var ajax_url = "ajax_shopping_car_addtocart.php?time="+ new Date().getTime();
  986. xhr.open("Get",ajax_url,true);
  987. xhr.send(null);
  988. }
  989. //add_to_car tracking code END
  990. }
  991. };
  992. var ajax_url = "ajax_shopping_car_kernel_api?mode_type="+sel_mode_type+"&product_sn="+cart_product_sn+"&standard_sn="+cart_standard_sn+"&plus_standard_sn_list="+sel_plus_standard_sn_list+"&order_amount="+sel_standard_order_amount+"&time="+ new Date().getTime();
  993. xmlhttp.open("Get",ajax_url,true);
  994. xmlhttp.send(null);
  995. }
  996.  
  997. }else{
  998.  
  999. alert("請先選擇您要購買的規格喔 ! ");
  1000.  
  1001. close_layer_loading();
  1002.  
  1003. }
  1004.  
  1005.  
  1006. }
  1007.  
  1008. function to_product_search(){
  1009. with(document.top_product_search){
  1010.  
  1011. var this_product_keyword = document.getElementsByName("product_keyword")[0].value;
  1012.  
  1013. if(this_product_keyword.length > 50){
  1014. show_layer_alert("請勿輸入超過30個關鍵字！"); //請勿輸入超過30個關鍵字！
  1015. }else if(this_product_keyword!=""){
  1016. show_layer_loading();to_get_product_search_keyword_relation
  1017. submit();
  1018. }else{
  1019. show_layer_alert("請輸入關鍵字");
  1020. return false;
  1021. }
  1023. }
  1024. }
  1025.  
  1026. function to_product_search_autocomplete(){
  1027. // with(document.top_product_search){
  1028. var this_product_keyword = $("[name='product_keyword']").val();
  1030. if(this_product_keyword.length >0){
  1031. $("[name='product_keyword']").autocomplete({
  1032. source:function(request,response){
  1033. $.ajax({
  1034. url: "./ajax_product_module_api.php?module_type=product_search_keyword_autocomplete&time=" + new Date().getTime(),
  1035. dataType:'json',
  1036. data:{
  1037. search_keyword:this_product_keyword
  1038. },
  1039. success: function (res) {
  1040. // console.log(res.tags.length);
  1041. $("[name='tags_type']").val('0');
  1042. if(res.tags.length>0){
  1043. response($.map(res.tags, function (item) {
  1044. return {
  1045. label: item.label,
  1046. value: item.label,
  1047. tag_sn:item.tag_sn,
  1048. tags_type:res.tags_type
  1049. }
  1050. })
  1051. )
  1052. }
  1053. }
  1054. })
  1055. },
  1056. minLength: 1,
  1057. delay: 200,
  1058. select: function (event, ui) {
  1059. // console.log(ui);
  1060. // console.log(ui.item.value);
  1061. // console.log('ui.item.tags_type='+ui.item.tags_type);
  1062. // console.log('ui.item.tag_sn='+ui.item.tag_sn);
  1063. $("[name='tags_type']").val(ui.item.tags_type);
  1064. $("[name='tag_sn']").val(ui.item.tag_sn);
  1065. to_get_product_search_keyword_relation(ui.item)
  1066. }
  1067. });
  1068. }
  1069.  
  1070. // }
  1071. }
  1072.  
  1073. function to_shopping_car(){
  1074.  
  1075. if(window.location.href.search("product_cart")!="-1"){
  1076.  
  1077. top.location.href=window.location.href+"&is_reload=1";
  1078.  
  1079. }else if(window.location.href.search("flash_cart")!="-1"){
  1080.  
  1081. top.location.href=window.location.href+"&is_reload=1";
  1082.  
  1083. }else if(document.getElementById("id_top_shopping_car_amount")){
  1084.  
  1085. if(document.getElementById("id_top_shopping_car_amount").innerHTML > 0){
  1086.  
  1087. top.location.href='shopping_car.php';
  1088.  
  1089. }else{
  1090.  
  1091. windowReload();
  1092. //show_layer_alert("購物車尚無商品", "windowReload");
  1093. }
  1094.  
  1095. }else{
  1096.  
  1097. top.location.reload();
  1098. }
  1099. }
  1100.  
  1101. function windowReload(){
  1102.  
  1103. window.location.reload();
  1104.  
  1105. }
  1106.  
  1107. function location_to_member_info(){
  1108.  
  1109. var web_host_url = 'https://www.stiga.com.tw';
  1110. window.location = web_host_url+'/member_info.php';
  1112. }
  1113.  
  1114. function lineshopping_redirect(){
  1115.  
  1116. var lineshopping_redirect_url = '';
  1117.  
  1118. window.location = lineshopping_redirect_url;
  1119.  
  1120. }
  1121.  
  1122. function to_check_mcard_login(){
  1123.  
  1124. var mcard_no = $.trim($("input[name=mcard_no]").val())
  1125. var mcard_auth = $.trim($("input[name=mcard_auth]").val())
  1126. var mcard_otp = $.trim($("input[name=mcard_otp]").val())
  1127.  
  1128. console.log('mcard_auth', mcard_auth);
  1130. $("input[name=mcard_no],input[name=mcard_auth],input[name=mcard_otp]").css("border-color","");
  1132. if(mcard_no==""){
  1133.  
  1134. $(".login_error_msg").html("請填寫會員卡號");
  1135. $("input[name=mcard_no]").css("border-color","#f7b3b3");
  1137. }else if(mcard_auth==""){
  1138.  
  1139. $(".login_error_msg").html("請填寫檢查碼")
  1140. $("input[name=mcard_auth]").css("border-color","#f7b3b3");
  1142. }else if(mcard_otp==""){
  1143.  
  1144. $(".login_error_msg").html("請填寫驗證圖碼")
  1145. $("input[name=mcard_otp]").css("border-color","#f7b3b3");
  1147. }else{
  1148.  
  1149. toggle_loading(".guest_order_submit");
  1150.  
  1151. if(true){
  1152.  
  1153. $.ajax({
  1154. type: 'POST',
  1155. url: 'ajax_member_module_api.php',
  1156. cache: false,
  1157. data: {
  1158. module_type: 'login_mcard',
  1159. mcard_no: mcard_no,
  1160. mcard_auth: mcard_auth,
  1161. mcard_otp: mcard_otp
  1162. },
  1163. success: function(res) {
  1164.  
  1165. var response_array = res.split("@#@");
  1166.  
  1167. if($.trim(response_array[0]) == "100"){
  1168.  
  1169. $(".login_error_msg").html();
  1170.  
  1171. close_layer_msg();
  1172.  
  1173. if(response_array[1] == 'member_info'){
  1175. to_show_layer_member_info_notice();
  1176.  
  1177. }else if(response_array[1] == 'show_einvoice_data'){
  1178.  
  1179. window.location.href="ajax_show_einvoice_data.php";
  1180.  
  1181. }else{
  1183. window.location.reload();
  1184. }
  1185.  
  1186. }else{
  1187.  
  1188. if($.trim(response_array[0]) != "2"){
  1189. $("input[name=mcard_auth]").css("border-color","#f7b3b3");
  1190. $("input[name=mcard_no]").css("border-color","#f7b3b3");
  1191. }
  1192. $("input[name=mcard_otp]").val('');
  1193. $(".login_error_msg").html(response_array[1]);
  1194. toggle_loading(".guest_order_submit");
  1195. }
  1196. },
  1197. error: function(err){
  1198. console.log(err)
  1199. },
  1200. complete: function(){
  1201.  
  1202. $(".uid_check_code_btn").removeClass("is_loading");
  1203.  
  1204. $("select[name=mobile_country_code], input[name=mobile]").attr('disabled', false)
  1205.  
  1206. }
  1207. });
  1208.  
  1209. }else{
  1210. xmlhttp_mcard_login = createXMLHttp();
  1211.  
  1212. if(xmlhttp_mcard_login){
  1213.  
  1214. xmlhttp_mcard_login.onreadystatechange=function(){
  1215.  
  1216. if(xmlhttp_mcard_login.readyState==4 && xmlhttp_mcard_login.status==200){
  1217.  
  1218. var response_array = xmlhttp_mcard_login.responseText.split("@#@");
  1219.  
  1220. if($.trim(response_array[0]) == "100"){
  1221.  
  1222. $(".login_error_msg").html();
  1223.  
  1224. close_layer_msg();
  1225.  
  1226. if(response_array[1] == 'member_info'){
  1228. to_show_layer_member_info_notice();
  1229.  
  1230. }else if(response_array[1] == 'show_einvoice_data'){
  1231.  
  1232. window.location.href="ajax_show_einvoice_data.php";
  1233.  
  1234. }else{
  1236. window.location.reload();
  1237. }
  1238.  
  1239. }else{
  1240.  
  1241. if($.trim(response_array[0]) != "2"){
  1242. $("input[name=mcard_auth]").css("border-color","#f7b3b3");
  1243. $("input[name=mcard_no]").css("border-color","#f7b3b3");
  1244. }
  1245. $("input[name=mcard_otp]").val('');
  1246. $(".login_error_msg").html(response_array[1]);
  1247. toggle_loading(".guest_order_submit");
  1248. }
  1249. }
  1250. };
  1251. var ajax_url = encodeURI("ajax_member_module_api.php?module_type=login_mcard&mcard_no="+mcard_no+"&mcard_auth="+mcard_auth+"&mcard_otp="+mcard_otp+"&time="+ new Date().getTime());
  1252.  
  1253. xmlhttp_mcard_login.open("post", ajax_url, true);
  1254. xmlhttp_mcard_login.send(null);
  1255. }
  1256. }
  1257. }
  1258. }
  1259.  
  1260. function to_check_member_login(next_mode){
  1262. var user_id = document.getElementsByName("user_id")[0].value;
  1263. var user_pwd = document.getElementsByName("user_pwd")[0].value;
  1264. var check_key = document.getElementsByName("check_key")[0].value;
  1265.  
  1266.  
  1267. if(user_id==""){
  1268.  
  1269. show_layer_alert("請填寫會員帳號");
  1270.  
  1271. }else if(user_pwd==""){
  1272.  
  1273. show_layer_alert("請填寫登入密碼");
  1274.  
  1275. }else if(check_key==""){
  1276.  
  1277. show_layer_alert("請填寫驗證圖碼");
  1278.  
  1279. }else{
  1280.  
  1281. xmlhttp_member_login = createXMLHttp();
  1282.  
  1283. if(xmlhttp_member_login){
  1284.  
  1285. xmlhttp_member_login.onreadystatechange=function(){
  1286.  
  1287. if(xmlhttp_member_login.readyState==4 && xmlhttp_member_login.status==200){
  1288.  
  1289. var response_array = xmlhttp_member_login.responseText.split("@#@");
  1290. var x = response_array.toString();
  1291.  
  1292. if($.trim(response_array[0]) == "100"){
  1293.  
  1294. close_layer_msg();
  1295.  
  1296. if(window.location.href.search("product_cart")!="-1"){
  1297.  
  1298. window.location.href=window.location.href+"&is_reload=1";
  1299.  
  1300. }else if(window.location.href.search("flash_cart")!="-1"){
  1301.  
  1302. window.location.href=window.location.href+"&is_reload=1";
  1303.  
  1304. }else if(next_mode=="to_shopping_car"){
  1305.  
  1306. to_shopping_car();
  1307.  
  1308. }else if(next_mode=="at_shopping_car"){
  1309.  
  1310. show_layer_alert($.trim(response_array[1]),"to_shopping_car");
  1311.  
  1312. }else if(next_mode=="to_receive_coupon"){
  1313.  
  1314. to_receive_coupon();
  1315.  
  1316. }else{
  1317.  
  1318. if(response_array[1] != ''){
  1319.  
  1320. if(response_array[1] == 'member_info'){
  1322. to_show_layer_member_info_notice();
  1323.  
  1324. }else if(response_array[1] == 'show_einvoice_data'){
  1325.  
  1326. window.location.href="ajax_show_einvoice_data.php";
  1327.  
  1328. }else{
  1330. window.location.reload();
  1331. }
  1332.  
  1333. }else{
  1334.  
  1335. window.location.reload();
  1336. }
  1337. }
  1338.  
  1339. }else{
  1340.  
  1341. if(response_array[0] == "3"){
  1342.  
  1343. to_show_member_login_layer(next_mode);
  1344.  
  1345. show_layer_alert(response_array[1]);
  1346.  
  1347. }else if(response_array[0] == "5"){
  1348.  
  1349. if(confirm(response_array[1])){
  1350.  
  1351. window.location.href="member_register.php";
  1352. }
  1353.  
  1354. }else if(response_array[0] == "101"){
  1355.  
  1356. if(confirm(response_array[1])){
  1357.  
  1358. document.getElementsByName("user_pwd")[0].value = "";
  1359. document.getElementsByName("new_pwd_check_mobile")[0].value = user_id;
  1360.  
  1361. to_send_sms_new_pwd();
  1362.  
  1363. }
  1364.  
  1365. }else{
  1366.  
  1367. show_layer_alert(response_array[1]);
  1368. }
  1369.  
  1370.  
  1371. }
  1372. }
  1373. };
  1374. var ajax_url = encodeURI("ajax_member_module_api.php?module_type=login_normal&user_id="+user_id+"&user_pwd="+user_pwd+"&check_key="+check_key+"&next_mode="+next_mode+"&time="+ new Date().getTime());
  1375.  
  1376. xmlhttp_member_login.open("Get",ajax_url,true);
  1377. xmlhttp_member_login.send(null);
  1378. }
  1379. }
  1380. }
  1381.  
  1382. function to_send_sms_new_pwd(){
  1383.  
  1384. var check_mobile = "";
  1385.  
  1386. check_mobile = document.getElementsByName("new_pwd_check_mobile")[0].value;
  1387.  
  1388. if(check_mobile==""){
  1389.  
  1390. show_layer_alert("請輸入手機號碼 !");
  1391.  
  1392. }else if(!isNum(check_mobile)){
  1393.  
  1394. show_layer_alert("很抱歉，手機須為 0 - 9 的純數字 !");
  1395.  
  1396. }else if(check_mobile.length < 10){
  1397.  
  1398. show_layer_alert("很抱歉，手機格式有誤，請再次確認 !");
  1399.  
  1400. }else{
  1401.  
  1402. if(confirm("若手機有設拒收廣告信，要先行取消設定，才能收到此簡訊!")){
  1403.  
  1404. document.getElementById("id_send_sms_new_pwd").innerHTML = "發送中...";
  1405.  
  1406. xmlhttp_pwd = createXMLHttp();
  1407. if(xmlhttp_pwd){
  1408. xmlhttp_pwd.onreadystatechange=function(){
  1409. if(xmlhttp_pwd.readyState==4 && xmlhttp_pwd.status==200){
  1410.  
  1411. var msg_array = xmlhttp_pwd.responseText.split("@#@");
  1412.  
  1413. document.getElementById("id_send_sms_new_pwd").innerHTML = msg_array[1];
  1414.  
  1415. }
  1416. };
  1417. var open_url=encodeURI("ajax_member_module_api.php?module_type=send_sms_new_pwd&check_mobile="+check_mobile+"&s="+ new Date().getTime());
  1418. xmlhttp_pwd.open("Get",open_url,true);
  1419. xmlhttp_pwd.send(null);
  1420.  
  1421. }
  1422. }
  1423. }
  1424.  
  1425. }
  1426.  
  1427. function to_send_email_verify(){
  1428.  
  1429. var new_email = document.getElementById("id_member_email").value;
  1430.  
  1431. if(new_email==""){
  1432. show_layer_alert("請輸入聯絡信箱");
  1433. }else if(!check_email(new_email)){
  1434. show_layer_alert("聯絡信箱格式不正確");
  1435. }else{
  1436.  
  1437. show_layer_alert("已重發通知信件，此信將於 1 分鐘內送達，感謝您耐心等候。");
  1438.  
  1439. to_show_email_verify(new_email);
  1440.  
  1441. }
  1442.  
  1443. }
  1444.  
  1445. function to_check_email_verify(){
  1446.  
  1447. var email_verify_code = document.getElementById("id_member_email_verify_code").value;
  1448.  
  1449. if(email_verify_code==""){
  1450. show_layer_alert("請輸入認證序號");
  1451. }else{
  1452. xmlhttp_email_code = createXMLHttp();
  1453. if(xmlhttp_email_code){
  1454. xmlhttp_email_code.onreadystatechange=function(){
  1455. if(xmlhttp_email_code.readyState==4 && xmlhttp_email_code.status==200){
  1456.  
  1457. var info = xmlhttp_email_code.responseText.split("@#@");
  1458.  
  1459. show_layer_alert(info[1]);
  1460.  
  1461. if(info[0]=="100"){
  1462. close_layer_msg();
  1463. }
  1464.  
  1465. }
  1466. };
  1467. var open_url=encodeURI("ajax_member_module_api.php?module_type=email_verify_check&email_verify_code="+email_verify_code+"&s="+ new Date().getTime());
  1468. xmlhttp_email_code.open("Get",open_url,true);
  1469. xmlhttp_email_code.send(null);
  1470. }
  1471. }
  1472. }
  1473.  
  1474. function to_send_social_user_sms(){
  1475.  
  1476. var mobile_country_code = document.getElementsByName("mobile_country_code")[0].value ;
  1477.  
  1478. var new_uid = document.getElementsByName("new_uid")[0].value ;
  1479.  
  1480. var birthday_y = document.getElementsByName("birthday_y")[0].value ;
  1481. var birthday_m = document.getElementsByName("birthday_m")[0].value ;
  1482.  
  1483.  
  1484. if(!isNum(birthday_y) || birthday_y.length != 4){
  1485.  
  1486. show_layer_alert("※ 抱歉 , 生日年份錯誤");
  1487.  
  1488. }else if(birthday_y=="" || birthday_m==""){
  1489.  
  1490. show_layer_alert("※ 請設定生日日期");
  1491.  
  1492. }else if(mobile_country_code==""){
  1493.  
  1494. show_layer_alert("※ 請選擇手機國際碼");
  1495.  
  1496. }else if(new_uid==""){
  1497.  
  1498. show_layer_alert("請輸入手機號碼 !");
  1499.  
  1500. }else if(!check_country_mobile(mobile_country_code,new_uid)){
  1501.  
  1502. show_layer_alert("※ 手機號碼長度不正確");
  1503.  
  1504. }else if(!isNum(new_uid)){
  1505.  
  1506. show_layer_alert("※ 手機號碼須為純數字");
  1507.  
  1508.  
  1509. }else{
  1510.  
  1511. if(confirm("若手機有設拒收廣告信，要先行取消設定，才能收到此簡訊!")){
  1512.  
  1513. document.getElementById("id_social_user_sms").innerHTML = "發送中...";
  1514.  
  1515. xmlhttp_uid_code = createXMLHttp();
  1516.  
  1517. if(xmlhttp_uid_code){
  1518.  
  1519. xmlhttp_uid_code.onreadystatechange=function(){
  1520.  
  1521. if(xmlhttp_uid_code.readyState==4 && xmlhttp_uid_code.status==200){
  1522.  
  1523. var response_array = xmlhttp_uid_code.responseText.split("@#@");
  1524.  
  1525.  
  1526. if(response_array[0]=="100"){
  1527.  
  1528. document.getElementById("id_social_user_sms").innerHTML = response_array[1];
  1529.  
  1530. }else{
  1531.  
  1532. document.getElementById("id_social_user_sms").innerHTML = "";
  1533.  
  1534. document.getElementById("id_social_user_verify").innerHTML = response_array[1];
  1535.  
  1536. }
  1537.  
  1538. document.getElementById("id_social_user_verify").style.display = "";
  1539. }
  1540. }
  1541. }
  1542.  
  1543. var ajax_url = encodeURI("ajax_member_module_api.php?module_type=send_new_social_user_mobile_confirm_code&social_user_mobile="+new_uid+"&mobile_country_code="+mobile_country_code+"&s="+ new Date().getTime());
  1544. xmlhttp_uid_code.open("Get",ajax_url,true);
  1545. xmlhttp_uid_code.send(null);
  1546. }
  1547. }
  1548. }
  1549.  
  1550. function to_verify_social_user_sms(){
  1551.  
  1552. var birthday_y = document.getElementsByName("birthday_y")[0].value ;
  1553. var birthday_m = document.getElementsByName("birthday_m")[0].value ;
  1554.  
  1555. var uid_confirm_code = document.getElementsByName("uid_confirm_code")[0].value;
  1556.  
  1557. if(!isNum(birthday_y) || birthday_y.length != 4){
  1558.  
  1559. show_layer_alert("※ 抱歉 , 生日年份錯誤");
  1561.  
  1562. }else if(birthday_y=="" || birthday_m==""){
  1563.  
  1564. show_layer_alert("※ 請設定生日日期");
  1565.  
  1566. }else if(!isNum(uid_confirm_code)){
  1567.  
  1568. show_layer_alert("※ 手機號碼須為純數字");
  1569.  
  1570. document.getElementsByName("uid_confirm_code")[0].value="";
  1571.  
  1572. }else if(uid_confirm_code.length != 4){
  1573.  
  1574. show_layer_alert("※ 手機簡訊驗證碼為四碼 !");
  1575.  
  1576. document.getElementsByName("uid_confirm_code")[0].value="";
  1577.  
  1578. }else{
  1579.  
  1580. toggle_loading('.with_loading');
  1582. var this_birthday = birthday_y+"-"+birthday_m;
  1583.  
  1584. xmlhttp_mobile = createXMLHttp();
  1585. if(xmlhttp_mobile){
  1586. xmlhttp_mobile.onreadystatechange=function(){
  1587. if(xmlhttp_mobile.readyState==4 && xmlhttp_mobile.status==200){
  1588.  
  1589. var msg_array = xmlhttp_mobile.responseText.split("@#@");
  1590. if(msg_array[0]=="100"){
  1591.  
  1592. if(msg_array[2] == "show_member_info_notice"){
  1594. show_layer_alert(msg_array[1],"to_location_reload_member_info()");
  1595.  
  1596. }else{
  1597.  
  1598. show_layer_alert(msg_array[1],"to_location_reload()");
  1599. }
  1600.  
  1601. }else{
  1602. show_layer_alert("※ "+msg_array[1]);
  1603. }
  1604. }
  1605. };
  1606. var open_url=encodeURI("ajax_member_module_api.php?module_type=verify_new_social_user_mobile_confirm_code&mobile_confirm_code="+uid_confirm_code+"&user_birthday="+this_birthday+"&time="+ new Date().getTime());
  1607. xmlhttp_mobile.open("Get",open_url,true);
  1608. xmlhttp_mobile.send(null);
  1609. }
  1610. }
  1611. }
  1612.  
  1613. function to_send_binding_check_sms(this_sms_type=''){
  1614.  
  1615. var mobile_country_code = $("select[name=mobile_country_code]").val();
  1616. var mobile = $("input[name=mobile]").val();
  1617. $("select[name=mobile_country_code],input[name=mobile]").css("border-color","");
  1618.  
  1619. if(mobile_country_code == ''){
  1620.  
  1621. $(".login_error_msg").html("請選擇國碼");
  1622. $("select[name=mobile_country_code]").css("border-color","#f7b3b3");
  1623.  
  1624. }else if(mobile == ''){
  1626. $(".login_error_msg").html("請輸入手機號碼");
  1627. $("input[name=mobile]").css("border-color","#f7b3b3");
  1628.  
  1629. }else if(!isNum(mobile) || !check_country_mobile(mobile_country_code,mobile)){
  1630.  
  1631. $(".login_error_msg").html("請輸入正確手機格式");
  1632. $("input[name=mobile]").css("border-color","#f7b3b3");
  1633.  
  1634. }else{
  1635.  
  1636. $("select[name=mobile_country_code], input[name=mobile]").attr('disabled', true)
  1637. $(".uid_check_code_btn").html("loading <i class='fas fa-spinner'>").addClass("is_loading");
  1639. $.ajax({
  1640. type: 'POST',
  1641. url: 'ajax_member_module_api.php',
  1642. cache: false,
  1643. data: {
  1644. module_type: 'send_new_social_user_mobile_confirm_code',
  1645. sms_type: this_sms_type,
  1646. social_user_mobile: mobile,
  1647. mobile_country_code: mobile_country_code
  1648. },
  1649. success: function(res) {
  1650.  
  1651. res = $.parseJSON(res);
  1652.  
  1653. if(res.status == "100"){
  1654.  
  1655. $(".uid_check_code_btn").removeAttr("onclick");
  1656. var sec = 60;
  1657. $(".uid_check_code_btn").html(sec);
  1658. let timer = setInterval(function() {
  1659. if(sec == 0){
  1660. clearInterval(timer);
  1661. $(".uid_check_code_btn").html("再次發送");
  1662. $(".uid_check_code_btn").attr("onclick","to_send_binding_check_sms('fukang_api_sms');");
  1663. }else{
  1664. sec--;
  1665. $(".uid_check_code_btn").html(sec);
  1666. }
  1667. }, 1000);
  1669. }else{
  1670. $(".uid_check_code_btn").html("再次發送");
  1671. $(".login_error_msg").html(res.msg+'('+res.status+')');
  1672. }
  1673. },
  1674. error: function(err){
  1675. console.log(err)
  1676. },
  1677. complete: function(){
  1678.  
  1679. $(".uid_check_code_btn").removeClass("is_loading");
  1680.  
  1681. $("select[name=mobile_country_code], input[name=mobile]").attr('disabled', false)
  1682.  
  1683. }
  1684. });
  1685. }
  1686. }
  1687.  
  1688. function to_check_member_binding(verify_mode){
  1689.  
  1690. var uid_check_code = $("input[name=uid_check_code]").val();
  1691. $("input[name=uid_check_code]").css("border-color","");
  1692.  
  1693. if(verify_mode == 'binding' && uid_check_code == ''){
  1694.  
  1695. $(".login_error_msg").html("請輸入驗證碼");
  1696. $("input[name=uid_check_code]").css("border-color","#f7b3b3");
  1697.  
  1698. }else{
  1699.  
  1700. if(verify_mode == 'binding'){
  1701. toggle_loading(".check_member_binding_submit");
  1702. }else{
  1703. toggle_loading(".login_type_btn");
  1704. }
  1706. $("input[name=uid_check_code]").attr('disabled', true)
  1707.  
  1708. $.ajax({
  1709.  
  1710. type: 'POST',
  1711. url: 'ajax_member_module_api.php',
  1712. cache: false,
  1713. data: {
  1714. module_type: 'verify_new_social_user_mobile_confirm_code',
  1715. verify_mode: verify_mode,
  1716. mobile_confirm_code: uid_check_code,
  1717. },
  1718. success: function(res) {
  1719.  
  1720. res = $.parseJSON(res);
  1721.  
  1722. if(res.status == "100"){
  1723.  
  1724. if(res.action == 'show_member_info_notice'){
  1725.  
  1726. to_location_reload_member_info();
  1727.  
  1728. }else{
  1729.  
  1730. location.reload();
  1731. }
  1732.  
  1733. }else{
  1734. var manual = "<a style='color: blue;cursor: pointer;' onclick='show_binding_result()'><u>說明</u></a>"
  1735. var err_msg = res.msg + '('+res.status+') ';
  1736. if(verify_mode == 'binding'){err_msg += manual;}
  1737. $(".login_error_msg").html(err_msg);
  1738. }
  1740. },
  1741. error: function(err){
  1742. console.log('err', err)
  1743. },
  1744. complete: function(){
  1745.  
  1746. if(verify_mode == 'binding'){
  1747. toggle_loading(".check_member_binding_submit");
  1748. }else{
  1749. toggle_loading(".login_type_btn");
  1750. }
  1751. $("input[name=uid_check_code]").attr('disabled', false);
  1752. $(".uid_check_code_btn").removeClass("is_loading");
  1753.  
  1754. }
  1755. });
  1756. }
  1757. }
  1758.  
  1759. /*** prodcut add shopping car start ****/
  1760.  
  1761. //var to_reciprocal_close_day_a_id;
  1762. //var to_reciprocal_close_day_b_id;
  1763. //var to_reciprocal_close_day_b_status = 1 ;
  1764.  
  1765. function to_reciprocal_close_day_a(sel_product_sn,sel_standard_sn,sel_s){
  1766.  
  1767. var show_info = "";
  1768. var show_s = parseFloat(sel_s)-1;
  1769. var show_day = parseInt(show_s/86400);
  1770. var show_hour = parseInt((show_s-(show_day*86400))/3600);
  1771. var show_min = parseInt((show_s-(show_day*86400)-(show_hour*3600))/60);
  1772. var show_sec = parseInt(show_s-(show_day*86400)-(show_hour*3600)-(show_min*60));
  1773.  
  1774. //var this_product_checked_standard_sn = $.cookie("is_product_checked_standard_sn");
  1775.  
  1776. if(show_s >= 0){ // && this_product_checked_standard_sn==sel_standard_sn
  1777.  
  1778. if(show_day >= 0){show_info += "優惠倒數：<span class='ds_main_color'>"+show_day+"</span> <span style='font-size:10px;'>天</span> ";}
  1779. if(show_hour>= 0){show_info += "<span class='ds_main_color'>"+show_hour+"</span> <span style='font-size:10px;'>時</span> ";}
  1780. if(show_min >= 0){show_info += "<span class='ds_main_color'>"+show_min+"</span> <span style='font-size:10px;'>分</span>&nbsp;&nbsp;";}
  1781. if(show_sec >= 0){show_info += "<span class='ds_main_color'>"+show_sec+"</span> <span style='font-size:10px;'>秒</span> ";}
  1782.  
  1783. // 新版商品列表pop視窗id修正
  1784.            const id_product__close_day_reciprocal_a = document.getElementById("id_product__close_day_reciprocal_a");
  1785.  
  1786.            if(id_product__close_day_reciprocal_a){
  1787.                id_product__close_day_reciprocal_a.setAttribute("id", `id_product_${sel_product_sn}_close_day_reciprocal_a`)
  1788.            }
  1789.  
  1790.  
  1791. document.getElementById("id_product_"+sel_product_sn+"_close_day_reciprocal_a").innerHTML = show_info;
  1792.  
  1793. if(show_s==0){
  1794.  
  1795. location.reload();
  1796.  
  1797. }else{
  1798.  
  1799. var to_reciprocal_close_day_a_id = setTimeout("to_reciprocal_close_day_a('"+sel_product_sn+"','"+sel_standard_sn+"','"+show_s+"')",1000);
  1800. }
  1801.  
  1802. }else{
  1803.  
  1804. /*
  1805. clearTimeout( to_reciprocal_close_day_b_id );
  1806.  
  1807. to_reciprocal_close_day_b_status = 0;
  1808.  
  1809. document.getElementById("id_product_"+sel_product_sn+"_close_day_reciprocal_b").innerHTML = '00';
  1810. show_info += "00 <span style='font-size:10px;'>天</span> ";
  1811. show_info += "00 <span style='font-size:10px;'>時</span> ";
  1812. show_info += "00 <span style='font-size:10px;'>分</span>&nbsp;&nbsp;"
  1813.  
  1814. document.getElementById("id_product_"+sel_product_sn+"_close_day_reciprocal_a").innerHTML = show_info;
  1815. */
  1816.  
  1817. document.getElementById("id_product_"+sel_product_sn+"_close_day_reciprocal_a").innerHTML = "";
  1818.  
  1819. }
  1820. }
  1821.  
  1822. function to_reciprocal_close_day_b(sel_product_sn,sel_standard_sn,sel_s){
  1823.  
  1824. /*
  1825. var this_product_checked_standard_sn = $.cookie("is_product_checked_standard_sn");
  1826.  
  1827. if( this_product_checked_standard_sn == sel_standard_sn ){
  1828. var show_s = parseFloat(sel_s)-1;
  1829. document.getElementById("id_product_"+sel_product_sn+"_close_day_reciprocal_b").innerHTML = show_s;
  1830. if(show_s==10){
  1831. to_reciprocal_close_day_b_id = setTimeout("to_reciprocal_close_day_b('"+sel_product_sn+"','"+sel_standard_sn+"','99')",1);
  1832. }else{
  1833. to_reciprocal_close_day_b_id = setTimeout("to_reciprocal_close_day_b('"+sel_product_sn+"','"+sel_standard_sn+"','"+show_s+"')",10);
  1834. }
  1835. }else{
  1836. document.getElementById("id_product_"+sel_product_sn+"_close_day_reciprocal_b").innerHTML = "";
  1837. }
  1838. */
  1839. }
  1840.  
  1841. function to_save_setting_product_rating(sel_product_sn, sel_standard_sn, sel_order_title_sn) {
  1842. let product_rating_comment = $("textarea[name='product_rating_comment']").val();
  1843. if(product_rating_comment.length < 15 || product_rating_comment.length > 85){
  1844. alert('請輸入15~85個字的心得分享');
  1845. return false;
  1846. }
  1847.  
  1848. xmlhttp_save = createXMLHttp();
  1849. if (xmlhttp_save) {
  1850.  
  1851. var rating_comment = document.getElementsByName('product_rating_comment')[0].value;
  1852.  
  1853. var rating_start = document.getElementsByName('id_product_start_value')[0].value;
  1854.  
  1855. show_layer_loading();
  1856.  
  1857. xmlhttp_save.onreadystatechange = function() {
  1858. if (xmlhttp_save.readyState == 4 && xmlhttp_save.status == 200) {
  1859. close_layer_loading();
  1860. var response_msg = xmlhttp_save.responseText;
  1861. show_layer_msg(response_msg);
  1862. }
  1863. };
  1864.  
  1865. var ajax_url = encodeURI("ajax_product_module_api.php?module_type=rating_product_start&product_sn=" + sel_product_sn + "&standard_sn=" + sel_standard_sn + "&order_title_sn=" + sel_order_title_sn + "&rating_start=" + rating_start + "&rating_comment=" + rating_comment + "&time=" + new Date().getTime());
  1866. xmlhttp_save.open("Get", ajax_url, true);
  1867. xmlhttp_save.send(null);
  1868. }
  1869. }
  1870.  
  1871. function booking_product_add_email(sel_product_sn,sel_standard_sn,sel_standard_order_amount){
  1872.  
  1873. if(!check_email(document.getElementById('id_member_email').value)){
  1875. show_layer_alert("email格式異常，請重新確認!");
  1876. // alert("email格式異常，請重新確認!");
  1877.  
  1878. }else{
  1879.  
  1880. to_booking_product(sel_product_sn,sel_standard_sn,sel_standard_order_amount,document.getElementById('id_member_email').value);
  1881. }
  1882. }
  1883.  
  1884. // LINE LIFF 登入
  1885. function liff_login(liff_action='',need_login='',redirect_url=''){
  1886.  
  1887. if(liff.isLoggedIn()){
  1888. liff.logout();
  1889. }
  1890.  
  1891. var client_device_type = '1';
  1892.  
  1893. var this_member_sn = '';
  1894.  
  1895. var this_url = new URL(location);
  1896.  
  1897. var param = new URLSearchParams(this_url.search);
  1898.  
  1899. if(redirect_url == ""){
  1900. var redirect_uri = this_url.origin+this_url.pathname;
  1901. }else{
  1902. var redirect_uri = redirect_url;
  1903. }
  1904.  
  1905. if(liff_action!='') param.set("liff_action", liff_action);
  1906. if(need_login!='') param.set("need_login", "true");
  1907.  
  1908. param.delete('login_error');
  1909.  
  1910. if(param.toString()!='') redirect_uri += "?"+param.toString();
  1911.  
  1912. // alert(navigator.userAgent);
  1913.  
  1914. // if((!navigator.userAgent.match("Chrome") && navigator.userAgent.match("Safari") && client_device_type=="2") || navigator.userAgent.match("SamsungBrowser") || navigator.userAgent.match("Instagram") || navigator.userAgent.match("Line") || navigator.userAgent.match("FBAN") || navigator.userAgent.match("FBAV")){  // In-App Browser
  1915. if(client_device_type == '2'){  // Mobile Browser
  1916.  
  1917. if(parseInt(this_member_sn)==0 || isNaN(parseInt(this_member_sn))){ // 註冊/登入
  1918.  
  1919. open_with_liff(liff_action,redirect_url);
  1920.  
  1921. }else{ // 綁定
  1922.  
  1923. param.set("liff_action", "open_with_liff");
  1924.  
  1925. redirect_uri = this_url.origin+this_url.pathname+"?"+param.toString();
  1926.  
  1927. liff.login({redirectUri: redirect_uri});
  1928. }
  1930. }else{  // PC Browser
  1931.  
  1932. liff.login({ redirectUri: redirect_uri});
  1933. }
  1934. }
  1935.  
  1936. // LINE LIFF 分享
  1937. function share_with_friend(msg_type='', msg_type_sn=''){
  1938.  
  1939. show_layer_loading();
  1940.  
  1941. var this_member_sn = '';
  1942.  
  1943. if(typeof(liff)!=='undefined'){
  1944.  
  1945. if(liff.isApiAvailable('shareTargetPicker') && this_member_sn==""){ // 網頁閒置過久SESSION被清空;
  1946.  
  1947. var this_url = new URL(location);
  1948.  
  1949. var param = new URLSearchParams(this_url.search);
  1950.  
  1951. param.set("liff_action", "share");
  1952.  
  1953. if(location.pathname.substr(0,7)!="/share/"){
  1954. location.href=this_url.pathname+'?'+param.toString();
  1955. }
  1956.  
  1957. }
  1958. }
  1959.  
  1960. if(typeof(liff)!=='undefined'){
  1961.  
  1962. if(liff.isApiAvailable('shareTargetPicker')){
  1963.  
  1964. if(!liff.isInClient() && (navigator.userAgent.match("Instagram") || navigator.userAgent.match("Line") || navigator.userAgent.match("FBAN") || navigator.userAgent.match("FBAV"))){ // IAB
  1965.  
  1966. open_with_liff("share");
  1967. close_layer_loading();
  1968.  
  1969. }else{ // LIFF or external browser
  1970.  
  1971. get_line_message_format(msg_type, msg_type_sn);
  1972. }
  1973.  
  1974. }else{
  1976. if(!liff.isLoggedIn()){
  1977.  
  1978. if(!liff.isInClient() && (navigator.userAgent.match("Instagram") || navigator.userAgent.match("Line") || navigator.userAgent.match("FBAN") || navigator.userAgent.match("FBAV"))){ // IAB
  1979.  
  1980. if(parseInt(this_member_sn)==0 || isNaN(parseInt(this_member_sn))){ // 註冊/登入
  1981.  
  1982. open_with_liff("share");
  1983.  
  1984. }else{
  1985.  
  1986. liff_login("share");
  1987. }
  1988.  
  1989. }else{ // external browser
  1990.  
  1991. liff_login("share");
  1992. }
  1994. }else{
  1995. alert("未開啟shareTargetPicker權限");
  1996. console.log("未開啟shareTargetPicker權限");
  1997. }
  1998. close_layer_loading();
  1999.  
  2000. }
  2001. }else{
  2002.  
  2003. console.log("liff is undefined");
  2004. window.open('https://social-plugins.line.me/lineit/share?url='+'https%3A%2F%2Fliff.line.me%2F1657662956-ljewX6qm%2Findex.php%3Futm_source%3Dm2%26utm_medium%3Dguest', 'LINE Share', config='height=500,width=500');
  2005. close_layer_loading();
  2006. }
  2007.  
  2008. }
  2009.  
  2010. // LINE 訊息模板
  2011. function get_line_message_format(msg_type='', msg_type_sn=''){
  2012.  
  2013. let php_self = 'index';
  2014.  
  2015. if(msg_type=='') msg_type = php_self;
  2016.  
  2017. $.ajax({
  2019. type: 'POST',
  2020. url: './ajax_website_module_api.php',
  2021. data: {
  2022. 'module_type': 'line_msg',
  2023. 'msg_type': msg_type,
  2024. 'msg_type_sn': msg_type_sn,
  2025. 'share_link': 'https://liff.line.me/1657662956-ljewX6qm/index.php?utm_source=m2&utm_medium=guest', // 產生位置 ap_lib/functuion.php
  2026. 'php_self': '/index.php',
  2027. },
  2028. success: function(res) {
  2029.  
  2030. flex_message = $.parseJSON(res);
  2031.  
  2032. console.log('flex_message', flex_message);
  2033.  
  2034. liff.shareTargetPicker(flex_message)
  2035. .then(function (res) {
  2036.  
  2037. console.log('share_res', res);
  2038.  
  2039. if(res){
  2040.  
  2041. // succeeded in sending a message through TargetPicker
  2042. console.log(`[${res.status}] Message sent!`);
  2043.  
  2044. // 分享完後自動關閉視窗
  2045. if(location.pathname.substr(0,6)=="/share"){
  2046. liff.closeWindow();
  2047. }
  2048.  
  2049. }else{
  2050.  
  2051. const [majorVer, minorVer] = (liff.getLineVersion() || "").split('.');
  2052. if (parseInt(majorVer) == 10 && parseInt(minorVer) < 11) {
  2053. // LINE 10.3.0 - 10.10.0
  2054. // Old LINE will access here regardless of user's action
  2055. console.log('TargetPicker was opened at least. Whether succeeded to send message is unclear')
  2056. } else {
  2057. // LINE 10.11.0 -
  2058. // sending message canceled
  2059. console.log('TargetPicker was closed!')
  2061. if(location.pathname.substr(0,6)=="/share"){
  2062. liff.closeWindow();
  2063. }
  2064. }
  2065. }
  2066.  
  2067. }).catch(function (error) {
  2068.  
  2069. // something went wrong before sending a message
  2070. alert("分享失敗\n\n請確認瀏覽器設定沒有阻擋彈跳視窗。\n(設定 > Safari > 阻擋彈出視窗)");
  2071.  
  2072. console.log('shareTargetPicker something wrong happen');
  2073. console.log('error', error);
  2074. console.log('flex_message', flex_message);
  2075. })
  2076. },
  2077. error: function(err) {
  2078. alert("Get message format error\n"+err);
  2079. },
  2080. complete: function() {
  2081. close_layer_loading();
  2082. }
  2083. });
  2084. }
  2085.  
  2086. // LINE 購物 取得ECID
  2087. function to_get_ecid(){
  2088.  
  2089. var this_url = '';
  2090.  
  2091. if(this_url!=''){
  2092.  
  2093. if(!liff.isInClient()){
  2094.  
  2095. setTimeout(function(){window.location.replace(this_url);}, 300);
  2096.  
  2097. }else{
  2098.  
  2099. liff.openWindow({
  2100. url: this_url,
  2101. external: false
  2102. });
  2103. }
  2104. }
  2105. }
  2106.  
  2107. // LINE LIFF 分享
  2108. function open_with_liff(liff_action,redirect_url=""){
  2109.  
  2110. var m2_member_sn = '';
  2111. var this_member_sn = '';
  2112. var shoppingcar_member_sn = 'gg7qnm362efnn5o9566nr42hn0';
  2113. var _ishop_utm_source   = '';
  2114. var _ishop_utm_medium   = '';
  2115. var _ishop_utm_term     = '';
  2116. var _ishop_utm_content   = '';
  2117. var _ishop_utm_campaign = '';
  2118. var _url_redirect_sn = '';
  2119. var _url_redirect_access_sn = '';
  2120.  
  2122. if(redirect_url != ""){
  2123. var this_url = new URL(redirect_url);
  2124. }else{
  2125. var this_url = new URL(location);
  2126. }
  2127.  
  2128. var param = new URLSearchParams(this_url.search);
  2129.  
  2130. var this_v1_liff_url = "https://line.me/R/app/"+liff.id;
  2131.  
  2132. if(this_url.pathname.indexOf("shopping_car")>0) this_url.pathname = "/"; // 購物車要做第二次轉跳
  2133.  
  2134. if(param.get("liff_action")=="open_with_liff") param.delete("liff_action"); // 防止無限迴圈
  2135.  
  2136. if(m2_member_sn>0) param.set("m2_member_sn", m2_member_sn); // 推薦人SN
  2137.  
  2138. if(parseInt(this_member_sn)==0 || isNaN(parseInt(this_member_sn))){ // 未登入判斷購物車是否有商品
  2139.  
  2140. $.ajax({
  2141.  
  2142. url:"./api_liff.php",
  2143. method:'GET',
  2144. data:{
  2145. mode: 'check_member_shoppingcar',
  2146. shoppingcar_member_sn: shoppingcar_member_sn
  2147. },
  2148. async:false,
  2149. success:function(res){
  2150.  
  2151. if(res>0) param.set("pre_shoppingcar_member_sn", shoppingcar_member_sn);
  2152. },
  2153. error:function(err){
  2154.  
  2155. console.log('check_err', err)
  2156. },
  2157. complete:function(){
  2158.  
  2159. }
  2160. });
  2161. }
  2162.  
  2163. // 網址轉導
  2164. if(_url_redirect_sn!="") param.set("_url_redirect_sn", _url_redirect_sn);
  2165. if(_url_redirect_access_sn!="") param.set("_url_redirect_access_sn", _url_redirect_access_sn);
  2166.  
  2167. // utm
  2168. if(_ishop_utm_source!="") param.set("utm_source", _ishop_utm_source);
  2169. if(_ishop_utm_medium!="") param.set("utm_medium", _ishop_utm_medium);
  2170. if(_ishop_utm_term!="") param.set("utm_term", _ishop_utm_term);
  2171. if(_ishop_utm_content!="") param.set("utm_content", _ishop_utm_content);
  2172. if(_ishop_utm_campaign!="") param.set("utm_campaign", _ishop_utm_campaign);
  2173. if(liff_action!="" && liff_action!=undefined) param.set("liff_action", liff_action);
  2174.  
  2175. this_v1_liff_url += "?v1_redirect="+encodeURIComponent(this_url.pathname+'?'+param.toString());
  2176.  
  2177. // console.log("this_v1_liff_url : "+this_v1_liff_url);
  2178.  
  2179. // setTimeout(function(){window.open(this_v1_liff_url);}, 500);
  2180.  
  2181. setTimeout(function(){window.location.replace(this_v1_liff_url);}, 300);
  2182.  
  2183. }
  2185. // Footer action
  2186. function footer_action(this_id, this_action){
  2187.  
  2188. switch (this_id) {
  2189. case 'customer_service':
  2190.  
  2191. window.location.href = "tel:"+this_action;
  2192.  
  2193. break;
  2194. case 'facebook':
  2195.  
  2196. window.location.href = "https://www.facebook.com/"+this_action;
  2197.  
  2198. break;
  2199. case 'messenger':
  2200.  
  2201. window.location.href = "https://www.messenger.com/t/"+this_action;
  2202.  
  2203. break;
  2204. case 'share':
  2205.  
  2206.                to_show_share_link();
  2207. break;
  2208. case 'show_product_view_record':
  2210. to_show_product_view_record();
  2211. break;
  2212. case 'to_scroll_top':
  2213.  
  2214. to_scroll_top();
  2215. break;
  2216. case 'shopping_car':
  2217.  
  2218. to_show_top_shopping_car('4');
  2219. break;
  2220. case 'mobile_chapter_list_switch':
  2221.  
  2222. mobile_chapter_list_switch();
  2223. console.log("mobile_chapter_list_switch");
  2224. break;
  2225.  
  2226. case "anchor_point":
  2227.  
  2228. to_scrollTo(this_action, 1000);
  2229.  
  2230. break;
  2232. default:
  2233.                window.location.href = this_action;
  2234. break;
  2235. }
  2236. }
  2237.    
  2238. function company_no_check(input){
  2239. var company_no;
  2240. company_no = input.value;
  2241. console.log(company_no);
  2242. if(true){
  2243. if(generateVerificationCode(company_no)){
  2244. document.getElementById("id_verify_company_no_msg").innerHTML = "";
  2245. }else{
  2246. document.getElementById("id_verify_company_no_msg").innerHTML = "很抱歉，統一編號【"+company_no+"】驗證失敗。";
  2247. input.value = "";
  2248. }
  2249. }
  2250. }
  2251.  
  2252. function generateVerificationCode(idNumber) {
  2253. // 檢查輸入是否為8個字元
  2254. if (idNumber.length == 8) {
  2255. // 檢查每個字元是否為有效的數字
  2256. for (let i = 0; i < 8; i++) {
  2257. if (!/^[0-9]$/.test(idNumber[i])) {
  2258. // console.log('輸入的編號含有非數字字元');
  2259. return false;
  2260. }
  2261. }
  2262.  
  2263. // 將編號轉換為陣列
  2264. const idNumberArray = idNumber.split('');
  2265.  
  2266. // 定義邏輯乘數
  2267. const multipliers = [1, 2, 1, 2, 1, 2, 4, 1];
  2268.  
  2269. // 計算乘積
  2270. let idNumbers = [];
  2271. for (let i = 0; i < 8; i++) {
  2272. const item = parseInt(idNumberArray[i]) * multipliers[i];
  2273. idNumbers.push(item);
  2274. }
  2275.  
  2276. // 處理乘積大於10的狀況
  2277. for (let i = 0; i < 8; i++) {
  2278. if (idNumbers[i] >= 10) {
  2279. const digits = String(idNumbers[i]).split('');
  2280. idNumbers[i] = parseInt(digits[0]) + parseInt(digits[1]);
  2281. }
  2282. }
  2283.  
  2284. // 生成驗證碼
  2285. const verificationCodeArray = idNumbers.map(item => String(item));
  2286. const verificationCode = verificationCodeArray.join('');
  2287.  
  2288. if(idNumberArray[6] != '7'){
  2289. // 計算驗證碼總和
  2290. let verificationCodeSum = 0;
  2291. for (let i = 0; i < 8; i++) {
  2292. verificationCodeSum += parseInt(verificationCodeArray[i]);
  2293. }
  2294. if((verificationCodeSum % 5) === 0){
  2295. return true;
  2296. }else{
  2297. return false;
  2298. }
  2299. }else{
  2300. // 計算驗證碼總和A
  2301. verificationCodeArray[6] = 0;
  2302. let verificationCodeSumA = 0;
  2303. for (let i = 0; i < 8; i++) {
  2304. verificationCodeSumA += parseInt(verificationCodeArray[i]);
  2305. }
  2306.  
  2307. // 計算驗證碼總和B
  2308. verificationCodeArray[6] = 1;
  2309. let verificationCodeSumB = 0;
  2310. for (let i = 0; i < 8; i++) {
  2311. verificationCodeSumB += parseInt(verificationCodeArray[i]);
  2312. }
  2313.  
  2314. if((verificationCodeSumA % 5 === 0) || (verificationCodeSumB % 5 === 0)){
  2315. return true;
  2316. }else{
  2317. return false;
  2318. }
  2319. }
  2320. }else{
  2321. return false;
  2322. }
  2323. }
  2324.  
  2325. </script>
  2326. <script>
  2327. var is_new_product_detail = false;
  2328. </script>
  2330. <script type="text/javascript" async src="https://cdn.matrixec.com/js/line-button.js?v=20140411"></script>
  2331. <script language="javascript">
  2332. window.onscroll = to_check_onscroll;
  2333. </script>
  2334.  
  2335.  
  2336. <!-- Google tag (gtag.js) -->
  2337. <script async src="https://www.googletagmanager.com/gtag/js?id=G-DN3YYV8V9K"></script>
  2338. <script>
  2339.  window.dataLayer = window.dataLayer || [];
  2340.  function gtag(){dataLayer.push(arguments);}
  2341.  gtag('js', new Date());
  2342.  
  2343.  gtag('config', 'G-DN3YYV8V9K');
  2344. </script>
  2345. <script>
  2346. $(function(){
  2347.    if($('#id_c2').length > 0 ){
  2348.        $('#id_c2').children('option')[0].innerHTML = '--縣市搜尋--';
  2349.    }
  2350. })
  2351. </script>
  2352. <script async>
  2353. (function(g,d,o){
  2354. g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
  2355. var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
  2356. var s=d.createElement('script');s.async=1;
  2357. s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
  2358. var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
  2359. })(window, document);_lt('init', {
  2360. customerType: 'lap',
  2361. tagId: '6762c9ef-1078-4543-b5ad-26ef3d2a663a'
  2362. });
  2363. _lt('send', 'pv', ['6762c9ef-1078-4543-b5ad-26ef3d2a663a']);</script>
  2364. <noscript>
  2365. <img height='1' width='1' style='display:none'
  2366. src='https://tr.line.me/tag.gif?c_t=lap&t_id=161a9b23-c87b-4ebb-8a97-a7f91abb8c56&e=pv&noscript=1' />
  2367. </noscript>
  2368. <!-- End LINE Tag Base Code -->
  2369. <style type="text/css" media="print">.print_display_off{display: none;}</style>
  2370.  
  2371. <style>
  2372.    /*Instegram*/
  2373.    .ig_newest_top.default_animation , .ig_newest_inside.default_animation {
  2374.        position: relative;
  2375.        opacity:0;
  2376.        transform: translateY(5%);
  2377.    }
  2378.    .ig_newest_top.default_animation.act , .ig_newest_inside.default_animation.act {
  2379.        transition: all 0.7s ease-out;
  2380.        opacity: 1;
  2381.        transform: translateY(0);
  2382.    }
  2383.  
  2384.    /*商品列表*/
  2385.    .default_animation .product_item{
  2386.        position: relative;
  2387.        opacity:0;
  2388.        transform: translateY(3%);
  2389.    }
  2390.    .default_animation.act .product_item{
  2391.        transition: all 0.5s ease-out;
  2392.        opacity: 1;
  2393.        transform: translateY(0);
  2394.    }
  2395.    .default_animation .product_item:nth-child(2){
  2396.        transition-delay:0.2s;
  2397.    }
  2398.    .default_animation .product_item:nth-child(3){
  2399.        transition-delay:0.3s;
  2400.    }
  2401.  
  2402.    /*商品明細頁 附屬商品圖*/
  2403.    .pps_photo_sub.default_animation {
  2404.        position: relative;
  2405.        opacity:0;
  2406.        transform: translateY(50px);
  2407.    }
  2408.    .pps_photo_sub.default_animation.act {
  2409.        transition: all 0.5s ease-out;
  2410.        opacity:1;
  2411.        transform: translateY(0%);
  2412.    }
  2413.  
  2414.    /*shopping car*/
  2415.    #id_shopping_car_page .right_content.default_animation {
  2416.        position: relative;
  2417.        opacity:0;
  2418.        transform: translateY(50px);
  2419.    }
  2420.    #id_shopping_car_page .right_content.default_animation.act {
  2421.        transition: all 0.5s ease-out;
  2422.        opacity: 1;
  2423.        transform: translateY(0);
  2424.    }
  2425.  
  2426.    /*滿版廣告slide*/
  2427.    .default_animation.ad_overflow_slide {
  2428.        position: relative;
  2429.        opacity:0;
  2430.        transform: translateY(5%);
  2431.    }
  2432.    .default_animation.act.ad_overflow_slide{
  2433.        transition: all 0.5s ease-out;
  2434.        opacity: 1;
  2435.        transform: translateY(0);
  2436.    }
  2437.  
  2438.    /*滿版廣告單板靜態*/
  2439.    .default_animation .ad_overflow_single_inside {
  2440.        position: relative;
  2441.        opacity:0;
  2442.        transform: translateY(5%);
  2443.    }
  2444.    .default_animation.act .ad_overflow_single_inside{
  2445.        transition: all 0.5s ease-out;
  2446.        opacity: 1;
  2447.        transform: translateY(0);
  2448.    }
  2449.  
  2450.    /*全版廣告slide 點點輪播*/
  2451.    .default_animation.ad_full_slide_dotted {
  2452.        position: relative;
  2453.        opacity:0;
  2454.        transform: translateY(5%);
  2455.    }
  2456.    .default_animation.act.ad_full_slide_dotted {
  2457.        transition: all 0.5s ease-out;
  2458.        opacity: 1;
  2459.        transform: translateY(0);
  2460.    }
  2461.  
  2462.    /*全版廣告單板靜態*/
  2463.    .default_animation > a {
  2464.        display: block;
  2465.        position: relative;
  2466.        opacity:0;
  2467.        transform: translateY(5%);
  2468.    }
  2469.    .default_animation.act > a{
  2470.        transition: all 0.5s ease-out;
  2471.        opacity: 1;
  2472.        transform: translateY(0);
  2473.    }
  2474.  
  2475.    /*全版廣告單排3小板 area_3d */
  2476.    .default_animation.ad_full_area_3d > .item_outside {
  2477.        position: relative;
  2478.        opacity:0;
  2479.        transform: translateY(5%);
  2480.    }
  2481.    .default_animation.act.ad_full_area_3d > .item_outside{
  2482.        transition: all 0.5s ease-out;
  2483.        opacity: 1;
  2484.        transform: translateY(0);
  2485.    }
  2486.    .default_animation.act.ad_full_area_3d > .item_outside:nth-child(4){
  2487.        transition-delay: 0.15s;
  2488.    }
  2489.    .default_animation.act.ad_full_area_3d > .item_outside:nth-child(6){
  2490.        transition-delay: 0.3s;
  2491.    }
  2492.    .default_animation.act.ad_full_area_3d > .item_outside:nth-child(7){
  2493.        transition-delay: 0.45s;
  2494.    }
  2495.    .default_animation.act.ad_full_area_3d > .item_outside:nth-child(9){
  2496.        transition-delay: 0.6s;
  2497.    }
  2498.    .default_animation.act.ad_full_area_3d > .item_outside:nth-child(11){
  2499.        transition-delay: 0.75s;
  2500.    }
  2501.  
  2502.    /*全版廣告-1大輪2小板 area_3a */
  2503.    .default_animation.ad_full_area_3a {
  2504.        position: relative;
  2505.        opacity:0;
  2506.        transform: translateY(5%);
  2507.    }
  2508.    .default_animation.act.ad_full_area_3a {
  2509.        transition: all 0.5s ease-out;
  2510.        opacity: 1;
  2511.        transform: translateY(0%);
  2512.    }
  2513.  
  2514.    /*全版廣告-1大輪2小板 area_3b */
  2515.    .default_animation.ad_full_area_3b {
  2516.        position: relative;
  2517.        opacity:0;
  2518.        transform: translateY(5%);
  2519.    }
  2520.    .default_animation.act.ad_full_area_3b {
  2521.        transition: all 0.5s ease-out;
  2522.        opacity: 1;
  2523.        transform: translateY(0%);
  2524.    }
  2525.  
  2526.    /*全版廣告-多排4小板 area_3c */
  2527.    .ad_full_area_3c .default_animation.caption_pic ,
  2528.    .ad_full_area_3c .default_animation.caption_txt {
  2529.        position: relative;
  2530.        opacity:0;
  2531.        transform: translateY(30px);
  2532.    }
  2533.    .ad_full_area_3c .default_animation.act.caption_pic ,
  2534.    .ad_full_area_3c .default_animation.act.caption_txt {
  2535.        transition: all 0.7s ease-out;
  2536.        opacity: 1;
  2537.        transform: translateY(0%);
  2538.    }
  2539.    .ad_full_area_3c_inside.default_animation .item_outside{
  2540.        position: relative;
  2541.        opacity:0;
  2542.        transform: translateY(5%);
  2543.    }
  2544.    .ad_full_area_3c_inside.default_animation.act .item_outside{
  2545.        transition: all 0.7s ease-out;
  2546.        opacity: 1;
  2547.        transform: translateY(0%);
  2548.    }
  2549.    .ad_full_area_3c_inside.default_animation .item_outside:nth-child(3) {
  2550.        transition-delay: 0.1s;
  2551.    }
  2552.    .ad_full_area_3c_inside.default_animation .item_outside:nth-child(5) {
  2553.        transition-delay: 0.2s;
  2554.    }
  2555.    .ad_full_area_3c_inside.default_animation .item_outside:nth-child(7) {
  2556.        transition-delay: 0.3s;
  2557.    }
  2558.  
  2559.    /*全版廣告 下側頁籤*/
  2560.    .default_animation.ad_full_down_tag {
  2561.        display: block;
  2562.        position: relative;
  2563.        opacity:0;
  2564.        transform: translateY(5%);
  2565.    }
  2566.    .default_animation.act.ad_full_down_tag {
  2567.        transition: all 0.5s ease-out;
  2568.        opacity: 1;
  2569.        transform: translateY(0);
  2570.    }
  2571.  
  2572.    /*全版廣告 右側頁籤*/
  2573.    .default_animation.ad_full_right_tag {
  2574.        display: block;
  2575.        position: relative;
  2576.        opacity:0;
  2577.        transform: translateY(5%);
  2578.    }
  2579.    .default_animation.act.ad_full_right_tag {
  2580.        transition: all 0.5s ease-out;
  2581.        opacity: 1;
  2582.        transform: translateY(0);
  2583.    }
  2584.  
  2585.    /*全版廣告商品-單排滑動 A5 && 最近看過 && 電子報*/
  2586.    .default_animation.full_block {
  2587.        display: block;
  2588.        position: relative;
  2589.        opacity:0;
  2590.        transform: translateY(10%);
  2591.    }
  2592.    .default_animation.act.full_block{
  2593.        transition: all 0.5s ease-out;
  2594.        opacity: 1;
  2595.        transform: translateY(0);
  2596.    }
  2597.  
  2598.    /*全版3區塊廣告商品 A1*/
  2599.    .default_animation .ad_prodcut_a1_module{
  2600.        position: relative;
  2601.        opacity:0;
  2602.        transform: translateY(10%);
  2603.    }
  2604.    .default_animation.act .ad_prodcut_a1_module{
  2605.        transition: all 0.5s ease-out;
  2606.        opacity: 1;
  2607.        transform: translateY(0);
  2608.    }
  2609.    .default_animation .ad_prodcut_a1_module:nth-child(2){
  2610.        transition-delay:0.2s;
  2611.    }
  2612.    .default_animation .ad_prodcut_a1_module:nth-child(3){
  2613.        transition-delay:0.3s;
  2614.    }
  2615.  
  2616.  
  2617.    /*大側邊 單板靜態*/
  2618.    .default_animation.ad_big_side_single {
  2619.        display: block;
  2620.        position: relative;
  2621.        opacity:0;
  2622.        transform: translateY(5%);
  2623.    }
  2624.    .default_animation.act.ad_big_side_single {
  2625.        transition: all 0.5s ease-out;
  2626.        opacity: 1;
  2627.        transform: translateY(0);
  2628.    }
  2629.  
  2630.    /*大側邊 右側頁籤*/
  2631.    .default_animation.ad_big_side_right_tag {
  2632.        display: block;
  2633.        position: relative;
  2634.        opacity:0;
  2635.        transform: translateY(5%);
  2636.    }
  2637.    .default_animation.act.ad_big_side_right_tag {
  2638.        transition: all 0.5s ease-out;
  2639.        opacity: 1;
  2640.        transform: translateY(0);
  2641.    }
  2642.  
  2643.    /*大側邊 1大輪2小版*/
  2644.    .default_animation.big_side_area_3a {
  2645.        display: block;
  2646.        position: relative;
  2647.        opacity:0;
  2648.        transform: translateY(5%);
  2649.    }
  2650.    .default_animation.act.big_side_area_3a {
  2651.        transition: all 0.5s ease-out;
  2652.        opacity: 1;
  2653.        transform: translateY(0);
  2654.    }
  2655.  
  2656.    /*大側邊 4 x N 廣告商品 ：ad_product_a2*/
  2657.    .default_animation.module_header_caption {
  2658.        display: block;
  2659.        position: relative;
  2660.        opacity:0;
  2661.        transform: translateY(20%);
  2662.    }
  2663.    .default_animation.act.module_header_caption {
  2664.        transition: all 0.5s ease-out;
  2665.        opacity: 1;
  2666.        transform: translateY(0);
  2667.    }
  2668.    .default_animation.item_wrapper .item {
  2669.        display: block;
  2670.        position: relative;
  2671.        opacity:0;
  2672.        transform: translateY(10%);
  2673.    }
  2674.    .default_animation.act.item_wrapper .item {
  2675.        transition: all 0.5s ease-out;
  2676.        opacity: 1;
  2677.        transform: translateY(0);
  2678.    }
  2679.    .default_animation.item_wrapper .item:nth-child(2){
  2680.        transition-delay: 0.1s;
  2681.    }
  2682.    .default_animation.item_wrapper .item:nth-child(3){
  2683.        transition-delay: 0.2s;
  2684.    }
  2685.    .default_animation.item_wrapper .item:nth-child(4){
  2686.        transition-delay: 0.3s;
  2687.    }
  2688.  
  2689.  
  2690.    /*專欄宣傳文章*/
  2691.    .column_publicize_outside.default_animation {
  2692.        display: block;
  2693.        position: relative;
  2694.        opacity:0;
  2695.        transform: translateY(10%);
  2696.    }
  2697.    .column_publicize_outside.default_animation.act {
  2698.        transition: all 0.5s ease-out;
  2699.        opacity: 1;
  2700.        transform: translateY(0);
  2701.    }
  2702.  
  2703.    /*大側邊 專欄宣傳文章1大3小 1b3s*/
  2704.    .default_animation .big_side_publicize_column_header ,.default_animation .big_side_publicize_column_top_outsite , .default_animation .big_side_publicize_column_3s_insite {
  2705.        display: block;
  2706.        position: relative;
  2707.        opacity:0;
  2708.        transform: translateY(10%);
  2709.    }
  2710.    .default_animation.act .big_side_publicize_column_header ,.default_animation.act .big_side_publicize_column_top_outsite , .default_animation.act .big_side_publicize_column_3s_insite {
  2711.        transition: all 0.5s ease-out;
  2712.        opacity: 1;
  2713.        transform: translateY(0);
  2714.    }
  2715.    .default_animation .big_side_publicize_column_header {
  2716.        transition-delay: 0.1s;
  2717.    }
  2718.    .default_animation .big_side_publicize_column_3s_insite:nth-child(1){
  2719.        transition-delay: 0.2s;
  2720.    }
  2721.    .default_animation .big_side_publicize_column_3s_insite:nth-child(2){
  2722.        transition-delay: 0.3s;
  2723.    }
  2724.    .default_animation .big_side_publicize_column_3s_insite:nth-child(3){
  2725.        transition-delay: 0.4s;
  2726.    }
  2727.  
  2728.    /*大側邊專欄 - 左右分類文章 1大5小*/
  2729.    .default_animation.big_side_category_half_1b5s {
  2730.        display: block;
  2731.        position: relative;
  2732.        opacity:0;
  2733.        transform: translateY(10%);
  2734.    }
  2735.    .default_animation.act.big_side_category_half_1b5s {
  2736.        transition: all 0.5s ease-out;
  2737.        opacity: 1;
  2738.        transform: translateY(0);
  2739.    }
  2740.  
  2741.    /*大側邊專欄 - 分類2x2文章*/
  2742.    .default_animation.column_list_big_side_2x2_wrapper {
  2743.        display: block;
  2744.        position: relative;
  2745.        opacity:0;
  2746.        transform: translateY(15%);
  2747.    }
  2748.    .default_animation.act.column_list_big_side_2x2_wrapper {
  2749.        transition: all 0.5s ease-out;
  2750.        opacity: 1;
  2751.        transform: translateY(0);
  2752.    }
  2753.  
  2754.    /*熱搜*/
  2755.    .default_animation.hot_keyword_outside {
  2756.        display: block;
  2757.        position: relative;
  2758.        opacity:0;
  2759.        transform: translateY(15%);
  2760.    }
  2761.    .default_animation.act.hot_keyword_outside {
  2762.        transition: all 0.5s ease-out;
  2763.        opacity: 1;
  2764.        transform: translateY(0);
  2765.    }
  2766.  
  2767.    /*網站地上方*/
  2768.    .website_content_copyright_top .default_animation {
  2769.        display: block;
  2770.        position: relative;
  2771.        opacity:0;
  2772.        transform: translateY(15%);
  2773.    }
  2774.    .website_content_copyright_top .default_animation.act {
  2775.        transition: all 0.5s ease-out;
  2776.        opacity: 1;
  2777.        transform: translateY(0);
  2778.    }
  2779.  
  2780.  
  2781.    /*paralax test*/
  2782.    /* .ad_overflow_paralax {
  2783.        box-sizing: border-box;
  2784.        position: relative;
  2785.        overflow: hidden;
  2786.        
  2787.    }
  2788.    .ad_overflow_paralax>div:nth-child(2){
  2789.        position: relative;
  2790.        z-index: 0;
  2791.        margin: 5vw auto;
  2792.    }
  2793.    .ad_overflow_paralax .bg {
  2794.        position: absolute;
  2795.        z-index: 0;
  2796.        width: 100%;
  2797.        height: 100vh;
  2798.        background: url("https://www.residencestyle.com/wp-content/uploads/2016/05/Scandinavian-living-room-With-Plants-Decor.jpg")center center no-repeat;
  2799.        background-size: cover;
  2800.        opacity: 0.8;
  2801.        filter: blur(1px);
  2802.        transition: filter 0.3s linear;
  2803.        background-color: rgba(255 , 255, 255, 0.5)
  2804.        
  2805.    } */
  2806.  
  2807.  
  2808.    /* fadeIn */
  2809.    .fadeIn {
  2810.        position: relative;
  2811.        opacity:0;
  2812.    }
  2813.    .fadeIn.act {
  2814.        transition: all 1s ease-out;
  2815.        opacity: 1;
  2816.    }
  2817.    /* fadeUp */
  2818.    .fadeUp {
  2819.        position: relative;
  2820.        opacity:0;
  2821.        transform: translateY(3vw);
  2822.    }
  2823.    .fadeUp.act {
  2824.        transition: all 1s ease-out;
  2825.        opacity: 1;
  2826.        transform: translateY(0);
  2827.    }
  2828.    /* fadeDown */
  2829.    .fadeDown {
  2830.        position: relative;
  2831.        opacity:0;
  2832.        transform: translateY(-3vw);
  2833.    }
  2834.    .fadeDown.act {
  2835.        transition: all 1s ease-out;
  2836.        opacity: 1;
  2837.        transform: translateY(0);
  2838.    }
  2839.    /* fadeRight */
  2840.    .fadeRight {
  2841.        position: relative;
  2842.        opacity:0;
  2843.        transform: translateX(-3vw);
  2844.    }
  2845.    .fadeRight.act {
  2846.        transition: all 1s ease-out;
  2847.        opacity: 1;
  2848.        transform: translateX(0);
  2849.    }
  2850.    /* fadeLeft */
  2851.    .fadeLeft {
  2852.        position: relative;
  2853.        opacity:0;
  2854.        transform: translateX(3vw);
  2855.    }
  2856.    .fadeLeft.act {
  2857.        transition: all 1s ease-out;
  2858.        opacity: 1;
  2859.        transform: translateX(0);
  2860.    }
  2861.  
  2862.    /* delay */
  2863.    .animation_scroll.act.delay_1 {
  2864.        transition-delay: 0.3s;
  2865.    }
  2866.    .animation_scroll.act.delay_2 {
  2867.        transition-delay: 0.6s;
  2868.    }
  2869.    .animation_scroll.act.delay_3 {
  2870.        transition-delay: 0.9s;
  2871.    }
  2872.    .animation_scroll.act.delay_4 {
  2873.        transition-delay: 1.2s;
  2874.    }
  2875.    .animation_scroll.act.delay_5 {
  2876.        transition-delay: 1.5s;
  2877.    }
  2878.    .animation_scroll.act.delay_6 {
  2879.        transition-delay: 1.8s;
  2880.    }
  2881. </style>
  2882. <script>
  2883.  
  2884.    function animation_init(scrollTop,winH){
  2885.  
  2886.        $('.animation_scroll').each(function(){
  2887.            this_item = $(this);
  2888.            this_item.attr('data',this_item.offset().top);
  2889.            
  2890.            if(this_item.offset().top<scrollTop+(winH*24/24)){
  2891.                this_item.addClass('act')
  2892.            }else{
  2893.                this_item.removeClass('act').addClass('be');
  2894.            }
  2895.  
  2896.            if($(this).hasClass('ad_overflow_paralax')){              
  2897.  
  2898.                if( $(this).children(".content_module_inner").hasClass("text_only_QAslider") && !$(this).find(".cm_title_wrap").hasClass("open") ){ //
  2899.  
  2900.                    //$(this).children('.bg').css('height', ($(this).outerHeight() + $(this).find(".cm_text_content").outerHeight())*0.7 );
  2901.                    bgH = $(this).outerHeight() + $(this).find(".cm_text_content").outerHeight() + winH/3*2
  2902.                    console.log("bgH："+bgH)
  2903.  
  2904.                }else{
  2905.                    bgH = $(this).outerHeight()+winH/3*2
  2906.                    //$(this).children('.bg').css('height', $(this).outerHeight()+winH/3*2 );
  2907.                }
  2908.  
  2909.                $(this).children('.bg').css('height', bgH );
  2910.            }
  2911.        });
  2912.        //close_layer_loading();
  2913.        // console.log("animation_init{winH="+winH+";scrollTop="+scrollTop+"}");
  2914.    }
  2915.  
  2916.    function animation_cancel(choose_area){
  2917.        $(choose_area + ' .animation_scroll').addClass('act').removeClass('animation_scroll');
  2918.    }
  2919.  
  2920.    function video_init(scrollTop,winH){
  2921.        $('.video_autoplay').each(function(){
  2922.            this_item = ($(this)!='')? $(this) : $('body');
  2923.            this_item.attr('data',this_item.offset().top).prop("volume",0.5).addClass("muted");
  2924.  
  2925.            playBtn = $(this).siblings(".controler").find(".btn-stop")
  2926.            
  2927.            if(this_item.offset().top<scrollTop+(winH*7/8) && !$(this).hasClass("pause") ){
  2928.                if($(this).hasClass('_swiper')){
  2929.                    if($(this).parents('.swiper-slide').hasClass('swiper-slide-active')){
  2930.                        //$(this).prop('autoplay',true)
  2931.                        $(this).trigger('play');
  2932.                        playBtn.html(video_controlBtn_switch('play','play'))
  2933.                    }else{
  2934.                        $(this).trigger('pause');
  2935.                        //playBtn.html(video_controlBtn_switch('play','pause'))
  2936.                    }
  2937.                }else{
  2938.                    //$(this).prop('autoplay',true)
  2939.                    $(this).trigger('play');
  2940.                    playBtn.html(video_controlBtn_switch('play','play'))
  2941.                }
  2942.            }else{
  2943.                this_item.trigger('pause');
  2944.                this_item[0].currentTime = 0;
  2945.  
  2946.                if($(this).hasClass("pause")){
  2947.                    playBtn.html(video_controlBtn_switch('play','pause'))
  2948.                }
  2949.            }
  2950.        });
  2951.    }
  2952.  
  2953.    function video_controlBtn_switch(type, mode) {
  2954.        btnUI = {
  2955.            play: {
  2956.                play: 'play <i class="far fa-play-circle"></i>',
  2957.                pause: 'pause <i class="far fa-pause-circle"></i>'
  2958.            },
  2959.            volume: {
  2960.                open: 'volume <i class="fas fa-volume-up"></i>',
  2961.                mute: 'volume <i class="fa-solid fa-volume-xmark"></i>'
  2962.            }
  2963.        }
  2964.  
  2965.        return btnUI[type][mode]
  2966.    }
  2967.  
  2968.    function paralax_move(scrollTop,winH){
  2969.        $('.ad_overflow_paralax').each(function(){
  2970.            //this_offset_Top = $(this).attr('data');
  2971.            this_offset_Top = $(this).offset().top;
  2972.            this_height = $(this).outerHeight();
  2973.            //console.log(this_offset_Top+" / "+this_height);
  2974.            if( this_offset_Top-(winH*8/8) < scrollTop && this_offset_Top+this_height > scrollTop ){
  2975.                //$(this).children('.bg').css("transform","translate3d(0px,"+Math.round((this_offset_Top-scrollTop)*(-1+1/3))+"px,0px)");
  2976.                $(this).children('.bg').css("transform","translate3d(0px,"+Math.round((this_offset_Top-scrollTop)*(-1)*0.7)+"px,0px)");
  2977.            }
  2978.        });
  2979.    }
  2980.  
  2981.    function numCounter__test(item) {
  2982.        counter_item = item
  2983.  
  2984.        if(counter_item.hasClass("counter-item")){
  2985.            console.log(counter_item.parents(".content_module_wrap").attr("id"))
  2986.            //console.log(item)
  2987.            cm_num = counter_item.find(".cm_num");
  2988.            console.log("count："+cm_num.attr("countTo"));
  2989.        }
  2990.    }
  2991.  
  2992.    function numCounter() {
  2993.        const counters = document.querySelectorAll(".cm_numCounter .cm_num");
  2994.  
  2995.        const formatNumber = (num) => {
  2996.            return Math.floor(num).toLocaleString();
  2997.        };
  2998.  
  2999.        const startCounting = (counter) => {
  3000.        const target = parseInt(counter.getAttribute("countTo"));
  3001.        let current = 0;
  3002.        const duration = 2000;
  3003.        const frameRate = 60;
  3004.        const totalFrames = Math.round((duration / 1000) * frameRate);
  3005.        const increment = target / totalFrames;
  3006.        let frame = 0;
  3007.  
  3008.        const counterUpdater = setInterval(() => {
  3009.            frame++;
  3010.            current += increment;
  3011.            if (frame >= totalFrames) {
  3012.                current = target;
  3013.                clearInterval(counterUpdater);
  3014.            }
  3015.            counter.textContent = formatNumber(current);
  3016.        }, 1000 / frameRate);
  3017.        };
  3018.  
  3019.        const observer = new IntersectionObserver((entries, observer) => {
  3020.            entries.forEach(entry => {
  3021.                if (entry.isIntersecting) {
  3022.                    const counter = entry.target;
  3023.                    if (!counter.classList.contains('counted')) {
  3024.                        counter.classList.add('counted');
  3025.                        startCounting(counter);
  3026.                    }
  3027.                }
  3028.            });
  3029.        }, { threshold: 0.1 });
  3030.  
  3031.        counters.forEach(counter => observer.observe(counter));
  3032.    }
  3033.    
  3034.  
  3035.    $(document).ready(function(){
  3036.        //header.js 內宣告全域變數 scrollTop,winH
  3037.  
  3038.        //show_layer_loading();
  3039.  
  3040.        $('.master_vision_index.footer_menu_outside').addClass('scroll');
  3041.        
  3042.        animation_init(scrollTop,winH);
  3043.  
  3044.        //$(".video_autoplay").trigger('play');
  3045.        // $(".video_autoplay").on('load',function(){
  3046.        //     $(this).trigger('play');
  3047.        // })
  3048.        
  3049.        $(".video_autoplay.pause").each(function(){
  3050.            $(this).trigger('pause').get(0).currentTime = 0 //不自動播放
  3051.        })
  3052.        
  3053.  
  3054.        $(window).on("load",function(){
  3055.            console.log('onload');
  3056.            scrollTop = $(window).scrollTop();
  3057.            animation_init(scrollTop,winH);
  3058.            video_init(scrollTop,winH);
  3059.            paralax_move(scrollTop,winH);
  3060.        })
  3061.  
  3062.        $(window).resize(function(){
  3063.            animation_init(scrollTop,winH);
  3064.            video_init(scrollTop,winH);
  3065.            paralax_move(scrollTop,winH);
  3066.        })
  3067.  
  3068.  
  3069.  
  3070.        $(window).scroll(function(){
  3071.            scrollTop = $(window).scrollTop();
  3072.  
  3073.            if( scrollTop > 10 ){
  3074.                $('.master_vision_index.footer_menu_outside').removeClass('scroll');
  3075.            } else {
  3076.                $('.master_vision_index.footer_menu_outside').addClass('scroll');
  3077.                $(".footer_menu_outside .cus_btn.more").removeClass("open");
  3078.            }
  3079.            
  3080.            
  3081.            $('.animation_scroll.be').each(function(){
  3082.                if($(this).attr('data')<scrollTop+(winH*24/24)){
  3083.                    $(this).removeClass('be').addClass('act');
  3084.                }
  3085.            });
  3086.  
  3087.            paralax_move(scrollTop,winH);
  3088.  
  3089.            $('.video_autoplay').each(function(){
  3090.                this_offset_Top = $(this).attr('data');
  3091.                this_height = $(this).height();
  3092.                if( this_offset_Top < scrollTop+(winH*6/8) && this_offset_Top > scrollTop-this_height/3 && !$(this).hasClass("pause")){
  3093.                    if($(this).hasClass('_swiper')){
  3094.                        if($(this).parents('.swiper-slide').hasClass('swiper-slide-active')){
  3095.                            $(this).trigger('play');
  3096.                        }else{
  3097.                            $(this).trigger('pause');
  3098.                        }
  3099.                    }else{
  3100.                        $(this).trigger('play');
  3101.                    }
  3102.                    
  3103.                }else{
  3104.                    $(this).trigger('pause').addClass('muted').prop("muted",true).siblings('.controler').children(".btn-volume").html(video_controlBtn_switch('volume','mute'));
  3105.                }
  3106.            });
  3107.            
  3108.        })
  3109.  
  3110.        numCounter()
  3111.  
  3112.        // $('.ad_overflow_paralax .content').hover(function(){
  3113.        //     $(this).siblings('.bg').toggleClass('hover');
  3114.        // },function(){
  3115.        //     $(this).siblings('.bg').toggleClass('hover');
  3116.        // })
  3117.  
  3118.        // $('#id_tr_pay_type img , #id_tr_freight img').click(function(){
  3119.        //     setTimeout(function(){animation_init(scrollTop,winH)},1000);
  3120.        //     console.log('click');
  3121.        // })
  3122.    })
  3123.    
  3124. </script>
  3125.  
  3126. <script type="module">
  3127.  
  3128.    /**
  3129.     * 指定callback class增加act
  3130.     */
  3131.    const animation_scroll_callback = (entries, owner) => {
  3132.        entries.forEach((entry)=>{
  3133.            const target = entry.target;
  3134.  
  3135.            if(entry.isIntersecting){
  3136.  
  3137.                target.classList.add("act");
  3138.  
  3139.            }else {
  3140.  
  3141.                // target.classList.remove("act");
  3142.                // target.classList.add("be");
  3143.                
  3144.            }
  3145.        })
  3146.    }
  3147.    
  3148.    /**
  3149.     * 監聽指定物件是否進入視窗口
  3150.     */
  3151.    const observer = new IntersectionObserver(animation_scroll_callback);
  3152.  
  3153.    const animation_scroll = document.querySelectorAll(".animation_scroll");
  3154.    if(animation_scroll.length > 0 ){
  3155.        animation_scroll.forEach((item) => {
  3156.            observer.observe(item);
  3157.        })
  3158.    }
  3159.  
  3160.  
  3161.  
  3162. </script>
  3163. <script type="application/ld+json" async>{"@context":"http:\/\/schema.org","@type":"Organization","legalName":"STIGA\u53f0\u7063\u7e3d\u4ee3\u7406","url":"https:\/\/www.stiga.com.tw","logo":"https:\/\/pic.vcp.tw\/upload\/stiga\/website_info\/pic_logo_1.jpeg?1672399823","email":"","telephone":"0222436346","address":{"@type":"PostalAddress","postalCode":"235","streetAddress":"\u65b0\u5317\u5e02\u4e2d\u548c\u5340\u4e2d\u5c71\u8def\u4e8c\u6bb5362-2\u865f2\u6a13"},"contactPoint":{"@type":"ContactPoint","telephone":"+886-2-2243-6346","contactType":"customer service","availableLanguage":"tw","areaServed":"tw"}}</script><script type="application/ld+json" async>{"@context":"http:\/\/schema.org","@type":"Website","name":"STIGA | \u745e\u5178\u570b\u969b\u4e52\u4e53\u7403\u53f0\u7063\u4ee3\u7406\u5546","alternateName":"STIGA","url":"https:\/\/www.stiga.com.tw","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.stiga.com.tw\/product_search.php?product_keyword={search_term_string}","query-input":"required name=search_term_string"}}</script>
  3164. </head>
  3165. <body id="id_pc_body" >
  3166. <div id="id_layer_alert_bg" style="width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2000;display:none;"></div>
  3167. <div id="id_layer_alert_box" style="width:100%;height:100%;position:fixed;top:120px;left:0px;z-index:2002;border:0px solid #FF0000;display:none;">
  3168. <table width="400" border="0" cellpadding="4" cellspacing="8" align="center" style="border-radius:4px;background-color:#CCCCCC;overflow: hidden;box-shadow: 1px 1px 2px 2px #666;">
  3169. <tr>
  3170. <td class="ds_main_bg_color ds_main_text_color" style="color: #666666;font-weight:bold;text-align:left;display: flex;align-items: center;flex-direction: row;padding:6px;">
  3171. <span id="id_layer_alert_icon" style="color: #FFFFFF;font-size: 14px;background-color: #019bdb;border-radius: 30px;padding: 2px 10px;margin-right: 5px;">!</span>提示訊息 </td>
  3172. </tr>
  3173. <tr>
  3174. <td style="background-color:#FFFFFF;padding-top:20px;">
  3175. <table width="100%" border="0" cellpadding="0" cellspacing="0">
  3176. <tr>
  3177. <td style="text-align:left;vertical-align:top;padding:8px 10px;"><span id="id_layer_alert_info" style="line-height:30px;"></span></td>
  3178. </tr>
  3179. <tr>
  3180. <td style="text-align:center;padding:15px 0px;"><div style="text-align:center;padding:10px;cursor:pointer;" id="id_layer_alert_onclick" onclick="close_layer_alert()"><span class="ds_main_bg_color ds_main_text_color" style="padding:5px 10px;color:#666666;border:1px solid #CCCCCC;background-color:#EEEEEE;">OK</span></div></td>
  3181. </tr>
  3182. </table>
  3183. </td>
  3184. </tr>
  3185. </table>
  3186. </div>
  3187.  
  3188. <div id="id_layer_msg_bg" style="width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2000;background-color:#000000;filter:alpa(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);display:none;"></div>
  3189. <div id="id_layer_msg_box" class="layer_msg_outside" style="display:none;">
  3190. <table border="0" cellpadding="0" cellspacing="4" align="center" class="layer_msg_inside" style="">
  3191. <tr>
  3192. <td id="id_layer_msg_close" class="layer_msg_close" style="" onclick="close_layer_msg()"><i class="fa fa-times-circle" style="color:#666666;font-weight:bold;padding:5px;font-size:25px;"></i></td>
  3193. </tr>
  3194. <tr>
  3195. <td>
  3196. <div id="id_layer_msg_info" class="layer_msg_info" style=""></div>
  3197. </td>
  3198. </tr>
  3199. <tr>
  3200. <td style="min-height:25px"></td>
  3201. </tr>
  3202. </table>
  3203. </div>
  3204. <div id="id_layer_fullscreen_bg" style="width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:3000;background-color:#000000;filter:alpa(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);display:none;"></div>
  3205. <div id="id_layer_fullscreen_box" style="width:100%;height:100%;position:fixed;top:0%;left:0px;z-index:3001;border:0px solid #FF0000;display:none;">
  3206. <table border="0" cellpadding="0" cellspacing="4" align="center" style="width:100%;height:100%;border:0px solid #CCCCCC;border-radius:10px;">
  3207. <tr>
  3208. <td>
  3209. <div class="clear">
  3210. <div style="float:left;width:40%;text-align:left;color:#FFFFFF;"><span style="padding-left:20px;font-size:80%;color:#CCCCCC;" id="id_layer_fullscreen_caption"></span></div>
  3211. <div style="float:right;width:40%;text-align:right;" id="id_layer_fullscreen_close" onclick="close_layer_fullscreen()"><i class="fa fa-times-circle" style="color:#FFFFFF;font-weight:bold;padding-right:20px;font-size:25px;"></i></div>
  3212. </div>
  3213. </td>
  3214. </tr>
  3215. <tr>
  3216. <td>
  3217. <div id="id_layer_fullscreen_info" style="margin:0px auto;width:98%;height:-50px;overflow-x:hidden;overflow-y:hidden;border:0px solid #FFFFFF;"></div>
  3218. </td>
  3219. </tr>
  3220. </table>
  3221. </div>
  3222.  
  3223. <div id="id_popup_customSize">
  3224. <div class="popup_mask"></div>
  3225. <div class="popup_box">
  3226. <div class="popup_close" onclick="close_popup_customSize()">X</div>
  3227. <div class="popup_info"><div class="popup_test"></div></div>
  3228. </div>
  3229. </div>
  3230.  
  3231. <div id="id_popup_customSize_cookie" style="display:none">
  3232. <div class="popup_box">
  3233. <div class="popup_info"><div class="popup_test"></div></div>
  3234. </div>
  3235. </div>
  3236.  
  3237.  
  3238. <div class="popup_standard_select_wrap _div_layer"></div>
  3239.  
  3240. <div id="id_layer_loading_bg" style="width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2000;background-color:#EFEFEF;filter:alpa(opacity=80);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;display:none;"></div>
  3241. <div id="id_layer_loading_box" style="width:100%;position:fixed;top:30%;left:0px;z-index:2001;font-size:90%;text-align:center;border:0px solid #FF0000;display:none;background-color:transparent;">
  3242. <!-- <i class="fa fa-spinner"></i>&nbsp;&nbsp;&nbsp; Please Wait ... -->
  3243. <img src="https://cdn.matrixec.com/fs/all/LINE_spinner_light.svg" alt="">
  3244. </div>
  3245.  
  3246. <!-- <div>這是新版alert</div> -->
  3247. <!-- Facebook SDK -->
  3248.  
  3249. <!-- LIFF -->
  3250.  
  3251.    <script charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
  3252.    <script>
  3253.        $(function() {
  3254.  
  3255.            if (typeof liff !== undefined) {
  3256.  
  3257.                console.log('LIFF START');
  3258.  
  3259.                liff_main();
  3260.            }
  3261.        })
  3262.  
  3263.        function liff_main() {
  3264.  
  3265.            if (!(!liff.isInClient() && navigator.userAgent.match("Android"))) { // Android 外部瀏覽器 不顯示遮罩
  3266.  
  3267.                if (!liff.isInClient()) show_layer_loading();
  3268.            }
  3269.  
  3270.            liff
  3271.                .init({
  3272.                    liffId: '1657662956-ljewX6qm'
  3273.                })
  3274.                .then(() => {
  3275.  
  3276.                    close_layer_loading();
  3277.  
  3278.                    console.log('LIFF INIT SUCCESS : ' + liff.id);
  3279.  
  3280.                    const website_ec_type = '';
  3281.                    const web_host_url = 'https://www.stiga.com.tw';
  3282.                    const m2_member_sn = '';
  3283.                    const member_sn = '';
  3284.                    const login_error_session = '';
  3285.  
  3286.  
  3287.                    // liff url v1 網址轉導處理
  3288.                    let this_location_url = new URL(location);
  3289.  
  3290.                    const v1_redirect = this_location_url.searchParams.get('v1_redirect'); // /member_referrer?a=1&b=2&action=share
  3291.                    const liff_action = this_location_url.searchParams.get('liff_action'); // 實際轉跳後的行為
  3292.                    const utm_source = this_location_url.searchParams.get('utm_source');
  3293.                    const need_login = this_location_url.searchParams.get('need_login');
  3294.                    const login_error = this_location_url.searchParams.get('login_error');
  3295.                    const pre_shoppingcar_member_sn = this_location_url.searchParams.get('pre_shoppingcar_member_sn');
  3296.  
  3297.                    console.log('LIFF URL : https://liff.line.me/' + liff.id + this_location_url.pathname + this_location_url.search + this_location_url.hash);
  3298.  
  3299.                    if (typeof v1_redirect === 'string') { // 透過v1 liff 強制開啟 liff
  3300.  
  3301.                        show_layer_loading();
  3302.  
  3303.                        window.location.href = v1_redirect;
  3304.  
  3305.                    } else {
  3306.  
  3307.                        // LINE POINTS 轉跳強制登入
  3308.                        if (!liff.isInClient()) {
  3309.  
  3310.                            console.log('LIFF IN EXTERNAL');
  3311.  
  3312.                            if (!liff.isLoggedIn()) {
  3313.  
  3314.                                if (location.pathname == '/line_shopping_redirect.php') {
  3315.  
  3316.                                    liff.login({
  3317.                                        redirectUri: location.href
  3318.                                    });
  3319.  
  3320.                                } else {
  3321.  
  3322.                                    close_layer_loading();
  3323.                                }
  3324.                            }
  3325.                        }
  3326.  
  3327.                        // LINE購物 and LINE直播 導流的使用者
  3328.                        if (typeof utm_source === 'string' && utm_source == 'lineoa') {
  3329.  
  3330.                            if (!liff.isLoggedIn()) liff_login();
  3331.                        }
  3332.  
  3333.                        if (liff.isLoggedIn()) {
  3334.  
  3335.                            console.log("LIFF IS LOGGEDIN");
  3336.                            const AccessToken = liff.getAccessToken();  //  登入後才能取得token
  3337.  
  3338.                            liff.getProfile()
  3339.                                .then(function(profile) {
  3340.  
  3341.                                    var line_uuid = '';
  3342.                                    var agent_shopping = '';
  3343.  
  3344.                                    if ((agent_shopping || (member_sn > 0 && line_uuid != '' && (pre_shoppingcar_member_sn == null || pre_shoppingcar_member_sn == ''))) && !need_login) {
  3345.  
  3346.                                        // alert("登入中");
  3347.                                        close_layer_loading();
  3348.  
  3349.                                    } else {
  3350.  
  3351.                                        show_layer_loading();
  3352.  
  3353.                                        var user = liff.getDecodedIDToken();
  3354.                                        var location_path = web_host_url + '/social_user_login.php';
  3355.                                        var social_login_state = '487c3e4f610d4780e2ab21ada5d1004b'; // 從 PHP 取得通用的 state token
  3356.  
  3357.                                        location_path += "?social_website=line";
  3358.                                        location_path += "&social_user_id=" + profile.userId;
  3359.                                        location_path += "&name=" + profile.displayName;
  3360.                                        if (user !== null) location_path += "&email=" + user.email;
  3361.                                        location_path += "&photo=" + profile.pictureUrl;
  3362.                                        location_path += "&social_login_state=" + social_login_state; // 加入通用的 state token
  3363.                                        if (AccessToken !== null) location_path += "&access_token=" + AccessToken; // 服務型訊息使用的token
  3364.  
  3365.                                        if (typeof pre_shoppingcar_member_sn === 'string' && pre_shoppingcar_member_sn != '') location_path += "&pre_shoppingcar_member_sn=" + pre_shoppingcar_member_sn;
  3366.  
  3367.                                        if (member_sn > 0 && line_uuid != '' && line_uuid != profile.userId) {
  3368.                                            alert("與登入中使用者資料不符，請確認LINE帳號是否相符");
  3369.                                            close_layer_loading();
  3370.                                            return;
  3371.                                        }
  3372.  
  3373.                                        if (login_error_session == 'block' || login_error == 'block') {
  3374.  
  3375.                                            if (!liff.isInClient()) liff.logout();
  3376.  
  3377.                                            close_layer_loading();
  3378.  
  3379.                                        } else {
  3380.  
  3381.                                            window.location = location_path;
  3382.                                        }
  3383.  
  3384.                                        return;
  3385.                                    }
  3386.  
  3387.                                    if (typeof liff_action === 'string') { // 轉跳到對應頁面判斷是否有行為
  3388.  
  3389.                                        switch (liff_action) {
  3390.  
  3391.                                            case "share": // 分享
  3392.  
  3393.                                                if (this_location_url.pathname.substr(0, 7) != "/share/") { // share 這頁是專門用來分享的頁面，不需要這個參數
  3394.  
  3395.                                                    share_with_friend();
  3396.                                                }
  3397.                                                break;
  3398.                                            case "share_fb":
  3399.  
  3400.                                                if (document.getElementById('fbShareBtn')) {
  3401.                                                    FB.ui({
  3402.                                                        display: 'popup',
  3403.                                                        method: 'share',
  3404.                                                        href: 'https://liff.line.me/1657662956-ljewX6qm/index.php?utm_source=m2&utm_medium=guest',
  3405.                                                    }, function(response) {});
  3406.                                                }
  3407.  
  3408.                                                break;
  3409.                                            case "open_with_liff": // 強制開啟LIFF
  3410.  
  3411.                                                if (!liff.isInClient()) open_with_liff();
  3412.  
  3413.                                                break;
  3414.                                            case "to_shopping_car":
  3415.  
  3416.                                                if (this_location_url.pathname.indexOf('shopping_car') == "-1") window.location = "/shopping_car.php";
  3417.  
  3418.                                                break;
  3419.                                            case "to_get_ecid":
  3420.  
  3421.                                                to_get_ecid();
  3422.  
  3423.                                                break;
  3424.                                            case "scan_code":
  3425.  
  3426.                                                liff.scanCodeV2()
  3427.                                                    .then((result) => {
  3428.                                                        console.log(result)
  3429.                                                        scan_response.value = result.value;
  3430.                                                    })
  3431.                                                    .catch((error) => {
  3432.                                                        Swal.fire({
  3433.                                                            title: '錯誤',
  3434.                                                            icon: 'error',
  3435.                                                            text: "無法開啟掃描器，請重新登入後再嘗試一次。" + error,
  3436.                                                            showDenyButton: false,
  3437.                                                            confirmButtonText: '確定',
  3438.                                                        });
  3439.                                                        console.log(error);
  3440.                                                    });
  3441.                                                break;
  3442.                                            default:
  3443.                                                break;
  3444.                                        }
  3445.                                    }
  3446.  
  3447.                                }).catch(function(error) {
  3448.  
  3449.                                    // alert('get profile error: '+ error);
  3450.                                    // liff.login();
  3451.                                    close_layer_loading();
  3452.                                });
  3453.                        }
  3454.                    }
  3455.                })
  3456.                .catch((err) => {
  3457.  
  3458.                    console.log('LIFF ERROR :', err.code, err.message);
  3459.  
  3460.                    var err_msg = err.code + ' ' + err.message;
  3461.  
  3462.                    if (false) {
  3463.  
  3464.                        $.ajax({
  3465.  
  3466.                            url: 'ajax_website_module_api.php',
  3467.                            method: 'POST',
  3468.                            data: {
  3469.                                module_type: 'line_notify',
  3470.                                title: 'LIFF初始化失敗',
  3471.                                msg: err_msg,
  3472.                                param: {
  3473.                                    'code': err.code,
  3474.                                    'message': err.message,
  3475.                                    'getOS': liff.getOS(),
  3476.                                    'isInClient': liff.isInClient(),
  3477.                                    'location': window.location.href,
  3478.                                    'agent': navigator.userAgent
  3479.                                }
  3480.                            },
  3481.                            success: function(res) {},
  3482.                            error: function(err) {}
  3483.                        });
  3484.                    }
  3485.  
  3486.                    close_layer_loading();
  3487.                });
  3488.        }
  3489.  
  3490.        // 還沒用
  3491.        function liff_init() { // new
  3492.  
  3493.            const member_sn = '';
  3494.  
  3495.            liff
  3496.                .init({
  3497.                    liffId: '1657662956-ljewX6qm'
  3498.                })
  3499.                .then(() => {
  3500.  
  3501.                    // alert("init success");
  3502.  
  3503.                    if (liff.isLoggedIn()) {
  3504.  
  3505.                        if (!member_sn) { // 尚未登入
  3506.  
  3507.                            let id_token = liff.getIDToken();
  3508.  
  3509.                            // alert('login');
  3510.  
  3511.                            $.ajax({
  3512.  
  3513.                                url: 'ajax_member_module_api.php',
  3514.                                method: 'POST',
  3515.                                data: {
  3516.                                    module_type: 'background_login',
  3517.                                    id_token: id_token
  3518.                                },
  3519.                                success: function(res) {
  3520.  
  3521.                                    console.log('id_token_res', res);
  3522.                                },
  3523.                                error: function(err) {
  3524.  
  3525.                                    console.log('id_token_err', err);
  3526.                                },
  3527.                                complete: function() {
  3528.  
  3529.                                    // alert('login finish');
  3530.                                }
  3531.  
  3532.                            });
  3533.                        }
  3534.                    }
  3535.                })
  3536.                .catch((err) => {
  3537.  
  3538.                    console.log('LIFF ERROR :', err.code, err.message);
  3539.                });
  3540.  
  3541.        }
  3542.        
  3543.        // 還沒用
  3544.        function background_login() {
  3545.  
  3546.            $.ajax({
  3547.  
  3548.                url: 'ajax_member_module_api.php',
  3549.                method: 'GET',
  3550.                data: {
  3551.                    module_type: ''
  3552.                },
  3553.                success: function(res) {
  3554.                    $(".order_history .data_list").html(res);
  3555.                },
  3556.                error: function(err) {
  3557.                    console.log(err)
  3558.                },
  3559.                complete: function() {
  3560.  
  3561.                }
  3562.            });
  3563.        }
  3564.  
  3565.        function check_ecid(this_member_sn, times) {
  3566.  
  3567.            var check_status = false;
  3568.  
  3569.            console.log('check ecid start', times);
  3570.  
  3571.            if (times == 0) {
  3572.  
  3573.                if (liff.isInClient()) liff.closeWindow();
  3574.                return false;
  3575.            }
  3576.  
  3577.            times--;
  3578.  
  3579.            $.ajax({
  3580.  
  3581.                url: "./api_liff.php",
  3582.                method: 'GET',
  3583.                data: {
  3584.                    mode: 'check_ecid',
  3585.                    member_sn: this_member_sn
  3586.                },
  3587.                success: function(res) {
  3588.  
  3589.                    if (res == "true") {
  3590.  
  3591.                        if (liff.isInClient()) liff.closeWindow();
  3592.  
  3593.                    } else {
  3594.  
  3595.                        console.log('check ecid start false', times);
  3596.                        setTimeout(() => {
  3597.                            check_ecid(this_member_sn, times);
  3598.                        }, 1000);
  3599.                    }
  3600.                },
  3601.                error: function(err) {
  3602.  
  3603.                    console.log('check_err', err)
  3604.                },
  3605.                complete: function() {
  3606.  
  3607.                }
  3608.            });
  3609.        }
  3610.    </script>
  3611.    
  3612.  
  3613. <!-- line tag -->
  3614. <!-- LINE Tag Base Code -->
  3615. <!-- Do Not Modify -->
  3616. <script>
  3617. (function(g,d,o){
  3618. g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
  3619. var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
  3620. var s=d.createElement('script');s.async=1;
  3621. s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
  3622. var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
  3623. })(window, document);
  3624. _lt('init', {
  3625. customerType: 'account',
  3626. tagId: '6762c9ef-1078-4543-b5ad-26ef3d2a663a'
  3627. });
  3628. _lt('send', 'pv', ['6762c9ef-1078-4543-b5ad-26ef3d2a663a']);
  3629. </script>
  3630. <noscript>
  3631. <img height="1" width="1" style="display:none"
  3632. src="https://tr.line.me/tag.gif?c_t=lap&t_id=6762c9ef-1078-4543-b5ad-26ef3d2a663a&e=pv&noscript=1" />
  3633. </noscript>
  3634. <!-- End LINE Tag Base Code -->
  3635.  
  3636. <!-- likr 禾多 -->
  3637.  
  3638. <div id="id_body" class="div_body page_index ds_bg_color">
  3639.  
  3640. <div id="fancy-popup" style="display: none;">
  3641. 此網址不支援彈跳視窗，請改用其他方式
  3642. </div>
  3643.  
  3644.        <!-- <div style="position: absolute; color: transparent;pointer-events:none;"><h1>STIGA | 瑞典國際乒乓球台灣代理商</h1></div> -->
  3645.        <header id="id_master_menu_v1" class="_v1 refactor has_master_vision">
  3646.                <nav id="nav_container" class="   _size">
  3647.            <div class="inside">
  3648.                                        <div class="ms_menu_bg_fixed scroll_to_fixed ds_nav_bg_color ds_nav_text_color" id="id_ms_menu_bg"></div>
  3649.                        <div class="ms_menu_bg master_vision_index"></div>
  3650.                        
  3651.                <div id="id_master_menu" class="">
  3652.                    
  3653.                    <div id="id_master_menu_website_logo" class="master_vision_index">
  3654.  
  3655.                        <a href="https://www.stiga.com.tw"><img src="https://pic.vcp.tw/upload/stiga/website_info/pic_logo_1.jpeg?1672399823" alt="STIGA | 瑞典國際乒乓球台灣代理商"></a>
  3656.  
  3657.                                            </div>
  3658.                    <div id="id_master_menu_website_content_top_left" class="master_vision_index">
  3659.                                            </div>
  3660.  
  3661.                    <div id="id_master_menu_website_content_top_right" class="master_vision_index no_website_content_top_left"  >
  3662.                                            </div>
  3663.                    
  3664.                    
  3665.                        <div id="id_master_menu_website_tool" class="master_vision_index no_website_content_top_left ds_nav_text_color">
  3666.  
  3667.                                                            <div class="cursor master_menu_member" onclick="to_show_member_login_layer()">
  3668.                                    <i class="fas fa-user-plus"></i>
  3669.                                </div>
  3670.                            
  3671.                            <div id="id_bag_inside_text" class="cursor bag_inside_text"  onclick="to_shopping_car()" onmouseover="to_show_top_shopping_car_list('id_bag_inside_text','open')" onmouseout="to_show_top_shopping_car_list('id_bag_inside_text','hidden')"><i class="fas fa-cart-arrow-down"></i> (<span id="id_top_shopping_car_amount"></span>)</div>
  3672.                            
  3673.                            <div class="cursor master_menu_search" onclick="to_show_search_layer('')"><i class="fas fa-search"></i></div>
  3674.                        </div>
  3675.  
  3676.                        <div id="id_top_shopping_car_list" class="top_shopping_car_list" onmouseover="to_slideOver('id_top_shopping_car_list')" onmouseout="to_slideOut('id_top_shopping_car_list')" style="z-index:999"></div>
  3677.  
  3678.                        <script language="javascript">
  3679.                            to_show_top_shopping_car('1');
  3680.                            to_show_top_shopping_car_list("id_bag_inside_text","onscroll");
  3681.                        </script>
  3682.                                        
  3683. <script>
  3684.    $(document).ready(function(){
  3685.        
  3686.        var main_data=0, catarogy_1 = 0, catarogy_2 = 0;
  3687.  
  3688.        $('#id_master_menu_catalog_icon').click(function(){
  3689.            $('#id_master_catalog_collapse_wrap').css('left','0');
  3690.            $('#id_master_catalog_collapse_mask, #id_master_catalog_collapse_close').fadeIn(300);
  3691.        });
  3692.  
  3693.        $('#id_master_catalog_collapse_close,#id_master_catalog_collapse_mask').click(function(){
  3694.            $('#id_master_catalog_collapse_wrap').css('left','-30%');
  3695.            $('.ms_category_1').removeClass('act').children('.ms_category_item').removeClass('open');
  3696.            main_data=0, catarogy_1 = 0, catarogy_2 = 0;
  3697.            $('#id_master_catalog_collapse_mask, #id_master_catalog_collapse_close').fadeOut(300);
  3698.        });
  3699.  
  3700.        $(".collapse .ms_main_menu dd").hover(function(){
  3701.            //觸發文字
  3702.            $(this).find('.name_standard').css('opacity',0);
  3703.            $(this).find('.name_hover').css('opacity',1);
  3704.  
  3705.            //子選單
  3706.            if(main_data != $(this).attr('data')){
  3707.                $('.ms_main_menu dd').removeClass('hover');
  3708.                $(this).addClass('hover');
  3709.  
  3710.                if($(this).hasClass('has_sub')){
  3711.                    $('.ms_category_1').addClass('act');
  3712.                }else {
  3713.                    $('.ms_category_1').removeClass('act');
  3714.                }
  3715.                
  3716.                $('.ms_category_1 .ms_category_item').removeClass('open');
  3717.                main_data = $(this).attr('data');
  3718.                //console.log(main_data);
  3719.                setTimeout(function(){
  3720.                    $('.ms_category_1 .ms_category_item[data='+main_data+']').addClass('open');
  3721.                }, 0);
  3722.            }
  3723.        },function(){
  3724.            $(this).find('.name_standard').css('opacity',1);
  3725.            $(this).find('.name_hover').css('opacity',0);
  3726.        });
  3727.  
  3728.        $(".collapse .ms_catagory_1 dd").hover(function(){
  3729.            if(catarogy_1 != $(this).attr('data')){
  3730.                $('.ms_catagory_1 dd').removeClass('hover');
  3731.                $(this).addClass('hover');
  3732.                $('.ms_catagory_3').removeClass('act').children('dl').removeClass('open');
  3733.                $('.ms_catagory_2').addClass('act');
  3734.                $('.ms_catagory_2 dl').removeClass('open');
  3735.                catarogy_1 = $(this).attr('data');
  3736.  
  3737.                setTimeout(function(){
  3738.                    $('.ms_catagory_2 dl[data='+catarogy_1+']').addClass('open');
  3739.                }, 0);
  3740.            }
  3741.        });
  3742.  
  3743.        // $(".collapse .ms_catagory_2 dd").hover(function(){
  3744.        //     if(catarogy_2 != $(this).attr('data')){
  3745.        //         $('.ms_catagory_2 dd').removeClass('hover');
  3746.        //         $(this).addClass('hover');
  3747.        //         $('.ms_catagory_3').addClass('act');
  3748.        //         $('.ms_catagory_3 dl').removeClass('open');
  3749.        //         catarogy_2 = $(this).attr('data');
  3750.  
  3751.        //         setTimeout(function(){
  3752.        //             $('.ms_catagory_3 dl[data='+catarogy_2+']').addClass('open');
  3753.        //         }, 0);
  3754.        //     }
  3755.        // });
  3756.  
  3757.        // $(".collapse .ms_catagory_3 dd").hover(function(){
  3758.        //     $(this).addClass('hover');
  3759.        // },function(){
  3760.        //     $(this).removeClass('hover');
  3761.        // });
  3762.  
  3763.        var winX = $(window).width();
  3764.  
  3765.        // $(".expand .ms_main_menu li").hover(function(){
  3766.            
  3767.        //     if(main_data!=$(this).attr('data')){
  3768.  
  3769.        //         $(".expand .ms_main_menu li").removeClass('hover');
  3770.  
  3771.        //         $(this).addClass('hover');
  3772.  
  3773.        //         this_y = winX*0.5/100;
  3774.        //         this_x = $(this).offset().left - winX*2/100;
  3775.        //         this_arrow_x = $(this).width()/2 + winX*2/100;
  3776.  
  3777.        //         if( this_x > winX/2 ){
  3778.        //             this_x = this_x + $(this).width() - $('.expand .ms_catagory_1 >div[data='+$(this).attr('data')+']').outerWidth() + winX*4/100;
  3779.        //             this_arrow_x = $('.expand .ms_catagory_1 >div[data='+$(this).attr('data')+']').outerWidth() - winX*2/100 - $(this).width()/2;
  3780.        //         }
  3781.  
  3782.        //         $('.expand .ms_catagory_1 .ms_catagory_item').hide();
  3783.        //         $('.expand .ms_catagory_1 .ms_catagory_item[data='+$(this).attr('data')+'] .arrow').css('left',this_arrow_x);
  3784.        //         $('.expand .ms_catagory_1 .ms_catagory_item[data='+$(this).attr('data')+']').css({'top':this_y,'left':this_x}).fadeIn(200);
  3785.        //     }
  3786.  
  3787.        //     main_data = $(this).attr('data');
  3788.        // });
  3789.  
  3790.        $(".expand .ms_main_menu>li").hover(function(){
  3791.            $(this).find('.name_standard').css('opacity',0);
  3792.            $(this).find('.name_hover').css('opacity',1);
  3793.  
  3794.            this_offset_side = ($(this).offset().left < winX/2)? $(this).offset().left : winX-$(this).offset().left-$(this).width();
  3795.            this_x = 0;
  3796.            this_arrow_x = $(this).width()/2;
  3797.  
  3798.            this_submenu_width = $(this).children('.ms_catagory_item').width();
  3799.  
  3800.            if( this_offset_side + this_submenu_width > winX*0.8 ){
  3801.                
  3802.                this_x =  (winX - this_submenu_width)/2 - $(this).offset().left;
  3803.                this_arrow_x = this_arrow_x - this_x;
  3804.  
  3805.            }else if( $(this).offset().left > winX/2 ) {
  3806.  
  3807.                this_x = this_x - this_submenu_width + $(this).width();
  3808.                this_arrow_x = this_submenu_width - this_arrow_x;
  3809.  
  3810.            };
  3811.  
  3812.            if( this_submenu_width > winX/2 ){
  3813.  
  3814.                this_x = this_x/2;
  3815.                this_arrow_x = this_arrow_x + this_x;
  3816.  
  3817.            };
  3818.            
  3819.            // 如超出視窗右方 推回超出的數值
  3820.            if ( this_submenu_width + this_x - $(this).width() - this_offset_side > 0 &&
  3821.                 $(this).offset().left > winX/2 ) {
  3822.                
  3823.                var over_side = ( this_submenu_width + this_x - $(this).width() - this_offset_side ) ;
  3824.            
  3825.                this_x = this_x - over_side * 1.1 ;
  3826.                this_arrow_x = this_arrow_x + over_side * 1.1 ;
  3827.            };
  3828.  
  3829.  
  3830.            $(this).find('.arrow').css('left',this_arrow_x);
  3831.            $(this).children('.ms_catagory_item').css('left',this_x);
  3832.            $(this).children('.ms_catagory_item').stop().fadeIn(400);
  3833.  
  3834.        },function(){
  3835.            $(this).find('.name_standard').css('opacity',1);
  3836.            $(this).find('.name_hover').css('opacity',0);
  3837.            $(this).children('.ms_catagory_item').stop().fadeOut(200);
  3838.        });
  3839.  
  3840.        $(".master_menu_member").hover(function(){
  3841.            $("#id_member_center_list").stop().slideDown(200);
  3842.        },function(){
  3843.            $("#id_member_center_list").stop().slideUp(200);
  3844.        })
  3845.  
  3846.        $(window).scroll(function(){
  3847.            $('.expand .ms_catagory_1 .ms_catagory_item').fadeOut(300);
  3848.            main_data = 0;
  3849.  
  3850.            if(scrollTop>100){
  3851.  
  3852.                $('#id_master_menu_website_content_top_left,#id_master_menu_website_content_top_right,#id_master_menu_website_tool, .website_nav').addClass('scroll');
  3853.                //$('#id_master_menu_website_logo').fadeOut(300);
  3854.  
  3855.                if($('.ms_menu_bg_fixed').hasClass('scroll_to_collapse')){//有主視覺
  3856.  
  3857.                    $('#id_master_menu_website_logo,#id_master_menu_catalog_icon').addClass('scroll');
  3858.                    
  3859.                    //$('#id_master_menu_catalog_icon').fadeIn(300);
  3860.                    
  3861.                    if($('#id_master_catalog_expand_wrap .stage>li').hasClass('show')){
  3862.                        menu_counts = $('#id_master_catalog_expand_wrap .stage>li:last-child').index();
  3863.                        $('#id_master_catalog_expand_wrap .stage>li').each(function(){
  3864.                            this_index = $(this).index()+1;
  3865.                            $(this).css('transition-delay',0.1+(menu_counts-this_index)*0.05+'s').removeClass('show');
  3866.                        });
  3867.                    }
  3868.  
  3869.                }else{
  3870.                    $('#id_master_menu_website_logo,#id_master_menu_catalog_logo,#id_master_catalog_expand_wrap,.ms_menu_bg_fixed').addClass('scroll');
  3871.                }
  3872.                
  3873.                //$('#id_master_catalog_expand_wrap .stage>li').removeClass('show');
  3874.            }else if(scrollTop == 0){
  3875.  
  3876.                $('#id_master_menu_website_content_top_left,#id_master_menu_website_content_top_right,#id_master_menu_website_tool, .website_nav').removeClass('scroll');
  3877.  
  3878.                //$('#id_master_menu_website_logo').fadeIn(300);
  3879.                
  3880.                if($('.ms_menu_bg_fixed').hasClass('scroll_to_collapse')){
  3881.  
  3882.                    $('#id_master_menu_website_logo,#id_master_menu_catalog_icon').removeClass('scroll');
  3883.                    
  3884.                    //$('#id_master_menu_catalog_icon').fadeOut(300);
  3885.                    
  3886.                    if(!$('#id_master_catalog_expand_wrap .stage>li').hasClass('show')){
  3887.                        $('#id_master_catalog_expand_wrap .stage>li').each(function(){
  3888.                            this_index = $(this).index()+1;
  3889.                            $(this).css('transition-delay',0.1+this_index*0.05+'s').addClass('show');
  3890.                        });
  3891.                    }
  3892.  
  3893.                }else{
  3894.                    $('#id_master_menu_website_logo,#id_master_menu_catalog_logo,#id_master_catalog_expand_wrap,.ms_menu_bg_fixed').removeClass('scroll');
  3895.                }
  3896.                //$('#id_master_catalog_expand_wrap .stage>li').addClass('show');
  3897.            }
  3898.        });
  3899.  
  3900.        $(document).ready(function(){
  3901.            $('#id_master_catalog_expand_wrap .stage>li').each(function(){
  3902.                this_index = $(this).index()+1;
  3903.                $(this).css('transition-delay',0.5+this_index*0.1+'s').addClass('show');
  3904.  
  3905.                
  3906.            });
  3907.  
  3908.            setTimeout(function() {
  3909.                $('#id_master_catalog_expand_wrap .stage>li').each(function(){
  3910.                    this_index = $(this).index()+1;
  3911.                    $(this).css('transition-delay',0.1+this_index*0.05+'s');
  3912.                });
  3913.            }, 1000);
  3914.        })
  3915.  
  3916.    });
  3917. </script>
  3918.  
  3919.  
  3920.  
  3921. <div id="id_master_catalog_expand_wrap" class="expand master_vision_index no_website_content_top_left scroll_to_fixed">
  3922.  
  3923.    <ul class="stage ms_main_menu">
  3924.                    
  3925.            <li data='26'
  3926.  
  3927.                        >
  3928.                <a title="" class=" ds_nav_text_color" href="wc-45" target="_self" style="color:;background-color:;">
  3929.                    
  3930.                <span class="name_standard">                                                    關於STIGA                                            </span>    
  3931.                    
  3932.                    
  3933.                    <span class="name_hover">關於STIGA</span>
  3934.                </a>
  3935.  
  3936.                            </li>
  3937.                        
  3938.            <li data='27'
  3939.  
  3940.                        >
  3941.                <a title="" class=" ds_nav_text_color" href="wc-48" target="_self" style="color:;background-color:;">
  3942.                    
  3943.                <span class="name_standard">                                                    六角拍賽博6                                            </span>    
  3944.                    
  3945.                    
  3946.                    <span class="name_hover">Cybershape</span>
  3947.                </a>
  3948.  
  3949.                            </li>
  3950.                        
  3951.            <li data='23'
  3952.  
  3953.                        >
  3954.                <a title="" class=" ds_nav_text_color" href="https://www.stiga.com.tw/product_store?store_type_sn=23" target="_self" style="color:;background-color:;">
  3955.                    
  3956.                <span class="name_standard">                                                    桌球拍                                            </span>    
  3957.                    
  3958.                    
  3959.                    <span class="name_hover">桌球拍</span>
  3960.                </a>
  3961.  
  3962.                                    <div class="ms_catagory_item" data='2'>
  3963.                        <div class="ms_catagory_item_wrap">
  3964.                            
  3965.                            <div class="ms_catagory_item_flex">
  3966.                                <ul class="category_1" >
  3967.                                                                                <li class="ms_catagory_item_list" data='37'
  3968.                                                                                            >
  3969.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=37" target="_self">
  3970.                                                    <div class="icon_nun"></div>
  3971.                                                                                                                    <div class="txt" >六角拍賽博6</div>
  3972.                                                                                                                
  3973.                                              
  3974.                                                    
  3975.  
  3976.                                                </a>
  3977.                                            </li>
  3978.                                                                                    <li class="ms_catagory_item_list" data='41'
  3979.                                                                                            >
  3980.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=41" target="_self">
  3981.                                                    <div class="icon_nun"></div>
  3982.                                                                                                                    <div class="txt" >純力系列</div>
  3983.                                                                                                                
  3984.                                              
  3985.                                                    
  3986.  
  3987.                                                </a>
  3988.                                            </li>
  3989.                                                                                    <li class="ms_catagory_item_list" data='42'
  3990.                                                                                            >
  3991.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=42" target="_self">
  3992.                                                    <div class="icon_nun"></div>
  3993.                                                                                                                    <div class="txt" >湧動混碳系列</div>
  3994.                                                                                                                
  3995.                                              
  3996.                                                    
  3997.  
  3998.                                                </a>
  3999.                                            </li>
  4000.                                                                                    <li class="ms_catagory_item_list" data='14'
  4001.                                                                                            >
  4002.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=14" target="_self">
  4003.                                                    <div class="icon_nun"></div>
  4004.                                                                                                                    <div class="txt" >Defensive系列</div>
  4005.                                                                                                                
  4006.                                              
  4007.                                                    
  4008.  
  4009.                                                </a>
  4010.                                            </li>
  4011.                                                                                    <li class="ms_catagory_item_list" data='15'
  4012.                                                                                            >
  4013.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=15" target="_self">
  4014.                                                    <div class="icon_nun"></div>
  4015.                                                                                                                    <div class="txt" >VPS系列</div>
  4016.                                                                                                                
  4017.                                              
  4018.                                                    
  4019.  
  4020.                                                </a>
  4021.                                            </li>
  4022.                                                                                    <li class="ms_catagory_item_list" data='16'
  4023.                                                                                            >
  4024.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=16" target="_self">
  4025.                                                    <div class="icon_nun"></div>
  4026.                                                                                                                    <div class="txt" >Azalea系列</div>
  4027.                                                                                                                
  4028.                                              
  4029.                                                    
  4030.  
  4031.                                                </a>
  4032.                                            </li>
  4033.                                                                                    <li class="ms_catagory_item_list" data='17'
  4034.                                                                                            >
  4035.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=17" target="_self">
  4036.                                                    <div class="icon_nun"></div>
  4037.                                                                                                                    <div class="txt" >Ebenholz系列</div>
  4038.                                                                                                                
  4039.                                              
  4040.                                                    
  4041.  
  4042.                                                </a>
  4043.                                            </li>
  4044.                                                                                    <li class="ms_catagory_item_list" data='24'
  4045.                                                                                            >
  4046.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=24" target="_self">
  4047.                                                    <div class="icon_nun"></div>
  4048.                                                                                                                    <div class="txt" >Dynasty Carbon系列</div>
  4049.                                                                                                                
  4050.                                              
  4051.                                                    
  4052.  
  4053.                                                </a>
  4054.                                            </li>
  4055.                                                                                    <li class="ms_catagory_item_list" data='26'
  4056.                                                                                            >
  4057.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=26" target="_self">
  4058.                                                    <div class="icon_nun"></div>
  4059.                                                                                                                    <div class="txt" >Clipper系列</div>
  4060.                                                                                                                
  4061.                                              
  4062.                                                    
  4063.  
  4064.                                                </a>
  4065.                                            </li>
  4066.                                                                                    <li class="ms_catagory_item_list" data='13'
  4067.                                                                                            >
  4068.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=13" target="_self">
  4069.                                                    <div class="icon_nun"></div>
  4070.                                                                                                                    <div class="txt" >RoseWood系列</div>
  4071.                                                                                                                
  4072.                                              
  4073.                                                    
  4074.  
  4075.                                                </a>
  4076.                                            </li>
  4077.                                                                                    <li class="ms_catagory_item_list" data='12'
  4078.                                                                                            >
  4079.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=12" target="_self">
  4080.                                                    <div class="icon_nun"></div>
  4081.                                                                                                                    <div class="txt" >Carbanado系列</div>
  4082.                                                                                                                
  4083.                                              
  4084.                                                    
  4085.  
  4086.                                                </a>
  4087.                                            </li>
  4088.                                                                                    <li class="ms_catagory_item_list" data='10'
  4089.                                                                                            >
  4090.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=10" target="_self">
  4091.                                                    <div class="icon_nun"></div>
  4092.                                                                                                                    <div class="txt" >經典系列</div>
  4093.                                                                                                                
  4094.                                              
  4095.                                                    
  4096.  
  4097.                                                </a>
  4098.                                            </li>
  4099.                                                                        </ul>
  4100.  
  4101.                                <div class="dl_wrap">
  4102.  
  4103.                            
  4104.                                                                            <dl>
  4105.                                            <dt class="ms_catagory_item_list"
  4106.                                                                                            >  
  4107.                                
  4108.                        
  4109.  
  4110.                                                
  4111.                                                            <a title="" class="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=31" target="">休閒系列</a>
  4112.                                                        
  4113.                                                                                                        
  4114.                                            
  4115.  
  4116.                                            </dt>
  4117.                                                                                            <dd class="ms_catagory_item_list"
  4118.                                                                                                >
  4119.                                                    <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=35" target="_self">
  4120.                                                        <div class="icon_nun"></div>
  4121.                                                        
  4122.                                                                    <div class="txt" >STIGA 休閒型</div>
  4123.  
  4124.                                                                                                                        
  4125.                                                    </a>
  4126.                                                </dd>
  4127.                                                                                                <dd class="ms_catagory_item_list"
  4128.                                                                                                >
  4129.                                                    <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=34" target="_self">
  4130.                                                        <div class="icon_nun"></div>
  4131.                                                        
  4132.                                                                    <div class="txt" >STIGA 戶外型</div>
  4133.  
  4134.                                                                                                                        
  4135.                                                    </a>
  4136.                                                </dd>
  4137.                                                                                        </dl>
  4138.                                                                    </div>
  4139.  
  4140.                            </div>
  4141.                            
  4142.                            <div class="arrow"></div>
  4143.                        </div>
  4144.                        <!--<div class="arrow"></div>-->
  4145.                    </div>
  4146.                                </li>
  4147.                        
  4148.            <li data='31'
  4149.  
  4150.                        >
  4151.                <a title="" class=" ds_nav_text_color" href="https://www.stiga.com.tw/product_store?store_type_sn=31" target="_self" style="color:;background-color:;">
  4152.                    
  4153.                <span class="name_standard">                                                    桌球檯                                            </span>    
  4154.                    
  4155.                    
  4156.                    <span class="name_hover">TABLE</span>
  4157.                </a>
  4158.  
  4159.                            </li>
  4160.                        
  4161.            <li data='32'
  4162.  
  4163.                        >
  4164.                <a title="" class=" ds_nav_text_color" href="https://www.stiga.com.tw/product_store?store_type_sn=32" target="_self" style="color:;background-color:;">
  4165.                    
  4166.                <span class="name_standard">                                                    球拍膠皮                                            </span>    
  4167.                    
  4168.                    
  4169.                    <span class="name_hover">球拍膠皮</span>
  4170.                </a>
  4171.  
  4172.                            </li>
  4173.                        
  4174.            <li data='33'
  4175.  
  4176.                        >
  4177.                <a title="" class=" ds_nav_text_color" href="https://www.stiga.com.tw/product_store?store_type_sn=33" target="_self" style="color:;background-color:;">
  4178.                    
  4179.                <span class="name_standard">                                                    其他用品配備                                            </span>    
  4180.                    
  4181.                    
  4182.                    <span class="name_hover">其他用品配備</span>
  4183.                </a>
  4184.  
  4185.                                    <div class="ms_catagory_item" data='5'>
  4186.                        <div class="ms_catagory_item_wrap">
  4187.                            
  4188.                            <div class="ms_catagory_item_flex">
  4189.                                <ul class="category_1" >
  4190.                                                                                <li class="ms_catagory_item_list" data='27'
  4191.                                                                                            >
  4192.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=27" target="_self">
  4193.                                                    <div class="icon_nun"></div>
  4194.                                                                                                                    <div class="txt" >桌球</div>
  4195.                                                                                                                
  4196.                                              
  4197.                                                    
  4198.  
  4199.                                                </a>
  4200.                                            </li>
  4201.                                                                                    <li class="ms_catagory_item_list" data='19'
  4202.                                                                                            >
  4203.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=19" target="_self">
  4204.                                                    <div class="icon_nun"></div>
  4205.                                                                                                                    <div class="txt" >拍袋＆背包</div>
  4206.                                                                                                                
  4207.                                              
  4208.                                                    
  4209.  
  4210.                                                </a>
  4211.                                            </li>
  4212.                                                                                    <li class="ms_catagory_item_list" data='20'
  4213.                                                                                            >
  4214.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=20" target="_self">
  4215.                                                    <div class="icon_nun"></div>
  4216.                                                                                                                    <div class="txt" >桌球鞋</div>
  4217.                                                                                                                
  4218.                                              
  4219.                                                    
  4220.  
  4221.                                                </a>
  4222.                                            </li>
  4223.                                                                                    <li class="ms_catagory_item_list" data='36'
  4224.                                                                                            >
  4225.                                                <a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=36" target="_self">
  4226.                                                    <div class="icon_nun"></div>
  4227.                                                                                                                    <div class="txt" >配件</div>
  4228.                                                                                                                
  4229.                                              
  4230.                                                    
  4231.  
  4232.                                                </a>
  4233.                                            </li>
  4234.                                                                        </ul>
  4235.  
  4236.                                <div class="dl_wrap">
  4237.  
  4238.                            
  4239.                                                                    </div>
  4240.  
  4241.                            </div>
  4242.                            
  4243.                            <div class="arrow"></div>
  4244.                        </div>
  4245.                        <!--<div class="arrow"></div>-->
  4246.                    </div>
  4247.                                </li>
  4248.                        
  4249.            <li data='29'
  4250.  
  4251.                        >
  4252.                <a title="" class=" ds_nav_text_color" href="https://www.stiga.com.tw/physical_store.php" target="_self" style="color:;background-color:;">
  4253.                    
  4254.                <span class="name_standard">                                                    經銷商                                            </span>    
  4255.                    
  4256.                    
  4257.                    <span class="name_hover">經銷商</span>
  4258.                </a>
  4259.  
  4260.                            </li>
  4261.                </ul>
  4262.  
  4263. </div>
  4264.  
  4265.  
  4266. <div id="id_master_catalog_collapse_wrap" class="collapse dark">
  4267.  
  4268.    <div id="id_master_catalog_collapse_mask"></div>
  4269.  
  4270.    <div id="id_master_catalog_collapse_close"><i class="fas fa-times-circle"></i></div>
  4271.  
  4272.    <!--<div class="catagory_logo"><img src="https://pic.vcp.tw/upload/stiga/website_info/pic_logo_top_menu_1.jpeg?1652721395" alt=""></div>-->
  4273.  
  4274.    <div class="stage ms_main_menu">
  4275.        <dl>
  4276.            <dt>商品館別分類</dt>
  4277.                            <dd data='26' class="">
  4278.                    
  4279.                    <div class="icon"></div>                        
  4280.                        <a href="wc-45" target="_self" style="color:">
  4281.                            <span class="name_standard">關於STIGA</span>
  4282.                            <span class="name_hover">關於STIGA</span>
  4283.                        </a>
  4284.                                        
  4285.                </dd>
  4286.  
  4287.                                <dd data='27' class="">
  4288.                    
  4289.                    <div class="icon"></div>                        
  4290.                        <a href="wc-48" target="_self" style="color:">
  4291.                            <span class="name_standard">六角拍賽博6</span>
  4292.                            <span class="name_hover">Cybershape</span>
  4293.                        </a>
  4294.                                        
  4295.                </dd>
  4296.  
  4297.                                <dd data='23' class="has_sub">
  4298.                    
  4299.                    <div class="icon"></div>                        
  4300.                        <a href="https://www.stiga.com.tw/product_store?store_type_sn=23" target="_self" style="color:">
  4301.                            <span class="name_standard">桌球拍</span>
  4302.                            <span class="name_hover">桌球拍</span>
  4303.                        </a>
  4304.                                        
  4305.                </dd>
  4306.  
  4307.                                <dd data='31' class="">
  4308.                    
  4309.                    <div class="icon"></div>                        
  4310.                        <a href="https://www.stiga.com.tw/product_store?store_type_sn=31" target="_self" style="color:">
  4311.                            <span class="name_standard">桌球檯</span>
  4312.                            <span class="name_hover">TABLE</span>
  4313.                        </a>
  4314.                                        
  4315.                </dd>
  4316.  
  4317.                                <dd data='32' class="">
  4318.                    
  4319.                    <div class="icon"></div>                        
  4320.                        <a href="https://www.stiga.com.tw/product_store?store_type_sn=32" target="_self" style="color:">
  4321.                            <span class="name_standard">球拍膠皮</span>
  4322.                            <span class="name_hover">球拍膠皮</span>
  4323.                        </a>
  4324.                                        
  4325.                </dd>
  4326.  
  4327.                                <dd data='33' class="has_sub">
  4328.                    
  4329.                    <div class="icon"></div>                        
  4330.                        <a href="https://www.stiga.com.tw/product_store?store_type_sn=33" target="_self" style="color:">
  4331.                            <span class="name_standard">其他用品配備</span>
  4332.                            <span class="name_hover">其他用品配備</span>
  4333.                        </a>
  4334.                                        
  4335.                </dd>
  4336.  
  4337.                                <dd data='29' class="">
  4338.                    
  4339.                    <div class="icon"></div>                        
  4340.                        <a href="https://www.stiga.com.tw/physical_store.php" target="_self" style="color:">
  4341.                            <span class="name_standard">經銷商</span>
  4342.                            <span class="name_hover">經銷商</span>
  4343.                        </a>
  4344.                                        
  4345.                </dd>
  4346.  
  4347.                        </dl>
  4348.    </div>
  4349.  
  4350.    <div class="stage ms_category_1 ms_category">
  4351.                    <div class="ms_category_item" data='23'>桌球拍                                <div class="ms_category_item_wrap">
  4352.                    <ul class="category_1" >
  4353.                        <li class="ms_catagory_item_list" data='37'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=37" target="_self">六角拍賽博6</a></li><li class="ms_catagory_item_list" data='41'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=41" target="_self">純力系列</a></li><li class="ms_catagory_item_list" data='42'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=42" target="_self">湧動混碳系列</a></li><li class="ms_catagory_item_list" data='14'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=14" target="_self">Defensive系列</a></li><li class="ms_catagory_item_list" data='15'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=15" target="_self">VPS系列</a></li><li class="ms_catagory_item_list" data='16'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=16" target="_self">Azalea系列</a></li><li class="ms_catagory_item_list" data='17'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=17" target="_self">Ebenholz系列</a></li><li class="ms_catagory_item_list" data='24'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=24" target="_self">Dynasty Carbon系列</a></li><li class="ms_catagory_item_list" data='26'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=26" target="_self">Clipper系列</a></li><li class="ms_catagory_item_list" data='13'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=13" target="_self">RoseWood系列</a></li><li class="ms_catagory_item_list" data='12'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=12" target="_self">Carbanado系列</a></li><li class="ms_catagory_item_list" data='10'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=10" target="_self">經典系列</a></li>                    </ul>
  4354.                    <div class="dl_wrap">
  4355.                                                    <dl>
  4356.                                <dt class="ms_catagory_item_list"><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=31" target="">休閒系列</a></dt>
  4357.                                <dd class="ms_catagory_item_list"><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=35" target="_self">STIGA 休閒型</a></dd><dd class="ms_catagory_item_list"><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=34" target="_self">STIGA 戶外型</a></dd>                            </dl>
  4358.                                            </div>
  4359.                </div>
  4360.            </div>
  4361.                    <div class="ms_category_item" data='33'>其他用品配備                                <div class="ms_category_item_wrap">
  4362.                    <ul class="category_1" >
  4363.                        <li class="ms_catagory_item_list" data='27'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=27" target="_self">桌球</a></li><li class="ms_catagory_item_list" data='19'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=19" target="_self">拍袋＆背包</a></li><li class="ms_catagory_item_list" data='20'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=20" target="_self">桌球鞋</a></li><li class="ms_catagory_item_list" data='36'><a title="" href="https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=36" target="_self">配件</a></li>                    </ul>
  4364.                    <div class="dl_wrap">
  4365.                                            </div>
  4366.                </div>
  4367.            </div>
  4368.            </div>
  4369.  
  4370.    <!-- <div class="stage ms_catagory_1 ms_catagory">
  4371.        <dl class="" data='23'>
  4372.                <dt>桌球拍</dt>
  4373.                    <dd data='37'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=37'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>六角拍賽博6</a></dd><dd data='41'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=41'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>純力系列</a></dd><dd data='42'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=42'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>湧動混碳系列</a></dd><dd data='14'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=14'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>Defensive系列</a></dd><dd data='15'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=15'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>VPS系列</a></dd><dd data='16'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=16'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>Azalea系列</a></dd><dd data='17'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=17'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>Ebenholz系列</a></dd><dd data='24'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=24'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>Dynasty Carbon系列</a></dd><dd data='26'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=26'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>Clipper系列</a></dd><dd data='13'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=13'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>RoseWood系列</a></dd><dd data='12'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=12'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>Carbanado系列</a></dd><dd data='10'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=10'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>經典系列</a></dd><dd data='31'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=31'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>休閒系列</a></dd>            </dl><dl class="" data='33'>
  4374.                <dt>其他用品配備</dt>
  4375.                    <dd data='27'><a href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=27'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>桌球</a></dd><dd data='19'><a href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=19'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>拍袋＆背包</a></dd><dd data='20'><a href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=20'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>桌球鞋</a></dd><dd data='36'><a href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=36'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>配件</a></dd>            </dl>    </div>
  4376.  
  4377.    <div class="stage ms_catagory_2 ms_catagory">
  4378.        <dl class="" data='31'>
  4379.                <dt>休閒系列</dt>
  4380.                    <dd data='35'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=35'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>STIGA 休閒型</a></dd><dd data='34'><a href='https://www.stiga.com.tw/product_category?store_type_sn=23&category_sn=34'><i class="fa fa-chevron-right" style="padding:0px 10px;"></i>STIGA 戶外型</a></dd>            </dl>    </div>
  4381.  
  4382.    <div class="stage ms_catagory_3 ms_catagory">
  4383.            </div> -->
  4384. </div>
  4385.                
  4386.                    <div id="id_master_menu_catalog_logo" class="master_vision_index">
  4387.                        <a href="https://www.stiga.com.tw"><img src="https://pic.vcp.tw/upload/stiga/website_info/pic_logo_top_menu_1.jpeg?1652721395"  alt="STIGA | 瑞典國際乒乓球台灣代理商"></a>
  4388.                    </div>
  4389.                
  4390.                    <div id="id_master_menu_catalog_icon" class="master_vision_index">
  4391.                        <i class="fas fa-bars"></i>
  4392.                    </div>
  4393.                </div>
  4394.            </div>
  4395.        </nav>
  4396.    </header>
  4397.     <!--link rel="stylesheet" href="fs/all/css/template.css"-->
  4398. <div class="master_vision ad_overflow_video animation_scroll default_animation">
  4399.    <div class="video_wrap">
  4400.        <video class='video_autoplay' preload='auto' loop muted playsinline autoplay style='width:100%;'><source src='https://pic.vcp.tw/upload/stiga/master_vision/background_1.mp4?1672399391' type='video/mp4'>Your browser does not support HTML5 video.</video><div class='mask'></div>    </div>
  4401.  
  4402.    <div class="content_wrap left_bottom">
  4403.        <!-- Luke ap_pc 主視覺的標題加上h1 -->
  4404.                            <div class="title" style="color:#;">STIGA 桌球世界品牌</div>
  4405.                        
  4406.        <div class="txt" style="color:#;">滿足您所有桌球的需求，輕鬆享受桌球樂趣</div>
  4407.        <div class="border_bottom" style="background-color:#"></div>
  4408.        <div class="description" style="color:#;"></div>
  4409.    </div>
  4410.            <div id="master_vision_scroll_down_button">
  4411.            <div>Scroll Down</div>
  4412.            <i class="fas fa-angle-double-down"></i>
  4413.            <div id="scroll_down_position"></div>
  4414.        </div>
  4415.    </div>    <script>
  4416.        $(function(){
  4417.            $("#master_vision_scroll_down_button").click(function(){
  4418.                to_scrollTo("scroll_down_position",600);
  4419.            })
  4420.        })
  4421.    </script>
  4422.  
  4423.  
  4424.            <div id="dlc_sn_108" class="content_module_wrap dlc_sn_108  " style=" padding-top:4%;padding-bottom:0%;">
  4425.                <div class="bg" style=""></div>
  4426.                <div class="content_module_inner triple_pic_average_space" style="">
  4427.                    <div class="content_wrap  " style="color:#;">
  4428.                        <div class="" >
  4429.                                        <div class="cm_title_wrap" style="border-bottom:0px solid">
  4430.                                        <h2 class="cm_title ds_text_caption_color ds_text_caption_size text_align_center" style=" font-size:vw;"><span style='font-size:140%;font-weight:800;'>全系列產品</span></h2>
  4431.                        
  4432.                        <h3 class="cm_subtitle ds_text_sub_caption_color ds_text_sub_caption_size text_align_center" style=" font-size:vw;"><span style='font-size:140%;font-weight:800;'>PRODUCTS</span></h3>
  4433.                                    </div>
  4434.                                    </div>
  4435.                    </div>
  4436.  
  4437.                    <div class="cm_pic cm_left  over_hidden" style="border-radius:none;">
  4438.                        <a class="cm_img" style="background-image:url('https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_1_108.png?1658716436'); background-size: cover;" href='https://www.stiga.com.tw/product_store?store_type_sn=23' target='_self' file_type='tw/product_store'></a>
  4439.  
  4440.                                            </div>
  4441.  
  4442.                    <div class="cm_pic cm_middle  over_hidden" style="border-radius:none;">
  4443.                        <a class="cm_img" style="background-image:url('https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_2_108.png?1658715468'); background-size: cover;" href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=27' target='_self' file_type='tw/product_category'></a>
  4444.  
  4445.                                            </div>
  4446.                    
  4447.                    <div class="cm_pic cm_right  over_hidden" style="border-radius:none;">
  4448.                        <a class="cm_img" style="background-image:url('https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_3_108.png?1658803485'); background-size: cover;" href='https://www.stiga.com.tw/product_store?store_type_sn=32' target='_self' file_type='tw/product_store'></a>
  4449.  
  4450.                                            </div>
  4451.                </div>
  4452.            </div>
  4453.                    <script type="module">
  4454.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4455.    
  4456.            $(function(){
  4457.                getVideoSizeProportion("dlc_sn_108");
  4458.            })
  4459.        </script>
  4460.                    <div id="dlc_sn_111" class="content_module_wrap dlc_sn_111  " style=" padding-top:2%;padding-bottom:2%;">
  4461.                <div class="bg" style=""></div>
  4462.                <div class="content_module_inner triple_pic_average_space" style="">
  4463.                    <div class="content_wrap  hide" style="color:#;">
  4464.                        <div class="" >
  4465.                                                    </div>
  4466.                    </div>
  4467.  
  4468.                    <div class="cm_pic cm_left  over_hidden" style="border-radius:none;">
  4469.                        <a class="cm_img" style="background-image:url('https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_1_111.png?1658715400'); background-size: cover;" href='https://www.stiga.com.tw/product_store?store_type_sn=31' target='_self' file_type='tw/product_store'></a>
  4470.  
  4471.                                            </div>
  4472.  
  4473.                    <div class="cm_pic cm_middle  over_hidden" style="border-radius:none;">
  4474.                        <a class="cm_img" style="background-image:url('https://pic.vcp.tw/upload/stiga/dynamic_layout_content/bg_pic_111.png?1658803595'); background-size: cover;" href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=19' target='_self' file_type='tw/product_category'></a>
  4475.  
  4476.                                            </div>
  4477.                    
  4478.                    <div class="cm_pic cm_right  over_hidden" style="border-radius:none;">
  4479.                        <a class="cm_img" style="background-image:url('https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_3_111.png?1658715243'); background-size: cover;" href='https://www.stiga.com.tw/product_category?store_type_sn=33&category_sn=36' target='_self' file_type='tw/product_category'></a>
  4480.  
  4481.                                            </div>
  4482.                </div>
  4483.            </div>
  4484.                    <script type="module">
  4485.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4486.    
  4487.            $(function(){
  4488.                getVideoSizeProportion("dlc_sn_111");
  4489.            })
  4490.        </script>
  4491.        <!-- 純文字 -->
  4492.            <div id="dlc_sn_110" class="content_module_wrap dlc_sn_110  " style=" padding-top:0%;padding-bottom:2%; ">
  4493.                <div class="bg" style=""></div>
  4494.                <div class="content_module_inner text_only " style="border-radius:none;">
  4495.                    <div class="content_wrap " style="">
  4496.                                    <div class="cm_title_wrap" style="border-bottom:0px solid">
  4497.                                        <h2 class="cm_title ds_text_caption_color ds_text_caption_size text_align_center" style=" font-size:vw;"><span style='font-size:140%;font-weight:800;'>熱賣商品</span></h2>
  4498.                        
  4499.                        <h3 class="cm_subtitle ds_text_sub_caption_color ds_text_sub_caption_size text_align_center" style=" font-size:vw;"><span style='font-size:140%;font-weight:800;'>POPULAR</span></h3>
  4500.                                    </div>
  4501.                                </div>
  4502.                </div>
  4503.            </div>
  4504.                    <script type="module">
  4505.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4506.    
  4507.            $(function(){
  4508.                getVideoSizeProportion("dlc_sn_110");
  4509.            })
  4510.        </script>
  4511.        <!-- embed M -->
  4512.            <div id="dlc_sn_109" class="content_module_wrap embed_module dlc_sn_109 overflow " style=" padding-top:0%;">
  4513.                <div class="bg" style=""></div>
  4514.                        <div class="ad_product_a6 animation_scroll default_animation">
  4515.    
  4516.            <div class="a6_title ds_main_color txt" style="color:#; background-color:#; padding-left: 1em">熱賣產品</div>    
  4517.            <ul class="a6_slider a6_slider_sn_1_embed_109">
  4518.                                    <li class="a6_list_item ds_standard_bg_color">
  4519.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_42.jpeg?1672392830')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=42')">
  4520.                                                    </div>
  4521.                        <div class="ds_product_promotion_color">
  4522.                            <div class="promote">許昕設計款(藍標）</div>
  4523.                        </div>
  4524.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>DYNASTY CARBON XU XIN EDITION</h2></div>
  4525.    
  4526.                        <div class="parameter_link">
  4527.                            <span style="background-color:#100cc0; color:#fff">進攻型+</span><span style="background-color:#100cc0; color:#fff">5層+2層</span>
  4528.                        </div>
  4529.    
  4530.                        <div class="price">
  4531.                            <div class=" ds_product_price_color ds_product_price_size">
  4532.                                <span class='sale_price '>$10,000</span>                            </div>
  4533.                        </div>
  4534.  
  4535.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=42">直接購買</a></div></div>
  4536.                    </li>
  4537.                                        <li class="a6_list_item ds_standard_bg_color">
  4538.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_70.jpeg?1658397749')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=70')">
  4539.                                                    </div>
  4540.                        <div class="ds_product_promotion_color">
  4541.                            <div class="promote"></div>
  4542.                        </div>
  4543.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>STIGA 裁判三色牌配件組</h2></div>
  4544.    
  4545.                        <div class="parameter_link">
  4546.                            
  4547.                        </div>
  4548.    
  4549.                        <div class="price">
  4550.                            <div class=" ds_product_price_color ds_product_price_size">
  4551.                                <span class='sale_price '>$650</span>                            </div>
  4552.                        </div>
  4553.  
  4554.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=70">直接購買</a></div></div>
  4555.                    </li>
  4556.                                        <li class="a6_list_item ds_standard_bg_color">
  4557.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_69.jpeg?1658397645')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=69')">
  4558.                                                    </div>
  4559.                        <div class="ds_product_promotion_color">
  4560.                            <div class="promote"></div>
  4561.                        </div>
  4562.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>網架測量尺</h2></div>
  4563.    
  4564.                        <div class="parameter_link">
  4565.                            
  4566.                        </div>
  4567.    
  4568.                        <div class="price">
  4569.                            <div class=" ds_product_price_color ds_product_price_size">
  4570.                                <span class='sale_price '>$160</span>                            </div>
  4571.                        </div>
  4572.  
  4573.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=69">直接購買</a></div></div>
  4574.                    </li>
  4575.                                        <li class="a6_list_item ds_standard_bg_color">
  4576.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_58.jpeg?1658393105')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=58')">
  4577.                                                    </div>
  4578.                        <div class="ds_product_promotion_color">
  4579.                            <div class="promote">ITTF認證國際比賽球</div>
  4580.                        </div>
  4581.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>STIGA 三星(ABS)塑料比賽球</h2></div>
  4582.    
  4583.                        <div class="parameter_link">
  4584.                            
  4585.                        </div>
  4586.    
  4587.                        <div class="price">
  4588.                            <div class=" ds_product_price_color ds_product_price_size">
  4589.                                <span class='sale_price '>$600</span>                            </div>
  4590.                        </div>
  4591.  
  4592.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=58">直接購買</a></div></div>
  4593.                    </li>
  4594.                                        <li class="a6_list_item ds_standard_bg_color">
  4595.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_37.jpg?1657705922')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=37')">
  4596.                                                    </div>
  4597.                        <div class="ds_product_promotion_color">
  4598.                            <div class="promote"></div>
  4599.                        </div>
  4600.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>六角賽博Cybershape</h2></div>
  4601.    
  4602.                        <div class="parameter_link">
  4603.                            
  4604.                        </div>
  4605.    
  4606.                        <div class="price">
  4607.                            <div class=" ds_product_price_color ds_product_price_size">
  4608.                                <span class='sale_price '>$10,000</span>                            </div>
  4609.                        </div>
  4610.  
  4611.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=37">直接購買</a></div></div>
  4612.                    </li>
  4613.                                        <li class="a6_list_item ds_standard_bg_color">
  4614.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_66.jpeg?1672391237')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=66')">
  4615.                                                    </div>
  4616.                        <div class="ds_product_promotion_color">
  4617.                            <div class="promote">控78   速156   旋134 硬47.5°</div>
  4618.                        </div>
  4619.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>桌球膠皮 STIGA DNA PRO M</h2></div>
  4620.    
  4621.                        <div class="parameter_link">
  4622.                            <span style="background-color:#100cc0; color:#fff">控制 78</span><span style="background-color:#100cc0; color:#fff">速度 156</span>
  4623.                        </div>
  4624.    
  4625.                        <div class="price">
  4626.                            <div class=" ds_product_price_color ds_product_price_size">
  4627.                                <span class='sale_price '>$2,200</span>                            </div>
  4628.                        </div>
  4629.  
  4630.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=66">直接購買</a></div></div>
  4631.                    </li>
  4632.                                        <li class="a6_list_item ds_standard_bg_color">
  4633.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_52.jpg?1658390421')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=52')">
  4634.                                                    </div>
  4635.                        <div class="ds_product_promotion_color">
  4636.                            <div class="promote"></div>
  4637.                        </div>
  4638.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>CLIPPER CR WRB</h2></div>
  4639.    
  4640.                        <div class="parameter_link">
  4641.                            <span style="background-color:#100cc0; color:#fff">進攻型</span><span style="background-color:#100cc0; color:#fff">7層</span>
  4642.                        </div>
  4643.    
  4644.                        <div class="price">
  4645.                            <div class=" ds_product_price_color ds_product_price_size">
  4646.                                <span class='sale_price '>$3,000</span>                            </div>
  4647.                        </div>
  4648.  
  4649.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=52">直接購買</a></div></div>
  4650.                    </li>
  4651.                                        <li class="a6_list_item ds_standard_bg_color">
  4652.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_50.jpg?1658383122')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=50')">
  4653.                                                    </div>
  4654.                        <div class="ds_product_promotion_color">
  4655.                            <div class="promote">玫瑰木七夾板</div>
  4656.                        </div>
  4657.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>ROSEWOOD NCT VII 玫瑰七</h2></div>
  4658.    
  4659.                        <div class="parameter_link">
  4660.                            <span style="background-color:#100cc0; color:#fff">進攻型</span><span style="background-color:#100cc0; color:#fff">7層</span>
  4661.                        </div>
  4662.    
  4663.                        <div class="price">
  4664.                            <div class=" ds_product_price_color ds_product_price_size">
  4665.                                <span class='sale_price '>$6,600</span>                            </div>
  4666.                        </div>
  4667.  
  4668.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=50">直接購買</a></div></div>
  4669.                    </li>
  4670.                                        <li class="a6_list_item ds_standard_bg_color">
  4671.                        <div class="a6_item_pic" style="background-image:url('https://pic.vcp.tw/upload/stiga/product/pic_list_out_43.jpeg?1658373586')" onclick="to_open_link('https://www.stiga.com.tw/product_detail.php?product_sn=43')">
  4672.                                                    </div>
  4673.                        <div class="ds_product_promotion_color">
  4674.                            <div class="promote">許昕黑標</div>
  4675.                        </div>
  4676.                        <div class="product_name ds_product_caption_color ds_product_caption_size"><h2>DYNASTY CARBON(許昕黑標)</h2></div>
  4677.    
  4678.                        <div class="parameter_link">
  4679.                            <span style="background-color:#100cc0; color:#fff">進攻型+</span><span style="background-color:#100cc0; color:#fff">5層+2層</span>
  4680.                        </div>
  4681.    
  4682.                        <div class="price">
  4683.                            <div class=" ds_product_price_color ds_product_price_size">
  4684.                                <span class='sale_price '>$8,800</span>                            </div>
  4685.                        </div>
  4686.  
  4687.                                                <div class="to_know "><div class="ds_product_CTA_bg_color ds_product_CTA_color"><a href="https://www.stiga.com.tw/product_detail.php?product_sn=43">直接購買</a></div></div>
  4688.                    </li>
  4689.                                </ul>
  4690.        </div>
  4691.    
  4692.        <script>
  4693.            $(".a6_slider_sn_1_embed_109").slick({
  4694.                autoplay: false,
  4695.                autoplaySpeed:5000,
  4696.                dots: true,
  4697.                speed: 700,
  4698.                slidesToShow: 5,
  4699.                slidesToScroll:5
  4700.            })
  4701.        </script>
  4702.                    </div>
  4703.                    <script type="module">
  4704.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4705.    
  4706.            $(function(){
  4707.                getVideoSizeProportion("dlc_sn_109");
  4708.            })
  4709.        </script>
  4710.                    <!-- 文繞圖 單圖 右圖左文 -->
  4711.            <div id="dlc_sn_94" class="content_module_wrap dlc_sn_94  " style=" padding-top:2%;padding-bottom:5%;">
  4712.                <div class="bg" style=""></div>
  4713.                <div class="content_module_inner text_wrap_single_left over_hidden" style="border-radius:none;">
  4714.                    <div class="content_wrap  animation_scroll fadeLeft  " style="">
  4715.                                    <div class="cm_title_wrap" style="border-bottom:1px solid">
  4716.                                        <h2 class="cm_title ds_text_caption_color ds_text_caption_size text_align_center" style=" font-size:vw;"><span style='font-weight:700;'>STIGA 專利六角球拍</span></h2>
  4717.                        
  4718.                        <h3 class="cm_subtitle ds_text_sub_caption_color ds_text_sub_caption_size text_align_center" style=" font-size:vw;">瑞典19歲小將莫雷加德得分利器</h3>
  4719.                                    </div>
  4720.                        <div class="cm_text_content ds_text_content_color ds_text_content_size text_align_center" style=" font-size:vw;">
  4721.                <br>六邊形球拍的重量跟STIGA的圓型球拍基本相同，而最佳擊球區域整體擴大到約1成。由於邊緣呈現一定角度，「不容易感覺到揮動球拍時的離心力，正手強攻時或許有違和感」，適合擅長前臺快攻和反手推擋的選手。        <div class="cm_cta_btn_wrap">
  4722.            <a class="cm_cta_btn ds_btn_cta" target="_self" href="https://www.stiga.com.tw/wc-48" style='color:#ffffff!important;background-color:#000000!important;' color='#ffffff,#' bg_color='#000000,#'>了解更多</a>
  4723.        </div>
  4724.                    </div>
  4725.                                </div>
  4726.                    <a class="cm_pic animation_scroll fadeRight " style="" href="javascript:void(0)" style="cursor:unset;">
  4727.                        <img alt="" src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_1_94.png?1672392502">
  4728.                                            </a>
  4729.                </div>
  4730.            </div>
  4731.                    <script type="module">
  4732.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4733.    
  4734.            $(function(){
  4735.                getVideoSizeProportion("dlc_sn_94");
  4736.            })
  4737.        </script>
  4738.                    <!-- 文繞影 左影右文-->
  4739.            <div id="dlc_sn_97" class="content_module_wrap dlc_sn_97  " style=" padding-top:2%;padding-bottom:5%;">
  4740.                <div class="bg" style=""></div>
  4741.                <div class="content_module_inner text_wrap_video_right over_hidden" style="border-radius:none;">
  4742.                    <div class="cm_video animation_scroll fadeRight ">
  4743.                                                    <video id="video_dlc_97" class="video_autoplay" loop muted playsinline autoplay>
  4744.                                <source src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/video_97.mp4?1672397090" type="video/mp4">
  4745.                                <!--source src="mov_bbb.ogg" type="video/ogg"-->
  4746.                                Your browser does not support HTML5 video.
  4747.                            </video>
  4748.  
  4749.                            
  4750.                                                        
  4751.                                                            <div class="controler">
  4752.                                    <div class="btn-stop">play <i class="far fa-play-circle"></i></div>
  4753.                                    <div class="btn-volume">volume <i class="fa-solid fa-volume-xmark"></i></div>
  4754.                                </div>
  4755.                                                    
  4756.                                                </div>
  4757.                    
  4758.                    <div class="content_wrap  animation_scroll fadeLeft  " style="">
  4759.                                    <div class="cm_title_wrap" style="border-bottom:1px solid">
  4760.                                        <h2 class="cm_title ds_text_caption_color ds_text_caption_size text_align_center" style=" font-size:vw;"><span style='font-weight:700;'>STIGA 獨家研發製成球拍</span></h2>
  4761.                        
  4762.                        <h3 class="cm_subtitle ds_text_sub_caption_color ds_text_sub_caption_size text_align_center" style=" font-size:vw;">柄式、重量、厚度</h3>
  4763.                                    </div>
  4764.                        <div class="cm_text_content ds_text_content_color ds_text_content_size text_align_center" style=" font-size:vw;">
  4765.                <br>每一隻球拍STIGA考量選手的特性，不管是重量、柄式等等，使用獨特的板材黏和技術與乾燥處理，創造出一支支輕量化以及符合商家的優質球板。        <div class="cm_cta_btn_wrap">
  4766.            <a class="cm_cta_btn ds_btn_cta" target="_self" href="https://www.stiga.com.tw/product_store?store_type_sn=23" style='color:#ffffff!important;background-color:#000000!important;' color='#ffffff,#000000' bg_color='#000000,#ffffff'>立即購買</a>
  4767.        </div>
  4768.                    </div>
  4769.                                </div>
  4770.                </div>
  4771.            </div>
  4772.            <script>
  4773.                
  4774.            </script>
  4775.                    <script type="module">
  4776.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4777.    
  4778.            $(function(){
  4779.                getVideoSizeProportion("dlc_sn_97");
  4780.            })
  4781.        </script>
  4782.                    <!-- 文繞圖 單圖 左圖右文 -->
  4783.            <div id="dlc_sn_20" class="content_module_wrap dlc_sn_20  " style="background-color: #ffffff; padding-top:5%;padding-bottom:5%;">
  4784.                <div class="bg" style=""></div>
  4785.                <div class="content_module_inner text_wrap_single_right over_hidden" style="border-radius:none;">
  4786.                    <a class="cm_pic animation_scroll fadeIn " href='https://www.stiga.com.tw/wc-45' target='_self' file_type='tw/wc-45'>
  4787.                        <img alt="" src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_1_20.png?1672391999">
  4788.                                            </a>
  4789.                    
  4790.                    <div class="content_wrap  animation_scroll fadeIn  " style="color:#ffffff;background-color: rgba(0,0,0,1);padding:2% 3%;">
  4791.                                    <div class="cm_title_wrap" style="border-bottom:0px solid">
  4792.                                        <h2 class="cm_title ds_text_caption_color ds_text_caption_size text_align_center" style="color:#ffffff; font-size:vw;">關於我們</h2>
  4793.                        
  4794.                        <h3 class="cm_subtitle ds_text_sub_caption_color ds_text_sub_caption_size text_align_center" style="color:#ffffff; font-size:vw;">BUILDING WORLD CHAMPIONS SINCE 1944</h3>
  4795.                                    </div>
  4796.                        <div class="cm_text_content ds_text_content_color ds_text_content_size text_align_center" style="color:#ffffff; font-size:vw;">
  4797.                STIGA 70多年來一直是乒乓球運動的世界領導者<br />
  4798. 台灣STIGA擁有優秀的國際團隊和精湛的STIGA製造技術<br />
  4799. 只為了提供給台灣消費者更好的選擇            </div>
  4800.                                </div>
  4801.                </div>
  4802.            </div>
  4803.                    <script type="module">
  4804.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4805.    
  4806.            $(function(){
  4807.                getVideoSizeProportion("dlc_sn_20");
  4808.            })
  4809.        </script>
  4810.        <!-- 輪播圖 -->
  4811.            <div id="dlc_sn_21" class="content_module_wrap dlc_sn_21 overflow " style=" padding-bottom:0%;">
  4812.                <div class="bg" style=""></div>
  4813.                <div class="content_module_inner slide_show_standard">
  4814.                    <div class="content_wrap full_width animation_scroll fadeIn  hide" style="color:#ffffff;">
  4815.                                            </div>
  4816.                    <div class="container animation_scroll fadeIn  over_hidden" style="border-radius:none;">
  4817.                                                        <div class="item" style="">
  4818.                                    <a href='https://www.stiga.com.tw/product_store?store_type_sn=31' target='_self' file_type='tw/product_store'>
  4819.                                        <div class="cm_pic cm_">
  4820.                                            <div class="cm_img"><img alt="" src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_1_21.png?1672391700"></div>
  4821.                                        </div>
  4822.                                        <div class="cm_pic_content_wrap" style="">
  4823.                                                                                
  4824.                                        </div>
  4825.                                    </a>
  4826.                                </div>
  4827.                                                                <div class="item" style="">
  4828.                                    <a href='https://www.stiga.com.tw/product_store?store_type_sn=31' target='_self' file_type='tw/product_store'>
  4829.                                        <div class="cm_pic cm_">
  4830.                                            <div class="cm_img"><img alt="" src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_2_21.png?1672391858"></div>
  4831.                                        </div>
  4832.                                        <div class="cm_pic_content_wrap" style="">
  4833.                                                                                
  4834.                                        </div>
  4835.                                    </a>
  4836.                                </div>
  4837.                                
  4838.                        <!--
  4839.                            <div class="item animation_scroll fadeIn ">
  4840.                                <a href='https://www.stiga.com.tw/product_store?store_type_sn=31' target='_self' file_type='tw/product_store' style="background-color:unset">
  4841.                                    <div class="cm_pic cm_1">
  4842.                                        <div class="cm_img"><img src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_1_21.png?1672391700"></div>
  4843.                                    </div>
  4844.                                    <div class="cm_pic_content_wrap">
  4845.                                                                            
  4846.                                    </div>
  4847.                                </a>
  4848.                            </div>
  4849.                            
  4850.                            <div class="item animation_scroll fadeIn ">
  4851.                                <a href='https://www.stiga.com.tw/product_store?store_type_sn=31' target='_self' file_type='tw/product_store' style="background-color:unset">
  4852.                                    <div class="cm_pic cm_2">
  4853.                                        <div class="cm_img"><img src="https://pic.vcp.tw/upload/stiga/dynamic_layout_content/pic_2_21.png?1672391858"></div>
  4854.                                    </div>
  4855.                                    <div class="cm_pic_content_wrap">
  4856.                                                                            
  4857.                                    </div>
  4858.                                </a>
  4859.                            </div>
  4860.  
  4861.                            <div class="item animation_scroll fadeIn ">
  4862.                                <a href="javascript:void(0)" style="cursor:unset;" style="background-color:unset">
  4863.                                    <div class="cm_pic cm_3">
  4864.                                        <div class="cm_img"><img src=""></div>
  4865.                                    </div>
  4866.                                    <div class="cm_pic_content_wrap">
  4867.                                                                            
  4868.                                    </div>
  4869.                                </a>
  4870.                            </div>
  4871.  
  4872.                            <div class="item animation_scroll fadeIn ">
  4873.                                <a href="javascript:void(0)" style="cursor:unset;" style="background-color:unset">
  4874.                                    <div class="cm_pic cm_4">
  4875.                                        <div class="cm_img"><img src=""></div>
  4876.                                    </div>
  4877.                                    <div class="cm_pic_content_wrap">
  4878.                                                                            
  4879.                                    </div>
  4880.                                </a>
  4881.                            </div>
  4882.  
  4883.                            <div class="item animation_scroll fadeIn ">
  4884.                                <a href="javascript:void(0)" style="cursor:unset;" style="background-color:unset">
  4885.                                    <div class="cm_pic cm_5">
  4886.                                        <div class="cm_img"><img src=""></div>
  4887.                                    </div>
  4888.                                    <div class="cm_pic_content_wrap">
  4889.                                                                            
  4890.                                    </div>
  4891.                                </a>
  4892.                            </div>
  4893.                        -->
  4894.                    </div>
  4895.                </div>
  4896.            </div>
  4897.            <script>
  4898.                 window._modulePromises.push(new Promise(resolve => {
  4899.                    $("#dlc_sn_21 .container").slick({
  4900.                        autoplay: true,
  4901.                        autoplaySpeed:5000,
  4902.                        dots: true,
  4903.                        speed: 700,
  4904.                        slidesToShow: 1,
  4905.                        slidesToScroll:1,
  4906.                        pauseOnHover:true,
  4907.                        pauseOnFocus:true,
  4908.                        swipe: true,          
  4909.                        touchMove: true,      
  4910.                        draggable: true,
  4911.                        
  4912.                    })
  4913.                    resolve();
  4914.                 }))
  4915.                
  4916.            </script>
  4917.                    <script type="module">
  4918.            import {getVideoSizeProportion} from "https://cdn.matrixec.com/js/dynamic_module.js";
  4919.    
  4920.            $(function(){
  4921.                getVideoSizeProportion("dlc_sn_21");
  4922.            })
  4923.        </script>
  4924.         <div class="div_middle_box clear">
  4925.  
  4926. <div class="div_middle_left_big">
  4927. </div>
  4928.  
  4929. <div class="div_middle_right_small">
  4930. </div>
  4931.  
  4932. </div>
  4933.        <div style="position: absolute; color: transparent;pointer-events:none;width:100%;overflow:hidden;"><h1>STIGA | 瑞典國際乒乓球台灣代理商</h1></div>
  4934.    <div id="id_div_footer_top" style="clear:both;height:0px;"></div>
  4935. <ul class="website_content_copyright_top new ds_footer_bg_color ds_footer_text_color "><li class="animation_scroll default_animation" style="transition-delay:0.0s">
  4936. <dl>
  4937. <dt style="color:#; background-color:#">
  4938. <a class='img' onclick='to_ajax_count_website_content(46)'><img alt='LOGO' src='https://pic.vcp.tw/upload/stiga/website_content/caption_pic_out_46.jpeg?1652777500'></a> </dt>
  4939. </dl>
  4940. </li><li class="animation_scroll default_animation" style="transition-delay:0.2s">
  4941. <dl>
  4942. <dt style="color:#; background-color:#">
  4943. <a style='color:#;' onclick=to_ajax_count_website_content(25) >聯絡我們</a> </dt>
  4944. <dd  style="background-color:#">
  4945. <a style='color:#ffffff;' onclick=to_ajax_count_website_content(29) >客服聯繫：02-2243-6346</a> </dd>
  4946. <dd  style="background-color:#">
  4947. <a style='color:#ffffff;' onclick=to_ajax_count_website_content(31) >公司地址：新北市中和區中山路二段362-2號2樓</a> </dd>
  4948. <dd  style="background-color:#">
  4949. <a style='color:#ffffff;' onclick=to_ajax_count_website_content(32) >營業時間：週一～週五 09:00-18:00</a> </dd>
  4950. <dd  style="background-color:#">
  4951. <a style='color:#;' onclick=to_ajax_count_website_content(50) >Copyright 2022 ©乒乓世界桌球用品有限公司</a> </dd>
  4952. </dl>
  4953. </li><li class="animation_scroll default_animation" style="transition-delay:0.4s">
  4954. <dl>
  4955. <dt style="color:#; background-color:#">
  4956. <a style='color:#;' onclick=to_ajax_count_website_content(26) >客服中心</a> </dt>
  4957. <dd  style="background-color:#">
  4958. <a style='color:#;' onclick=to_ajax_count_website_content(33) href='website_contact'  target='_self'>常見問題</a> </dd>
  4959. <dd  style="background-color:#">
  4960. <a style='color:#;' onclick=to_ajax_count_website_content(34) href='https://www.stiga.com.tw/website_faq.php?category_sn=4'  target='_self'>退換貨說明</a> </dd>
  4961. <dd  style="background-color:#">
  4962. <a style='color:;' onclick=to_ajax_count_website_content(35) href='website_contact'  target='_self'>聯繫我們</a> </dd>
  4963. <dd  style="background-color:#">
  4964. <a style='color:#;' onclick=to_ajax_count_website_content(36) href='website_faq.php?category_sn=3'  target='_self'>訂購流程說明</a> </dd>
  4965. </dl>
  4966. </li><li class="animation_scroll default_animation" style="transition-delay:0.6s">
  4967. <dl>
  4968. <dt style="color:#; background-color:#">
  4969. <a style='color:#;' onclick=to_ajax_count_website_content(28) >關注我們</a> </dt>
  4970. <dd class='inline' style="background-color:#">
  4971. <a class='img' onclick='to_ajax_count_website_content(41)'href='https://www.facebook.com/stigatabletennis'  target='_self'><img alt='FB' src='https://pic.vcp.tw/upload/new/website_content/caption_pic_out_41.png?1634204572'></a> </dd>
  4972. <dd class='inline' style="background-color:#">
  4973. <a class='img' onclick='to_ajax_count_website_content(42)'href='https://www.youtube.com/user/stigatabletennis1944'  target='_self'><img alt='YT' src='https://pic.vcp.tw/upload/new/website_content/caption_pic_out_42.png?1634204594'></a> </dd>
  4974. <dd class='inline' style="background-color:#">
  4975. <a class='img' onclick='to_ajax_count_website_content(44)'href='https://lin.ee/2GVUWi3'  target='_self'><img alt='line' src='https://pic.vcp.tw/upload/new/website_content/caption_pic_out_44.png?1634204626'></a> </dd>
  4976. </dl>
  4977. </li></ul>
  4978. <div class="footer_copyright_outside footer_copyright_outside_bg ds_main_text_color ds_main_bg_color">
  4979. <div class="footer_copyright"><div><div style="text-align: center;">Copyright(C) STIGA Taiwan All Rights Reserved.</div></div></div>
  4980. </div>
  4981.  
  4982. <div id="id_fixed_left_other_viewing" style="position:fixed;bottom:10px;left:2px;display:none;">
  4983. </div>
  4984.  
  4985. <div id="id_fixed_right_top" style="position:fixed;top:150px;right:0px;display:none;">
  4986. </div>
  4987.  
  4988. <div id="id_fixed_right_bottom_product_view_record" style="position:fixed;bottom:145px;right:50px;z-index:900">
  4989.  
  4990. <div class="right_bottom_share_link ds_btn_cta" onclick="to_show_share_link()" title="分享">
  4991. <i class="fa-solid fa-share-nodes"></i>
  4992. </div>
  4993. <div class="ds_main_color ds_standard_bg_color" style="border-radius: 10px;">
  4994. <div class="product_view_record_button" onclick="to_show_product_view_record()">
  4995. <div class="this_icon"><i class="fa fa-heart"></i></div>
  4996. <div class="caption">看商品</div>
  4997. <div class="count">0</div>
  4998. </div>
  4999. </div>
  5001. <div class="right_bottom_line" style="width: 50px;">
  5002. <!-- <a onclick="ga_track_event('url','contact_us','Line')" href="https://lin.ee/2GVUWi3" target="_blank" title="LINE 我們"><img style="width:100%" src="./fs/all/line_100rb.png?s=1761314948" border="0" align="absmiddle"></a> -->
  5003. <a onclick="ga_track_event('url','contact_us','Line')" href="https://lin.ee/2GVUWi3" target="_blank" title="LINE 我們"><img style="width:100%" src="https://pic.vcp.tw/upload/matrixec/harddisc/file_name_237.png?s=1761314948" border="0" align="absmiddle"></a>
  5004. </div>
  5005. </div>
  5006.  
  5007.  
  5008. <div id="id_fixed_left_bottom">
  5009.  
  5010.    <!-- line_point -->
  5011.        
  5012.     <!-- line直播提醒 -->
  5013.        
  5014. </div>
  5015.  
  5016. <div id="id_fixed_right_bottom" style="position:fixed;bottom:5px;right:0px;display:none;z-index:900">
  5017. <div class="scroll_top_button" onclick="to_scroll_top()">
  5018. <div class="this_icon"><i class="fa fa-chevron-up"></i></div>
  5019. </div>
  5020. </div>
  5021.  
  5022. <div id="id_fixed_left_watermark" style="position:fixed;top:150px;left:10px;">
  5023. </div>
  5024.  
  5025.  
  5026.  
  5027.  
  5028. <div class="share_link_panel close">
  5029.  
  5030.    <div class="mask" onclick="to_show_share_link()"></div>
  5031.  
  5032.    <div class="wrap">
  5033.        <div class="caption">分享頁面</div>
  5034.        <div class="notice"><span onclick='to_show_member_login_layer()'>您尚未登入，連結無邀請功能<span></div>
  5035.        <div class="share_link_content">
  5036.            <div class='qrcode'><img src='https://api.qrserver.com/v1/create-qr-code/?size=300x300&margin=15&data=https%3A%2F%2Fliff.line.me%2F1657662956-ljewX6qm%2Findex.php%3Futm_source%3Dm2%26utm_medium%3Dguest'></div>
  5037.            <div class="btn_wrap">  
  5038.                <!-- line 分享 -->
  5039.                <div class="btn line_icon" onclick="share_with_friend()" title="line分享">
  5040.                    <div><i class="fab fa-line"></i></div>
  5041.                </div>
  5042.                                                    <div id="share_short_url_btn" onclick="to_check_short_code('https://www.stiga.com.tw/', '/index.php')" class="btn copy_btn" data-clipboard-text="https://www.stiga.com.tw/mgm/yLGiX9" title="複製分享鏈結">
  5043.                        <div><i class="fa-solid fa-link"></i></div>
  5044.                    </div>
  5045.                            </div>
  5046.        </div>
  5047.    </div>
  5048. </div>
  5049.  
  5050. <script>
  5051.    if (document.getElementById('fbShareBtn')) {
  5052.  
  5053.        document.getElementById('fbShareBtn').onclick = function() {
  5054.  
  5055.            FB.ui({
  5056.                display: 'popup',
  5057.                method: 'share',
  5058.                href: 'https://liff.line.me/1657662956-ljewX6qm/index.php?utm_source=m2&utm_medium=guest',
  5059.  
  5060.            }, function(response) {
  5061.                window.close();
  5062.            });
  5063.        }
  5064.    }
  5065.  
  5066.    if (document.getElementById('messengerShareBtn')) {
  5067.  
  5068.        document.getElementById('messengerShareBtn').onclick = function() {
  5069.            FB.ui({
  5070.                method: 'send',
  5071.                link: 'https://liff.line.me/1657662956-ljewX6qm/index.php?utm_source=m2&utm_medium=guest',
  5072.                display: 'popup'
  5073.            }, function(response) {});
  5074.        }
  5075.    }
  5076.  
  5077.    function to_show_share_link() {
  5078.        $(".share_link_panel").toggleClass("close");
  5079.        $(".footer_cus_btn").toggleClass("blur");
  5080.    }
  5081.  
  5082.    function to_check_short_code(short_url_source, php_self) {
  5083.  
  5084.        $("#share_short_url_btn div").toggleClass('fa-spin');
  5085.        $("#share_short_url_btn div i").toggleClass('fa-link fa-spinner');
  5086.  
  5087.        $.ajax({
  5089. type: 'POST',
  5090. url: './ajax_website_module_api.php',
  5091. data: {
  5092. 'module_type': 'to_check_short_code',
  5093. 'short_url_source': short_url_source,
  5094. 'php_self': php_self,
  5095. },
  5096. success: function(res) {
  5097.  
  5098.                to_show_share_link();
  5099.  
  5100.                let res_obj = JSON.parse(res);
  5101.  
  5102.                const Toast = Swal.mixin({
  5103.                    toast: true,
  5104.                    position: 'top-end',
  5105.                    showConfirmButton: false,
  5106.                    timer: 1500,
  5107.                    timerProgressBar: true,
  5108.                    didOpen: (toast) => {
  5109.                        toast.addEventListener('mouseenter', Swal.stopTimer)
  5110.                        toast.addEventListener('mouseleave', Swal.resumeTimer)
  5111.                    }
  5112.                })
  5113.  
  5114.                Toast.fire({
  5115.                    icon: res_obj.status,
  5116.                    title: res_obj.msg
  5117.                })
  5118.  
  5119. },
  5120. error: function(err) {
  5121.                console.log(err);
  5122. },
  5123. complete: function() {
  5124.                
  5125.                $("#share_short_url_btn div").toggleClass('fa-spin');
  5126.                $("#share_short_url_btn div i").toggleClass('fa-link fa-spinner');
  5127. }
  5128. });
  5129.    }
  5130. </script>
  5131.  
  5132.  
  5133. <script language="javascript">
  5134.  
  5135. var this_client_width = document.documentElement.clientWidth;
  5136.  
  5137. if(this_client_width > 1100){
  5138.  
  5139. document.getElementById("id_fixed_right_top").style.right="50px";
  5140. document.getElementById("id_fixed_right_bottom_product_view_record").style.right="50px";
  5141. document.getElementById("id_fixed_right_bottom").style.right="50px";
  5142. document.getElementById("id_fixed_left_other_viewing").style.left="50px";
  5143. /*
  5144. document.getElementById("id_fixed_right_top").style.right=(((this_client_width-1180)/2)-60)+'px';
  5145. document.getElementById("id_fixed_right_bottom_product_view_record").style.right=(((this_client_width-1180)/2)-60)+'px';
  5146. document.getElementById("id_fixed_right_bottom").style.right=(((this_client_width-1180)/2)-60)+'px';
  5147. document.getElementById("id_fixed_left_other_viewing").style.left=(((this_client_width-1180)/2)-80)+'px';
  5148. */
  5149.  
  5150. }else{
  5151.  
  5152. document.getElementById("id_fixed_right_top").style.right="20px";
  5153. document.getElementById("id_fixed_right_bottom_product_view_record").style.right="20px";
  5154. document.getElementById("id_fixed_right_bottom").style.right="20px";
  5155. }
  5156.  
  5157. if(navigator.userAgent.search("MSIE") > -1){
  5158.  
  5159. var ie_version = parseFloat(navigator.userAgent.match(/MSIE (\d\.*\d*)/i)[1]);
  5160.  
  5161. if(ie_version < 8){
  5162.  
  5163. show_layer_alert("很抱歉，IE 瀏覽器須在8.0以上才能順暢使用本站<BR>建議您也可使用 <a href='http://www.google.com.tw/chrome/index.html' target='_blank'>Chrome</a> 或 <a href='http://moztw.org/' target='_blank'>Firefox</a> <BR>感謝您的體諒與支持!");
  5164.  
  5165. }
  5166.  
  5167. }
  5168.  
  5169. function to_show_viewing_product(){
  5170.  
  5171. document.getElementById("id_fixed_left_other_viewing").style.display="";
  5172.  
  5173. $('#carouselv').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: false, itemstodisplay: 3, orientation: 'v' });
  5174. }
  5175. </script>
  5176.  
  5177.  
  5178.  
  5179. </div name="div_body">
  5180.  
  5181. </body>
  5182. </html>
  5183. <script>
  5184.    console.log(window._modulePromises);
  5185.    $(function(){
  5186.        Promise.all(window._modulePromises)
  5187.        .then(() => {
  5188.            console.log("module_ready")
  5189.                    })
  5190.        .catch(err => console.error('模組初始化錯誤', err));
  5191.    })
  5192.  
  5193. </script>
  5194.  
  5195. <!-- https://b1.luckybaby.tw/
  5196. liff.state=%2Fblog
  5197. code=JWja3rkTCcQxW6YHN5qh
  5198. state=xGFS4bQEjiI8
  5199. liffClientId=1657001010
  5200. liffRedirectUri=https%3A%2F%2Fb1.luckybaby.tw%2F%3Fliff.state%3D%252Fblog -->

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda