/* CSS Document  scree 480px or less*/

@media screen and (max-width:1035px){
	.page-width,.footer-wrapper {width:100%;}
	}
	
	
@media screen and (max-width:1024px){
.page-width,.footer-wrapper {width:100%;}
#StockAddForm .column dd{margin-left:0;}		
}
@media screen and (max-width:990px)
{
	.menu li a {color: #bbb;padding: 8px 3px 0 4px}
}
@media screen and (max-width:950px)
{
.two-col form dd{text-align: left;margin-left: 0;}	
}
@media screen and (max-width:860px){
	#filter-form #keyword {width: 22%;}
#filter-form select {width: 24%;}	
}
@media screen and (max-width:800px){
.login-wrapper{width: 97%;text-align:left}
.login-form {margin-top: 30px;}
.menu{background: #000;width: 110px;position: relative;position: absolute;right: 0;opacity: .8;margin-top: 29px;/*display:none;*/}
.menu > li{display: list-item;}
.menu-icon{width:16px;height:16px;background:url(../img/menu-icon.png) no-repeat;float:right;display:block;margin: 7px;cursor: pointer;}
.menu li:hover .submenu{right: 100%;top: 0;border-top-right-radius:5px;border-top-left-radius:5px;}
.menu .submenu{width: 150px;}
.res-welcome{display: block;color: #ccc;padding: 7px 9px;width: 136px;float: left;font-weight: bold;}
.restop-welcom{display:none;}
.column{width: 80%;}
}
@media screen and (max-width:700px){
	#StockAddForm .column{width: 90%;clear: both;}
}



@media screen and (max-width:500px){
/*.search-frm{width:200px;}*/
form dd{text-align: left;width: 46%;margin-left: 0;}
.search-frm dd{display: block;}	
.login-form form{text-align:center;}	
.header .welcome{float: none;margin-top: 0;}
.two-col .column,dl dt{width: 97%;clear: both;}
.two-col .submit{float:left;}

}
@media screen and (max-width:450px){
	#filter-form #keyword {width: 57%;}
#filter-form select {width: 60%;}	
}
@media screen and (max-width:370px){
	dl dt{width: 92%;}
	.login-form .text {width: 95%;}
	form dd{width: 80%;margin-left: 0;}
	}
