<!doctype html>
<!--[if IE 8 ]><html dir="ltr" lang="zh-TW" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh-TW" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="zh-TW">
<!--<![endif]-->
<head>
<!--[if lt IE 9]>
<script src="/js/html5.js"></script>
<![endif]-->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<title><?# webTitle ?></title>	
<meta name="author" content="<?# webTitle ?>" />
<meta name="copyright" content="<?# webName ?>版權所有" />
<meta name="description" content="<?# webDescription ?>" />
<meta name="distribution" content="Taiwan" /> 
<meta name="keywords" content="<?# webKeyword ?>" />
<meta name="format-detection" content="telephone=no" />
<meta property="og:url" content="<?# RelLink ?><?# REQUESTURI ?>" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?# ogTitle ?>" />
<meta property="og:description" content="<?# ogDescription ?>" />
<meta property="og:image" content="<?# ogImage ?>" />
<link href="/css/<?# webTemplates ?>/main.css" rel="stylesheet">
<link href="/css/<?# webTemplates ?>/index.css" rel="stylesheet">
<script src="/jquery/jquery-1.10.js"></script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<?# bodyTopHTML ?>
<div style="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<?# webH1 ?>
<div class="wrapper">
    <?# header ?>
    <?# banner ?>
	<div id="content">
        <div class="controller grid">
        	<div class="grid-sizer"></div>
            <?# indexArticle ?>
            <?# indexProduct ?>
            <?# indexNews ?>    
            <div class="grid-item" id="ssbanner">
                <div class="speBox wow">
                	<h2 class="speBoxTitle"><?# evaTeat1 ?></h2>
                    <div id="comprehensive" class="across-the-board">
                        <div class="bxslider <?# customClass ?>">
                            <php:repeater id="listPT">
                            <template>
                            <div><a href="<?# Link ?>" title="<?# Title ?>" target="_blank" style="background-image:url(<?# Image ?>);"><img src="/images/15/ssbanner-blank.png" alt="<?# Title ?>" /></a></div>
                            </template>
                            </php:repeater>
                        </div>
                        <div id="freebox">
                            <div id="freeboxlist">
                                <php:repeater id="listC">
                                <template>
                                <div>
                                    <section class="free">
                                        <h4><?# CustomTitle ?></h4>
                                        <p><?# CustomContent ?></p>
                                    </section>
                                </div>
                                </template>
                                </php:repeater>
                            </div>
                        </div>
                	</div>	
                    <h3 class="subBoxTitle"><?# evaTeat2 ?></h3>
                </div>
            </div>
            <div class="flowerA float"></div>
            <div class="flowerA float flowerC"></div>
            <div class="flowerB float"><img src="/images/15/bg-flower-B.png"></div>
        </div>
        <?# indexBook ?>
    </div>
    <?# googlemapBody ?>
    <?# footer ?>
</div>
</div>
</body>
</html>
<script src='/jquery/imagesloaded.pkgd.js'></script>
<script type="text/javascript" src="/jquery/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="/jquery/jquery.parallax-1.1.3.js" defer></script>
<script language="javascript">
	$(function(){
		$("[data-fancybox]").fancybox({
			youtube : { controls : 0,showinfo : 0 },
			vimeo : { color : 'f00' }
		});
		var $grid = $('.grid').masonry({
		  itemSelector: '.grid-item',
		  percentPosition: true,
		  columnWidth: '.grid-sizer' 
		});
		$grid.imagesLoaded().progress(function () {
		  $grid.masonry();
		});							
		$('.bxslider').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: true,
			arrows: false
		});
		$('#freeboxlist').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: true,
			arrows: false
		});
		$('.flowerA').parallax("50%", 0.4);
		$('.flowerC').parallax("50%", 1);
	});
	
	document.body.oncopy = event => {
		event.preventDefault();
		let textFont,
		copyFont = window.getSelection(0).toString();
		if(copyFont.length > 10){
			textFont = copyFont + '\n\n' + '原文網址: <?# webTitle ?> <?# RelLink ?><?# REQUESTURI ?>\n' + '著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。';
		}else{
			textFont = copyFont;
		}
		if(event.clipboardData){
			return event.clipboardData.setData('text', textFont);
		}else{// 相容IE
			return window.clipboardData.setData('text', textFont);
		}
	};
</script>