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

.googleCalendar{
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 50%;
}

.googleCalendar iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-b{
	background-repeat: no-repeat;
}
.border_menu{
 	background: #ff2f00;
 	font-size: 1em;
}

.border_menu a{
 	background: #ff7d62;
 	font-size: 1em;
}
.stype_menu li{
	
    padding: 0 .3em;
}

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

}
.pad_body{
	 padding-right: 2%;
	 padding-left: 2%;

}
.pad_icon{
	margin:10%;
}
.pad_right_body{
	 padding-right: 10px;
}
.bg_web{
	background-color: white;
	
}
.bg_search{
	
}
.bg_body_search{
	
	background: #e2b587;
}
.bg_link{
	background: #49a3cc;
}
.bg_body_link{
	background: #d9587a;
	
}
.bg_body_link a{
	color: #fff;	
}
.bg_body_link a:hover{
	color: #440902;
	
}
.bg_course{
	background: #b6cb46;
}
.bg_news{
	background: #ff2f00;
}
.bg_conf{
	background: #2a2867;
}
.bg_proj{
	background: #da9551;
	color: #fff;
}
.bg_blue{
	background: #525098;
	color: #fff;
}
.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: 10%;
    padding-right: 10%;
}
.bg_footer{
	background-color: #fcae66;
	
}
.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);


}
.bg_direc{
	margin-top: -5em;
    background: white;
    font-size: 0.8em;
}
.b_radius{
	    border-radius: 4px;
}
/* 0-767 Phone*/
@media (max-width: 767px) {	
	.logo_web img{
		vertical-align: middle;
	    border-style: none;
	    max-width: 15%;
	    height: auto;
	}

	.icon_face{
		margin-top: 1%;
		text-align: -webkit-right;
	}
	.nameTh{
		font-size: 2em;
	    font-weight: 500;
	    letter-spacing: 2px;	   
	    margin-top: 2%;
	    text-shadow: 2px 1px 1px #7800be;
    	color: #ffffff
	}
	.nameEng{
		font-size: 1.7em;
		    line-height: 2px;
			text-shadow: 2px 1px 1px #7800be;
		    color:  #ffffff;
		    letter-spacing: 3px;
	}
	.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;
	}
	 .big-container {
       display: none;
   }

	
}
/* 768-991 Tablets*/
@media (min-width: 768px) {	
	.logo_web img{
		vertical-align: middle;
	    border-style: none;
	    max-width: 15%;
	    height: auto;
	}
	.icon_face{
		margin-top: 1%;
		text-align: -webkit-right;
	}
	.nameTh{
		font-size: 2em;
	    font-weight: 500;
	    letter-spacing: 2px;	   
	    margin-top: 1%;
	    text-shadow: 2px 1px 1px #7800be;
    	color: #ffffff
	}
	.nameEng{
		font-size: 1.2em;
		    line-height: 2px;
			text-shadow: 2px 1px 1px #7800be;
		    color:  #ffffff;
		    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;
	}
	 .small-container {
       display: none;
   }


}
/* 991-1199 Desktops*/
@media (min-width: 992px) {
	
	.logo_web img{
		vertical-align: middle;
	    border-style: none;
	    max-width: 45%;
	    height: auto;
	    margin-right: -3em;
	}
	
	.icon_face{
		margin-top: 1%;
		text-align: -webkit-left;
	}
	.nameTh{
		font-size: 2em;
	    font-weight: 500;
	    letter-spacing: 2px;	   
	    margin-top: 1%;
	    text-shadow: 2px 1px 1px #7800be;
    	color: #ffffff
	}
	.nameEng{
		font-size: 1.2em;
		    line-height: 2px;
		       text-indent: 6em;
			text-shadow: 2px 1px 1px #7800be;
		    color:  #ffffff;
		    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) {
	.logo_web img{
		vertical-align: middle;
	    border-style: none;
	    max-width: 47%;
	    height: auto;
	    margin-right: 1em;
		margin-bottom: -6em;
	}
	.icon_face{
		margin-top: 1%;
	}
	.nameTh{
		font-size: 3em;
	    font-weight: 500;
	    letter-spacing: 2px;	   
	    margin-top: 1%;
	    text-shadow: 2px 1px 1px #7800be;
    	color: #ffffff;
	}
	.nameEng{
	       font-size: 2em;
		    line-height: 1em;
		       text-indent: 3em;
			text-shadow: 2px 1px 1px #7800be;
		    color:  #ffffff;
		    letter-spacing: 3px;
		 margin-top: -0.2rem;
	}
	.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;
	}
	
	
	
}