html {
    font-size: 14px;
}

BODY {
    padding: 0px;
    font-size: 1rem;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    font-family: 宋体,楷体;
    border-right-style: none;
    border-left-style: none;
    background-color: #ffffff;
    border-bottom-style: none;
    background-repeat: no-repeat;
    text-align: center;
    color: #333333;
    /*background-image:url(../img/bg.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    height: 100%;
}
div.editbody {
    width:100%;
}
.product {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 2rem;
    line-height: 2.2rem;
    text-align: center;
    text-shadow: 0.2rem 0.2rem 0.4rem #999;
    font-weight: 700;
    display: block;
    background-position: left center;
}

.homepage {
    height: 100%;
    /*background-image:url(../img/screen-1920.png);*/
}

.homeheader {
display: block;
    height: 3.5rem;
    /*background-color: #f7f7f7;*/
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid #cccccc;
    line-height: 3.5rem;
}

.homeheader.hasProduct {
    background-image: none;
}

.homebody {
    display: block;
    /*height:calc(100% - 6rem);*/
    min-height:30rem;
}

.homefooter {
    background-color: #f2f2f2;
    border-top: 1px solid #cccccc;
    bottom: 0;
    display: block;
    height: 1rem;
    left: 0;
    position: fixed;
    width: 100%;
    line-height: 1rem;
    text-align: center;
    font-size: 0.8rem;
}

body.editpage, body.listpage {
    background-image: none;
    margin-left: 5px;
}

.arrowleft{
    width: 7px;
    height: 7px;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    transform: rotate(-135deg);
    display: inline-block;
}
.arrowright{
    width: 7px;
    height: 7px;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    transform: rotate(45deg);
    display: inline-block;
}
.arrowtop{
    width: 7px;
    height: 7px;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    transform: rotate(-45deg);
    display: inline-block;
}
.arrowbottom{
    width: 7px;
    height: 7px;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    transform: rotate(135deg);
    display: inline-block;
}

.LoginArea {
    border: 0px solid #eeeeee;
    color: #777777;
    display: none;
    font-size: 1.4rem;
    /*min-height: 16rem;*/
    line-height: 1rem;
    list-style: none outside none;
    margin: 0.5rem auto;
    width: 30rem;
    max-width: 95%;
    padding: 0.5rem;
    text-align: center;
	border-radius:1rem;
}
.LoginArea li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align:center;
}

.LoginArea li.header {
    margin-top: 0px;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
}

.LoginArea li.footer {
    margin-top: 1rem;
    text-align: center;
}

