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

	body,html {
		font-family: 'Kanit','Roboto' !important;
		letter-spacing: 0.035rem !important;
	}
	.col-md-4 {
		padding-bottom: 30px !important;
		/*padding-left: 30px !important;
		padding-right: 30px !important;*/
	}
	.col-md-4 img {
		width:100%;
		max-height:240px;
	}

    #content-list {
        margin-left:-20px;
        margin-right:5px;
    }

	.rpns{  
	  display: -webkit-box;  
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: stretch;
	  -webkit-align-items: stretch;
		  -ms-flex-align: stretch;
			  align-items: stretch;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	} 	
	
    
    .select-book a {
        color: rgba(0, 0, 0, 0.5);
        text-decoration: none;
    }
	.select-book {
		text-align: center;
		letter-spacing: 0.035rem !important;
		color: rgba(0, 0, 0, 0.5);
		text-transform: uppercase;
		font-size: 24px;
		padding: 20px 40px;
	}
	.select-book:after, .select-book:before {
		content: " ";
		bottom: 0px;
		max-width: 460px;
		height: 1px;
		background-color: rgba(0, 0, 0, 0.31);
		display: block;
		margin: 15px auto;
		opacity: 0.5;
	}		
	#bname{
		font-family: 'Kanit','Roboto'  !important;	
		font-size: 18px;
		letter-spacing: 0.035rem;
		color: #63320e;
		font-weight: 400;
	}			
	#footer {
		color: #666 !important;
		font-weight: 300 !important;
	}
	#footer a {
		color: #666 !important;
		font-family: 'Kanit','Roboto' !important;	
		font-size: 13px !important;
		text-decoration: none !important;	
		letter-spacing: 0.035rem !important;
		font-weight: 300 !important;
	}		
	.excerpt {
		font-weight:300;
		font-size:14px;
		padding:5px 0;		
	}
	.topic {
		font-weight:400;
		font-size:18px;
		padding:2px 0;
	}
	.topic_link {
        color:#666 !important;
        text-decoration: none !important;
	}
	.category {
		font-weight:500;
		font-size:14px;
		padding-top:10px;
		color:#666;
	}
	.category_link {
		color:#888 !important;
	}
	
	.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:20px;
		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; 	
	}