<!--
                                                                                                                                                                                                                             
                                                                                                                                                                                                                         
        GGGGGGGGGGGGG               AAA               ZZZZZZZZZZZZZZZZZZZEEEEEEEEEEEEEEEEEEEEEE     DDDDDDDDDDDDD        EEEEEEEEEEEEEEEEEEEEEE   SSSSSSSSSSSSSSS IIIIIIIIII        GGGGGGGGGGGGGNNNNNNNN        NNNNNNNN
     GGG::::::::::::G              A:::A              Z:::::::::::::::::ZE::::::::::::::::::::E     D::::::::::::DDD     E::::::::::::::::::::E SS:::::::::::::::SI::::::::I     GGG::::::::::::GN:::::::N       N::::::N
   GG:::::::::::::::G             A:::::A             Z:::::::::::::::::ZE::::::::::::::::::::E     D:::::::::::::::DD   E::::::::::::::::::::ES:::::SSSSSS::::::SI::::::::I   GG:::::::::::::::GN::::::::N      N::::::N
  G:::::GGGGGGGG::::G            A:::::::A            Z:::ZZZZZZZZ:::::Z EE::::::EEEEEEEEE::::E     DDD:::::DDDDD:::::D  EE::::::EEEEEEEEE::::ES:::::S     SSSSSSSII::::::II  G:::::GGGGGGGG::::GN:::::::::N     N::::::N
 G:::::G       GGGGGG           A:::::::::A           ZZZZZ     Z:::::Z    E:::::E       EEEEEE       D:::::D    D:::::D   E:::::E       EEEEEES:::::S              I::::I   G:::::G       GGGGGGN::::::::::N    N::::::N
G:::::G                        A:::::A:::::A                  Z:::::Z      E:::::E                    D:::::D     D:::::D  E:::::E             S:::::S              I::::I  G:::::G              N:::::::::::N   N::::::N
G:::::G                       A:::::A A:::::A                Z:::::Z       E::::::EEEEEEEEEE          D:::::D     D:::::D  E::::::EEEEEEEEEE    S::::SSSS           I::::I  G:::::G              N:::::::N::::N  N::::::N
G:::::G    GGGGGGGGGG        A:::::A   A:::::A              Z:::::Z        E:::::::::::::::E          D:::::D     D:::::D  E:::::::::::::::E     SS::::::SSSSS      I::::I  G:::::G    GGGGGGGGGGN::::::N N::::N N::::::N
G:::::G    G::::::::G       A:::::A     A:::::A            Z:::::Z         E:::::::::::::::E          D:::::D     D:::::D  E:::::::::::::::E       SSS::::::::SS    I::::I  G:::::G    G::::::::GN::::::N  N::::N:::::::N
G:::::G    GGGGG::::G      A:::::AAAAAAAAA:::::A          Z:::::Z          E::::::EEEEEEEEEE          D:::::D     D:::::D  E::::::EEEEEEEEEE          SSSSSS::::S   I::::I  G:::::G    GGGGG::::GN::::::N   N:::::::::::N
G:::::G        G::::G     A:::::::::::::::::::::A        Z:::::Z           E:::::E                    D:::::D     D:::::D  E:::::E                         S:::::S  I::::I  G:::::G        G::::GN::::::N    N::::::::::N
 G:::::G       G::::G    A:::::AAAAAAAAAAAAA:::::A    ZZZ:::::Z     ZZZZZ  E:::::E       EEEEEE       D:::::D    D:::::D   E:::::E       EEEEEE            S:::::S  I::::I   G:::::G       G::::GN::::::N     N:::::::::N
  G:::::GGGGGGGG::::G   A:::::A             A:::::A   Z::::::ZZZZZZZZ:::ZEE::::::EEEEEEEE:::::E     DDD:::::DDDDD:::::D  EE::::::EEEEEEEE:::::ESSSSSSS     S:::::SII::::::II  G:::::GGGGGGGG::::GN::::::N      N::::::::N
   GG:::::::::::::::G  A:::::A               A:::::A  Z:::::::::::::::::ZE::::::::::::::::::::E     D:::::::::::::::DD   E::::::::::::::::::::ES::::::SSSSSS:::::SI::::::::I   GG:::::::::::::::GN::::::N       N:::::::N
     GGG::::::GGG:::G A:::::A                 A:::::A Z:::::::::::::::::ZE::::::::::::::::::::E     D::::::::::::DDD     E::::::::::::::::::::ES:::::::::::::::SS I::::::::I     GGG::::::GGG:::GN::::::N        N::::::N
        GGGGGG   GGGGAAAAAAA                   AAAAAAAZZZZZZZZZZZZZZZZZZZEEEEEEEEEEEEEEEEEEEEEE     DDDDDDDDDDDDD        EEEEEEEEEEEEEEEEEEEEEE SSSSSSSSSSSSSSS   IIIIIIIIII        GGGGGG   GGGGNNNNNNNN         NNNNNNN
                                                                                                                                                                                                                         
                                                                                                                                                                                                                                                                                                                                                                                                                                                 
 -->
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-ua-compatible" content="IE=edge">
    <meta http-equiv="x-ua-compatible" content="IE=9,10,11">
    <meta property="og:title" content="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 | 盯睛設計 GAZE CREATIVE DESIGN[網站設計/平面設計/CSR/ESG/品牌規劃]"/>
    <meta property="og:url" content="http://gaze-design.com/work/%E7%B2%BE%E8%8B%B1%E9%9B%BB%E8%85%A6ESG%E8%A8%AD%E8%A8%88"/>
    <meta name="keywords" content="書本設計,平面設計,書本印刷設計,排版設計,CSR企業社會責任報告書設計,ESG永續報告書設計" />
	<meta property="og:description" name="description"  content="精英電腦以永續發展，智富生活為願景。
