@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) { /*桌面*/	
#record{
	border: 0px solid hsla(0,0%,0%,1.00);
	display: flex;
	padding: 2%;
	text-align: center;
	place-items: center; /* 在容器中居中项目 */
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 0px;
}
	
#date_totle{
	display: table;
	margin-left: auto;
	padding: 2%;
	border: 0px solid hsla(0,0%,0%,1.00);
}
	
#page_num{
	display: table;
	margin-right: auto;
	padding: 2%;
	border: 0px solid hsla(0,0%,0%,1.00);
}
	
.page_select{
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border: 1px solid hsla(0,0%,0%,1.00);
	margin-left: 20px;
	margin-right: 20px;
}
.page_previous{
	
}

.page_next{
	
}
	}

	
@media screen and (max-width:600px) { /*行動裝置*/
	
	#record{
	border: 0px solid hsla(0,0%,0%,1.00);
	display: flex;
	padding: 2%;
	text-align: center;
	place-items: center; /* 在容器中居中项目 */
	width: 96%;
}
	
#date_totle{
	display: table;
	margin-left: auto;
	padding: 2%;
	border: 0px solid hsla(0,0%,0%,1.00);
}
	
#page_num{
	display: table;
	margin-right: auto;
	padding: 2%;
	border: 0px solid hsla(0,0%,0%,1.00);
}
	
.page_select{
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border: 1px solid hsla(0,0%,0%,1.00);
	margin-left: 20px;
	margin-right: 20px;
}
.page_previous{
	
}

.page_next{
	
}
	
	}