.DivPrice
{
    width:10px;
    height:10px;
    display:inline-block;
	margin-right:3px;
	vertical-align:middle;
}
.ErrPrice {
    background-color:red;
}
.OkPrice {
	background-color: green;
}
.posselected {
    background-color:blue;
    color:white;
}
.prdsn, .prdamount, .prdpos {
    border-left:1px solid black;
    box-sizing:border-box;
    padding: 1px 3px;
}

.prdsnheader {
    border-top:1px solid black;
    background-color:lightgray;
}
.prdsnheader span{
    text-align:center;
}

    .prdsn{
        display:inline-block;
        width:80px;
    }
    .prdamount{
        display:inline-block;
        width:80px;
        text-align:center;
    }
    .prdpos{
        display:inline-block;
        width:80px;
        border-right:1px solid black;
    }

.DivInline
{
    display:inline-block;
	vertical-align:middle;
}
    .menuitem .label {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
        padding:2px;
    }

.menuitem:hover .label
{
    border-left:1px solid black;
    border-right:1px solid black;
    border-top:1px solid black;
    background-color:cyan;
    z-index:1000;
    position:relative;
}

.menuitem .box
{
    border:1px solid black;
    background-color:cyan;
    word-break:keep-all;
    width:220px;
    text-align:left;
}
.menuitem .berr
{
    color:red;
    background-color:black;
    padding:5px;
}
.divmenu
{
	text-align:center;
	position:relative;
}

.divmenu div.frame
{
	display:none;
}

.attpay .header {
    display: flex;
    margin: 2pt 0;
    padding: 2pt;
}

.attpay .header > * {
    vertical-align: middle;
}

.attpay .border {
    border: 1px solid #99bbe8;
    border-radius: 2pt;
    box-shadow: 2pt 2pt 5pt #3355b5;
}

.attpay .cover {
    width: 168px;
    height: 7px;
    position: absolute;
    /* border: 1px solid black; */
    left: 1px;
    bottom: 0px;
    background-color: white;
    display: none;
}

.attpay:hover .cover {
    display: block;
    z-index: 2;
}

.divmenu:hover div.frame
{
	display:block;
	position:absolute;
	background-color:#ffffff;
	left:0px;
    top: 17pt;
	width:auto;
	text-align:left;
    padding: 0.7em 1em;
}

    .payok{
        color:#bbbbbb;
    }

.menuitem:hover {
    position:relative;
	z-index: 1;
}

.menuitem:hover >a.nr
{
	position:relative;
	z-index:1;
    margin:0px;
    border-width:1px;
    border-style:solid solid none;
    background-color:#ffffff;
    color:#777777;
}

.menuitem .box,.menuitem .boxj
{
    display:none;
    position:absolute;
    background-color:#ffffff;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    padding:4px;
    left:0px;
    top:15px;
    font:12px 宋体;
}
.menuitem:hover .box
{
    display:block;
    z-index:999;
}

.menuitem .box div a
{
    color:#777777;
}
.menuitem .box a:hover
{
    color:#ffffff;
    text-decoration:none;
    background-color:#0000ff;
}

.templatebox {
    margin:200px auto 20px;
    padding:5px 0;
    border-top:5px dashed #880000;
}