@charset "utf-8";

html {
	font-size: 62.5%; /* เพื่อให้ 1rem มีค่าประมาณ 10px */
	font-family: sans-serif;
}
body ,li,div,span,p,li,h1,h2,h3,h4,h5,h6,a,input,button{
    font-family: 'Noto Sans Thai', sans-serif!important;
	font-size: 1.4em; /* มีค่าประมาณ 14px */
    letter-spacing:0px!important;
}

h1,
.h1 {
  	font-size: 42px;
}
h2,
.h2 {
  	font-size: 36px;
}
h3,
.h3 {
  	font-size: 30px;
}
h4,
.h4 {
  	font-size: 24px;
}
h5,
.h5 {
  	font-size: 20px;
}
h6,
.h6 {
  	font-size: 18px;
}
div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,option,select,footer,header,article,aside,nav,section,a{font-size: 18px;}

.hide{
	display:none;
}

@media (max-width: 479px) {
	div#contact_page input,
	div#contact_page textarea,
	div#contact_page span#button{
		margin:0 0 5px 0;
		
		
	}
  	div#contact_page i{
		font-size:16px!important;
	}
	div#contact_page  .contact-details{
		line-height:155%;
	}
	div#contact_page img.button{
		max-width:100%;
	}
	div#contact_page .box{
		padding-left:0px;
		padding-right:0px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {

	div#contact_page input,
	div#contact_page textarea,
	div#contact_page span#button{
		margin:0 0 5px 0;
		
		
	}
  	div#contact_page i{
		font-size:16px!important;
	}
	div#contact_page  .contact-details{
		line-height:155%;
	}
	div#contact_page img.button{
		max-width:100%;
	}
	div#contact_page .box{
		padding-left:0px;
		padding-right:0px;
	}
	div#contact_page #contactform .col-sm-6{
		padding-left:0px;
		padding-right:0px;
	}
	
}
@media (min-width: 768px) and (max-width: 991px) {

	img.PhotoAbout{
		max-width:100%;
		float:left;
		margin:0 25px 10px 0;
	}
	div#contact_page input,
	div#contact_page textarea,
	div#contact_page span#button{
		margin:0 0 5px 0;
	}
  	div#contact_page i{
		font-size:16px!important;
	}
	div#contact_page  .contact-details{
		line-height:155%;
	}
	div#contact_page img.button{
		max-width:100%;
	}
	div#contact_page .box{
		padding-left:0px;
		padding-right:0px;
	}
	div#contact_page #contactform .col-sm-6,
	div#contact_page #contactform .col-sm-12{
		padding-left:5px;
		padding-right:5px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	img.PhotoAbout{
		max-width:100%;
		float:left;
		margin:0 25px 10px 0;
	}
	div#contact_page input,
	div#contact_page textarea,
	div#contact_page span#button{
		margin:0 0 5px 0;
	}
  	div#contact_page i{
		font-size:16px!important;
	}
	div#contact_page  .contact-details{
		line-height:155%;
	}
	div#contact_page img.button{
		max-width:100%;
	}
	div#contact_page .box{
		padding-left:0px;
		padding-right:0px;
	}
	div#contact_page #contactform .col-sm-6,
	div#contact_page #contactform .col-sm-12{
		padding-left:5px;
		padding-right:5px;
	}
}
@media (min-width: 1200px) {

	div#contact_page input,
	div#contact_page textarea,
	div#contact_page span#button{
		margin:0 0 5px 0;
		
		
	}
  	div#contact_page i{
		font-size:16px!important;
	}
	div#contact_page  .contact-details{
		line-height:155%;
	}
	div#contact_page img.button{
		max-width:100%;
	}
	div#contact_page .box{
		padding-left:0px;
		padding-right:0px;
	}
	div#contact_page #contactform .col-sm-6,
	div#contact_page #contactform .col-sm-12{
		padding-left:5px;
		padding-right:5px;
	}
}
	div#contact_page a,
	div#contact_page a:hover,
	div#contact_page a:visited{
		color:#333;
		text-decoration:none;
	}
	


/*----------- Footer Bar ----------------*/
#member_bar{
	position:fixed;
	bottom: 0px;
	width: 100%;
	height: 32px;
	line-height:32px;
	overflow: visible;
	z-index: 99999;
	border-top: solid white 1px;
	background:#ddd;
	background-image:url(../SysIMG/bg-footer.png);
	background-repeat:repeat-x;
	background-position:top;
	-webkit-box-shadow: 0px 0px 5px 0px #bfbfbf;
	box-shadow: 0px 0px 5px 0px #bfbfbf;
	color:#FFFFFF;
}
#member_bar ol{
	padding:0px;
	margin:0px;
	display:block;
	height:32px;
	line-height:32px;
}
#member_bar ol li{	
	background-image:url(../SysIMG/25.png);
	background-repeat:repeat-y;
	background-position:right;
	font-size:14px;
	text-align:center;
	list-style:none;
	display:inline-block;
	padding:0 10px;
}
#member_bar ol li a,
#member_bar ol li a:visited,
#member_bar ol li a:hover{
	font-size:14px;
	color:#FFFFFF;
}
#member_bar ol li i{
	
}
#bank_list label{
	display:block;
	border-bottom:solid 1px #E4E4E4;

}