在ESG永續報告書中，我們以科技生活為主軸，並以短、中、長期之企業永續發展目標為設計理念。">
    <meta name="author" content="盯睛設計有限公司 GAZE CREATIVE DESIGN">
    <meta name="copyright" content="盯睛設計有限公司 GAZE CREATIVE DESIGN">
    <link rel="alternate" href="https://gaze-design.com" hreflang="zh-tw" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
    <meta property="og:image" content="https://gaze-design.com/dist/images/img_wordmark_pc.png" />
    <meta property="og:title" content="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 | 盯睛設計 GAZE CREATIVE DESIGN[網站設計/平面設計/CSR/ESG/品牌規劃]"/>
    <meta property="og:locale" content="zh_TW"/>
    <meta property="og:type" content="Website"/>
<!--     <meta property='og:image' content='https://gaze-design.com/dist/images/gaze_logo.png'> -->
    <meta property="og:description" content="精英電腦以永續發展，智富生活為願景。
在ESG永續報告書中，我們以科技生活為主軸，並以短、中、長期之企業永續發展目標為設計理念。"/>
    <meta property="og:url" content="https://gaze-design.com" />
    <meta property="article:publisher" content="https://www.facebook.com/gazecreativedesign/"/>
    <meta property="article:section" content="台北網頁設計精選"/>
    <link rel="shortcut icon" href="/dist/images/gaze_ico.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" sizes="128x128" href="/dist/images/gaze_ico128.ico">
    <link rel="apple-touch-icon-precomposed" sizes="128x128" href="/dist/images/gaze_ico128.ico">
    <meta name="format-detection" content="telephone=no">
    <title>精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 | 盯睛設計 GAZE CREATIVE DESIGN[網站設計/平面設計/CSR/ESG/品牌規劃]</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&family=Playfair+Display:ital@1&family=Press+Start+2P&display=swap"> -->
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&family=Playfair+Display:ital@1&family=Press+Start+2P&display=swap" rel="stylesheet">
    <!-- <noscript>
      <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&family=Playfair+Display:ital@1&family=Press+Start+2P&display=swap" rel="stylesheet">
    </noscript> -->
	<!-- Global site tag (gtag.js) - Google Ads: 950663333 -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=AW-950663333"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	
	  gtag('config', 'AW-950663333');
	  gtag('config', 'UA-173121382-1');
	</script>
	<!-- Event snippet for Website lead conversion page -->
	<script>
	  gtag('event', 'conversion', {'send_to': 'AW-950663333/uewVCKrftNgBEKXxp8UD'});
	</script>	<script type="application/ld+json">
{
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "精英電腦 ESG設計",
      "image": [
        "https://gaze-design.com/upload/2022_07_13_1818522.webp"
       ],
      "author": [{
          "@type": "Corporation",
          "name": "盯睛設計 GAZE CREATIVE DESIGN[網站設計/平面設計/CSR/ESG/品牌規劃]",
          "url": "https://gaze-design.com/"
        }]
    }
