@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-141-1{
	width:132px;
	height:42px;
	padding-left: 19px;
	background: url(../images/all-105-1/btn-purple.png) top left no-repeat;
font: 16px/42px 'Kanit', Arial, sans-serif;
}
.more-141-1 a{
	color:#fff;
}
.more-141-1:hover a{
	color:#edd38c;
	cursor:pointer;
}

.more-141-2{
	width: 98px;
	height: 22px;
	padding-left: 19px;
	background: url(../images/all-105-1/arrow.png) right 3px no-repeat;
	font: 17px/20px 'Kanit', Arial, sans-serif;
}
.more-141-2 a{
	color:#333333;
}
.more-141-2:hover a{
	color:#edd38c;
	cursor:pointer;
}

.more-141-3{
	width:132px;
	height:42px;
	padding-left: 24px;
	background: url(../images/all-105-1/btn-brown.png) top left no-repeat;
	font: 16px/42px 'Kanit', Arial, sans-serif;
}
.more-141-3 a{
	color:#fff;
}
.more-141-3:hover a{
	color:#edd38c;
	cursor:pointer;
}

.more-141-4{
	width:132px;
	height:42px;
	padding-left: 24px;
	background: url(../images/all-105-1/btn-purple.png) top left no-repeat;
	font: 16px/42px 'Kanit', Arial, sans-serif;
}
.more-141-4 a{
	color:#fff;
}
.more-141-4:hover a{
	color:#edd38c;
	cursor:pointer;
}

.more-141-5{
	width: 98px;
	height: 22px;
	padding-left: 19px;
	background: url(../images/all-105-1/arrow.png) right 3px no-repeat;
	font: 17px/20px 'Kanit', Arial, sans-serif;
}
.more-141-5 a{
	color: #000;
}
.more-141-5:hover a{
	color: #000000;
	cursor:pointer;
}
.more-56-3{
    width: 97px;
    height: 32px;
	background:url(../images/all-56-1/line.png) bottom center no-repeat;
    font: 21px/22px 'thaisanslite', Arial, sans-serif;
    text-align: center;
	border:2px solid #d59c64;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.more-56-3 a{
	color:#d59c64;
}
.aball {
    overflow-x: scroll;
}

@media (max-width: 575px) { 
.aball-2{
		overflow-x:scroll;
	}
	.more-tv{
	background-color: rgba(0, 25, 82, 0.6);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px 0 10px 0;
	font: 35px/20px 'UIDSALMON2019', Arial, sans-serif;
}

.more-tv a{
	display:inline-block;
	width:100%;
	height:auto;
	color:#fff;
	padding-bottom: 23px;
	background: url(../images/travel-otop/keed.png) 50% 90% no-repeat;
}	
 }
@media (min-width: 576px) and (max-width: 767px) { 
.aball-2{
		overflow-x:scroll;
	}
	
.more-tv{
	background-color: rgba(0, 25, 82, 0.6);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px 0 10px 0;
	font: 35px/20px 'UIDSALMON2019', Arial, sans-serif;
}

.more-tv a{
	display:inline-block;
	width:100%;
	height:auto;
	color:#fff;
	padding-bottom: 23px;
	background: url(../images/travel-otop/keed.png) 50% 9% no-repeat;
}	
 }
@media (min-width: 768px) and (max-width: 991px) { 
.aball-2{
		overflow-x:scroll;
	}
	
.more-tv{
	background-color: rgba(0, 25, 82, 0.6);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px 0 10px 0;
	font: 35px/20px 'UIDSALMON2019', Arial, sans-serif;
}

.more-tv a{
	display:inline-block;
	width:100%;
	height:auto;
	color:#fff;
	padding-bottom: 23px;
	background: url(../images/travel-otop/keed.png) 50% 90% no-repeat;
}		
 }
@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) { 

 }