.top-nav{
	width: 100%;
	display: flex;
	margin-top: 2.5rem;
}
.top-nav>.nav-left{
	width: 20.125rem;
	height: 9.625rem;
}
.top-nav>.nav-left>img{
	width: 100%;
	height: 100%;
}
.top-nav>.nav-right{
	width: calc(100% - 20.125rem);
	margin-top: 7.5rem;
	height:2px;
	background:rgba(112,112,112,1);
}
.atte-contents{
	width: calc(100% - 23px);
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
}
.atte-contents>.atte-content>a>.img>img{
	width: 100%;
	height: 100%;
}
.atte-contents>.atte-content{
	width: 14.375rem;
	margin-top: 3.75rem;
	margin-left: 1.4375rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.atte-content>a>.img{
	width: 100%;
	height: 17.5rem;
	border: 0.625rem solid rgba(83, 83, 83, 1);
}
.atte-content>a>.title{
	height: 2.5rem;
	line-height: 2.5rem;
	width: 100%;
	text-align: center;
	font-size: 1.125rem;
	color:rgba(0,0,0,1);
	font-weight: bold;
}
.pagenumber{
	/*height: 100px;*/
	clear: both;
	text-align: center;
	/*position: absolute;*/
	/*!*right: 51px;*!*/
	/*left:50%;*/
	/*bottom: 0;*/
}
.pagenumber>ul{
	margin-top:60px;
	display: inline-block;
}
.pagenumber>ul>li{
	width: 24px;
	height: 24px;
	background: #434343;
	/* float: left; */
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	margin-left: 18px;
	display: inline-block;
}
.pagenumber>ul>li>a{
	 color:#ffffff !important;
	 display:inline-block;
}
.footer-nav>ul{
	padding-left:0rem !important ;
}
.footer-top a{
	color: #000000 !important;
}
.area-case-tow-a>a:hover{
	color: #00AA88 !important;
}
.area-case-a>a:hover{
	color: #00AA88 !important;
}
/* .uk-lightbox-items>*>* {
    max-width: 100vw;
    max-height: 100vh;
    width: 80% !important;
    height: 70% !important;
} */
.uk-lightbox.uk-open {
    display: block;
    opacity: 1;
    height: 50%;
    width: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
}