</script>
<link rel="canonical" href="https://gaze-design.com/work/精英電腦ESG設計"/>
<link rel="stylesheet" href="/dist/css/main.css">
<link rel="stylesheet" href="/dist/css/workinfo.css">
<link rel="stylesheet" href="/dist/css/aos.css">
</head>

<body id="pageone">
     <!-- 201111 -->
 <header class="header_show ind-ch">
<!-- 201111 -->
    <div class="header_box">
        <!-- mobile menu -->
        <div class="menu-wrapper">
            <span>
                menu
            </span>  
            <span>
                close
            </span> 
            <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 120.93 64.93">
                <g>
                    <path d="M43.23,9.34C29.5,12.23,14.48,19.09,5.96,29.02c-8.1,9.44-7.57,21.44,3.73,28.68,10.91,6.99,26.93,7.13,39.87,6.54,13.6-.63,27.4-2.67,40.13-6.91,11.08-3.69,23.79-9.34,28.98-19.15,3.59-6.79,1.45-14.16-3.56-19.94C102.16,3.29,76.02-1.92,55.66,1.45c-13.91,2.31-25.84,9.38-33.98,19.28" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".93" class="opDZOeOq_0"></path>
                </g>
            </svg>
        </div>
        <div class="nav_box">
            <nav>
                <ul>
                    <li>
                        <a href="/about/" title="關於台北的 盯睛設計有限公司">
                            <span>about</span>
                            <div class="mask-bx">
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                            </div>
                            <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 120.93 64.93">
                                <g>
                                    <path d="M43.23,9.34C29.5,12.23,14.48,19.09,5.96,29.02c-8.1,9.44-7.57,21.44,3.73,28.68,10.91,6.99,26.93,7.13,39.87,6.54,13.6-.63,27.4-2.67,40.13-6.91,11.08-3.69,23.79-9.34,28.98-19.15,3.59-6.79,1.45-14.16-3.56-19.94C102.16,3.29,76.02-1.92,55.66,1.45c-13.91,2.31-25.84,9.38-33.98,19.28" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".93" class="opDZOeOq_0"></path>
                                </g>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="/service/" title="服務項目包含 網站設計/平面設計/包裝設計/CSR設計/ESG設計">
                            <span>service</span>
                            <div class="mask-bx">
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                            </div>
                            <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 120.93 64.93">
                                <g>
                                    <path d="M43.23,9.34C29.5,12.23,14.48,19.09,5.96,29.02c-8.1,9.44-7.57,21.44,3.73,28.68,10.91,6.99,26.93,7.13,39.87,6.54,13.6-.63,27.4-2.67,40.13-6.91,11.08-3.69,23.79-9.34,28.98-19.15,3.59-6.79,1.45-14.16-3.56-19.94C102.16,3.29,76.02-1.92,55.66,1.45c-13.91,2.31-25.84,9.38-33.98,19.28" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".93" class="opDZOeOq_0"></path>
                                </g>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="/work/" title="作品集有 網站/平面/包裝/CSR/ESG 的相關設計">
                            <span>work</span>
                            <div class="mask-bx">
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                            </div>
                            <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 120.93 64.93">
                                <g>
                                    <path d="M43.23,9.34C29.5,12.23,14.48,19.09,5.96,29.02c-8.1,9.44-7.57,21.44,3.73,28.68,10.91,6.99,26.93,7.13,39.87,6.54,13.6-.63,27.4-2.67,40.13-6.91,11.08-3.69,23.79-9.34,28.98-19.15,3.59-6.79,1.45-14.16-3.56-19.94C102.16,3.29,76.02-1.92,55.66,1.45c-13.91,2.31-25.84,9.38-33.98,19.28" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".93" class="opDZOeOq_0"></path>
                                </g>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="/contact/" title="立即洽詢 盯睛設計 網站/平面/包裝/CSR/ESG 等相關設計">
                            <span>contact</span>
                            <div class="mask-bx">
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                                <div class="mask">
                                    <div class="h-circle"></div>
                                </div>
                            </div>
                            <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 120.93 64.93">
                                <g>
                                    <path d="M43.23,9.34C29.5,12.23,14.48,19.09,5.96,29.02c-8.1,9.44-7.57,21.44,3.73,28.68,10.91,6.99,26.93,7.13,39.87,6.54,13.6-.63,27.4-2.67,40.13-6.91,11.08-3.69,23.79-9.34,28.98-19.15,3.59-6.79,1.45-14.16-3.56-19.94C102.16,3.29,76.02-1.92,55.66,1.45c-13.91,2.31-25.84,9.38-33.98,19.28" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".93" class="opDZOeOq_0"></path>
                                </g>
                            </svg>
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="nav-cbx mo">
                <ul>
                    <li>
                        <a href="tel:0255751900" class="tel" title="播打電話至[盯睛設計] 洽詢網站設計或平面設計">02 5575 1900</a>
                    </li>
                    <li>
                        <a href="emailto:info@gaze-design.com" title="寄信至[盯睛設計] 洽詢網站設計或平面設計">info@gaze-design.com</a>
                    </li>
                </ul>
            </div>
            <div class="nav-bg mo">
                Let's make something creative and amazing together!
            </div>
        </div>
    </div>
