@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: 75px;
    height: 30px;
    background: url(../images/arrow.png) top right no-repeat;
    font: 15px/15px 'anakotmai-light', Arial, sans-serif;
    text-indent: 0;
    text-align: left;
	font-weight:bold;
}
.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: 145px;
	height: 49px;
	padding-left:30px;
	background:url(../images/all-120-1/button1.png) top center no-repeat;
	font: 18px/35px 'anakotmai-light', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
	color:#000;	
}
.more-120-2:hover{
	cursor:pointer;
	color:#000;	
}
.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: 26px;
	position:absolute;
	top: 0px;
    right: 0px;
	background:url(../images/all-120-1/arrow-white.png) 100px 14px no-repeat;
	font: 18px/43px 'anakotmai-Medium', Arial, sans-serif;
	text-indent: 0;
	text-align: left;
	color:#fff;
}
.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: 107px;
    height: 31px;
    padding-left: 23px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/all-120-1/button2.png) top center no-repeat;
    font: 16px/30px 'anakotmai-light', Arial, sans-serif;
    text-indent: 0;
    text-align: left;
    color: #fff;
}
.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: 107px;
    height: 31px;
    padding-left: 23px;
    position: absolute;
    top: 10px;
    right: 0px;
    background: url(../images/all-120-1/button3.png) top center no-repeat;
    font: 16px/30px 'anakotmai-light', Arial, sans-serif;
    text-indent: 0;
    text-align: left;
    color: #fff;
}
.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;	
}

.more-120-6{
	width: 107px;
    height: 31px;
    padding-left: 23px;
    position: absolute;
    top: 10px;
    right: 0px;
    background: url(../images/all-120-1/button4.png) top center no-repeat;
    font: 16px/30px 'anakotmai-light', Arial, sans-serif;
    text-indent: 0;
    text-align: left;
    color: #fff;
}
.more-120-6:hover{
	cursor:pointer;
	color:#fff;	
}
.more-120-6 a{
	color:#fff;	
}
.more-120-6 a:hover{
	color:#fff;	
}
.more-120-6:hover a{
	color:#fff;	
}

.more-120-7{
	height:auto;
	position:absolute;
	top:0;
	right:0;
	text-align: right;
}
.more-120-7 img{
	max-width:80%;
	}
.more-120-7 .icon{
	width:50px;
}
.more-120-7 .text{
	width:187px;
	padding-left:30px;
	text-align:left;
	font: 20px/48px 'Kanit', Arial, sans-serif;
}
.more-120-7 .text a{
		color:#144d00;
}
.more-120-7 .text:hover{
	cursor:pointer;
}
.more-141-5{
	width: 121px;
	height: 37px;
	padding-left: 19px;
	background: #a50371 url(../images/all-120-1/arrow-white.png) 96px 9px no-repeat;
	font: 17px/34px 'Kanit', Arial, sans-serif;
}
.more-141-5 a{
	color:#fff;
}
.more-141-5:hover a{
	color:#edd38c;
	cursor:pointer;
}



@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) { 
.more-120-4 {
    right: 40px;
}
 }
@media (min-width: 1367px) and (max-width: 1440px) {
	
	 }
@media (min-width: 1441px) and (max-width: 1600px) { 

 }