<script type="text/javascript">
	$(document).ready(function(){
		$('.bxslider').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: false,
			arrows: false,
		});
	});
</script>

<div id="sideSet">
    <div id="category-nav"<?# sideCategoryStyle ?>>
        <h3<?# sideNavProductStyle ?>><strong><?# sideNavProduct ?></strong></h3>
        <ul class="Cate">
        <li><h3><a href="<?# htLink4 ?>" title="全部產品">全部產品</a></h3></li>
        <php:repeater id="listC">
        <template>
        <li<?# className ?>>
            <h3><a href="<?# link ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><?# iLabel ?></h3>
            <?# SubList ?>
        </li>
        </template>
        </php:repeater>
        </ul>
    </div>
    <div id="ssbanner"<?# smallPictureStyle ?>>
        <div class="bxslider <?# customClass ?>">
            <php:repeater id="listP">
            <template>
                <div>
                    <a href="<?# Link ?>" title="<?# Title ?>" target="_blank"></a>
                    <div class="infot" style="background-image:url(<?# Image ?>);">
                        <h4><?# Title ?></h4>
                        <img src="/images/16/ssbanner-blank.png" alt="<?# Title ?>" />
                    </div>
                </div>
            </template>
            </php:repeater>
        </div>
    </div>
    <div id="contact-nav"<?# sideNavStyle ?>>
        <h3<?# sideNavInfoStyle ?>><strong><?# sideNavInfo ?></strong></h3>
        <ul>
            <li <?# webPhoneStyle ?>><a href="tel:<?# webPhone ?>"><i class="fa fa-phone"></i><?# webPhone ?></a></li>
			<li <?# webMobileStyle ?>><a href="tel:<?# webMobile ?>"><i class="fa fa-mobile"></i><?# webMobile ?></a></li>
			<li <?# QRstyle ?>><a href="https://line.me/R/ti/p/~<?# lineTitle ?>"<?# LinkTarget ?>><i class="fa fa-commenting-o"></i>加入Line好友</a></li>
            <li <?# webEmailStyle ?>><a href="mailto:<?# webEmail ?>"><i class="fa fa-envelope"></i><?# webEmail ?></a></li>
            <li <?# webAddressStyle ?>><a href="<?# webAddressLink ?>" target="_blank"><i class="fa fa-map-marker"></i><?# webAddress ?></a></li>
        </ul>
    </div>
	<div id="contact-extra"<?# sideExtraStyle ?>>
		<h3<?# sideExtraInfoStyle ?>><strong><?# sideExtraInfo ?></strong></h3>
		<ul>
		<php:repeater id="listE">
		<template>
		<li class="plus-information" <?# nullStyle ?>><?# Name ?> <?# HtmlCode ?></li>
		</template>
		</php:repeater>
		</ul>
	</div>
    <div class="efv">
        <div id="youtube"<?# youtubeStyle ?>><div class="video-container"><iframe src="<?# youtubeURL ?>" frameborder="0" allowfullscreen="" allow="autoplay;encrypted-media"></iframe></div></div>
        <div id="fb-wrap"><?# fbFans ?></div>
    </div>
    <div id="g-map"<?# googlemapStyle ?>>
        <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.tw/maps?f=q&amp;hl=zh-TW&amp;geocode=&amp;q=<?# googlemapAddress ?>&amp;z=16&amp;output=embed&amp;t="></iframe>
    </div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>