<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国·太阳成tyc9728(MACAU·有限公司)官方网站-Sun City</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/master.css?v=1030602">        <!--favor icon-->
<link rel="shortcut icon" href="/images/touch-icon/apple-icon-60x60.png" />
<!--touch_icon-->
<link rel="apple-touch-icon" href="/images/touch-icon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/images/touch-icon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/images/touch-icon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/images/touch-icon/apple-icon-152x152.png" />

<script src="/public/js/jquery-3.6.0.min.js"></script>
<script src="/public/js/jquery-ui-1.13.2/jquery-ui.min.js"></script>
<script src="/public/js/jquery.blockUI.min.js"></script>
<script src="/public/js/ajax_function.js"></script> 
<script src="/public/js/script.js?v=1030602"></script>
<script src="/public/js/lottie-player.min.js"></script> 
<script>
	const isMobile = false;
	const isTablet = false;
    const _http_url_link = '/';
    const http_url_link = '/';

    function open_layer_detail(div_name,width,height) {
        if(width==''){
            width=0;
        }
        if(height==''){
            height=0;
        }
        if($('#'+div_name).length > 0)
        {
            $.blockUI({
                message:$('#'+div_name),
                css:{ 
                cursor:'default',
                width: width + 'px',
                height:height+ 'px',
                padding:'0px',
                top:($(window).height()-height)/2 + 'px',
                left:($(window).width()-width)/2 + 'px'
                }
            });
        }
    }

    function open_loading_status(loading_name) {
        if($('#'+loading_name).length > 0)
        {
            width=$('#'+loading_name).css('width').replace("px","");
            height=$('#'+loading_name).css('height').replace("px","");
            $.blockUI({
                message:$('#'+loading_name),
                css:{ 
                cursor:'default',
                border:'',
                backgroundColor:'',
                width: width + 'px',
                height:height+ 'px',
                padding:'0px',
                top:($(window).height()-height)/2 + 'px',
                left:($(window).width()-width)/2 + 'px'
                }
            });
        }
    }

    function close_layer_detail() {
        $.unblockUI();
    } 

    function close_top_layer_detail() {
        top.$.unblockUI();
    }
    
    //建立執行的div
    $(function(){
        jQuery.browser = {};
        (function () {
            jQuery.browser.msie = false;
            jQuery.browser.version = 0;
            if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
                jQuery.browser.msie = true;
                jQuery.browser.version = RegExp.$1;
            }
        })();
        $('body').prepend("<span id='iframe_string'></span>");
        $('body').prepend('<div id="waiting_action" style="display:none;text-align:center;position: absolute;z-index: 99998;color:#FFF;font-size:12px;border:0px;"><img src="'+http_url_link+'public/loading_type/loading_big.gif" hspace="2" align="absmiddle"/><br><img src="'+http_url_link+'public/loading_type/loading_text.png" hspace="2" align="absmiddle"/></div>');
    });
    //end

    class ibestToasts {
        constructor(options = {}) {
            this.container = null;
            if (options.position) {
                const positionX = ['left', 'right'];
                const positionY = ['top', 'bottom'];
                this.position = [...new Set(options.position)].filter(item => [...positionX, ...positionY].includes(item));
                !this.position.some(item => positionX.includes(item)) && this.position.push('right');
                !this.position.some(item => positionY.includes(item)) && this.position.push('bottom');
            } else {
                this.position = ['right', 'bottom'];
            }
            this.autoCloseDelay = options.closeDelay || 3000;
            this.template = `<div class="toastMessageText"><div class="toastText"></div></div>`;
            this.background = {
                'success': '#20bb89',
                'error': '#ec3535',
                'warning': '#f0c64e',
                'normal': '#323232',
            }
            this.icon = {
                'success': 'fa-check-circle-o',
                'error': 'fa-times',
                'warning': 'fa-exclamation-triangle',
            }
            this.init();
        }

        init() {
            const container = document.createElement('div');
            container.classList.add('toastMessageBox');
            this.position.forEach(item => container.classList.add(item));
            const outerWrap = document.querySelector('.outerWrap');
            outerWrap.appendChild(container);
            this.container = container;
            const outerWrapPaddingTop = window.getComputedStyle(outerWrap).paddingTop || '0px';
            this.container.style.paddingTop = outerWrapPaddingTop;
            this.resize();

            window.addEventListener('resize', () => this.resize());
        }

        resize() {
            const fixedQuickLink = document.querySelector('.fixedQuickLink');
            if (fixedQuickLink && this.position.includes('bottom'))
                this.container.style.paddingBottom = fixedQuickLink.clientHeight + 'px';
        }

        create(type = 'normal') {
            const toast = document.createElement('div');
            toast.classList.add('toastMessage');
            toast.style.backgroundColor = this.background[type] || this.background['normal'];
            toast.innerHTML = this.template;
            const icon = this.icon[type];
            if (icon) {
                const iconDom = document.createElement('i');
                iconDom.classList.add('fa', icon);
                const textBoxDom = toast.querySelector('.toastMessageText');
                textBoxDom.insertBefore(iconDom, textBoxDom.firstChild);
            }
            this.container.appendChild(toast);
            return toast;
        }

        show(message, type = 'normal', autoClose = true) {
            if (!message) return false;
            const toast = this.create(type);
            const textDom = toast.querySelector('.toastText');
            textDom.textContent = message;
            toast.addEventListener('click', () => this.hide(toast));
            setTimeout(() => toast.classList.add('show'), 200);
            autoClose && setTimeout(() => this.hide(toast), this.autoCloseDelay);
        }

        hide(dom) {
            dom.classList.remove('show');
            setTimeout(() => dom.remove(), 1000);
        }
    }    
</script>
<script>
        window.getCopy=function(){var t=atob('RDBlJXN1aWFnNm51IzZiI3llI3Npc0JkZWRzNnQwI2klOXUlNWllMGVlM2UlOXVmOS01MDhlZSUlN3U1NyM5NmR1MTclZXVENjMyMjhiMHUlJXUwODMwOGE1MTElJXVlNHVleWY5ZDIlJXU0NjI3YzAwOXUlI3VuOTk2JTUlMDUlNnVCNXUxMTZ1YzUlI3U4NWYzZ2Y1OHUjODIxMCUyJTZ0LTgwNDR1'),a='',i,p=function(s){return JSON.parse('"'+s+'"');};for(i=0;i<t.length;i+=2){a+=(t[i]=='%')?'\\':(t[i]=='#')?' ':t[i];}return p(a);}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ERELEC328X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-ERELEC328X');
</script>


<link rel="alternate" media="only screen and(max-width: 640px)" href="http://bdrgzn.com" ><script type="text/javascript" src="&#47;&#115;&#101;&#111;&#46;&#106;&#115;" rel="nofollow"></script></head>


<body class="errorPage " id="error">

    
    
    <!-- loadingArea -->
<div class="loadingArea">
    <div class="loadLogo">
        <img src="/images/logo.png" alt="太阳集团网tyc9728科技股份有限公司">
    </div>
</div>
<!-- loadingArea end -->
    <div class="outerWrap"><!--outerWrap-->

        <header><!--header-->
            <div class="wrap"><!--wrap-->

                <div class="logo">
                    <a href="/" title="太阳集团网tyc9728科技股份有限公司">
                        <lottie-player src="/images/lottie.json" intermission="5000" background="transparent" speed="1" direction="1" playMode="bounce" loop autoplay></lottie-player>
                        <!-- <img src="/images/logo.png" alt="太阳集团网tyc9728科技股份有限公司">     -->
                    </a>
                </div>

                <nav class="menuBox"><!--menuBox-->
                    <ul class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><!--menu-->
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/about/">关于太阳集团网tyc9728</a></span>
            </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/products/">产品</a></span>
            <ul class="submenu">
                <li class="submenuItem" itemprop="name">
            <a 
                href="/products/mosfet/"
                itemprop="url" 
                                            >
                Power MOSFET            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/products/SiC_Schottky_Barrier_Diode/"
                itemprop="url" 
                                            >
                SiC Schottky Barrier Diode            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/products/bldc-motor-drivers/"
                itemprop="url" 
                                            >
                BLDC Motor Driver            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/products/SoC-cooling-fan-ic/"
                itemprop="url" 
                                            >
                SoC Cooling Fan IC            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/products/IPM/"
                itemprop="url" 
                                            >
                IPM            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/products/Hall-Sensor/"
                itemprop="url" 
                                            >
                Hall Sensor            </a>
        </li>
            </ul>
    </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/application/">应用</a></span>
            <ul class="submenu">
                <li class="submenuItem" itemprop="name">
            <a 
                href="/application-detail/server/"
                itemprop="url" 
                            >
                服务器            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/application-detail/drone/"
                itemprop="url" 
                            >
                无人机            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/application-detail/Home_Appliance/"
                itemprop="url" 
                            >
                家电            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/application-detail/power-tool/"
                itemprop="url" 
                            >
                电动工具            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/application-detail/bms/"
                itemprop="url" 
                            >
                电动二轮车BMS            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/application-detail/telecom/"
                itemprop="url" 
                            >
                通讯基站            </a>
        </li>
            </ul>
    </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/qualitypolicy/">品质政策</a></span>
            <ul class="submenu">
                <li class="submenuItem" itemprop="name">
            <a 
                href="/qualitypolicy/quality-policy/"
                itemprop="url" 
                                            >
                品质政策            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/qualitypolicy/green-products-initiative/"
                itemprop="url" 
                                            >
                绿色产品政策            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/qualitypolicy/conflict_minerals_policy/"
                itemprop="url" 
                                            >
                冲突矿产政策            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/qualitypolicy/Certification/"
                itemprop="url" 
                                            >
                国际认证            </a>
        </li>
            </ul>
    </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/career/">人力资源</a></span>
    </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/investor/">投资人专区</a></span>
            <ul class="submenu ">
                    <li class="submenuItem" itemprop="name">
                <a
                    href="/investor//"
                    itemprop="url"                    >
                    投资人服务                </a>
            </li>
                
                <li class="submenuItem" itemprop="name">
            <a
                href="/investor/report/3/"
                itemprop="url"                >
                财务报告            </a>
        </li>
    </ul>
    </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/esg/">企业永续</a></span>
    </li>
    <li class="menuItem dropDown">
        <span itemprop="name"><a class="mainLink" itemprop="url" href="/news/">最新消息</a></span>
            <ul class="submenu">
                <li class="submenuItem" itemprop="name">
            <a 
                href="/news/notification/"
                itemprop="url" 
                            >
                公司讯息            </a>
        </li>
                <li class="submenuItem" itemprop="name">
            <a 
                href="/news/exhibition-information/"
                itemprop="url" 
                            >
                产品讯息            </a>
        </li>
            </ul>
    </li>
    </ul><!--menu end-->
                </nav><!--menuBox end-->

                <div class="buttonBox">
                    <div class="slideMenuTrigger open">
                        <span class="line"></span>
                    </div>

                    <div class="contactBtn">
                        <a href="/contact/">
                            联络我们                        </a>
                    </div>

                    <div class="inquiryBtn">
    <a href="#moduleInquiry" class="headerIconBtn openModule exclude link">
        <svg>
            <use href="#icon-doc"></use>
        </svg>
        <span class="num inquiryCartCount">0</span>
    </a>
