
	.scrollBox{/*margin: 0 -15px;*/}
	.scrollBox .noselect{position:relative;/*margin: 0 -15px;*/}
	.scrollBox .noselect>b:first-child{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;}
	.scrollBox .noselect[data-m="0"]>b:first-child{z-index:-1;}

.scrollBox{position:relative;/*padding-top:40px;text-align:center*/}
.scrollBox>div{max-width:100%;overflow:hidden;display:inline-block;scroll-behavior: smooth;}
.scrollBox>div>a{position:absolute;top:-45px;z-index: 1;opacity:.8}
.scrollBox>div>a:hover{opacity:1}
.scrollBox>div>div{display:inline-block;white-space:nowrap}

.scrollBox .pub{margin:0 32px 0 0}
.scrollBox .pub:last-child{margin-right:0}

.scrollBox>div>div>div{
	position: relative;display:inline-block;vertical-align:top;margin-right:40px;white-space: normal;
	/*background-color: #eee;*/border: solid 1px transparent;border-radius:10px;overflow: hidden;
}

.scrollBox>div>div>div:last-child{margin-right:0}
.scrollBox > div > div > div>div{display: inline-block;vertical-align:middle;text-align:center;font-size:12px;width: 100%;}
.scrollBox > div > div > div>img{display:block;border:solid 1px transparent;border-radius:10px;cursor:pointer;}
.scrollBox>div>div>div>img:hover{border:solid 1px #3E449A}

.scrollBox .name{position:relative;}
.scrollBox .name:after{
	content:"";
	display: inline-block;
	vertical-align: middle;
	height:45px;
}
.scrollBox h4{font-size:24px;letter-spacing: .1em;text-transform:uppercase}
.scrollBox h4>sup{font-size:14px;}

.scrollBox .name a{
	position:absolute;top:8px;right:5px;
	background-color: #fff;
	padding: 10px;
	border-radius: 50%;
	font-size: 0;
	transition:all .5s;
}
.scrollBox .name a>img{
	display: block;
	background-color: #175967;
	padding: 5px;
	border-radius: 50%;
	transition:all .5s;
}
.scrollBox .name a+div{
	display:inline-block;vertical-align:middle;width:5px;height:60px;
}

.scrollBox .name a:hover{padding:0}
.scrollBox .name a:hover>img{padding:15px}

.scrollBox small{position: absolute;left: 20px;bottom: -20px;}
.scrollBox .adt{
	position:relative;
	text-align: left;
	padding: 20px;
	border-top: solid 1px #fff;
	max-height: 190px;overflow-y: hidden;
}
.scrollBox .adt:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background: linear-gradient(transparent,rgba(240,240,240,1));
}

@media(max-width:600px){
	.scrollBox>div>div>div{max-width:100vw}
	.scrollBox img{/*max-width:100vw*/}
}

