<div id="sidelistBox" class="workframe">
	<div id="pcategoryBox" class="row"<?# sideCategoryStyle ?>>
		<h3<?# 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 class="row">
		<div id="sPictureBox"<?# smallPictureStyle ?>>
			<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/32/ssbanner-blank.png" alt="<?# Title ?>" /></a></div>
				</template>
				</php:repeater>
			</div>
		</div>
		<div id="extraBox"<?# sideExtraStyle ?>>
			<ul class="slist">
				<php:repeater id="listE">
				<template>
				<li class="plus-information" <?# nullStyle ?>><font><?# Name ?></font><span><?# HtmlCode ?></span></li>
				</template>
				</php:repeater>
			</ul>
		</div>
	</div>
</div>
<div id="sidcontactBox"<?# sideNavStyle ?>>
	<div class="workframe">
		<h3<?# sideNavInfoStyle ?>><?# sideNavInfo ?></h3>
		<div class="infoList">
			<div <?# webPhoneStyle ?>><a href="tel:<?# webPhone ?>"><i class="fa fa-phone"></i><?# webPhone ?></a></div>
			<div <?# webMobileStyle ?>><a href="tel:<?# webMobile ?>"><i class="fa fa-mobile"></i><?# webMobile ?></a></div>
			<div <?# QRstyle ?>><a href="https://line.me/R/ti/p/~<?# lineTitle ?>"<?# LinkTarget ?>><i class="fa fa-commenting-o"></i>加入Line好友</a></div>
			<div <?# webEmailStyle ?>><a href="mailto:<?# webEmail ?>"><i class="fa fa-envelope"></i><?# webEmail ?></a></div>
			<div <?# webAddressStyle ?>><a href="<?# webAddressLink ?>" target="_blank"><i class="fa fa-map-marker"></i><?# webAddress ?></a></div>
		</div>
	</div>
</div>
<div id="socialMediaBox" class="workframe">
	<h3>社交媒體</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>