<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<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 ?>/index.css">
<link rel="stylesheet" href="/js/swiper/swiper.min.css">
<script src="/jquery/jquery-1.10.js"></script>
<script src="/js/swiper/swiper.min.js"></script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<?# bodyTopHTML ?>
<div class="webBox" style="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<?# webH1 ?>
<div class="wrapper">
    <?# header ?>
    <?# banner ?>
    <?# indexProduct ?>
    <?# indexNews ?>    
    <?# indexBook ?>  
	<!-- 小廣告 -->
	<div id="ssbanner" class="wow">
    	<div class="container">
	        <div class="bxslider">
	            <php:repeater id="listPT">
	            <template>
	            <div class="ssbanner-item">
		            <div class="photoCircle"><a class="photo" href="<?# Link ?>" style="background-image:url(<?# Image ?>);" title="<?# Title ?>" target="_blank"><img src="/images/28/ssbaner-blank.png" alt="<?# Title ?>" /></a></div>
	                <div class="txt">
	                	<a href="<?# Link ?>" title="<?# Title ?>" target="_blank" class="title"><?# Title ?></a>
	                	<i class="fa fa-chevron-right"></i>
	                </div>
	            </div>
	            </template>
	            </php:repeater>
	        </div>
		    <span class="prev arrow"></span>
		    <span class="next arrow"></span>
    	</div>
	</div>
    <!-- 自定欄位 -->
	<div id="other-content" class="<?# customClass ?>">
		<div class="container">
			<div class="other-set">
				<div class="item">
					<article class="wow">
						<div class="othertitle"><p class="text-clamp"><?# customTitle1 ?></p></div>
						<font class="text-clamp desc"><?# customContent1 ?></font>
					</article>
				</div>
				<div class="item">
					<article class="wow">
						<div class="othertitle"><p class="text-clamp"><?# customTitle2 ?></p></div>
						<font class="text-clamp desc"><?# customContent2 ?></font>
					</article>
				</div>
				<div class="item">
					<article class="wow">
						<div class="othertitle"><p class="text-clamp"><?# customTitle3 ?></p></div>
						<font class="text-clamp desc"><?# customContent3 ?></font>
					</article>
				</div>
			</div>
		</div>
	</div>
	<?# indexArticle ?>
   	<?# googlemapBody ?>
    <?# footer ?>
</div>
</div>
</body>
</html>
<script>
	$(function(){
		$('.bxslider').slick({
			slidesToShow: 3,
			slidesToScroll: 1,
			autoplay: true,
			arrows: false,
			responsive: [{
				breakpoint: 1024,
				settings: { slidesToShow: 2,slidesToScroll: 1 }
			},{
				breakpoint: 640,
				settings: { slidesToShow: 1,slidesToScroll: 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>