@charset "utf-8";
/* CSS Document */
/*screen*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; color:#666;font-family: "Leelawadee","Eras Light ITC", "Eras Demi ITC", "Eras Bold ITC";
}
body{
background-image:url(../image/bg-content.png); 	
padding-bottom:10px;

}

/*Custom envent grey ALL
*{
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; // IE6-9 
    filter: grayscale(100%);
}*/
/*black-ribbon*/
.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
/*black-ribbon*/


.remark{
	color:#F00;	
}
a{
	text-decoration:none;	
}
strong{
	font-weight:normal;	
}
h4{
	font-size:25px;	
	font-weight:normal !important;
	padding:10px 0px;
}
h2{
	font-size:18px;	
	font-weight:normal !important;
	padding:10px 0px;
	text-align:center;
}
hr{
	background-color:#e0e0e0;
	height:1px;
	border:0px solid #FFF;
	margin:10px 20px; 
		
}
img{
	border:0px solid #e0e0e0;
}
.tbl_conpany_profile{
	font-size:15px;	
}
	ul, li{
		list-style:inside;
		padding-left:20px;
	}
#bg-header{
background-image:url(../image/bg-head.png);
height:90px;
border:1px solid #E0E0E0;
}
.brandner-head{
width:1000px;
height:90px;
position:relative;
top:10px;
}
/*.brandner-menu{
width:1000px;
height:40px;
position:relative;
top:9px;
}*/
.brandner-menu{
border:0px solid #000;
width:1000px;
height:40px;
position:absolute;
bottom:0px;
}
.shadow{
	border:1px solid #e0e0e0;
	box-shadow: 0px 1px 2px #D2D2D2;
}
#main-menu{
	margin-top:10px;
	float:right;
	margin-right:10px;
}
#main-menu>ul {
	margin: 0px;
	padding: 0px;
	}
	 
#main-menu>ul>li {
list-style-type: none;
display: inline;
margin: 0px;
padding:5px 0px;
}
 
#main-menu>ul>li>a {
	
	font-size:17px;
	padding:5px 10px;
	border-radius:5px;
	/*text-shadow: 3px 3px 3px #000;*/
}
#main-menu>ul>li>a:hover {
	color:#FFF;
}

#category-menu>ul {
	margin: 0px;
	padding: 0px;
	}
	 
#category-menu>ul>li {
list-style-type: circle;
list-style: none;
margin: 0px;
padding:2px 10px 2px 27px;
cursor:pointer;
}
 
#category-menu>ul>li>a {
	
	font-size:16px;
	padding:5px 10px;
	border-radius:5px;
	color:#333;
	/*text-shadow: 3px 3px 3px #000;*/
}
#category-menu>ul>li>a:hover, .active-menu {
	color:#1A0B9F;
	font-size:16px;
	text-decoration:underline;
}
.sub-ul{
	font-size:11px; 
	padding:0px;	
}
.sub-li{
	list-style:none;
	padding:1px;
	margin-left:60px;
	font-size:13px; 
}
.sub-li a:hover{
	background-color:#CCC;
	color:#000; 
	cursor:pointer;
}
.active{
	border-bottom:1px solid #3180c8;	
}
.page{
	padding-top:20px;	
}
.page-product{
	padding-top:10px;	
	margin-left:-3px;
}

.pageactive{
	padding-top:47px !important;	
}
.page-productactive{
	padding-top:38px !important;	
	margin-left:-3px;
}
.content{
	width:1000px;	
}
.content-product{
	width:1005px;	
}
.bg-content{
	background-color:#FFF;
}
.span-flag{
	float:right;
	padding:3px;
	
}
.span-input{
	float:right;
	width:100px;
	height:13px;
}
.flag{
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
	cursor:pointer;
	
}
.back-margin{
	margin-top:10px;	
}
.flag:hover, .flag-active{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.box-brandner-head{
	font-size:20px;	
}
.box-brandner{
	font-size:14px;	
	padding:10px;
	background-image:url(../image/bg-head.png);
}
.box-brandner-header{
	position:absolute;
	font-size:18px;	
	margin-left:60px;
}
.image{
	position:absolute;
	margin-top:15px;
}
.margin-top{
	margin-top:10px;	
}
.clear-bg{
	background-image:url(../image/bg-content.png);
	
}
.margin-product{
	margin-left:-3px;
	margin:auto;
}
.margin-img{
	margin:10px; 
	margin-left:20px;
}
.menu-product{
	width:200px;
}
.padding-product
{ 
margin-left:5px;
margin-top:7px;
padding:5px;
}
.list-product-image{
	border:0px solid #000;
	width:150px;
	height:auto;
}
.list-product-image>img{
	margin:15px;
}
.list-product-head{
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}
.list-product-detail{
	border:0px solid #000;
	float:left;
	width:570px;
	font-size:16px;
}
.list-product-desc{
	font-size:14px;
}
.list-menu-product{
	width:300px; height:auto; float:left;
	padding-bottom:20px;
}
#back-to-top{
	height:30px;
	cursor:pointer;
	background-image:url(../image/icon/1374583684_arrow_right_alt1.png) ;
	background-repeat:no-repeat;
	background-position:left !important;
	text-align:center;
	vertical-align:middle !important;
	font-size:20px;
	display:none;
}
.clear-align{
	padding-left:20px;
	text-align:left;	
}
#main_product{
	padding:0px;
	margin:0px;	
}
.line-padding-main{
	background-image:url(../image/bg-content.png);
	height:7px !important;
	position:fixed; top:0px;
	width:100%;
	display:none;
}
.line-padding-desc{
	background-image:url(../image/bg-content.png);
	height:10px !important;
	position:fixed; top:53px;
	width:100%;
	display:none;
}
#header-product-list{
width:655px;  float:left; vertical-align:middle;
padding:10px;
font-size:19px;
text-align:center;
}
.ribbon {
font: bold 15px Sans-Serif;
color: #333;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #BFDC7A;
background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
color: #6a6340;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow:3px 1px 2px 0px #000;
}

.ribbon:before, .ribbon:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}

.ribbon:before {
left: 0;
}
.ribbon:after {
right: 0;
}

.admin-head{
	font-size:18px;
}
.admin-detail{
	font-size:16px;	
}
#formlogin{
	width:1000px;
	margin-bottom:-10px;
	margin-top:5px;
}
.req_quotation{
 cursor:pointer;	
}