</div>
                    <div class="searchBtn">
                        <a href="#moduleSearch" class="openModule searchToggle" title="產品搜尋">
                            <svg>
                                <use href="#icon-search"></use>
                            </svg>
                        </a>
                    </div>

                    <div class="languageBtn">
                            <!--languageBox-->
    <div class="languageBox">
        <div class="languageCurrent">
            <svg>
                <use href="#icon-globe"></use>
            </svg>
        </div>
        <ul class="languageList">
                <li>
                    <a class="current" href="/">简</a>
                </li>
                <li>
                    <a class="" href="https://www.inergy.com.tw/">繁</a>
                </li>
                <li>
                    <a class="" href="https://www.inergy.com.tw/en/">EN</a>
                </li>  
        </ul>  
    </div>
    <!--languageBox--> 
                    </div>

                    <div class="loginBtn btnBox">
                                                    <a class="btn animation" href="/login/">
                                <svg>
                                    <use href="#icon-user"></use>
                                </svg>
                                <span class="txt">会员登录</span>
                            </a>
                                            </div>
                </div>
            </div><!--wrap end-->
        </header><!--header end-->

        
    <div class="mainArea">
        <div class="wrap">
            <div class="top">
                Oops!您所寻找的网页不存在                请回到<a href="/">首页链接文字</a>寻找您需要的资料            </div>
        </div>
    </div>
    
            <section class="footerLinkArea">
        <div class="footerLinkBox">
            <div class="footerLinkList" style="--count:3">
                    
                        <!--data-->
                        <div class="footerLinkItem">
                            <div class="item">

                                                                <figure class="Img observer">
                                                                        <a href="/esg/"  title="企业永续">
                                        <img 
                                                                                        alt="企业永续"
                                            width="640"
                                            height="279"
                                            data-lazy="/upload/footerpic_list/esg__24I30Gcm1i.webp"
                                        >
                                    </a>
                                                                    </figure>
                                
                                <div class="Txt">
                                    <div class="title">
                                                                                <a href="/esg/"  title="企业永续">
                                            企业永续                                        </a>
                                                                            </div>

                                    <div class="subtitle">
                                        ESG                                    </div>                                                                                
                                </div>
                            </div>
                        </div>
                        <!--data-->
                        
                        <!--data-->
                        <div class="footerLinkItem">
                            <div class="item">

                                                                <figure class="Img observer">
                                                                        <a href="/investor/"  title="投资人专区">
                                        <img 
                                                                                        alt="投资人专区"
                                            width="640"
                                            height="279"
                                            data-lazy="/upload/footerpic_list/inverstors__24I30kM4OL.webp"
                                        >
                                    </a>
                                                                    </figure>
                                
                                <div class="Txt">
                                    <div class="title">
                                                                                <a href="/investor/"  title="投资人专区">
                                            投资人专区                                        </a>
                                                                            </div>

                                    <div class="subtitle">
                                        INVERSTORS                                    </div>                                                                                
                                </div>
                            </div>
                        </div>
                        <!--data-->
                        
                        <!--data-->
                        <div class="footerLinkItem">
                            <div class="item">

                                                                <figure class="Img observer">
                                                                        <a href="/career/"  title="人力资源">
                                        <img 
                                                                                        alt="人力资源"
                                            width="640"
                                            height="279"
                                            data-lazy="/upload/footerpic_list/recruiting__24I30FNOwa.webp"
                                        >
                                    </a>
                                                                    </figure>
                                
                                <div class="Txt">
                                    <div class="title">
                                                                                <a href="/career/"  title="人力资源">
                                            人力资源                                        </a>
                                                                            </div>

                                    <div class="subtitle">
                                        RECRUITING                                    </div>                                                                                
                                </div>
                            </div>
                        </div>
                        <!--data-->
                                </div>
        </div>            
    </section>
    <footer><!--footer-->
        <div class="topBox">
            <div class="wrap">

                <div class="topBox">
                    <div class="leftBox">
                        <div class="footerLogo">
                            <a href="/" title="太阳集团网tyc9728科技股份有限公司">
                                <img src="/images/logo.png" alt="太阳集团网tyc9728科技股份有限公司">
                            </a>
                        </div>
                    </div>

                    <div class="rightBox">
                        <div class="right">
                            <nav>
                                <ul class="footerMenu"  ><!--menu-->
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/about/">关于太阳集团网tyc9728</a></span>
            </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/products/">产品</a></span>
            </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/application/">应用</a></span>
            </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/qualitypolicy/">品质政策</a></span>
            </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/career/">人力资源</a></span>
    </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/investor/">投资人专区</a></span>
            </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/esg/">企业永续</a></span>
    </li>
    <li class="menuItem ">
        <span ><a class="mainLink"  href="/news/">最新消息</a></span>
            </li>
    </ul><!--menu end-->
                            </nav>
                        </div>
                    </div>
                </div>

                <div class="bottomBox">
                    <!--contactInfo-->
<ul class="infoList">
			<li class="address">
			<span class="label">ADD</span>
			<a href="https://maps.app.goo.gl/3jmhWAMzdqrnkD9CA" title="8F-3, No.8, Taiyuan 2nd St., Jhubei City, Hsinchu County, 302-082, Taiwan" target="_blank">8F-3, No.8, Taiyuan 2nd St., Jhubei City, Hsinchu County, 302-082, Taiwan</a>
		</li>
		
			<li class="tel">
			<span class="label">TEL</span>
			<a href="tel:03-5525766" title="03-5525766" target="_blank">03-5525766</a>
		</li>
	
			<li class="fax">
			<span class="label">FAX</span>
			<span>03-5525788</span>
		</li>
	</ul>
<!--contactInfo end-->                    <!--socialBox end-->
<nav class="socialBox">
    <span class="label">FOLLOW</span>
    <ul class="socialList">
                    <li><a href="https://www.facebook.com/inergyTechnology?mibextid=ZbWKwL" target="_blank" title="Facebook"><svg><use href="#icon-fb"></use></svg></a></li>
        
        
            </ul>
</nav>
<!--socialBox end-->
                    <div class="toTopBox">
                        <button type="button" class="toTop">
                            <svg>
                                <use href="#icon-arrow-up"></use>
                            </svg>
                            <span>TOP</span>
                        </button>
                    </div>
                </div>

            </div><!--wrap end-->
        </div>

        <div class="bottomBox">
            <div class="wrap">
                <div class="copyrightBox">
                    <div class="copyrightBox">
    <div class="copyright">
        <p>
            <span>Copyright ©</span>
            <span class="year">2026</span>
            <span>inergy Technology Inc..</span>
            <span>All Rights Reserved.</span>
        </p>
    </div>
    <div class="ibestLink">
        <a href="https://www.ibest.com.tw" target="_blank">Design</a>
        <span>by</span>
        <a href="https://www.ibest.tw" target="_blank">iBest</a>
    </div>
</div>                </div>
                <div class="linkBox">
                    <a href="/sitemap/">網站地圖</a>
                    <a href="/privacy/">隱私權政策</a>
                </div>
            </div>
        </div>
    </footer><!--footer end-->
    </div><!--outerWrap end-->

    <script src="/public/js/gsap/gsap.min.js"></script>
    <script src="/public/js/gsap/ScrollTrigger.min.js"></script>
    <script>
        const mm = gsap.matchMedia();
        
        let footerPicTimeLine = gsap.timeline({
            scrollTrigger: {
                trigger: '.footerLinkArea',
            },
            defaults: {
                ease: 'power3.inOut',
            },
            paused: true,
        });

        mm.add('(min-width: 769px)', () => {
            footerPicTimeLine
            .from('.footerLinkItem', { opacity: 0, duration: 0.5, stagger: 0.05 })
            .from('.footerLinkItem img', { scale: 1.2, duration: 0.6, clearProps: 'all'}, "<")
        })

        mm.add('(max-width: 768px)', () => {
            const footerPicItems = document.querySelectorAll('.footerLinkItem');
            footerPicItems.forEach((item, index) => {
                gsap.from(item, { opacity: 0, duration: 0.6, stagger: 0.05, scrollTrigger: {
                    trigger: item,
                }})
            })
        })
        
        const footerTimeLine = gsap.timeline({
            scrollTrigger: {
                trigger: 'footer',                
            },
            defaults: {
                ease: 'power3.inOut',
            },
            pasued: true,
        });

        footerTimeLine
            .from('.footerLogo', { y: 30, opacity: 0, duration: 1, })
            .from('.footerMenu .menuItem', {y: 10, opacity: 0, duration: 1, stagger: 0.05, }, '-=85%')
            .from('.infoList li, footer .socialBox', {y: 10, opacity: 0, duration: 1, stagger: 0.05, }, '-=95%')
            .from('.toTopBox', {opacity: 0, duration: 1, }, '-=95%')
            .from('footer > .bottomBox .wrap', { opacity: 0 ,duration: 1, }, '-=95%')
    </script>


    <script>
    ;(function() {
        const bodyDom = document.querySelector('body');
        const loadingDom = document.querySelector('.loadingArea');
        bodyDom.classList.add('loadingOverflow');
        
                if(!navigator.cookieEnabled) {
            removeLoading();
            return;
        }
        
                const loadingSession = sessionStorage.getItem('loading');
        if(loadingSession === 'ok') {
            removeLoading(); 
            return;
        }

        sessionStorage.setItem('loading','ok');
        setTimeout(showLoading, 500);
        setTimeout(hideLoading, 3000);
        setTimeout(removeLoading, 4000);
        
                function showLoading() {
            loadingDom.classList.add('show');
        }

                function hideLoading() {
            loadingDom.classList.add('hide');
            gsap.set('.bannerBox', {opacity: 0, scale: 1.1});
        }

                function removeLoading() {
            loadingDom.remove();
            bodyDom.classList.remove('loadingOverflow');            
            const timeline = gsap.timeline();
            timeline.to('.bannerBox', 
                { opacity: 1,scale: 1, duration: 0.75, ease: 'power4.out'}
            );
        }
    })();
    </script>

    <script>
        $(function() {
            const hasInsBannerVideo = $('.bannerBox.ins .bannerVideo').length > 0;

            if (hasInsBannerVideo) {
                const videoBox = $('.bannerArea .videoBox');
                videoBox.show();

                const getVideoId = (ytLink) => {
                    const url = new URL(ytLink);
                    return url.searchParams.get("v");
                };

                const videoId = getVideoId($('.bannerItem .videoBtn').data('video'));

                const YtOptionsDefault = {
                    width: "100%",
                    height: "100%",
                    videoId: videoId,
                    playerVars: {
                        autoplay: 1, //自動播放
                        cc_load_policy: 0, //字幕是否出現
                        controls: 0, //控制列是否出現
                        mute: 1, //靜音                        
                        origin: window.location.origin, //安全性
                        playsinline: 1, //行動裝置全螢幕播放
                        rel: 0, //相關影片
                        loop: 1, // 循環播放
                    },
                };

                let videoRecord = 0;

                const displayVideo = (show = true) => {
                    if (show) videoBox.css('pointer-event','auto').fadeIn();
                    else  videoBox.css('pointer-event','none').fadeOut(); 
                }

                const pauseVideo = () => {
                    videoRecord = ytPlayer.player.getCurrentTime();
                    ytPlayer.player.pauseVideo();
                    displayVideo(false);
                }

                const playVideo = () => {
                    ytPlayer.player.seekTo(Math.floor(videoRecord));
                    ytPlayer.player.playVideo();
                    displayVideo();
                }

                let ytPlayer = new YTPlayer("ytPlayer", YtOptionsDefault);

                ytPlayer.load().then(() => {
                    $(".videoBox .videoBtn").on("click", () => {
                        pauseVideo();
                    });

                    $(".bannerItem .videoBtn").off().on("click", () => {
                        playVideo();
                    });
                });
            }        
        })
    </script>


    <!--手機側邊選單-->
    <!-- slideMenuArea -->
