@charset "utf-8";
/* CSS Document */
.fa {
    font: normal normal normal 26px/1 FontAwesome !important;
}
.MenuMobile{
	background:#fff;
}
.SlideLeft,
.SlideRight{
	background:#740000;
}
.SlideLeft ul li a:hover{
	background:url(../SysIMG/bg-bars01.png) left repeat-y rgba(255, 255, 255, 0.3);
}
.SlideRight ul li a:hover{
	background:url(../SysIMG/bg-bars01.png) right repeat-y rgba(255, 255, 255, 0.3);
}
.SlideLeft ul li a,
.SlideRight ul li a{
	color:#fff;
}
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: "thaisans_neuebold", Helvetica, Arial, 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;}

.Switching{  /* To fix main menu container */
	position: fixed;
	z-index: 99999;
	top:0;
	left:0;
	width:100%;
}
.hide{
	display:none;
}
#sb-site, .sb-site-container {
	padding: 0px;
}

.sb-slidebar {
	padding: 14px;
	color: #fff;
}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 50px;
}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: red;
	z-index: 4;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}

/*--------------- Slide Bar ---------------*/
.SlideLeft,
.SlideRight{
	padding:0 1px;
}
.SlideLeft ul{
	padding:0px;
	margin:0px;
}
.SlideLeft ul li{
	background:url(../SysIMG/bg-bars01.png) left repeat-y;
	line-height:48px;
	padding:0px;
	margin:0px;
	list-style:none;
}
.SlideLeft ul li a{
	background:url(../SysIMG/bg-bars02.png) bottom repeat-x;
	display:block;
	padding:0 0 2px 20px;
}
.SlideLeft ul li a:hover{
	text-decoration:none;
}
.IconSearch {
    font-size: 18px;
    position: absolute;
    right: 2px;
    top: 8px;
	color:#000;
}
.navbar-form {
	background:url(../SysIMG/bg-bars02.png) bottom repeat-x;
	padding-top:20px;
	padding-bottom:20px;
	margin:0px;
}
.navbar-form .form-group {
	width:100%;
	position:relative;
}
.navbar-form .form-control {
    width:100%;
}
.SlideRight ul{
	padding:0px;
	margin:0px;
}
.SlideRight ul li{
	background:url(../SysIMG/bg-bars01.png) right repeat-y;
	line-height:48px;
	padding:0px;
	margin:0px;
	text-align:right;
	list-style:none;
}
.SlideRight ul li a{
	background:url(../SysIMG/bg-bars02.png) bottom repeat-x;
	display:block;
	padding:0 20px 0 0;
}
.SlideRight ul li a:hover{
	text-decoration:none;
}
.CopyLeft{
	background:url(../SysIMG/bg-bars02.png) top repeat-x;
	padding:20px 0 0 20px;
	margin:0px;
	display:block;
	width:100%;
}
.CopyRight{
	text-align:right;
	padding:20px 20px 0 0;
	margin:0px;
	display:block;
	width:100%;
}


/*--------------- Menu ---------------*/
.Logo{
	line-height:50px;
	text-align:center;
}
.Logo img{
	max-height:50px;
	width:auto;
	display:block;
}
.MenuMobile{
	-webkit-box-shadow: 0px 0px 4px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 4px 0px rgba(204,204,204,1);
}
.MenuMobile i{
	line-height:50px;
}


/*----------- 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;

}



@media (max-width: 479px) {
	aside.sidebar-left{
		margin-right:0px;
	}
	.MenuMobile{
		position:fixed;
		top:0;
		z-index:999;
		width:100%;
		height:50px;
		
	}
	#search_product{
		margin-top:0;
	}
	.SlideRight #search_product{
	margin-top:0px;
	}
	img.PhotoAbout{
		width:100%;
		margin:0 0 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;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	aside.sidebar-left{
		margin-right:0px;
	}
	.MenuMobile{
		position:fixed;
		top:0;
		z-index:999;
		width:100%;
		height:50px;
		
	}
	#search_product{
		margin-top:50px;
	}
		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;
	}
	
}
@media (min-width: 768px) and (max-width: 991px) {
	aside.sidebar-left{
		margin-right:0px;
	}
	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;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 1200px) {
	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;
	}
}

ul#nav{
	text-align:left;
	margin:0 0 25px 0;

}
.form-control:focus{
	border-color: #737373 !important;
}
p#thank_conversion{
	text-align:center;
	margin:0 0 0 0;
	border:solid 1px #BEBEBE;
	padding:15px; 
	
	
}
#MenuFoot,
#FootConact{
	padding:0px;
}
#MenuFoot li,
#FootConact li{
	color:#fff;
	font-size:18px;
	margin:0 0 0 14px;
}
img.title-contact{
	width:100%;
	margin-bottom:25px;
}