<script>
//回到顶部
function goTop(){
	$('html,body').animate({'scrollTop':0},600); //滚回顶部的时间，越小滚的速度越快~
}
</script>
<a href="javascript:goTop();" id="gotop"><i class="fa fa-angle-up"></i></a>
<a href="<?# htLink7 ?>" id="gocart"<?# cartStyle ?>><i class="fa fa-shopping-cart"></i></a>
<footer>
	<div id="footerCompany">
    	<div class="workframe">
        	<div class="row">
            	<h2><span></span>公司資訊</h2>
                <ul class="comlist">
                	<li id="footer-cis"<?# logoStyle ?>><a href="<?# logoLink ?>" title="<?# logoTitle ?>"><img src="<?# logoImage ?>" alt="<?# logoTitle ?>" /></a></li>
                	<li<?# webAddressStyle ?>><?# webAddress ?></li>
                    <li<?# webPhoneStyle ?>><b>Phone:</b><span><a href="tel:<?# webPhone ?>" title="<?# webPhone ?>"><?# webPhone ?></a></span></li>
                    <li<?# webMobileStyle ?>><b>Mobile:</b><span><a href="tel:<?# webMobile ?>" title="<?# webMobile ?>"><?# webMobile ?></a></span></li>
                    <li<?# webFaxStyle ?>><b>Fax:</b><span><?# webFax ?></span></li>
                    <li<?# webEmailStyle ?>><b>E-mail:</b><span><a href="mailto:<?# webEmail ?>" title="<?# webEmail ?>"><?# webEmail ?></a></span></li>
					<php:repeater id="listE">
					<template>
					<li class="plus-information" <?# nullStyle ?>><b><?# Name ?>:</b><span><?# HtmlCode ?></span></li>
					</template>
					</php:repeater>
                </ul>
            </div>
        	<div class="row">
            	<h2><span></span>Links</h2>
                <ul class="footernav">
                    <php:repeater id="listW1">
                    <template>
                    <li><a href="<?# MenuLink ?>" title="<?# MenuTitle ?>"><?# MenuTitle ?></a></li>
                    </template>
                    </php:repeater>
                </ul>
                <p class="sitemap"><i class="fa fa-map-signs"></i>&nbsp;<a href="/sitemap.html" title="網站地圖">網站地圖</a></p>
            </div>
        	<div class="row">
            	<h2><span></span>立即聯繫</h2>
                <p>透過以下方式迅速的聯絡我們</p>
                <ul class="fcontact">
                	<li<?# webPhoneStyle ?>><a href="tel:<?# webPhone ?>" title="撥打服務專線">撥打服務專線</a></li>
                    <li<?# lineTitleStyle ?>><a href="https://line.me/R/ti/p/~<?# lineTitle ?>"<?# LinkTarget ?> title="加入LINE好友">加入LINE好友</a></li>
                	<li><a href="<?# htLink6 ?>" title="留下您的聯絡資訊">留下您的聯絡資訊</a></li>
                </ul>
            </div>
        	<div class="row">
            	<h2><span></span>關注我們</h2>
                <div id="footer-qrcode"<?# QRstyle ?>><img src="<?# lineQRCode ?>" alt="QRcode"/></div>
                <div class="sedc">
                    <div id="footer-FB"<?# fbStyle ?>><a href="<?# fbFansURL ?>" target="_blank" title="<?# webName ?> Facebook 粉絲團"><b>Facebook</b></a></div>
                    <div id="footer-map"<?# webAddressStyle ?>><a href="https://www.google.com.tw/maps/place/<?# webAddress ?>/" target="_blank" title="前往Google地圖"><b>Google Map</b></a></div>
            	</div>
            </div>
        </div>
    </div>
	<div id="footerSet">
    	<div class="workframe">
            <div class="info"><p class="CopyR"><?# webCopy ?></p><div class="SeoWebFooter"><?# webFooter ?></div></div>
            <ul class="community">
                <li><a href="javascript: void(window.open('https://line.naver.jp/R/msg/text/?<?# RelLink ?><?# REQUESTURI ?>'));" title="分享到Line"><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M25.817 13.151a.842.842 0 1 1 0 1.683h-2.339v1.5h2.339a.84.84 0 1 1 0 1.678H22.64a.84.84 0 0 1-.837-.839v-6.36c0-.463.375-.843.837-.843h3.183a.842.842 0 0 1-.005 1.682h-2.339v1.5zm-5.134 4.021a.845.845 0 0 1-.844.838.85.85 0 0 1-.683-.333l-3.255-4.427v3.921a.839.839 0 1 1-1.678 0v-6.36c0-.359.235-.681.573-.796a.754.754 0 0 1 .26-.043c.26 0 .5.141.661.339l3.281 4.437v-3.937c0-.463.375-.843.839-.843s.844.38.844.843zm-7.656 0a.843.843 0 0 1-.844.839.84.84 0 0 1-.833-.839v-6.36c0-.463.375-.843.839-.843.463 0 .839.38.839.843zm-3.287.839H6.557a.846.846 0 0 1-.844-.839v-6.36c0-.463.38-.843.844-.843s.839.38.839.843v5.521H9.74a.839.839 0 1 1 0 1.678zM32 13.749C32 6.588 24.817.76 16 .76S0 6.588 0 13.749c0 6.417 5.693 11.792 13.38 12.813.521.109 1.229.344 1.412.787.161.4.104 1.02.052 1.443l-.219 1.359c-.063.401-.323 1.579 1.396.86 1.724-.719 9.224-5.437 12.583-9.303C30.901 19.193 32 16.609 32 13.749z"></path></svg></a></li>
                <li><a href="javascript: void(window.open('https://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));" title="分享到臉書"><i class="fa fa-facebook"></i></a></li>
               <li> <a href="/rss.xml" title="rss"><i class="fa fa-rss"></i></a></li>
            </ul>
        </div>
    </div>
    <div class="web">
    	<div class="workframe">
			<script src="/jquery/jquery.marquee.min.js"></script>
            <script>
            $(function() {
            $('#webSeo .seo').marquee({
            speed: 100000,
            gap: 50,
            delayBeforeStart: 0,
            direction: 'left',
            duplicated: true,
            pauseOnHover: true
            });
            });
            </script>
            <div id="webSeo"><div class="seo"><?# webMarquee ?></div></div>
    	</div>
    </div>