</header>


<div class="cursor">
    <span>yes!</span>
    <i>
        <img src="/dist/images/pen.png" alt="查看 台北 網站設計/平面設計/包裝設計/CSR設計/ESG設計 公司 [盯睛設計] 的聯絡方式" title="查看 台北 網站設計/平面設計/包裝設計/CSR設計/ESG設計 公司 [盯睛設計] 的聯絡方式">
    </i>
    <div class="arr-bx">
        <div class="l-arr">
            <div class="arrow arrow-first"></div>
            <div class="arrow arrow-second"></div>
        </div>
        <div class="r-arr">
            <div class="arrow arrow-first"></div>
            <div class="arrow arrow-second"></div>
        </div>
    </div>
</div>

<a href="/" class="logo" title="返回 盯睛設計 RWD網站 首頁">
    <div class="l-eyes">
        <div class="img-bx">
            <img src="/dist/images/icon_eye_up.png" alt="網站 logo 上半部 設計" title="網站 logo 上半部 設計">
        </div>
        <div class="img-bx">
            <img src="/dist/images/icon_eye_down.png" alt="網站 logo 下半部 設計" title="網站 logo 下半部 設計">
        </div>
    </div>
    <div class="cen-nose">
        <img src="/dist/images/icon_eye_center.png" alt="網站 logo 中間部份 設計" title="網站 logo 中間部份 設計">
    </div>
    <div class="r-eyes">
        <div class="circle"></div>
        <div class="circle circle2"></div>
        <div class="circle circle3"></div>
    </div>
    <div class="hid">
        盯睛設計 GAZE CREATIVE DESIGN [網站設計/平面設計/CSR/ESG設計]
    </div>
