@charset "utf-8";
/* CSS Document */

.inputcontact {
    margin: auto;
    color: #000;
    border: 1px solid #CCC;
    width: 400px;
    padding: 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

.inputsearch {
    
    border: 1px solid #810d0d;
    width: 80%;
    padding: 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
}
#inputsm {
    margin: auto;
	margin-top:10px;
    color: #000;
    border: 1px solid #810d0d;
    padding: 5px 15px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: url(../quocsu/timkiem.jpg) no-repeat;
	color:#FFF;
    border-radius: 5px;
    behavior: url(PIE.htc);
	width:92px;
}
img[Attributes Style] {
  height:auto;
}
body{
	background:#CCCCCC;
	margin: 0px auto;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

table{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#link_menu{
	color:#FFFFFF; 
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#link_menu:hover{
	color:#F9C76A; 
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#link_menu_sp{
	color:#403112; 
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#link_menu_sp:hover{
	color:#7F1402; 
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#link_menu_tin{
	color:#403112; 
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#link_menu_tin:hover{
	color:#7F1402; 
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#link_khac{
	color:#403112; 
	font-size:14px;
	text-decoration:none;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
}
#link_khac:hover{
	color:#7f1402; 
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.can_nhap{
	color:#FF0000;	
}


#page{background:#FFFFFF; width:100%; max-width:1000px; min-width:320px; margin:auto !important}
#banner{ list-style:none; background-size:100%}

#left{width:28%; float:left; background-size:100%:; display:inline-table;}
#main{width:72%; float:left; display:inline-table; position:relative;}




ul,
ol
{
	list-style: none;
}

a
{
	color: currentColor;
	text-decoration: none;
}
a img{

}

		#nav
		{
			width: 990px; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			position: absolute;
			top: 20px;
			right:0px;
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #000;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 30px; /* 60 */
				background-color: #FFF;
			}
				#nav > ul > li
				{
					height: 100%;
					float: left;
					padding-bottom:30px;
					
				}
					#nav > ul > li > a
					{
						height: 100%;padding-left:13px; padding-right:13px;
						font-size: 13px; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						font-family:Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						color:#000;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
						}


				/* second level */

				#nav li ul
				{
					
					display: none;
					position: absolute;
					background:url("bgsubmenu.png"/*tpa=http://quocsu.com.vn/css/images/bgsubmenu.png*/);
					top: 100%;
					width:250px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								color:#000
								
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
				z-index:88
			}
			#nav li ul
				{
					
					display: none;
					position: absolute;
					background:url("bgsubmenu.png"/*tpa=http://quocsu.com.vn/css/images/bgsubmenu.png*/);
					top: 100%;
					width:auto;
				}
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			#nav {width:100%; background:#7f1402}
			#nav > ul > li
				{
					height: 100%;
					float: left;
					padding-bottom:0px;
					
				}
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #7f1402;
					font-family:onpensand;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background:#7f1402;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight:normal;
				}
					#nav > ul > li > a
					{
						height: auto;
						color:#FFF;
						
				
						
						
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */

					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #FFF;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
					width:auto;
				}
				#nav span:after {
  width: 0;
  height: 0;
  border: 0.313em solid transparent;
  border-bottom: none;
  border-top-color: #FFF;
  content: '';
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -0.313em;
}
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

#menu{ display:none}
#homemobile{display:none}

@media screen and (max-width: 780px) {
	h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
	.contentsp p{line-height:20px; font-size:14px}
	.viewsp {
  padding: 10px;
}
.viewsp .image {
  max-width: 100%;
  text-align: center;
  padding-top: 5px;
  color: #333;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
	*,
 /* see normalize.css */
figure /* see normalize.css */
{
	font-size: 100%;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	vertical-align: baseline;
	border: 0;
	padding: 0;
	margin: 0;
}
	.news {
  width: 98%;
  padding: 1%;
  float: left;
}
.news .name {
  height: 30px;
}
.news .name a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}
.news .image {
  padding: 5px 0;
  width: 30%;
  float: left;
}.news .image img {
  width: 100%;
  height: 60px;
}
.news .des {
  color: #333;
  line-height: 18px;
  text-align: justify;
  width: 62%;
  float: left;
  padding-left: 2%;
}
	#homelap{display:none}
	#homemobile{display:block}
	.boxpro {
  width: 100%;
}
.boxpro .title {
  padding: 10px;
  background: url("../quocsu/bg-header.jpg") repeat scroll 0 0;
  color: #fff;
}
.boxpro .title a{
  color: #fff;
}
.product {
  width: 98%;
  float: left;
  padding: 1%;
}
.product img {
  width: 100%;
  height:auto
}
.product .name {
  text-align: center;
  padding-top: 5px;
  height: 30px;
}
.product .name a {
  text-decoration: none;
  color: #333;
  font-size:14px
}
.product .price {
  text-align: center;
  color: #900;
  padding-bottom: 5px;
}
	body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#left{display:none}
#main{width:100%; display:inherit}
#menu{ display:block; background:#810d0d }
#bgslide{display:none}



}