<div id="bottomSet"> 
	<section>
        <div id="category-nav"<?# sideCategoryStyle ?>>
            <h3><strong><?# sideNavProduct ?></strong></h3>
            <ul class="Cate">
            <li><h3><a href="<?# htLink4 ?>" title="全部產品"><span>→</span>全部產品</a></h3></li>
            <php:repeater id="listC">
            <template>
            <li<?# className ?>>
                <h3><a href="<?# link ?>" title="<?# CategoryName ?>"><span>→</span><?# CategoryName ?></a><?# iLabel ?></h3>
                <?# SubList ?>
            </li>
            </template>
            </php:repeater>
            </ul>
        </div>
        <div id="contact-nav"<?# sideNavStyle ?>>
            <h3><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>
			<ul>
				<php:repeater id="listE">
				<template>
				<li class="plus-information" <?# nullStyle ?>><?# Name ?> <?# HtmlCode ?></li>
				</template>
				</php:repeater>
			</ul>
        </div>
        <div id="fameWork">
            <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>
    </section>
</div>
<div id="bottom-service"<?# smallPictureStyle ?>>
	<section>
    	<div class="lefttitle">
        	<img src="/images/10/index-service-title.png" data-scroll-reveal="enter right">
            <h3 data-scroll-reveal="enter left"><?# sideNavPhoto ?></h3>
            <p data-scroll-reveal="enter left after 0.5s"><?# evaTeat2 ?></p>
        </div>
        <div class="serviceicon">
        	<ul>
				<php:repeater id="listP">
				<template>
				<li data-scroll-reveal="enter right">
					<p><a href="<?# Link ?>" title="<?# Title ?>" target="_blank" style="background-image:url(<?# Image ?>);"><img src="/images/10/ssbanner-blank.png" alt="<?# Title ?>" /></a></p>
					<h3><a href="<?# Link ?>" title="<?# Title ?>" target="_blank"><?# Title ?></a></h3>
				</li>
				</template>
				</php:repeater>
            </ul>
        </div>
    </section>
</div>
