.search{
	width:600px;
	height:50px;
	float:right;
	margin-left:220px;
	position:fixed;
	border-radius: 30px;
	padding: 3px 50px 3px 10px;
}
.searcha {
  background-color:#ddd;
  outline: none;
  margin-top: 10px;
  height: 35px;
  font-size: 15px;
  border: 0;
  width: 500px;
  position:fixed;
}
.searchb {
  margin-left:530px;
  margin-top: 10px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid black;
  color: #FFF;
  width: 35px;
  height: 35px;
  outline: 0;
  position:fixed;
}
.left{
	width:150px;
	float:left;
	height:100%;
	position:fixed;
	top:56px;
	margin-right:15px;
	left:0 !important;
	background-color:#002;
	box-shadow:0px 1px 0px 1px #002;
	display:inline;
	overflow-x:hidden;
}
.leftlist,.leftlistop{
	width:144px;
	min-height:40px;
	left:5px;
	margin-top:0px;
	margin-bottom:5px;
	text-align:left;
	background-color:#012;
	position:relative;
	display:block;
	overflow: hidden;
	box-shadow:1px 2px 1px 0px #ddf;
}
.leftlist,.leftlistop:hover{
	animation-name: leftani;
	animation-delay: 1s;
	animation-duration: 3s;
	animation-iteration-count: 2;
	}
@-webkit-keyframes leftani {
  0%   {background-color:#001; left:0px;color:gold;}}
  25%  {background-color:#224; left:2px;color:gold;}}
  50%  {background-color:#228; left:4px;color:gold;}}
  75%  {background-color:#226; left:7px;color:gold;}}
  100% {background-color:#225; left:5px;color:gold;}}
	  }
{}.leftlistop{
	height:45px;
	margin-top:3px;
	box-shadow:1px 1px 5px 1px #8f8;
}
.leftlist:hover,.leftlist:hover .leftp{
	background-color:#112;
	color:#8bf;
	margin-left:3px;
}
.leftp{
	font-size:20px;
	margin-top:5px;
	color:#fff;
	float:left;
}
.leftpl{
	font-size:20px;
	margin-top:5px;
	margin-left:15px;
	margin-bottom:5px;
	color:#edf;
	float:left;
}
.leftpl:hover{
	color:#bdf;
}
.leftsvg{
	width:20px;
	height:20px;
	filter: invert(80%);
	margin-top:10px;
	float:right;
	margin-right:15px;
}
.lmid{
	margin-left:170px;
}
.pageno {
  display: inline-block;}
.pageno a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;}
.pageno a.active {
  background-color: #112;
  color: white;}
.pageno a:hover{background-color: #bbd;}
@media screen and (max-width: 1080px) {
	.logsi{
	visibility:hidden;}
	.search{
	width:100%;}
}