html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{
	font-size:16px;
    font-family: 'Roboto Condensed', sans-serif;
	background-color: #fffede;
	background-color:
	word-spacing: normal;
	border-right-color: #FDFDFD;
	float: inherit;
}
img
{ border: 0;}
h1, h2, h3, h4, h5, h6 
{ font: normal 175% Arial, Helvetica, sans-serif;
  color: #098EFF;
  text-shadow: 0px -1px 0px #fff;
  letter-spacing: -1px;
  margin: 0 0 10px 0;}

h2
{ font: normal 165% Arial, Helvetica, sans-serif;}

h3
{ font: normal 130% Arial, Helvetica, sans-serif;
}

h4, h5, h6
{ margin: 0;
  padding: 0 0 0px 0;
  font: normal 150% Arial, Helvetica, sans-serif;
  color: #FFF;
  line-height: 1.5em;}

h5, h6
{ font: normal 95% Arial, Helvetica, sans-serif;
  color: #888;
  padding-bottom: 15px;}

a, a:hover
{ color: #1D1D1D;
  background: transparent;
  outline: none;
  text-decoration: none;}


ul
{ margin: 2px 0 22px 30px;
  line-height: 1.7em;
  font-style: normal;
  font-size: 100%;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

.logo{	
		width:100%;
		height:auto;
		background-color: #89040E;
	}
#logo{	
		background-color: #89040E;
	}
.logo img{margin : auto;}
.menu{
	background: #690109;
    border-bottom: 3px solid #ad3223;

}
.navi{
	width:980px;
	margin:auto;
	height:40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 80%;
	float: none;
}
.content{
min-height:600px;
	width:65%;
	margin:auto;
}
@media screen and (max-width: 1200px) {
.content{
min-height:600px;
	width:90%;
	margin:auto;
}
}
@media screen and (max-width: 1600px) {
.content{
min-height:600px;
	width:70%;
	margin:auto;
}
}


.footer{
	background: #690109;
    border-bottom: 3px solid #ad3223;
	min-height:150px;
	

	}
.footer p{color:white;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	padding: 30px 0px 0px 0px;
}
.footer img{
	    margin: -16px -31px 0px 0px;
}

.main-wrap {
}
.menu .navi a {
	font-size: 135%;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #DDD;
	padding: 10px 20px 5px 20px;
	float: left;
	margin: 0px;
	text-shadow:#222 1px 1px;
	text-align: center;
}
.menu .navi a:hover {
	background:#9c5a28;
	color:#FFF;
}
.loginform{
	margin: 80px auto auto auto;
	max-width:480px;
	border: dashed #C0C0C0;

}
.formcontent{
	font-size:18px;
	margin:auto;
	padding:40px;
}
.forminput{
	font-size:18px;
	background:transparent;
	border:1px solid #E3E3E3;
	padding:5px;
	margin: 10px;
	width:80%;
	border-radius:5px 5px 5px 5px;
}
.textinput{
	font-size:16px;
	font-family: 'Roboto Condensed', sans-serif;
	background:transparent;
	border:1px solid #039;
	padding:2px;
	border-radius:5px 5px 5px 5px;
}
.editable{
	font-size:16px;
	font-family: 'Roboto Condensed', sans-serif;
	background:transparent;
	border:1px solid #039;
	padding:2px;
	border-radius:5px 5px 5px 5px;
}
.button{
	background:none repeat scroll 0 0 #69140b;
	border:1 none;
	border-radius:7px 7px 7px 7px;
	color:#F5F5F5;
	font-size:0.875em;
	padding:3px;
	font-weight: bold;
	font-variant: normal;
	text-shadow:#222 1px 1px;
	text-align: center;
}
.button:hover{
	background:#9c5a28;
	color:#FFF;
}
.cungsao-nav{
	font-family: 'Roboto Condensed', sans-serif;
	margin: 30px auto auto 0;
}

#table
{	margin: 20px auto 20px auto;
	text-align: left;
	border-collapse: collapse;
	background:url(image/table-images/patternb.png);
	border:0 none;
}
#table thead tr
{
	background:url(image/table-images/patternb-head.png);
	
}
#table th
{
	text-align:center;
	font-weight:bold;
	padding:5px 0px 5px 0px ;
	border-bottom: 1px solid #fff;
	color: #039;
	background:url(image/table-images/patternb-head.png);
}
#table td
{
	padding: 2px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#table tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}
img {
    display: inline-block;
}