</a>    
    <main>
        <div class="workinfo-banner">
          <img class="pc" src="/upload/2022_07_13_1818522.webp" alt="精英電腦 ESG永續報告書 書本設計/平面設計/書本印刷設計/排版設計/CSR企業社會責任報告書設計/ESG永續報告書設計" title="精英電腦 ESG永續報告書 書本設計/平面設計/書本印刷設計/排版設計/CSR企業社會責任報告書設計/ESG永續報告書設計">
          <img class="mo" src="/upload/2022_07_13_1818523.webp" alt="精英電腦 ESG永續報告書 書本設計/平面設計/書本印刷設計/排版設計/CSR企業社會責任報告書設計/ESG永續報告書設計" title="精英電腦 ESG永續報告書 書本設計/平面設計/書本印刷設計/排版設計/CSR企業社會責任報告書設計/ESG永續報告書設計">
        </div>
        <section class="workinfo-item">
          
          <div class="flex-bx">
            <div class="l-bx">
              <h1 class="ti">精英電腦 ESG設計</h1>
            </div>
            <div class="r-bx">
              <div class="class-bx">
                <div class="class-list">
                  <div class="class-ti">
                    category /
                  </div>
                  <div class="class-des">Graphic</div>
                </div>
                <div class="class-list">
                  <div class="class-ti">
                    client /
                  </div>
                  <div class="class-des">精英電腦</div>
                </div>
                <div class="class-list">
                  <div class="class-ti">
                    deliverables /
                  </div>
                  <div class="class-des">Layout<br />
Graphic</div>
                </div>
              </div>
            </div>
          </div>
          <div class="flex-bx">
            <div class="l-bx">
              <div class="des-ti">
                about the project /
              </div>
            </div>
            <div class="r-bx">
              <div class="sh-des">精英電腦以永續發展，智富生活為願景。<br />
在ESG永續報告書中，我們以科技生活為主軸，並以短、中、長期之企業永續發展目標為設計理念。</div>
                            <a target="_blank" href="https://campaign.ecs.com.tw/document/esg-report/2021-esg-report_tc.pdf" class="more-ani cursor-scale small" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 網址連結">
                <span>v</span>
                <span>i</span>
                <span>s</span>
                <span>i</span>
                <span>t</span>
                <i></i>
                <span>w</span>
                <span>e</span>
                <span>b</span>
                <span>s</span>
                <span>i</span>
                <span>t</span>
                <span>e</span>
              </a>
                          </div>
          </div>
        </section>
                <div class="html-bx">
        	          	<div class="editor_Content" data-aos="fade-up">
              	<div class="editor_box pc_use"><p><img alt="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(1)" src="/upload/images/2022_07_13_183519.webp" style="height:1319px; width:2560px" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(1)" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 手機版(1)' title='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 手機版(1)'
 src="/upload/images/2022_07_13_183527.webp" style="height:708px; width:768px"/></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in-right">
              	<div class="editor_box pc_use"><p><img alt='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(2)' title='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(2)'
 src="/upload/images/2022_07_13_183453.webp" style="height:134px; width:2560px" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 手機版(2)' title='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 手機版(2)'
 src="/upload/images/2022_07_13_183500.webp" style="height:75px; width:768px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in-left">
              	<div class="editor_box pc_use"><p><img alt="" src="/upload/images/2022_07_14_095718.webp" style="height:860px; width:2560px" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt="" src="/upload/images/2022_07_14_095727.webp" style="height:597px; width:768px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in-right">
              	<div class="editor_box pc_use"><p><img alt="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(4)" src="/upload/images/2022_07_13_183347.webp" style="height:1200px; width:2560px" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(4)" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt="" src="/upload/images/2022_07_14_095749.webp" style="height:572px; width:768px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in-left">
              	<div class="editor_box pc_use"><p><img alt="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(5)" src="/upload/images/2022_07_13_183203.webp" style="height:1200px; width:2560px" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(5)" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt="" src="/upload/images/2022_07_14_095825.webp" style="height:572px; width:768px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in">
              	<div class="editor_box pc_use"><p><img alt="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(6)" src="/upload/images/2022_07_13_182536.webp" style="height:860px; width:2560px" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(6)" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt="" src="/upload/images/2022_07_14_095843.webp" style="height:397px; width:768px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in-left">
              	<div class="editor_box pc_use"><p><img alt="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(7)" src="/upload/images/2022_07_13_183246.webp" style="height:1200px; width:2560px" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(7)" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt="" src="/upload/images/2022_07_14_095901.webp" style="height:572px; width:767px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="zoom-in-right">
              	<div class="editor_box pc_use"><p><img alt="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(8)" src="/upload/images/2022_07_13_183326.webp" style="height:1200px; width:2560px" title="精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(8)" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt="" src="/upload/images/2022_07_14_095920.webp" style="height:572px; width:768px" /></p>
