CINXE.COM

<script>alert('Future Tech Pavilion, FUTEX未來科技館網路購物安全說明\n即日起不再支援Internet Explorer 8.0版本（含以下）瀏覽器\n\n感謝您對Future Tech Pavilion, FUTEX未來科技館的支持，為提供您更安全的網路服務，我們持續提升網路資訊安全，即日起將提高網路傳輸加密等級，部份舊版瀏覽器因安全防護等級過低，可能無法順利進行網頁瀏覽與交易。受影響的瀏覽器包括微軟Internet Explorer 8.0及其以下版本，如您使用前述瀏覽器，敬請升級至較新的相容版本或改用其他瀏覽器，建議使用Google Chrome / Firefox / IE11以上最新版本瀏覽器，以達最佳瀏覽體驗、並且在更安全環境下使用Future Tech Pavilion, FUTEX未來科技館的網路服務。\n\n若有任何問題請您與【客服中心】連絡，謝謝。\nFuture Tech Pavilion, FUTEX未來科技館祝您購物愉快！\n');</script><!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?" /> <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'}; $.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', '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" } ],"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=index', 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q:'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q:'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q:'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q:'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q:'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q:'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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="index">  <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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q'; csrf_val = 'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4'; 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?&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"> <h1 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> </h1>  <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?&web_lang=zh-tw" title="繁體中文">繁體中文</a></li> <li><a href="https://www.futuretech.org.tw/futuretech/index.php?&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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q: 'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q: 'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4' }, 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> <script> $(function(){ $("#index_browse_count").html('1489246'); //for count down if (typeof($('#counter').position()) != "undefined"){ start_count = false; $counter_top = $('#counter').position().top - $(window).height(); parallaxScroll(); var st = $(this).scrollTop(); lastScrollTop = st; if (start_count == false) { start_count = true; $('.item_num').each(function () { $(this).prop('Counter', 0).animate({ Counter: $(this).text() }, { duration: 2000, easing: 'swing', step: function (now) { $(this).text(Math.ceil(now)); } }); }); } } }); </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="FOR_MAIN_box clearfix">        <div class="main_content_no_center">        <style> .item_668{width:1200px; margin:0 auto;} </style> <div class="item_668" style="width:100%;"> <div class="item_668_3925"> <div class="owl-carousel owl-theme it668_slider" id="item_668_3925">  <a href="https://www.nstc.gov.tw/folksonomy/detail/51ed54b1-b24e-4476-a610-d4533a4b75e5?l=ch" target="_blank" rel=""> <img class="lazy " data-original="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_2938.png?_85703" id="wpicon_img_2938.png?_85703" alt="2024未來科技獎獲獎公告" title="2024未來科技獎獲獎公告" border="0" src="/website/images/lazyload.png" /></a> <a href="https://www.taiwantradeshows.com.tw/zh_TW/login/p/index.html?syid=IN2024" target="_blank" rel=""> <img class="lazy " data-original="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_2179.png?_61924" id="wpicon_img_2179.png?_61924" alt="參觀預登請點我" title="參觀預登請點我" border="0" src="/website/images/lazyload.png" /></a> </div> </div> </div> <script> $(document).ready(function() { var owl_switch_temp = "dot"; var dots_status = false; var arrow_status = false; var autoplay_status = 1 ? true : false; var autoplayTimeout_value = "5" ? parseInt("5") * 1000 : 0; switch (owl_switch_temp) { case "dot": dots_status = true; break; case "arrow": arrow_status = true; break; case "both": dots_status = true; arrow_status = true; break; } $('#item_668_3925').owlCarousel({ items: 1, lazyLoad: true, loop: true, margin: 0, dots: dots_status, autoplay: autoplay_status, autoplayTimeout: autoplayTimeout_value, nav: arrow_status }); }); </script>     <style> .it627 { width: 58%; padding: 39px 0 0 8%; position: relative; background: transparent; float: left; } /* 黃色三角背景 */ .it627 .yellow_trigle { position: absolute; top: -10vh; width: 0; height: 0; border-left: 20vh solid transparent; border-right: 20vh solid transparent; border-top: 20vh solid #FFDE32; transform: rotate(-90deg); left: -15vh; z-index: -1; } .news_block { max-width: 1047px; overflow: unset; } .news_block #news_group { transform: skewX(5deg); margin: 0; padding: 0; width: 100%; display: flex; flex-direction: column; } .news_block #news_group .news_title, .news_block #news_group .news_item { transform: skewX(-5deg); color: #000; } .news_block #news_group .news_title { line-height: normal; display: flex; align-items: center; padding: 13px 0; column-gap: 20px; } .news_block #news_group .news_item { position: relative; width: 100%; flex-wrap: nowrap; } .news_block #news_group .news_item::before { content: ''; position: absolute; left: 0; width: 5px; height: 30px; display: inline-block; background: #622EB7; opacity: 0; transition: all 0.3s ease; } .news_block #news_group .news_item:hover { margin-left: 48px; padding-left: 43px; color: #000; width: 95%; } .news_block #news_group .news_item:focus { outline: none; } .news_block #news_group .news_item:hover::before { opacity: 1; } .news_title svg { width: 30px; height: 30px; } .news_block #news_group .news_title b { font-size: 25px; letter-spacing: 2.5px; font-weight: 700; } .news_block #news_group .line, .news_block #news_group .news_item { margin-left: 48px; flex: 1 1 auto; width: auto; } .news_block #news_group .line { background: linear-gradient(90deg, rgba(98, 46, 183, 1) 0%, rgba(98, 46, 183, 0) 100%); } .news_block #news_group .news_item .item_date, .news_block #news_group .news_item .item_desc { font-size: 20px; font-weight: 700; line-height: normal; } .news_block #news_group .news_item .item_date { margin-right: 6%; width: auto; letter-spacing: 4px; flex: none; } .news_block #news_group .news_item .item_desc { letter-spacing: 2px; } /* 活動快訊hover右側三角形 */ .item_triangle { position: relative; width: 40px; height: 20px; opacity: 0; transition: all 0.3s ease-in-out; transform: translateX(10px); flex: 1 1 auto; } .item_triangle::after { content: ""; display: block; width: 0; height: 0; border-color: transparent transparent #EBCC29 transparent; border-width: 0 5px 20px 5px; border-style: solid; transform: rotate(-90deg); position: absolute; right: 0; transition: all 0.3s ease-in-out; } .news_item:hover .item_triangle { opacity: 1; width: 20px; transform: translateX(0px); } .news_item:hover .item_triangle::after { border-width: 0 10px 20px 10px; } /* more... > */ .news_block #news_group .news_more { padding: 14px 0; transform: skewX(-5deg); color: #000; font-size: 20px; font-weight: 700; line-height: normal; letter-spacing: 2px; display: flex; column-gap: 10px; align-items: center; justify-content: flex-end; } .news_block #news_group .news_more:focus { outline: none; } @media (max-width: 1745px) { .it627 { padding-left: 4%; } } </style>  <div class="it627"> <div class="yellow_trigle"></div> <div class="news_block" data-aos="fade-up"> <div id="news_group"> <div class="news_title"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="26" viewBox="0 0 23 26" fill="none"> <path d="M23 13L0.499999 25.9904L0.5 0.00961778L23 13Z" fill="#622EB7" /> </svg> <b>活動快訊</b> </div> <div class="line"></div> <a class="news_item" href="index.php?action=brands_detail&br_uid=415">  <div class="item_img"><img src="" alt=""></div> <div class="item_date">2024-10-20</div> <div class="item_desc"> IC Taiwan Grand Challenge、未來科技獎與GenAI Stars榮耀揭曉未來科技館展示臺灣創新實力圓滿閉幕 </div> <div class="item_triangle"></div> </a> <div class="line"></div> <a class="news_item" href="index.php?action=brands_detail&br_uid=414">  <div class="item_img"><img src="" alt=""></div> <div class="item_date">2024-10-17</div> <div class="item_desc"> 2024未來科技館盛大開幕諾貝爾物理獎得主登場量子論壇前瞻科研百花齊放 </div> <div class="item_triangle"></div> </a> <div class="line"></div> <a class="news_item" href="index.php?action=brands_detail&br_uid=413">  <div class="item_img"><img src="" alt=""></div> <div class="item_date">2024-10-09</div> <div class="item_desc"> 2024 未來科技館重點活動與展區介紹、全館平面圖熱烈出爐! </div> <div class="item_triangle"></div> </a> <div class="line"></div> <a class="news_item" href="index.php?action=brands_detail&br_uid=402">  <div class="item_img"><img src="" alt=""></div> <div class="item_date">2024-09-30</div> <div class="item_desc"> IC Taiwan Grand Challenge Unveil: 解密驚艷 IC 產業的新技術 </div> <div class="item_triangle"></div> </a> <div class="line"></div> <a class="news_item" href="index.php?action=brands_detail&br_uid=404">  <div class="item_img"><img src="" alt=""></div> <div class="item_date">2024-09-30</div> <div class="item_desc"> 1017媒合會 AI賦能X電子光電X永續淨零:未來科技獎展技術亮點與投資機會 </div> <div class="item_triangle"></div> </a> <div class="line"></div> <a class="news_more" href="index.php?action=brands_sort"> More... <svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 11.5L0.249999 22.3253L0.25 0.674682L19 11.5Z" fill="#41FF41" /> </svg> </a> </div> </div> </div>      <style> .it884_default { position: relative; float: right; padding-right: 8%; padding-left: 15px; width: 38%; overflow: hidden; } .it884_default .pink_trigle { position: absolute; top: -15vh; right: -30vh; width: 0; height: 0; border-left: 30vh solid transparent; border-right: 30vh solid transparent; border-bottom: 30vh solid #622EB7; opacity: .6; transform: rotate(-90deg); z-index: -1; } .it884_default .it884_container { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; transform: skewX(20deg); padding: 28px 0 10px 0; } .it884_default .link_item { border-radius: 10px; border: 3px solid #622EB7; background-color: #fff; position: relative; cursor: pointer; transition: .5s; text-align: center; transform: skewX(-20deg); color: #000; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: 2px; width: 80%; max-width: 380px; padding: 20px; margin: 10px; } .it884_default .link_item::after { content: ''; display: block; width: 0%; border-bottom: 3px solid #3EE33B; margin: 0 auto; position: absolute; bottom: 12px; left: 0; right: 0; transition: all 0.3s ease; } .it884_default .link_item:hover { padding: 30px; margin: 0px; background: #622EB7; color: #fff; max-width: 400px; font-size: 26px; letter-spacing: 2.6px; } .it884_default .link_item:hover::after { width: 50%; } .it884_default .link_item .link_arrow { width: 100%; height: 100%; } .it884_default .link_item .link_arrow svg:first-child { position: absolute; bottom: 10.5px; left: 10.5px; transition: .5s; } .it884_default .link_item .link_arrow svg:last-child { position: absolute; top: 10.5px; right: 10.5px; transition: .5s; transform: rotate(180deg); } .it884_default .link_item:hover .link_arrow { top: -15px; left: -15px; } .it884_default .link_item:hover .link_arrow svg:first-child { bottom: -5px; left: -5px; } .it884_default .link_item:hover .link_arrow svg:last-child { top: -5px; right: -5px; } .it884_default .link_item .link_arrow .fill_color { top: -100%; left: -100%; position: absolute; width: 200%; height: 200%; transform: skewX(-45deg); } .it884_default .link_item:nth-child(1) .link_arrow svg path { fill: #FFDE32; } .it884_default .link_item:nth-child(2) .link_arrow svg path { fill: #41FF41; } .it884_default .link_item:nth-child(3) .link_arrow svg path { fill: #2EE5E5; } .it884_default .link_item:nth-child(4) .link_arrow svg path { fill: #FF4B4B; } .it884_default .link_item:nth-child(5) .link_arrow svg path { fill: #0156FF; } .clearfix { clear: both; } @media (max-width: 1745px) { .it884_default { padding-right: 4%; } } </style> <div class="it884_default"> <div class="pink_trigle"></div> <div data-aos="fade-up"> <div class="it884_container"> <a class="link_item" href="https://www.futuretech.org.tw/futuretech/index.php?action=frm_reg_list2024" target="_block"> <div class="link_arrow"> <svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.38078e-06 2.82842L1.74846e-07 39.5C7.8281e-08 40.6046 0.895432 41.5 2 41.5L38.6716 41.5C40.4534 41.5 41.3457 39.3457 40.0858 38.0858L3.41422 1.41421C2.15429 0.154282 3.53655e-06 1.04662 3.38078e-06 2.82842Z" /> </svg> <svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.38078e-06 2.82842L1.74846e-07 39.5C7.8281e-08 40.6046 0.895432 41.5 2 41.5L38.6716 41.5C40.4534 41.5 41.3457 39.3457 40.0858 38.0858L3.41422 1.41421C2.15429 0.154282 3.53655e-06 1.04662 3.38078e-06 2.82842Z" /> </svg> </div> <div class="text">重量級論壇</div> <div class="desc">精彩回顧</div> </a> <a class="link_item" href="https://www.futuretech.org.tw/futuretech/index.php?action=media&year=&sort=" target="_block"> <div class="link_arrow"> <svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.38078e-06 2.82842L1.74846e-07 39.5C7.8281e-08 40.6046 0.895432 41.5 2 41.5L38.6716 41.5C40.4534 41.5 41.3457 39.3457 40.0858 38.0858L3.41422 1.41421C2.15429 0.154282 3.53655e-06 1.04662 3.38078e-06 2.82842Z" /> </svg> <svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.38078e-06 2.82842L1.74846e-07 39.5C7.8281e-08 40.6046 0.895432 41.5 2 41.5L38.6716 41.5C40.4534 41.5 41.3457 39.3457 40.0858 38.0858L3.41422 1.41421C2.15429 0.154282 3.53655e-06 1.04662 3.38078e-06 2.82842Z" /> </svg> </div> <div class="text">精選亮點影片</div> <div class="desc">搶先收看</div> </a> <a class="link_item" href="https://www.futuretech.org.tw/futuretech/index.php?action=product_search&prod_keyword=&year=183" target="_block"> <div class="link_arrow"> <svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.38078e-06 2.82842L1.74846e-07 39.5C7.8281e-08 40.6046 0.895432 41.5 2 41.5L38.6716 41.5C40.4534 41.5 41.3457 39.3457 40.0858 38.0858L3.41422 1.41421C2.15429 0.154282 3.53655e-06 1.04662 3.38078e-06 2.82842Z" /> </svg> <svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.38078e-06 2.82842L1.74846e-07 39.5C7.8281e-08 40.6046 0.895432 41.5 2 41.5L38.6716 41.5C40.4534 41.5 41.3457 39.3457 40.0858 38.0858L3.41422 1.41421C2.15429 0.154282 3.53655e-06 1.04662 3.38078e-06 2.82842Z" /> </svg> </div> <div class="text">最新前瞻技術</div> <div class="desc">前往了解</div> </a> </div> </div> </div> <div class="clearfix"></div>      <link href="https://www.futuretech.org.tw/futuretech/javascripts/jquery/fancybox/dist/jquery.fancybox.min.css" rel="stylesheet" type="text/css" media="screen"> <script language="javascript" src="https://www.futuretech.org.tw/futuretech/javascripts/jquery/fancybox/dist/jquery.fancybox.min.js"></script> <style> /* BG */ .video_block628 .video_main {background: transparent;} .it628 .it628_box {background-color: transparent;} /* title */ .video_block628 .video_title .title_cht h3::after {background: #2EB754; bottom: 0px; left: 0px;right: 0px; height: 5px; border-radius: 10px;} .video_block628 .video_title .title_cht::after {background: transparent;} .video_block628 .video_title .title_cht h3 {letter-spacing: 3px; padding: 9px 0px;font-weight: 700;font-size: 25px; text-align: center; position: relative; color: #000; margin: 0 auto; width: fit-content; line-height: normal;} .video_block628 .video_title {height: 41px;} /* text */ .it628_box_listbox {height: 47px;} .it628_box_listbox h3 {font-size: 20px;letter-spacing: 1px; line-height: 22px;} .it628_box_listbox a, .it628_box_listbox h3 {overflow: initial;} /* button */ .video_block628 .text {font-size: 20px; font-weight: 700; color: #000;} .video_block628 .text {background: url(templates/web_style/futuretech_2023/css/images/more_icon_.png) 130px 1px no-repeat; background-size: 20px;} .video_block628 .video_main .link_item { border: 0; background-color: transparent; margin: 0px; margin-left: auto; max-width: 170px; z-index: 10;} .video_block628 .video_main .link_item .link_arrow {display: none;} /* triangle */ .triangle_bg { width: 100%;color: #fff;padding: 0;position: relative;overflow: hidden;padding-top: 250px;margin-top: -200px;background: transparent;z-index: -1;} .triangle_bg > div > svg {position: absolute;right: 0;bottom: -342px;z-index: -1;width: 20vh;} .triangle_bg > div > svg:first-child {bottom: -323px;} .triangle_bg > div {background: linear-gradient(90deg, #622EB7 0%, #3CDADA 100%)} </style> <div class="video_block628"> <div class="video_title" data-aos="fade-up"> <div class="title_cht"><h3>影音專區</h3></div> </div> <div class="video_main" data-aos="fade-up"> <div id="video_group"> <div class="it628_outer"> <div class="it628 clearfix"> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2978" class="video628 fancybox.iframe" href="https://youtu.be/lWn4tz2gzjo"> <img id="video_thumbnail_2978" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024 未來科技館精彩花絮! FUTEX－Highlight Recap"> </a> </div> <div class="it628_box_listbox"> <a id="2978" class="video628 fancybox.iframe" href="https://youtu.be/lWn4tz2gzjo"> <h3>2024 未來科技館精彩花絮! FUTEX－Highlight Recap</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2977" class="video628 fancybox.iframe" href="https://youtu.be/YpqWxac_or0"> <img id="video_thumbnail_2977" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024 FUTEX 大人物來讚聲!友達彭双浪董事長說給你聽"> </a> </div> <div class="it628_box_listbox"> <a id="2977" class="video628 fancybox.iframe" href="https://youtu.be/YpqWxac_or0"> <h3>2024 FUTEX 大人物來讚聲!友達彭双浪董事長說給你聽</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2976" class="video628 fancybox.iframe" href="https://youtu.be/T-pNDQz4CEE"> <img id="video_thumbnail_2976" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024 FUTEX 大人物來讚聲! 林明仁教授說給你聽"> </a> </div> <div class="it628_box_listbox"> <a id="2976" class="video628 fancybox.iframe" href="https://youtu.be/T-pNDQz4CEE"> <h3>2024 FUTEX 大人物來讚聲! 林明仁教授說給你聽</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2975" class="video628 fancybox.iframe" href="https://youtu.be/H3Qjlw81vh4"> <img id="video_thumbnail_2975" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024 FUTEX 大人物來讚聲! 陳鴻震副校長說給你聽"> </a> </div> <div class="it628_box_listbox"> <a id="2975" class="video628 fancybox.iframe" href="https://youtu.be/H3Qjlw81vh4"> <h3>2024 FUTEX 大人物來讚聲! 陳鴻震副校長說給你聽</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2974" class="video628 fancybox.iframe" href="https://youtu.be/g1A-9jU3g-Q"> <img id="video_thumbnail_2974" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024 FUTEX 大人物來讚聲! 羅夢凡教授說給你聽"> </a> </div> <div class="it628_box_listbox"> <a id="2974" class="video628 fancybox.iframe" href="https://youtu.be/g1A-9jU3g-Q"> <h3>2024 FUTEX 大人物來讚聲! 羅夢凡教授說給你聽</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2971" class="video628 fancybox.iframe" href="https://youtu.be/DqtMlja0xnw"> <img id="video_thumbnail_2971" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024亮點技術影片：利用小分子藥物將人類纖維母細胞直接重編程為視網膜前驅細胞以治療感光細胞退化引起的失明"> </a> </div> <div class="it628_box_listbox"> <a id="2971" class="video628 fancybox.iframe" href="https://youtu.be/DqtMlja0xnw"> <h3>2024亮點技術影片：利用小分子藥物將人類纖維母細胞直接重編程為視網膜前驅細胞以治療感光細胞退化引起的失明</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2970" class="video628 fancybox.iframe" href="https://youtu.be/jxyN_o_ZAsI"> <img id="video_thumbnail_2970" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024亮點技術影片：見光聞聲-以光學麥克風結合深度學習技術提升聽覺輔具聆聽效益"> </a> </div> <div class="it628_box_listbox"> <a id="2970" class="video628 fancybox.iframe" href="https://youtu.be/jxyN_o_ZAsI"> <h3>2024亮點技術影片：見光聞聲-以光學麥克風結合深度學習技術提升聽覺輔具聆聽效益</h3> </a> </div> </div> </div> <div class="it628_box_out"> <div class="it628_box"> <div class="it628_box_tobe"> <a id="2969" class="video628 fancybox.iframe" href="https://youtu.be/YdWH10cAJAo"> <img id="video_thumbnail_2969" src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/" width="100%" height="260" alt="2024亮點技術影片：CRUSH: 理解社交與人類互動的認知機器人系統"> </a> </div> <div class="it628_box_listbox"> <a id="2969" class="video628 fancybox.iframe" href="https://youtu.be/YdWH10cAJAo"> <h3>2024亮點技術影片：CRUSH: 理解社交與人類互動的認知機器人系統</h3> </a> </div> </div> </div> </div> </div> </div> <a class="link_item" href="https://www.futuretech.org.tw/futuretech/index.php?action=media&year=2023&sort="> <div class="link_arrow"> <div class="fill_color" style="background-color:#FFEA59"></div> </div> <div class="text">More...</div> </a> </div> <div class="triangle_bg"> <div> <svg width="396" height="644" viewBox="0 0 396 644" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-1.72713e-05 322L395.25 0.704574L395.25 643.295L-1.72713e-05 322Z" fill="#622EB7" fill-opacity="0.6"></path> </svg> <svg width="396" height="644" viewBox="0 0 396 644" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-1.72713e-05 322L395.25 0.704574L395.25 643.295L-1.72713e-05 322Z" fill="#622EB7" fill-opacity="0.6"></path> </svg> </div> </div> </div> <script> $(document).ready(function () { $(".video628").fancybox({ maxWidth: 800, maxHeight: 600, fitToView: false, width: '70%', height: '70%', autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); //youtube連結改embed if ('https://youtu.be/lWn4tz2gzjo') { var video_href = 'https://youtu.be/lWn4tz2gzjo'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2978').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2978').attr('src', video_thumbnail); } if ('https://youtu.be/YpqWxac_or0') { var video_href = 'https://youtu.be/YpqWxac_or0'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2977').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2977').attr('src', video_thumbnail); } if ('https://youtu.be/T-pNDQz4CEE') { var video_href = 'https://youtu.be/T-pNDQz4CEE'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2976').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2976').attr('src', video_thumbnail); } if ('https://youtu.be/H3Qjlw81vh4') { var video_href = 'https://youtu.be/H3Qjlw81vh4'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2975').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2975').attr('src', video_thumbnail); } if ('https://youtu.be/g1A-9jU3g-Q') { var video_href = 'https://youtu.be/g1A-9jU3g-Q'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2974').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2974').attr('src', video_thumbnail); } if ('https://youtu.be/DqtMlja0xnw') { var video_href = 'https://youtu.be/DqtMlja0xnw'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2971').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2971').attr('src', video_thumbnail); } if ('https://youtu.be/jxyN_o_ZAsI') { var video_href = 'https://youtu.be/jxyN_o_ZAsI'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2970').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2970').attr('src', video_thumbnail); } if ('https://youtu.be/YdWH10cAJAo') { var video_href = 'https://youtu.be/YdWH10cAJAo'; if (/watch\?v=/.test(video_href)) { video_href = video_href.replace("watch?v=", "embed/") + "?autoplay=1"; $('#2969').attr('href', video_href); } var video_id = youtube_parser(video_href); var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/0.jpg'; $('#video_thumbnail_2969').attr('src', video_thumbnail); } }); function youtube_parser(url) { var regExp = /^.*(youtu\.be\/|vi?\/|u\/\w\/|embed\/|\?vi?=|\&vi?=)([^#\&\?]*).*/; var match = url.match(regExp); return (match && match[2].length == 11) ? match[2] : false; } </script>     <style> .it891_matching_icon { position: fixed; z-index: 9999; display: flex; align-items: flex-end; flex-direction: column; right: 0; bottom: 20px; } .it891_matching_icon li { opacity: 0.8; display: flex; color: #fff; justify-content: center; align-items: center; margin: 12.5px 47px 10px 0; } .it891_matching_icon li:hover { width: auto; border-radius: 3px; } .it891_matching_icon li p { text-indent: -9999px; } .it891_matching_icon li a{ background-color: #622EB7; width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; font-weight: bold; } .it891_matching_icon li:hover p { font-size: 20px; background-color: #622EB7; height: 44px; width: 170px; text-align: center; line-height: 44px; border-radius: 6px; text-indent: 0px; margin-bottom: 0rem; margin-right: 8px; } .it891_matching_icon li img { width: 45px; } @media screen and (max-width: 768px) { .it891_matching_icon { top: 68px; } .it891_matching_icon li { top: 158px; right: 19px; margin: 12.5px 11px 10px 0; } .it891_matching_icon li:hover { width: 50px; border-radius: 50%; padding: 10px; } .it891_matching_icon li:hover p { text-indent: -9999px; margin-right: 0px; } } </style> <ul class="it891_matching_icon"> <li> <p>精彩活動</p> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=calendar" title="精彩活動"target=""> <img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_1914.png?_7636" alt="精彩活動"> </a> </li> <li> <p>聯絡我們</p> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=contact_n" title="聯絡我們"target=""> <img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_1915.png?_44204" alt="聯絡我們"> </a> </li> </ul>     <style type="text/css"> .FOR_MAIN { padding-bottom: 0; } #index .main_content_no_center { max-width: 100%; width: 100%; } .video_block628 { padding-bottom: 0; } .it1002_default { width: 100%; color: #fff; padding: 0; position: relative; overflow: hidden; background: transparent; } .it1002_default > div { background: linear-gradient(90deg, #622EB7 0%, #3CDADA 100%); } .it1002_default.counter_block #counter { column-gap: 6px; flex-wrap: nowrap; max-width: 1560px; cursor: default; align-items: stretch; } .it1002_default #counter .counter_item { position: relative; width: auto; max-width: 25%; flex: 1 1 auto; font-weight: bold; margin: 0; } .it1002_default .counter_item>div:first-child { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; z-index: 10; padding: 20px 30px; font-size: 30px; letter-spacing: 3px; font-weight: 700; line-height: normal; } .it1002_default #counter .counter_item .item_num { font-size: 30px; letter-spacing: 3px; font-weight: 700; line-height: normal; } /* 背景圖片 */ .it1002_default .counter_item>div:last-child { display: flex; align-items: center; justify-content: center; height: 100%; height: 200px; overflow: hidden; position: relative; } .it1002_default .counter_item>div:last-child>div:first-child { opacity: 0.699999988079071; background: rgba(0, 0, 0, 0.70); mix-blend-mode: darken; width: 100%; height: 100%; position: absolute; } .it1002_default .counter_item img { width: 100%; height: auto; transition: all 0.5s ease; } /* hover */ .it1002_default .counter_item:hover img { width: 120%; } @media (max-width: 1366px) { .it1002_default .counter_item img { height: 100%; width: auto; } .it1002_default .counter_item:hover img { height: 120%; width: auto; } } .it1002BGhover { position: absolute; bottom: 0; height: 0%; width: 100%; z-index: 1; background: linear-gradient(360deg, #B760FB 0%, rgba(98, 46, 183, 0.00) 100%); transition: all 0.5s ease; } .it1002_default .counter_item:hover .it1002BGhover { height: 50%; } /* hover三角形 */ /* 左下紫色 */ .it1002_default .counter_item>div:last-child svg:nth-child(2) { z-index: 3; position: absolute; bottom: 0; left: -150px; transition: all 0.5s ease; } .it1002_default .counter_item:hover>div:last-child svg:nth-child(2) { left: 0; } /* 右側黃色 */ .it1002_default .counter_item>div:last-child svg:nth-child(3), .it1002_default .counter_item>div:last-child svg:nth-child(4) { z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); right: -150px; transition: all 0.5s ease; } .it1002_default .counter_item:hover>div:last-child svg:nth-child(3), .it1002_default .counter_item:hover>div:last-child svg:nth-child(4) { right: 0; } </style> <script> window.addEventListener("DOMContentLoaded", function () { const itemNums = document.querySelectorAll(".item_num"); if (itemNums.length >= 4) { // 創新突破技術 itemNums[1].textContent = "123"; // 學研單位 itemNums[2].textContent = "101"; // 產業領域 itemNums[3].textContent = "30"; } }); </script> <div class="counter_block it1002_default"> <div> <div id="counter" data-aos="zoom-in-down"> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">網站參觀人次</div> </div> <div> <div></div> <svg width="133" height="118" viewBox="0 0 133 118" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M133 133L-20 265.502L-20 0.498101L133 133Z" fill="#4E2989" /> </svg> <svg width="129" height="222" viewBox="0 0 129 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <svg width="111" height="222" viewBox="0 0 111 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <div class="it1002BGhover"></div> <img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_1931.jpg?_94541" alt="網站參觀人次"> </div> </div> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">創新突破技術</div> </div> <div> <div></div> <svg width="133" height="118" viewBox="0 0 133 118" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M133 133L-20 265.502L-20 0.498101L133 133Z" fill="#4E2989" /> </svg> <svg width="129" height="222" viewBox="0 0 129 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <svg width="111" height="222" viewBox="0 0 111 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <div class="it1002BGhover"></div> <img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_1932.jpg?_91108" alt="創新突破技術"> </div> </div> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">學研單位</div> </div> <div> <div></div> <svg width="133" height="118" viewBox="0 0 133 118" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M133 133L-20 265.502L-20 0.498101L133 133Z" fill="#4E2989" /> </svg> <svg width="129" height="222" viewBox="0 0 129 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <svg width="111" height="222" viewBox="0 0 111 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <div class="it1002BGhover"></div> <img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_1933.jpg?_10214" alt="學研單位"> </div> </div> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">產業領域</div> </div> <div> <div></div> <svg width="133" height="118" viewBox="0 0 133 118" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M133 133L-20 265.502L-20 0.498101L133 133Z" fill="#4E2989" /> </svg> <svg width="129" height="222" viewBox="0 0 129 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <svg width="111" height="222" viewBox="0 0 111 222" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-6.68784e-06 111L153 -21.5019L153 243.502L-6.68784e-06 111Z" fill="#EBCC29" fill-opacity="0.4" /> </svg> <div class="it1002BGhover"></div> <img src="https://futuretech.org.tw/website/uploads/website_87/zh-tw/wpicon_img_1934.jpg?_15466" alt="產業領域"> </div> </div> </div> </div> </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 = 'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4'; var csrfTokenInput = document.createElement("input"); $(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q').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 = 'MTczMzE3NTA1MHRJVGN1QzRkYXlPVDZSaHRLbERxSjBucWN5eWxYWjd4'; var csrfTokenInput = document.createElement("input"); $(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUFGJUI2JTgwJUI4JUJDeHolQUQlQjIlQjglQUYlQkQlQUIlQkUlODAlQkQlQUYlQjUlQTklQkElQkUlN0YlQkMlQkQlN0IlN0Q').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=&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=index"; } 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=index"; // } // } }); $('#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>