@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: SYR;
	src: url("font/SYHTRegular.ttf");
}

html {
  scroll-behavior:smooth;
}

hr{
	color: #C5C5C5;
}

body{
	width: 1024px;
	margin: 0 auto;
	text-align: center;
}

.SYR{
	font-family: SYR;
}

.header{
	height: 240px;
	text-align: center;
	background-image: url("pic/banner.png");
	background-size: auto;
}

.reads{
	text-align: left;
}

.creater{
	text-align: left;
	height: 250px;
}

.creaters{
	border-radius: 50%;
	width: 25px;
	height: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

.creatersback{
	width: auto;
	background-image:url("pic/lines.png");
	background-repeat: repeat-x;
}

.normals{
	font-size: 20px;
	margin-left: 10px;
}

.creates{
	width: 15%;
	height: 15%;
	border-radius: 5px;
	float: left;
	margin-left: 5px;
	border:solid #C5C5C5;
}

.hoverzooms{
	transition: transform 0.3s ease;
	display: inline-block;
}

.hoverzooms:hover{
	transform: scale(1.06);
}

.invs{
	font-style: italic;
	font-weight: bold;
}

.copys{
	text-align: center;
	font-size: 8px;
	color: grey;
}