@charset "utf-8";

.page0002{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 3vh 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page0002 a{
	height: 2.5rem;
	width: 2.5rem;
    font-size: 1rem;
    color:  var(--OneColor);
	border: 1px solid  var(--OneColor);
	margin: 0px 0.35rem;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.page0002 a:first-child,.page0002 a:last-child{ width: 4.5rem;}

.page0002 a:hover{
	background: var(--OneColor);
	color: var(--FontWhiColor);
}
.page0002 a.page0002_a {
   background: var(--OneColor);
	color: var(--FontWhiColor);
}


@media screen and (max-width:1023px)and (min-width:300px){

.page0002 a{
	height: 2rem;
	width: 2rem;
	margin: 0px 0.25rem;
}

}