https://www.survision.com.tw/contact-survision

1<!DOCTYPE html>
2<!--[if lte IE 6]> <html class="no-js ie  lt-ie10 lt-ie9 lt-ie8 lt-ie7 ancient oldie" lang="en-US"> <![endif]-->
3<!--[if IE 7]>     <html class="no-js ie7 lt-ie10 lt-ie9 lt-ie8 oldie" lang="en-US"> <![endif]-->
4<!--[if IE 8]>     <html class="no-js ie8 lt-ie10 lt-ie9 oldie" lang="en-US"> <![endif]-->
5<!--[if IE 9]>     <html class="no-js ie9 lt-ie10 oldie" lang="en-US"> <![endif]-->
6<!--[if gt IE 8]><!--> <html class="no-js ajax-content" dir="ltr" lang="en-US"> <!--<![endif]-->
7<head>
8    <meta charset="utf-8" />
9    <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]-->
10    <!-- Set the viewport width to device width for mobile -->
11    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
12    <meta name="author" content="survision">
13    <link href="https://www.survision.com.tw/assets/template/survision/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
14    <link href="https://www.survision.com.tw/assets/template/survision/css/contact.css" rel="stylesheet" type="text/css" media="screen" />
15    <link href="https://www.survision.com.tw/assets/template/survision/css/styles.css" rel="stylesheet" type="text/css" media="screen" />
16    <link href="https://www.survision.com.tw/assets/template/survision/css/flexslider.css" rel="stylesheet" type="text/css" media="screen" />
17    <!--[if gt IE 8]><!--><link href="https://www.survision.com.tw/assets/template/survision/css/retina-responsive.css" rel="stylesheet" type="text/css" media="screen" /><!--<![endif]-->
18    <!--[if !IE]> <link href="https://www.survision.com.tw/assets/template/survision/css/retina-responsive.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]-->
19    <link href="https://www.survision.com.tw/assets/template/survision/css/print.css" rel="stylesheet" type="text/css" media="print" />
20    <link href="//fonts.googleapis.com/css?family=Merriweather:300,400,700" rel="stylesheet" type="text/css" />
21    <link href="//fonts.googleapis.com/css?family=Lato:300,400,400italic,600,600italic,700" rel="stylesheet" type="text/css" />
22    <link href="//fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet" type="text/css" />
23    <link href="https://www.survision.com.tw/assets/template/survision/css/custom.css" rel="stylesheet" type="text/css" media="screen" />
24    

24<script src="https://www.survision.com.tw/assets/template/survision/js/modernizr.js" type="text/javascript"></script>

24
25
26    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
27
28    

