#back-number{min-height:600px}#back-number .headline{padding-top:30px}#back-number .headline img{width:200px}#back-number .headline h1{padding:10px;font-size:26px}#back-number .filter{padding-top:10px}#back-number .filter ul{display:inline-block;border-top:1px dotted #CCC;border-bottom:1px dotted #CCC}#back-number .filter ul li{float:left;margin:10px 15px}#back-number .filter ul li a{color:#473926}#back-number .filter ul li.active a,#back-number .filter ul li:hover a{font-weight:700}#back-number .gallery{padding:30px}#back-number .gallery .special-item{border:1px solid #473926;height:270px;margin-bottom:15px;background:#fff;-webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,.25);-moz-box-shadow:0 2px 5px -2px rgba(0,0,0,.25);-o-box-shadow:0 2px 5px -2px rgba(0,0,0,.25);-ms-box-shadow:0 2px 5px -2px rgba(0,0,0,.25);box-shadow:0 2px 5px -2px rgba(0,0,0,.25)}#back-number .gallery .special-item .image-shot{position:relative;height:128px;background-position:center;background-size:cover}#back-number .gallery .special-item .image-shot .special-item-info{position:absolute;top:0;left:0;right:0}#back-number .gallery .special-item span.tag{display:inline-block;color:#fff;font-weight:700;padding:5px;margin-bottom:3px}#back-number .gallery .special-item span.tag.now{background-color:#F1C40F!important}#back-number .gallery .special-item.event span.tag{background-color:#2ECC71}#back-number .gallery .special-item.campaign span.tag{background-color:#00ADFF}#back-number .gallery .special-item.feature span.tag{background-color:#FF5200}#back-number .gallery .special-item.scholarship span.tag{background-color:#00ADFF}#back-number .gallery .special-item.seminar span.tag{background-color:#FF5200}#back-number .gallery .special-item.award span.tag{background-color:#b263e5}#back-number .gallery .special-item.radio span.tag{background-color:#af1571}#back-number .gallery .special-item.book_club span.tag{background-color:#00918a}#back-number .gallery .special-item .about{position:relative;height:130px;overflow:hidden;padding:10px;margin-bottom:10px}#back-number .gallery .special-item .about p.up-date{color:#737373;font-size:12px}#back-number .gallery .special-item .about h3{font-size:18px;margin-bottom:6px}#back-number .gallery .special-item .about .description{color:#999}#back-number .gallery .special-item .mask{position:absolute;top:0;right:0;bottom:0;left:0;color:#333;background:#fff;transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;width:100%;opacity:0}#back-number .gallery .special-item .mask p{opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1) 0s;-moz-transition:all .5s cubic-bezier(.175,.885,.32,1) 0s;-ms-transition:all .5s cubic-bezier(.175,.885,.32,1) 0s;-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1) 0s}#back-number .gallery .special-item .mask p.icon{padding-top:25px;transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px)}#back-number .gallery .special-item .mask p.text{text-decoration:underline;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px)}#back-number .gallery .special-item:hover .mask{opacity:.9}#back-number .gallery .special-item:hover .mask p{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}