<!doctype html>
<html dir="ltr" lang="zh-TW">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.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">
<link href="/jquery/aos/aos.css" rel="stylesheet">
<link href="/css/<?# webTemplates ?>/loading.css" rel="stylesheet">
<script src="/jquery/jquery-1.10.js"></script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<div id="loading">
	<article>
		<img src="/images/46/logo_loading.png">
		<p><i></i></p>
		<div id="loading2"></div>
	</article>
</div>
<?# bodyTopHTML ?>
<div class="webBox" style="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<?# webH1 ?>
<div class="wrapper">
    <?# header ?>
	<div id="bannerBox">
		<?# banner ?>
		<div class="PriceLinkList">
			<php:repeater id="listC">
			<template>
			<div class="PriceLinkItem">
				<a class="Pricemore" href="<?# CustomLink ?>" title="<?# CustomTitle ?>"></a>
					<div class="info">
						<h3><?# CustomTitle ?></h3>
						<span><img class="pos_rel img_cover" src="<?# CustomImage ?>"></span>
					</div>
					<div class="bgDecoBox">
						<div class="Txt">
							<p class="ellipsis"><span class="holder">NT.</span><?# CustomContent ?></p>
						</div>
					</div>
			</div>
			</template>
			</php:repeater>
			<div class="PriceLinkItem">
				<p class="more"><a href="/"><font>READ MORE</font><span></span></a></p>
			</div>
		</div>
	</div>
	<div class="wrap">
		<div id="wrapBox">
			<?# indexArticle ?>
			<?# indexNews ?>
			<?# indexBook ?>
		</div>
		<?# footer ?>
	</div>
</div>
</div>
</body>
</html>
<script src="/jquery/jquery.paroller.min.js"></script>
<script src="/jquery/jquery-inview.js"></script>
<script src="/jquery/aos/aos.js"></script>
<script src="/jquery/jquery.parallax-1.1.3.js"></script>
<script>
	$(window).load(function(){
		$("#loading article").attr("class","hide");
		$("body").css("overflow","inherit");
	});
	$(function(){
		$('[data-paroller-factor]').paroller();
		$('.paroller').paroller({
			factor: 0.4,
			type: 'foreground'
		});
		$('.aos-init').each(function () {
			$(this).on('inview', function (event, isInView) {
				if (isInView) $(this).addClass('aos-animate');
			});
		});
		$('[data-paroller-factor]').paroller();
		
		$('#aboutBox').each(function () {
			$(this).on('inview', function (event, isInView) {
				if (isInView) $(this).addClass('tooolong');
			});
		});

		$('#advertiseBox ul').slick({
			autoplay: true,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 2,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 1025,
				settings: { slidesToShow: 1 }
			}]
		});
	});
	document.body.oncopy = event => {
		event.preventDefault();
		let textFont,
		copyFont = window.getSelection(0).toString();
		textFont = (copyFont.length > 10) ? copyFont + '\n\n' + '原文網址: <?# webTitle ?> <?# RelLink ?><?# REQUESTURI ?>\n' + '著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。' : copyFont;
		return (event.clipboardData) ? event.clipboardData.setData('text', textFont) : window.clipboardData.setData('text', textFont);
	};
</script>