@font-face {
	font-family: 'Conv_THSarabunNew';
	src: url('fonts/THSarabunNew.eot');
	src: url('fonts/THSarabunNew.woff') format('woff'), url('fonts/THSarabunNew.ttf') format('truetype'), url('fonts/THSarabunNew.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font_THsrb{
	font-family: 'Conv_THSarabunNew';
    font-size: 1em;
}
.font_THsrb2{
	font-family: 'Conv_THSarabunNew';
    font-size: 0.8em;
}
 .border_menu{
 	border-left-style: ridge;
    border-color: #e2c6a494
}

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

.portfolio-item {
  margin-bottom: 5px;
}

.ads_img{
	position: static;
    left: 0px;
    top: 0px;
    z-index: -1;
}
.ads_bg{
    color: white;
	font-size: unset;
	margin-top: -2rem;
}
.icon1 {
	padding: 5px 0px 0px 5px;
    color: #463e19;
    font-weight: 900;
    width: 100%;
    border-style: ridge;
    border-radius: 4px;
    border-color: #deb887e0;
     background-color:#e2d59efa;
         font-size: smaller;
}
.icon1_1 {
	padding: 5px 0px 0px 5px;
    color: #463e19;
    font-weight: 900;
    width: 100%;
    border-style: ridge;
    border-radius: 4px;
    border-color: #deb887e0;
 	background-color:#b5a976;
 	    font-size: smaller;
}
.icon2{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#eab40f;
    color: bisque;	

}
.icon2_2{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#dba80d;
    color: bisque;
}
.icon2_3{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#cd9d0c;    
    color: bisque;
}
.icon2_4{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#bb8f0b;
     color: bisque;
     
}
.icon2_4 a{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#bb8f0b;
     color: bisque;
     
}

.dropdown-menu a{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#fff;
    color: #000;
}
.icon2_5{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#a57d06;
    color: bisque;
	
}
.icon2_6{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#836407;
    color: bisque;
	
}
.icon2_7{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#5f4805;
    color: bisque;

	}
.icon2_8{
	padding: 5px 0px 0px 5px;
    font-size: unset;
    background-color:#fbc41f;
    color: bisque;
	
}

.font_spacing{
	letter-spacing: -1pt;
}
.icon_color{
	color: #fff;
}
.box_imgname{
	padding: 5px 0px 0px 5px;
	color: white;
	background: linear-gradient(to right, #cc8e00 10%,#f9d922 53%,#cc8e00 91%);
	
}
.bg_row_album{
	    background: white;
    margin-left: 5px;
    margin-right: 5px;
}
.bg_content{
	background-color: #fff7f7;
}
.bg_footer{
	background-color: #525045;
	line-height: 25px;
}
.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);


}
.font_engmain{
	font-family: 'Conv_THSarabunNew';
}

/* 0-767 Phone*/
@media (max-width: 767px) {	

	.logo_nrru{
		text-align: center;
	}
 	.logo_nrru img{
		width: 8%;
	}
	.nameTh{
		font-size: large;
	    font-weight: 500;
	    letter-spacing: 2px;
	    color: #252424cf;
	    margin-top: 1%;
	    text-align: -webkit-center;
	}
	.nameEng{
		font-size: initial;
		padding-top: 1%;
    	text-align: -webkit-center;
	    line-height: 2px;
	    letter-spacing: 1px;
	    font-weight: 600;
	    color: #fff4e0;
	    text-shadow: 1px 1px 3px #030000;
	}
	.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-icon {
	  transition: all 0.2s ease-in-out;
	  max-width: 80%;
	  
	}
	.ads_name{
		z-index: 99;
	    margin-top: -13%;
	    color: white;
	    font-size: x-large;
	}
	.font_spacing{
		letter-spacing: 1pt;
	}
	
	.calendar_height{
		 height: 350px;
	}
	
	 body{
		background-image: url("../images/bg.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top;
		background-size: auto;
		
		
	}
	 .img_c img{
  	
  	width: 20px;
  	height: 25px;
  }  
	
}
/* 768-991 Tablets*/
@media (min-width: 768px) {	
	.logo_nrru{
		text-align: center;
	}
 	.logo_nrru img{
		width: 9%;
	}
	.nameTh{
		font-size: xx-large;
	    font-weight: 500;
	    letter-spacing: 2px;
	    color: #252424cf;
	    margin-top: 1%;
	}
	.nameEng{
		font-size: x-large;
	    line-height: 2px;
	    letter-spacing: 1px;
	    font-weight: 600;
	    color: #fff4e0;
	    text-shadow: 1px 1px 3px #030000;
	}
	.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-icon {
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: 80px;
	}
	.ads_name{ 
	        z-index: 99;
		    margin-top: -14%;
		    color: white;
		    font-size: xx-large;
	}
	.font_spacing{
		letter-spacing: 1pt;
	}
	.calendar_height{
		 height: 450px;
	}
	 body{
		background-image: url("../images/bg.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top;
		background-size: auto;
		
	
	}
	 .img_c img{
  	
  	width: 20px;
  	height: 25px;
  }

}
/* 991-1199 Desktops*/
@media (min-width: 992px) {
	.logo_nrru{
		text-align: right;
	}
 	.logo_nrru img{
		width: 40%;
	}
	.nameTh{
		font-size: xx-large;
	    font-weight: 500;
	    letter-spacing: 2px;
	    color: #252424cf;
	    margin-top: 1%;
	}
	.nameEng{
		font-size: x-large;
	    line-height: 2px;
	    letter-spacing: 1px;
	    font-weight: 600;
	    color: #fff4e0;
	    text-shadow: 1px 1px 3px #030000;
	}
	.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-icon {
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: 80px;
	}
	.ads_name{
		z-index: 99;
	    margin-top: -20%;
	    color: white;
	    font-size: smaller;
	}
	.font_spacing{
		letter-spacing: -1pt;
	}
	.calendar_height{
		 height: 650px;
	}
	
	body{
		background-image: url("../images/bg.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top;
		background-size: auto;
		
		
	}
	 .img_c img{
  	
  	width: 20px;
  	height: 25px;
  }
	
}
@media (min-width: 1200px) {
	.logo_nrru{
		text-align: left;
	}
 	.logo_nrru img{
 		width: 70%;
		
	}
	.nameTh{
		font-size: -webkit-xxx-large;
	    font-weight: 500;
	    letter-spacing: 2px;
	    color: #252424cf;
	    margin-top: 1%;
		
	}
	.nameEng{
		font-size: 1.8em;
	    line-height: 2px;
	    letter-spacing: 1px;
	    font-weight: 600;
	    color: #fff4e0;
	    text-shadow: 1px 1px 3px #212020;
	}
	.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-icon {
	  transition: all 0.2s ease-in-out;
	  max-width: 100%;
	  height: 80px;
	}
	.ads_name{
		 z-index: 99;
	margin-top: -1%;
    line-height: 1rem;
		color: white;
		font-size: x-large;
	
	}
	.font_spacing{
		letter-spacing: 0pt;
	}
	.calendar_height{
		 height: 650px;
	}
	
	body{
		background-image: url("../images/bg.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top;
		background-size: cover;
		
		
	}
	 .img_c img{
  	
  	width: 20px;
  	height: 25px;
  }
	
	
	
}
.bg_email{
	background: #afaa94;
}