/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 02 2023 | 01:48:08 */
/* section1 */
.section1{
	width: 100%;
	height: auto;
	background-color: #fff;

}
.section1 .article {
	padding: 10% 5% 0 5%;
}
.section1 .topiclabel {
	padding: 2% 0;
	color: #00C7B1;
}
.section1 .date {
	padding: 3% 0 2% 0;
}
.section1 .mainphoto {
		text-align: center;
    padding: 5% 0;
}
.section1 .mainphoto img{
    border-radius: 10px;
}
img{
    border-radius: 10px;
}
/* scroll bt*/
.section1 .gonext {
	height: 50px;
	width: 50px;
	right: 50%;
	bottom: 1vh;
	background-image: url(https://www.optoma.com/wp-content/uploads/2023/06/gonext.png);
	background-repeat: no-repeat;
	margin-right: -25px;
	cursor: pointer;
	z-index: 4;
	position: absolute;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section1 .gonext:hover {
	opacity: 0.5;
}

.animation_topmove {
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	/*animation: show-2 5s ease-in-out infinite（infinite参数可以设置重复播放）*/
	animation: topmove 2s ease 1s infinite forwards;
	-moz-animation: topmove 2s ease 1s infinite forwards;
	-webkit-animation: topmove 2s ease 1s infinite forwards;
}
/*動畫*/
@keyframes topmove {
0%   {transform: translate(0,0);}
50% {transform: translate(0, 20px);}
100%  {transform: translate(0,0);}
}
@-moz-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}
@-webkit-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}	
/* section2*/
.section2{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.section2 .article {
	padding: 0 5%;
}
.section2 .subtitle {
	padding: 2% 0;
}
.section2 .content {
	padding: 0 0 5% 0;
}
.section2 .photo {
	padding: 0 0 5% 0;
}
	
/* section3 */
.sectionEnd{
	padding-bottom: 5%;
}