.fixed-thead{overflow: auto; height: 450px; margin-top: 10px;position: relative;}
.fixed-thead thead td { position: sticky; top: -1px; background: #f0f0f0;box-shadow: inset 0 -1px 0 #ccc, inset 0 0px 0 #ccc;}
.scroll-center {display: none;}

@media (max-width: 576px){
	.scroll-center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100px;
		height: 100px;
		display: block;
		cursor: pointer;
		z-index: 2;
	}			
	.arrow {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100px;
		width: 100px;
		background: url(/acrylic/img/hand-scroll.png?v=1.01) center center no-repeat rgba(0,0,0,0);
		background-size: 80px 80px;
		animation: animate 3s infinite;
	}
	#table-price{opacity: 0.7;}

	.fixed-thead thead td {
		font-size: 14px;
	}
	
	@keyframes animate{
		0%{
			transform: translateY(0);
			opacity: 1;
		}
		50%{
			transform: translateY(80px);
			opacity: 1;
		}
		100%{
			transform: translateY(0);
			opacity: 1;
		}
	}
}