</div>
          	</div>
          	          	<div class="editor_Content" data-aos="fade-up">
              	<div class="editor_box pc_use"><p><img alt='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(9)' title='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 電腦版(9)'
 src="/upload/images/2022_07_13_182324.webp" style="height:1346px; width:2560px" /></p>
</div>
              	<div class="editor_Box mo_use"><p><img alt='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 手機版(9)' title='精英電腦 ESG永續報告書/CSR企業社會責任報告書 設計 手機版(9)'
 src="/upload/images/2022_07_13_182331.webp" style="height:579px; width:768px" /></p>
</div>
          	</div>
          	        </div>
                <div class="flex-btnbx">
        	         	<a href="/work/立法院蔡副院長蔡其昌RWD民眾服務系統網站" class="prev-btn" title="台中 立法院蔡副院長 蔡其昌 RWD民眾服務系統網站設計">
            	<div class="arr"></div>
            	<span>prev</span>
          	</a>
          	          	<a href="/work/" class="backlist-btn more-ani cursor-scale small">
                <span>
                  b
                </span>
                <span>
                  a
                </span>
                <span>
                  c
                </span>
                <span>
                  k
                </span>
                <i></i>
                <span>
                  t
                </span>
                <span>
                  o
                </span>
                <i></i>
                <span>
                  l
                </span>
                <span>
                  i
                </span>
                <span>
                  s
                </span>
                <span>
                  t
                </span>
          	</a>
        	          	<a href="/work/中研院基因體研究中心P3實驗室RWD網站系統" class="next-btn" title="中研院基因體研究中心P3實驗室 RWD 網站系統/網站設計">
            	<div class="arr"></div>
            	<span>next</span>
          	</a>
          	        </div>
                <a href="/work/立法院蔡副院長蔡其昌RWD民眾服務系統網站" class="full-prev cursor-scale larr" title="台中 立法院蔡副院長 蔡其昌 RWD民眾服務系統網站設計"></a>
                <a href="/work/中研院基因體研究中心P3實驗室RWD網站系統" class="full-next cursor-scale rarr" title="中研院基因體研究中心P3實驗室 RWD 網站系統/網站設計"></a>
            </main>
        <div class="popup-bx">
      <div class="des-bx">
        <div class="b-ti">左右滑動可切換專案</div>
        <div class="e-ti">Swipe left and right to switch projects</div>
        <div class="finger-bx">
          <div class="line">
            <div class="ar-l"></div>
            <div class="ar-r"></div>
          </div>
        </div>
      </div>
    </div>
    <section class="contact-item">
    <a href="/contact/" class="cursor-scale" title="立即填寫表單 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求">
        <div class="tx">you <i>need</i> us?</div>
        <div class="moball">
            <span>yes!</span>
        </div>
    </a>
