@charset "utf-8";
/* CSS Document */
body
{
	font-family:SimSun, Microsoft Yahei, Verdana, Arial, Helvetica, sans-serif;
}
.article-title
{
	position:absolute;
	right:80px;
	top:150px;
	height:50vh;
	width:110px;
	letter-spacing:6px;
	line-height:40px;
	font-size:28px;
	color:#000;
	text-shadow: -1px 1px 5px #fff;
	font-weight:700;
	font-family:SimSun,Microsoft Yahei;
	overflow:hidden;
}
.article-area
{
	position:absolute;
	margin:auto;
	right:0;
	left:0;
	top: 185px;
	height:58vh;
	width:900px;
	max-width:65vw;
	letter-spacing:6px;
	line-height:40px;
	font-size:16px;
	color:#315a5a;
	text-shadow: -1px 1px 5px #fff;
	font-weight:600;
	font-family:SimSun,Microsoft Yahei;
	overflow:hidden;
}
.article-text
{
	position:absolute;
	top:0;
	right:0;
}


@media screen and (max-width:768px) {
	.article-title
	{
		top:100px;
		height:340px;
		font-size:18px;
	}
	.article-area
	{
		top: 120px;
		right:35vw;
		width:50vw;
		font-size:14px;
		font-weight:400;
	}
	
	
	.article-text
	{ 
		animation: moveit 20s linear 0.5s; /* [name 名稱] [duration 時間] [timing-function 特效] [delay 延遲] */
	}
	@keyframes moveit
	{
		0%{ right:0px; }
		100%{ right: -400px; }
	}
	
}