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