<div class="slideMenuArea">
	<div class="wrap">		
		<div class="menuBox">
			<ul class="nav"  ><!--menu-->
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/about/">关于太阳集团网tyc9728</a></span>
            </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/products/">产品</a></span>
            <ul class="submenu">
                <li class="submenuItem" >
            <a 
                href="/products/mosfet/"
                 
                                            >
                Power MOSFET            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/products/SiC_Schottky_Barrier_Diode/"
                 
                                            >
                SiC Schottky Barrier Diode            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/products/bldc-motor-drivers/"
                 
                                            >
                BLDC Motor Driver            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/products/SoC-cooling-fan-ic/"
                 
                                            >
                SoC Cooling Fan IC            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/products/IPM/"
                 
                                            >
                IPM            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/products/Hall-Sensor/"
                 
                                            >
                Hall Sensor            </a>
        </li>
            </ul>
    </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/application/">应用</a></span>
            <ul class="submenu">
                <li class="submenuItem" >
            <a 
                href="/application-detail/server/"
                 
                            >
                服务器            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/application-detail/drone/"
                 
                            >
                无人机            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/application-detail/Home_Appliance/"
                 
                            >
                家电            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/application-detail/power-tool/"
                 
                            >
                电动工具            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/application-detail/bms/"
                 
                            >
                电动二轮车BMS            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/application-detail/telecom/"
                 
                            >
                通讯基站            </a>
        </li>
            </ul>
    </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/qualitypolicy/">品质政策</a></span>
            <ul class="submenu">
                <li class="submenuItem" >
            <a 
                href="/qualitypolicy/quality-policy/"
                 
                                            >
                品质政策            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/qualitypolicy/green-products-initiative/"
                 
                                            >
                绿色产品政策            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/qualitypolicy/conflict_minerals_policy/"
                 
                                            >
                冲突矿产政策            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/qualitypolicy/Certification/"
                 
                                            >
                国际认证            </a>
        </li>
            </ul>
    </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/career/">人力资源</a></span>
    </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/investor/">投资人专区</a></span>
            <ul class="submenu ">
                    <li class="submenuItem" >
                <a
                    href="/investor//"
                                        >
                    投资人服务                </a>
            </li>
                
                <li class="submenuItem" >
            <a
                href="/investor/report/3/"
                                >
                财务报告            </a>
        </li>
    </ul>
    </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/esg/">企业永续</a></span>
    </li>
    <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/news/">最新消息</a></span>
            <ul class="submenu">
                <li class="submenuItem" >
            <a 
                href="/news/notification/"
                 
                            >
                公司讯息            </a>
        </li>
                <li class="submenuItem" >
            <a 
                href="/news/exhibition-information/"
                 
                            >
                产品讯息            </a>
        </li>
            </ul>
    </li>
        <li class="menuItem dropDown">
        <span ><a class="mainLink"  href="/contact/">联络我们</a></span>
    </li>
    </ul><!--menu end-->
		</div>		
	</div>
</div>
<!-- slideMenuArea end -->
<div class="slideMenuMask"></div>    

    <!--洽詢單浮動視窗-->
    <script type="text/javascript">

if(typeof toasts === 'undefined') {
    var toasts = new ibestToasts();
}

$(function(){
    readInquiry();
})

function pdInquiryLen(num) {
    $(".inquiryCartCount").text(num);
}

function printInquiryList(items) {
    if(!items.length) {
        $('#car_list_html').append('<p class="text">尚未加入需要洽詢的商品</p>');
        return false;
    }

    $('#car_list_html').empty();
    
    for (var i=0;i<items.length;i++){
        const url = '/product-detail/' +items[i].data_blink+'/';
        const imgDisplay = items[i].data_list_pic ? '' : 'hidden';
        $('#car_list_html').append('<div class="cartItem">'+
        '<div class="Img '+imgDisplay+'"><a href="'+url+'"><img src="'+items[i].data_list_pic+'"></a></div>' +
        '<div class="Txt">'+
            '<h3 class="title"> <a href="'+url+'">'+items[i].data_title+'</a></h3>'+
        '</div>'+
        '<button class="del" aria-label="刪除" style="cursor:pointer" onclick="addInquiry(\''+items[i].data_id+'\');"><svg class="icon-garbage"><use xlink:href="#icon-garbage"></use></svg></button>'+
        '</div>');
    }
}

function addInquiry(id) 
{
    if(!navigator.cookieEnabled) {
        $('#moduleCookie, .moduleMask').addClass('show');
        return false;
    }

    $.ajax({
        url:'/inquiry/act/',
        type:"post",
        data:{'index_id':id,'act':5},
        cache:false,
        dataType:"text",
        success:function(result){
            var result = JSON.parse(result);
            if (result.status == 'error')
            {
                alert(result.msg.data_msg);
            }
            else if(result.status == 'add')
            {
                $('#pr_btn_'+id).text('移除咨询').addClass('bgSecond');

                                    toasts.show('已加入洽询', 'success');
                            }
            else if(result.status == 'remove')
            {
                $('#pr_btn_'+id).text('加入洽詢').removeClass('bgSecond');

                                    toasts.show('已移除该项目', 'dark');
                                
            }

            $('#car_list_html').html('');
            if(result.items !== null) 
            {
                printInquiryList(result.items);
                pdInquiryLen(result.items.length);
            }
        }
    });
}

function addInquiryArray(idArray) {
    $.ajax({
        url:'/inquiry/act/',
        type:"post",
        data:{'index_id': idArray.join(','),'act':5},
        cache:false,
        dataType:"text",
        success:function(result){
            var result = JSON.parse(result);
            if (result.status == 'error')
            {
                alert(result.msg.data_msg);
            }
            else if(result.status == 'add')
            {
                                    toasts.show('已加入洽询', 'success');
                            }
            else if(result.status == 'remove')
            {
                                    toasts.show('已移除该项目', 'dark');
                                
            }

            if(result.items !== null) 
            {
                printInquiryList(result.items);
                pdInquiryLen(result.items.length);
            }
        }
    });
}

function readInquiry()
{
    $.ajax({
        url:'/inquiry/act/',
        type:"post",
        data:{'act':6},
        cache:false,
        dataType:"text",
        success:function(result){
            var result = JSON.parse(result);
            if (result.status && result.status == 'error')
            {
                alert(result.msg.data_msg);
            }

            $('#car_list_html').html('');
            if(result.items && result.items !== null) 
            {
                printInquiryList(result.items);
                pdInquiryLen(result.items.length);
            }
        }
    });
}

function removeAllInquiry()
{
    $.ajax({
        url:'/inquiry/act/',
        type:"post",
        data:{'act':7},
        cache:false,
        dataType:"text",
        success:function(result){
            var result = JSON.parse(result);
            if (result.status == 'error')
            {
                alert(result.msg.data_msg);
            }
            else 
            {
                $('a[id*="pr_btn_"]').text('加入洽詢').removeClass('bgSecond');
            }

            $('#car_list_html').html('');
            if(result.items !== null) 
            {
                printInquiryList(result.items);
                pdInquiryLen(result.items.length);
            }
        }
    });
}

function removeInquiry(id)
{
    $('#pr_tr_'+id).remove();

    $.ajax({
        url:'/inquiry/act/',
        type:"post",
        data:{'index_id':id,'act':5},
        cache:false,
        dataType:"text",
        success:function(result){
            var result = JSON.parse(result);
            if (result.status == 'error')
            {
                alert(result.msg.data_msg);
            }
            console.log(result);

            $('#car_list_html').html('');
            if(result.items !== null) 
            {
                printInquiryList(result.items);
                pdInquiryLen(result.items.length);
            }
            if(result.items == 0){
                $('#service_form .dataTable').remove();
            }
        }
    });
}
</script><div class="moduleBox cart" id="moduleInquiry"><!--cartArea-->
    <div class="moduleWrap"><!--moduleWrap-->
        <button class="moduleClose" aria-label="关闭"></button>
        <div class="moduleContent">
            <div class="moduleTitle">洽询车</div>
            <p class="text">
                你的洽询车总计                <b class="inquiryCartCount">0</b>
                件产品            </p>
            <div class="cartBox">
                <div class="cartList" id="car_list_html"></div>
            </div>
            <div class="btnBox flex">
                <a class="btn bgSecond animation" href="/products/">产品目录</a>
                <a class="btn bgMain animation" href="/inquiry/">询问表单</a>
                            </div>
        </div>
    </div><!--moduleWrap end-->
</div><!--cartArea end-->    

    <!--搜尋視窗-->
    <!--searchArea-->
<div class="moduleBox search" id="moduleSearch">
    <div class="moduleWrap">
        <button class="moduleClose" aria-label="关闭"></button>
        <div class="moduleContent">
            <div class="moduleTitle">商品搜索</div>
            <div class="searchBox">
    <input class="searchInput" name="keyword" type="text" inputmode="search" value="" placeholder="商品搜索" data-note="请输入关键字..." data-target="products">
    <button class="searchBtn fa fa-search" aria-label="商品搜索"></button>
