@charset "utf-8";

@import url("/Web-home/fnct/bbs/JW_bbs_table/css/style.css");

/* Thumnail-list */
.albumWrap{margin-bottom:5rem;}
.albumWrap .deleteArtclSeqs{position:absolute;left:1rem;left:1rem;}
.albumWrap > ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 5rem;}
.albumWrap > ul > li{position: relative;overflow: hidden;border:1px solid #e2e2e2;transition:all ease .3s;}
.albumWrap > ul > li:hover{border-color:#6b1b1f;}
.albumWrap a{transition:all ease .3s;display:block;position:relative;}

.albumWrap .thum{height:31rem;overflow:hidden;position:relative;}
.albumWrap .thum img{width:100%;height:100%;object-fit:cover;object-position: top;transition: ease all 1s;}
.albumWrap ul li:hover .thum img{transform:scale(1.1);}

.albumWrap .conts{overflow:hidden;padding:2rem;background:#fafafa;}
.albumWrap .conts .sub{display:none;}
.albumWrap .conts .title{display:flex;align-items:center;margin-bottom:1rem;}
.albumWrap .conts .title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:2rem;font-family:'pre-sb';color:#111;line-height:1;width:calc(100% - 3rem);display:block;}
.albumWrap .conts .contentTxt{display:none;}

.albumWrap .conts .detail{display:flex;align-items:center;}
.albumWrap .conts .detail li{font-family:'pre-r';font-size:1.6rem;color:#666;position: relative;display:flex;align-items:center;}
.albumWrap .conts .detail li strong{font-weight:normal;font-family:'pre-r';display:flex;align-items:center;}
.albumWrap .conts .detail li strong::after{content:":";padding:0 0.3rem;}
.albumWrap .conts .detail li:before{content:'';width:1px;height:1.4rem;background:#ccc;margin:0 1rem;}
.albumWrap .conts .detail li:nth-child(1){padding-left:0;}
.albumWrap .conts .detail li:nth-child(1)::before{display:none;}
.albumWrap .conts .detail li.file{display:none;}
.albumWrap .conts .detail li img{width:3rem;}
.albumWrap .conts strong.title p{display:inline-block;}

.albumWrap .new,
.albumWrap .lock,
.albumWrap .clsdr,
.albumWrap .link{width:2rem;height:1.9rem;display:block;margin-right:1rem;text-indent:-99999999px;}
.albumWrap .new{background:url('../images/new_2.png') no-repeat center;}
.albumWrap .lock{background:url('../images/lock.png') no-repeat center;}
.albumWrap .clsdr{background:url('../images/clsdr.png') no-repeat center;}
.albumWrap .link{background:url('../images/link.png') no-repeat center;}

@media screen and (max-width:1280px){
    .albumWrap > ul{gap:2rem;}
	.albumWrap .thum{height:21rem;}
    .albumWrap .conts .detail li strong{display:none;}
}
@media screen and (max-width:768px){
    .albumWrap > ul{display:block;}
    .albumWrap > ul > li{margin-bottom:2rem;}
	.albumWrap > ul > li:last-child{margin-bottom:0;}
	.albumWrap .thum{height:auto;width:100%;max-height:21em;}
}