div#main {
    padding: 0 3%;
}


/* phancy virtual table */

div.phxtablet,
div.phxtablet>div.phxthead,
div.phxtablet>div.phxtbody,
div.phxtablev,
div.ptv {
    margin: 0;
    border: 0;
    padding: 0;
}

div.phxtablet,
div.phxtablev,
div.ptv {
    display: table;
    width: 100%;
}

div.phxtablet.fixed,
div.phxtablev.fixed,
div.ptv.fixed {
    table-layout: fixed;
}

div.phxtablet.auto,
div.phxtablev.auto,
div.ptv.auto {
    width: auto;
}

div.phxtablet.center,
div.phxtablev.center,
div.ptv.center {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

div.phxtablet>div.phxthead {
    display: table-header-group;
}

div.phxtablet>div.phxtbody {
    display: table-row-group;
}

div.phxtablet>div:not(.phxthead):not(.phxtbody),
div.phxtablet>div.phxthead>div,
div.phxtablet>div.phxtbody>div,
div.phxtablev>div,
div.ptv>div {
    margin: 0;
    border: 0;
    padding: 0;
    display: table-row;
}

div.phxtablet>div:not(.phxthead):not(.phxtbody)>div,
div.phxtablet>div.phxthead>div>div,
div.phxtablet>div.phxtbody>div>div,
div.phxtablev>div>div,
div.ptv>div>div {
    margin: 0;
    border: 0;
    display: table-cell;
    vertical-align: middle;
}


/* table row height */

div.rh2em>div {
    height: 2em;
}


/* cell padding, number stands for cell-space */

div.cp06>div>div {
    padding: 3px;
}

div.cp10>div>div {
    padding: 5px;
}

div.cp20>div>div {
    padding: 10px;
    line-height: 26px;
}

div.cp1020>div>div {
    padding: 5px 10px;
    line-height: 26px;
}


/*phxtablev no outer padding*/

div.pvtnop>div>div:first-child {
    padding-left: 0;
}

div.pvtnop>div>div:last-child {
    padding-right: 0;
}

div.pvtnop>div:first-child>div {
    padding-top: 0;
}

div.pvtnop>div:last-child>div {
    padding-bottom: 0;
}


/*
 form 表单红色外框
 */

div.phxtablev.phxfieldset>div:first-child>div:nth-child(2)>span {
    background-color: white;
    font-weight: bold;
    color: grey;
    font-size: 12px;
}

div.phxtablev.phxfieldset>div:first-child>div:nth-child(2)>span:first-child {
    margin-left: 10px;
    padding-left: 5px;
    color: black;
    font-size: inherit;
}

div.phxtablev.phxfieldset>div:first-child>div:nth-child(2)>span:last-child {
    padding-right: 5px;
}

div.phxfieldset>div:first-child>div:first-child,
div.phxfieldset>div:first-child>div:last-child,
div.phxfieldset>div:last-child>div:first-child,
div.phxfieldset>div:last-child>div:last-child {
    width: 20px;
    height: 20px;
    background: url(../img/fieldset.png) no-repeat;
}

div.phxfieldset>div:first-child>div:nth-child(2),
div.phxfieldset>div:last-child>div:nth-child(2) {
    height: 20px;
    background: url(../img/fieldsethl.png);
    background-repeat: repeat-x;
}

div.phxfieldset.titleLeft>div:first-child>div:nth-child(2) {
    text-align: left;
}
div.phxfieldset.titleCenter>div:first-child>div:nth-child(2) {
    text-align: center;
}
div.phxfieldset.titleRight>div:first-child>div:nth-child(2) {
    text-align: right;
}

div.phxfieldset>div:nth-child(2)>div:first-child,
div.phxfieldset>div:nth-child(2)>div:last-child {
    width: 20px;
    background: url(../img/fieldsetvl.png);
    background-repeat: repeat-y;
}

div.phxfieldset>div:first-child>div:nth-child(2) {
    background-position: 0px 0px;
}

div.phxfieldset>div:last-child>div:nth-child(2) {
    background-position: 0px -20px;
}

div.phxfieldset>div:nth-child(2)>div:first-child {
    background-position: 0px 0px;
}

div.phxfieldset>div:nth-child(2)>div:last-child {
    background-position: -20px 0px;
}

div.phxfieldset>div:first-child>div:first-child {
    background-position: 0px 0px;
}

div.phxfieldset>div:first-child>div:last-child {
    background-position: -20px 0px;
}

div.phxfieldset>div:last-child>div:first-child {
    background-position: 0px -20px;
}

div.phxfieldset>div:last-child>div:last-child {
    background-position: -20px -20px;
}

div.phxfieldset>div:nth-child(2)>div:nth-child(2) {
    padding: 30px;
}


/* PFAM 表单自动生成机制 */

div.phxtablev input[type="text"],
div.phxtablev input[type="number"],
div.phxtablev input[type="password"],
div.phxtablev textarea,
div.phxtablev select {
    width: 100%;
}

div.phxtablev.radioes>div>div>input,
div.checkbox.samecell input {
    vertical-align: middle;
}

div.phxtablev.radioes>div>div>input {
    margin: 0;
}

div.checkbox.samecell input {
    margin: 0 5px;
}

div.checkbox.samecell input:first-child {
    margin-left: 0px;
}


/* div.phxtablev.rsp1005 > div > div > input[type="radio"] {
    margin-left: 10px !important;
    margin-left: 5px !important;
} */

div.phxtablev.radioes>div>div>span,
div.checkbox.samecell span {
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
}

div.phxtablev.radioes>div>div>span {
    margin-left: 5px;
}

div.checkbox.samecell span {
    margin-right: 5px;
}

div.checkbox.samecell span:last-child {
    margin-right: 0;
}


/* auto width and align right or left
   ptva: phxtablev align
 */

table.ar,div.ptvar,div.ar {
    width: auto;
    margin-left: auto;
    margin-right: 0;
}
table.al,div.ptval,div.al {
    width: auto;
    margin-left: 0;
    margin-right: auto;
}
table.ac,div.ptvac,div.ac {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

div.tal>div>div {
    text-align: left;
}

div.tac>div>div {
    text-align: center;
}

div.tar>div>div {
    text-align: right;
}
div.vat>div>div {
    vertical-align: top;
}


/* first column text align left */

div.fctal>div>div:first-child {
    font-weight: bold;
    text-align: left;
}


/* first column text align left */
div.fctar > div > div:first-child, div.fctar_ > div > div:first-child {
    text-align: right;
}
div.fctar > div > div:first-child {
    font-weight: bold;
}


/* justify */

div.fctaj>div>div:first-child {
    font-weight: bold;
    /* 两端对齐 */
    text-align-last: justify;
    -moz-text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
}

div.fctaj>div>div:first-child>span,
div.fctaj>div>div:first-child>p {
    text-align-last: justify;
    -moz-text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
    display: block;
    width: 100%;
}

/* first column width */

div.fcw5d0em>div>div:first-child {
    width: 5em;
}

div.xborder {
    border: 1px solid black;
}

div.xborder>div>div {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

div.xborder>div>div:last-child {
    border-right: none;
}

div.xborder>div:last-child>div {
    border-bottom: none;
}

/* phxsb: phx- styled border */
div.phxsb, div.phxsb > div > div {
    border-width: 1px;
    border-style: solid;
}
div.phxsb > div > div {
    border-left: none;
    border-top: none;
}
div.phxsb > div > div:last-child {
    border-right: none;
}
div.phxsb > div:last-child > div {
    border-bottom: none;
}

div.phxsb.gray, div.phxsb.gray > div > div {
    border-color: gray;
}
div.phxsb.lightgrey, div.phxsb.lightgrey > div > div {
    border-color:lightgrey
}

div.phxsb.sb-row {
    border-left: none;
    border-right: none;
}
div.phxsb.sb-row > div > div {
    border-right: none;
}