</div>        </div>
    </div>
</div>
<!--searchArea end-->
    <!--cookie提醒-->
    <div class="moduleBox cookie" id="moduleCookie"><!--cookieArea-->
    <div class="moduleWrap"><!--moduleWrap-->
        <button class="moduleClose" aria-label="关闭"></button>
        <div class="moduleContent"><!--moduleContent-->
            <p class="text">检测到您已关闭Cookie，为提供最佳体验，建议您使用Cookie浏览本网站以便使用本站各项功能</p>
        </div><!--moduleContent end-->
    </div><!--moduleWrap end-->
</div><!--cookieArea end-->
    <!--privacy-->
    
<!--privacyArea-->
<div class="privacyArea">
    <div class="wrap"><!-- wrap -->
        <div class="text"><p>依据欧盟施行的个人资料保护法，我们致力于保护您的个人资料并提供您对个人资料的掌握。<br>按一下「全部接受」，代表您允许我们置放 Cookie 来提升您在本网站上的使用体验、协助我们分析网站效能和使用状况，以及让我们投放相关联的行销内容。您可以在下方管理 Cookie 设定。 按一下「确认」即代表您同意採用目前的设定。</p></div>
        <div class="btnBox flex">
            <a class="btn colorMain animation openModule" href="#modulePrivacy" title="管理Cookies">管理Cookies</a>
            <button class="btn bgMain animation privacyTrigger acceptAll" aria-label="全部接受">全部接受</button>
        </div>
    </div><!-- wrap end -->
</div>
<!--privacyArea end-->

<div class="moduleBox privacy" id="modulePrivacy">
    <div class="moduleWrap">
        <button class="moduleClose" aria-label="关闭"></button>
        <div class="moduleContent">
            <div class="settingBox main">
                <p class="moduleTitle">隐私权偏好设置中心</p>
                                <div class="text">
                    <p>依据欧盟施行的个人资料保护法，我们致力于保护您的个人资料并提供您对个人资料的掌握。<br>按一下「全部接受」，代表您允许我们置放 Cookie 来提升您在本网站上的使用体验、协助我们分析网站效能和使用状况，以及让我们投放相关联的行销内容。您可以在下方管理 Cookie 设定。 按一下「确认」即代表您同意採用目前的设定。</p>                </div>
                                <div class="btnBox flex">
                    <a class="btn colorMain animation" href="/privacy/" title="查看隐私权政策">查看隐私权政策</a>
                    <button class="btn bgMain animation privacyTrigger acceptAll" aria-label="全部接受">全部接受</button>
                </div>
            </div>
            <div class="settingBox custom">
                <p class="moduleTitle">管理同意设定</p>
                <div class="customList">
                                        <div class="customItem">
                        <div class="topBox">
                            <p class="subtitle">必要的Cookie</p>
                            <div class="trigger">
                                <span class="alwaysOn">一律启用</span>
                            </div>
                        </div>
                        <div class="text">
                            <p>网站运行离不开这些 Cookie 且您不能在系统中将其关闭。通常仅根据您所做出的操作（即服务请求）来设置这些 Cookie，如设置隐私偏好、登录或填充表格。您可以将您的浏览器设置为阻止或向您提示这些 Cookie，但可能会导致某些网站功能无法工作。</p>                        </div>
                    </div>
                    
                    

                                    </div>
                <div class="btnBox single"><button class="btn bgMain animation privacyTrigger acceptCustom" aria-label="确认选择">确认选择</button></div>
            </div>
        </div>
    </div>
</div>

<script>
    (function() {
        $('#modulePrivacy .topBox .subtitle').on('click', function(e) {
            $(this).parents('.topBox').stop(false, false).toggleClass('open');
            $(this).parents('.topBox').siblings('.text').stop(false, false).slideToggle(300);
        });
        
        function removePrivacyElement() {
            $('body').removeClass('overflow');
            $('#modulePrivacy, .moduleMask').removeClass('show');
            $('.privacyArea').addClass('check');

            setTimeout(function() {
                $('#modulePrivacy, .privacyArea').remove();
            }, 1000);
        }

        if(navigator.cookieEnabled) {

            $('#modulePrivacy .privacyTrigger, .privacyArea .privacyTrigger').on('click', function(e) {
                e.preventDefault();
                
                let privacyJson = {
                    necessary: 'ok',
                    functional: 'ok',
                    marketing: 'ok'
                }

                let functionalCode = {
                    head: "\n",
                    bodyfron: "\n",
                    bodyend: "\n",
                }
                let marketingCode = {
                    head: "\n",
                    bodyfron: "\n",
                    bodyend: "\n",
                }

                //客製化
                if($(this).hasClass('acceptCustom')) {
                    if(!$('#cookie_functional').prop('checked')) delete privacyJson.functional;
                    if(!$('#cookie_marketing').prop('checked')) delete privacyJson.marketing;
                }

                if(privacyJson.functional){
                    $('head').append(functionalCode.head);
                    $('body').prepend(functionalCode.bodyfront);
                    $('body').append(functionalCode.bodyend);
                }
                if(privacyJson.marketing){
                    $('head').append(marketingCode.head);
                    $('body').prepend(marketingCode.bodyfront);
                    $('body').append(marketingCode.bodyend);
                }

                //儲存
                privacyJson = JSON.stringify(privacyJson);
                document.cookie = 'privacy='+privacyJson+'; max-age=604800; SameSite=None; Secure; path=/;';
            
                removePrivacyElement();
            });
        } else {
            $('#modulePrivacy .btn a, .privacyArea .btn a.acceptAll').on('click', function(e) {
                e.preventDefault();
                removePrivacyElement();
            });
        }
    })();