28<style>
29        .search {
30            position: relative;
31            margin-left: 25px;
32            width: 80%;
33            float: left;
34            margin: 15px 25px;
35        }
36        .search-bar{
37            width: 100%;
38            height: 32px;
39            font-size: 16px;
40            padding-left: 10px;
41            border: 2px solid #2c67b5;
42            background-color: #efe9e7;
43        }
44        .search-btn{
45            width: 36px;
46            height: 32px;
47            background-color: #2c67b5;
48            color:#efe9e7;
49            outline:none;
50            border: 2px solid #2c67b5;
51            cursor: pointer;
52            position: absolute;
53            top: 0;
54            right: 0;
55        }
56
57        .index-mobile-banner {
58            display: none;
59        }
60        .index-mobile-banner img {
61            width: 100%;
62            height: auto;
63        }
64        @media only screen and (max-width: 480px) {
65            .index-mobile-banner {
66                display: block;
67            }
68        }
69    </style>
70
71    <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
72    
73    <style>
74        /* 浮動選單CSS 開始 */
75        .float-icon {
76            position: fixed;
77            right: 20px;
78            bottom: 48px;
79            z-index: 1001;
80        }
81        .float-icon ul.float-icon-list {
82            margin-bottom: 7px;
83            padding: 0 3px;
84        }
85        .float-icon ul.float-icon-list.notFold>li {
86            display: block;
87        }
88        .float-icon ul.float-icon-list>li {
89            padding-left: 0;
90            margin-bottom: 5px;
91            position: relative;
92            display: none;
93            margin-bottom: 15px;
94        }
95        .float-icon ul.float-icon-list.notFold>li>a {
96            width: 60px !important;
97            height: 60px !important;
98        }
99        .float-icon ul.float-icon-list.notFold>li>a>img {
100            height: 60px !important;
101            width: 60px !important;
102        }
103
104        @media (max-width: 576px) {
105            .float-icon ul.float-icon-list.notFold>li>a {
106                width: 50px !important;
107                height: 50px !important;
108            }
109        }
110        /* 浮動選單CSS 結束 */
111    </style>
112
113    <style>
114        .text-tiny {
115            font-size: 0.7em;
116        }
117
118        .text-small {
119            font-size: 0.85em;
120        }
121
122        .text-big {
123            font-size: 1.4em;
124        }
125
126        .text-huge {
127            font-size: 1.8em;
128        }
129    </style>
130
131            <meta name="description" content="專業設計公司，自2001年成立，專精於ESG永續報告書、網站設計、動畫設計、品牌規劃及平面設計。我們致力於為企業創造創新設計，提升品牌形象，實現永續發展目標，結合創意與策略，為客戶提供量身打造的解決方案。">
132                <meta name="keywords" content="ESG永續報告書,網站設計,動畫設計">
133    
134            <link rel="icon" type="image/x-icon" href="//www.survision.com.tw/storage/1291/406a99452d8596ddd10dac1cf8bba6cb.png">
135    
136    <title>新思維超媒體設計 Survision Intermedia</title>
137
138</head>
139<body id="site-top">
140<!-- Preloader -->
141<div id="preloader">
142    <div id="status">
143        <div class="parent">
144            <div class="child">
145                <p class="small">loading</p>
146            </div>
147        </div>
148    </div>
149</div>
150<div id="ajax-content">
151    <div class="ajax-close"></div>
152    <div class="ajax-slider"></div>
153    <div class="ajax-sidebar"></div>
154    <div class="ajax-more">Show info</div>
155</div>
156<div class="wrapper">
157
158    <header wire:id="GQ5vUvumIqPv96FtvBQQ" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;GQ5vUvumIqPv96FtvBQQ&quot;,&quot;name&quot;:&quot;website.header-menu&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;contact-survision&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;66541b50&quot;,&quot;data&quot;:{&quot;headerMenus&quot;:[],&quot;mainMenus&quot;:[],&quot;website&quot;:[],&quot;template&quot;:&quot;survision&quot;,&quot;hasBanner&quot;:false,&quot;asideCount&quot;:0},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;headerMenus&quot;:{&quot;class&quot;:null,&quot;id&quot;:[],&quot;relations&quot;:[],&quot;connection&quot;:null,&quot;collectionClass&quot;:null},&quot;mainMenus&quot;:{&quot;class&quot;:&quot;App\\Models\\MenuList&quot;,&quot;id&quot;:[4,14,21,29,30],&quot;relations&quot;:[&quot;childs&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}},&quot;models&quot;:{&quot;website&quot;:{&quot;class&quot;:&quot;App\\Models\\Website&quot;,&quot;id&quot;:1,&quot;relations&quot;:[&quot;media&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;4590148a03d82def2ba0f18b3159ba42773664f2ecff20e4e8d3a6391d3c2aca&quot;}}">
159    <h1 id="logo">
160        <a style="background: url(//www.survision.com.tw/storage/215/0434a48db03481aa910133e17d3654ef.png) center no-repeat; width: 250px; height: 250px;" href="https://www.survision.com.tw"></a>
161    </h1>
162    <a href="https://www.survision.com.tw" style="background: url(//www.survision.com.tw/storage/215/0434a48db03481aa910133e17d3654ef.png) center no-repeat; width: 250px; height: 250px;">
163        <div class="tagline"></div>
164    </a>
165    <!-- start main nav -->
166    <nav id="main-nav">
167        <ul class="option-set clearfix" data-option-key="filter">
168                            <li>
169                    <a href="https://www.survision.com.tw/menu/category/1" class="sub-nav-toggle" title="Service 服務">Service 服務</a>
170                                            <ul id="options" class="sub-nav hidden">
171                                                            <li id="category_37"><a href="https://www.survision.com.tw/menu/article/37">ESG 永續報告</a></li>
172                                                            <li id="category_2"><a href="https://www.survision.com.tw/menu/article/2">品牌設計</a></li>
173                                                            <li id="category_3"><a href="https://www.survision.com.tw/menu/article/3">網站設計</a></li>
174                                                            <li id="category_4"><a href="https://www.survision.com.tw/menu/article/4">行銷互動</a></li>
175                                                            <li id="category_5"><a href="https://www.survision.com.tw/menu/article/5">動畫設計</a></li>
176                                                            <li id="category_6"><a href="https://www.survision.com.tw/menu/article/6">平面設計</a></li>
177                                                    </ul>
178                                    </li>
179                            <li>
180                    <a href="https://www.survision.com.tw/menu/category/8" class="sub-nav-toggle" title="Project 專案">Project 專案</a>
181                                            <ul id="options" class="sub-nav hidden">
182                                                            <li id="category_9"><a href="https://www.survision.com.tw/menu/article/9">金融保險</a></li>
183                                                            <li id="category_10"><a href="https://www.survision.com.tw/menu/article/10">科技資訊</a></li>
184                                                            <li id="category_11"><a href="https://www.survision.com.tw/menu/article/11">民生消費</a></li>
185                                                            <li id="category_13"><a href="https://www.survision.com.tw/menu/article/13">政府非營利組織</a></li>
186                                                            <li id="category_24"><a href="https://www.survision.com.tw/menu/article/24">服務零售</a></li>
187                                                    </ul>
188                                    </li>
189                            <li>
190                    <a href="https://www.survision.com.tw/menu/category6/7" class="" title="Client 客戶">Client 客戶</a>
191                                    </li>
192                            <li>
193                    <a href="https://www.survision.com.tw/page/66f208ab9b24f" class="" title="About 關於">About 關於</a>
194                                    </li>
195                            <li>
196                    <a href="https://www.survision.com.tw/contact-survision" class="" title="Contact 聯絡我們">Contact 聯絡我們</a>
197                                    </li>
198                    </ul>
199    </nav>
200    <!-- end main nav -->
201    <div id="bottom-header">
202        <div class="wrap">
203            <form action="https://www.survision.com.tw/search" class="search">
204                <input class="search-bar" type="text" name="keyword" id="keyword" placeholder="網站搜尋" required>
205                <button class="search-btn"><i class="fa-solid fa-magnifying-glass"></i></button>
206            </form>
207        </div>
208
209        <p class="small">
210            (02)8866-6897#2<br />
211            台北市士林區忠誠路一段34號2樓
212        </p>
213    </div>
214</header>
215
216<!-- Livewire Component wire-end:GQ5vUvumIqPv96FtvBQQ -->
217    <div id="white-background"></div>
218    <div id="background-color"></div>
219
220            <div id="content">
221        <div id="menu-button">
222            <div class="cursor">
223                <!--Menu-->
224                <div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div>
225            </div>
226        </div>
227        <div class="container">
228            <div id="ancor"></div>
229            <div class="col3-3 centered image-container">
230            </div>
231            <div class="col1-3">
232                <h2><strong>Contact Us</strong></h2>
233                <blockquote>
234                    <p style="font-size: 93%;">台北市士林區忠誠路一段34號2樓</p>
235                    <p>(02)8866-6897#2<br />
236                        </p>
237                </blockquote>
238            </div>
239            <div class="col2-3">
240                <form class="form-part" method="post" action="https://www.survision.com.tw/contact-survision" autocomplete="off">
241                    <input type="hidden" name="_token" value="8Blh0C7Ul19BxLuwqPlErFlGMsYp14PB4nIRabkq">                    <input name="name" type="text" id="name" size="30" value="" placeholder="姓名" required />
242                    
243                    <input name="phone" type="text" id="phone" size="30" value="" placeholder="手機/電話" required />
244                    
245                    <input name="email" type="email" id="email" size="30" value="" placeholder="Email" />
246                    

247                    <textarea name="content" cols="40" rows="3" id="contenta" placeholder="留言內容" required></textarea>
248                    
249                    <div class="g-recaptcha" data-sitekey="6Lfx19AcAAAAAIseigF0D1LqKftb-s4I0b1p8brS" data-size="normal" data-theme="light" id="recaptcha-element"></div>
250                    
251                    <div class="input-wrapper clearfix">
252                        <button type="submit" class="send-btn">Send</button>
253                    </div>
254                </form>
255            </div>
256            <div class="clear"></div>
257        </div>
258        <!-- end .container -->
259    </div>
260
261    
262
263</div>
264<!-- end wrapper -->
265

266<script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script>

266<script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = '8Blh0C7Ul19BxLuwqPlErFlGMsYp14PB4nIRabkq';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>

266
267

268<script src="https://www.survision.com.tw/assets/template/survision/js/jquery-1.11.1.min.js" type="text/javascript"></script>

268

269<script src="https://www.survision.com.tw/assets/template/survision/js/jquery-easing-1.3.js" type="text/javascript"></script>

269

270<script src="https://www.survision.com.tw/assets/template/survision/js/retina.min.js" type="text/javascript"></script>

270

271<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.touchSwipe.min.js" type="text/javascript"></script>

271

272<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.isotope2.min.js" type="text/javascript"></script>

272

273<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.ba-bbq.min.js" type="text/javascript"></script>

273

274<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.isotope.load.js" type="text/javascript"></script>

274

275<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.fitvids.js" type="text/javascript"></script>

275

276<script src="https://www.survision.com.tw/assets/template/survision/js/SmoothScroll.js" type="text/javascript"></script>

276

277<script src="https://www.survision.com.tw/assets/template/survision/js/main.js" type="text/javascript"></script>

277

278<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.form.js" type="text/javascript"></script>

278

279<script src="https://www.survision.com.tw/assets/template/survision/js/input.fields.js" type="text/javascript"></script>

279

280<script src="https://www.survision.com.tw/assets/template/survision/js/preloader.js" type="text/javascript"></script>

280

281<script defer src="https://www.survision.com.tw/assets/template/survision/js/jquery.flexslider-min.js"></script>

281

282<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.sliphover.min.js"></script>

282

283<script src="https://www.survision.com.tw/assets/template/survision/js/custom.js" type="text/javascript"></script>

283

284<script src="https://www.survision.com.tw/assets/template/survision/js/jquery.fitvids.js" type="text/javascript"></script>

284

285<script src="https://kit.fontawesome.com/6a3bd0eb9c.js" crossorigin="anonymous"></script>

285
286
287<link rel="stylesheet" href="https://www.survision.com.tw/assets/system/sweetalert2/dist/sweetalert2.min.css">

288<script src="https://www.survision.com.tw/assets/system/sweetalert2/dist/sweetalert2.min.js"></script>

288
289

290<script>
291    
292    window.addEventListener('contact-alert', () => {
293        Swal.fire(
294            '留言成功',
295            '感謝您的留言，我們將盡快與您聯繫！',
296            'success'
297        )
298    })
299</script>

299
300
301
302    <div class="float-icon">
303        <ul class="list-unstyled float-icon-list notFold">
304                                                <li>
305                        <a href="javascript:window.scrollTo({top: 0})">
306                            <img src="//www.survision.com.tw/storage/373/a1f10bc251b073a7884ad49702b36c3a.png" style="box-shadow: 0 0 5px rgba(0,0,0,.2), 3px 3px 3px rgba(0,0,0,.3); border-radius: 50%;">
307                        </a>
308                    </li>
309                                    </ul>
310    </div>
311

312<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dff6366958d5408fb9626ef695679a4e","r":1,"spa":2}' crossorigin="anonymous"></script>

312
313</body>
314</html>