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

		.pagination-container{
			padding:1em 0 0 ;

			position: relative;
			bottom: 0;
			text-align: center;
			--pnBaseColor:#000;
			--pnSelectColor:#32d6c8;
			--pnBorderColor:#32d6c8;
			--pnTxt:#fff;
			--pnSelectTxt:#000;
		}
		.pagination-container ul{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.pagination-container li{height: 3em; margin:0.2em; position: relative; width: 3em;text-align: center; /*border-radius: 50%;*/
		 background-color: var(--pnBaseColor);border: var(--pnBorderColor) 1px solid;  overflow: hidden; }

		.pagination-container a{
			color: var(--pnTxt);
			width: calc(3em - 2px);
			height: calc(3em - 2px);
			display: block;
			line-height: calc(3em - 2px);

		}

		.pagination-container li.navi-active,.pagination-container li:has(a:hover){

			background-color: var(--pnSelectColor);
			
			
		}
		.pagination-container li.navi-active a,.pagination-container li a:hover{
			color: var(--pnSelectTxt);
		}



		.pagination-container li:nth-child(1){
			/*transform: scale(0.8);*/

		}

		.pagination-container li:last-child{
			/*transform: scale(0.8);*/
		}