@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700|Roboto:300,400,500,700&display=swap&subset=thai');

body {
    font-family: 'Roboto','Kanit' !important;
    font-size: 14px !important;
    letter-spacing: 0.027rem !important;
    /*color: #40444f;*/		
    /* background: #e9ebee; */
    background-color: #fff;
    /*border-top: 5px #b66611 solid;  */
    font-weight:300 !important;
}
.container{
    background-color: #fff !important;
    /*padding: 20px 20px;*/
}
#social a {
    color: #444 !important;
}
a{
    color: #63320e !important;
    text-decoration: none !important;
}

.topic {
    font-size: 20px;
    padding: 10px 0 2px 0;
    font-weight:500;
    /*color: #63320e;*/
}

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position:absolute;
	top: 50%;
	left: 50%;
    transform: translateX(-50%) translateY(-50%);	
}



.scrolltop {
	display:none;
	/*width:100%;*/
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#b2b2b2;
	background:rgba(178,178,178,0.7);
	padding: 15px 15px 10px 15px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover {
	background:rgba(178,178,178,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
	
	


@media (max-width: 992px){
    .container{
        clear: both !important;
    }
    .col-md-4{
        padding-top: 20px !important;
    }
}