body{
		background-image: url("../images/bg.jpg");
		background-attachment: fixed;
		background-position: top;
		background-repeat: no-repeat;
    	background-size: cover;

	}
.border_menu{
 	background: #ff2f00;
 	font-size: 1em;
}

.border_menu a{
 	background: #ff7d62;
 	font-size: 1em;
}

.pad_row{
	margin-left: 1%;
	margin-right: 1%;

}
.bg_head{
	background-color: #6b3d22;
    padding: 5px;
}
.bg_web{
	background-color: white;
	    padding-top: 1%;
}
.bg_search{
	
}
.bg_body_search{
	
	background: #b7d4ec;
}
.bg_link{
	background: #c19e8a;
	    color: #3c1803;
}
.bg_body_link{
	background: #f1effa;
}
.bg_course{
	background: #c19e8a;
	    color: #3c1803;
}
.bg_news{
	background: #ff2f00;
}
.bg_conf{
	background: #2e3e74;
}
.bg_proj{
	background: #c19e8a;
	    color: #3c1803;
}
.portfolio-item {
  margin-bottom: 5px;
}

.font_spacing{
	letter-spacing: -1pt;
}
.let_spacing{
	letter-spacing: 1pt;
}
.icon_color{
	color: #fff;
}
.box_imgname{
	padding: 8px;
	color: white;
	background: linear-gradient(to right, #cc8e00 10%,#f9d922 53%,#cc8e00 91%);
	
}
.bg_content{
	background-color: #fefefe;
	padding-left: 3%;
    padding-right: 3%;
}
.bg_footer{
	background-color: #6b3d22;
	
}
.lh-1{
	    line-height: 1;
}
.mp-1{
	padding: 0.75rem 1.5rem;
}
.pad_news{
	    padding: 8%;
	    
}

.box_shadow{
	-webkit-box-shadow: 7px 8px 16px -7px rgba(97,94,97,1);
-moz-box-shadow: 7px 8px 16px -7px rgba(97,94,97,1);
box-shadow: 7px 8px 16px -7px rgba(97,94,97,1);


}
.box_blackhome{
	list-style: none;
	font-size: 1rem;
}
   
/* 0-767 Phone*/
@media (max-width: 767px) {	

	.icon_face{
		margin-top: 1%;
		text-align: -webkit-right;
	}
	.nameTh{
		font-size: inherit;	   
	    margin-top: 1%;
	   	text-shadow: 1px -1px 1px #fdfafa;
    	color: #6b3d22;
	}
	.nameEng{
		font-size: small;
	       color: #5773b3;
    text-shadow: 1px -1px 1px #fffdfd;
	   
	}
	.nameDetail{
		font-size: small;
		color: #060979;
    	text-shadow: -2px 0px 2px #fdfafa;
	}
	.img-thumbnail {
	  padding: 0.25rem;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 0.25rem;
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: auto;
	}
	.ads_name{
		z-index: 99;
	    margin-top: -13%;
	    color: white;
	    font-size: x-large;
	}
	.font_spacing{
		letter-spacing: 1pt;
	}
	.calendar_height{
		height: 350px;
	}

	
}
/* 768-991 Tablets*/
@media (min-width: 768px) {	
	.icon_face{
		margin-top: 1%;
		text-align: -webkit-right;
	}
	.nameTh{
		font-size: 2em;
	    font-weight: 500;
	    letter-spacing: 2px;	   
	    margin-top: 1%;
	   		text-shadow: 1px -1px 1px #fdfafa;
    	color: #6b3d22;
	}
	.nameEng{
		font-size: 1em;
	    line-height: 2px;
	       color: #5773b3;
    text-shadow: 1px -1px 1px #fffdfd;
	    letter-spacing: 3px;
	}
	.nameDetail{
		font-size: 1em;
    	color: #060979;
    	text-shadow: -2px 0px 2px #fdfafa;
	}
	.img-thumbnail {
	  padding: 0.25rem;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 0.25rem;
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: auto;
	}
	.ads_name{ 
	        z-index: 99;
		    margin-top: -10%;
		    color: white;
		    font-size: xx-large;
	}
	.font_spacing{
		letter-spacing: 1pt;
	}
	.calendar_height{
		height: 450px;
	}


}
/* 991-1199 Desktops*/
@media (min-width: 992px) {
	
	.icon_face{
		margin-top: 1%;
		text-align: -webkit-left;
	}
	.nameTh{
		font-size: 2em;
	    font-weight: 500;
	    letter-spacing: 2px;	   
	    margin-top: 1%;
	   		text-shadow: 1px -1px 1px #fdfafa;
    	color: #6b3d22;
	}
	.nameEng{
		font-size: 1em;
	    line-height: 2px;
	       color: #5773b3;
    text-shadow: 1px -1px 1px #fffdfd;
	    letter-spacing: 3px;
	}
	.nameDetail{
		font-size: 1em;
    	color: #060979;
    	text-shadow: -2px 0px 2px #fdfafa;
	}
	.img-thumbnail {
	  padding: 0.25rem;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 0.25rem;
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: 200px;
	}
	
	.font_spacing{
		letter-spacing: -1pt;
	}
	.calendar_height{
		height: 650px;
	}
	
}

@media (min-width: 1200px) {
	
	.icon_face{
		margin-top: 1%;
	}
	.nameTh{
		font-size: 2em;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 1%;
    text-shadow: 1px -1px 1px #fdfafa;
    color: #6b3d22;
	}
	.nameEng{
		font-size: 1.5em;
	    line-height: 2px;
	       color: #5773b3;
    text-shadow: 1px -1px 1px #fffdfd;
	    letter-spacing: 3px;
	}
	.nameDetail{
		font-size: 1.1em;
		color: #060979;
    	text-shadow: -2px 0px 2px #fdfafa;
	}
	.img-thumbnail {
	  padding: 0.25rem;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 0.25rem;
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: 200px;
	}
	.font_spacing{
		letter-spacing: 0pt;
	}
	.calendar_height{
		height: 650px;
	}
	
	
	
}