body, div, span, ul, ol, li, table, tr, td, th, a, img, hr, br, p, form { margin: 0px; padding: 0px; border: none; }
body { font-size: 12px; font-family: 'Microsoft Yahei', "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; color: #153F57; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; height: 0px; overflow: hidden; }
.clear_f { clear: both; height: 0px; padding: 0px; margin: 0px; display: block; _display: inherit; }
.h10 { height: 10px; overflow: hidden; clear: both; }
.h15 { height: 15px; overflow: hidden; clear: both; }
.h20 { height: 20px; overflow: hidden; clear: both; }
.h25 { height: 25px; overflow: hidden; clear: both; }
.h30 { height: 30px; overflow: hidden; clear: both; }
.h50 { height: 50px; overflow: hidden; clear: both; }

.oh { overflow: hidden; }
.show { display: block; }
.hide { display: none; }

.red { color: Red; }
.green { color: Green; }
.blue { color: Blue; }
.black { color: Black; }
.white { color: White; }

.B { font-weight: 700; }
.I { font-style: italic; }

.CP { cursor: pointer; }
.CD { cursor: default; }

.FS12 { font-size: 12px; }
.FS14 { font-size: 14px; }
.FS16 { font-size: 16px; }

.mt4 { margin-top: 4px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt14 { margin-top: 14px; }
.mt16 { margin-top: 16px; }

.mb4 { margin-bottom: 4px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb12 { margin-bottom: 12px; }
.mb14 { margin-bottom: 14px; }
.mb16 { margin-bottom: 16px; }

.ml4 { margin-left: 4px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml14 { margin-left: 14px; }
.ml16 { margin-left: 16px; }

.mr4 { margin-right: 4px; }
.mr8 { margin-right: 8px; }
.mr10 { margin-right: 10px; }
.mr12 { margin-right: 12px; }
.mr14 { margin-right: 14px; }
.mr16 { margin-right: 16px; }

.pt4 { padding-top: 4px; }
.pt8 { padding-top: 8px; }
.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt14 { padding-top: 14px; }
.pt16 { padding-top: 16px; }

.pb4 { padding-bottom: 4px; }
.pb8 { padding-bottom: 8px; }
.pb10 { padding-bottom: 10px; }
.pb12 { padding-bottom: 12px; }
.pb14 { padding-bottom: 14px; }
.pb16 { padding-bottom: 16px; }

.pl4 { padding-left: 4px; }
.pl8 { padding-left: 8px; }
.pl10 { padding-left: 10px; }
.pl12 { padding-left: 12px; }
.pl14 { padding-left: 14px; }
.pl16 { padding-left: 16px; }

.pr4 { padding-right: 4px; }
.pr8 { padding-right: 8px; }
.pr10 { padding-right: 10px; }
.pr12 { padding-right: 12px; }
.pr14 { padding-right: 14px; }
.pr16 { padding-right: 16px; }

ul, li { list-style-type: none; }

.imgM { vertical-align: middle; }
.imgT { vertical-align: top; }
.imgB { vertical-align: bottom; }

/*特殊按钮*/
.SmallButton { display: inline-block; margin-right:1px; border: 1px solid #d9d9d9; background-color: #fff; color: #333333;white-space: nowrap;padding:0px 10px; cursor: pointer;line-height:none !important;}
.SmallButton:link { text-decoration: none; color: #333333; background-color: #eeeeee; }
.SmallButton:visited { text-decoration: none; color: #333333; background-color: #eeeeee; }
.SmallButton:active { text-decoration: none; color: #333333; }
.SmallButton:hover { text-decoration: none; color: #333333; background-color: #dddddd; }
.SmallButton.hide { display: none; }
.SmallButton.show { display: inline-block; }

.SmallButton.primary { color: #0e90d2; }
.SmallButton.secondary { color: #3bb4f2; }
.SmallButton.success { color: #5eb95e; }
.SmallButton.warning { color: #f37b1d; }
.SmallButton.danger { color: #dd514c; }

/*JVerify 提示*/
.spanError, .spanRight, .spanTips{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px;vertical-align: middle;padding-left:20px;  }
.spanRight{ color:#3c763d; background:url(/Content/Images/Manage/valid_icons.png) no-repeat -40px -20px; }
.spanError{ color:#C20;white-space:nowrap; background:url(/Content/Images/Manage/valid_icons.png) no-repeat -20px -40px; }
.spanTips {padding-left:0px;}

/**/
.hint {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    padding: 20px 10px;
    border: 3px solid transparent;
    line-height: 2em;
    text-align: center;
    transform: translate(-50%, -50%);
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,.3);
    z-index: 99999;
    font-size: 16px;
}
.hint-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.hint-warn { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.hint-error { background-color: #f2dede; border-color: #C20; color: #C20; }

#jbox-loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.15); z-index: 999999; }
#jbox-loading i { display: block; position: fixed; height: 80px; width: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; background: url(/Content/Images/Jquey/jquery.jbox.loading-blue.png) no-repeat; -webkit-animation: rotateLoading .8s linear infinite; -moz-animation: rotateLoading .8s linear infinite; animation: rotateLoading .8s linear infinite; }

@keyframes rotateLoading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes rotateLoading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rotateLoading {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}