/*initFont*/

#bd,input,textarea,select{
	font-family:arial,tahoma;
}
html{
	height:100%;
}
#bd{		
	font-size:12px;
	color:#000;	
	margin:0;
	height:100%;	

}
#WRAPPER{
	position:relative;
	min-height:100%;	
}
a{
	color:#000;
	text-decoration:none;
}
a:hover,.menu li span:hover{
	color:green;
	text-decoration:none;
}
a:hover>img{
	opacity:0.8;
}
.btn,.button,#Send{
	background: #7b7b7b none repeat scroll 0 0;
    border: 0 solid;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 1px #555;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;    
    padding: 5px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	min-width: 60px;
}
.btn:hover, .button:hover, #Send:hover{
	color:#fff;
	background:green;
}
.row:after,.items-row:after,.block:after{
    content: "";
    clear: both;    
    display: block;
}
img,iframe{
	max-width:100%;	
}
iframe{
	width:100%;
}
.hidden{
	display:none!important;
}
.red{
	color:red;
}
.orange{
	color:orange;
}
.blue{
	color:green;
}
a.blue:hover{
	text-decoration:underline;
}
.green{
	color:green;
}
.textright{
	text-align:right;
}
.italic{
	font-style:italic;
}
.redbg,.status_NON.CONFORMITY{
	background:red;
}
.orangebg,.status_DELAYED{
	background:orange;
}
.bluebg,.status_STOPPED{
	background:blue;
}
.greenbg,.status_STANDARD{
	background:#39B54A;
}
.greybg,.status_PENDING,.status_Pending{
	background:#c9c9c9;
}
.bar{
	height:10px;
	background:#c9c9c9;
}
/*font*/
.sizesmall {
    font-size: 60%;
}
.bold{
	font-weight:bold;
}
/*Head*/
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{    
    
}
h1,.h1{
	font-size:20px;
}
h2,.h2{
	font-size:20px;
}
h3,.h3{
	font-size:15px;
	margin: 10px 0;
}
h4,.h4{
	font-size:14px;
	margin:5px 0;
}
h5,.h5{
	font-size:12px;
	margin:5px 0;
}
/*reponsive*/
.row{
	margin:0 -10px;
}
.span12{
	width:100%;
}
.span9,.span8,.span7,.span6,.span5,.span3,.span4,.span2,.span25{
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}
.span9{
	width:75%;
}
.span8{
	width:66.8%;
}
.span7{
	width:58%;
}
.span6{
	width:50%;
}
.span5{
	width:42%;
}
.span3{
	width:25%;
}
.span25{
	width:20%;
}
.span2{
	width:16.6%;
}
.span4{
	width:33%;
}
.span8>.inner,.span4>.inner,.span3>.inner,.span2>.inner,.span25>.inner{
	padding:20px;
}
/*main*/
.main{
	padding:0 10px;
	margin:0 auto;
	max-width:520px;	
}
/*HEAD*/
#HEAD{

}
#HEAD>.main{
	padding-top:10px;
	padding-bottom:10px;
}
/*Menu*/
.menu {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}
.menu li{
	padding: 0 10px;
	border-left: 1px solid #efefef;
	display:inline-block;
}
.menu li:first-child{
	border:0px solid;
}
.menu li a{
	font-weight:bold;
}
.menu li a:hover{	
}
/*WRAPPER*/
#MAIN{
	padding:80px 0 120px;	
	margin: -70px 0;
	background:url("../images/bg_main.png") repeat-y center top;
	background-size:640px auto;
	
}
#HEAD{
	background:url("../images/bg_top.png") no-repeat center top;
	background-size:640px 100%;
	min-height:80px;
	position:relative;
}
#MAIN .main{
	display:none;
	
}
#FOOTER{
	background:url("../images/bg_bottom.png") no-repeat center top;
	background-size:640px 100%;
	min-height:80px;
}
/*HOME*/
.TextLogo {
    color: green;
    font-size: 40px;
    font-weight: bold;
    line-height: 100%;
    padding: 100px 0 50px 0;
    text-align: center;
    text-shadow: 5px 5px 5px #cecece;
	background:url("../images/logo.png") no-repeat center top;
	background-size:100px 100px;
}
form#REFFORM {
    border: 1px solid green;
    margin: 0 auto;
    padding: 10px;
    width: 300px;
}
form>.title{
	font-weight:bold;
	text-align:center;
}
.caption{
	font-weight:bold;
}
input[type="text"],input[type="password"]{
	width:100%;
	box-sizing:border-box;
	padding:5px;
	margin-top:5px;
}
textarea {
    height: 150px;
    width: 100%;
	box-sizing:border-box;
	padding:5px;
}
.btn_box{
	text-align:center;
}
form .item{
	margin:5px 0;
}
/*GioiThieu*/
.gioithieu,#ProductDetail,.huongdan,.content_page{
    margin: 0 auto;
    max-width: 500px;
}
/*ProductDetail*/
#ProductDetail{}
#ProductDetail td{
	vertical-align:top;
}
#ProductDetail td.colcaption{
	width:30%;
}
#ProductDetail .product_img{	
}
.usermessage {
    color: green;
    padding: 10px 0; 
}
#TableCheckedList,#A_Product_list{
	width:100%;
}
/*FOOTER*/
#FOOTER{
	/*position:absolute;
	width:100%;
	bottom:0;*/
	text-align:center;	
}
#FOOTER>.main{
	padding-top:10px;
	padding-bottom:10px;
}
#FOOTER>.main .inner{
	padding-top:30px;
}
/*nongho*/
th, td{
    border: 1px solid #efefef;
	padding:5px;
}
table{
    border-collapse: collapse;
	width:100%;
}
.nongho_table img{
	max-height:150px;
}
/*canhtac_form*/
#canhtac_form{}
form{
	border:1px solid #555;
	padding:20px;
	margin:20px 0;
}
.form_row{
	padding-bottom:10px;
}
select{
	width:100%;
	padding:5px;
	box-sizing:border-box;
}
.thuadat_box .thuadat_row{
	padding:10px;
	margin:10px 0;
}
.thuadat_box .thuadat_row:nth-child(odd){
	background: #efefef;
}
/*thuvienanh*/
.box_hinhanh{}
.box_hinhanh img{
	width: 150px;
	height: 150px;
	border-radius: 2px;
	border: 2px solid green;
	box-shadow: -2px 2px 2px 0 #555;
	margin: 2px;
}
.container_hinhanh{
	text-align:center;
}
/*loginform*/
#LOGIN_FORM{
	max-width:320px;
	margin:30px auto;
}
/*imgrealate*/
.tensanpham {
	font-weight: bold;
}