@charset "utf-8";

.page0001{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 3vh 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page0001 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;
	border-radius:5px;
}
.page0001 a:first-child,.page0001 a:last-child{ width: 4.5rem;}

.page0001 a:hover{
	background: var(--OneColor);
	color: var(--FontWhiColor);
}
.page0001 a.page0001_a {
   background: var(--OneColor);
	color: var(--FontWhiColor);
}


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

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

}