﻿<!DOCTYPE html>

<html lang="zh-hant" xml:lang="zh-hant">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>雷普科技 Laypu Technology</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="Description" content="雷普網頁設計公司已通過ISO9001國際服務品質認證，運用創新的SOA服務導向技術提供模組快速導入設計應用，提供網頁設計, 網站建置, 網站改版, 網路行銷及網站平台及各產業及政府專案的網站-台北" />
    <meta name="Keywords" content="網站設計,網頁設計,台北網頁設計,台北網站設計,網頁設計公司,網站設計公司,無障礙網頁,無障礙網頁設計,無障礙網站,無障礙" />
    <meta name="author" content="雷普網頁設計公司" />
    <meta name="company" content="雷普科技,網頁設計公司,台北網頁設計,網頁設計" />

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/theme-elements.css">
    <link rel="stylesheet" href="css/style.css">

    <!--banner start-->
    <link rel="stylesheet" href="css/settings.css" media="screen">
    <!--banner end-->

    <!--最新作品 start-->
    <link rel="stylesheet" href="css/custombox.css">
    <script>
		var isMobile = false;
		var isTablet =false;
		var isAndroidOS =false;
		var isiOS =false;
		var isSafari =false;
	</script>
    <!--最新作品 end-->

    <script src="js/jquery.min.js"></script>
    <script src="js/main.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-362169-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-362169-1');
    </script>

<!--ad start-->
<script language="javascript" type="text/javascript">
    //彈跳視窗
    function Popup(status) {
        var selobj = document.getElementsByTagName("select");
        for (var i = 0; i < selobj.length; i++) {
            if (status == "open") { selobj[i].disabled = true; }
            else { selobj[i].disabled = false; }
        }

        var divsub = document.getElementById("SubForm");

        if (status == "open") {
            divsub.style.top = 50//'250px'//(arrayPageSize[3]-420)/2+document.documentElement.scrollTop;
            divsub.style.left = (document.body.clientWidth - 550) / 2//'350px'//(arrayPageSize[2]-400)/2+document.documentElement.scrollLeft;
            divsub.style.display = "block";
        }
        else {
            divsub.style.display = "none";
            divshow.style.display = "none";
        }

    }
    function ccc() {
        document.getElementById("SubForm").style.display = 'none'
    }
    // 關閉廣告
    $('.close_ad').click(function () {
        document.getElementById("SubForm").style.display = 'none'
    });
</script>
<!--ad end-->

<style>
    /*ad_01*/
    #SubForm {
        z-index: 101;
        /*position: absolute; */
        display: block;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        text-align: center;
        position: fixed;
        left: 0;
        top: 0;
    }

    .ad_box {
        margin: 20px;
    }

    .close_ad {
        color: #fff;
        cursor: pointer;
    }

    .ad_scroll_01 {
        /* background: #fff; */
        margin: 0 auto;
        /* border: solid #eee 10px; */
        text-align: left;
        /*overflow-y: scroll;*/
    }

        .ad_scroll_01 ol li {
            line-height: 150%;
            margin-bottom: 5px;
        }

    .ad_scroll_02 {
        background: #fff;
        margin: 0 auto;
        border: solid #fff 10px;
        overflow: hidden;
    }

    .table-row {
        display: table-row;
    }
    .table-cell {
        display: table-cell;
    }

    /* 橫向智慧手機到竪立平板電腦解析度 */
    @media (max-width: 767px) {
        /*ad_01*/
        .ad_scroll_01, .ad_scroll_02 {
            overflow: auto;
        }

        #SubForm{
            overflow: scroll;
        }
        .ad_scroll_01 >div{
            background-size: 200% !important;
        }
    }
</style>

</head>

