<div id="pcategoryBox" class="rowInfo"<?# sideCategoryStyle ?>>
	<h3 class="sideTitle"<?# sideNavProductStyle ?>><?# sideNavProduct ?></h3>
    <ul class="cate">
		<li><a href="<?# htLink4 ?>" title="全部產品">全部產品</a></li>
		<php:repeater id="listC">
		<template>
		<li<?# className ?>>
			<h4><a href="<?# link ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><?# iLabel ?></h4>
			<?# SubList ?>
		</li>
		</template>
		</php:repeater>
    </ul>
</div>
<div id="extraBox" class="rowInfo"<?# sideExtraStyle ?>>
	<h3 class="sideTitle"<?# sideExtraInfoStyle ?>><?# sideExtraInfo ?></h3>
	<ul class="slist">
		<php:repeater id="listE">
		<template>
		<li class="plus-information" <?# nullStyle ?>><?# Name ?> <?# HtmlCode ?></li>
		</template>
		</php:repeater>
	</ul>
</div>
<div id="sPictureBox" class="rowInfo"<?# smallPictureStyle ?>>
	<h3 class="sideTitle"<?# sideNavPhotoStyle ?>><?# sideNavPhoto ?></h3>
    <div class="bxslider">
        <php:repeater id="listP">
        <template>
        <div><a class="photo" href="<?# Link ?>" title="<?# Title ?>" target="_blank" style="background-image:url(<?# Image ?>);"><img src="/images/31/ssbanner-blank.png" alt="<?# Title ?>" /></a></div>
        </template>
        </php:repeater>
    </div>
</div>
<div id="socialMediaBox" class="rowInfo">
	<h3 class="sideTitle">社交媒體</h3>
	<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 id="youtube"<?# youtubeStyle ?>><iframe src="<?# youtubeURL ?>" frameborder="0" allowfullscreen="" allow="autoplay;encrypted-media"></iframe></div>
	<div id="fb-wrap"><?# fbFans ?></div>
</div>
<script>
	$(function(){
		$('#sPictureBox .bxslider').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 1,
			adaptiveHeight: true
		});
	});
</script>