精彩活動 - Future Tech Pavilion, FUTEX未來科技館

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-tw"> <html xmlns:og='http://ogp.me/ns#'> <head>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W99KGHJ');</script>  <title>精彩活動 - Future Tech Pavilion, FUTEX未來科技館</title> <meta property="og:url" content="https://www.futuretech.org.tw/futuretech/index.php?action=calendar" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Future Tech Pavilion, FUTEX未來科技館 - 精彩活動" />  <meta property="og:description" content="The Future Tech Pavilion (FUTEX) features the theme of "Global TechIndustry tie with Taiwan" focusing on building Taiwan as the global R&D hub." /> <meta property="og:image" content="https://futuretech.org.tw/website/uploads/website_87/zh-tw/logo_fb.png" />  <meta name="keywords" content="未來科技館, Futex, 未來科技, Future Technology, 精準健康, AIoT, 生技新藥, 半導體, 展覽, 博覽會, 中央研究院, 衛福部, 科技部, 教育部"> <meta name="description" content="精彩活動 - The Future Tech Pavilion (FUTEX) features the theme of "Global TechIndustry tie with Taiwan" focusing on building Taiwan as the global R&D hub."> <link href="https://futuretech.org.tw/website/uploads/website_87/zh-tw/logo.png?1020213310" rel="image_src" type="image/jpeg"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta property="fb:app_id" content="" /> <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/gohappy/lanrenzhijia.js"></script> <link href="https://www.futuretech.org.tw/futuretech/css/fck_editorarea.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/css/df_style.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/css/membercss.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/css/group.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/css/all_plugin.css" rel="stylesheet" type="text/css" />  <link href="https://www.futuretech.org.tw/futuretech/javascripts/jquery/fancybox/dist/jquery.fancybox.min.css" rel="stylesheet" type="text/css" media="screen" /> <link href="https://www.futuretech.org.tw/futuretech/javascripts/jquery/css/jquery.jscrollpane.css" rel="stylesheet" type="text/css" media="screen" />  <link rel="icon" href="https://futuretech.org.tw/website/uploads/website_87/zh-tw/favicon_87.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://futuretech.org.tw/website/uploads/website_87/zh-tw/favicon_87.ico" type="image/x-icon" /> <link rel="bookmark" href="https://futuretech.org.tw/website/uploads/website_87/zh-tw/favicon_87.ico" type="image/x-icon" />  <script language="javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/ij-ajax/ij-ajax.js"></script> <script language="javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/dojo-ajax/dojo.js"></script> <script language="javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/ij-ajax/_ij_package.js"></script> <script language="javascript"> var IJ = new IJ("https://www.futuretech.org.tw/futuretech/javascripts/ij-ajax/"); /* IJ.loadJs();*/ var menu_move_x = 0; /**/ var menu_move_y = 0; /**/ </script>  <script src="https://www.futuretech.org.tw/futuretech/javascripts/jquery/jquery.min.js"></script> <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery.flexslider-min.js"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery.imagezoom.min.js"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/owl.carousel.min-2.0.js"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/slick.min.js"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery.countdown.min.js"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/imagesloaded.pkgd.js"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/swiper.min.js" type="text/javascript"></script>  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/snap.min.js"></script>   <script language="javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/timer/jquery.timer.js"></script> <script language="javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery/fancybox/dist/jquery.fancybox.min.js"></script> <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery.countdown.min.js"></script> <link href="https://www.futuretech.org.tw/futuretech/css/images/icons-line.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/css/images/icons-solid.css" rel="stylesheet" type="text/css" />  <link href="https://www.futuretech.org.tw/futuretech/css/normal_symbol.min.css?20220704" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/style.css?20220704" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/css/style.css?20220704" rel="stylesheet" type="text/css" media="screen" />     <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/css/member_symbol.css" rel="stylesheet" type="text/css" />     <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/in_style.css" rel="stylesheet" type="text/css" />   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>  <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/index.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/css/product_sort.css" rel="stylesheet" type="text/css" /> <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/product_detail.css" rel="stylesheet" type="text/css" />  <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/jquery.flexslider-min.js"></script>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">  <link href="https://futuretech.org.tw/website/uploads/website_87/zh-tw/web_style.css?1020213310" rel="stylesheet" type="text/css" />              <script> /**/ window.is_login = 0; /**/ window.ajax = { key:1, default_setting:{type:'POST', dataType:'json', crossDomain:true, withCredentials:true, async:true}, ajax_trans:function(){if(window.ajax.key == 1){key = 0;return true;}else return false;}, ajax_commit:function(){window.ajax.key == 1}, ajax_connect:function(){ var ajax_this = this; $.ajax({ url:ajax_this.url, type:ajax_this.type, async:ajax_this.async, dataType:ajax_this.dataType, data:{params:ajax_this.params}, crossDomain: ajax_this.crossDomain, xhrFields:{ withCredentials: ajax_this.withCredentials }, beforeSend:function(){ if(!window.ajax.ajax_trans())return false; }, success:function(r){ try{ ajax_this.ajax_access_response(r); }catch(e){ alert('驗證有誤，請稍後再試或洽詢客服。'); } }, error:function(e){ alert("伺服器請求錯誤，請稍後再試。"); }, complete:function(e){ window.ajax.ajax_commit(); } }); } } </script> <script src="./javascripts/jquery/jquery-ui.min.js"></script> <script src="javascripts/imagesloaded.pkgd.js"></script> <link rel="stylesheet" href="./css/jquery-ui.css">    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150655771-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-150655771-1'); </script> <script> $(document).ready(function() { var strJson = {'list':'~^(www.)?futuretech.org.tw/futuretech/index.php?action=calendar'}; $.ajax({ url:'api/api.save_google_analytics_data.php', type:'post', dataType:'text', async:false, data:{type:'9',data:strJson, referer_url:''} }); }); </script>   <script> function ga_onProductClick(event, p_no, p_name, p_url, p_witem_uid) { var viewportwidth; var viewportheight; if (typeof window.innerWidth != 'undefined'){ viewportwidth = window.innerWidth, viewportheight = window.innerHeight } else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0) { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight }else { viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight } /*點擊座標*/ var evt = event ? event : (window.event ? window.event : null); if (document.all) /*IE*/ { var click_x = event.x ; /* 取得滑鼠指標目前的 x 位置*/ var click_y = event.y ; /* 取得滑鼠指標目前的 y 位置*/ } else /* firefox*/ { var click_x = evt.clientX; /* 取得滑鼠指標目前的 x 位置*/ var click_y = evt.clientY; /* 取得滑鼠指標目前的 y 位置*/ } var screen_w = screen.width; var screen_h = screen.height; var _witem_uid = p_witem_uid || ''; var strJson = {'id':p_no, 'name':p_name, 'list':'~^(www.)?futuretech.org.tw/futuretech/index.php?action=calendar', 'click_x':click_x, 'click_y':click_y, 'window_w':viewportwidth, 'window_h':viewportheight, 'screen_w':screen_w, 'screen_h':screen_h}; $.ajax({ url:'api/api.save_google_analytics_data.php', type:'post', dataType:'text', async:false, data:{type:'3',witem_uid:_witem_uid, data:strJson, referer_url:''} }); gtag('event', 'select_content', { "content_type": "product", "items": [ { "id": p_no, "name": p_name, "list_name": "~^(www.)?futuretech.org.tw/futuretech/index.php?action=calendar" } ],"event_callback": function() {document.location = p_url; } }); } </script>      <script> var metaData = { web_uid: 87, event_source_url: 'https://www.futuretech.org.tw/futuretech/index.php?action=calendar', client_ip_address: '8.222.208.146', client_user_agent: 'Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)', }; !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2971107439788057'); fbq('track', 'PageView'); </script>  <script> function fb_AddToCart(prodNo, value, contents) { value = parseInt(value); if (prodNo && value > 0) { var content_ids = []; content_ids.push(prodNo); var obj = { content_ids: content_ids, content_type: 'product', value: value, currency: 'TWD' }; if (typeof contents != undefined) obj.contents = contents; fbq('track', 'AddToCart', obj); metaData.event_name = 'AddToCart'; metaData.custom_data = obj; console.log('AddToCart - metaData',metaData); $.ajax({ url: 'https://futuretech.org.tw/website/api/api.meta_conversions_api.php', type: 'POST', dataType: 'json', data: { metaData:metaData, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg:'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(r){ console.log('AddToCart-suc',r); }, error: function(r){ console.log('AddToCart-err',r); } }); } } </script>  <script> function fb_AddToWishlist(prodNo, value) { value = parseInt(value); if (prodNo && value > 0) { var content_ids = []; content_ids.push(prodNo); var obj = { content_ids: content_ids, content_type: 'product', value: value, currency: 'TWD' }; fbq('track', 'AddToWishlist', obj); metaData.event_name = 'AddToWishlist'; metaData.custom_data = obj; console.log('AddToWishlist - metaData',metaData); $.ajax({ url: 'https://futuretech.org.tw/website/api/api.meta_conversions_api.php', type: 'POST', dataType: 'json', data: { metaData:metaData, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg:'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(r){ console.log('AddToWishlist-suc',r); }, error: function(r){ console.log('AddToWishlist-err',r); } }); } } </script>  <script> function fb_CompleteRegistration() { var obj = { currency:'TWD' }; fbq('track', 'CompleteRegistration', obj); metaData.event_name = 'CompleteRegistration'; metaData.custom_data = obj; console.log('CompleteRegistration - metaData',metaData); $.ajax({ url: 'https://futuretech.org.tw/website/api/api.meta_conversions_api.php', type: 'POST', dataType: 'json', data: { metaData:metaData, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg:'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(r){ console.log('CompleteRegistration-suc',r); }, error: function(r){ console.log('CompleteRegistration-err',r); } }); } </script>  <script> function fb_Lead() { var obj = { currency:'TWD', value:'' }; fbq('track', 'Lead', obj); metaData.event_name = 'Lead'; metaData.custom_data = obj; console.log('Lead - metaData',metaData); $.ajax({ url: 'https://futuretech.org.tw/website/api/api.meta_conversions_api.php', type: 'POST', dataType: 'json', data: { metaData:metaData, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg:'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(r){ console.log('Lead-suc',r); }, error: function(r){ console.log('Lead-err',r); } }); } </script>  <script> function fb_ViewContent(prodNo, value, content_name) { var content_ids = []; content_ids.push(prodNo); var obj = { content_ids: content_ids, content_type: 'product', content_name: content_name, value: value, currency: 'TWD' }; fbq('track', 'ViewContent', obj); metaData.event_name = 'ViewContent'; metaData.custom_data = obj; console.log('ViewContent - metaData',metaData); $.ajax({ url: 'https://futuretech.org.tw/website/api/api.meta_conversions_api.php', type: 'POST', dataType: 'json', data: { metaData:metaData, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg:'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(r){ console.log('ViewContent-suc',r); }, error: function(r){ console.log('ViewContent-err',r); } }); } </script>  <script> function fb_Search(prod_keyword, str_content_ids) { var obj = { content_ids: str_content_ids, content_type: 'product', search_string: prod_keyword }; fbq('track', 'Search', obj); metaData.event_name = 'Search'; metaData.custom_data = obj; console.log('Search - metaData',metaData); $.ajax({ url: 'https://futuretech.org.tw/website/api/api.meta_conversions_api.php', type: 'POST', dataType: 'json', data: { metaData:metaData, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg:'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(r){ console.log('Search-suc',r); }, error: function(r){ console.log('Search-err',r); } }); } </script>       <meta name="google-site-verification" content="C1U9KT6doW2FLoDYx3VPZ5o1OuzqE4UD625wWxL2aRg" />   <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"Corporation", "brand":"", "alternateName":"Future Tech Pavilion, FUTEX未來科技館", "url":"https://www.futuretech.org.tw/futuretech", "logo":"", "contactPoint":[{ "@type":"ContactPoint", "telephone":"", "contactType":"bill payment", "contactOption":"TollFree", "areaServed":"TW" }] } </script> <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery/jquery.cookie.js"></script> <script> let isIOS = /iPad|iPhone|iPod/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) pad_show_type = 'web'; mobileDeviceDirected = ''; forceDevice = ''; if(isIOS && pad_show_type =='mobile' && !mobileDeviceDirected && location.href.indexOf("forceDevice=mobile") < 0 && forceDevice != 'web'){ url = location.href; if( url.indexOf("?") >= 0 ){ url = url+'&forceDevice=mobile'; }else{ url = url+'?forceDevice=mobile'; } window.location.href = url; } </script> </head> <body id="calendar">  <script> //靜態頁 var csrf_key, csrf_val, mem_uid, arrMember, prodTrace; if (0) { $.ajax({ url:"/futuretech/api/api.csrf.php", type: "GET", dataType: "json", async: false, success: function(r){ csrf_key = r.key; csrf_val = r.value; } }); $.ajax({ url:"/futuretech/api/api.get_member.php?member_group=1", type: "GET", dataType: "json", async: false, success: function(r){ mem_uid = r.mem_uid ? r.mem_uid : 0; arrMember = r; } }); //版頭會員登入登出顯示，function放在各自版頭 $(function(){ if (typeof setLoginIcon === 'function') setLoginIcon(); }); } else { csrf_key = 'nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg'; csrf_val = 'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx'; mem_uid = '' ? parseInt('') : 0; } </script>   <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-W99KGHJ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script> $(function(){ if ($("#currency").length) { //選取幣別 $("#currency").find("option").each(function(){ if ($(this).val() == 'TWD') { $("#currency").val($(this).val()); } }); //切換幣別 $("#currency").change(function(){ var currency = $("#currency").val(); window.location.href = "https://www.futuretech.org.tw/futuretech/index.php?action=calendar&web_currency=" + currency; }); } }); function formatCurrencyPrice(price) { var new_price = price / parseFloat(1); return new_price.toFixed(2); } </script>  <div class="mp-pusher" id="mp-pusher"> <div class="FOR_TOP" >  <link rel="stylesheet" type="text/css" href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/css/normalize.css" /> <link rel="stylesheet" type="text/css" href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/css/component.css" /> <link href="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/aos/aos.css" rel="stylesheet"> <script src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/aos/aos.js"></script> <script> $(function () { AOS.init(); // window.addEventListener('load', AOS.refresh); }); //抓網址get變數 function getQueryParams(qs) { qs = qs.split("+").join(" "); var params = [], tokens, re = /[?&]?([^=]+)=([^&]*)/g; while (tokens = re.exec(qs)) { params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]); } return params; } var _GET = getQueryParams(document.location.search);//網址get變數 /*下拉選單 $(function(){ if ($(".menu_open").is(":hidden")) { $(".mg_MainMenu > ul > li").mouseover(function() { //$(this).addClass('active'); $(this).find(".menu_open").stop(true, true).slideDown(0); }); $(".mg_MainMenu > ul > li").mouseout(function() { //$(this).removeClass('active'); $(this).find(".menu_open").stop(true, true).slideUp(0); }); } });*/ </script> <div class="futuretech2023_header"> <h2 class="header_logo"> <a href="../futuretech/"><img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/logo.png?1020213310" alt="Future Tech Pavilion, FUTEX未來科技館" width="270" height="90" border="0" title="Future Tech Pavilion, FUTEX未來科技館"></a> </h2>  <div class="mg_MainMenu"> <ul> <li id="MENU0"> <a class="main_menu" href="https://www.futuretech.org.tw/futuretech/index.php" target="" accesskey="0" title="首頁 Alt+0" onmouseover="javascript:showWebMenu( 0 );" onfocus="javascript:showWebMenu( 0 );" onmouseout="javascript:removeWebMenu( 0, 1000 );" onblur="javascript:removeWebMenu( 0, 1000 );" > 首頁 <span style="display:block;"></span> </a> </li> <li id="MENU1"> <a class="main_menu" href="https://www.futuretech.org.tw/futuretech/index.php?action=info_n" target="" accesskey="1" title="關於我們 Alt+1" onmouseover="javascript:showWebMenu( 1 );" onfocus="javascript:showWebMenu( 1 );" onmouseout="javascript:removeWebMenu( 1, 1000 );" onblur="javascript:removeWebMenu( 1, 1000 );" > 關於我們 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in1"> <ul class="menu_open_in"> <li> <a href="/futuretech/index.php?action=info_n" target=""> 未來科技館 </a> </li> <li> <a href="https://www.facebook.com/futuretech.org.tw" target="_blank"> 官方粉絲團 </a> </li> <li> <a href="/futuretech/index.php?action=traffic_n" target=""> 交通資訊 </a> </li> </ul> </div> </li> <li id="MENU2"> <a class="main_menu" href="https://www.futuretech.org.tw/futuretech/index.php?action=frm_reg_list2024" target="" accesskey="2" title="精彩活動回顧 Alt+2" onmouseover="javascript:showWebMenu( 2 );" onfocus="javascript:showWebMenu( 2 );" onmouseout="javascript:removeWebMenu( 2, 1000 );" onblur="javascript:removeWebMenu( 2, 1000 );" > 精彩活動回顧 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in2"> <ul class="menu_open_in"> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=frm_reg_list2024" target="_blank"> 2024 國際趨勢論壇與前瞻技術發表 </a> </li> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=frm_reg_list2023" target="_blank"> 2023 國際趨勢論壇與前瞻技術發表 </a> </li> </ul> </div> </li> <li id="MENU3"> <a class="main_menu" href="https://www.futuretech.org.tw/futuretech/index.php?action=brands_sort" target="" accesskey="3" title="最新消息 Alt+3" onmouseover="javascript:showWebMenu( 3 );" onfocus="javascript:showWebMenu( 3 );" onmouseout="javascript:removeWebMenu( 3, 1000 );" onblur="javascript:removeWebMenu( 3, 1000 );" > 最新消息 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in3"> <ul class="menu_open_in"> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=brands_sort" target=""> 活動快訊 </a> </li> </ul> </div> </li> <li id="MENU4"> <a class="main_menu" href="/futuretech/#" target="" accesskey="4" title="技術媒合 Alt+4" onmouseover="javascript:showWebMenu( 4 );" onfocus="javascript:showWebMenu( 4 );" onmouseout="javascript:removeWebMenu( 4, 1000 );" onblur="javascript:removeWebMenu( 4, 1000 );" > 技術媒合 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in4"> <ul class="menu_open_in"> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=product_search&prod_keyword=&year=210" target=""> 技術搜尋 </a> </li> <li> <a href="https://award.futuretech.org.tw/b2s/" target="_blank"> 前往預約媒合 </a> </li> </ul> </div> </li> <li id="MENU5"> <a class="main_menu" href="/futuretech/#" target="" accesskey="5" title="媒體中心 Alt+5" onmouseover="javascript:showWebMenu( 5 );" onfocus="javascript:showWebMenu( 5 );" onmouseout="javascript:removeWebMenu( 5, 1000 );" onblur="javascript:removeWebMenu( 5, 1000 );" > 媒體中心 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in5"> <ul class="menu_open_in"> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=media&year=2024&sort=" target=""> 影音專區 </a> </li> <li> <a href="/futuretech/index.php?action=photo_n" target=""> 活動照片 </a> </li> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=download" target=""> 資料下載 </a> </li> <li> <a href="/futuretech/index.php?action=press_n" target=""> 新聞稿 </a> </li> </ul> </div> </li> <li id="MENU6"> <a class="main_menu" href="https://drive.google.com/file/d/1w7wbV5xF-g-IkT1El06wQi_txrmeSXqr/view" target="_blank" accesskey="6" title="展區介紹 Alt+6" onmouseover="javascript:showWebMenu( 6 );" onfocus="javascript:showWebMenu( 6 );" onmouseout="javascript:removeWebMenu( 6, 1000 );" onblur="javascript:removeWebMenu( 6, 1000 );" > 展區介紹 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in6"> <ul class="menu_open_in"> <li> <a href="https://drive.google.com/file/d/1w7wbV5xF-g-IkT1El06wQi_txrmeSXqr/view" target="_blank"> 重點活動與展區介紹 </a> </li> <li> <a href="https://drive.google.com/file/d/1AsfJu0nCnZSdKppS61c9dQeRoJurmqYl/view" target="_blank"> 展覽手冊 </a> </li> <li> <a href="https://drive.google.com/drive/folders/12R4UJ2qbuOaxWBfKmsIcVJGNVOS4w8J5" target="_blank"> 全館平面圖 </a> </li> </ul> </div> </li> <li id="MENU7"> <a class="main_menu" href="/futuretech/#" target="" accesskey="7" title="徵獎介紹 Alt+7" onmouseover="javascript:showWebMenu( 7 );" onfocus="javascript:showWebMenu( 7 );" onmouseout="javascript:removeWebMenu( 7, 1000 );" onblur="javascript:removeWebMenu( 7, 1000 );" > 徵獎介紹 <span style="display:block;"></span> </a> <div class="menu_open" id="MENU_in7"> <ul class="menu_open_in"> <li> <a href="https://award.futuretech.org.tw/" target="_blank"> 未來科技獎 </a> </li> <li> <a href="/futuretech/index.php?action=tieaward&web_lang=en-us" target=""> TIE Award </a> </li> </ul> </div> </li> <li id="MENU_lang"> <a href="javascript:();"> 繁體中文 </a> <div class="menu_open" id="MENU_in7"> <ul class="menu_open_in"> <li><a href="https://www.futuretech.org.tw/futuretech/index.php?action=calendar&web_lang=zh-tw" title="繁體中文">繁體中文</a></li> <li><a href="https://www.futuretech.org.tw/futuretech/index.php?action=calendar&web_lang=en-us" title="English">English</a></li> </ul> </div> </li> </ul> </div> </div>   <script> function headtop_removeScar( uid ){ $.ajax({ url:"/futuretech/api/api.shopping_cart.php", type: "POST", dataType: "json", data: { myAct:"removeScarByUid", uid: uid, nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg: 'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(Jdata){ if(Jdata.error=='C00'){ top_refresh(); } } }); } function top_refresh(_scar_no) { if (_scar_no == null) var _scar_no = ""; $.ajax({ url: "/futuretech/api/api.shopping_cart.php", type: "POST", dataType: "json", data: { myAct: "getCartNumber", nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg: 'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx' }, success: function(Jdata) { if (Jdata.error == 'C00') { $('#top_content').empty(); var html = ''; var count = 0; $.each(Jdata.content, function(key, value) { count = count + parseInt(value['scar_count']); }); $('#Car_Count').html(count); if (typeof top_refresh_authority === 'function') { top_refresh_authority(); } } } }) } top_refresh(); </script> <script src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/modernizr.custom.js"></script> <script src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/classie.js"></script> <script src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/mlpushmenu.js"></script> <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/js/jquery.collapse.js"></script> <script> // $(".Header_search").click(function() { // $(".search_open").fadeIn(); // $("body").addClass('disscroll'); // }); // $(".search_close").click(function() { // $(".search_open").fadeOut(); // $("body").removeClass('disscroll'); // }); </script> <div id="fb-root"></div> <script type="text/javascript" src="https://www.futuretech.org.tw/futuretech/templates/web_style/futuretech_2023/color_1/bootstrap.min.js"></script> <script language="javascript"> $(function () { $('[data-toggle="tooltip"]').tooltip(); $(".forum_item").hide(); $(".group_1").show(); $(".main_text.eng").hide(); }); </script> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <script> //視差錯位效果function function parallaxScroll() { var windowHeight = $(window).height(); var scrolled = $(window).scrollTop(); // $('.left_trigle').css('top', ((windowHeight * .1) + (scrolled * .15)) + 'px'); if ((windowHeight * .2) - (scrolled * .15) >= 0) { $('.yellow_trigle').css('right', ((windowHeight * .2) - (scrolled * .15)) + 'px'); } } $(function () { //console.log($.cookie("video_played")); $("video").hide(); var isMobile = false; //initiate as false // device detection if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))) { isMobile = true; } if (isMobile == false) { //video_control(); } //templates/web_style/futuretech/color_1/index/01-01.png var window_width = $(window).width(); if (window_width <= 600) { $("#main_banner").attr("src", "templates/web_style/futuretech/color_1/index/01-01.png"); //$("#main_banner").attr("src", "/include/img/P1/2019banner_rwd.jpg"); } else { $("#main_banner").attr("src", "templates/web_style/futuretech/color_1/index/01-01.png"); //$("#main_banner").attr("src", "/include/img/P1/2019banner.jpg"); } $(window).resize(function () { var window_width = $(window).width(); if (window_width <= 600) { $("#main_banner").attr("src", "templates/web_style/futuretech/color_1/index/01-01.png"); //$("#main_banner").attr("src", "/include/img/P1/2019banner_rwd.jpg"); } else { $("#main_banner").attr("src", "templates/web_style/futuretech/color_1/index/01-01.png"); //$("#main_banner").attr("src", "/include/img/P1/2019banner.jpg"); } }); //include html $("#menu_include").load("/_block/menu.html?t=20190523-3"); $("#footer_include").load("/_block/footer.html"); //video plugin if (typeof(lightGallery) != "undefined"){ $('#video_group').lightGallery({ thumbnail: true, download: false }); } }); </script> </div> <div class="FOR_MAIN" >  <div id="addCartMask" class="addCartMask" style="display: none;" onclick="$(this).css('display','none')"> <div class="addCartBlock"> <div class="addCartBlock_img"><img src="images/addCartIcon.png" alt="" /></div> <div class="addCartBlock_txt">已加入購物車</div> </div> </div>  <div id="addRfqMask" class="addCartMask" style="display: none;" onclick="$(this).css('display','none')"> <div class="addCartBlock"> <div class="addCartBlock_img"><img src="images/addCartIcon.png" alt="" /></div> <div class="addCartBlock_txt">已加入詢價車</div> </div> </div>  <div class="m_breadCrumbs"><div class="breadCrumbs2"> <a href="#C" title="中央內容區塊" id="AC" accesskey="C" name="C" class="accesskeyLink">:::</a> <ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li class="BC_list" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.futuretech.org.tw/" title="首頁"> <span itemprop="name">首頁</span> </a> <meta itemprop="position" content="1" /> </li> <li class="BC_symbol">/</li> <li class="BC_list" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://www.futuretech.org.tw/futuretech/index.php?action=calendar" title="精彩活動"> <span itemprop="name">精彩活動</span> </a> <meta itemprop="position" content="2" /> </li> </ol></div></div>   <div class="FOR_MAIN_box clearfix">        <div class="main_content_no_center">        <style> .lightopen .m_breadCrumbs .breadCrumbs2, .lightopen .m_breadCrumbs .breadCrumbs2 a, .lightopen .fc-view, .fc-view > table{ z-index: 0;} .lightopen .FOR_MAIN_box{ z-index: unset;} </style> <style> /* 調整 */ #header .head_title { z-index: 0; } .futuretech2022_header { z-index: 99; } .futuretech2022_header.it982_change { z-index: 1; } /*.futuretech2022_header::after { content: ''; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }*/ #calendar .it982_change::after { content: ''; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; } #calendar .lang_box { opacity: 1; } /*.it982_change .lang_box { opacity: 0.4 !important; }*/ /* */ .it982_bg { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .it982_bg .it982_card { background: #fff; padding: 35px 12px 0px 12px; box-shadow: 1px 1px 3.5px 0 rgba(0, 0, 0, 0.64); border-radius: 5px; position: relative; max-width: 420px; width: 100%; z-index: 9999; } .it982_closed { background: url(css/images/it982_closed.png); width: 18px; height: 17px; position: absolute; top: 10px; right: 11px; background-size: contain; cursor: pointer; } .it982_bg .it982_card h2 { font-size: 16px; color: #745490; font-weight: bold; margin-top: 10px; } .it982_bg .it982_card p { margin-bottom: 0rem; color: #333; font-weight: bold; font-size: 16px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; /*行數*/ -webkit-box-orient: vertical; white-space: normal; } .it982_bg .it982_card img { max-width: 500px; width: 100%; object-fit: contain; } .it982_bg .it982_card .it982_btn { font-size: 18px; font-weight: bold; margin: 16px 0; border-radius: 3px; display: flex; justify-content: space-between; } .it982_btn a { background-color: #745490; color: #fff; padding: 16px; display: block; width: 100%; margin: 0 5px; text-align: center; border-radius: 3px; } @media screen and (max-width: 768px) { .it982_bg { align-items: flex-end; } .it982_bg .it982_card { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .it982_bg .it982_card h2 { font-size: 14px; } .it982_btn a { font-size: 18px; font-weight: bold; } #calendar .lang_box { opacity: 1; } } @media screen and (max-height:660px) { .it982_bg .it982_card{ top: 58px; max-width: 359px; } } .fc-day-grid-event { cursor: pointer; } </style> <link href='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/core/main.css' rel='stylesheet' /> <link href='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/daygrid/main.css' rel='stylesheet' /> <link href='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/timegrid/main.css' rel='stylesheet' /> <link href='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/list/main.css' rel='stylesheet' /> <script src='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/core/main.js'></script> <script src='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/interaction/main.js'></script> <script src='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/daygrid/main.js'></script> <script src='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/timegrid/main.js'></script> <script src='https://www.futuretech.org.tw/futuretech/javascripts/fullcalendar/packages/list/main.js'></script> <div id='it892_calendar'></div> <div class="it982_bg" style="display: none;"> <div class="it982_card"> <span class="it982_closed"></span> <img id="event_img" src="/website/uploads/uploads_brands/website_87/brands_320_0_438.jpg" alt=""> <h2>活動主題：</h2> <p id="event_title"></p> <h2>活動時間：</h2> <p id="event_time"></p> <div class="it982_btn"> <a href="javascript: void(0);" onclick="$('#google_calendar').submit();">加入行事曆</a> <a id="event_url" href="#" target="_blank">查看活動</a> </div> </div> </div> <form id="google_calendar" action="" method="post"> <input name="myAct" type="hidden" value="COMMAND_SYNC_GOOGLE_CALENDAR" /> <input name="summary" type="hidden" value="" /> <input name="event_time" type="hidden" value="" /> <input name="event_url" type="hidden" value="" /> </form> <script> $(".it982_closed").click(function () { $(".it982_bg").hide(); $(".futuretech2022_header").removeClass("it982_change"); $("body").removeClass("lightopen"); }); document.addEventListener('DOMContentLoaded', function () { var calendarEl = document.getElementById('it892_calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { locale: 'zh-tw', plugins: ['interaction', 'dayGrid', 'timeGrid', 'list'], height: 'parent', contentHeight: 800, header: { left: 'prev', center: 'title', right: 'next' }, buttonText: { today: '今天', //今天 month: '月', //月 week: '週', //週 day: '天', //天 list: '活動列表' //活動列表 }, weekLabel: "週", //週 allDayText: "整天", //整天 noEventsMessage: "沒有任何活動", //沒有任何活動 navLinks: false, // can click day/week names to navigate views editable: false, displayEventTime: false, eventLimit: true, views: { month: { eventLimit: 4 } }, events: [{"title":"\u8d85\u524d\u4f48\u7f72\u534a\u5c0e\u9ad4\u4e0b\u500b\u5341\u5e74\u7af6\u722d\u529b","start":"2023-06-14 10:30:00","end":"2023-06-14 13:00:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/seminars.tca.org.tw\/D11i00360.aspx","extendedImage":"wpicon_img_1748.jpg?_79516","extendedTime":"2023\/06\/14 10:30 - 2023\/06\/14 13:00"},{"title":"\u79d1\u6280\u52a9\u653b 2050 \u6de8\u96f6\u8f49\u578b","start":"2022-10-14 10:30:00","end":"2022-10-14 12:00:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/seminars.tca.org.tw\/D11i00385.aspx","extendedImage":"wpicon_img_1751.jpg?_28598","extendedTime":"2022\/10\/14 10:30 - 2022\/10\/14 12:00"},{"title":"\u65b0\u6280\u8853\u50ac\u5316\u904b\u52d5\u7522\u696d\u5168\u65b0\u9762\u8c8c","start":"2022-10-15 10:30:00","end":"2022-10-15 12:00:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/seminars.tca.org.tw\/D11i00393.aspx","extendedImage":"wpicon_img_1752.jpg?_23529","extendedTime":"2022\/10\/15 10:30 - 2022\/10\/15 12:00"},{"title":"\u6436\u653b\u96fb\u5b50\u5149\u96fb\u7522\u696d\u93c8: \u7dda\u4e0a\u767c\u8868\u8207\u5a92\u5408","start":"2022-10-17 10:05:00","end":"2022-10-17 18:00:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/www.futuretech.org.tw\/futuretech\/index.php?action=tech_pub_2022","extendedImage":"wpicon_img_1753.jpg?_69612","extendedTime":"2022\/10\/17 10:05 - 2022\/10\/17 18:00"},{"title":"\u6c38\u7e8c\u7da0\u80fd\u65b0\u6d6a\u6f6e: \u7dda\u4e0a\u767c\u8868\u8207\u5a92\u5408","start":"2022-10-17 10:05:00","end":"2022-10-17 18:00:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/www.futuretech.org.tw\/futuretech\/index.php?action=tech_pub_2022","extendedImage":"wpicon_img_1754.jpg?_55001","extendedTime":"2022\/10\/17 10:05 - 2022\/10\/17 18:00"},{"title":"AIoT \u667a\u6167\u61c9\u7528\u5927\u89e3\u5bc6: \u7dda\u4e0a\u767c\u8868\u8207\u5a92\u5408","start":"2022-10-18 10:05:00","end":"2022-10-18 16:05:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/www.futuretech.org.tw\/futuretech\/index.php?action=tech_pub_2022","extendedImage":"wpicon_img_1755.jpg?_96546","extendedTime":"2022\/10\/18 10:05 - 2022\/10\/18 16:05"},{"title":"\u751f\u91ab\u7522\u696d\u65b0\u91cf\u80fd: \u7dda\u4e0a\u767c\u8868\u8207\u5a92\u5408","start":"2022-10-19 10:05:00","end":"2022-10-19 16:05:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/www.futuretech.org.tw\/futuretech\/index.php?action=tech_pub_2022","extendedImage":"wpicon_img_1756.jpg?_49416","extendedTime":"2022\/10\/19 10:05 - 2022\/10\/19 16:05"},{"title":"TIE Award Unveil \u6280\u8853\u767c\u8868\u6703","start":"2022-10-13 10:30:00","end":"2022-10-13 11:30:00","backgroundColor":"#FFFFFF","borderColor":"#7B5194","textColor":"#7B5194","extendedUrl":"https:\/\/image.tca.org.tw\/unblock\/EDM1111005183157\/","extendedImage":"wpicon_img_1757.jpg?_74147","extendedTime":"2022\/10\/13 10:30 - 2022\/10\/13 11:30"}], //json字串 eventClick: function (info) { var extend = info.event.extendedProps; var title = info.event.title; var image = "https://futuretech.org.tw/website/uploads/website_87/zh-tw/" + extend.extendedImage; $("#event_img").attr("src", image).attr("alt", title); $("#event_title").html(title); $("#event_time").html(extend.extendedTime); $("#event_url").attr("href", extend.extendedUrl); $("input[name='summary']").val(title); $("input[name='event_time']").val(extend.extendedTime); $("input[name='event_url']").val(extend.extendedUrl); $(".it982_bg").show(); $(".futuretech2022_header").addClass("it982_change"); $("body").addClass("lightopen"); } }); calendar.render(); }); </script>     <div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit" style="padding:0px 0px 0px 0px"> <style type="text/css">.it982_btn>a{display: none;} .it982_btn #event_url{display:block;} </style> </div> </div>   </div>  <div class="anim-elements"> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> <div class="anim-element"></div> </div>   </div> <div class="FOR_FOOTER"> <span class="copy_right"><footer> <div class="footer_container"> <div class="footer_info"> 委辦單位：<img src="templates/web_style/futuretech_2022/color_1/nstc_logo.svg" /> </div> <div class="footer_info"> <span>Copyright©未來科技館</span> </div> </div> </footer> <style type="text/css"> .FOR_TOP, .FOR_FOOTER{ min-width: initial; } footer { width: 100%; background-color: #D8D8D8; font-size: 20px; text-align: center; line-height: 70px; color: #000; letter-spacing: 1px; } footer .footer_container{ max-width: 1200px; margin: 0 auto; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between; } footer .footer_logo{ width: 100px; height: auto; } footer .footer_info span{ display: inline-block; } footer .footer_info img{ max-height: 45px; height: 100%; width: auto; margin-right: 5px; padding-bottom:10px; } </style> <script> //<![CDATA[ (function($){$.fn.basictable=function(options){var setup=function(table,data){var headings=[];if(data.tableWrap){table.wrap('<div class="bt-wrapper"></div>')}var format="";if(table.find("thead tr th").length){format="thead th"}else if(table.find("tbody tr th").length){format="tbody tr th"}else if(table.find("th").length){format="tr:first th"}else{format="tr:first td"}$.each(table.find(format),function(){var $heading=$(this);var colspan=parseInt($heading.attr("colspan"),10)||1;var row=$heading.closest("tr").index();if(!headings[row]){headings[row]=[]}for(var i=0;i<colspan;i++){headings[row].push($heading)}});$.each(table.find("tbody tr"),function(){setupRow($(this),headings,data)});$.each(table.find("tfoot tr"),function(){setupRow($(this),headings,data)})};var setupRow=function($row,headings,data){$row.children().each(function(){var $cell=$(this);if(($cell.html()===""||$cell.html()===" ")&&!data.showEmptyCells){$cell.addClass("bt-hide")}else{var cellIndex=$cell.index();var headingText="";for(var j=0;j<headings.length;j++){if(j!=0){headingText+=": "}var $heading=headings[j][cellIndex];headingText+=$heading.text()}$cell.attr("data-th",headingText);if(data.contentWrap&&!$cell.children().hasClass("bt-content")){$cell.wrapInner('<span class="bt-content" />')}}})};var unwrap=function(table){$.each(table.find("td"),function(){var $cell=$(this);var content=$cell.children(".bt-content").html();$cell.html(content)})};var check=function(table,data){if(!data.forceResponsive){if(table.removeClass("bt").outerWidth()>table.parent().width()){start(table,data)}else{end(table,data)}}else{if(data.breakpoint!==null&&$(window).width()<=data.breakpoint||data.containerBreakpoint!==null&&table.parent().width()<=data.containerBreakpoint){start(table,data)}else{end(table,data)}}};var start=function(table,data){table.addClass("bt");if(data.tableWrap){table.parent(".bt-wrapper").addClass("active")}};var end=function(table,data){table.removeClass("bt");if(data.tableWrap){table.parent(".bt-wrapper").removeClass("active")}};var destroy=function(table,data){table.find("td").removeAttr("data-th");if(data.tableWrap){table.unwrap()}if(data.contentWrap){unwrap(table)}table.removeData("basictable")};var resize=function(table){if(table.data("basictable")){check(table,table.data("basictable"))}};this.each(function(){var table=$(this);if(table.length===0||table.data("basictable")){if(table.data("basictable")){if(options=="destroy"){destroy(table,table.data("basictable"))}else if(options==="start"){start(table,table.data("basictable"))}else if(options==="stop"){end(table,table.data("basictable"))}else{check(table,table.data("basictable"))}}return false}var settings=$.extend({},$.fn.basictable.defaults,options);var vars={breakpoint:settings.breakpoint,containerBreakpoint:settings.containerBreakpoint,contentWrap:settings.contentWrap,forceResponsive:settings.forceResponsive,noResize:settings.noResize,tableWrap:settings.tableWrap,showEmptyCells:settings.showEmptyCells};if(vars.breakpoint===null&&vars.containerBreakpoint===null){vars.breakpoint=1000}table.data("basictable",vars);setup(table,table.data("basictable"));if(!vars.noResize){check(table,table.data("basictable"));$(window).bind("resize.basictable",function(){resize(table)})}})};$.fn.basictable.defaults={breakpoint:null,containerBreakpoint:null,contentWrap:true,forceResponsive:true,noResize:false,tableWrap:false,showEmptyCells:false}})(jQuery); //]]> </script> <script> $(".RWD").basictable(); </script></span> </div> </div>  <script language="javascript"> /** * date input format checker. */ function dateCheckerKeyIn (dateInput, event, ShoppingScar) { ShoppingScar = ShoppingScar || null; var memBirthday = $(dateInput).val(); var lastKeyIn = event.which; /* console.log(lastKeyIn)*/ if (lastKeyIn == 8 || lastKeyIn == 37 || lastKeyIn == 38 || lastKeyIn == 39 || lastKeyIn == 40 || lastKeyIn == 9) { /* permit keyin but do nothing.*/ return null; } else if (!((lastKeyIn >= 48 && lastKeyIn <= 57) || (lastKeyIn >= 96 && lastKeyIn <= 105)) && lastKeyIn != 190 && lastKeyIn != 191 && lastKeyIn != 173 && lastKeyIn != 111 && lastKeyIn != 109) { /* 不允許字元, back*/ event.preventDefault (); /* console.log('bad char.')*/ return null; } if (!__dateChecker (dateInput, ShoppingScar)) { event.preventDefault (); } } /** * date format checker */ function __dateChecker (dateInput, ShoppingScar) { ShoppingScar = ShoppingScar || null; var memBirthday = $(dateInput).val(); var nowD = new Date(); var memBirthdayY = memBirthday.split(/[-/]/)[0]; var memBirthdayM = (memBirthday.split(/[-/]/)[1] == 'undefined') ? '' : memBirthday.split(/[-/]/)[1]; var memBirthdayD = (memBirthday.split(/[-/]/)[2] == 'undefined') ? '' : memBirthday.split(/[-/]/)[2]; if(ShoppingScar == null){ /* console.log(memBirthdayY)*/ if (memBirthdayY.length > 4 || (nowD.getYear() + 1900) < parseInt(memBirthdayY, 10)) { $(dateInput).val (''); /*console.log ('year fault.' + nowD.getYear())*/ return false; } else if ( memBirthdayM.length >= 2 && (parseInt(memBirthdayM, 10) > 12 || parseInt(memBirthdayM, 10) < 1) ) { $(dateInput).val (memBirthday.substring(0, 5)); /*console.log ('month fault.')*/ return false; } else if ( memBirthdayD.length >= 2 && (parseInt(memBirthdayD, 10) > 31 || parseInt(memBirthdayD, 10) < 1) ) { $(dateInput).val (memBirthday.substring(0, 8)); /*console.log ('day fault.')*/ return false; } else if (memBirthday.length > 10) { $(dateInput).val (memBirthday.substring(0, memBirthday.length - 1)); /*console.log('length fault.')*/ return false; } }else{ if(memBirthday.length == 10){ if(!isDate(dateInput, memBirthday)){ return false; } } if(memBirthday.length > 10) { $(dateInput).val (memBirthday.substring(0, memBirthday.length - 1)); return false; } } return true; } function _openPageEditContent( _wpitem_uid ) { var open_uri = 'https://www.futuretech.org.tw/futuretech/admweb/admweb.main.php?action=website_page_item_content' + '&wpitem_uid=' + _wpitem_uid; var oOpenWindow = window.open(open_uri, 'page_item_content', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=780,height=580'); oOpenWindow.focus(); } function _openPageEditWindow( open_uri ) { var oOpenWindow = window.open(open_uri, 'page_edit', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=780,height=580'); oOpenWindow.focus(); } function _openImage( imgUri, imgPath ,imagewidth ,imageheight) { imagewidth = imagewidth || 695; imageheight = imageheight || 695; if( !imgPath ) imgPath = ''; var open_uri = 'https://www.futuretech.org.tw/futuretech/openwin/openwin.index.php?action=images' + '&imgUri=' + imgUri + '&imgPath=' + imgPath; var oOpenWindow = window.open(open_uri, 'openImage', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width='+imagewidth+',height='+imageheight ); oOpenWindow.focus(); } function _openProductSort( jsAct, formName, elName, lang, _args ) { var open_uri = 'https://www.futuretech.org.tw/futuretech/openwin/openwin.index.php?action=product_sort' + '&jsAct=' + jsAct + '&form_name=' + formName + '&el_name=' + elName + '&openwin_lang=' + lang; if(_args) open_uri += _args; var oOpenWindow = window.open(open_uri, 'productSort', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=300'); oOpenWindow.focus(); } function _reloadAuthimgImg( imgId ) { var r = Math.round(Math.random()*9999); document.getElementById( imgId ).src = 'https://www.futuretech.org.tw/futuretech/images/authimg.php?' + r; } /**/ /*var menu_move_x = 0; /**/ /*var menu_move_y = 0; /**/ var menuDivId; var menuDivId_out; var objMenuDiv; var objMenuDiv_out; var _isMenuDiv = 0; function showWebMenu( id ){ menuDivId = 'div_webMenu_' + id; _isMenuDiv = 1; objMenu = document.getElementById( 'webMenu_' + id ); objMenuDiv = document.getElementById( menuDivId ); if( objMenuDiv ){ graphics = ij_getXY(objMenu); objMenuDiv.style.left = graphics[0] + menu_move_x + 'px'; objMenuDiv.style.top = graphics[1] + menu_move_y + 'px'; ij_showDiv(menuDivId, true); } if( objMenuDiv_out && menuDivId_out != menuDivId ){ ij_showDiv(menuDivId_out, false); } menuDivId_out = null; } function removeWebMenu( id, timeOut ){ menuDivId_out = 'div_webMenu_' + id; objMenuDiv_out = document.getElementById( 'div_webMenu_' + id ); _isMenuDiv = 0; setTimeout( '_removeWebMenu()' ,timeOut); } function _removeWebMenu(){ if( !_isMenuDiv && objMenuDiv_out ) ij_showDiv(menuDivId_out, false); } /**/ String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }; function formatNumber(str) { str = str.trim(); if(str.length <= 3){ return str; }else{ return formatNumber(str.substr(0,str.length-3))+','+str.substr(str.length-3); } } function RemoveStringComma(number) { var pos = number.indexOf(","); while (pos != -1) { number = number.substring(0, pos) + number.substring(pos + 1, number.length); pos = number.indexOf(","); } return number; } /* jquery = jQuery.noConflict(true);*/ $(document).ready(function(){ /* $(".formatNumber").find("font").each(function(i){ $(".formatNumber").each(function(i){ var _num = $(this).html(); $(this).html(formatNumber(_num)); }); */ $("textarea").keyup(function(event){ var test =$(this).val(); if(! test.match(/^[^']{0,}$/)){ $(this).val(test.replace(/[\u0027]+/ig,'')); } }); /* $("input").keyup(function(event){ var test =$(this).val(); if(! test.match(/^[^']{0,}$/)){ $(this).val(test.replace(/[\u0027]+/ig,'')); } }); */ $(':input').on('input paste',function(){$(this).keyup();}); /* nocsrf var csrfToken = 'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx'; var csrfTokenInput = document.createElement("input"); $(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg').val (csrfToken); $('form').each (function (index) { alert($(this).attr('id')); $(this).append(csrfTokenInput); //console.log($(this).serialize()); }); */ /* 2019/11/26 把這段搬來裡面否則這樣頁面有多個form 只有最後一個會加到csrf*/ $('form').each (function (index) { /* nocsrf */ var csrfToken = 'MTczMzE4Mjk3OWh4eWFacVNxcWpiR0V3UzVUZ0N0d1VVSEw3SUFUVUZx'; var csrfTokenInput = document.createElement("input"); $(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUFDJTgwJTdDJUJDJUJCJUI5eHklQkMlQUQlN0QlN0YlQjAlQjMlQkQlQjglQUUlODAlQUMlQjElN0MlQjElQUV4JUIyeg').val (csrfToken); $(this).append(csrfTokenInput); /*console.log($(this).serialize());*/ }); // // iframe加上sandbox屬性 // if($(".card-number-group").length == 0){ // $('iframe').each (function (index) { // $(this).attr("sandbox", "allow-same-origin"); // }); // } /*alert 主機 ip*/ }); function isDate(dateInput, dateStr) { var dateStr = $(dateInput).val(); var datePat = /^(\d{4})(\/)(\d{1,2})(\/)(\d{1,2})$/; var matchArray = dateStr.match(datePat); /* is the format ok?*/ var nowD = new Date(); var keyD = new Date(dateStr); var weekend = keyD.getDay(); if(matchArray == null){ $(dateInput).val(''); return false; } year = matchArray[1]; /* p@rse date into variables*/ month = matchArray[3]; day = matchArray[5]; if(month < 1 || month > 12){ /* check month range*/ $(dateInput).val(dateStr.substring(0, 5)); return false; } if(day < 1 || day > 31){ $(dateInput).val(dateStr.substring(0, 8)); return false; } if((month == 4 || month == 6 || month == 9 || month == 11) && day == 31){ $(dateInput).val(dateStr.substring(0, 8)); return false; } if(month == 2){ /* check for february 29th*/ var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)); if(day > 29 || (day == 29 && !isleap)){ $(dateInput).val(dateStr.substring(0, 8)); return false; } } if(nowD.getTime() > keyD.getTime()){ $(dateInput).val(''); return false; } if(weekend == 0 || weekend == 6){ $(dateInput).val(dateStr.substring(0, 8)); return false; } return true; /* date is valid*/ } /*檢查身分證字號*/ function check_taiwan_ID( id ){ tab = "ABCDEFGHJKLMNPQRSTUVXYWZIO" A1 = new Array (1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,3,3,3,3,3,3 ); A2 = new Array (0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5 ); Mx = new Array (9,8,7,6,5,4,3,2,1,1); if ( id.length != 10 ) return false; i = tab.indexOf( id.charAt(0) ); if ( i == -1 ) return false; sum = A1[i] + A2[i]*9; for ( i=1; i<10; i++ ) { v = parseInt( id.charAt(i) ); if ( isNaN(v) ) return false; sum = sum + v * Mx[i]; } if ( sum % 10 != 0 ) return false; return true; } /*檢查居留證號碼*/ function check_resident_ID( id ) { studIdNumber = id /*格式，用正則表示式比對第一個字母是否為英文字母*/ if(isNaN(studIdNumber.substr(2,8)) || (!/^[A-Z]$/.test(studIdNumber.substr(0,1))) || (!/^[A-Z]$/.test(studIdNumber.substr(1,1)))){ /*alert("居留證號碼格式錯誤");*/ return false; } var idHeader = "ABCDEFGHJKLMNPQRSTUVXYWZIO"; /*按照轉換後權數的大小進行排序*/ /*這邊把身分證字號轉換成準備要對應的*/ studIdNumber = (idHeader.indexOf(studIdNumber.substring(0,1))+10) + '' + ((idHeader.indexOf(studIdNumber.substr(1,1))+10) % 10) + '' + studIdNumber.substr(2,8); /*開始進行身分證數字的相乘與累加，依照順序乘上1987654321*/ s = parseInt(studIdNumber.substr(0,1)) + parseInt(studIdNumber.substr(1,1)) * 9 + parseInt(studIdNumber.substr(2,1)) * 8 + parseInt(studIdNumber.substr(3,1)) * 7 + parseInt(studIdNumber.substr(4,1)) * 6 + parseInt(studIdNumber.substr(5,1)) * 5 + parseInt(studIdNumber.substr(6,1)) * 4 + parseInt(studIdNumber.substr(7,1)) * 3 + parseInt(studIdNumber.substr(8,1)) * 2 + parseInt(studIdNumber.substr(9,1)); /*檢查號碼 = 10 - 相乘後個位數相加總和之尾數。*/ checkNum = parseInt(studIdNumber.substr(10,1)); /*模數 - 總和/模數(10)之餘數若等於第九碼的檢查碼，則驗證成功*/ /*若餘數為0，檢查碼就是0*/ if((s % 10) == 0 || (10 - s % 10) == checkNum){ return true; } else{ return false; } } /*檢查統編*/ function isValidGUI(taxId) { var invalidList = "00000000,11111111"; if (/^\d{8}$/.test(taxId) == false || invalidList.indexOf(taxId) != -1) { return false; } var validateOperator = [1, 2, 1, 2, 1, 2, 4, 1], sum = 0, calculate = function(product) { /* 個位數 + 十位數*/ var ones = product % 10, tens = (product - ones) / 10; return ones + tens; }; for (var i = 0; i < validateOperator.length; i++) { sum += calculate(taxId[i] * validateOperator[i]); } return sum % 10 == 0 || (taxId[6] == "7" && (sum + 1) % 10 == 0); } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } </script>          <div class="personal_statement" style="display: none;"> 本網站使用您的Cookie於優化網站。繼續瀏覽網站即表示您同意本公司隱私權政策，您可至隱私權政策了解詳細資訊。 <div class="btn_personal_box"> <button class="btn_personal_statement" name="personal_statement" type="button" onclick="setPersonalStatement();"> 我同意 </button> </div> </div> <script> function setPersonalStatement() { setCookie('personal_statement', 1, 365); /*a year*/ $(".personal_statement").hide(); } function parseCookie() { var cookieObj = {}; var cookieAry = document.cookie.split(';'); var cookie; for (var i=0, l=cookieAry.length; i<l; ++i) { cookie = jQuery.trim(cookieAry[i]); cookie = cookie.split('='); cookieObj[cookie[0]] = cookie[1]; } return cookieObj; } function getCookieByName(name) { var value = parseCookie()[name]; if (value) { value = decodeURIComponent(value); } return value; } if (!getCookieByName('personal_statement')) { $(".personal_statement").show(); } </script>  <script src="./javascripts/jquery.lazyload.js"></script> <style> .before_slide_lazy.lazy{ display: none !important; } </style> <script> function lazyload2(L){ $("img.lazy").each(function(){ if ($(this).parents('.slides').length || $(this).parents('.slides_lazy').length) { $(this).addClass('before_slide_lazy'); } else { if (($(window).scrollTop() + window.innerHeight >= $(this).offset().top && $(window).scrollTop() + window.innerHeight <= $(this).offset().top + $(this).outerHeight()) || ($(window).scrollTop() <= $(this).offset().top + $(this).outerHeight() && $(window).scrollTop() >= $(this).offset().top) || ($(window).scrollTop() <= $(this).offset().top && $(window).scrollTop() + window.innerHeight >= $(this).offset().top + $(this).outerHeight())) { if ($(this).attr('data-original') != $(this).attr('src')) { deferred_load = $.Deferred(); $(this).attr('src', $(this).attr('data-original')); $(this).removeClass('lazy'); deferred_load.resolve(); $.when(deferred_load).done(function(){ if (typeof (L) == "function") L(); }); } } } }); } $(function(){ /* $("img").addClass('lazy'); $("img").each(function(){ $(this).attr('data-original',$(this).attr('src')) }); $("img").removeAttr('src'); */ var deferred_lazyload = $.Deferred(); lazyload2(); deferred_lazyload.resolve(); $(window).scroll(function(){ lazyload2(); }); /*必須等輪播之外的圖片已經載入圖片後才載入，這樣才不會造成螢幕內灰圖*/ $.when(deferred_lazyload).done(function(){ /*輪播圖片如果使用slide動畫而非fade，會與lazyload會有衝突(直接出現在螢幕上的圖片必須滾動後才會載入)，必須先將輪播圖片全部載好後再啟動輪播*/ /*直接將屬性data-original置換src載入就不會有短暫灰圖的問題*/ $("ul.slides").find("img.lazy").each(function(){ $(this).attr('src',$(this).attr('data-original')); $(this).removeClass('before_slide_lazy'); $(this).removeClass('lazy'); }); $(".slides_lazy").find("img.lazy").each(function(){ $(this).attr('src',$(this).attr('data-original')); $(this).removeClass('before_slide_lazy'); $(this).removeClass('lazy'); }); }); $("img.lazy").show().lazyload({effect : "fadeIn", failure_limit : 20 ,threshold:$(window).height(),skip_invisible:false}); /*加入threshold為視窗高度，以免一開始沒load圖*/ $(document).imagesLoaded(function(){ /*圖片出現後*/ $("img.lazy").each(function(){ $(this).lazyload(); }); }); }); </script>     <script> var u = navigator.userAgent; if (QueryString('action') == 'member_login') { var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; /*android终端*/ var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); /*ios终端*/ if (isAndroid) { token = window.JavaScriptInterface.fetchFirebaseToken(); token = token.split(' from Java side')[0]; html = '<input type="hidden" name="token" value="'+token+'"/>'+ '<input type="hidden" name="device" value="android"/> '; $("#login_account").after(html); /* window.stop();*/ /* window.JavaScriptInterface.login();*/ } else if (isiOS) { window.webkit.messageHandlers.fetchFirebaseToken.postMessage(null); /* window.stop();*/ /* window.webkit.messageHandlers.login.postMessage(null)*/ } } function getiOSToken(token) { html = '<input type="hidden" name="token" value="'+token+'"/>'+ '<input type="hidden" name="device" value="ios"/> '; $("#login_account").after(html); } /*取得get值*/ function QueryString(name) { var AllVars = window.location.search.substring(1); var Vars = AllVars.split("&"); for (i = 0; i < Vars.length; i++) { var Var = Vars[i].split("="); if (Var[0] == name) return Var[1]; } return ""; } </script>   <script type="text/javascript"> gtag('event', 'view_item_list', { "items": [ ] }); </script>     <script> //會員登入 function mem_login() { //請先登入會員！ if (confirm('請先登入會員！')) { window.location = 'https://www.futuretech.org.tw/member/index.php?action=member_login&b_action=calendar&r_byeurl=futuretech&logout=1'; } else { return false; } } function scart_num_refresh() { $.ajax({ url: "/futuretech/api/api.shopping_cart.php", type: "POST", dataType: "json", data: { myAct:"getCartNumber", [csrf_key]: csrf_val }, success: function(Jdata){ if( Jdata.error == 'C00' ){ var count = 0; $.each(Jdata.content, function(key, value) { count = count + parseInt(value['scar_count']); }); $('.Cart_Total').html(count); } } }); } if (typeof top_refresh !== 'function') { scart_num_refresh(); } function removeScarByWeb(web_byeurl) { $.ajax({ url: "/futuretech/api/api.shopping_cart.php", type: "POST", dataType: "json", data: { myAct: "removeScarByWeb", web_byeurl: web_byeurl, [csrf_key]: csrf_val }, success: function(Jdata){ if( Jdata.error == 'C00' ){ if (typeof(it340_scart_refresh) == 'function') { it340_scart_refresh(); } else { top_refresh(); } } } }); } //商品列表加入購物車按鈕 function goCart123_mask(form_no) { $.ajax({ url: "api/api.shopping_cart.php", type: "POST", dataType: "json", data: { myAct: "check", [csrf_key]: csrf_val }, success: function (Jdata) { if (Jdata.error == 'C00') { $.ajax({ url: 'index.php?action=shopping_cart&web_cart_myAct=SHOPPING_CART&cart_add_from=prod_temp', type: "POST", dataType: "json", data: 'myAct=ajaxadd&' + csrf_key + '=' + csrf_val + '&scar_count[]=1&prod_no[]=' + form_no, success: function (response) { if (response.error == 'C00') { $('#addCartMask').delay(300).fadeIn(300).delay(300).fadeOut(800); //FB Pixel 加入購物車 if (typeof(fb_AddToCart) == 'function') { fb_AddToCart(form_no, response.fbValue, response.fbContents); } // alert("已將商品加入購物車"); top_refresh(response.scar_no); $('div.AF_RSides_cart').stop(true, true).animate({right: "0"}, "medium").delay(1000).animate({right: "-90"}, "medium"); } else if (response.error.indexOf('E') == 0) { if (response.error == 'E03') { //alert(response.error + ': ' + response.err_alert); alert('此為會員限購商品，請先登入會員。'); //window.top.location.href = response.backURL; window.location.href = "https://www.futuretech.org.tw/member/index.php?action=member_login&b_action=calendar"; } else if (response.error == 'E09') { //任選商品，導到詳細頁 window.location.href = response.backURL; } else { alert(response.error + ': ' + response.err_alert); } } } }); } } }); } function closeBox_mask(prod_no) { goCart123_mask(prod_no); $(".fancybox-close").click(); //關閉 light box } function goRfq_mask(prod_no){ $.ajax({ url: "index.php?action=shopping_cart_rfq", type: "POST", dataType: "json", data: { prod_no: prod_no, [csrf_key]: csrf_val }, complete:function(){ top_refresh(); } // success: function(Jdata){ // if( Jdata.error == 'C00' ){ // window.location.href = "https://www.futuretech.org.tw/member/index.php?action=member_login&b_action=calendar"; // } // } }); $('#addRfqMask').delay(300).fadeIn(300).delay(300).fadeOut(800); } function goTrace(prod_uid, prod_no, prod_selling_price, ele, addClass) { if (mem_uid) { $.ajax({ url:"https://www.futuretech.org.tw/futuretech/api/api.product_trace_list.php", type:"POST", dataType:"json", data:{ uid : prod_uid, myAct : "add", prod_no : prod_no, mem_uid : mem_uid, remove : true }, success: function(Jdata){ if (Jdata.error == 'C00') { if (Jdata.status == "1") { //FB Pixel 加到願望清單 if (typeof(fb_AddToWishlist) == 'function') fb_AddToWishlist(prod_no, prod_selling_price); $(ele).addClass(addClass); alert("追蹤清單新增成功"); } else { $(ele).removeClass(addClass); } } else { /**/ alert('頁面過期，請重新整理！ ( ' + Jdata.error + ' )'); } } }); } else { mem_login(); } } $(document).ready(function(){ $("#authimg_audio").on('click', async () => { // 發送驗證碼 $.ajax({ url:'api/api.ajax_get_authimg_str.php', type: 'POST', dataType: "json", async: false, data: {}, success:function(rtn_data){ if (rtn_data.error == 'C00') { var arr = []; $.each(rtn_data.authimg_str,function(key,value){ arr.push('https://www.futuretech.org.tw/futuretech/assets/audio/numbers/'+value+'.mp3'); }) var myAudio = new Audio(); myAudio.preload = true; myAudio.controls = true; myAudio.src = arr[0]; //每次讀數組最後一個元素 arr.shift(); myAudio.addEventListener('ended', playEndedHandler, false); myAudio.play(); myAudio.loop = false;//禁止循環，否則無法觸發ended事件 function playEndedHandler(){ myAudio.src = arr[0]; arr.shift(); myAudio.play(); !arr.length && myAudio.removeEventListener('ended',playEndedHandler,false);//只有一個元素時解除綁定 } } }, error:function(){ str = '語音讀取失敗'; } }); }) }); </script>  </body> </html>

CINXE.COM

精彩活動 - Future Tech Pavilion, FUTEX未來科技館