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