CINXE.COM

<script>alert('# Web_name # Internet shopping security instructions \n no longer support Internet Explorer version 8.0 (below) browser \ n \ n Thank you for your support for # web_name #, to provide you with a more secure web service, we continue To enhance the security of Internet information, and now will improve the network transmission encryption level, some older browsers because the security level is too low, may not be able to successfully browse and deal with the web. The affected browsers include Microsoft Internet Explorer 8.0 and below, and if you use the previous browser, please upgrade to a newer compatible version or use a different browser. We recommend using the latest version of Google Chrome / Firefox / IE11 Browser for the best browsing experience, and use # web_name # in a more secure environment. \ N \ n If you have any questions, please contact us at [Customer Service Center]. \ N # web_name # I wish you a happy shopping! \ N');</script><!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-us"> <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?&web_lang=en-us" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Future Tech Pavilion, FUTEX - index2023" />  <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/en-us/logo_fb.png" />  <meta name="keywords" content="未來科技館FUTEX - Future Tech"> <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/en-us/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/en-us/favicon_87.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://futuretech.org.tw/website/uploads/website_87/en-us/favicon_87.ico" type="image/x-icon" /> <link rel="bookmark" href="https://futuretech.org.tw/website/uploads/website_87/en-us/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/en-us/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?&web_lang=en-us'}; $.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?&web_lang=en-us', '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?&web_lang=en-us" } ],"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?&web_lang=en-us', 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q:'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q:'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q:'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q:'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q:'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q:'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q'; csrf_val = 'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB'; 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/en-us/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="Home Alt+0" onmouseover="javascript:showWebMenu( 0 );" onfocus="javascript:showWebMenu( 0 );" onmouseout="javascript:removeWebMenu( 0, 1000 );" onblur="javascript:removeWebMenu( 0, 1000 );" > Home <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="About Alt+1" onmouseover="javascript:showWebMenu( 1 );" onfocus="javascript:showWebMenu( 1 );" onmouseout="javascript:removeWebMenu( 1, 1000 );" onblur="javascript:removeWebMenu( 1, 1000 );" > About <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=""> FUTEX </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=""> Transportation </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="Events Alt+2" onmouseover="javascript:showWebMenu( 2 );" onfocus="javascript:showWebMenu( 2 );" onmouseout="javascript:removeWebMenu( 2, 1000 );" onblur="javascript:removeWebMenu( 2, 1000 );" > Events <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="Lastest Alt+3" onmouseover="javascript:showWebMenu( 3 );" onfocus="javascript:showWebMenu( 3 );" onmouseout="javascript:removeWebMenu( 3, 1000 );" onblur="javascript:removeWebMenu( 3, 1000 );" > Lastest <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=""> News </a> </li> </ul> </div> </li> <li id="MENU4"> <a class="main_menu" href="/futuretech/#" target="" accesskey="4" title="Technologies Alt+4" onmouseover="javascript:showWebMenu( 4 );" onfocus="javascript:showWebMenu( 4 );" onmouseout="javascript:removeWebMenu( 4, 1000 );" onblur="javascript:removeWebMenu( 4, 1000 );" > Technologies <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=""> List </a> </li> <li> <a href="https://award.futuretech.org.tw/b2s/" target="_blank"> Matchmaking </a> </li> </ul> </div> </li> <li id="MENU5"> <a class="main_menu" href="/futuretech/#" target="" accesskey="5" title="Media Alt+5" onmouseover="javascript:showWebMenu( 5 );" onfocus="javascript:showWebMenu( 5 );" onmouseout="javascript:removeWebMenu( 5, 1000 );" onblur="javascript:removeWebMenu( 5, 1000 );" > Media <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=""> Videos </a> </li> <li> <a href="/futuretech/index.php?action=photo_n" target=""> Photos </a> </li> <li> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=download" target=""> Download </a> </li> <li> <a href="/futuretech/index.php?action=press_n" target=""> Press Releases </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="Awards Alt+7" onmouseover="javascript:showWebMenu( 7 );" onfocus="javascript:showWebMenu( 7 );" onmouseout="javascript:removeWebMenu( 7, 1000 );" onblur="javascript:removeWebMenu( 7, 1000 );" > Awards <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"> Future Tech Award </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:();"> English </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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q: 'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q: 'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB' }, 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('1489235'); //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">Succeed</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/en-us/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.futuretech.org.tw/futuretech/index.php" target="_blank" rel=""> <img class="lazy " data-original="https://futuretech.org.tw/website/uploads/website_87/en-us/wpicon_img_2179.png?_61924" id="wpicon_img_2179.png?_61924" alt="2024未來科技館檔期" title="2024未來科技館檔期" 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>NEWS</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 晶創獲獎團隊創新技術發表見證變革的起點！解密 6 個驚艷 IC 產業的新技術 </div> <div class="item_triangle"></div> </a> <div class="line"></div> <a class="news_item" href="index.php?action=brands_detail&br_uid=403">  <div class="item_img"><img src="" alt=""></div> <div class="item_date">2024-09-30</div> <div class="item_desc"> 1017 媒合會報名中! 未來科技獎兼顧趨勢與技術展現技術亮點與投資機會 </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&web_lang=en-us" 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">Global Trends Forum</div> <div class="desc">Replay</div> </a> <a class="link_item" href="https://www.futuretech.org.tw/futuretech/index.php?action=media&year=2023&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">Highlight Video</div> <div class="desc">Check it</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">Cutting-Edge Technologies</div> <div class="desc">Go for it</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>MEDIA</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/en-us/" 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/en-us/" 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/en-us/" 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/en-us/" 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/en-us/" width="100%" height="260" alt="大人物來來讚聲! 羅夢凡教授說給你聽"> </a> </div> <div class="it628_box_listbox"> <a id="2974" class="video628 fancybox.iframe" href="https://youtu.be/g1A-9jU3g-Q"> <h3>大人物來來讚聲! 羅夢凡教授說給你聽</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/en-us/" 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/yhqFlb0__sI"> <img id="video_thumbnail_2970" src="https://futuretech.org.tw/website/uploads/website_87/en-us/" width="100%" height="260" alt="2024亮點技術影片：見光聞聲-以光學麥克風結合深度學習技術提升聽覺輔具聆聽效益"> </a> </div> <div class="it628_box_listbox"> <a id="2970" class="video628 fancybox.iframe" href="https://youtu.be/yhqFlb0__sI"> <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/en-us/" 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/yhqFlb0__sI') { var video_href = 'https://youtu.be/yhqFlb0__sI'; 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>Events</p> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=calendar" title="Events"target=""> <img src="https://futuretech.org.tw/website/uploads/website_87/en-us/wpicon_img_1914.png?_7636" alt="Events"> </a> </li> <li> <p>Contact us</p> <a href="https://www.futuretech.org.tw/futuretech/index.php?action=contact_n" title="Contact us"target=""> <img src="https://futuretech.org.tw/website/uploads/website_87/en-us/wpicon_img_1915.png?_44204" alt="Contact us"> </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">Visitors</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/en-us/wpicon_img_1931.jpg?_94541" alt="Visitors"> </div> </div> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">Innovations</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/en-us/wpicon_img_1932.jpg?_91108" alt="Innovations"> </div> </div> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">Institutes</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/en-us/wpicon_img_1933.jpg?_10214" alt="Institutes"> </div> </div> <div class="counter_item"> <div> <div class="item_num" id="index_browse_count"></div> <div class="item_title">Industries</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/en-us/wpicon_img_1934.jpg?_15466" alt="Industries"> </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 = 'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB'; var csrfTokenInput = document.createElement("input"); $(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q').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 = 'MTczMzE2NzcxMHNRamRnZ0o0d1c3Qkx4V0ZtVU43WnZtYWNiT0dEbzNB'; var csrfTokenInput = document.createElement("input"); $(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUFDJUI5JUI5JUIyJTdFJUIyJUJFeiVCMiVCOSVCRCVCQiVCMSVBRSVBOSVBRSVCNyU4MSVCMyVCMSU4MSVBQXglQUIlQUMlN0Q').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();"> I agree </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('Please log in first!')) { window.location = 'https://www.futuretech.org.tw/member/index.php?action=member_login&b_action=&web_lang=en-us&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('Please reload！ ( ' + 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>