</section>
<footer>
    <div class="f-bx">
        <div>
            <ul>
                <li>
                    <a href="tel:0255751900" class="tel" title="播打電話至 盯睛設計 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求">02 5575 1900</a>
                </li>
                <li>
                    <a href="emailto:info@gaze-design.com" title="寄信至 盯睛設計 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求">info@gaze-design.com</a>
                </li>
                <li>
                    <a href="https://g.page/gaze-design?share" target="_blank" title="地圖連結 盯睛設計 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求">106068 台北市大安區信義路四段265巷21弄19號</a>
                </li> 
            </ul>
        </div>
        <div>
            <div class="copyright">
                © 2022 GAZE CREATIVE DESIGN CO., LTD.
            </div>
        </div>
    </div>
</footer>

<div class="fixbot-bx mo">
    <div class="flex-fbx">
        <a href="/contact/" title="立即填寫 手機版表單 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求">
            <div class="img-bx">
                <img src="/dist/images/fix-icon1.png" alt="立即填寫 手機版表單 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求 的icon" title="立即填寫 手機版表單 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求 的icon">
            </div>
            <div class="tx">
                聯絡我們
            </div>
        </a>
        <a href="tel:0255751900" class="tel" title="立即播打手機版電話 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求">
            <div class="img-bx">
                <img src="/dist/images/fix-icon2.png" alt="立即播打手機版電話 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求 的icon" title="立即播打手機版電話 洽詢 網站設計/平面設計/包裝設計/CSR設計/ESG設計 需求 的icon">
            </div>
            <div class="tx">
                立即洽詢
            </div>
        </a>
    </div>
</div><div class="top_btn">
    <div class="l-footer_scroll__inner">
    <div class="l-footer_scroll__circle">
        <svg class="l-footer_scroll__circle-svg" viewBox="0,0,128,128" xmlns="http://www.w3.org/2000/svg">
            <circle class="l-footer_scroll__circle-path" cx="64" cy="64" r="63"></circle>
        </svg>
    </div>
    <div class="l-footer_scroll__cap">
        <div class="l-footer_scroll__cap-text">TOP</div>
    </div>
    </div>
    <div class="l-footer_scroll__bar">
        <div class="l-footer_scroll__bar-line"></div>
    </div>
</div>    <script src="/dist/js/main.js"></script>
    <script src="/dist/js/gsap.min.js"></script>
    <script src="/dist/js/ScrollTrigger.min.js"></script>
    <script src="/dist/js/index.js"></script>
    <script src="/dist/js/workinfo.js"></script>
    <script type="text/javascript" src="/quote/function.js"></script>
    <script>
              function pageprev(){
        $(location).attr('href', '/work/立法院蔡副院長蔡其昌RWD民眾服務系統網站');
      }
	         function pagenext(){
        $(location).attr('href', '/work/中研院基因體研究中心P3實驗室RWD網站系統');
      }
      
  
      document.addEventListener('touchstart', handleTouchStart, false);        
      document.addEventListener('touchmove', handleTouchMove, false);
      var xDown = null;                                                        
      var yDown = null;                                                        
      function handleTouchStart(evt) {                                         
          xDown = evt.touches[0].clientX;                                      
          yDown = evt.touches[0].clientY;    
          $('.popup-bx').addClass('hid');  
          setCookie('ok',1,1);                          
      };                                                
      function handleTouchMove(evt) {
          if ( ! xDown || ! yDown ) {
              return;
          }

          var xUp = evt.touches[0].clientX;                                    
          var yUp = evt.touches[0].clientY;

          var xDiff = xDown - xUp;
          var yDiff = yDown - yUp;
          if(Math.abs( xDiff )+Math.abs( yDiff )>70){

          if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {
              if ( xDiff > 0 ) {
                  pageprev();
              } else {
                  pagenext();
              }                       
          }
          /* reset values */
          xDown = null;
          yDown = null;
          }
      };

    </script>
    

</body>

</html>