@charset "utf-8";
/* CSS Document */

body{
	overflow-x:hidden;
}
a:hover{
	text-decoration:none;
}
ul{
	padding:0;
	margin:0;
	}
ul li{
	list-style:none;
	}
	.aball{
		overflow-x:scroll;
	}
		.aball-2{
			
	}
.hscroll-none::-webkit-scrollbar {
     display:none;
}

.more-120-1{
	width: 147px;
	height: 48px;
	padding-left:20px;
	background:url(../images/all-120-1/bg-b1.png) top center no-repeat;
	font: 18px/46px 'Kanit', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
}
.more-120-1:hover{
	cursor:pointer;
}
.more-120-1 a{
	color:#333333;	
}
.more-120-1 a:hover{
	color:#000;	
}
.more-120-1:hover a{
	color:#000;	
}

.more-120-2{
	width: 147px;
	height: 48px;
	padding-left:20px;
	background:url(../images/all-120-1/bg-b2.png) top center no-repeat;
	font: 18px/46px 'Kanit', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
}
.more-120-2:hover{
	cursor:pointer;
}
.more-120-2 a{
	color:#4a4a4a;	
}
.more-120-2 a:hover{
	color:#000;	
}
.more-120-2:hover a{
	color:#01b7e5;	
}

.more-120-3{
	width: 147px;
	height: 55px;
	padding-left:20px;
	background:url(../images/all-120-1/bg-b3.png) top center no-repeat;
	font: 18px/46px 'Kanit', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
}
.more-120-3:hover{
	cursor:pointer;
}
.more-120-3 a{
	color:#fff;	
}
.more-120-3 a:hover{
	color:#fff;	
}
.more-120-3:hover a{
	color:#fff;	
}

.more-120-4{
	width: 147px;
	height: 57px;
	padding-left:20px;
	background:url(../images/all-120-1/bg-b4.png) top center no-repeat;
	font: 18px/46px 'Kanit', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
}
.more-120-4:hover{
	cursor:pointer;
}
.more-120-4 a{
	color:#4a4a4a;	
}
.more-120-4 a:hover{
	color:#625a90;	
}
.more-120-4:hover a{
	color:#625a90;	
}

.more-120-5{
	width: 147px;
	height: 48px;
	padding-left:20px;
	background:url(../images/all-120-1/bg-b5.png) top center no-repeat;
	font: 18px/46px 'Kanit', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
}
.more-120-5:hover{
	cursor:pointer;
}
.more-120-5 a{
	color:#fff;	
}
.more-120-5 a:hover{
	color:#fff;	
}
.more-120-5:hover a{
	color:#fff;	
}

.more-120-6{
	width: 147px;
	height: 48px;
	padding-left: 30px;
	background:url(../images/all-120-1/bg-b1.png) top center no-repeat;
	font: 16px/36px 'Kanit', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
}
.more-120-6:hover{
	cursor:pointer;
}
.more-120-6 a{
	color: #000;
}
.more-120-6 a:hover{
	color:#000;	
}
.more-120-6:hover a{
	color:#000;	
}


@media (max-width: 575px) { 
.aball-2{
		overflow-x:scroll;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.aball-2{
		overflow-x:scroll;
	}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.aball-2{
		overflow-x:scroll;
	}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.aball-2{
		overflow-x:scroll;
	}	
 }
@media (min-width: 1200px) and (max-width: 1280px) { 

 }
@media (min-width: 1281px) and (max-width: 1366px) { 

 }
@media (min-width: 1367px) and (max-width: 1440px) {
	
	 }
@media (min-width: 1441px) and (max-width: 1600px) { 

 }