@charset "utf-8";

#wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#slider{
  width: 100%;
  margin:0 auto 30px;
  list-style: none;
}
.slide-item{
  width: 100%;
  text-align: center;
}
/* .slide-item img{
  object-fit: cover;
  max-height: 520px;
  width: 100%;
  height: auto;
} */
.slide-item img{
  object-fit: cover;
  height: 520px;
  width: auto;
  max-height: 520px;
  max-width: 670px;
  margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
}
#thumbnail-list{
  margin: 0 auto;
  display: flex;
  /* justify-content: space-between; */
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
}
.thumbnail-item {
  display: inline-block;
  width: calc(20% - 4px);
  margin: auto 2px 5px;
  opacity: 0.5;
  text-align: center;
  cursor:pointer;
  border: double 4px #84848c;
}
/* .thumbnail-item img {
  cursor:pointer;
  border: double 4px #84848c;
  object-fit: cover;
  margin: 0 auto;
  width: 100%;
  height: 80px;
} */
.thumbnail-item img {
  object-fit: cover;
  margin: 0 auto;
  height: 80px;
  width: auto;
  max-height: 80px;
  max-width: 100%;
  margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
}
.thumbnail-item img:hover {
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	-webkit-transform: scale(0.94);
	-moz-transform: scale(0.94);
	-o-transform: scale(0.94);
	transform: scale(0.94);
}
.thumbnail-item:hover{ opacity: 1; }
.thumbnail-current{ opacity: 1; }
/* .thumbnail-current img{ border: double 4px #5b5b61; } */
.thumbnail-current:hover{ opacity: 0.5; }
@media screen and (max-width:767px){
  .slide-item img {
    height: auto !important;
  	width: 100% !important;
    max-height: none;
    max-width: none;
  }
  .thumbnail-item{
    width: calc(25% - 10px);
  }
}
@media screen and (max-width: 480px) {

 .thumbnail-item{
    width: calc(25% - 20px);
 }

.thumbnail-item img {
    height: 40px;

}


}