https://pini-shopp.com/page/index

ID de exploración:
6b7e12a8-356f-4873-99b9-a44af4715ce3Finalizado
URL enviada:
https://pini-shopp.com/Redireccionado
Informe finalizado:

Enlaces: 0 encontrados

Los enlaces salientes identificados en la página

Variables JavaScript: 47 encontradas

Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual

Mensajes de registro de la consola: 116 encontrados

Mensajes registrados en la consola web

HTML

El cuerpo HTML sin procesar de la página

<!DOCTYPE html><html lang="zxx"><!-- Head --><head><script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/0ccfa671/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script src="https://www.youtube.com/iframe_api?v=3.2.10" id="YTAPI"></script>

    <title>
        Pini Shops
    </title>

    <!-- Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
window.scrollTo(0, 1);
}
var isIndex = false;
</script>
    <!-- //Meta-Tags -->

    <link href="static/picture/logo-w-logo.png" rel="icon" type="image/x-icon">

    <link rel="stylesheet" href="static/css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="static/css/aos.css">
    <link rel="stylesheet" href="static/css/magnific-popup.css">
    <link rel="stylesheet" href="static/css/jquery.timepicker.css">

    <script type="text/javascript" src="static/js/jquery.min.js"></script>
    <script src="static/js/_common.js"></script>
    <script src="static/js/sweetalert.min.js"></script>
    <link href="static/css/sweetalert.css" rel="stylesheet">
    <script src="static/js/aos.js"></script>
    <script src="static/js/jquery.stellar.min.js"></script>
    <script src="static/js/scrollax.min.js"></script><style type="text/css">.scrollax-performance, .scrollax-performance *, .scrollax-performance *:before, .scrollax-performance *:after { pointer-events: none !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; };</style>
    <script src="static/js/bootstrap-datepicker.js"></script>
    <script src="static/js/jquery.magnific-popup.min.js"></script>
    <script src="static/js/jquery.timepicker.min.js"></script>

    <style media="screen">
        .swalPopup {
            -webkit-border-radius: 0;
            background-color: #fff;
            box-shadow: 0px 1px 10px black;
            border-radius: 8px;
        }

        .swalPopup .sa-button-container button.confirm {
            background-color: #0097b2 !important;
            color: #fff;
            -webkit-border-radius: 0;
            border-radius: 5px;
            padding: 10px 30px 10px 30px;
            line-height: 1.5;
            transition: all .5s ease-in-out;
        }

        .swalPopup .sa-button-container button.confirm:hover,
        .swalPopup .sa-button-container button.confirm:active {
            background-color: #2d364c !important;
            color: #fff;
        }

        .swalPopup.sweet-alert h2 {
            color: #202020 !important;
            font-size: 18px;
            line-height: 28px;
        }

        body {
            background-color: #fff;
            /* background-image: url(''); */
        }

        .sweet-alert p {
            color: #202020;
        }

        /* .sweet-alert {
margin-left: -239px;
} */

        .mobile-shortcut {
            background-color: #0097b2;
            position: fixed;
            width: 100%;
            left: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 99999;
        }

        .mobile-shortcut a {
            padding: 8px 10px;
            font-size: 14px;
            color: #fff;
        }

        .mobile-shortcut i {
            padding: 0 3px 0 0;
            font-size: 16px;
        }

        @media screen and (min-width:768px) {
            .mobile-shortcut {
                display: none;
            }
        }
    </style>
<style type="text/css">.scrollax-performance, .scrollax-performance *, .scrollax-performance *:before, .scrollax-performance *:after { pointer-events: none !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; };</style></head>
<!-- //Head -->

<!-- Body -->

