<?php
/* Smarty version 3.1.30, created on 2018-09-17 00:14:09
  from "/home/bananatr/public_html/sample/template/index.html" */

/* @var Smarty_Internal_Template $_smarty_tpl */
if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
  'version' => '3.1.30',
  'unifunc' => 'content_5b9e8151809522_80813744',
  'has_nocache_code' => false,
  'file_dependency' => 
  array (
    'b669f502f1459cc6d03f11a517dd864214021d06' => 
    array (
      0 => '/home/bananatr/public_html/sample/template/index.html',
      1 => 1537112908,
      2 => 'file',
    ),
  ),
  'includes' => 
  array (
    'file:lib/header.tpl' => 1,
    'file:lib/footer.tpl' => 1,
  ),
),false)) {
function content_5b9e8151809522_80813744 (Smarty_Internal_Template $_smarty_tpl) {
?>
<!DOCTYPE HTML>
<html>
	<?php $_smarty_tpl->_subTemplateRender("file:lib/header.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
?>

			
	
	<?php echo '<script'; ?>
>
		
		function goto_level(level){
			var height = 0;
			if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
				height = 60;
				 $('.navbar-collapse').collapse('hide');
			}else{
				height = 100;
			}
			$('html, body').animate({
				scrollTop: $('#' + level).offset().top - height
				}, 500
			);
		}
		
	<?php echo '</script'; ?>
>
	
	<?php echo '<script'; ?>
 src="//cdn.doublemax.net/js/rtid.js"><?php echo '</script'; ?>
>
	<?php echo '<script'; ?>
 src="//dmp.eland-tech.com/dmpreceiver/eland_tracker.js"><?php echo '</script'; ?>
>
	<?php echo '<script'; ?>
 async src="https://www.googletagmanager.com/gtag/js?id=DC-8689044"><?php echo '</script'; ?>
>
	<?php echo '<script'; ?>
>
		clickforce_rtid("8559002");
		ElandTracker.Track({
			'source': 'CAP8559',
			'trackType': 'view',
			'trackSubfolderDepth': 3,
			'targetType': 'pageView'
		});



		clickforce_rtid("8559003");
		ElandTracker.Track({
			'source': 'CAP8559',
			'trackType': 'view',
			'trackSubfolderDepth': 3,
			'targetType': 'usual'
		});

		//DBM

		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());

		gtag('config', 'DC-8689044');


		gtag('event', 'conversion', {
			'allow_custom_scripts': true,
			'send_to': 'DC-8689044/invmedia/qqr8swj4+standard'
		});





		//Adwords

		gtag('config', 'AW-954589954');
		gtag('event', 'conversion', {
			'send_to': 'AW-954589954/3QLXCMPwm4QBEILGl8cD'
		});

		//GA
		gtag('config', 'UA-120919082-1');
	<?php echo '</script'; ?>
>

	<noscript>
		<img src="https://ad.doubleclick.net/ddm/activity/src=8689044;type=invmedia;cat=qqr8swj4;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?"
			width="1" height="1" alt="" />
	</noscript>
	
	<?php echo '<script'; ?>
>
    function sendsucess() {
        clickforce_rtid("8559001");
        ElandTracker.Track({
            'source': 'CAP8559',
            'trackType': 'click',
            'trackSubfolderDepth': 3,
            'targetType': 'sendsucess'
        });

        // DBM
        gtag('event', 'conversion', {
            'allow_custom_scripts': true,
            'send_to': 'DC-8689044/invmedia/fdyvj3z8+standard'
        });

        //Adwords
        gtag('event', 'conversion', {
            'send_to': 'AW-954589954/NHB9CM2MhYQBEILGl8cD'
        });

        // GA
        gtag('event', 'sendsucess', {
            'event_category': 'general',
            'send_to': 'UA-120919082-1'
        });
    }
<?php echo '</script'; ?>
>

	
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRSJJWN"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->


	<div id="page">
		<div id="menu_bar">
		<nav class="navbar header_bar navbar-custom">
			<a class="navbar-home" href="index.php">
				<img src="template/image/logo.png" class="img-fluid">
			</a>
			<div class="tel"></div>
			<a href="tel:02-2828-1888" class="d-none d-sm-block header_bar_text_pos ">立即來電</a><font style="color:white" class="d-none d-sm-block "> &nbsp; | &nbsp;</font>
			<a href="#" onclick="goto_level('a8')" class="d-none d-sm-block header_bar_text_pos ">我要預約</a><font style="color:white" class="d-none d-sm-block "> &nbsp; | &nbsp;</font>
			<a href="#" onclick="goto_level('a7')" class="d-none d-sm-block header_bar_text_pos ">地圖導航</a><font style="color:white" class="d-none d-sm-block "> &nbsp; | &nbsp;</font>
			<a href="https://www.facebook.com/%E4%B8%AD%E7%A7%9F%E5%BE%A1%E6%99%AF-245013296045672/" target="_blank" class="d-none d-sm-block header_bar_text_pos ">FB諮詢</a> 
			
			<button class="navbar-toggler d-sm-none d-xs-block" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
				<i class="fa fa-bars" style="font-size:30px;color:white"></i>
			</button>
		</nav>
		
		<nav class="navbar navbar-expand-md flex-row" id="navMenuBar">
			<div class="collapse navbar-collapse" id="navbarNav">
				<ul class="navbar-nav">
					<li class="nav-item active">
						<a class="nav-link" href="#" onclick="goto_level('a1')">地段優勢</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a2')">最佳團隊</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a3')">名宅團隊</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a4')">至高標準</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a5')">優質學區</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#" onclick="goto_level('a6')">基本資料</a>
					</li>
				</ul>
			</div>
		</nav>
		</div>
		
		<section id="a0">
			<img src="template/image/web_banner1.jpg" style="width:100vw" class=" d-none d-sm-block"/>
			<img src="template/image/mobile_banner1.jpg" style="width:100vw" class=" d-sm-none d-xs-block"/>
		</section>
		
		<section id="a1">
			<div class="title_font_center">
				<h2>7000坪跳島公園<br/>
					Park Lane綠帶引路
				</h2>
				
				<div class="sub_title d-none d-sm-block">				
					石牌公園生態多樣、其間兩棵60年以上原生老榕、極具歷史，松鼠、麻鷺、蝴蝶、青蛙…<br/>
					<中租御景>搭配四季植被，自然開花、結果，誘鳥誘蝶的設計<br/>
					吸引公園生態進駐，於城市建築中，還原天地的滋味。
				</div>
				<div class="sub_title d-sm-none d-xs-block">				
					石牌公園生態多樣<br/>
					其間兩棵60年以上原生老榕<br/>
					極具歷史，松鼠、麻鷺、蝴蝶、青蛙…<br/>
					<中租御景>搭配四季植被<br/>
					自然開花、結果，誘鳥誘蝶的設計<br/>
					吸引公園生態進駐<br/>
					於城市建築中，還原天地的滋味。
				</div>
			</div >
						
			<div id="slider11" class="carousel slide d-none d-sm-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider11" data-slide-to="0" class="active"></li>
					<li data-target="#slider11" data-slide-to="1"></li>
					<li data-target="#slider11" data-slide-to="2"></li>
					<li data-target="#slider11" data-slide-to="3"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/place/web/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/place/web/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/place/web/03.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/place/web/04.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider11" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider11" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
						
			<div id="slider12" class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider12" data-slide-to="0" class="active"></li>
					<li data-target="#slider12" data-slide-to="1"></li>
					<li data-target="#slider12" data-slide-to="2"></li>
					<li data-target="#slider12" data-slide-to="3"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/place/mobile/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/place/mobile/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/place/mobile/03.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/place/mobile/04.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider12" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider12" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
		</section>
		
		<section id="a2">
			<div class="title_font_center">
				<h2>繼天母一莊、天母御莊<br/>
					中租集團　細膩大作
				</h2>
				
				<div class="sub_title d-none d-sm-block">				
					繼<天母一莊>、<天母御莊>披戴市場掌聲，秉持「多年一作、只做最好」的企圖<br/>
					2018年中租建設再現莊園傳奇，轉化人親土親的鄰里關係，昇華為新世代家庭生活的甜蜜<br/>
					「心靈莊園」的住居烏托邦，近在咫尺、不必遠求。
				</div>
				<div class="sub_title d-sm-none d-xs-block">				
					繼<天母一莊>、<天母御莊>披戴市場掌聲<br/>
					秉持「多年一作、只做最好」的企圖<br/>
					2018年中租建設再現莊園傳奇<br/>
					轉化人親土親的鄰里關係<br/>
					昇華為新世代家庭生活的甜蜜<br/>
					「心靈莊園」的住居烏托邦，近在咫尺、不必遠求。
				</div>
			</div >
						
			<div id="slider21" class="carousel slide d-none d-sm-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider21" data-slide-to="0" class="active"></li>
					<li data-target="#slider21" data-slide-to="1"></li>
					<li data-target="#slider21" data-slide-to="2"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/team/web/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/team/web/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/team/web/03.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider21" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider21" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
						
			<div id="slider22" class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider22" data-slide-to="0" class="active"></li>
					<li data-target="#slider22" data-slide-to="1"></li>
					<li data-target="#slider22" data-slide-to="2"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/team/mobile/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/team/mobile/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/team/mobile/03.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider22" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider22" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
		</section>
		
		<section id="a3">
			<div class="title_font_center">
				<h2>巨擘團隊　近乎完美<br/>
					珍藏大師的手作精品
				</h2>
				
				<div class="sub_title d-none d-sm-block">				
					中租建設延攬國內外最佳團隊<br/>
					包括【宏盛帝寶建築團隊】三大建築師事務所、【101世界級工程巨擘】永峻結構工程<br/>
					【頂級豪宅空間推手】築內國際、【國際首席庭園設計】瀚翔景觀、【國家級燈光大師】袁宗南<br/>
					大師小品、親力親為，成為北市最值得收藏的絕品之作！
				</div>
				<div class="sub_title d-sm-none d-xs-block">				
					中租建設延攬國內外最佳團隊<br/>
					包括【宏盛帝寶建築團隊】三大建築師事務所<br/>
					【101世界級工程巨擘】永峻結構工程<br/>
					【頂級豪宅空間推手】築內國際<br/>
					【國際首席庭園設計】瀚翔景觀<br/>
					【國家級燈光大師】袁宗南<br/>
					大師小品、親力親為，成為北市最值得收藏的絕品之作！
				</div>
			</div >
						
			<div id="slider31" class="carousel slide d-none d-sm-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider31" data-slide-to="0" class="active"></li>
					<li data-target="#slider31" data-slide-to="1"></li>
					<li data-target="#slider31" data-slide-to="2"></li>
					<li data-target="#slider31" data-slide-to="3"></li>
					<li data-target="#slider31" data-slide-to="4"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/house/web/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/web/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/web/03.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/web/04.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/web/05.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider31" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider31" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
						
			<div id="slider32" class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider32" data-slide-to="0" class="active"></li>
					<li data-target="#slider32" data-slide-to="1"></li>
					<li data-target="#slider32" data-slide-to="2"></li>
					<li data-target="#slider32" data-slide-to="3"></li>
					<li data-target="#slider32" data-slide-to="4"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/house/mobile/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/mobile/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/mobile/03.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/mobile/04.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/house/mobile/05.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider32" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider32" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
		</section>		
		
		<section id="a4">
			<div class="title_font_center">
				<h2>6級抗震、耐震標章<br/>
					銀級綠建築標章 雙重認證
				</h2>
				
				<div class="sub_title d-none d-sm-block">				
					<中租御景>地質條件優異，約41.2米處為硬度最高N>100的「安山岩塊」<br/>
					不含砂性土壤、無液化疑慮，抗震係數更提升至0.26g，耐震度達6級，優於建築業標準！<br/>
					並申請嚴格的「耐震標章」，是至高品質保證；<br/>
					以及銀級綠建築標章，同時符合8項綠化指標，全面優化生活品質。<br/>
					【本工程之特別監督單位將聘請負責台北101大樓結構設計與監造之永峻工程顧問股份有限公司】
				</div>
				<div class="sub_title d-sm-none d-xs-block">				
					<中租御景>地質條件優異<br/>
					約41.2米處為硬度最高N>100的「安山岩塊」<br/>
					不含砂性土壤、無液化疑慮，抗震係數更提升至0.26g<br/>
					耐震度達6級，優於建築業標準！<br/>
					並申請嚴格的「耐震標章」，是至高品質保證；<br/>
					以及銀級綠建築標章<br/>
					同時符合8項綠化指標，全面優化生活品質。<br/>
					【本工程之特別監督單位將聘請負責台北101<br/>
					大樓結構設計與監造之永峻工程顧問股份有限公司】
				</div>
			</div >
						
			<div id="slider41" class="carousel slide d-none d-sm-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider41" data-slide-to="0" class="active"></li>
					<li data-target="#slider41" data-slide-to="1"></li>
					<li data-target="#slider41" data-slide-to="2"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/standard/web/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/standard/web/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/standard/web/03.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider41" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider41" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
						
			<div id="slider42" class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider42" data-slide-to="0" class="active"></li>
					<li data-target="#slider42" data-slide-to="1"></li>
					<li data-target="#slider42" data-slide-to="2"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/standard/mobile/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/standard/mobile/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/standard/mobile/03.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider42" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider42" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
		</section>		
		
		<section id="a5">
			<div class="title_font_center">
				<h2>石牌國中、小　一路直升<br/>
					北市頂尖學區 贏在起跑點
				</h2><br/>
				
				<div class="sub_title d-none d-sm-block">				
					石牌國中、石牌國小是北市首屈一指的額滿學校<br/>
					<中租御景>擁抱學區優勢，讓最具前瞻的家長早早設籍<br/>
					從石牌國小到石牌國中，連貫一條龍升學路徑，體貼父母、祖父母以19-37坪的低門檻產品，滿足孟母的心願！
				</div>
				<div class="sub_title d-sm-none d-xs-block">				
					石牌國中、石牌國小是北市首屈一指的額滿學校<br/>
					<中租御景>擁抱學區優勢，讓最具前瞻的家長早早設籍<br/>
					從石牌國小到石牌國中，連貫一條龍升學路徑<br/>
					體貼父母、祖父母以19-37坪的低門檻產品，滿足孟母的心願！
				</div>
			</div >
						
			<div id="slider51" class="carousel slide d-none d-sm-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider51" data-slide-to="0" class="active"></li>
					<li data-target="#slider51" data-slide-to="1"></li>
					<li data-target="#slider51" data-slide-to="2"></li>
					<li data-target="#slider51" data-slide-to="3"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/school/web/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/school/web/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/school/web/03.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/school/web/04.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider51" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider51" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
						
			<div id="slider52" class="carousel slide d-sm-none d-xs-block" data-ride="carousel">
				<!-- Indicators -->
				<ul class="carousel-indicators">
					<li data-target="#slider52" data-slide-to="0" class="active"></li>
					<li data-target="#slider52" data-slide-to="1"></li>
					<li data-target="#slider52" data-slide-to="2"></li>
					<li data-target="#slider52" data-slide-to="3"></li>
				</ul>

				<!-- The slideshow -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="template/image/school/mobile/01.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/school/mobile/02.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/school/mobile/03.jpg" class="carousel_img">
					</div>
					<div class="carousel-item">
						<img src="template/image/school/mobile/04.jpg" class="carousel_img">
					</div>
				</div>

				<!-- Left and right controls -->
				<a class="carousel-control-prev" href="#slider52" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#slider52" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>
			</div>
		</section>	
		
		<section id="a6">
			<div class="col-12 page_info">
				<div class="row">
					<div class="col-lg-5">
						<img src="template/image/testimonials-1.jpg" class="img-fluid base_info">
					</div>

					<div class="col-lg-7">
						<h5 class="title_font base_info_title">基本資料</h5>
						<div class="base_info_content">
							【基地位置】台北市北投區石牌路一段39巷<br/>
							【預約專線】(02) 2828-1888<br/>
							<a href="https://www.facebook.com/%E4%B8%AD%E7%A7%9F%E5%BE%A1%E6%99%AF-245013296045672/" target="_blank">【FB】</a><br/>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section id="a7">			
			<div class="col-12">
				<?php echo '<script'; ?>
 src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyAmYX_uU3z7Dqe2Su13FkVTeiD9GapRNo4"><?php echo '</script'; ?>
