::-webkit-scrollbar {display:none}
a:link { 
color: #000000; 
text-decoration: none; 
} 
a:visited {  
color: #000000; 
text-decoration: none; 
} 
a:hover {  
color: #000000; 
text-decoration: underline; 
} 
body{
	font-style: inherit;
	width:100%;
	margin:0;
	height:800px;
}
.black_overlay{ 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height:800px; 
	 background-color: #000; 
	z-index:1001; 
	-moz-opacity: 0.8; 
	opacity:.80; 
	filter: alpha(opacity=88); 
}
em {
    font-style: inherit;
}
.DivTop{
	position: fixed;
	margin-bottom: 10px;
	height:90px;
	width:100%;
	background-color: #fafafa;
	display:none;
	}
.DivLeft{
	position: fixed;
	margin-top: 100px;
	width: 30%;
	height: 74.5%;
	float: left;
	overflow-y: scroll;
	background-color: #fff;
	display:none;
}
.DivRight{
	position: fixed;
	margin-top: 100px;
	margin-left: 30%;
	width: 70%;
	float: right;
	height: 74.5%;
	background-color: #fff;
	overflow: overlay;
	display:none;
}
.DivMiddle {
    position: fixed;
    margin-top: 100px;
    /*width: 100%;*/
    float: right;
    height: 60%;
    background-color: #fff;
	width: calc(100% - 20px);
    margin-left: 10px;
}
.DivBottom{
	position: fixed;
	height:46px;
	width: 100%;
	bottom: 0;
	background-color: #FFBB22;
}
.MemuList {
	margin: 6px;
	width: 95%;
	height:100px;
}
.DivGroupList {
	margin: 5px;
    text-align: center;
	width: 90%;
	line-height: 36px;
	left: 13px;
	top: 172px;
}
.DivGroupList.on{
    margin: 5px;
    text-align: center;
    width: 90%;
    line-height: 36px;
    left: 13px;
    color: red;
    top: 172px;
}
.DviMemuBottom {
	display: inline-block;
    width: 49%;
    height: 100%;
    text-align: -webkit-center;
    line-height: 50px;
}
.MemuImg{
	display:inline-block;
	width:80px;
	height:80px;
	overflow: hidden;
}
.Memuinfo{
	font-size: 10px;
	display:inline-block;
	width: 66%;
	height: 80px;
	overflow: hidden;
}
.BillInfo{
	font-size: 10px;
	display:inline-block;
	width: 95%;
	height: 60px;
	overflow: hidden;
}
.TitleInfo{
	font-size: 10px;
	display:inline-block;
	width: 95%;
	height: 27px;
	overflow: hidden;
}
em.add {
	font-style: initial;
    font-size: 23px;
    float: right;
    background-color: #FFBB22;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    text-align: -webkit-center;
}
.BillList {
	width: 100%;
	height:60px;
}
.BillListTitle{
	width: 100%;
	height:21px;
}
p{
    margin: 0;
}
.DivTop p {
    margin-top: 19px;
}
em.MemuPrice {
    display: inline-block;
    font-size: 18px;
    font-style: inherit;
    width: 107px;
    text-align: center;
}
em.Memutitle {
    display: inline-block;
    width: 70%;
    overflow: hidden;
	height: 22px;
}
em.billtitle {
    display: inline-block;
    width: 38%;
    overflow: hidden;
    height: 34px;
}
em.Memutitle h2 {
	margin: 0px;
    width: 100%;
    overflow: hidden;
}
em.MemutitleTop {
    font-size: 17px;
    font-style: inherit;
}
em.MemuQuantity {
    display: inline-block;
    font-size: 18px;
    font-style: inherit;
    width: 47px;
}
.BillTotal {
    position: fixed;
    bottom: 60px;
    font-size: 16px;
    width: 95%;
}
.SubButton {
	font-style: normal;
    border: solid 1px #EEC900;
    background-color: #EEC900;
    font-size: 19px;
    width: 97px;
    height: 31px;
    text-align: center;
    border-radius: 14px;
    line-height: 31px;
    float: right;
    margin-top: 26px;
}
em.MemuStatus {
    display: inline-block;
    font-size: 15px;
    font-style: inherit;
    margin-left: 6px;
}
.TiltePerson {
    line-height: 40px;
    font-size: 18px;
    width: 36%;
    text-align: -webkit-left;
    float: left;
    margin-left: 22px;
}
#Person {
    margin: 11%;
    height: 395px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    padding: 20px;
    z-index: 99999;
    text-align: -webkit-center;
    line-height: 800px;
    font-size: 29px;
    background-color: white;
}
#PosMenuDetail {
    margin: 11%;
    height:360px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    padding: 20px;
    z-index: 99999;
    text-align: -webkit-center;
    line-height: 800px;
    font-size: 29px;
    background-color: white;
}
.Headtitle {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.HeadImg {
    margin-top: 10px;
    border: 1px dashed #FF00FF;
    margin-bottom: 10px;
}
.HeadQuantity {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: left;
    margin-left: 7%;
}
.HeadCookNote {
    width: 100%;
    height: 66px;
    line-height: 30px;
    font-size: 15px;
}
textarea#CookNote {
    height: 60px;
    vertical-align: top;
    width: 66%;
}
#PosMenuDetail .HeadImg img {
    width: 100%;
	height: 165px;
}
.HeadButton input[type="button"] {
    margin-top: 10px;
    margin-left: 62px;
    width: 68%;
}
#Person em {
    line-height: 20px;
}
.Title {
    line-height: 70px;
}
#Person input[type="text"] {
    width: 40%;
    float: right;
    margin-top: 5%;
    line-height: 24px;
    font-size: 18px;
    margin-right: 20px;
}
select{
    width: 83%;
    float: right;
    line-height: 24px;
    font-size: 18px;
    margin-right: 20px;
	    margin-bottom: 9%;
}
input[type="button"] {
    width: 50%;
    height: 38px;
    margin: 20px;
}
div#Orderlist {
    overflow: overlay;
    height: 100%;
}