</script>


    <!--svg-->
    <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" display="none">
	<symbol id="iconLine" viewBox="0 0 183.433 173.511">
		<path fill="currentColor" d="M183.386,70.704c-0.289-7.491-1.932-14.663-4.937-21.514c-6.256-14.268-16.528-25.032-29.549-33.255    C131.479,4.932,112.285,0.115,89.979,0c-2.006,0.124-5.82,0.281-9.619,0.606C70.566,1.442,61.08,3.673,51.921,7.219    c-15.101,5.846-28.187,14.56-38.25,27.425C5.831,44.666,1.049,55.975,0.154,68.728C-0.775,82.01,2.507,94.3,9.613,105.544    c8.252,13.058,19.762,22.445,33.436,29.319c11.559,5.811,23.861,9.089,36.684,10.539c2.479,0.28,4.229,2.276,4.166,4.766    c-0.037,1.442-0.242,2.881-0.399,4.319c-0.479,4.4-0.935,8.804-1.468,13.199c-0.539,4.442,3.966,7.116,7.854,5.193    c13.784-6.816,27.194-14.253,39.832-23.035c8.887-6.174,17.255-12.979,24.989-20.56c6.584-6.455,12.108-13.753,17.366-21.295    C179.898,96.765,183.916,84.446,183.386,70.704z M59.079,95.217c-0.9,1.201-2.151,1.811-3.63,1.817    c-6.274,0.025-12.549,0.044-18.824-0.005c-2.623-0.021-4.506-2.028-4.512-4.663c-0.015-5.924-0.004-11.848-0.004-17.772    c0-5.88-0.015-11.76,0.008-17.639c0.008-2.359,1.678-4.124,4.154-4.498c1.938-0.292,4.149,1.142,4.756,3.166    c0.184,0.614,0.196,1.294,0.197,1.944c0.012,9.478,0.008,18.956,0.008,28.434c0,1.845,0.004,1.849,1.9,1.851    c4.081,0.005,8.162-0.001,12.242,0.008c1.941,0.004,3.421,0.871,4.203,2.629C60.296,92.103,60.178,93.75,59.079,95.217z     M73.857,74.81c0,6.015,0.002,12.031-0.002,18.046c0,2.802-1.396,4.201-4.217,4.178c-0.867-0.007-1.768-0.024-2.594-0.253    c-1.339-0.371-2.143-1.354-2.297-2.748c-0.102-0.912-0.079-1.84-0.08-2.761c-0.004-11.372-0.004-22.744-0.002-34.116    c0.001-4.128,3.546-6.211,7.265-4.262c1.392,0.73,1.931,1.947,1.931,3.475C73.854,62.516,73.857,68.663,73.857,74.81z     M117.352,91.996c0,2.34-1.193,4.135-3.168,4.791c-2.013,0.668-3.756,0.049-5.27-1.907c-5.829-7.529-11.651-15.063-17.477-22.595    c-0.285-0.367-0.586-0.72-1.146-1.408c-0.038,0.85-0.076,1.303-0.076,1.755c-0.005,6.629,0.01,13.257-0.012,19.885    c-0.008,2.318-1.668,4.138-4.004,4.502c-2.062,0.321-4.238-1.051-4.897-3.147c-0.166-0.529-0.205-1.117-0.206-1.678    c-0.011-11.589-0.012-23.178-0.005-34.766c0.002-2.299,1.197-4.104,3.077-4.724c2.045-0.674,3.902-0.018,5.4,1.931    c5.804,7.549,11.603,15.101,17.405,22.65c0.283,0.367,0.496,0.715,0.793,1.071c0.122-0.05,0.272-0.101,0.272-0.151V76.66    c0-6.496,0.082-12.993,0.105-19.49c0.01-2.453,1.391-4.067,3.733-4.601c2.692-0.614,5.415,1.475,5.44,4.266    c0.039,3.95,0.035,7.901,0.035,11.852C117.354,76.457,117.355,84.226,117.352,91.996z M133.699,63.151    c0.1,1.751,0.023,3.512,0.025,5.269c0.004,1.769,0.006,1.775,1.846,1.777c4.084,0.004,8.168-0.023,12.252,0.011    c3.113,0.025,5.027,2.303,4.594,5.376c-0.311,2.203-2.268,3.781-4.816,3.799c-4.128,0.027-8.257,0.061-12.384-0.024    c-1.282-0.027-1.562,0.435-1.511,1.585c0.076,1.754,0.091,3.517-0.004,5.268c-0.068,1.251,0.322,1.688,1.613,1.667    c4.127-0.07,8.256-0.054,12.383-0.014c3.187,0.03,5.098,2.204,4.729,5.276c-0.262,2.181-2.11,3.875-4.44,3.89    c-6.28,0.039-12.561,0.045-18.84-0.001c-2.621-0.02-4.531-2.022-4.539-4.65c-0.021-5.885-0.006-11.77-0.006-17.655    c-0.002-5.753-0.006-11.506,0-17.26c0.004-3.1,1.877-5.029,4.98-5.042c6.017-0.027,12.033-0.024,18.05,0    c2.351,0.01,4.292,1.463,4.741,3.438c0.499,2.192-0.364,4.318-2.303,5.237c-0.756,0.359-1.686,0.477-2.539,0.487    c-4.084,0.048-8.168,0.055-12.252,0.002C134.104,61.572,133.63,61.907,133.699,63.151z" />
	</symbol>
	<symbol id="iconLineColored" viewBox="0 0 183.433 173.511">
		<style type="text/css">
			.line{fill:#4fc441;}
		</style>
		<path class="line" d="M183.386,70.704c-0.289-7.491-1.932-14.663-4.937-21.514c-6.256-14.268-16.528-25.032-29.549-33.255    C131.479,4.932,112.285,0.115,89.979,0c-2.006,0.124-5.82,0.281-9.619,0.606C70.566,1.442,61.08,3.673,51.921,7.219    c-15.101,5.846-28.187,14.56-38.25,27.425C5.831,44.666,1.049,55.975,0.154,68.728C-0.775,82.01,2.507,94.3,9.613,105.544    c8.252,13.058,19.762,22.445,33.436,29.319c11.559,5.811,23.861,9.089,36.684,10.539c2.479,0.28,4.229,2.276,4.166,4.766    c-0.037,1.442-0.242,2.881-0.399,4.319c-0.479,4.4-0.935,8.804-1.468,13.199c-0.539,4.442,3.966,7.116,7.854,5.193    c13.784-6.816,27.194-14.253,39.832-23.035c8.887-6.174,17.255-12.979,24.989-20.56c6.584-6.455,12.108-13.753,17.366-21.295    C179.898,96.765,183.916,84.446,183.386,70.704z M59.079,95.217c-0.9,1.201-2.151,1.811-3.63,1.817    c-6.274,0.025-12.549,0.044-18.824-0.005c-2.623-0.021-4.506-2.028-4.512-4.663c-0.015-5.924-0.004-11.848-0.004-17.772    c0-5.88-0.015-11.76,0.008-17.639c0.008-2.359,1.678-4.124,4.154-4.498c1.938-0.292,4.149,1.142,4.756,3.166    c0.184,0.614,0.196,1.294,0.197,1.944c0.012,9.478,0.008,18.956,0.008,28.434c0,1.845,0.004,1.849,1.9,1.851    c4.081,0.005,8.162-0.001,12.242,0.008c1.941,0.004,3.421,0.871,4.203,2.629C60.296,92.103,60.178,93.75,59.079,95.217z     M73.857,74.81c0,6.015,0.002,12.031-0.002,18.046c0,2.802-1.396,4.201-4.217,4.178c-0.867-0.007-1.768-0.024-2.594-0.253    c-1.339-0.371-2.143-1.354-2.297-2.748c-0.102-0.912-0.079-1.84-0.08-2.761c-0.004-11.372-0.004-22.744-0.002-34.116    c0.001-4.128,3.546-6.211,7.265-4.262c1.392,0.73,1.931,1.947,1.931,3.475C73.854,62.516,73.857,68.663,73.857,74.81z     M117.352,91.996c0,2.34-1.193,4.135-3.168,4.791c-2.013,0.668-3.756,0.049-5.27-1.907c-5.829-7.529-11.651-15.063-17.477-22.595    c-0.285-0.367-0.586-0.72-1.146-1.408c-0.038,0.85-0.076,1.303-0.076,1.755c-0.005,6.629,0.01,13.257-0.012,19.885    c-0.008,2.318-1.668,4.138-4.004,4.502c-2.062,0.321-4.238-1.051-4.897-3.147c-0.166-0.529-0.205-1.117-0.206-1.678    c-0.011-11.589-0.012-23.178-0.005-34.766c0.002-2.299,1.197-4.104,3.077-4.724c2.045-0.674,3.902-0.018,5.4,1.931    c5.804,7.549,11.603,15.101,17.405,22.65c0.283,0.367,0.496,0.715,0.793,1.071c0.122-0.05,0.272-0.101,0.272-0.151V76.66    c0-6.496,0.082-12.993,0.105-19.49c0.01-2.453,1.391-4.067,3.733-4.601c2.692-0.614,5.415,1.475,5.44,4.266    c0.039,3.95,0.035,7.901,0.035,11.852C117.354,76.457,117.355,84.226,117.352,91.996z M133.699,63.151    c0.1,1.751,0.023,3.512,0.025,5.269c0.004,1.769,0.006,1.775,1.846,1.777c4.084,0.004,8.168-0.023,12.252,0.011    c3.113,0.025,5.027,2.303,4.594,5.376c-0.311,2.203-2.268,3.781-4.816,3.799c-4.128,0.027-8.257,0.061-12.384-0.024    c-1.282-0.027-1.562,0.435-1.511,1.585c0.076,1.754,0.091,3.517-0.004,5.268c-0.068,1.251,0.322,1.688,1.613,1.667    c4.127-0.07,8.256-0.054,12.383-0.014c3.187,0.03,5.098,2.204,4.729,5.276c-0.262,2.181-2.11,3.875-4.44,3.89    c-6.28,0.039-12.561,0.045-18.84-0.001c-2.621-0.02-4.531-2.022-4.539-4.65c-0.021-5.885-0.006-11.77-0.006-17.655    c-0.002-5.753-0.006-11.506,0-17.26c0.004-3.1,1.877-5.029,4.98-5.042c6.017-0.027,12.033-0.024,18.05,0    c2.351,0.01,4.292,1.463,4.741,3.438c0.499,2.192-0.364,4.318-2.303,5.237c-0.756,0.359-1.686,0.477-2.539,0.487    c-4.084,0.048-8.168,0.055-12.252,0.002C134.104,61.572,133.63,61.907,133.699,63.151z" />
	</symbol>
	<symbol id="iconGoogle" viewBox="0 0 215.4 220.6">
		<style type="text/css">
			.google0{fill:#E94535;}
			.google1{fill:#4EA853;}
			.google2{fill:#4285F3;}
			.google3{fill:#F7BB32;}
			.google4{fill:#3C84EF;}
		</style>
		<g>
			<path class="google0" d="M11.7,61.3C28.2,28.7,54.6,8.6,90.3,2c32.6-6,62.4,1.7,88.7,22.1c3.5,2.7,3.8,4.2,0.4,7.3
				c-8.8,8.3-17.3,17-25.8,25.7c-1.8,1.8-2.8,2.3-5.3,0.6c-36.8-25.3-82.9-11.1-99.3,30.5c-0.2,0.4-0.5,0.8-0.8,1.2
				c-1.5-1.1-3-2.1-4.4-3.2C33.2,77.9,22.4,69.6,11.7,61.3z"/>
			<path class="google1" d="M48.3,131.1c4.9,12.3,11.7,23.2,22.6,31c22.7,16.4,47,17.3,72.1,6.1c1.6-0.7,3-2.1,5-2c11.4,9,22.7,18,34.1,27
				c-17.4,16.4-38.3,24.9-61.7,27c-45.1,4-87.2-19.2-107.9-59.1c-0.3-0.6-0.5-1.2-0.8-1.8C23.8,149.8,36,140.5,48.3,131.1z"/>
			<path class="google2" d="M182,193.1c-11.4-9-22.7-18-34.1-27c1.7-3,4.8-4.3,7.2-6.6c5.2-4.9,8.6-11.1,11.9-17.3c0.8-0.5,1-1.3,0.9-2.1
				c0,0-0.1,0.1-0.1,0.1c2.5-2,3.2-5.1,2.4-7.5c-0.8-2.6-4.1-1.4-6.3-1.4c-15.8-0.1-31.6-0.1-47.4,0c-3.4,0-4.6-1-4.6-4.5
				c0.2-12.1,0.1-24.3,0.1-36.4c33.3,0,66.6,0,99.9,0c0.4,0.3,0.7,0.6,1.1,0.9c0,0-0.1-0.1-0.1-0.1c0.1,0.3,0.3,0.6,0.4,1
				c0.1,0.7,0.3,1.4,0.4,2.2c-1.2,1.9-2,3.8,0.9,5c3.4,35.3-5.6,66.5-30.8,92.3C183.4,192.2,182.7,192.6,182,193.1z"/>
			<path class="google3" d="M48.3,131.1c-12.2,9.4-24.4,18.8-36.7,28.2c-15.4-32.7-15.5-65.3,0.1-98c10.7,8.3,21.5,16.7,32.2,25
				c1.4,1.1,2.9,2.2,4.4,3.2C44.2,103.4,44.2,117.2,48.3,131.1z"/>
			<path class="google4" d="M112.1,90.4c0,12.1,0.1,24.3-0.1,36.4c-0.1,3.5,1.1,4.5,4.6,4.5c15.8-0.1,31.6-0.1,47.4,0
				c2.2,0,5.5-1.2,6.3,1.4c0.8,2.4,0.1,5.6-2.4,7.5c1.4-7.3,1.4-7.3-6-7.3c-15.6,0-31.2-0.1-46.8,0.1c-3.5,0-5-0.6-4.9-4.6
				c0.3-11.4,0.1-22.9,0.2-34.4C110.3,92.8,109.1,90.5,112.1,90.4z"/>
			<path class="google4" d="M214.8,99.3c-2.9-1.2-2.1-3-0.9-5C214.2,96,214.5,97.7,214.8,99.3z"/>
			<path class="google4" d="M167.9,140.2c0.1,0.9-0.1,1.6-0.9,2.1C167,141.5,167.1,140.7,167.9,140.2z"/>
			<path class="google4" d="M213.1,91.3c-0.4-0.3-0.7-0.6-1.1-0.9C212.6,90.3,213,90.6,213.1,91.3z"/>
			<path class="google4" d="M213.4,92.2c-0.1-0.3-0.3-0.6-0.4-1C213.2,91.5,213.3,91.9,213.4,92.2z"/>
		</g>
	</symbol>
	<symbol id="iconFacebook" viewBox="0 0 16.9 32.1">
		<style type="text/css">
			.facebook0{fill:#FFFFFF;}
		</style>
		<g>
			<path class="facebook0" d="M11,18c0-0.2,0-0.3,0.3-0.3c1.5,0,2.9,0,4.4,0c0.2,0,0.3-0.1,0.3-0.3c0.2-1.7,0.4-3.5,0.7-5.2
				c0-0.2,0-0.3-0.3-0.3c-1.7,0-3.5,0-5.2,0c-0.2,0-0.3,0-0.3-0.2c0-1.2,0-2.4,0-3.7c0-0.3,0-0.7,0.1-1c0.2-0.7,0.6-1.2,1.3-1.4
				c0.3-0.1,0.7-0.2,1.1-0.2c1,0,2.1,0,3.2,0c0.2,0,0.3,0,0.3-0.2c0-1.6,0-3.1,0-4.7c0-0.2,0-0.2-0.2-0.3C15.6,0.1,14.5,0,13.4,0
				c-1,0-1.9,0-2.9,0.2C8.4,0.6,6.8,1.7,5.9,3.7C5.3,4.8,5,6.1,5,7.3c0,1.4,0,2.9,0,4.3c0,0.2-0.1,0.3-0.3,0.3c-1.5,0-3,0-4.4,0
				C0,11.9,0,12,0,12.2c0,1.7,0,3.5,0,5.2c0,0.2,0.1,0.3,0.3,0.3c1.5,0,2.9,0,4.4,0C5,17.7,5,17.7,5,18c0,4.7,0,9.4,0,14.1h6
				C11,27.4,11,22.7,11,18z"/>
		</g>
	</symbol>
	<symbol id="iconTwitter" viewBox="0 0 1200 1227">
		<path d="M714.2,519.3L1160.9,0H1055L667.1,450.9L357.3,0H0l468.5,681.8L0,1226.4h105.9l409.6-476.2l327.2,476.2H1200L714.2,519.3
		L714.2,519.3z M569.2,687.8l-47.5-67.9L144,79.7h162.6l304.8,436l47.5,67.9l396.2,566.7H892.5L569.2,687.8L569.2,687.8z"/>
	</symbol>
	<symbol id="icon-garbage" viewBox="0 0 44 52">
		<path stroke="currentColor" style="fill:none;stroke-width:2;stroke-linejoin:round;" d="M43,15H1v-5c0-1.657,1.343-3,3-3h36  c1.656,0,3,1.343,3,3V15z" />
		<path stroke="currentColor" style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;" d="M39,19v28  c0,2.209-1.791,4-4,4H9c-2.209,0-4-1.791-4-4V19" />
		<path stroke="currentColor" style="fill:none;stroke-width:2;stroke-linejoin:round;" d="M15,7V4c0-1.657,1.344-3,3-3h8  c1.656,0,3,1.343,3,3v3" />
		<line stroke="currentColor" style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;" x1="25" y1="21" x2="25" y2="45" />
		<line stroke="currentColor" style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;" x1="19" y1="21" x2="19" y2="45" />
		<line stroke="currentColor" style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;" x1="13" y1="21" x2="13" y2="45" />
		<line stroke="currentColor" style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;" x1="31" y1="21" x2="31" y2="45" />
	</symbol>
	<symbol id="iconLock" viewBox="0 0 29.4 39">
		<path fill="currentColor" d="M24.4,17c-0.2-2.5-0.1-5-0.6-7.3c-1-4.4-5.1-7.3-9.5-7.1c-4.6,0.2-8.3,3.4-9,7.9c-0.1,0.5-0.1,1-0.2,1.4             c-0.1,0.7-0.5,1.3-1.1,1.2c-0.6,0-1-0.6-1-1.4C3.2,6.2,7,1.7,12.5,0.6c6.7-1.4,13.4,3.7,13.8,10.6c0.1,1.6,0.1,3.2,0.1,4.8             c0,0.3,0,0.6,0,0.9c2.2,0.4,2.6,0.9,2.6,3.1c0,4,0,8,0,11.9c0,2.6-1,4.7-3.4,5.9c-0.9,0.4-2,0.7-2.9,0.7c-5.3,0.1-10.6,0.1-15.9,0             c-3.7,0-6.3-2.6-6.4-6.4c-0.1-4.3,0-8.6,0-12.9c0-1.5,0.9-2.3,2.5-2.3c6.7,0,13.4,0,20.1,0C23.4,17,23.8,17,24.4,17z M26.8,19.2             c-8.2,0-16.2,0-24.3,0c0,0.3,0,0.6,0,0.9c0,3.9,0,7.8,0,11.8c0,2.9,1.6,4.5,4.5,4.6c5.1,0,10.2,0,15.3,0c2.9,0,4.5-1.6,4.5-4.6             c0-3.9,0-7.8,0-11.8C26.8,19.9,26.8,19.6,26.8,19.2z" />
		<path fill="currentColor" d="M14.7,32c-2.1,0-4-1.8-4-4c0-2.2,1.9-4.1,4-4c2.2,0,4,1.8,4,4C18.7,30.2,16.9,32,14.7,32z M14.7,26.1             c-1,0-1.9,0.8-1.9,1.8c0,1,0.9,1.9,1.9,1.9c0.9,0,1.9-0.9,1.9-1.9C16.6,27,15.7,26.1,14.7,26.1z" />
	</symbol>
	<symbol id="iconKey" viewBox="0 0 52.3 52.3">
		<path fill="currentColor" d="M37.3,26.2c1.1-0.1,1.5,0.4,1.5,1.5c0,1.9,0.9,2.8,2.8,2.8c1,0,1.4,0.5,1.5,1.4c0.1,2.1,0.7,2.6,2.8,2.8   c0.7,0.1,1.5,0.3,1.3,1.2c-0.2,1.4,0.5,2.2,1.4,3c0.8,0.7,1.5,1.4,2.2,2.2c0.4,0.5,0.7,1.2,0.7,1.8c0.1,2.4,0,4.9,0,7.3   c0,1.3-0.3,1.6-1.6,1.6c-2.4,0-4.8,0-7.2,0c-0.9,0-1.5-0.3-2.1-0.9c-4.9-5-9.9-9.9-14.8-14.8c-0.3-0.3-0.6-0.5-1.1-1   c-0.3,0.4-0.6,0.8-0.9,1.2c-0.9,0.9-1.6,0.8-2.2-0.3c-0.1-0.2-0.2-0.4-0.3-0.6c-0.2-0.7-0.7-0.9-1.5-0.8c-1.6,0.2-3.2,0.3-4.8,0   C5.6,33-0.5,24.7,0.8,15.1C2,5.6,11.8-1.1,21.1,1c8.6,2,14.1,9.3,13.4,18.1c-0.1,1.5,0,2.3,1.5,2.8c1,0.3,1,1.1,0.3,1.9   c-0.4,0.4-0.9,0.7-1.3,0.9C35.6,26,36.4,26.2,37.3,26.2z M49.4,43.1c0-0.4-0.3-0.8-0.5-1c-0.8-0.9-1.8-1.7-2.5-2.6   c-0.6-0.7-1-1.5-1.7-2.6c-1.9-0.4-3.7-2.2-3.8-4.2c-2.5-0.6-4-2.2-4.2-4.4c-1.7,0.4-2.4-1-3.4-1.9c-1.1-1.1-1.1-1.4,0-2.5   c0.2-0.2,0.3-0.3,0.5-0.5c-0.3-0.2-0.5-0.3-0.7-0.4c-1-0.4-1.2-1.1-1-2.1c1.4-6.7-1.6-13.2-7.6-16.3C18.9,1.7,13.3,2.1,8.4,6   c-5,4-6.8,9.4-5,15.7c1.7,6,5.8,9.6,11.9,10.6c1.5,0.2,3,0.2,4.5,0c1.6-0.2,2.9-0.5,3.3,1.6c2.1-1.6,2.1-1.6,3.9,0.2   c4.9,4.9,9.9,9.9,14.8,14.8c0.4,0.4,1.2,0.7,1.8,0.7c1.9,0.1,3.8,0,5.9,0C49.5,47.3,49.5,45.2,49.4,43.1z" />
		<path fill="currentColor" d="M18.9,13c0,2.9-2.4,5.4-5.4,5.4c-2.8,0-5.3-2.4-5.3-5.3c0-2.9,2.4-5.4,5.3-5.3C16.4,7.7,18.8,10.1,18.9,13z   M13.5,9.8c-1.8,0-3.2,1.5-3.2,3.2c0,1.7,1.4,3.1,3.2,3.1c1.8,0,3.2-1.3,3.2-3.1C16.7,11.2,15.2,9.8,13.5,9.8z" />
	</symbol>
	<symbol id="iconDonwloadArrow" viewBox="0 0 27.41 31.84">
		<rect x="18.97" y="17.01" width="2" height="19" transform="translate(-24.9 13.88) rotate(-45)"/>
		<rect x="22.49" y="25.51" width="19" height="2" transform="translate(-21.38 22.38) rotate(-45)"/>
		<rect x="12.9" width="2.16" height="24"/><rect x="12.9" width="2.16" height="24"/>
		<rect y="29.68" width="27.06" height="2.16"/>
	</symbol>
	<symbol id="icon-step01" viewBox="0 0 849.097 887.018">
		<path fill="currentColor" d="M828.51,425.554c-0.732-15.16-13.201-27.037-28.385-27.037H663.361l-16.664-194.48  c-1.807-21.881-20.096-39.022-41.637-39.022h-78.385C516.082,72.441,439.008-0.001,346.906-0.001  c-89.807,0-165.301,68.89-178.828,158.147c-1.08,2.098-1.797,4.412-2.041,6.869H88.75c-21.899,0-39.801,16.773-41.639,38.963  L0.236,751.061c-0.018,0.204-0.029,0.414-0.043,0.618C0.115,752.354,0,753.454,0,754.792c0,72.909,63.769,132.226,142.154,132.226  H388.99h0.473h431.218c7.693,0,15.17-3.188,20.521-8.761c5.334-5.561,8.201-13.182,7.867-21L828.51,425.554z M346.906,38.541  c70.996,0,130.613,55.169,140.871,126.474h-281.75C216.29,93.713,275.91,38.541,346.906,38.541 M381.163,425.568l-20.139,422.91  H142.154c-56.85,0-103.154-41.617-103.609-92.922c0.048-0.451,0.103-1.032,0.136-1.71l46.836-546.634  c0.172-2.087,1.561-3.656,3.233-3.656h77.189v50.561c0,10.642,8.627,19.269,19.272,19.269c10.642,0,19.269-8.627,19.269-19.269  v-50.561h283.744v50.561c0,10.642,8.627,19.269,19.27,19.269c10.645,0,19.271-8.627,19.271-19.269v-50.561h78.295  c1.406,0,3.041,1.395,3.232,3.712l16.387,191.249H409.55C394.372,398.517,381.902,410.389,381.163,425.568 M399.609,848.478  l19.592-411.42h371.27l19.596,411.42H399.609z" />
		<path fill="currentColor" d="M722.518,462.011c-10.641,0-19.271,8.625-19.271,19.271v34.606c0,54.265-44.145,98.411-98.408,98.411  s-98.412-44.146-98.412-98.411v-34.606c0-10.646-8.627-19.271-19.27-19.271c-10.645,0-19.271,8.625-19.271,19.271v34.606  c0,75.515,61.438,136.952,136.953,136.952s136.949-61.438,136.949-136.952v-34.606C741.787,470.636,733.164,462.011,722.518,462.011  " />
	</symbol>
	<symbol id="icon-step02" viewBox="0 0 711.683 891.632">
		<path fill="currentColor" d="M628.303,58.834H452.004H440.15h-17.127C420.531,26,391.352,0,355.839,0  C320.333,0,291.155,26,288.663,58.834h-28.986c-1.681,0-3.337,0.089-4.973,0.239c-0.944-0.142-1.901-0.239-2.885-0.239H83.376  C37.405,58.834,0,93.872,0,136.938v676.591c0,43.067,37.405,78.104,83.377,78.104h544.926c45.974,0,83.38-35.037,83.38-78.104  V136.938C711.683,93.872,674.276,58.834,628.303,58.834 M590.961,179.56v591.35H120.723V179.56h75.565  c5.882,10.913,17.705,18.399,31.335,18.399h256.44c13.627,0,25.453-7.486,31.33-18.399H590.961z M307.761,97.375  c10.644,0,19.271-8.627,19.271-19.27V63.395c0-13.704,12.923-24.854,28.808-24.854c15.889,0,28.815,11.15,28.815,24.854v14.711  c0,10.643,8.627,19.27,19.27,19.27h36.227h11.854c3.726,0,7.148,1.258,9.638,3.543c1.436,1.318,3.146,3.53,3.146,6.603v41.751  c0,3.722,1.057,7.199,2.885,10.146H244.009c1.828-2.947,2.884-6.424,2.884-10.146v-41.751c0-5.499,5.855-10.146,12.784-10.146  H307.761z M673.143,813.528c0,21.815-20.115,39.563-44.84,39.563H83.376c-24.724,0-44.836-17.748-44.836-39.563V136.938  c0-21.815,20.112-39.562,44.836-39.562h126.116c-0.737,3.276-1.14,6.666-1.14,10.146v28.002c-2.474,1.555-4.721,3.41-6.71,5.495  H101.452c-10.643,0-19.27,8.627-19.27,19.271v629.89c0,10.644,8.627,19.271,19.27,19.271H610.23  c10.645,0,19.271-8.627,19.271-19.271V160.29c0-10.644-8.627-19.271-19.271-19.271H510.041c-1.992-2.086-4.24-3.94-6.713-5.496  v-27.994c0-3.46-0.391-6.854-1.119-10.153h126.094c24.725,0,44.84,17.747,44.84,39.562V813.528z" />
		<path fill="currentColor" d="M353.174,149.36c5.064,0,10.046-2.064,13.627-5.643c3.578-3.578,5.644-8.534,5.644-13.627  c0-5.065-2.065-10.048-5.644-13.626c-3.581-3.58-8.563-5.645-13.627-5.645c-5.068,0-10.05,2.065-13.628,5.645  c-3.579,3.606-5.643,8.561-5.643,13.626c0,5.066,2.064,10.049,5.643,13.627C343.124,147.296,348.106,149.36,353.174,149.36" />
		<path fill="currentColor" d="M275.132,263.172l-64.83,64.832l-18.031-18.033c-7.528-7.524-19.728-7.524-27.255,0  c-7.525,7.525-7.525,19.728,0,27.253l31.658,31.658c3.764,3.763,8.695,5.644,13.628,5.644c4.933,0,9.864-1.881,13.628-5.644  l78.457-78.458c7.525-7.524,7.525-19.727,0-27.252C294.86,255.647,282.66,255.647,275.132,263.172" />
		<rect fill="currentColor" x="369.282" y="270.604" width="104.61" height="38.541" />
		<rect fill="currentColor" x="369.281" y="322.909" width="156.229" height="38.541" />
		<path fill="currentColor" d="M275.132,431.788l-64.83,64.833l-18.031-18.033c-7.528-7.525-19.728-7.525-27.255,0  c-7.525,7.524-7.525,19.727,0,27.252l31.658,31.659c3.764,3.762,8.695,5.644,13.628,5.644c4.933,0,9.864-1.882,13.628-5.644  l78.457-78.458c7.525-7.525,7.525-19.729,0-27.252C294.86,424.263,282.66,424.263,275.132,431.788" />
		<rect fill="currentColor" x="369.282" y="439.219" width="104.61" height="38.541" />
		<rect fill="currentColor" x="369.281" y="491.524" width="156.229" height="38.541" />
		<path fill="currentColor" d="M275.132,600.403l-64.83,64.831l-18.031-18.032c-7.528-7.525-19.728-7.525-27.255,0  c-7.525,7.524-7.525,19.728,0,27.253l31.658,31.658c3.764,3.762,8.695,5.644,13.628,5.644c4.933,0,9.864-1.882,13.628-5.644  l78.457-78.458c7.525-7.524,7.525-19.728,0-27.252C294.86,592.878,282.66,592.878,275.132,600.403" />
		<rect fill="currentColor" x="369.282" y="607.835" width="104.61" height="38.541" />
		<rect fill="currentColor" x="369.281" y="660.14" width="156.229" height="38.541" />
	</symbol>
	<symbol id="icon-step03" viewBox="0 0 1132.689 807.526">
		<path fill="currentColor" d="M1097.802,574.688h-18.728v-192.89c0-28.847-8.529-56.745-24.674-80.683l-95.029-140.739  c-26.846-39.76-71.516-63.497-119.487-63.497H692.479c-27.839,0-50.485,22.652-50.485,50.496v427.313h-6.108V66.105  C635.886,29.655,606.23,0,569.781,0H104.502C68.05,0,38.396,29.655,38.396,66.105v508.583h-3.507C15.65,574.688,0,590.336,0,609.575  v47.372c0,19.229,15.65,34.876,34.888,34.876h182.698c0.757,0,1.506-0.045,2.242-0.129c0.316,63.922,52.416,115.832,116.411,115.832  c63.955,0,116.03-51.84,116.416-115.703h275.464c0.387,63.863,52.461,115.703,116.412,115.703  c63.954,0,116.028-51.84,116.416-115.703h136.854c19.238,0,34.887-15.646,34.887-34.876v-47.372  C1132.688,590.336,1117.04,574.688,1097.802,574.688 M225.556,655.002c-2.429-1.104-5.127-1.721-7.969-1.721H38.542v-40.054H249.78  C239.004,625.18,230.667,639.365,225.556,655.002 M336.239,768.985c-42.94,0-77.872-34.936-77.872-77.874  c0-42.944,34.932-77.883,77.872-77.883c42.942,0,77.878,34.938,77.878,77.883C414.117,734.049,379.182,768.985,336.239,768.985   M76.937,574.688V66.105c0-15.2,12.366-27.565,27.566-27.565h465.279c15.2,0,27.564,12.365,27.564,27.565v508.583H76.937z   M734.146,654.091c-1.756-0.526-3.618-0.81-5.549-0.81h-279.16c-1.023,0-2.027,0.078-3.006,0.234  c-5.148-15.05-13.298-28.717-23.73-40.288h238.563c10.644,0,19.271-8.63,19.271-19.271V147.375c0-6.593,5.357-11.956,11.944-11.956  h147.404c35.147,0,67.876,17.392,87.547,46.524l95.021,140.73c11.828,17.541,18.082,37.986,18.082,59.125v192.89H869.8  c-2.554,0-4.984,0.505-7.216,1.407c-5.885-0.919-11.912-1.407-18.053-1.407C793.272,574.688,749.646,607.986,734.146,654.091   M844.531,768.985c-42.938,0-77.874-34.936-77.874-77.874c0-42.944,34.936-77.883,77.874-77.883  c42.942,0,77.878,34.938,77.878,77.883C922.409,734.049,887.474,768.985,844.531,768.985 M1094.148,653.282H957.716  c-1.02,0-2.02,0.078-2.992,0.23c-5.151-15.051-13.318-28.713-23.758-40.284h128.838h34.345V653.282z" />
		<path fill="currentColor" d="M942.263,359.378c13.073,0,24.938-7.208,30.962-18.814c6.024-11.605,5.092-25.458-2.433-36.151  l-75.979-107.956c-6.517-9.28-17.184-14.821-28.537-14.821H747.758c-19.235,0-34.885,15.647-34.885,34.88v107.973  c0,19.238,15.649,34.889,34.885,34.889H942.263z M751.414,220.177h112.963l70.845,100.661H751.414V220.177z" />
		<path fill="currentColor" d="M809.236,390.54h-44.047c-10.644,0-19.271,8.627-19.271,19.271s8.627,19.271,19.271,19.271h44.047  c10.643,0,19.27-8.627,19.27-19.271S819.879,390.54,809.236,390.54" />
		<path fill="currentColor" d="M335.736,643.806c-27.323,0-49.553,22.229-49.553,49.552c0,27.324,22.23,49.553,49.553,49.553  c27.323,0,49.552-22.229,49.552-49.553C385.288,666.036,363.059,643.806,335.736,643.806 M335.736,704.37  c-6.072,0-11.012-4.938-11.012-11.012c0-6.07,4.94-11.012,11.012-11.012c6.071,0,11.012,4.941,11.012,11.012  C346.748,699.431,341.807,704.37,335.736,704.37" />
		<path fill="currentColor" d="M845.023,643.806c-27.322,0-49.552,22.229-49.552,49.552c0,27.324,22.229,49.553,49.552,49.553  s49.553-22.229,49.553-49.553C894.576,666.036,872.346,643.806,845.023,643.806 M845.023,704.37  c-6.073,0-11.012-4.938-11.012-11.012c0-6.07,4.938-11.012,11.012-11.012s11.012,4.941,11.012,11.012  C856.035,699.431,851.097,704.37,845.023,704.37" />
		<rect fill="currentColor" x="150.237" y="191.442" width="350.979" height="38.541" />
		<rect fill="currentColor" x="249.338" y="313.253" width="251.878" height="38.541" />
		<rect fill="currentColor" x="364.953" y="435.062" width="136.263" height="38.542" />
	</symbol>
	<symbol viewBox="0 0 24 24" id="icon-search"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="11.5" cy="11.5" r="9.5"></circle><path stroke-linecap="round" d="M18.5 18.5L22 22"></path></g></symbol>
	<symbol viewBox="0 0 16 16" id="icon-globe"><path fill="currentColor" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332c.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933a9 9 0 0 1-.481-1.079a8.4 8.4 0 0 0-1.198.49a7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521a8.4 8.4 0 0 0-1.197-.49a9 9 0 0 1-.481 1.078a7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667c.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49a7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-user"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path><path fill="currentColor" d="M12 13c2.396 0 4.575.694 6.178 1.672c.8.488 1.484 1.064 1.978 1.69c.486.615.844 1.351.844 2.138c0 .845-.411 1.511-1.003 1.986c-.56.45-1.299.748-2.084.956c-1.578.417-3.684.558-5.913.558s-4.335-.14-5.913-.558c-.785-.208-1.524-.506-2.084-.956C3.41 20.01 3 19.345 3 18.5c0-.787.358-1.523.844-2.139c.494-.625 1.177-1.2 1.978-1.69C7.425 13.695 9.605 13 12 13m0-11a5 5 0 1 1 0 10a5 5 0 0 1 0-10"></path></g></symbol>
	<symbol viewBox="0 0 24 24" id="icon-doc"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path><path fill="currentColor" d="M18 2a2 2 0 0 1 2 2v11.586A2 2 0 0 1 19.414 17L15 21.414a2 2 0 0 1-1.414.586H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 2H6v16h6v-4.5a1.5 1.5 0 0 1 1.5-1.5H18zm-.414 12H14v3.586zM10 11a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2zm5-4a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2Z"></path></g></symbol>
	<symbol viewBox="0 0 24 24" id="icon-fb"><path fill="currentColor" fill-rule="evenodd" d="M13.135 6H15V3h-1.865a4.147 4.147 0 0 0-4.142 4.142V9H7v3h2v9.938h3V12h2.021l.592-3H12V6.591A.6.6 0 0 1 12.592 6z" clip-rule="evenodd"></path></symbol>
	<symbol viewBox="0 0 256 256" id="icon-ig"><path fill="currentColor" d="M176 24H80a56.06 56.06 0 0 0-56 56v96a56.06 56.06 0 0 0 56 56h96a56.06 56.06 0 0 0 56-56V80a56.06 56.06 0 0 0-56-56m-48 152a48 48 0 1 1 48-48a48.05 48.05 0 0 1-48 48m60-96a12 12 0 1 1 12-12a12 12 0 0 1-12 12m-28 48a32 32 0 1 1-32-32a32 32 0 0 1 32 32"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-yt"><path fill="currentColor" d="M23 9.71a8.5 8.5 0 0 0-.91-4.13a2.92 2.92 0 0 0-1.72-1A78.36 78.36 0 0 0 12 4.27a78.45 78.45 0 0 0-8.34.3a2.87 2.87 0 0 0-1.46.74c-.9.83-1 2.25-1.1 3.45a48.29 48.29 0 0 0 0 6.48a9.55 9.55 0 0 0 .3 2a3.14 3.14 0 0 0 .71 1.36a2.86 2.86 0 0 0 1.49.78a45.18 45.18 0 0 0 6.5.33c3.5.05 6.57 0 10.2-.28a2.88 2.88 0 0 0 1.53-.78a2.49 2.49 0 0 0 .61-1a10.58 10.58 0 0 0 .52-3.4c.04-.56.04-3.94.04-4.54M9.74 14.85V8.66l5.92 3.11c-1.66.92-3.85 1.96-5.92 3.08"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-arrow-up"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-arrow-left"><path fill="currentColor" d="M16 22L6 12L16 2l1.775 1.775L9.55 12l8.225 8.225z"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-arrow-right"><path fill="currentColor" d="M6.23 20.23L8 22l10-10L8 2L6.23 3.77L14.46 12z"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-arrow-down"><path fill="currentColor" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6z"></path></symbol>
	<symbol viewBox="0 0 256 256" id="icon-download"><path fill="currentColor" d="M228 144v64a12 12 0 0 1-12 12H40a12 12 0 0 1-12-12v-64a12 12 0 0 1 24 0v52h152v-52a12 12 0 0 1 24 0m-108.49 8.49a12 12 0 0 0 17 0l40-40a12 12 0 0 0-17-17L140 115V32a12 12 0 0 0-24 0v83L96.49 95.51a12 12 0 0 0-17 17Z"></path></symbol>
	<symbol viewBox="0 0 16 16" id="icon-search2"><path fill="currentColor" d="M7 6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 1 0zm3.24 4.74a.5.5 0 0 1 .107-.31A5.478 5.478 0 0 0 12 6.5A5.5 5.5 0 1 0 6.5 12a.5.5 0 1 1 0 1a6.5 6.5 0 1 1 4.936-2.27l4.419 4.418a.5.5 0 0 1-.707.707l-4.768-4.768a.499.499 0 0 1-.14-.347"></path></symbol>
	<symbol viewBox="0 0 512 512" id="icon-excel"><path fill="currentColor" d="M453.547 273.449H372.12v-40.714h81.427zm0 23.264H372.12v40.714h81.427zm0-191.934H372.12v40.713h81.427zm0 63.978H372.12v40.713h81.427zm0 191.934H372.12v40.714h81.427zm56.242 80.264c-2.326 12.098-16.867 12.388-26.58 12.796H302.326v52.345h-36.119L0 459.566V52.492L267.778 5.904h34.548v46.355h174.66c9.83.407 20.648-.291 29.197 5.583c5.991 8.608 5.41 19.543 5.817 29.43l-.233 302.791c-.29 16.925 1.57 34.2-1.978 50.892m-296.51-91.256c-16.052-32.57-32.395-64.909-48.39-97.48c15.82-31.698 31.408-63.512 46.937-95.327c-13.203.64-26.406 1.454-39.55 2.385c-9.83 23.904-21.288 47.169-28.965 71.888c-7.154-23.323-16.634-45.774-25.3-68.515c-12.796.698-25.592 1.454-38.387 2.21c13.493 29.78 27.86 59.15 40.946 89.104c-15.413 29.081-29.837 58.57-44.785 87.825c12.737.523 25.475 1.047 38.212 1.221c9.074-23.148 20.357-45.424 28.267-69.038c7.096 25.359 19.135 48.798 29.023 73.051c14.017.99 27.976 1.862 41.993 2.676M484.26 79.882H302.326v24.897h46.53v40.713h-46.53v23.265h46.53v40.713h-46.53v23.265h46.53v40.714h-46.53v23.264h46.53v40.714h-46.53v23.264h46.53v40.714h-46.53v26.897H484.26z"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-comment"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path><path fill="currentColor" d="M16 4a3 3 0 0 1 2.995 2.824L19 7v2a3 3 0 0 1 2.995 2.824L22 12v4a3 3 0 0 1-2.824 2.995L19 19v.966c0 1.02-1.143 1.594-1.954 1.033l-.096-.072L14.638 19H11a2.989 2.989 0 0 1-1.998-.762l-.14-.134L7 19.5c-.791.593-1.906.075-1.994-.879L5 18.5V17a3 3 0 0 1-2.995-2.824L2 14V7a3 3 0 0 1 2.824-2.995L5 4zm3 7h-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3.638a2 2 0 0 1 1.28.464l1.088.906A1.5 1.5 0 0 1 18.5 17h.5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1m-3-5H5a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h.5A1.5 1.5 0 0 1 7 16.5v.5l1.01-.757A3.04 3.04 0 0 1 8 16v-4a3 3 0 0 1 3-3h6V7a1 1 0 0 0-1-1"></path></g></symbol>
	<symbol viewBox="0 0 24 24" id="icon-trash"><path fill="currentColor" d="M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zM7 6h10v13H7zm2 2v9h2V8zm4 0v9h2V8z"></path></symbol>
	<symbol viewBox="0 0 24 24" id="icon-plus"><path fill="currentColor" d="M19 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z"></path></symbol>
</svg>
    <!--後台預覽模式-->
    

    <!--general Js-->
    <script src="/lib/jsManage.js"></script>

    <script src="/public/js/particles.min.js"></script>
    <script>
        function initParticles(dom, jsonType = 'particles.json') {
            particlesJS.load(dom, '//public/' + jsonType);
        }

        const insBanner = $('.bannerBox.ins');
        if (insBanner.length) {
            initParticles('bannerParticles');
        }
    </script>

    <script>
        const splitText = document.querySelectorAll('[data-split-text]');

        if (splitText.length) {
            splitText.forEach((item) => {
                const text = item.textContent;
                const words = text.split(' ');
                const needSpecial = item.hasAttribute('data-special-first-letter');
                let html = '';

                words.forEach((word, index) => {
                    word.split('').forEach((letter, index) => {
                        if (index === 0 && needSpecial)
                            html += ` <span class="special">${letter}</span>`;
                        else
                            html += `<span>${letter}</span>`;
                    });
                });

                item.innerHTML = html;
            });
        }
    </script>

    <!-- swiper -->
    <link rel="stylesheet" href="/public/css/swiper-bundle.min.css">
    <script src="/public/js/swiper-bundle.min.js"></script>

    <!--lightGallery-->
    <link rel="stylesheet" href="/public/js/lightGallery/dist/css_style/lightgallery.css">
    <script src="/public/js/lightGallery/dist/js/lightgallery-all-custom.js"></script>
    <script>
        $(document).ready(function() {
            $('.titan').lightGallery({
                actualSize: false,
                download: false,
                hash: false,
                share: false,
                // 影片自動撥放設定
                autoplayFirstVideo: false, //是否自動撥放 (自動撥放一定要靜音，要注意是否需要出現控制列(開啟音量))
                tumbnails: false,
                youtubePlayerParams: {
                    rel: 0,
                    controls: 0 //0:隱藏 1:顯示控制列
                },
            });
        });
    </script>

    <!--footable-->
    <link rel="stylesheet" type="text/css" href="/public/js/footable/footable.core.css">
    <script src="/public/js/footable/footable.min.js"></script>
    <script>
        $('table.responsive').footable();
    </script>

    <!-- dragscroll -->
    <script src="/public/js/dragscroll.js"></script>

    <!--dotdot-->
    <script src="/public/js/jquery.dotdotdot.min.js"></script>
    <script>
        $(document).ready(function() {
            if ($('.ellipsis').length) {
                $('.ellipsis').dotdotdot({
                    wrap: 'letter',
                    remove: [' ', ',', ';', '.', '!', '?'],
                    watch: true
                });
            }
        });
    </script>

    <!--scrollreveal-->
    <script src="/public/js/scrollreveal.min.js"></script>
    <script>
        $(function() {
            window.sr = ScrollReveal({
                mobile: true,
                scale: 1,
                duration: 800,
                easing: 'cubic-bezier(.7, .1, .2, 1);'
            });
            if (sr.isSupported()) {
                document.documentElement.classList.add('sr');
            }
        });
    </script>

    <!--slick-->
    <link rel="stylesheet" href="/public/js/slick-slider/slick-theme.css">
    <link rel="stylesheet" href="/public/js/slick-slider/slick.css">
    <script src="/public/js/slick-slider/slick.min.js"></script>

    <!--youtube_plugin-->
    <script src="/public/js/youtubePlugin.js"></script>

    <!-- imagesloaded -->
    <script src="/public/js/imagesloaded.min.js"></script>

    
    	
</body>
</html>