</footer>
<div class="phoneWrap"<?# LineOpen ?>>
	<ul>
    	<li<?# webMobileStyle ?>><a href="tel:<?# webMobile ?>">立即來電</a></li>
        <li class="line"<?# lineTitleStyle ?>><a href="https://line.me/R/ti/p/~<?# lineTitle ?>"<?# LinkTarget ?>>加入好友</a></li>
    </ul>
</div>
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/jquery/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/jquery/slick/slick-theme.css">
<link rel="stylesheet" href="/jquery/fancybox-3.0/dist/jquery.fancybox.css">
<link  href="/jquery/fancybox-3.0/dist/jquery.fancybox.css" rel="stylesheet">
<script type="text/javascript" src="/jquery/slick/slick.min.js"></script>
<script src="/jquery/fancybox-3.0/dist/jquery.fancybox.min.js"></script>
<script src="/scripts/tw_cn2.js"></script>
<script src="/js/wow.js"></script>
<script src="/jquery/17/mouse.js"></script>
<script src="/jquery/17/tilt.jquery.min.js"></script>
<script src="/jquery/17/scrollReveal.js"></script>
<!-- jump6 -->
<script>
	var flagWC = 0;
	window.addEventListener('message',function(e){
		if(e.source != window.parent) return;
		if(flagWC > 0) return;
		document.body.style.width = e.data;
		document.body.style.overflowX = "hidden";
		flagWC = 1;
	},true);
	if(window.top != window && flagWC == 0){
		window.top.postMessage('givemewidth','*');
	}
</script>
<script>
	wow = new WOW(
		{
			boxClass:     'wow',      
			animateClass: 'animated', 
			offset:       0,          
			mobile:       false,       
			live:         true        
		}
	)
	wow.init();
</script>
<script type="text/javascript">
	$body.on('mousemove click', function(e) {
	
			W = ancho/2,
			H = alto/2,
	
			Y = (e.pageY - W),
			X = (e.pageX - H);
	
		$cursor.css('transform', 'translateY(' + Y + 'px) translateX(' + X + 'px)');
	
		if(e.handleObj.type == 'click'){
			$cursor.removeClass('clicked');
		}
	
		if($(e.target).hasClass("dance")){
			hoverActive = 1;
			gowhere = e.target.getBoundingClientRect();
		  var gwx = gowhere.x;
		  var gwy = gowhere.y;
		  if (gwx) {
	
		  } else {
			gwy = gowhere.top;
			gwx = gowhere.left;
		  }
		  	//跳舞的框框顏色更改(預設框-藍綠)	
			var color = '006ea5',
				wakuX = X - gwx - window.pageXOffset,
				wakuY = gwy + window.pageYOffset - Y;
	
			//跳舞的框框顏色更改(橘框/白框)	
			if($(e.target).hasClass("orange")){
				color = 'f2b744';
			}else if($(e.target).hasClass("white")){
				color = 'ffffff';
			}
	
		  console.log('wakuX', gwx, gwy);
			//鼠標樣式 如有刪減或修改 務必整頁測試
			$waku.css({
					border: '2px solid #'+color+'',
					  borderRadius: '5px',
					width : e.target.offsetWidth,
					height : e.target.offsetHeight,
					transform : 'rotate(0deg) translateY(' + wakuY + 'px) translateX(-' + wakuX + 'px)'
				});
	
		}else if(hoverActive == 1){
			hoverActive = 0;
			$waku.css({
				//鼠標初始預設樣式 如有刪減或修改 務必整頁測試
				border: '1px solid #fff',
				borderRadius: '0px',
				width : '30px',
				height : '30px',
				transform : 'rotate(45deg) translateY(0) translateX(0) '
	
			});
		}
	
	});
</script>