<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300" data-aos-easing="slide" data-aos-duration="800" data-aos-delay="0">
    <input id="auth" type="hidden" value="">

    <div class="mobile-shortcut">
        <a href="/page/page-game_real">
            產品選擇
        </a> <i class="fas fa-ellipsis-v" style="color: #fff;" aria-hidden="true">
        </i> <a href="/page/page-game_real">銷售渠道Sales
        </a>
    </div>


    <!-- //Navigation -->

    <main class="main">
        <!-- 10221830 -->
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="static/css/open-iconic-bootstrap.min.css">
        <link rel="stylesheet" href="static/css/animate1.css">
        <link rel="stylesheet" href="static/css/magnific-popup.css">
        <link rel="stylesheet" href="static/css/aos.css">
        <link rel="stylesheet" href="static/css/ionicons.min.css">
        <link rel="stylesheet" href="static/css/bootstrap-datepicker.css">
        <link rel="stylesheet" href="static/css/jquery.timepicker.css">
        <link rel="stylesheet" href="static/css/flaticon.css">
        <link rel="stylesheet" href="static/css/icomoon.css">
        <link rel="stylesheet" href="static/css/style1.css">
        <!-- Link Swiper's CSS -->
        <link rel="stylesheet" href="static/css/swiper-bundle.min.css">
        <script src="static/js/6603bd9dd4.js"></script>
        <!-- 影片 -->
        <link href="static/css/jquery.mb.YTPlayer.min.css" media="all" rel="stylesheet" type="text/css">

        <style>
            .navbar-brand>img {
                max-height: unset;
                max-width: 170px;
                height: unset;
            }

            .mobile-shortcut {
                display: none;
            }

            header,
            footer {
                display: none;
            }

            .label-13XFthDT.bottom-21EGGcaf,
            .tradingview-widget-copyright {
                display: none;
            }



            .animate-number {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                margin: 20px auto;
                width: 120px;
                height: 120px;
                background: white;
                border-radius: 75px;
                font-family: microsoft jhenghei;
                font-size: 34px;
                font-weight: lighter;
                letter-spacing: 2px;
                transition: 1s box-shadow;
                border: 1px solid #bebebe;
                transition: all .3s;
            }

            .animate-number:hover {
                box-shadow: 0 5px 35px 0px rgba(0, 0, 0, .1);
                background: -webkit-linear-gradient(151deg, #ffffff, #d6d6d6);
                background: linear-gradient(151deg, #ffffff, #d6d6d6);
                transition: all .3s;
                border: 1px solid #ffffff;

            }

            .animate-number:hover::before,
            .animate-number:hover::after {
                display: block;
                content: '';
                position: absolute;
                width: 120px;
                height: 120px;
                background: #ff53da;
                border-radius: 75px;
                z-index: -1;
                animation: 1s clockwise infinite;
            }

            .animate-number:hover:after {
                background: #34a4ff;
                animation: 2s counterclockwise infinite;
            }

            @keyframes clockwise {
                0% {
                    top: -5px;
                    left: 0;
                }

                12% {
                    top: -2px;
                    left: 2px;
                }

                25% {
                    top: 0;
                    left: 5px;
                }

                37% {
                    top: 2px;
                    left: 2px;
                }

                50% {
                    top: 5px;
                    left: 0;
                }

                62% {
                    top: 2px;
                    left: -2px;
                }

                75% {
                    top: 0;
                    left: -5px;
                }

                87% {
                    top: -2px;
                    left: -2px;
                }

                100% {
                    top: -5px;
                    left: 0;
                }
            }

            @keyframes counterclockwise {
                0% {
                    top: -5px;
                    right: 0;
                }

                12% {
                    top: -2px;
                    right: 2px;
                }

                25% {
                    top: 0;
                    right: 5px;
                }

                37% {
                    top: 2px;
                    right: 2px;
                }

                50% {
                    top: 5px;
                    right: 0;
                }

                62% {
                    top: 2px;
                    right: -2px;
                }

                75% {
                    top: 0;
                    right: -5px;
                }

                87% {
                    top: -2px;
                    right: -2px;
                }

                100% {
                    top: -5px;
                    right: 0;
                }
            }

            .mb_YTPBar .buttonBar {
                display: none;
            }

            .mb_YTPBar .mb_YTPseekbar {
                display: none;
            }

            .mb_YTPBar .inlinePlayer {
                display: none;
            }

            .inlinePlayButton {
                display: none !important;
            }

            .mb_YTPProgress {
                display: none;
            }

            #controlBar_bgndVideo {
                display: none !important;
            }

            #wrapper_bgndVideo {
                filter: hue-rotate(4deg);
            }
        </style>


        


            <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
                <div class="container">
                    <a class="navbar-brand" href="javascript:;">
                        <img src="static/picture/logo.png" alt="" class="logo">
                    </a>
                    <button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
                        Menu
                    </button>

                    <div class="collapse navbar-collapse" id="ftco-nav">
                        <ul class="navbar-nav nav ml-auto">
                            <!-- <li class="nav-item cta hidden width-110px" style="margin:10px;text-align:center"><a
                                    href="javascript:;" class="nav-link">業務中心</a></li>
                            <li class="nav-item cta hidden width-110px" style="margin:10px;text-align:center"><a
                                    href="javascript:;" class="nav-link">登出</a></li> -->
                            <li class="nav-item cta  width-110px" style="margin:10px;text-align:center"><a href="/page/login" class="nav-link">登入</a></li>
                            <li class="nav-item cta  width-110px" style="margin:10px;text-align:center"><a href="/page/register" class="nav-link">註冊</a></li>
                        </ul>
                    </div>
                </div>
            </nav>

            <section class="banner-section">
                <div class="inline-YTPlayer" style="position: relative; max-width: 790px;"><div id="bgndVideo" data-property="{videoURL:'https://youtu.be/8dKTwt5hUYg',containment:'#bgndVideo',loop:true,autoPlay:true, mute:true, startAt:0, opacity:1, realfullscreen:true ,stopMovieOnBlur:false}" class="mb_YTPlayer isMuted" style="position: relative; padding-bottom: 56.25%; overflow: hidden; height: 0px;"><div id="controlBar_bgndVideo" class="mb_YTPBar inlinePlayer compact" style="white-space: nowrap; position: absolute; z-index: 1000; display: block;"><div class="buttonBar"><span class="mb_YTPPlayPause ytpicon">p</span><span class="mb_YTPMuteUnmute ytpicon">A</span><div class="mb_YTPVolumeBar simpleSlider muted" style="display: inline-block; cursor: default;"><div class="level horizontal" style="width: 0%;"></div></div><span class="mb_YTPTime">00 : 04 / 00 : 23</span><span class="mb_YTPUrl ytpicon" title="view on YouTube">Y</span><span class="mb_OnlyYT ytpicon">O</span></div><div class="mb_YTPProgress" style="position: absolute;"><div class="mb_YTPLoaded" style="position: absolute; left: 0px; width: 100%;"></div><div class="mb_YTPseekbar" style="position: absolute; left: 0px; width: 17.3913px;"></div></div></div><div id="wrapper_bgndVideo" class="mbYTP_wrapper" style="position: absolute; z-index: 0; min-width: 100%; min-height: 100%; left: 0px; top: 0px; overflow: hidden; opacity: 1; background-image: none; transition-property: opacity; transition-duration: 1000ms;"><iframe id="iframe_bgndVideo" class="playerBox" style="position: absolute; z-index: 0; width: 1264px; height: 711px; top: 0px; left: 0px; overflow: hidden; opacity: 1; user-select: none; margin-top: -66.6562px; margin-left: -237px; max-width: initial;" frameborder="0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="5GTD2023 v4" width="640" height="360" src="https://www.youtube.com/embed/?modestbranding=1&amp;autoplay=0&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;version=3&amp;playerapiid=iframe_bgndVideo&amp;origin=https%3A%2F%2Fpini-shopp.com&amp;allowfullscreen=true&amp;wmode=transparent&amp;iv_load_policy=3&amp;cc_load_policy=0&amp;playsinline=0&amp;html5=1&amp;widgetid=1" unselectable="on"></iframe><div class="YTPOverlay" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;"></div></div>
                    <div class="container" style="position: relative;">
                        <div class="text">
                            <img src="static/picture/mobile.png" alt="" class="">
                            <h3 class="mb-4">提供專業效率且嚴格的快電商環境</h3>
                            <h1 class="mb-4">銷售 通路 利潤</h1>
                            <a href="/page/login" class="btn btn-primary py-3 px-4 ">登入</a>
                            <!-- <a href="javascript:;" class="btn btn-primary py-3 px-4 hidden">開始管理</a> -->
                        </div>
                    </div>
                <div class="inlinePlayButton" style="display: none;">P</div></div></div>
                <div class="cover"></div>
            </section>

            <section class="section-products" style="display: none;">
                <div class="wrapper">
                    <div class="product-block ">
                        <ul class="product-group">
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball2657.png" alt=""></div>
                                    <h3>Furball #2657</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball2745.png" alt=""></div>
                                    <h3>Furball #2745</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball2958.png" alt=""></div>
                                    <h3>Furball #2958</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball3067.png" alt=""></div>
                                    <h3>Furball #3067</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball3028.png" alt=""></div>
                                    <h3>Furball #3028</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball4706.png" alt=""></div>
                                    <h3>Furball #4706</h3>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="product-block hidden">
                        <ul class="product-group">
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball2657.png" alt=""></div>
                                    <h3>Furball #2657</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball2745.png" alt=""></div>
                                    <h3>Furball #2745</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball2958.png" alt=""></div>
                                    <h3>Furball #2958</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball3067.png" alt=""></div>
                                    <h3>Furball #3067</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball3028.png" alt=""></div>
                                    <h3>Furball #3028</h3>
                                </a>
                            </li>
                            <li class="product-item">
                                <a href="javascript:;" target="_blank">
                                    <div class="product-content"><img src="static/picture/Furball4706.png" alt=""></div>
                                    <h3>Furball #4706</h3>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>

            <section class="section-about">
                <div class="wrapper">
                    <div class="about-block">
                        <div class="container-about">
                            <div class="about-img">
                                <img src="static/picture/about.jpg" alt="">
                            </div>
                        </div>
                        <div class="container-about">
                            <div class="about-content">
                                <div class="about-title">
                                    <h2>快電商簡介</h2>
                                </div>
                                <div class="about-txt">
                                    <p>全新的快電商媒介,創始成員來自廣告業界專家,團隊每日銜接最優質之產品及通路。</p>
                                    <p>透過創新橋梁創建全新流通獲益平台,以結合為重,創造公司金流市值,是對於未來快電商發展最有力的願景,營運方式即是以開放快電商平台為架構,符合創新及市場通路多元化服飾需求,將快電商所需一切之條件:產品、通路、客戶、金流、廣告媒介、銷售處理人員集合承接,結合智能數位服務與大數據行銷,使業務下單更加融 入生活方式,符合未來最具影響力的快電商經營方式。
                                    </p>
                                    <a href="javascript:;" class="btn btn-primary py-3 px-4 ">了解更多</a>
                                    <a href="javascript:;" class="btn btn-primary py-3 px-4 hidden">開始管理</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="section-service">
                <div class="wrapper">
                    <div class="service-block">
                        <div class="service-content">
                            <div class="service-title">
                                <h2>強大優勢</h2>
                            </div>
                            <div class="service-txt">
                                <p>開創新時代,助業務創造財富,助客戶獲得最佳產品</p>
                                <ul class="service-group">
                                    <li>
                                        <div class="service-img">
                                            <div class="icon-box">
                                                <img src="static/picture/icon-s01.png" alt="">
                                            </div>
                                            <div class="meta-img">
                                                <img src="static/picture/staff-1.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="service-descr">
                                            <h3>移動應用</h3>
                                            <p>我們的介面可完美的適用於任何裝置,您可以輕鬆地瀏覽</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="service-img">
                                            <div class="icon-box">
                                                <img src="static/picture/icon-s02.png" alt="">
                                            </div>
                                            <div class="meta-img">
                                                <img src="static/picture/staff-2.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="service-descr">
                                            <h3>產品檢驗</h3>
                                            <p>專人審查廠商品牌之優劣,嚴格把關業務及客戶的產品</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="service-img">
                                            <div class="icon-box">
                                                <img src="static/picture/icon-s03.png" alt="">
                                            </div>
                                            <div class="meta-img">
                                                <img src="static/picture/staff-3.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="service-descr">
                                            <h3>業務極速銷貨</h3>
                                            <p>業務將選擇之商品利用廣告通路用極快速度進行完售,效率為主要核心</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="service-img">
                                            <div class="icon-box">
                                                <img src="static/picture/icon-s04.png" alt="">
                                            </div>
                                            <div class="meta-img">
                                                <img src="static/picture/staff-4.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="service-descr">
                                            <h3>通路國際化</h3>
                                            <p>通路為市面上最有效率之國際化工具,深入客戶及業務最深層</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="section-cloud">
                <div class="wrapper">
                    <div class="cloud-block">
                        <div class="cloud-content">
                            <div class="cloud-title">
                                <h2>領先各大電商</h2>
                                <span>使用快電商產品與通路特性,把關產品及服務,使得業務優先選取,並使用大數據及企業管理平台保障各方受益</span>
                            </div>
                            <div class="cloud-txt">
                                <p>使用快電商產品與通路特性,把關產品及服務,使得業務優先選取,並使用大數據及企業管理平台保障各方受益</p>
                                <ul class="cloud-group waterfall-group">
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-1.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>美妝</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-5.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>嬰幼</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-2.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>食品</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-6.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>電器3C</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-3.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>日用品</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-7.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>保養品</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-4.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>衣鞋</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="waterfall-item">
                                        <div class="cloud-item">
                                            <div class="cloud-img"><img src="static/picture/c-8.png" alt=""></div>
                                            <div class="cloud-descr">
                                                <h3>創意小物</h3>
                                                <a href="/page/login" class="btn btn-primary hidden">立即開始</a>
                                                <a href="/page/login" class="btn btn-primary ">立即開始</a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


            <section class="section-join">
                <div class="wrapper">
                    <div class="join-block">
                        <div class="join-img">
                            <img src="static/picture/logo-w-logo.png" alt="TODU">
                        </div>
                        <div class="join-txt">
                            <p>了解世界市面快電商的產品</p>
                            <a href="javascript:;" class="btn btn-primary py-3 px-4 ">快速了解</a>
                            <a href="javascript:;" class="btn btn-primary py-3 px-4 hidden">快速了解</a>
                        </div>
                    </div>
                </div>
            </section>

            <section class="section-agency">
                <div class="wrapper">
                    <div class="agency-block">
                        <div class="agency-content">
                            <div class="agency-title">
                                <h2>贊助及監管</h2>
                            </div>
                            <div class="agency-txt">
                                <p>開創全新時代,助您創造及保管財富</p>
                                <div class="swiper-container swiper-initialized swiper-horizontal swiper-backface-hidden">
                                    <ul class="agency-group swiper-wrapper" id="swiper-wrapper-b56dd5851010827e0f" aria-live="off" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); transition-delay: 0ms;">
                                        <li class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 4" data-swiper-slide-index="0" style="width: 304px;">
                                            <div class="agency_img">
                                                <img src="static/picture/agency-1.jpg" alt="">
                                            </div>
                                            <h3>日本山業集團</h3>
                                        </li>
                                        <li class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 4" data-swiper-slide-index="1" style="width: 304px;">
                                            <div class="agency_img">
                                                <img src="static/picture/agency-2.jpg" alt="">
                                            </div>
                                            <h3>中華民國消費者文教基金會</h3>
                                        </li>
                                        <li class="swiper-slide" role="group" aria-label="3 / 4" data-swiper-slide-index="2" style="width: 304px;">
                                            <div class="agency_img">
                                                <img src="static/picture/agency-3.png" alt="">
                                            </div>
                                            <h3>美國消費品安全委員會</h3>
                                        </li>
                                        <li class="swiper-slide" role="group" aria-label="4 / 4" data-swiper-slide-index="3" style="width: 304px;">
                                            <div class="agency_img">
                                                <img src="static/picture/agency-4.jpg" alt="">
                                            </div>
                                            <h3>日本消費者廳</h3>
                                        </li>
                                    </ul>
                                    <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span></div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="lowest">
                <div class="container">
                    <div class="block">
                        <img src="static/picture/logo-w-logo.png" alt="" class="logo">
                        <p>本機構提供之電商交易為保護業務使用者及客戶之用途,使用上之風險由本公司承擔,若非本公司授權之用途本公司一概無權管理,您必須詳細了解業務原則及客戶協議。</p>
                    </div>
                </div>
            </section>

            <footer class="ftco-footer ftco-section" style="display: block;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <p>

                                © 2023 Pini Shops All Rights Reserved

                            </p>
                        </div>
                    </div>
                </div>
            </footer>


            <script src="static/js/jquery.min.js"></script>
            <script src="static/js/jquery-migrate-3.0.1.min.js"></script>
            <script src="static/js/popper.min.js"></script>
            <script src="static/js/bootstrap.min.js"></script>
            <script src="static/js/jquery.easing.1.3.js"></script>
            <script src="static/js/jquery.waypoints.min.js"></script>
            <script src="static/js/jquery.stellar.min.js"></script>
            <script src="static/js/owl.carousel.min.js"></script>
            <script src="static/js/jquery.magnific-popup.min.js"></script>
            <script src="static/js/aos.js"></script>
            <script src="static/js/jquery.animateNumber.min.js"></script>
            <script src="static/js/bootstrap-datepicker.js"></script>
            <script src="static/js/jquery.timepicker.min.js"></script>
            <script src="static/js/scrollax.min.js"></script>

            <!-- 影片 -->
            <script src="static/js/jquery.mb.YTPlayer.js"></script>

            <!-- Swiper JS -->
            <script src="static/js/swiper-bundle.min.js"></script>


            <script>
                var myPlayer;
                jQuery(function () {
                    myPlayer = jQuery("#bgndVideo").YTPlayer({
                        useOnMobile: true,
                        mobileFallbackImage: "assets/mask-4.png"
                    });

                    myPlayer = jQuery("#bgndVideo2").YTPlayer({
                        useOnMobile: true,
                        mobileFallbackImage: "assets/mask-4.png"
                    });

                });

                const mySwiper = new Swiper('.swiper-container', {
                    slidesPerView: 1.5,
                    pagination: {
                        el: ".swiper-pagination",
                        clickable: true,
                    },
                    autoplay: {
                        delay: 1500,
                        disableOnInteraction: false,
                    },
                    loop: true,
                    breakpoints: {
                        768: {
                            slidesPerView: 2.5,
                            loop: true,
                        },
                        1024: {
                            slidesPerView: 4,
                            loop: false,
                        },
                    },
                });

            </script>
        
    </main><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-shims.min.css" media="all"><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-font-face.min.css" media="all"><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all">



    <!-- Footer -->
    <section id="footer">

        <div class="copyright">
            <!-- © 2023 Pini Shops All Rights Reserved -->
        </div>

    </section>



    <!-- Bootstrap-JavaScript -->
    <script type="text/javascript" src="static/js/bootstrap.min.js"></script>

    <!-- Resopnsive-Slider-JavaScript -->
    <script src="static/js/responsiveslides.min.js"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                nav: true,
                speed: 2000,
                namespace: "callbacks",
                pager: true,
            });
            // if ('hidden' == 'hidden') {
            // var loginstr = '請登入';
            // $("a").removeAttr("href");
            // $("a").attr("onclick", "swal({title: '" + loginstr + "',  html: true})"); //swal({title: data.text,  html: true});
            // $("button").removeAttr("onclick");
            // $("button").attr("onclick", "swal({title: '" + loginstr + "',  html: true})"); //swal({title: data.text,  html: true});
            // $(".dropdown-toggle").removeAttr("onclick");
            // $(".submit").removeAttr("onclick");
            // $(".btn-next").removeAttr("onclick");
            // }
        });
    </script>
    <!-- //Resopnsive-Slider-JavaScript -->

    <!-- Tab-JavaScript -->
    <script src="static/js/cbpFWTabs.js"></script>
    <script>
        (function () {
            [].slice.call(document.querySelectorAll('.tabs')).forEach(function (el) {
                new CBPFWTabs(el);
            });
        })();
    </script>
    <!-- //Tab-JavaScript -->



    <!-- Stats-Number-Scroller-Animation-JavaScript -->
    <script src="static/js/counterup.min.js"></script>
    <script>
        jQuery(document).ready(function ($) {
            $('.counter').counterUp({
                delay: 10,
                time: 1000
            });
        });
    </script>
    <!-- //Stats-Number-Scroller-Animation-JavaScript -->

    <!-- Popup-Box-JavaScript -->
    <script src="static/js/jquery.chocolat.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.w3portfolioaits-item a').Chocolat();
        });
    </script>
    <!-- //Popup-Box-JavaScript -->

    <!-- Smooth-Scrolling-JavaScript -->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();

                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 1000);
            });
        });

        if (!isIndex) {
            $(".scroll").click(function () {
                location.href = '/';
            });
        }

        // 簡單又明瞭的重新命名
        $(document).ready(function () {
            gName = {
                1: "銷售盈餘",
                33: "Lottery",
                34: "CFD差價合約"
            };
            var options = $('.transfer_form [name="src_id"] option, .transfer_form [name="tar_id"] option, .withdraw_form [name="src_id"] option');
            $(options).each(function (index) {
                $(this).text(gName[$(this).val()]);
            });

            var bNames = $('b[att-id]');
            $(bNames).each(function (index) {
                $(this).html(gName[$(this).attr("att-id")]);
            });

        });

    </script>
    <!-- //Smooth-Scrolling-JavaScript -->

    <!-- //Custom-JavaScript-File-Links -->

    <script src="static/js/jquery.dropotron.min.js"></script>
    <script src="static/js/jquery.scrollex.min.js"></script>
    <script src="static/js/browser.min.js"></script>
    <script src="static/js/breakpoints.min.js"></script>
    <script src="static/js/util.js"></script>
    <script src="static/js/main.js"></script>









</body><!-- //Body --></html>