<body>

    <!--ad_01 start-->
    <!-- <div id="SubForm" onclick="ccc()">
        <div style="margin: 20px;">
            <span class="close_ad">關閉廣告 <i class="fa fa-window-close"></i></span>
            <div class="ad_scroll_01" style="max-width:100%;width:600px; margin-top:10px;   text-align: center;">
                <img src="img/2024.jpg" alt="" style="max-height: 90vh;border: solid #fff 10px;">
            </div>
        </div>
    </div> -->
    <!--ad_01 end-->

    <!--header start-->
    <script>$.include("blocks/header.html");</script>
    <!--header end-->
	

	<!-- InstanceBeginEditable name="EditRegion3" -->
    <!--banner start-->
    <div class="slider-container rev_slider_wrapper">
        <div id="revolutionSlider" class="slider rev_slider" data-plugin-revolution-slider data-plugin-options='{"delay": 9000, "gridwidth": 1100, "gridheight": 600}'>
            <ul>
                <!--<li data-transition="fade">
        <img src="img/index_banner_05.jpg"
             alt=""
             data-bgposition="center center"
             data-bgfit="cover"
             data-bgrepeat="no-repeat"
             class="rev-slidebg">

        <div class="tp-caption top-label"
             data-x="30"
             data-y="190"
             data-start="500"
             data-transform_in="y:[-300%];opacity:0;s:500;">溫馨提醒</div>

        <div class="tp-caption bottom-label"
             data-x="30"
             data-y="260"
             data-start="1500"
             data-whitespace="nowrap"
             data-transform_in="y:[100%];s:500;"
             data-transform_out="opacity:0;s:500;"
             data-mask_in="x:0px;y:0px;" style="color:#333;">
            疫情期間，為避免感染擴散風險。<br>
            即日起至6/28止，雷普科技採居家辦公執行工作任務。<br>
            讓我們互相罩顧吧！台灣加油，沒問題的！<br><br>
            如有緊急事件請以MAIL通知，謝謝！
        </div>
    </li>-->
                <li data-transition="fade">
                    <img src="img/index_banner_01.jpg"
                         alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption top-label"
                         data-x="30"
                         data-y="190"
                         data-start="500"
                         data-transform_in="y:[-300%];opacity:0;s:500;">創新 ‧ 技術 ‧ 服務 ‧ 品質</div>

                    <div class="tp-caption bottom-label"
                         data-x="30"
                         data-y="260"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:500;"
                         data-transform_out="opacity:0;s:500;"
                         data-mask_in="x:0px;y:0px;">專業的技術團隊、<br>健全的營運體質、成熟的服務能量….</div>

                    <div class="tp-caption btn_01"
                         data-x="30"
                         data-y="360"
                         data-start="2000"
                         data-transform_in="y:[100%];opacity:0;s:500;"
                         onclick="location.href='about.html'">瞭解更多</div>
                </li>
                <li data-transition="fade">
                    <img src="img/index_banner_02.jpg"
                         alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption top-label"
                         data-x="30"
                         data-y="140"
                         data-start="500"
                         data-transform_in="y:[-300%];opacity:0;s:500;">ISO國際服務品質認證</div>

                    <div class="tp-caption bottom-label"
                         data-x="30"
                         data-y="220"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:500;"
                         data-transform_out="opacity:0;s:500;"
                         data-mask_in="x:0px;y:0px;">落實服務品質、強化服務技術，<br>就是給予客戶的最大服務品質保證….</div>

                    <div class="tp-caption btn_01"
                         data-x="30"
                         data-y="340"
                         data-start="2000"
                         data-transform_in="y:[100%];opacity:0;s:500;"
                         onclick="location.href='quality.html'">瞭解更多</div>
                </li>
                <li data-transition="fade">
                    <img src="img/index_banner_03_1.jpg"
                         alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption top-label"
                         data-x="30"
                         data-y="140"
                         data-start="500"
                         data-transform_in="y:[-300%];opacity:0;s:500;">導入PMP專案管理流程<br>掌握核心應用技術</div>

                    <div class="tp-caption bottom-label"
                         data-x="30"
                         data-y="260"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:500;"
                         data-transform_out="opacity:0;s:500;"
                         data-mask_in="x:0px;y:0px;">唯有掌握核心技術與應用創新，<br>才能為客戶創造更多的服務價值…..</div>

                    <div class="tp-caption btn_01"
                         data-x="30"
                         data-y="370"
                         data-start="2000"
                         data-transform_in="y:[100%];opacity:0;s:500;"
                         onclick="location.href='service.html'">瞭解更多</div>
                </li>
                <li data-transition="fade">
                    <img src="img/index_banner_04_1.jpg"
                         alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption top-label"
                         data-x="710"
                         data-y="140"
                         data-start="500"
                         data-transform_in="y:[100%];opacity:0;s:500;"><span class="blue">豐富的專案執行經驗<br>確保專案服務能量</span></div>

                    <div class="tp-caption bottom-label"
                         data-x="710"
                         data-y="240"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:500;"
                         data-transform_out="opacity:0;s:500;"
                         data-mask_in="x:0px;y:0px;">-<br>提供各產業專屬的解決方案，<br>以豐富的專案經驗基礎.....</div>

                    <div class="tp-caption btn_02"
                         data-x="710"
                         data-y="370"
                         data-start="2000"
                         data-transform_in="y:[100%];opacity:0;s:500;"
                         onclick="location.href='work.html'">瞭解更多</div>
                </li>
            </ul>
        </div>
    </div>
    <!--banner end-->
    <!--關於雷普-4 start-->
    <div class="about_box_04">
        <div class="container counters">
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <strong data-to="2000">0</strong>
                    <label>創立年度</label>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <strong data-to="23">0</strong>
                    <label>營運年度</label>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <strong data-to="600" data-append="+">0</strong>
                    <label>合作客戶</label>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <strong data-to="1200" data-append="+">0</strong>
                    <label>成功案例</label>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/common.min.js"></script>
    <!--關於雷普-4 end-->
    <!--專業服務 start-->
    <div class="index_service">

        <div class="container mobile_padding">
            <h2 class="green text-center" data-sr="enter top wait 0.3s">Service</h2>
            <div class="index_title_s text-center" data-sr="enter top wait 0.3s">專業服務</div>
            <div class="service_item">
                <ul>
                    <li class="col-md-3 col-sm-6 col-xs-12 service_padding" data-sr="enter bottom wait 0.5s">
                        <div class="service_box">
                            <div class="service_con text-center">
                                <img src="img/index_service_01.jpg" alt="" />
                                <div class="service_title">企業應用</div>
                                <div align="center">
                                    <div class="green_line"></div>
                                </div>
                                <div class="service_font"><a href="service.html">運用豐富的專案規劃及執行經驗為基礎，提供企業的全方位的資訊系統解決方案...</a></div>
                            </div>
                        </div>
                    </li>
                    <li class="col-md-3 col-sm-6 col-xs-12 service_padding" data-sr="enter bottom wait 0.5s">
                        <div class="service_box">
                            <div class="service_con text-center">
                                <img src="img/index_service_02.jpg" alt="" />
                                <div class="service_title">政府專案</div>
                                <div align="center">
                                    <div class="green_line"></div>
                                </div>
                                <div class="service_font"><a href="service2.html">提供政府機關資訊化系統建置，並遵循相關規範及標準，同時符合資訊安全標準...</a></div>
                            </div>
                        </div>
                    </li>
                    <li class="col-md-3 col-sm-6 col-xs-12 service_padding" data-sr="enter bottom wait 0.5s">
                        <div class="service_box">
                            <div class="service_con text-center">
                                <img src="img/index_service_03.jpg" alt="" />
                                <div class="service_title">無障礙網站</div>
                                <div align="center">
                                    <div class="green_line"></div>
                                </div>
                                <div class="service_font"><a href="service3.html">協助政府機關、銀行、網路銀行、網路ATM，符合無障礙網頁設計並取得標章...</a></div>
                            </div>
                        </div>
                    </li>
                    <li class="col-md-3 col-sm-6 col-xs-12 service_padding" data-sr="enter bottom wait 0.5s">
                        <div class="service_box">
                            <div class="service_con text-center">
                                <img src="img/index_service_04.jpg" alt="" />
                                <div class="service_title">專屬規劃</div>
                                <div align="center">
                                    <div class="green_line"></div>
                                </div>
                                <div class="service_font"><a href="service4.html">依照客戶需求，規劃設計網站及資訊化系統，如課程管理、會員系統、線上支付...</a></div>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <!--專業服務 end-->
    <!--近期專案 start-->
    <div class="index_works">
        <h2 class="green text-center" data-sr="enter top wait 0.3s">Recent Project</h2>
        <div class="index_title_s text-center" data-sr="enter top wait 0.3s">近期專案</div>

        <div class="owl-carousel owl-theme" data-plugin-options='{"items": 4, "autoplay": true, "autoplayTimeout": 5000}'>
             
            <div>
                <a href="https://aiip.tdp.org.tw/" target="_blank" title="A+企業創新研發淬鋉計畫(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_32.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">A+企業創新研發淬鍊計畫</div>
                        <div class="small">A+ Enterprise Innovation R&D Quenching Plan</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://ebank.feib.com.tw/netbank/html/pages/jsp/Accessible/index.jsp" target="_blank" title="遠東商銀-金融友善服務專區(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_37.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">遠東商銀-金融友善服務專區</div>
                        <div class="small">Far Eastern Int'l Bank</div>
                    </div>
                </a>
            </div> 
            <div>
                <a href="https://www.cccs.org.tw/" target="_blank" title="中華民國象棋文化協會(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_33.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">中華民國象棋文化協會</div>
                        <div class="small">Chinese Chess Culture Society</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://ncdr.nat.gov.tw/podcast2024/" target="_blank" title="災害防救科技中心-災防知識補給站(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_39.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">災害防救科技中心-災防知識補給站</div>
                        <div class="small">Disaster prevention knowledge supply station</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://easy2do.ncdr.nat.gov.tw/" target="_blank" title="防災一起來(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_29.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">防災一起來</div>
                        <div class="small">EASY TO DO</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://phoenix.ftv.com.tw/" target="_blank" title="鳳凰藝能股份有限公司(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_34.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">鳳凰藝能股份有限公司</div>
                        <div class="small">PHOENIX</div>
                    </div>
                </a>
            </div>
            
            <div>
                <a href="https://www.ncdr.nat.gov.tw/NCDR-Topic/2024/#index_page_1" target="_blank" title="災害防救科技中心-防災特輯(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_38.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">災害防救科技中心-防災特輯</div>
                        <div class="small">Disaster Prevention Special</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://easy2do.ncdr.nat.gov.tw/disability/" target="_blank" title="防災無障礙(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_30.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">防災無障礙</div>
                        <div class="small">Disaster prevention and accessibility</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://esg.gudeng.com/" target="_blank" title="家登精密工業股份有限公司-ESG專區(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_31.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">家登精密工業-ESG專區</div>
                        <div class="small">Gudeng Precision Industries Co., Ltd. ESG</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://easy2do.ncdr.nat.gov.tw/together/" target="_blank" title="一起來防災(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_28.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">一起來防災</div>
                        <div class="small">Let’s prevent disasters together</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.nanjichang.com.tw/" target="_blank" title="南機場夜市(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_35.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">南機場夜市</div>
                        <div class="small">Nanjichang Night Market</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="http://www.kicer.com.tw/" target="_blank" title="維知科技(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_36.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">維知科技</div>
                        <div class="small">KICer Technology Co., Ltd.</div>
                    </div>
                </a>
            </div>

            <div>
                <a href="https://rate.landbank.com.tw/" target="_blank" title="臺灣土地銀行金融資訊(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_22.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">臺灣土地銀行金融資訊</div>
                        <div class="small">Land Bank of Taiwan</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.ncdr.nat.gov.tw/" target="_blank" title="國家災害防救科技中心(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_23.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">國家災害防救科技中心</div>
                        <div class="small">National Science and Technology Center for Disaster Reduction</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.gamerating.org.tw/" target="_blank" title="數位娛樂軟體分級查詢網(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_24.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">數位娛樂軟體分級查詢網</div>
                        <div class="small">Taiwan Entertainment Software Rating Information</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.agribank.com.tw/" target="_blank" title="全國農業金庫(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_09.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">全國農業金庫</div>
                        <div class="small">Agricultural Bank of Taiwan</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.nchc.org.tw/" target="_blank" title="國家高速網路與計算中心(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_10.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">國家高速網路與計算中心</div>
                        <div class="small">National Center for High-performance Computing</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.093.org.tw/" target="_blank" title="靈鷲山全球資訊網(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_03.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">靈鷲山全球資訊網</div>
                        <div class="small">Ling Jiou Mountain Buddhist Society</div>
                    </div>
                </a>
            </div>
            <!-- <div>
                <a href="https://treasure.forest.gov.tw/" target="_blank" title="Hidden Treasure of ASIA(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_11.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">林務局國家森林遊樂區旅遊網</div>
                        <div class="small">Hidden Treasure of ASIA</div>
                    </div>
                </a>
            </div> -->
            <div>
                <a href="https://www.tasa.org.tw/" target="_blank" title="國家太空中心(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_12.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">國家太空中心</div>
                        <div class="small">National Space Organization</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.tpca.org.tw/" target="_blank" title="TPCA台灣電路板協會(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_07.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">TPCA台灣電路板協會</div>
                        <div class="small">Taiwan Printed Circuit Association(TPCA)</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://alumni.ntnu.edu.tw/" target="_blank" title="臺師大校友中心(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_13.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">臺師大校友中心</div>
                        <div class="small">NTNU alumni center</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.jian-mart.com/" target="_blank" title="健康食彩(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_14.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">健康食彩</div>
                        <div class="small">Jian mart</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.tf4dr.org/" target="_blank" title="財團法人賑災基金會(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_15.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">財團法人賑災基金會</div>
                        <div class="small">Disaster Relief Foundation</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.ilcpb.gov.tw/" target="_blank" title="宜蘭縣政府警察局全球資訊網(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_16.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">宜蘭縣政府警察局全球資訊網</div>
                        <div class="small">Yilan County Government Police Bureau</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.xn--yes-897eo9j.taipei/" target="_blank" title="寧夏夜市(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_17.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">寧夏夜市</div>
                        <div class="small">Ningxia Night Market</div>
                    </div>
                </a>
            </div>
            <!-- <div>
                <a href="https://twap.sgs.com/trainsys/" target="_blank" title="SGS TRAINSYS訓練學院(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_01.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">SGS TRAINSYS訓練學院</div>
                        <div class="small">SGS ACADEMY IN TAIWAN</div>
                    </div>
                </a>
            </div> -->
            <div>
                <a href="https://proj.ftis.org.tw/isdn/" target="_blank" title="經濟部工業局產業永續發展整合資訊網(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_18.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">經濟部工業局產業永續發展整合資訊網</div>
                        <div class="small">Industrial Sustainable Development Clearinghouse</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://ebill.ba.org.tw/" target="_blank" title="e-Bill全國繳費網(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_19.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">e-Bill全國繳費網</div>
                        <div class="small">e-Bill National Payment Network</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://kpd.kinmen.gov.tw/" target="_blank" title="金門縣政府人事處(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_20.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">金門縣政府人事處</div>
                        <div class="small">Personnel Department of Kinmen Counity Government</div>
                    </div>
                </a>
            </div>
            <!-- <div>
                <a href="http://www.tfri.gov.tw/main/index.aspx" target="_blank" title="行政院農業委員會林業試驗所(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_02.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">行政院農業委員會林業試驗所</div>
                        <div class="small">Taiwan Forestry Research Institute</div>
                    </div>
                </a>
            </div> -->
            <div>
                <a href="https://www.gudeng.com/" target="_blank" title="家登精密(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_25.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">家登精密</div>
                        <div class="small">Gudeng Precision</div>
                    </div>
                </a>
            </div>
            <div>
                <a href="https://www.grandtextile.com/" target="_blank" title="昊亞(另開新視窗)">
                    <div class="imh_opacity"><img class="img-responsive" src="img/work/index_works_26.jpg" alt=""></div>
                    <div class="font">
                        <div class="title">昊亞</div>
                        <div class="small">Grand Textile</div>
                    </div>
                </a>
            </div>
        </div>

        <div class="linkArea clearfix" id="link" style="display:none;">
            <!--linkArea-->
            <ul>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox01">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_01.jpg" alt="SGS TRAINSYS訓練學院"></div>
                            <div class="textBox">
                                <b>SGS TRAINSYS<br>訓練學院</b>
                                <em>SGS ACADEMY IN TAIWAN</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox02">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_02.jpg" alt="行政院農業委員會 林業試驗所"></div>
                            <div class="textBox">
                                <b>行政院農業委員會<br>林業試驗所</b>
                                <em>Taiwan Forestry Research Institute</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox03">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_03.jpg" alt="靈鷲山全球資訊網"></div>
                            <div class="textBox">
                                <b>靈鷲山全球資訊網</b>
                                <em>Ling Jiou Mountain Buddhist Society</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox04">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_04.jpg" alt="中小企業信用保證基金"></div>
                            <div class="textBox">
                                <b>中小企業信用保證基金</b>
                                <em>Small &amp; Medium Enterprise Credit <br>Guarantee Fund of Taiwan</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox05">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_05.jpg" alt="西門子 SITrain 訓練中心"></div>
                            <div class="textBox">
                                <b>西門子 SITrain<br>訓練中心</b>
                                <em>SITrain-Training for industry</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox06">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_06.jpg" alt="新北市政府經濟發展局"></div>
                            <div class="textBox">
                                <b>新北市政府<br>經濟發展局</b>
                                <em>Economic Develpment Department <br>New Taipei City Government</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox07">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_07.jpg" alt="TPCA台灣電路板協會"></div>
                            <div class="textBox">
                                <b>TPCA台灣電路板協會</b>
                                <em>Taiwan Printed Circuit Association</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
                <li class="col-md-3 col-sm-6 col-xs-12" data-sr="enter bottom wait 0.5s">
                    <a class="openTable" data-target=".linkBox08">
                        <div class="item">
                            <!-- item -->
                            <div class="Img"><img src="img/work/index_works_08.jpg" alt="億品服裝(飾品)材料"></div>
                            <div class="textBox">
                                <b>億品服裝(飾品)材料</b>
                                <em>Yi-Ping</em>
                            </div>
                            <div class="btn"><span>LEARN MORE</span></div>
                        </div><!-- item end -->
                    </a>
                </li>
            </ul>
        </div><!--linkArea end-->
        <!---浮動視窗1 start-->
        <div class="actLayer linkBox01">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>SGS TRAINSYS訓練學院</b>
                    <em>SGS ACADEMY IN TAIWAN</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox01_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://twap.sgs.com/trainsys/" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_01_01.jpg" alt="">
                        <img src="img/work/index_works_01_02.jpg" alt="">
                        <img src="img/work/index_works_01_03.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗1 end-->
        <!---浮動視窗2 start-->
        <div class="actLayer linkBox02">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>行政院農業委員會<br>林業試驗所</b>
                    <em>Taiwan Forestry Research Institute</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox02_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.tfri.gov.tw/main/index.aspx" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_02_01.jpg" alt="">
                        <img src="img/work/index_works_02_02.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗2 end-->
        <!---浮動視窗3 start-->
        <div class="actLayer linkBox03">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>靈鷲山全球資訊網</b>
                    <em>Ling Jiou Mountain Buddhist Society</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox03_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.093.org.tw/" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_03_01.jpg" alt="">
                        <img src="img/work/index_works_03_02.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗3 end-->
        <!---浮動視窗4 start-->
        <div class="actLayer linkBox04">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>中小企業信用保證基金</b>
                    <em>Small &amp; Medium Enterprise Credit Guarantee Fund of Taiwan</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox04_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.smeg.org.tw/" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_04_01.jpg" alt="">
                        <img src="img/work/index_works_04_02.jpg" alt="">
                        <img src="img/work/index_works_04_03.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗4 end-->
        <!---浮動視窗5 start-->
        <div class="actLayer linkBox05">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>西門子 SITrain訓練中心</b>
                    <em>SITrain-Training for industry</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox05_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.siemens.com.tw/sitrain" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_05_01.jpg" alt="">
                        <img src="img/work/index_works_05_02.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗5 end-->
        <!---浮動視窗6 start-->
        <div class="actLayer linkBox06">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>新北市政府經濟發展局</b>
                    <em>Economic Develpment Department New Taipei City Government</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox06_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.economic.ntpc.gov.tw" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_06_01.jpg" alt="">
                        <img src="img/work/index_works_06_02.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗6 end-->
        <!---浮動視窗7 start-->
        <div class="actLayer linkBox07">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>TPCA台灣電路板協會</b>
                    <em>Taiwan Printed Circuit Association</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox07_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.tpca.org.tw/" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_07_01.jpg" alt="">
                        <img src="img/work/index_works_07_02.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗7 end-->
        <!---浮動視窗8 start-->
        <div class="actLayer linkBox08">
            <a id="closeLayer" onclick="Custombox.close()"></a>

            <!-- topBanner -->
            <div class="topBanner">
                <div class="Txt">
                    <b>億品服裝(飾品)材料</b>
                    <em>Yi-Ping</em>
                    <span>-</span>
                </div>
                <div class="Img"><img src="img/linkBox08_banner.jpg" alt=""></div>
            </div>
            <!-- topBanner end -->

            <div class="wrap clearfix">
                <ul class="tabContent">

                    <li class="first">
                        <div class="title">專案介紹</div>
                        <div class="box">
                            <p style="display:none">文案待補<br><br></p>
                            <a href="https://www.tpediy.com.tw/" target="_blank"><buttom class="btn_01"><i class="fa fa-link"></i>&nbsp;&nbsp;瀏覽網站</buttom></a><br>
                        </div>
                        <img src="img/work/index_works_08_01.jpg" alt="">
                        <img src="img/work/index_works_08_02.jpg" alt="">
                        <img src="img/work/index_works_08_03.jpg" alt="">
                    </li>

                </ul>
            </div>
        </div>
        <!---浮動視窗8 end-->

    </div>
    <!--近期專案 end-->
    <!--服務保證 start-->
    <div class="index_quality">
        <div class="container mobile_padding">
            <h2 class="green text-center" data-sr="enter top wait 0.3s">Quality Assurance</h2>
            <div class="index_title_s text-center" data-sr="enter top wait 0.3s">服務保證</div>

            <ul>
                <li class="col-md-4 col-sm-6 col-xs-12 quality_padding" data-sr="enter bottom wait 0.5s">
                    <div class="quality_box table">
                        <div class="table-row">
                            <div class="table-cell quality_icon">
                                <img src="img/quality_icon_01.jpg" alt="" />
                            </div>
                            <div class="table-cell">
                                <div class="quality_title">品質保證</div>
                                <div class="green_line"></div>
                                <div><a href="quality.html">為提升雷普專業服務的品質達到國際標準，透過顧問公司及SGS輔導及驗證，已於2009年12月正式取得SGS ISO9001國際服務品質認證....</a></div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12 quality_padding" data-sr="enter bottom wait 0.5s">
                    <div class="quality_box table">
                        <div class="table-row">
                            <div class="table-cell quality_icon">
                                <img src="img/quality_icon_02.jpg" alt="" />
                            </div>
                            <div class="table-cell">
                                <div class="quality_title">專案管理</div>
                                <div class="green_line"></div>
                                <div><a href="quality.html">雷普團隊不斷強化及提昇專業的服務能量，專案團隊透過國內外專業認證機構輔導，已陸續取得專業認證證書，並導入專案管理SOP標準化作業流程...</a></div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12 quality_padding" data-sr="enter bottom wait 0.5s">
                    <div class="quality_box table">
                        <div class="table-row">
                            <div class="table-cell quality_icon">
                                <img src="img/quality_icon_03.jpg" alt="" />
                            </div>
                            <div class="table-cell">
                                <div class="quality_title">資訊安全</div>
                                <div class="green_line"></div>
                                <div><a href="quality.html">雷普科技相關技術團隊陸續取得ISO 27001 主導稽核員證照，並不定期針對系統進行資安檢測，以確保系統必須符合資汛安全相關規範及檢測標準....</a></div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>

        </div>
    </div>
    <!--服務保證 end-->
    <!--我們的客戶 start-->
    <div class="index_customer">
        <div class="customer_top"></div>
        <div class="container mobile_padding_1">
            <h2 class="brown text-center" data-sr="enter top wait 0.3s">Our Customers</h2>
            <div class="index_title_s text-center brown_2" data-sr="enter top wait 0.3s">我們的客戶</div>
            <div class="customer_con text-center">
                <img src="img/customer/logo_01_w.svg" alt="" data-sr="enter bottom wait 0.3s">
                <img src="img/customer/logo_02_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_03_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_04_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_05_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_06_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_07_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_10_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_13_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_15_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_17_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_18_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_20_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_21_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_22_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_27_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_28_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_36_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_41_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
                <img src="img/customer/logo_51_w.png" alt="" data-sr="enter bottom wait 0.3s"/>
            </div>
            <div class="text-center">
                <br>
                <button class="btn_03" onclick="location.href='customer.html'" data-sr="enter bottom wait 0.5s">了解更多</button>
            </div>
        </div>
    </div>
    <!--我們的客戶 end-->
    <!--聯絡我們 start-->
    <script src="js/jquery.min.js"></script>
    <script>
        $(function () {
            $("input").on('keypress', change);
            $("textarea").on('keypress', change)
            $("input").on('change', change);
            $("textarea").on('change', change)
            $("form").on('submit', function () {
                $("[name='name']")[0].value = encodeURIComponent($("#name")[0].value)
                $("[name='tel']")[0].value = encodeURIComponent($("#tel")[0].value)
                $("[name='email']")[0].value = encodeURIComponent($("#email")[0].value)
                $("[name='message']")[0].value = encodeURIComponent($("#message")[0].value)
            })
			
			
        })
        function change() {
            $("[name='" + this.id + "']")[0].value = encodeURIComponent(this.value)
        }
    </script>
    <div class="index_contact">

        <div class="container mobile_padding">
            <h2 class="green text-center text-shadow" data-sr="enter top wait 0.3s">Contact</h2>
            <div class="index_title_s text-center green text-shadow" data-sr="enter top wait 0.3s">聯絡我們</div>

            <div class="contact_box">
                <div class="col-md-5 col-sm-5 col-xs-12 padding_2">
                    若您有任何需求可由雷普提供規劃建議，<br>
                    歡迎線上填寫表單或直接與我們聯繫，我們將指派規畫專員盡快與您連繫，謝謝!
                    <br><br>

                    <div class="table-cell green" style="font-size:30px; padding-bottom:10px;"><i class="fa fa-phone"></i> (02)2959-9800</div>

                    <div class="table">
                        <div class="table-row">
                            <div class="table-cell contact_icon">
                                <span class="fa-stack fa-xs">
                                    <i class="fa fa-circle fa-stack-2x green"></i>
                                    <i class="fa fa-map-marker fa-stack-1x"></i>
                                </span>
                            </div>
                            <div class="table-cell">
                                新北市中和區板南路661號11樓
                            </div>
                        </div>
                        <div class="table-row">
                            <div class="table-cell contact_icon">
                                <span class="fa-stack fa-xs">
                                    <i class="fa fa-circle fa-stack-2x green"></i>
                                    <i class="fa fa-envelope fa-stack-1x"></i>
                                </span>
                            </div>
                            <div class="table-cell">
                                service@laypu.com
                            </div>
                        </div>
                        <div class="table-row">
                            <div class="table-cell contact_icon">
                                <span class="fa-stack fa-xs">
                                    <i class="fa fa-circle fa-stack-2x green"></i>
                                    <i class="fa fa-clock-o fa-stack-1x"></i>
                                </span>
                            </div>
                            <div class="table-cell">
                                週一 ~ 週五 09:00–18:00 &nbsp;(例假日休)
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-1 col-sm-1 hidden-xs">&nbsp;</div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <form action="mailto:jason@laypu.com?subject=雷普網站客服信箱-詢問信件" method="post" enctype="text/plain" name="form1" onSubmit="return validateForm();">
                        <div class="col-md-6 col-sm-6 col-xs-12 padding_2">姓名 <input type="text" id="name" class="form_01" required><input type="hidden" name="name"></div>
                        <div class="col-md-6 col-sm-6 col-xs-12 padding_2">電話 <input type="text" id="tel" class="form_01" required><input type="hidden" name="tel"></div>
                        <div class="col-md-12 col-sm-12 col-xs-12 padding_2">E-mail <input type="text" id="email" class="form_01" required><input type="hidden" name="email"></div>
                        <div class="col-md-12 col-sm-12 col-xs-12 padding_2">諮詢內容 <textarea rows="5" class="form_01" id="message" required></textarea><input type="hidden" name="message"></div>
                        <div class="padding_2"><input type="submit" class="btn_01" id="button" value="確認送出"></div>
                    </form>
                </div>
            </div>

        </div>
    </div>
    <!--聯絡我們 end-->

    <!--map start-->
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3615.649068387441!2d121.47350931516318!3d25.01203784532506!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a82442b60683%3A0x82d3c2aecc40f00e!2z6Zu35pmu56eR5oqA6IKh5Lu95pyJ6ZmQ5YWs5Y-4!5e0!3m2!1szh-TW!2stw!4v1505466065640" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
    <!--map end-->       

    <script src="js/main.js"></script>
    <!--footer start-->
    <script>$.include("blocks/footer.html");</script>
    <!--footer end-->

	<script src="js/bootstrap.min.js"></script>
    <script src="js/theme.js"></script>
    <script src="js/theme.init.js"></script>   

    <!--banner start-->
    <script src="js/jquery.appear.min.js"></script>
    <script src="js/jquery.themepunch.tools.min.js"></script>
	<script src="js/jquery.themepunch.revolution.min.js"></script>
    <!--banner end-->

    <!--最新作品 start-->
    <script src="js/custombox.js"></script>
    <!--最新作品 end-->

    <!--滾動效果 start-->
    <link rel="stylesheet" href="css/reveal.css">
    <script src="js/scrollReveal.js"></script>
    <!--滾動效果 end-->

    <!--數字run start-->
    <script src="js/jquery.easing.min.js"></script>
	<script src="js/common.min.js"></script>
    <!--數字run end-->

    <!--訊息中心 start-->
    <link rel="stylesheet" href="css/theme-blog.css">
    <script src="js/jquery.isotope.min.js"></script>
    <!--訊息中心 end-->
    
    <!--owl start-->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/main_owl.js"></script>
    <!--owl end-->

</body>
</html>