@charset "UTF-8";

#slider{max-width:1200px;min-width:1000px;margin:0 auto;padding:0 0 20px}.slide-item img{width:100%;height: auto;}#thumbnail-list{width:1000px;margin:0 auto;padding:0 0 60px;flex-wrap:wrap;text-align:center;letter-spacing:-1em}.thumbnail-item{display:inline-block;letter-spacing:0;width:15%;margin:0 2px;border:2px solid #fff;box-sizing:border-box;position:relative;cursor:hand;cursor:pointer}.thumbnail-item:after{content:'';background-color:rgba(0,0,0,.5);position:absolute;display:block;top:0;left:0;width:100%;height:100%;opacity:1;transition:.3s opacity linear}.thumbnail-item.thumbnail-current:after{opacity:0}.thumbnail-item img{width:100%;height: auto; margin:0 auto}.thumbnail-item p{font-size:12px;line-height:20px;position:absolute;bottom:-25px;width:100%;text-align:center;opacity:.5}.thumbnail-current p{opacity:1}
@media screen and (max-width:959px){
#slider,#thumbnail-list{width:100%;margin:0 auto}#slider{min-width:inherit;padding:0 0 2%}.slide-item img{width:100%;height: auto;}#thumbnail-list{padding:0 0 5%;flex-wrap:wrap;text-align:center;letter-spacing:-1em}.thumbnail-item{display:inline-block;letter-spacing:0;width:18%;margin:0;border:2px solid #fff;box-sizing:border-box;position:relative}.thumbnail-item:after{content:'';background-color:rgba(0,0,0,.5);position:absolute;display:block;top:0;left:0;width:100%;height:100%;opacity:1;transition:.3s opacity linear}.thumbnail-item.thumbnail-current:after{opacity:0}.thumbnail-item img{width:100%;height: auto;margin:0 auto}.thumbnail-item p{font-size:12px;line-height:18px;position:absolute;bottom:-23px;width:100%;text-align:center;opacity:.5}.thumbnail-current p{opacity:1}
}
@media screen and (max-width:767px){
#slider,#thumbnail-list{width:100%;margin:0 auto}#slider{min-width:inherit;padding:0 0 2%}.slide-item img{width:100%;height: auto;}#thumbnail-list{padding:0 0 10%;flex-wrap:wrap;text-align:center;letter-spacing:-1em}.thumbnail-item{display:inline-block;letter-spacing:0;width:14%;margin:0 1% 0 0;border:2px solid #fff;box-sizing:border-box;position:relative}.thumbnail-item:after{content:'';background-color:rgba(0,0,0,.5);position:absolute;display:block;top:0;left:0;width:100%;height:100%;opacity:1;transition:.3s opacity linear}.thumbnail-item.thumbnail-current:after{opacity:0}.thumbnail-item img{width:100%;height: auto;margin:0 auto}.thumbnail-item p{display: none;font-size:10px;line-height:16px;position:absolute;bottom:-16px;width:100%;text-align:center;opacity:.5}.thumbnail-current p{opacity:1}
}