.LoginArea>li{
	/*display:none;*/
}
.LoginArea>li.header{
	/*display:list-item;*/
    border: 1px solid #999999;
    border-radius: 2rem;
}
.LoginArea>li.header:after{
	content:"▼";
	font-size: 1rem;
	line-height: 2.4rem;
}
.LoginArea.waiting>li.header:after{
	content:"╳";
	font-weight:bold;
	float:right;
}
.LoginArea.waiting{
	display:block;
}
.LoginArea.waiting>li.header{
	display:list-item;
    border: none;
}
@keyframes showlogin
{
    from {height: 0rem;border-width:0px;box-shadow: none;background-color: #ffffff;}
    to {height: 20rem;border-width:1px;box-shadow: 5px 5px 5px #777777;background-color: #f6f6f6;}
}
.LoginArea.waiting{
    background-color: #f6f6f6;
	/*position: fixed;*/
    z-index: 1000;
    margin: auto;
	animation: showlogin 1s;
	border-width:1px;box-shadow: 5px 5px 5px #777777;
}
.LoginArea.waiting>li{
	display:list-item;
}

.LoginArea li label {
    width: 8rem;
    display: inline-block;
    text-align: left;
}

.LoginArea li input[type=text],.LoginArea li input[type=password] {
    width: 12rem;
    color: #777777;
    border: 1px solid #cccccc;
    font-size: inherit;
    padding: 0.3rem;
    /*margin: 0.4rem 0rem;*/
}
.LoginArea li input[type=checkbox] {
    width: 1.2rem;
    height: 1.2rem;
}
.LoginArea li input:hover, .buttonface:hover {
    /*box-shadow:0 0 10px #36F;*/
}

.photofield {
    background-color: #fff;
    border: 1px solid #eeeeee;
    display: block;
    font-size: 1.2rem;
    height: 14rem;
    text-align: center;
    width: 12rem;
}

.photofield img {
    border: medium none;
    display: block;
    margin: 0 auto;
    max-width: 10rem;
}

.photofield input {
    border: 0 solid;
    margin: 0;
    padding: 0;
    width: 6rem;
}

.photofield .photofieldbar {
    border-bottom: 1px solid #eeeeee;
}

.ajax-file-upload {
    font-family: 宋体,楷体;
    font-size: 1rem;
    font-weight: normal;
    height: 2rem;
    line-height: 2rem;
    /* margin: auto; */
    padding: 0 1rem;
    border-radius: 1rem;
    /* box-shadow: none; */
}


.homeheader .UserInfo[data-haslogo="1"] {
    background-image: none;
}

.homeheader .UserInfo img.UserLogo {
    border-radius: 0.3rem;
    display: inline-block;
    float: left;
    margin: 1rem 1rem 0 0;
    max-height: 5rem;
    position: relative;
}

.homeheader .UserInfo span {
    display: inline-block;
    position: relative;
}

.homeheader .leftbar, .homeheader .rightbar {
    width: 45%;
    display: inline-block;
}

.homeheader .leftbar {
    float: left;
    text-align: left;
    margin-left: 2rem;
}

.homeheader .rightbar {
    float: right;
    text-align: right;
    margin-right: 2rem;
}


.homebody .navMenu {
    display: block;
    text-align: center;
    vertical-align: middle;
    /*width: 27rem;*/
    margin: 1rem auto;
   
}

.homebody .navMenu .navMenuItem {
    background-image: url(../img/iconmenu.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 6rem;
    width: 6rem;
  border-width:0;
  border-style:solid;
  border-color:rgba(51, 102, 255, 1);
  border-radius:5rem;
  box-shadow:none;
    font-size: 1rem;
    margin: 0.5rem;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  color:#FFFFFF;
  /*float:left;*/
  display:inline-block;
  line-height:6rem;
}

.homebody .navMenu .navMenuItem:hover {
        box-shadow: 5px 5px 5px #111111;
}

.homebody .navMenu .navMenuItem a {
    color: inherit;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


.homebody .navMenu .navMenuItemSpliter {
display: block;
    background-color: #f7f7f7;
    width: 100%;
    height: 3rem;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* float: left; */
    line-height: 3rem;
    color: #902222;
}

.nobgimage {
    background-image: none!important;
}

.homeheader .navMenu {
     text-align: center;
    vertical-align: middle;
    width: 100%;
    font-size: 2rem;
}

.homeheader .navLogo {
    display: inline-block;
    /* text-align: left; */
    vertical-align: middle;
    width: 6rem;
    height: 6rem;
    background-image: url(../img/logo.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0rem;
}

.homeheader .navMenu .navMenuItemSpliter {
    display: inline-block;
    margin: 0 1rem;
    background-color: #eeeeee;
    width: 1px;
    height: 3rem;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #777777;
    display: inline-block;
    /*font-size: 1.4em;*/
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
}
.topMenuItem,
.homeheader .navMenu .navMenuItem {
    /*background-image: url(../img/icons2.png);*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 2rem;
    color: #777777;
    display: inline-block;
    /* font-size: 1.4em; */
    font-weight: 400;
    height: 3rem;
    margin: 3px 2px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 3.5rem;
    /* border: 1px solid #ff0000; */
    float: left;
    line-height: 5rem;
    vertical-align: top;
    font-size: 0.8rem;
	overflow: hidden;
}
    /*.navMenu .navMenuItem.iconhome {
    background-position: -622px -15rem;
}*/
.topMenuItem span,.topMenuItem a,
.homeheader .navMenu .navMenuItem a, .homeheader .navMenu .navMenuItem span {
    display: block;
    height: 3rem;
    line-height: 5rem;
    padding-top: 0;
    vertical-align: top;
    font-size: 0.8rem;
	overflow: hidden;
}
.topMenuItem {
    position: fixed;
top: 4px;
    right: 0;
}
.homeheader .navMenu .navMenuItem:hover {
    /*box-shadow: 5px 5px 10px #222222;
border-radius:6px;*/
}

.homeheader .navMenu .navMenuItem.LogOutBtn {
    background-image: url("../img/exit.png");
}
.homeheader .navMenu .navMenuItem.LogInBtn {
    background-image: url("../img/imguserphoto.png");
}
.homeheader .navMenu .navMenuItem.ExitBtn {
    background-image: url("../img/exit0.png");
}
.homeheader .navMenu .navMenuItem.iconlogo {
    background-image: url("../img/logo.png");
    background-size: 3.2rem;
}

.homeheader .navMenu .navMenuItem.iconhome {
    background-image: url("../img/home.png");
}

.homeheader .navMenu .navMenuItem.iconadd {
    background-image: url("../img/add.png");
}

.homeheader .navMenu .navMenuItem.iconback {
    background-image: url("../img/back.png");
    background-position: center 0px;
    float:right;
}

.homeheader .navMenu .navMenuItem.iconrefresh {
    background-image: url(../img/recycle.png);
    background-position: center 0px;
}

.homeheader .navMenu .navMenuItem.iconimport {
    background-image: url("../img/upgrade.png");
    background-position-y: 4px;
}

.homeheader .navMenu .navMenuItem.icon6-11 {
    background-image: url("../img/icons6.png");
    background-position: 0px 0px;
}

.homeheader .navMenu .navMenuItem.icon6-12 {
    background-image: url("../img/icons6.png");
    background-position: -15rem 0px;
}


.homeheader .navMenu .navMenuItem.UserInfo {
    background-image: url(../img/imguserphoto.png);
    float: right;
}

.homeheader .navMenu .navMenuItem.iconfile {
    background-image: url(../img/file.png);
}
.homeheader .navMenu .navMenuItem.iconimg {
    background-image: url(../img/photography.png);
}
.homeheader .navMenu .navMenuItem.iconbill {
    background-image: url(../img/billing.png);
}
.homeheader .navMenu .navMenuItem.iconorder {
    background-image: url(../img/order.png);
}
.homeheader .navMenu .navMenuItem.iconbank {
    background-image: url(../img/bank.png);
}
.homeheader .navMenu .navMenuItem.iconnote {
    background-image: url(../img/note.png);
}
.homeheader .navMenu .navMenuItem.iconsysconfig {
    background-image: url(../img/set.png);
}
.homeheader .navMenu .navMenuItem.iconhengping {
    background-image: url(../img/henping.png);
}

.homeheader .navMenu .navMenuItem.UserInfo[data-userrole=""] {
    display:none;
}
.homeheader .AppName {
    background-image: none;
    font-size: 2rem;
    width: 50%;
    display: block;
    position: absolute;
    left: 30%;
    top: 0px;
    text-align: center;
    display: inline;
}

.SubmitEditForm, .GoBack, .ChangePWD, .AddBtn, .CancelEditForm, .btnNextStatus, .btnPrevStatus, .registerbtn, .BatchEditForm,.resetPwd,.actionButton,.buttonface, .buttonfacex,.dialogButton {
    border: 1px solid #cccccc!important;
    color: #333333!important;
    font-size: 1.2rem!important;
    padding: 0.3rem!important;
    width: 12rem!important;
    background-position: 10px center;
    background-repeat: no-repeat;
    border-radius: 2rem!important;
    display:inline-block;
    line-height:1.8rem;
    background-size: contain;
    background-color:#f7f7f7;
    text-align:center;
    font-weight:normal;
	margin: 1px auto;
}

.SubmitEditForm, .registerbtn,.btnNextStatus {
    background-image: url("../img/check.png");
}

.GoBack, .CancelEditForm, .btnPrevStatus{
    background-image: url("../img/undo.png");
}

.BatchEditForm {
    background-image: url("../img/download.png");
}

.SubmitEditForm:hover, .GoBack:hover, .ChangePWD:hover {
    /*box-shadow:0 0 10px #36F;*/
}

.SearchBar .buttonface,.SearchBar .buttonfacex {
    font-size: 1rem;
    height: 1.2rem;
    min-width: 3rem;
    line-height: 1.2rem;
    padding: 0.2rem 0.5rem;
    margin: 0px auto;
    text-align: center;
} 


img.logo {
    width: 4rem;
    height: 4rem;
}


FORM {
    margin: 0px;
    padding: 0px;
    border: none;
    text-align: left;
}

A, A:visited, A:active, A:link, A:focus /*,A:hover*/ {
    text-decoration: none;
    color: #333333;
    border: none;
    box-shadow: none;
}

Img {
    border-style: none;
    border-width: 0px;
    max-width: 100%;
}

TABLE {
    BORDER-RIGHT: #eeeeee thin;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #eeeeee thin;
    PADDING-LEFT: 0px;
    /*FONT-SIZE: 0.8rem;*/
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #eeeeee thin;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #eeeeee thin;
    BACKGROUND-COLOR: transparent;
}

HR {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    COLOR: red;
    /* BORDER-TOP-STYLE: none; */
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    HEIGHT: 1px;
    BORDER-BOTTOM-STYLE: none;
    margin: 10px auto;
}

SELECT,input{
 background-color:#ffffff;
}

INPUT.Document {
    BORDER-TOP-STYLE: none;
    BORDER-BOTTOM: black 1px solid;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
}

TEXTAREA.Document {
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM-STYLE: none;
}

TD.Border {
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 1px solid;
}

TABLE.ListControl {
    border: 1px solid #cccccc;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    /*background-color: #000000;*/
    table-layout: auto;
    width: 100%;
    line-height:1.2rem;
}
TABLE.noborder {
    border:none!important;
}

TABLE.ListControl Caption {
	padding: 0.4rem;
	font-size: 1.5rem;
	font-family: 宋体,黑体;
	/*background-color: #006699;*/
	font-weight: normal;
	line-height:2.4rem;
}

TABLE.ListControl TBODY {
    /*BACKGROUND-COLOR: #000000;*/
}

TABLE.ListControl TR.ListControl {
    /*BACKGROUND-COLOR: #FFFFFF;*/
}

TABLE.ListControl TR.ListControl:hover {
    BACKGROUND-COLOR: #eeeeee;
}
TABLE.ListControl TD.ListControl {
    /*BACKGROUND-COLOR: #ffffff;*/
}

TABLE.ListControl TH.ListControl {
    /*COLOR: white;*/
    HEIGHT: 2rem;
    /*BACKGROUND-COLOR: #33cccc;*/
    TEXT-ALIGN: center;
}

TABLE.ListControl THEAD.ListControl {
    BACKGROUND-COLOR: #bff4ff;
}

TABLE.ListControl TFOOT.ListControl {
    BACKGROUND-COLOR: #bff4ff;
}

TABLE.ListControl TBODY.ListControl {
    BACKGROUND-COLOR: #ffffff;
}

TABLE.ListControl TR.ListControlHead,TABLE.ListControl THEAD TR {
    color: #6699FF;
    height: 2rem;
    text-align: center;
    background-color: #eeeeee;
}

TABLE.ListControl .ListControlHead TD {
    CURSOR: n-resize;
    COLOR: black;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #eeeeee;
}

TABLE.ListControl .ListControlHead TH {
    COLOR: black;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #eeeeee;
}

TABLE.ListControl TR.ListControlFoot {
    HEIGHT: 2rem;
    BACKGROUND-COLOR: #f0f0f0;
    TEXT-ALIGN: left;
}

TR.ListControlFoot TD, TR.ListControlFoot TH {
    HEIGHT: 2rem;
    BACKGROUND-COLOR: #f0f0f0;
    TEXT-ALIGN: left;
}

TD.ListControlFoot, TH.ListControlFoot {
    HEIGHT: 2rem;
    BACKGROUND-COLOR: #f0f0f0;
    TEXT-ALIGN: right;
}

TR.ListControlPager {
    HEIGHT: 2rem;
    /* BACKGROUND-COLOR: #ccffff; */
}

TD.ListControlPager, TH.ListControlPager {
    BACKGROUND-COLOR: #33cccc;
}

TR.ListControlBody {
    BACKGROUND-COLOR: #ffffff;
    HEIGHT: 2.8rem;
}

TD.ListControlBody, TH.ListControlBody {
    CURSOR: wait;
    BACKGROUND-COLOR: #ffffff;
    HEIGHT: 2.8rem;
}

TR.ListControlBodyAlternating {
    BACKGROUND-COLOR: #D1E8FE;
    HEIGHT: 2.8rem;
}

TD.ListControlBodyAlternating, TH.ListControlBodyAlternating {
    cursor: wait;
    background-color: #D1E8FE;
    height: 2.8rem;
}

TR.ListControlSelected {
    background-color: #66FFFF;
    height: 2.8rem;
}

TD.ListControlSelected {
    cursor: wait;
    background-color: #66FFFF;
    height: 2.8rem;
}

TH.ListControlSelected {
    cursor: wait;
    background-color: #66FFFF;
    height: 1.2rem;
}

TR.ListControlPager Table, TR.ListControlPager A, TR.ListControlPager SPAN, TR.ListControlPager Table TR TD {
    border-style: none;
    border-width: 0px;
    font-size: 1.2rem;
    font-weight: bold;
    /*background-color: #FFFFFF;*/
}
TR.ListControlPager Table TR TD span,
TR.ListControlPager Table TR TD A {
    margin:0 0.5rem;
    color: #222222;
}
TR.ListControlPager Table TR TD A {
    color:#6699ff;
}
/*TR.ListControlPager Table TR TD span::after,
TR.ListControlPager Table TR TD A::after{
content:"页";
}
TR.ListControlPager Table TR TD span::before,
TR.ListControlPager Table TR TD A::before{
content:"第";
}*/

SPAN.title {
    FONT-SIZE: 1.2rem;
    COLOR: #ffffff;
}

SPAN.ErrorMsg {
    FONT-SIZE: 1rem;
    COLOR: #ff0000;
}

#TitleLabel {
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.2em;
    LEFT: 50px;
    COLOR: #330066;
    FONT-STYLE: normal;
    POSITION: relative;
}

.Sorter {
    CURSOR: n-resize;
}

.Filter {
    CURSOR: wait;
}

.ErrorText {
    FONT-SIZE: 1rem;
    COLOR: red;
}

.FilterField {
    CURSOR: wait;
}

.ThumbImg, .ThumbImg > img,Img.sampleImg,.sampleImg >img {
    BORDER: none;
    MAX-WIDTH: 6rem;
    MAX-HEIGHT: 6rem;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    background-image:url(/noimage);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    max-width:6rem;
    max-height:6rem;
    display:block;	
    min-width: 4rem;
    /*min-height: 4rem;*/
}

.ThumbImg[src], .ThumbImg > img[src],Img.sampleImg[src],.sampleImg >img[src] {
background-image:none!important;
}
Img.sampleImg,.sampleImg >img{
border:1px solid #ff0000;
max-width:8rem;
max-height:8rem;
}

#results {
    COLOR: #ff0000;
}

INPUT.Subject {
    WIDTH: 90%;
}

TEXTAREA INPUT {
    font-family: 宋体;
    FONT-SIZE: 1.2rem;
}

IMG.ImgTitle {
    VERTICAL-ALIGN: baseline;
    BORDER-TOP-STYLE: none;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    HEIGHT: 18px;
    BORDER-BOTTOM-STYLE: none;
}

.ProgressBar {
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    DISPLAY: none;
    Z-INDEX: 99;
    LEFT: 10rem;
    OVERFLOW: hidden;
    BORDER-LEFT: gray 1px solid;
    WIDTH: 300px;
    BORDER-BOTTOM: gray 1px solid;
    POSITION: absolute;
    TOP: 10rem;
    HEIGHT: 15px;
    BACKGROUND-COLOR: white;
}

TABLE.Banner {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #6699cc;
}

TR.Banner {
    BACKGROUND-COLOR: #6699cc;
}

TD.Banner TH.Banner {
    COLOR: #33cccc;
    BACKGROUND-COLOR: #6699cc;
}

A.Banner {
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: none;
}

    A.Banner:hover {
        color: #FFFF99;
    }

.HtmlEditPad {
    BORDER-RIGHT: #999999 thin inset;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #999999 thin inset;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(../Images/zh-cn/bgEditPad.gif);
    MARGIN: 2px;
    OVERFLOW: scroll;
    BORDER-LEFT: #999999 thin inset;
    WIDTH: 100%;
    BORDER-BOTTOM: #999999 thin inset;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 340px;
    TEXT-ALIGN: left;
}

.KeywordPad {
    BACKGROUND-POSITION: right center;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(../Images/zh-cn/bgKeywordPad.gif);
    BACKGROUND-REPEAT: no-repeat;
}

.TipsObject {
    z-index: 2000;
    position: absolute;
    color: #000000;
    background-color: #f3f3f3;
    border: 1px solid #cccccc;
    padding: 5px;
    left: 0;
    top: 0;
    display: none;
}

.divScroll {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
}

input.labelText {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: transparent;
}


DIV.tableContainer {
    CLEAR: both;
    BORDER-RIGHT: #5f8dc0 1px solid;
    BORDER-TOP: #5f8dc0 1px solid;
    OVERFLOW: auto;
    BORDER-LEFT: #5f8dc0 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #5f8dc0 1px solid;
}


TBODY.scrollContent TD {
    BORDER-RIGHT: #5f8dc0 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #5f8dc0 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: #5f8dc0 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #5f8dc0 1px solid;
}

TBODY.scrollContent TR.normalRow TD {
    BORDER-RIGHT: #5f8dc0 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #5f8dc0 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: #5f8dc0 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #5f8dc0 1px solid;
}

.HtmlEditPad {
    background-position: center center;
    background-attachment: fixed;
    background-image: url(./Images/bgEditPad.gif);
    background-repeat: no-repeat;
    BORDER-RIGHT: #999999 thin inset;
    BORDER-TOP: #999999 thin inset;
    MARGIN: 2px;
    OVERFLOW: scroll;
    BORDER-LEFT: #999999 thin inset;
    WIDTH: 100%;
    BORDER-BOTTOM: #999999 thin inset;
    HEIGHT: 24rem;
    TEXT-ALIGN: left;
}

.LimitedLengthField {
    border-width: 1px;
    border-style: none none dotted none;
    border-color: #CC6600;
    display: inline;
    padding-bottom: 2px;
}



TABLE.TablePage {
    background-color: #eeeeee;
}

TR.TablePage {
    background-color: #ffffff;
    height: 30px;
}

TD.TablePageSelected {
    COLOR: black;
    BACKGROUND-COLOR: #33cccc;
    TEXT-ALIGN: center;
    height: 30px;
    width: 10rem;
}

TD.TablePageUnSelected {
    COLOR: black;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center;
    height: 30px;
    width: 10rem;
}

Button.Navigate {
    width: 24rem;
    height: 60px;
    background-image: url(../images/buttonbg.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}

.CalendarDay {
    border-width: 1px;
    border-color: #6699FF;
    vertical-align: top;
    font-size: 1.2em;
    font-family: 宋体;
    font-weight: bold;
}

.CalendarWeekendDay {
    border-width: 1px;
    border-color: #6699FF;
    vertical-align: top;
    font-size: 1.2em;
    font-family: 宋体;
    font-weight: bold;
    color: #FF0000;
    background-color: #FFFFCC;
}

Table.EditControl {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px;
    padding-top: 0px;
    /*background-color: #cccccc;*/
    min-width: 320px;
    empty-cells: show;
    /*box-shadow:10px 10px 8px #333333;*/
    width: 100%;
}

Table.EditControl TH,Table.EditControl TD {
    background-color: #ffffff;
    border:1px solid #999999;
}

Table.EditControl THEAD {
    /*background-color: #bff4ff;*/
    font-size: 1.2em;
    font-weight: bold;
}

Table.EditControl TFOOT {
    /*background-color: #bff4ff;*/
}

Table.EditControl TBODY {
    /*background-color: #bff4ff;*/
}

TR.EditControlHead {
    height: 30px;
    /*background-color: #bff4ff;*/
}

TR.EditControlHead TD TH {
    background-color: #FFFFFF;
}

TR.EditControlFoot {
    background-color: #eeeeee;
}

TD.EditControlFoot TH.EditControlFoot {
    background-color: #FFFFFF;
}

TR.EditControlBody {
    background-color: #f5f5f5;
}

TR.EditControlBody TD TH {
    background-color: #FFFFFF;
}

.titlebar {
    border: 0px none #FFFFFF;
    background-color: #FFFFFF;
    table-layout: auto;
    width: 100%;
    display: inline-table;
}

.titlebar .logo_left {
    float: left;
}

.titlebar .logo_right {
    float: right;
}

.userBar {
    background-image: url( '../Images/loginimages/userBg.png' );
    background-repeat: repeat;
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 2.8rem;
    color: #FFFFFF;
    font-size: 16px;
}

.userBar .user_left {
    border-width: 0px;
    border-style: none;
    padding: 0px;
    margin: 0px 10px 0px 10px;
    float: left;
}

.userBar .user_right {
    border-width: 0px;
    border-style: none;
    padding: 0px;
    margin: 0px 10px 0px 10px;
    float: right;
}

.userBar label {
    border-style: none;
    border-width: 0px;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0px 10px 0px 10px;
    padding: 4px;
    position: absolute;
    height: 26px;
}

.navTree {
    padding: 10px 2px 10px 2px;
    margin: 0px;
    background-color: #e0e0e0;
    font-size: 14px;
    color: #000000;
    width: 166px;
    display: block;
    height: 40rem;
}

.navTree A {
    color: #000000;
}

.navTree A:hover {
    color: #0000FF;
}

.userInfoBar {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 26px;
    color: #000000;
    font-size: 16px;
}

.msgbar {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 26px;
    font-size: 16px;
    background-color: #999999;
}

.workFrame {
    border-style: none;
    border-width: 0;
    border-color: inherit;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

/*.arealeft {
    border: 0px dotted #000000;
    padding: 0px;
    margin: 0px;
    float: none;
    height: 40rem;
    position: relative;
    vertical-align: top;
    display: block;
    background-color: #e0e0e0;
    width: 170px;
}

.arearight {
    border: 0px double #FF00FF;
    padding: 0px;
    margin: 0px;
    position: relative;
    float: none;
    width: 80rem;
    height: 40rem;
    vertical-align: top;
}*/

.textblock {
    margin: 0px 10px 0px 10px;
}

.SearchBar {
    background-color: #eeeeee;
    border-style: none;
    display: block;
    font-size: 1rem;
    line-height: 2em;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    text-align:left!important;
}

/*.SearchBar:before {
    border-right: 1px inset #777777;
    content: "筛选";
    display: inline-block;
    font-size: 1.2em;
    padding: 0 10px;
}*/

.SearchBar input, .SearchBar select {
    float: none;
    font-size: 1rem;
    /*margin-left: 0;*/
    /*margin-right: 10px;*/
}
.SearchBar input[type="text"]{
    width:8rem;
  }
.SearchBar input[type="checkbox"],.SearchBar input[type="radio"] {
	margin-right: 0px;
}
/*.SearchBar input[type=text]::after {
    content:"x";
    display:inline-block;
    width:1rem;
    height:1rem;
    margin-left:2rem;
    background-image: url(./images/ui-icons_555555_256x240.png);
    background-size: 256px;
    background-repeat: no-repeat;
    background-position: -96px -128px;
}*/
.SearchBar input.date{
    width:6rem;
}
.Star {
    color: #FF0000;
}

A.delBtn, A.printorder, A.compSiOrder, A.rollbckSiOrder, A.orderflow {
    color: #0000CC;
    cursor: pointer;
}

A:visited.delBtn, A:visited.printorder, A:visited.compSiOrder, A:visited.rollbckSiOrder, A:visited.orderflow {
    text-decoration: none;
    color: #0033CC;
}

A:active.delBtn, A:active.printorder, A:active.compSiOrder, A:active.rollbckSiOrder, A:active.orderflow {
    TEXT-DECORATION: none;
    color: #0033CC;
}

A:link.delBtn, A:link.printorder, A:link.compSiOrder, A:link.rollbckSiOrder, A:link.orderflow {
    TEXT-DECORATION: none;
    color: #0033CC;
}

A:hover.delBtn, A:hover.printorder, A:hover.compSiOrder, A:hover.rollbckSiOrder, A:hover.orderflow {
    COLOR: #00ffff;
    TEXT-DECORATION: none;
}

.readonly {
    color: #999999;
}

Input[type="image"] {
    border-style: none;
    border-width: 0;
    position: relative;
    top: 7px;
    background-color: transparent;
}

.EditForm {
	padding:0.3rem;
}

input.EditForm,textarea.EditForm {
    width: 20rem;
}

input.EditForm.uploadField {
    width: 15rem;
    display: none;
}
input[type=number]{
    width:10rem;
}
input[type=number].intNumber{
    width:4rem;
}
textarea.EditForm {
    height: 6rem;
}

select.RefLeftList {
    border: none;
    /*margin-left: -1.8rem;*/
    display: inline-block;
    width: 1.5rem;
    color: #999999;
    font-size:inherit;
    padding: 0.2rem;
}
select.RefLeftList:empty{
    display:none;
}
select.RefLeftList:active,select.RefLeftList:hover,select.RefLeftList:focus{
    border: none;
    /*margin-left: -20.8rem;
    width: 1.5rem;*/
}
.LoginArea select.RefLeftList:active,.LoginArea select.RefLeftList:hover,.LoginArea select.RefLeftList:focus{
    /*margin-left: -12.8rem;*/
    /*width: 12rem;*/
}
.Required {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url( '../img/required.png' );
    background-size:auto;
}

.datepicker {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url( '../img/datePicker.gif' );
    background-size: contain;
}

.ui-menu-item A {
    font-size: 14px;
    font-family: 宋体;
}

.submitKeepOpen {
}

.filter {
    cursor: pointer;
}

.MapListBar {
    border-style: none;
    padding: 0px;
    margin: 0px;
    visibility: hidden;
    display: none;
}

.MapListBar * {
    visibility: hidden;
    display: none;
}

.listAction, .listLink,.attachLink {
    margin: auto;
    display: inline-block;
    /*background-color: transparent;*/
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 1.2rem;
    min-height: 1rem;
    /*padding-left:1.2rem;*/
}
.attachLink,a.attachLink {
    background-image: url(../img/link.png);
    color:#5f8dc0;
}
.attachLink[href=""] {
    display:none;
}
/*.listAction:after{
content:attr(title);
display:inline-block;
min-width:50px;
height:30px;
}*/
.updBtn {
    background-image: url(../img/edit.png);
}
.checkBtn {
    background-image: url(../img/check.png);
}
.uncheckBtn {
    background-image: url(../img/cancel.png);
}
.delBtn {
    background-image: url(../img/delete.png);
    background-size: 0.8rem;
}
.subBtn {
    background-image: url(../img/info.png);
}

.upgradeBtn {
    background-image: url(../img/upgrade.png);
}

.addBtn {
    background-image: url(../img/add.png);
}
.excelBtn {
    background-image: url(../img/excel.png);
}
.redoBtn {
    background-image: url(../img/redo.png);
}
.clockBtn {
    background-image: url(../img/clock.png);
}

.dateBtn {
    background-image: url(../img/date.png);
}
.searchBtn {
    background-image: url(../img/search.png);
    background-size: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
}
.folderBtn {
    background-image: url(../img/folder.png);
}

.infoBtn {
    background-image: url(../img/info.png);
}

.setBtn {
    background-image: url(../img/set.png);
}

.userBtn {
    background-image: url(../img/User.png);
}

.infoBtn {
    background-image: url(../img/info.png);
}

.keyBtn {
    background-image: url(../img/key.png);
}

.keymBtn {
    background-image: url(../img/keym.png);
}

.downloadBtn {
    background-image: url(../img/download.png);
}

.filterBtn {
    background-image: url(../img/arrowr.png);
}
.undoBtn {
    background-image: url(../img/back.png);
}
.pathBtn {
    background-image: url(../img/path.png);
}
.shareBtn {
    background-image: url(../img/share.png);
}
.shareBtn[data-status="0"] {
    background-image: url(../img/unshare.png);
}
.redoBtn {
    background-image: url(../img/redo.png);
}
.copyBtn {
    background-image: url(../img/copy.png);
}
.folerinBtn {
    background-image: url(../img/folderin.png);
}
.foleroutBtn {
    background-image: url(../img/folderout.png);
}
.listBtn {
   background-image: url(../img/calendar.png);
}
.imgBtn {
   background-image: url(../img/photography.png);
}
.billBtn {
   background-image: url(../img/billing.png);
}
.rmbBtn {
   background-image: url(../img/rmb.png);
}
.noteBtn {
   background-image: url(../img/note.png);
}
.cropBtn {
   background-image: url(../img/cropper.png);
}
.lockBtn {
   background-image: url(../img/lock.png);
   background-size:1.5rem;
}
.unlockBtn {
   background-image: url(../img/unlock.png);
   background-size:1.5rem;
}

td.listthumb img, img.listthumb  {
   /*height: 8rem;*/
    border:none;
}
textarea.userarray {
    width: 99%;
    min-height: 12rem;
}

.ui-dialog .ui-dialog-content {
    padding: 0em;
}

iframe {
    border: none;
}
.labeltext {
    font-weight:bold;
}
TH.actionColumn, TD.actionColumn {
    max-width: 14rem!important;
    min-width: 2rem;
    text-align: center;
}

a.download {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/download.png);
    background-size: contain;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-block;
}

.navMenu .navMenuItem.iconset {
    background-position: -62rem -15rem;
    background-image: url(../img/icons2.png);
}

.navMenu .navMenuItem.icondate {
    background-position: 0px -15rem;
    background-image: url(../img/icons2.png);
}

.navMenu .navMenuItem.iconhelp {
    background-image: url(../img/help.png);
    float:right;
}

Select.Required {
    background-position-x: 25rem;
    /*width: 27rem;*/
}

.homeheader .navMenu .navMenuItem.HelpBtn {
    background-image: url("../img/help.png");
}

.homeheader .navMenu .navMenuItem.pcver {
    background-image: url("../img/networking.png");
}

.homeheader .navMenu .navMenuItem.mver {
    background-image: url("../img/android.png");
}

/*TABLE.ListControl TR.ListControl:hover {
    BACKGROUND-COLOR: #bff4ff;
}*/

.webeditor {
    display: none;
}

.ui-dialog {
    padding: 0px!important;
}

input.DateTimeField {
    width: 9rem;
}

Table.EditControl > Caption {
    /*display: none;*/
        font-size: 1.6rem;
}

div#jquery_alert,.jquery_alert,div#jquery_tips,.jquery_tips{
    display: block;
    min-width: 10rem;
    /* height: 10rem; */
    max-width: 60rem;
    max-height: 20rem;
    background-color: #f0f0f0;
    border: 1px solid #777777;
    margin: auto auto;
    border-radius: 0.5rem;
    line-height: 2rem;
    vertical-align: middle;
    text-align: center;
    box-shadow: 5px 5px 5px #444444;
    position: fixed;
    left: 25%;
    top: 18%;
    min-height: 4rem;
    font-size: 1.2rem;
    color:#ff0000;
    z-index:999999;
}
#jquery_alert {
    color: red;
    line-height: 2.4rem;
}
ul {
    padding-left:0;
    padding-right:0;
    list-style-type: none;
}
ul.navlist {
    font-size: 2rem;
    line-height: 3.2rem;
}

    ul.navlist li {
    }

        ul.navlist li a {
        }

            ul.navlist li a:hover {
                color: red;
            }

img.UserPhoto {
    display: inline-block;
    max-height: 10rem;
    max-width: 10rem;
}
/*img.UserPhoto:after {
    content:"请上传手持身份证的照片";
    display:inline-block;
    color:red;
}*/

.ajax-file-upload-statusbar {
    max-width: 20rem!important;
}

.ajax-file-upload-progress {
    max-width: 10rem!important;
}

.ajax-file-upload-bar {
    height: 1rem!important;
    font-size: 8px;
    line-height: 1rem;
}

.ajax-file-upload-filename {
    display: none!important;
}

img.myqrcode {
    width: 80%;
    max-width: 40rem;
    max-height: 80%;
    border: 4px solid #ffffff;
    margin: auto;
    display:block;
}

input.txtqrcode {
    width: 20rem;
    pointer-events: none;
    color: #eeeeee;
    border: none;
    font-size: 1.2rem;
    text-align:center;
}

    input.txtqrcode:hover, input.txtqrcode:focus {
        border: none;
    }

input.txtticker {
width: 8rem;
    font-size: 1rem;
    line-height: 1.3rem;
    height: 1.5rem;
    font-weight: bold;
}

.tickerdefault {
    border: 1px solid #eeeeee;
    padding: 0.6rem 2rem;
    font-size: 1rem;
    border-style: outset;
    background-color: #eeeeee;
}

ul.logarea {
}

ul.logarea > li {
    list-style: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.logarea > li.erritem {
    color: #ff0000;
}

dl {
    text-align: center;
    font-size: 1.2rem;
    margin: 2px auto;
}

dl > dt {
    margin: 4px auto;
}



button.refreshCode {
    font-size: 2rem;
    width: 20rem;
    line-height: 3rem;
    border-radius: 2rem;
}

input[readonly] {
    border: none;
    background-color: transparent;
    font-weight: bold;
}

.ui-dialog .ui-dialog-title {
    font-size: 1.2rem!important;
}

span.tickerInfo {
    font-size: 1.2rem;
    color: #000000;
    font-weight: bold;
}

.toExcel,toHtmlFile {
}
TABLE.ListControl.toExcel Caption::after,
TABLE.ListControl.toHtmlFile Caption::after {
    content: "双击导出Excel";
    display: inline-block;
    /* background: #eeeeee; */
    border: 1px solid #eeeeee;
    font-size: 0.8rem;
    padding: 4px 4px 4px 4px;
    border-style:solid;
    float: right;
    background-image: url(../img/excel.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 8rem;
    height: 1rem;
    line-height:1rem;
    text-align:right;
    top: 1rem;
    position: relative;
}
/*TABLE.ListControl.toHtmlFile Caption::after {
    content: "双击分享";
    background-image: url(../img/barcode.png);
    background-color: #cccccc;
    width: 4.5rem;
    color: #5f8dc0;
}*/
.shareBarCode {
    background-image: url(../img/barcode.png);
    background-color: #cccccc;
    background-size:contain;
    width: 2rem;
    height:2rem;
    color: #5f8dc0;
}

input[data-argvalue="UserName"] {
    width: 8rem;
    font-size: 1rem;
}

.ui-button .ui-button-text {
    display: none;
}

.caption {
    margin: 1rem auto;
    font-size: 1.5rem;
    line-height: 2rem;
}
div.caption{
color:#333333;
text-align:center;
}
.notice,input[type=radio]:checked + span,input[type=checkbox]:checked + span,
.notice,input[type=radio]:checked + label,input[type=checkbox]:checked + label  {
    color: #ff0000;
    font-weight: normal;
}


div.Document {
    padding:1rem;
}
.dateright {
    float:right;
}
div.FileContent {
    text-align: left;
}
div.FileAttachPath {
    text-align:left;
    color:#5f8dc0;
}
div.FileAttachPath[data-path=''] {
    display:none;
}

ul.listButton {
    display:block;
    list-style:none;
    text-align:center;
}
ul.listButton .buttonfacex {
width: 20rem;
    text-align: center;
    background-image: url(../img/btn_bg.png);
    color: #ffffff;
}
td.scoleText {
    font-weight:800;
    color:#2196F3;
    line-height: 1.6rem;
}

.printBtn {
    display: none;
    background-color: #ffffff;
    text-align: center;
}
.statusBtn {
    display:none;
    width:3rem;
    border:1px solid #ffffff;
    text-align:center;
    background-color: #ffffff;
}
/*tr.ListControl[data-status="0"] {
    background-color:#f0f0f0;
}*/
/*table.mobileList {
    min-width:1024px;
}*/
table.mobileList td, table.mobileList th {
    /*white-space:nowrap;*/
    text-overflow:initial;
}
/*body.editpage table.EditControl Caption {
    display:none;
}*/

.rightBtn{
    float:right;
}
.certcode,.mobileno,.multifiles {
}

.imgshownext{
background-color: transparent;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 2px 2px;
    text-align: center;
    vertical-align: middle;
    float: left;
    position: relative;
    top: 50%;
    background-image: url(../img/btnprev.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color:#aaaaaa;
    border:1px solid #333333;
    border-radius: 2.5rem;
}
.imgshownext:hover {
    background-color: #ffffff;
}
.imgshownext.rightrow {
float:right;
background-image:url(../img/btnnext.png);
}
.imgshownext.closerow {
    float: right;
    background-image: url(../img/btnclose.png);
    top:30px;
}
.imgshownext.roaterow {
    float: right;
    background-image: url(../img/btnroate.png);
    top: 80px;
    right: -84px;
}
.loadingbg,.loading {
    background-image:url(../img/loading.gif);
    background-position:center;
    background-repeat:no-repeat;
    /*background-size:contain;*/
    background-size:1.5rem;
    background-color:rgba(255,255,255,250);
}
#divLoading.loading {
    height:100%;
    width:100%;
    display:inline-block;
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    z-index:10000;
	opacity:0.5;
}
.fillMe2Form {
    display:inline-block;
    cursor: wait;
}
#loginbtn[data-timeout]::after{
content: attr(data-timeout);
    border-radius: 1rem;
    color: #ff0000;
    width: 1rem;
    height: 1rem;
    border: 1px solid #ff0000;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1rem;
    position: relative;
    top: -0.2rem;
    left: 2rem;
}

/*.homebody[data-userrole] .actionColumn .listAction.updBtn
,.homebody[data-userrole] .actionColumn .listAction.delBtn
{
    display:none;
}
.homebody[data-userrole="Role0"] .actionColumn .listAction.updBtn
,.homebody[data-userrole="Role0"] .actionColumn .listAction.delBtn
{
    display:inline-block;
}*/
.barcode {
    display:none;
    position:absolute;
    right:0;
    top:4rem;
    width:200px;
    height:200px;
    border: 2px solid #212121;
    z-index: 10000;
    padding: 5px;
    background-color: #ffffff;
    /*background-image: url(../img/barcode.png);*/
    background-size:contain;
}

.imageFullScreen {
    /*background-image:url(../img/close.png);*/
    background-position:top right;
    background-size:2rem;
    background-repeat:no-repeat;
    background-color: rgba(0,0,0,0.7);
}



table.slideinfo {
    border-width:0;
}

table.slideinfo > tbody {
    border-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

table.slideinfo > tbody > tr.slideinfo {
    display:inline-block;
    min-width:12rem;
    max-height:20rem;
    margin:5px 0 0 5px;
    float:left;
    text-align:center;
}

table.slideinfo >tfoot > tr, table.slideinfo > tfoot> tr{
    /*display:block;*/
    height:1rem;
}
table.slideinfo > tbody > tr > td {
    /*display:block;*/
    text-align:center;
}

img.slidethumb {
    height:8rem;
}
.slideblock {
    display:block;
    /*min-height:9rem;*/
}

.slideblock > ul{
    font-size:0.8rem;
    text-align:left;
    margin: 0.3rem;
}
.slideblock > ul >li{
    list-style:none;
}
.slideblock img.listthumb {
    max-height:14rem;
    display:block;
    margin:0 auto;
}

table.slideinfo >caption{
	display:block;
}
.slideblock > ul >li .listAction{
    float:right;
}
.slidepager{
	background-color:transparent;
	padding:0.5rem;
}
.slidepager table{
	border:none;
	margin:1rem;
}
.slidepager table tr{
}
.slidepager table tr > td{
}

table.tableitem
{
}

table.tableitem thead
{
    display:none;
}

table.tableitem tbody{

}
table.tableitem tbody tr{
    display:inline-block;
    min-width: 16rem;
    min-height: 2rem;
    line-height: 2rem;
margin: 2px;
}
table.tableitem tbody tr td:nth-child(1){
    min-width:2rem;
    color:#999999;
}
table.tableitem tbody tr td:nth-child(2){
font-weight:bold;
min-width:12rem;
}
table.tableitem tbody tr td:nth-child(3){
        min-width:4.5rem;
        color:#6699FF;
}
.shareBarCodeMe {
    width:200px;
    height:200px;
    border: 1px solid #999999;
    z-index: 10000;
    padding: 5px;
    background-color: #ffffff;
    background-size:contain;
    margin:5px auto;
}
/*.shareBarCodeMe::after {
    content:attr(title);
    display:inline-block;
    min-width:50px;
    height:30px;
}*/

.itemcheckbox {
    line-height:1.5rem;
    /* display:inline-block; */
    /* border:1px solid #777777; */
    /* margin:2px; */
    /* float:left; */
    background-image:url(../img/check0.png);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:1.2rem auto;
}
.itemcheckbox.checked 
{
    border-color:#065522;
    /*box-shadow: 3px 3px 3px #333333;*/
    background-image:url(../img/check.png);
	background-color: #cbf8cb;
}

.itemcheckbox.listmode {
    width:7.5rem;
    height:2rem;
}
.itemcheckbox.listmode img {
    display:none;
}

table.ListControl.listmode > tbody > tr .forlistmode ,table.ListControl.notlistmode > tbody > tr .notforlistmode,
.listmode table.ListControl > tbody > tr .forlistmode ,.notlistmode table.ListControl > tbody > tr .notforlistmode
{
}
table.ListControl.listmode > tbody > tr .notforlistmode,table.ListControl.notlistmode > tbody > tr .forlistmode,
.listmode table.ListControl > tbody > tr .notforlistmode,.notlistmode table.ListControl > tbody > tr .forlistmode {
    display:none;
}
.switchlistmode{
	float:right;
}
.halfWidth {
    width:5rem!important;
    line-height: 1rem;
    font-size: 1rem!important;
}

img.userlogo {
    max-height:2rem;
    max-width:2rem;
    margin:auto;
}
.wrap{width:100%;white-space:normal;word-wrap:break-word;word-break:break-all;}
.countTip {
}
.countTip[data-count]:after {
    content:attr(data-count);
    display:inline-block;
    min-width:1rem;
    height:1rem;
    font-size:0.5rem;
    color:#777777;
    border:1px solid #777777;
    border-radius:1rem;
    line-height:1rem;
    text-align:center;
}
img.loading {
    background-image:url(../img/loading.gif);
    background-position:center;
    background-size:50%;
    min-height:4rem;
    min-width:4rem;
}
.maxtext{
	max-width: 10rem;
    overflow: hidden;
    display: inline-block;
}
.statusBtnGroup[data-status="0"][data-forstatus="0"]
,.statusBtnGroup[data-status="1"][data-forstatus="1"]  {
    display:none!important;
}

.onlyrole,.hidden {
    display:none;
}

.homebody[data-userrole="Role1"] td.forrole1,
.homebody[data-userrole="Role2"] td.forrole2,
.homebody[data-userrole="Role3"] td.forrole3,
.homebody[data-userrole="Role5"] td.forrole5,
.homebody[data-userrole="Role6"] td.forrole6,
.homebody[data-userrole="Role9"] td.forrole9,
.homebody[data-userrole="Role1"] th.forrole1,
.homebody[data-userrole="Role2"] th.forrole2,
.homebody[data-userrole="Role3"] th.forrole3,
.homebody[data-userrole="Role5"] th.forrole5,
.homebody[data-userrole="Role6"] th.forrole6,
.homebody[data-userrole="Role9"] th.forrole9 {
    display:table-cell;
}

input.price {
    max-width:6rem;
}

/*@media screen and (max-width: 320px) { 
    html {
        font-size: 12px;
    }
    .homeheader {
        background-image:url(../img/logo.png);
    }
}

@media screen and (orientation: landscape) and (max-width: 320px) { 
    html {
        font-size: 14px;
    }
}

@media screen and (orientation: portrait) and (max-width: 320px) { 
    html {
        font-size: 14px;
    }
    .homeheader {
        background-image:url(../img/logo.png);
    }
}

@media screen and (orientation: portrait) and (min-width: 321px) and (max-width: 641px) { 
    html {
        font-size: 12px;
    }
    .homeheader {
        background-image:url(../img/logo.png);
    }
}

@media screen and (orientation: landscape) and (min-width: 321px) and (max-width: 641px) { 
    html {
        font-size: 12px;
    }
    .homefooter {
        display: none!important;
    }
}

@media screen and (orientation: portrait) and (min-width: 641px) and (max-width: 1024px) { 
    html {
        font-size: 18px;
    }
}

@media screen and (orientation: landscape) and (min-width: 641px) and (max-width: 1024px) { 
    html {
        font-size: 16px;
    }
}

@media screen and (orientation: portrait) and (min-width: 1025px)  { 
    html {
        font-size: 20px;
    }
}

@media screen and (orientation: landscape) and (min-width: 1025px)  { 
    html {
        font-size: 16px;
    }
}*/
@media print {
    .noprint,.homeheader,.listAction,.SubmitEditForm,.MapListBar,.SearchBar {
        DISPLAY: none;
    }
    body {
        padding:2rem;
    }
}
@media screen {
    .printonly {
        DISPLAY: none;
    }
}
/*@media screen and (orientation: landscape) and (max-height: 480px) {
    .homeheader {
        background-image:url(../img/logo.png);
    }
}
@media screen and (orientation: portrait) and (max-width: 480px) { 
    .homeheader {
        background-image:url(../img/logo.png);
    }
}*/