>
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3612.530268294069!2d121.50769241536187!3d25.117757441081995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442aef3ecad4c61%3A0x236040f26c7742d0!2zMTEy5Y-w5YyX5biC5YyX5oqV5Y2A55-z54mM6Lev5LiA5q61Mznlt7cxMzHlvIQy6Jmf!5e0!3m2!1szh-TW!2stw!4v1527858092836" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
			</div>
		</section>
		
		<section id="a8">
			<div class="col-12 page_contact">
			<div class="overlay"></div>
			<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
				<h2 class="mb-4 page_contact_title">立即預約</h2>
				<div class="row">
					<div class="col-md-12"> 
						<div class="form-row mb-1 mb-md-3">
							<input type="email" class="form-control form-control-lg d-block" placeholder="請輸入姓名" id="contact_name"> 
						</div>
						<div class="form-row mb-1 mb-md-3">
							<input type="email" class="form-control form-control-lg d-block" placeholder="請輸入電話" id="contact_phone"> 
						</div>
						<div class="form-row mb-1 mb-md-3">
							<input type="email" class="form-control form-control-lg d-block" placeholder="請輸入電子郵件" id="contact_mail"> 
						</div>
						<div class="form-row mb-1 mb-md-3">
							<select class="form-control form-control-lg d-block" required="" id="contact_need">
								<option value="">您目前需求的房數</option>
								<option value="1 房">1 房</option>
								<option value="2 房">2 房</option>
								<option value="3 房">3 房</option>
							</select>
						</div>
					</div>
				</div>

				<div class="row mt-2">  
					<div class="col-xl-12 mx-auto">
						<p class="text-left text-light mb-3">你所登錄的個人資料將做為以下用途<br>
						(一)本網站所載之相關事項通知(二)客戶管理與服務(三)本公司行銷業務之推廣本案實際內容以現場公布為準</p>
						<div class="form-check">
							<p class="text-left text-light">
							<label class="form-check-label">
							<input type="checkbox" class="form-check-input" id="agree_contact">
							本人已知悉以上個人資料蒐集聲明事項
							</label></p>
						</div>
					</div>
				</div>

				<div class="form-row">
					<div class="col-md-12">
					<a class="btn btn-block btn-lg btn-secondary" id="send_mail">送出表單</a>
					</div>
				</div>
			</div>
			</div>
		</section>
		
		<?php $_smarty_tpl->_subTemplateRender("file:lib/footer.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0, false);
?>

	</div>
	
	<div class="gototop">
		<a href="#" onclick="goto_level('a0')"><i class="fa fa-arrow-up" style="color:white"></i></a>
	</div>
	
	<?php echo '<script'; ?>
>
		document.getElementById("menu_bar").style.top = "0px";
		
		
		$("#send_mail").click(function(){
			var contact_name = $("#contact_name").val();
			var contact_phone = $("#contact_phone").val();
			var contact_mail = $("#contact_mail").val();
			var contact_need = $("#contact_need").val();
			var agree_contact = $("#agree_contact").is(':checked') ? 1 : 0;
			var error_msg = "";
			
			if(contact_name == "") error_msg += "請輸入姓名\n";
			if(contact_phone == "") error_msg += "請輸入電話\n";
			if(contact_need == "") error_msg += "請選擇需求的房數\n";
			if(agree_contact == 0) error_msg += "請同意透過電話或E-mail方式與您聯絡";
			
			if(error_msg != ""){
				swal({
					title: '系統訊息',
					text: error_msg,
					type: 'warning',
					showCancelButton: false, 
					showConfirmButton: true,
					confirmButtonText: '確定'
				});
				return false;
			}
			
			sendsucess();
			
			var data = "&contact_name="+contact_name+
						"&contact_phone="+contact_phone+
						"&contact_mail="+contact_mail+
						"&contact_need="+contact_need+
						"&agree_contact="+agree_contact;
			
			// 發ajax去寄信
			$.ajax({
				type: "POST",
				url: "ajax/manage.php",
				data: "ajax=send_mail"+data,
				success: function(data){
					var obj = JSON.parse(data);
					if(obj.status == "1"){
						swal({
							title: '系統訊息',
							text: obj.msg,
							type: 'success'
						},function(isConfirms){
							$("#contact_name").val("");
							$("#contact_phone").val("");
							$("#contact_mail").val("");
							$("#contact_need").val("");
							$("#agree_contact").prop("checked", false);
						});
					}else{
						swal({
							title: '系統訊息',
							text: obj.msg,
							type: 'warning'
						});
					}
				}
			});	
		});
	<?php echo '</script'; ?>
>
	
</html>

<?php }
}
