@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;
    -webkit-overflow-scrolling: touch;
}
		.aball-2{
			
	}
.hscroll-none::-webkit-scrollbar {
     display:none;
}

.more-120-1{
        width: 75px;
    height: 30px;
    background: url(../images/arrow.png) top right no-repeat;
    font: 16px/13px 'anakotmai-light', Arial, sans-serif;
	font-weight:bold;
    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-11{
    width: 100px;
	height: 40px;
   background: url(../images/arrow-w.png) 80% 50% no-repeat;
    font: 16px/39px 'anakotmai-light', Arial, sans-serif;
	font-weight:bold;
    text-indent: 0;
    text-align: left;
}
.more-120-11:hover{
	cursor:pointer;
}
.more-120-11 a{
	color:#fff;	
}
.more-120-11 a:hover{
	color:#fff;	
}
.more-120-11:hover a{
	color:#fff;	
}

.more-120-2{
	width: 132px;
	height: 40px;
	padding-left:20px;
	background:#fff url(../images/arrow.png) 80% 50% no-repeat;
	font: 16px/39px 'anakotmai-light', Arial, sans-serif;
	font-weight:bold;
	text-indent: 0;
	text-align: left;
	color:#000;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.more-120-2:hover{
	cursor:pointer;
}
.more-120-2 a{
	color:#000;	
}
.more-120-2 a:hover{
	color:#000;	
}
.more-120-2:hover a{
	color:#000;	
}



.more-120-3{
	width: 132px;
	height: 40px;
	padding-left:20px;
	background: #fc24ce url(../images/arrow-w.png) 80% 50% no-repeat;
	font: 16px/39px 'anakotmai-light', Arial, sans-serif;
	font-weight:bold;
	text-indent: 0;
	text-align: left;
	color:#fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.more-120-3:hover{
	cursor:pointer;
	color:#fff;
}
.more-120-3 a{
	color: #fff;
}
.more-120-3 a:hover{
	color:#fff;	
}
.more-120-3:hover a{
	color:#fff;	
}

.more-120-4{
	width: 132px;
	height: 40px;
	padding-left:20px;
	background: #00a2ff url(../images/arrow-w.png) 80% 50% no-repeat;
	font: 16px/39px 'anakotmai-light', Arial, sans-serif;
	font-weight:bold;
	text-indent: 0;
	text-align: left;
	color:#fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.more-120-4:hover{
	cursor:pointer;
	color:#fff;
}
.more-120-4 a{
	color: #fff;
}
.more-120-4 a:hover{
	color:#fff;	
}
.more-120-4:hover a{
	color:#fff;	
}

.more-120-5{
	width: 132px;
	height: 40px;
	padding-left:20px;
	background: #ff9600 url(../images/arrow-w.png) 80% 50% no-repeat;
	font: 16px/39px 'anakotmai-light', Arial, sans-serif;
	font-weight:bold;
	text-indent: 0;
	text-align: left;
	color:#fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.more-120-5:hover{
	cursor:pointer;
	color:#fff;
}
.more-120-5 a{
	color: #fff;
}
.more-120-5 a:hover{
	color:#fff;	
}
.more-120-5:hover a{
	color:#fff;	
}





@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) { 

 }