@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;
	}
.hscroll-none::-webkit-scrollbar {
     display:none;
}

.more-58-1{
	    position: absolute;
    top: 0;
    right: 2px;
    width: 97px;
    height: 32px;
    padding-right: 20px;
    background: #fff url(../images/all-58-1/arrow.png) top right no-repeat;
    font: 23px/25px 'thaisanslite', Arial, sans-serif;
    color: #8e8e8e;
    text-align: center;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.more-58-1 a{
	color:#7f3700;	
}
.more-58-1 a:hover{
	color:#e84c0f;	
}
.more-58-2{

        width: 87px;
    height: 32px;
    padding-right: 20px;
    background: url(../images/all-58-1/arrow.png) top right no-repeat;
    font-size: 16px;
    line-height: 26px;
    color: #8e8e8e;
    text-align: center;
}
.more-58-2 a{
	color:#7f3700;	
}
.more-58-2 a:hover{
	color:#e84c0f;	
}
.more-58-3{
        width: 129px;
    height: 38px;
    background:#162b16;
   font: 23px/35px 'thaisanslite', Arial, sans-serif;
    color: #fff;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
    text-align: center;
}
.more-58-3 a{
	 color: #fff;
}
.more-58-3 a:hover{
	color:#e2c86c;	
}
.more-58-4{
          width: 103px;
    height: 29px;
    background: url(../images/all-58-1/btn-3.png) top left no-repeat;
    font: 22px/25px 'thaisanslite', Arial, sans-serif;
    color: #fff;
    text-indent: 15px;
    text-align: left;
}
.more-58-4 a{
	 color: #fff;
}
.more-58-4 a:hover{
	color:#e2c86c;	
}
@media (max-width: 996px){
	
}
	
@media (max-width: 768px){

	
}
@media (max-width: 425px){
}