<!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, user-scalable=0" />
<title><?# webTitle ?></title>
<meta name="keywords" content="<?# webKeyword ?>" />
<meta name="description" content="<?# webDescription ?>" />
<meta property="og:title" content="<?# webTitle ?>"/>
<meta property="og:type" content="<?# webDescription ?>"/>
<meta property="og:url" content="<?# HTTPHOST ?><?# REQUESTURI ?>"/>
<meta property="og:image" content="<?# HTTPHOST ?><?# logoImage ?>"/>
<link rel="index" title="<?# webTitle ?>" href="<?# RelLink ?>/index.html" />
<link rel="sitemap" type="htm" title="<?# webTitle ?>" href="<?# RelLink ?>/sitemap.xml" />
<link rel="alternate" type="application/rss+xml" href="<?# RelLink ?>/rss.xml" title="<?# webKeyword ?>" />
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/normalize.css">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/main.css">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/layout.css">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/article.css">
<link rel="stylesheet" href="/js/swiper/swiper.min.css">
<script src="/jquery/jquery-1.10.js"></script>
<script src="/jquery/main-jquery.js"></script>
<script src="/js/swiper/swiper.min.js"></script>
<script>
	if('<?# alertMsg ?>' != ''){
		alert('<?# alertMsg ?>');
		if('<?# goBack ?>' == 'Y'){
			history.back();
		}
	}
	if('<?# locationHref ?>' != ''){
		location.href = '<?# locationHref ?>';
	}
</script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<?# bodyTopHTML ?>
<div class="webBox" style="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<div class="wrapper">
    <?# header ?>
    <?# banner ?>
	<div class="inner-wrap">
		<div class="waylink">
			<div class="workframe">
				<p class="Categorytitle">Article <b><?# CategoryName ?></b></p>
				<div id="sideNav">
					<div class="mobnav">
						<a id="sideMenu" href="javascript:void(0);" title="分類選單"><font>分類選單</font><span id="arrowdown"><i class="fa fa-angle-down"></i></span></a>
						<ul class="Cate">
							<li<?# categoryClass ?>><p><a href="<?# htLink1 ?>" title="全部文章">全部文章</a></p>
							</li>
							<php:repeater id="listC">
							<template>
							<li<?# className ?>>
								<p><a href="<?# link ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><?# iLabel ?></p>
								<?# SubList ?>
							</li>
							</template>
							</php:repeater>
						</ul>
					</div>
				</div>
				<ol>
					<li><a title="首頁" href="/">首頁</a></li>
					<li><a title="<?# CategoryName ?>" href="<?# linkC ?>"><?# CategoryName ?></a></li>
					<li><?# Title ?></li>
				</ol>
			</div>
		</div>
	    <div class="wrap">
	   		<div class="content-wrapper">
	   			<div class="workframe">
	   				<div id="content">
						<div id="articleBox">
							<div class="article-content">
								<h1 class="pagetitle"><?# Title ?></h1>
								<div id="describe"><?# Description ?></div>
								<?# GoogleSearch ?>
								<div id="community">
									<ul>
										<li class="fbb"><div class="fb-like" data-href="<?# RelLink ?><?# REQUESTURI ?>" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div></li>
										<li><a href="https://twitter.com/share" class="twitter-share-button" data-lang="zh-tw" data-dnt="true">推文</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
		                                <li><div class="line-it-button" data-lang="zh_Hant" data-type="share-b" data-url="<?# RelLink ?><?# REQUESTURI ?>" style="display: none;"></div></li>
									</ul>
								</div>
							</div>
						</div>
						<div id="sideNav2">
							<?# sidePage ?>
						</div>
						<?# sidePage2 ?>
	           		</div>
	            </div>
			</div>
	    </div>
	</div>
    <?# footer ?>
</div>
</div>
<script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async defer></script>
</body>
</html>
<script>
	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>