/* body{
		background-image: url("../images/bg.jpg");
		background-attachment: fixed;
		background-position: top;
		background-repeat: no-repeat;
    	background-size: cover;
    	background-size: 100%;
	}
*/
.pad_row{
	padding:5%;
}
.bg_header{
	background-image: url("../images/lab-512503_1920.jpg");
}
.bg_logo{
	background: ;
}
.bg_gray{
	background: #644061;
}
.bg_left{
	background: #ccbf9c;
}
.border_menu{
 	background: #ff2f00;
 	font-size: 1em;
}

.border_menu a{
 	background: #ff7d62;
 	font-size: 1em;
}


.bg_head{
	background-image: url("../images/lab-512503_1920.jpg");
    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 {
	      border: 1px solid;
	      border-radius: 10px;
	  color: blueviolet;
	  text-indent: 0.3em;
	  font-size: 1rem;
}
.bg_body_link a{
	
	  color: blueviolet;
}
.bg_body_link a:hover{
	 color: #402c5d;
}
 
.bg_course{
	background: #c19e8a;
	    color: #3c1803;
}
.bg_fff{
	background: #fff;
}
.bg_conf{
	background: #2e3e74;
}
.bg_news1{
background: #f9b867;
    color: #111312;
    padding: 2px;
}
.bg_news2{
background: #ac6103;
    color: #fff;
    padding: 2px;
}
.bg_news3{
background: #9a7696;
    color: #111312;
    padding: 2px;
}
.bg_news4{
background: #6a3d65;
    color: #fff;
    padding: 2px;
}
.bg_news5{
background: #5e9dca;
    color: #111312;
    padding: 2px;
}
.bg_news6{
background: #20699d;
    color: #fff;
    padding: 2px;
}

.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: #fff;
	padding-left: 1%;
	padding-right: 1%;
}
.bg_footer{
	background-color: #3c2e05;
	
}
.lh-1{
	    line-height: 1;
}
.mp-1{
	padding: 0.75rem 1.5rem;
}
.pad_news{
	    padding: 8%;
	    
}
.pad_menu{
	    padding-right: 1%;
	    
}

.box_shadow{
	-webkit-box-shadow: 0px 3px 21px 2px rgba(160,116,227,1);
-moz-box-shadow: 0px 3px 21px 2px rgba(160,116,227,1);
box-shadow: 0px 3px 21px 2px rgba(160,116,227,1);


}
.box_admin{

   -webkit-box-shadow: 0px 3px 27px 7px rgba(188,187,189,1);
-moz-box-shadow: 0px 3px 27px 7px rgba(188,187,189,1);
box-shadow: 0px 3px 27px 7px rgba(188,187,189,1);

}
.box_blackhome{
	list-style: none;
	font-size: 1rem;
}
.f_icon{
	    float: right;
    padding-top: 3px;
    padding-right: 1rem;
} 

/* 0-767 Phone*/
@media (max-width: 767px) {	

	.icon_face{
		margin-top: 1%;
		text-align: -webkit-right;
	}
	.nameTh{
		font-size: small;	   	   
    	color: #f3f3fa;
	}
	.nameEng{
		font-size: small;
	    color: #896994;
   
	   
	}
	
	.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;
    	color: #9141a5;
	}
	.nameEng{
		font-size: 1.3em;
    line-height: 0.8rem;
    color: #896994;
	}
	
	.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;
	}
.pad_menumail{
	padding-left: 5px;
}

}
/* 991-1199 Desktops*/
@media (min-width: 992px) {
	
	.icon_face{
		margin-top: 1%;
		text-align: -webkit-left;
	}
	.nameTh{
		    text-indent: 1%;
    font-size: 4em;
    /* font-weight: bold; */
    letter-spacing: 3px;
    color: #f8f9fa;
    line-height: 1;
	}
	.nameEng{
		text-indent: 1%;
	    font-size: 1.5em;
	    /* font-weight: bold; */
	    letter-spacing: 3px;
	    color: #f8f9fa;
	    line-height: 2;
	}
	.nameDetail{
		text-indent: 1%;
	    font-size: 1.8em;
	    /* font-weight: bold; */
	    letter-spacing: 3px;
	    color: #f8f9fa;
	    line-height: 0;
	}
	.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;
	}
	.img-thumbnail_news {
	  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;
	}
	
	.font_spacing{
		letter-spacing: -1pt;
	}
	.calendar_height{
		height: 650px;
	}
	
}

@media (min-width: 1200px) {
	
	.icon_face{
		margin-top: 1%;
	}
	.nameTh{
	   text-indent: 1%;
    font-size: 4em;
    /* font-weight: bold; */
    letter-spacing: 3px;
    color: #f8f9fa;
    line-height: 1;
	}
	.nameEng{
	text-indent: 1%;
	    font-size: 1.2em;
	    /* font-weight: bold; */
	    letter-spacing: 3px;
	    color: #f8f9fa;
	        line-height: 2;
    
	}
	.nameDetail{
		text-indent: 1%;
	    font-size: 1.8em;
	    /* font-weight: bold; */
	    letter-spacing: 3px;
	    color: #f8f9fa;
	        line-height: 0;
	}
	.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;
	}
	.img-thumbnail_news {
	  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;
	}
	
	
	
}
