<div id="sPictureBox" class="workframe"<?# smallPictureStyle ?>>
	<h3<?# sideNavPhotoStyle ?>><?# sideNavPhoto ?></h3>
	<div class="bxslider side2">
		<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="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: 4,
			slidesToScroll: 4,
			responsive: [{
				breakpoint: 1024,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 3
				}
			},{
				breakpoint: 600,
				settings: {
					slidesToShow: 2,
					slidesToScroll: 2
				}
			}]
		});
	});
</script>