.state-hidden {
  display: none!important
}
.ui-layer {
  position: absolute
}
.ui-ctrl {
  margin: 0;
  padding: 0;
  text-align: left
}
.ui-ctrl table {
  border-collapse: collapse;
  table-layout: fixed
}
.ui-ctrl fieldset,
.ui-ctrl iframe,
.ui-ctrl img {
  border: 0
}
.ui-ctrl a img {
  display: block
}
.ui-ctrl li,
.ui-ctrl ol,
.ui-ctrl ul {
  list-style: none
}
.ui-ctrl address,
.ui-ctrl caption,
.ui-ctrl cite,
.ui-ctrl code,
.ui-ctrl dfn,
.ui-ctrl em,
.ui-ctrl i,
.ui-ctrl strong,
.ui-ctrl th,
.ui-ctrl var {
  font-style: normal;
  font-weight: 400
}
table.ui-ctrl {
  border-collapse: collapse;
  table-layout: fixed
}
fieldset.ui-ctrl,
iframe.ui-ctrl,
img.ui-ctrl {
  border: 0
}
a img.ui-ctrl {
  display: block
}
li.ui-ctrl {
  list-style: none
}
address.ui-ctrl,
caption.ui-ctrl,
cite.ui-ctrl,
code.ui-ctrl,
dfn.ui-ctrl,
em.ui-ctrl,
i.ui-ctrl,
strong.ui-ctrl,
th.ui-ctrl,
var.ui-ctrl {
  font-style: normal
}
esui-calendar,
esui-crumb,
esui-dialog,
esui-label,
esui-month-view,
esui-pager,
esui-panel,
esui-range-calendar,
esui-region,
esui-rich-calendar,
esui-schedule,
esui-search-box,
esui-select,
esui-sidebar,
esui-tab,
esui-table,
esui-text-box,
esui-text-line,
esui-tip,
esui-tip-layer,
esui-tree,
esui-wizard {
  display: block
}
.ui-boxgroup-checkbox,
.ui-boxgroup-radio,
.ui-checkbox,
.ui-radio {
  vertical-align: middle;
  line-height: 1.8
}
.ui-boxgroup-checkbox input,
.ui-boxgroup-radio input,
.ui-checkbox input,
.ui-radio input {
  margin-right: .2em;
  vertical-align: middle;
  margin-bottom: -.01em
}
.ui-boxgroup-checkbox span,
.ui-boxgroup-radio span,
.ui-checkbox span,
.ui-radio span {
  vertical-align: middle
}
.ui-boxgroup-horizontal label {
  display: inline-block;
  zoom: 1
}
.ui-boxgroup-vertical label {
  display: block
}
.ui-checkbox-validity-label {
  zoom: 1;
  padding-left: 10px
}
.ui-checkbox-validity-label-notice,
.ui-checkbox-validity-label-warn {
  color: red
}
.ui-boxgroup-validity-label-invalid,
.ui-checkbox-validity-label-invalid {
  color: #EE3B3B
}
.ui-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box
}
.ui-button:before {
  content: '.';
  visibility: hidden;
  display: inline-block;
  width: 0
}
.ui-button:hover {
  cursor: pointer
}
.ui-button:active {
  border: 1px solid #bebebe
}
.ui-button-lf-icon {
  float: left
}
.ui-button-rt-icon {
  float: right
}
.skin-spring-add-button,
.skin-spring-button {
  border: 1px solid #519d30;
  color: #fff;
  font-weight: 700
}
.skin-spring-button {
  background: #65b445;
  background: -webkit-gradient(linear,0 0,0 100%,from(#6cbb4c),to(#519c30));
  background: -webkit-linear-gradient(top,#6cbb4c,#519c30);
  background: -moz-linear-gradient(top,#6cbb4c,#519c30);
  background: -ms-linear-gradient(top,#6cbb4c,#519c30);
  background: -o-linear-gradient(top,#6cbb4c,#519c30);
  padding: 0 10px;
  height: 30px;
  line-height: 30px
}
.skin-spring-add-button {
  background: url(img/esui-button-plus.gif) 9px center no-repeat #65b445;
  background: url(img/esui-button-plus.gif),-webkit-gradient(linear,0 0,0 100%,from(#6cbb4c),to(#519c30));
  background: url(img/esui-button-plus.gif),-webkit-linear-gradient(top,#6cbb4c,#519c30);
  background: url(img/esui-button-plus.gif),-moz-linear-gradient(top,#6cbb4c,#519c30);
  background: url(img/esui-button-plus.gif),-ms-linear-gradient(top,#6cbb4c,#519c30);
  background: url(img/esui-button-plus.gif),-o-linear-gradient(top,#6cbb4c,#519c30);
  background-repeat: no-repeat,no-repeat;
  background-position: 9px center,0 0;
  padding: 0 13px 0 27px
}
.skin-spring-add-button:active,
.skin-spring-button:active {
  border: 1px solid #509c2f
}
.skin-spring-button:active {
  background: #65b445;
  background: -webkit-gradient(linear,0 0,0 100%,from(#519c30),to(#6cbb4c));
  background: -webkit-linear-gradient(top,#519c30,#6cbb4c);
  background: -moz-linear-gradient(top,#519c30,#6cbb4c);
  background: -ms-linear-gradient(top,#519c30,#6cbb4c);
  background: -o-linear-gradient(top,#519c30,#6cbb4c)
}
.skin-spring-add-button:active {
  background: url(img/esui-button-plus.gif) 9px center no-repeat #65b445;
  background: url(img/esui-button-plus.gif),-webkit-gradient(linear,0 0,0 100%,from(#519c30),to(#6cbb4c));
  background: url(img/esui-button-plus.gif),-webkit-linear-gradient(top,#519c30,#6cbb4c);
  background: url(img/esui-button-plus.gif),-moz-linear-gradient(top,#519c30,#6cbb4c);
  background: url(img/esui-button-plus.gif),-ms-linear-gradient(top,#519c30,#6cbb4c);
  background: url(img/esui-button-plus.gif),-o-linear-gradient(top,#519c30,#6cbb4c);
  background-repeat: no-repeat,no-repeat;
  background-position: 9px center,0 0
}
.skin-spring-add-button:hover,
.skin-spring-button:hover {
  border: 1px solid #157106
}
.skin-download-button {
  background: url(img/esui-btn-download.png) 40px center no-repeat #65b445;
  background: url(img/esui-btn-download.png),-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
  background: url(img/esui-btn-download.png),-webkit-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-btn-download.png),-moz-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-btn-download.png),-ms-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-btn-download.png),-o-linear-gradient(top,#fff,#f6f6f6);
  background-repeat: no-repeat,no-repeat;
  background-position: 40px center,0 0;
  padding-left: 12px;
  padding-right: 25px
}
.skin-download-button:active {
  background: url(img/esui-btn-download.png) 40px center no-repeat #65b445;
  background: url(img/esui-btn-download.png),-webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#fff));
  background: url(img/esui-btn-download.png),-webkit-linear-gradient(top,#f6f6f6,#fff);
  background: url(img/esui-btn-download.png),-moz-linear-gradient(top,#f6f6f6,#fff);
  background: url(img/esui-btn-download.png),-ms-linear-gradient(top,#f6f6f6,#fff);
  background: url(img/esui-btn-download.png),-o-linear-gradient(top,#f6f6f6,#fff);
  background-repeat: no-repeat,no-repeat;
  background-position: 40px center,0 0
}
.skin-layerClose-button {
  background-image: url(img/esui.png);
  background-repeat: repeat;
  background-position: -37px -88px;
  background-color: transparent;
  border: 0;
  height: 12px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 12px;
  padding: 0
}
.skin-layerClose-button:active {
  background-image: url(img/esui.png);
  background-repeat: repeat;
  background-position: -37px -88px;
  background-color: transparent;
  border: 1px solid #f6f6f6;
  height: 12px;
  width: 12px;
  right: 4px;
  top: 4px
}
.skin-link-button {
  overflow: hidden
}
.ui-calendar {
  border: 1px solid #a9adb6;
  width: 110px;
  height: 23px;
  line-height: 23px;
  padding-left: 8px;
  font-size: 12px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px 3px 3px 3px
}
.ui-calendar-text {
  padding-left: 3px;
  width: 85px;
  float: right
}
.ui-calendar-arrow {
  float: left;
  margin-top: 3px
}
.ui-calendar-layer {
  background: #fff;
  width: 210px;
  -moz-user-select: none;
  -webkit-user-select: none
}
.ui-calendar-layer-hidden {
  display: none
}
.ui-calendar-disabled,
.ui-calendar-read-only {
  color: #999;
  border-color: #d8d8d8
}
.ui-calendar-validity-invalid {
  border: 1px solid red
}
.ui-calendar-validity-label {
  display: block;
  margin-top: 5px
}
.ui-calendar-validity-label-invalid {
  background-image: url(img/esui-icon-alert.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #fedbdc;
  border: 1px solid #f0cccc;
  color: #dd6767;
  padding-left: 50px
}
.ui-commandmenu {
  border: 1px solid #d8d8d8;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  font-size: 12px
}
.ui-commandmenu-active,
.ui-commandmenu-active:focus,
.ui-commandmenu-active:hover {
  background: url(img/esui-combo-arrow.png) right -69px no-repeat #f3f3f3;
  background: url(img/esui-combo-arrow.png),-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
  background: url(img/esui-combo-arrow.png),-webkit-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-moz-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-ms-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-o-linear-gradient(top,#fff,#f6f6f6);
  background-repeat: no-repeat,no-repeat;
  background-position: right -69px,0 0
}
.ui-commandmenu-layer {
  padding: 0 1px;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #a8adb6;
  font-size: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  z-index: 1002
}
.ui-commandmenu-node {
  cursor: pointer;
  overflow: hidden
}
.ui-commandmenu-node span {
  display: block
}
.ui-commandmenu-layer-selected {
  background-color: #e0e0e0;
  border: 1px solid #ddd
}
.ui-commandmenu-layer-hidden {
  display: none
}
.ui-commandmenu-disabled {
  color: #999
}
.ui-commandmenu-disabled:active,
.ui-commandmenu-disabled:focus,
.ui-commandmenu-disabled:hover {
  background: url(img/esui-combo-arrow.png) right -6px no-repeat #fff;
  background: url(img/esui-combo-arrow.png),-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
  background: url(img/esui-combo-arrow.png),-webkit-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-moz-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-ms-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-o-linear-gradient(top,#fff,#f6f6f6);
  background-repeat: no-repeat,no-repeat;
  background-position: right -6px,0 0
}
.ui-crumb {
  overflow: hidden
}
.ui-crumb-node,
.ui-crumb-separator {
  padding: 0;
  float: left
}
.ui-dialog {
  -webkit-border-radius: 3px 3px 3px 3px;
  position: absolute;
  z-index: 1203
}
.ui-dialog-head {
  font-weight: 700;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-dialog-close-icon {
  position: absolute;
  cursor: pointer
}
.ui-dialog-body {
  overflow: hidden;
  zoom: 1
}
.ui-dialog-foot-panel {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  border-top: 1px solid #f0f0f0;
  overflow: hidden;
  zoom: 1
}
.ui-dialog-draggable .ui-dialog-head {
  cursor: move
}
.ui-dialog-dragging {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .2;
  z-index: 1003
}
.skin-alert-dialog .ui-dialog-icon,
.skin-confirm-dialog .ui-dialog-icon {
  display: none
}
.skin-alert-dialog .ui-dialog-icon-warning,
.skin-confirm-dialog .ui-dialog-icon-warning {
  background-image: url(img/esui-dialog-notice.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  float: left;
  height: 22px;
  margin: 18px 10px 8px 40px;
  width: 33px
}
.skin-alert-dialog .ui-dialog-icon-confirm,
.skin-confirm-dialog .ui-dialog-icon-confirm {
  background-image: url(img/esui-dialog-question.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  float: left;
  height: 34px;
  margin: 15px 10px 8px 40px;
  width: 34px
}
.ui-monthview {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-monthview-head {
  padding: 2px 5px
}
.ui-monthview-head .ui-monthview-month-select,
.ui-monthview-head .ui-monthview-year-select {
  width: 30px
}
.ui-monthview-head .ui-monthview-month-back,
.ui-monthview-head .ui-monthview-month-forward {
  background-image: url(img/esui.png);
  background-repeat: repeat;
  background-position: 0 -200px;
  background-color: transparent;
  font-size: 1px;
  height: 20px;
  width: 20px;
  padding: 0;
  float: left
}
.ui-monthview-head .ui-monthview-month-back:active,
.ui-monthview-head .ui-monthview-month-forward:active {
  background-image: url(img/esui.png);
  background-repeat: repeat;
  background-position: 0 -200px;
  background-color: transparent;
  height: 20px
}
.ui-monthview-head .ui-monthview-month-forward {
  background-position: -20px -200px;
  margin-left: 15px
}
.ui-monthview-head .ui-monthview-month-forward:active {
  background-position: -20px -200px
}
.ui-monthview-month {
  border: 1px solid #ccced4;
  font-size: 13px
}
.ui-monthview-month table {
  width: 100%
}
.ui-monthview-month-title {
  text-align: center
}
.ui-monthview-month-item {
  cursor: pointer;
  text-align: center
}
.ui-monthview-last-row .ui-monthview-month-item {
  border-bottom: none
}
.ui-monthview-month-item-selected {
  font-weight: 700
}
.ui-monthview-month-item-out,
.ui-monthview-month-item-virtual {
  cursor: default
}
.ui-monthview-month-item-disabled {
  cursor: default
}
.ui-monthview-multi-select {
  width: 220px
}
.ui-monthview-multi-select .ui-monthview-head table {
  width: 215px
}
.ui-monthview-multi-select .ui-monthview-month-select-all {
  width: 15px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  cursor: pointer
}
.ui-monthview-multi-select .ui-monthview-month-row-select {
  height: 21px;
  line-height: 21px;
  text-align: center;
  cursor: pointer
}
.ui-monthview-disabled .ui-monthview-month-back,
.ui-monthview-disabled .ui-monthview-month-forward {
  background-position: 0 -240px
}
.ui-monthview-disabled .ui-monthview-month-back:active,
.ui-monthview-disabled .ui-monthview-month-forward:active {
  background-image: url(img/esui.png);
  background-repeat: repeat;
  background-position: 0 -240px;
  background-color: transparent;
  height: 20px;
  border-color: #cfcfcf
}
.ui-monthview-disabled .ui-monthview-month-forward {
  background-position: -20px -240px
}
.ui-monthview-disabled .ui-monthview-month-forward:active {
  border-color: #cfcfcf
}
.ui-monthview-disabled .ui-monthview-month-item {
  background: #ddd;
  cursor: default
}
.ui-monthview-disabled .ui-monthview-month-item:hover {
  background: #ddd
}
.ui-overlay {
  position: absolute
}
.ui-overlay.state-hidden {
  display: block!important;
  left: -10000px!important
}
.ui-overlay-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .2
}
.ui-pager {
  font-size: 12px;
  height: 25px;
  line-height: 25px
}
.ui-pager-label {
  text-align: center
}
.ui-pager-select-wrapper {
  margin-left: 5px;
  display: inline-block;
  zoom: 1
}
.ui-pager .ui-select {
  vertical-align: top;
  display: inline-block;
  zoom: 1
}
.ui-pager-select-hidden {
  display: none
}
.ui-pager-main {
  margin: 0;
  padding: 0;
  display: inline-block;
  zoom: 1
}
.ui-pager-main li {
  font-family: STHeiti,SimSun;
  margin-left: 4px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  zoom: 1
}
.ui-pager-main a {
  display: inline-block;
  zoom: 1
}
.ui-pager-main a:hover {
  text-decoration: none
}
.ui-pager-item,
.ui-pager-item-extend {
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box
}
.ui-pager-item-extend,
.ui-pager-item-extend a {
  width: 50px
}
.ui-pager-item-current {
  font-weight: 600
}
.ui-pager-alignLeft,
.ui-pager-alignLeftReverse {
  float: left
}
.ui-pager-alignLeftReverse .ui-pager-select-wrapper,
.ui-pager-alignRight,
.ui-pager-alignRightReverse,
.ui-pager-alignRightReverse .ui-pager-select-wrapper,
.ui-pager-distributed .ui-pager-main,
.ui-pager-distributedReverse .ui-pager-select-wrapper {
  float: right
}
.ui-rangecalendar {
  border: 1px solid #a9adb6;
  padding-left: 8px;
  cursor: pointer;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-rangecalendar-text {
  padding-left: 3px;
  float: left
}
.ui-rangecalendar-arrow {
  float: right
}
.ui-rangecalendar-layer {
  border-color: #394459 #a8adb6 #a8adb6;
  border-image: none;
  border-right: 1px solid #a8adb6;
  border-style: solid;
  border-width: 2px 1px 1px
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding-right: 10px
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item {
  cursor: pointer
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item.ui-rangecalendar-shortcut-item-first {
  border-left: none;
  margin-left: 0;
  padding-left: 0
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item-selected {
  cursor: default;
  text-decoration: none
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-disabled .ui-rangecalendar-shortcut-item,
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item-disabled {
  color: #999;
  cursor: default;
  text-decoration: none
}
.ui-rangecalendar-layer .ui-rangecalendar-begin,
.ui-rangecalendar-layer .ui-rangecalendar-end {
  float: left;
  width: 210px
}
.ui-rangecalendar-layer .ui-rangecalendar-begin {
  margin-right: 10px
}
.ui-rangecalendar-layer .ui-rangecalendar-label {
  font-size: 12px;
  height: 18px;
  padding-top: 7px;
  overflow: hidden;
  zoom: 1
}
.ui-rangecalendar-layer .ui-rangecalendar-label h3 {
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin: 0
}
.ui-rangecalendar-layer .ui-rangecalendar-label .ui-checkbox {
  float: right;
  line-height: 18px
}
.ui-rangecalendar-layer .ui-rangecalendar-label .ui-checkbox input {
  vertical-align: text-bottom
}
.ui-rangecalendar-layer-hidden {
  display: none
}
.ui-rangecalendar-disabled,
.ui-rangecalendar-read-only {
  color: #999;
  border-color: #d8d8d8
}
.ui-rangecalendar-validity-invalid {
  border: 1px solid red
}
.ui-rangecalendar-validity-label {
  display: block;
  margin-top: 5px
}
.ui-rangecalendar-validity-label-invalid {
  background-image: url(img/esui-icon-alert.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #fedbdc;
  border: 1px solid #f0cccc;
  color: #dd6767;
  padding-left: 50px
}
.ui-richcalendar-layer {
  background: #fff;
  display: block;
  border: 1px solid #a8adb6;
  -moz-box-shadow: 3px 4px 4px -4px;
  -webkit-box-shadow: 3px 4px 4px -4px;
  box-shadow: 3px 4px 4px -4px;
  margin-top: 1px;
  padding: 5px 5px 5px 0
}
.ui-richcalendar-layer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.ui-richcalendar-layer .ui-richcalendar-month-container {
  float: left;
  margin-left: 5px
}
.ui-richcalendar-layer-hidden {
  display: none
}
.ui-region {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 610px;
  font-size: 12px;
  color: #000;
  line-height: 13px;
  border: 1px solid #ddd;
  border-bottom: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-region input {
  float: left;
  margin: 0;
  padding: 0;
  width: 13px;
  height: 13px
}
.ui-region label {
  cursor: default;
  padding-left: 4px;
  display: inline
}
.ui-region .ui-region-country-box {
  overflow: hidden;
  zoom: 1;
  border-bottom: 1px solid #ddd
}
.ui-region .ui-region-country-check {
  width: 600px;
  height: 14px;
  padding: 8px 0 8px 10px;
  background-color: #f6f6f6;
  border-top: none
}
.ui-region .ui-region-region-box0 {
  width: 610px;
  border-top: 1px solid #e6eef6;
  background: #f9fcfe;
  clear: both;
  display: block
}
.ui-region .ui-region-region-box0:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.ui-region .ui-region-region-box1 {
  width: 610px;
  clear: both;
  background: #fff;
  border-top: 1px solid #f1f1f1;
  display: block
}
.ui-region .ui-region-region-box1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.ui-region .ui-region-region-check {
  width: 90px;
  padding: 6px 0 6px 10px;
  float: left
}
.ui-region .ui-region-province-box {
  width: 510px;
  float: left
}
.ui-region .ui-region-province-item {
  width: 100px;
  float: left
}
.ui-region .ui-region-province-item .ui-region-locator {
  float: right;
  width: 35px;
  height: 14px
}
.ui-region .ui-region-province-item .ui-region-city-box {
  border: 1px solid #97a5b2;
  position: absolute;
  padding: 3px 0;
  margin: -1px;
  background-color: #fff;
  z-index: 998
}
.ui-region .ui-region-province-item .ui-region-city-box .ui-region-city {
  height: 18px;
  float: left;
  padding: 3px 8px
}
.ui-region .ui-region-province-item .ui-region-city-box-over {
  border: 1px solid #97a5b2;
  border-right: none;
  background-color: #fff;
  margin: -1px 0;
  z-index: 999
}
.ui-region .ui-region-province-item b {
  width: 33px;
  color: #fff;
  display: block;
  text-align: center;
  font-weight: 400;
  font-family: Arial,Helvetica,sans-serif;
  background: #3f8fe1;
  margin-top: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}
.ui-region .ui-region-province-item .ui-region-text {
  position: relative;
  zoom: 1;
  width: 58px;
  height: 14px;
  padding: 8px 0 8px 4px;
  float: right
}
.ui-region .ui-region-province-item .ui-region-text-over {
  border: 1px solid #97a5b2;
  border-right: none;
  background-color: #fff;
  margin: -1px 0;
  z-index: 998
}
.ui-region-single {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 12px;
  border: none
}
.ui-region-disabled,
.ui-region-read-only {
  color: #999;
  border-color: #d8d8d8
}
.ui-region-validity-invalid {
  border: 1px solid red
}
.ui-region-validity-label {
  display: block;
  margin-top: 5px
}
.ui-region-validity-label-invalid {
  background-image: url(img/esui-icon-alert.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #fedbdc;
  border: 1px solid #f0cccc;
  color: #dd6767;
  padding-left: 50px
}
.ui-schedule {
  font-size: 12px;
  width: 710px;
  height: 236px;
  padding: 6px 0 8px;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  position: relative
}
.ui-schedule-body {
  height: 200px
}
.ui-schedule-head {
  height: 28px;
  width: 710px;
  line-height: 28px;
  padding-top: 10px;
  position: relative
}
.ui-schedule-help {
  float: right;
  width: 200px
}
.ui-schedule-help-text {
  line-height: 16px;
  padding: 2px 8px 0 3px
}
.ui-schedule-help div {
  float: left;
  cursor: default
}
.ui-schedule-shortcut {
  float: left;
  padding: 2px 0 0 10px;
  line-height: 16px
}
.ui-schedule-shortcut-item {
  cursor: pointer;
  color: #333;
  display: block;
  float: left;
  padding: 0 10px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
  border: 1px solid #a8adb6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px
}
.ui-schedule-shortcut-item-hover,
.ui-schedule-shortcut-item-press {
  border: 1px solid #888f9b
}
.ui-schedule-shortcut-text-item {
  color: #333;
  display: block;
  float: left;
  width: 60px;
  height: 20px;
  line-height: 20px;
  margin-right: 0
}
.ui-schedule-day-head {
  float: left;
  width: 65px;
  margin: 0
}
.ui-schedule-day {
  line-height: 25px;
  padding-right: 5px;
  height: 25px;
  text-align: right
}
.ui-schedule-seg {
  float: left;
  width: 140px
}
.ui-schedule-help-selected,
.ui-schedule-help-unselected,
.ui-schedule-time {
  background: #fff;
  border: 1px solid #dcdcdc;
  color: #e6e6e6;
  cursor: pointer;
  float: left;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  width: 23px;
  -moz-user-select: none;
  -webkit-user-select: none;
  position: relative
}
.ui-schedule-time-head {
  border: 0;
  width: 50px;
  text-align: center;
  position: relative;
  color: #000;
  float: left;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  -moz-user-select: none;
  -webkit-user-select: none
}
.ui-schedule-line {
  height: 25px;
  padding: 0;
  position: relative;
  overflow: hidden
}
.ui-schedule-time-line {
  height: 23px;
  padding: 0 0 0 40px
}
.ui-schedule-time-body {
  float: left;
  margin: 0;
  padding: 0;
  width: 600px;
  border-top: 1px solid #dcdcdc;
  position: relative
}
.ui-schedule-help-selected,
.ui-schedule-time-selected {
  background: #dcfacf;
  border: 1px solid #c2e8a6;
  color: #fff
}
.ui-schedule-time-hover {
  border: 1px solid #f7de41;
  cursor: pointer;
  background: #fff6bd
}
.ui-schedule-shortcut-item-tip,
.ui-schedule-timeitem-tip {
  line-height: 20px;
  padding: 0 5px
}
.ui-schedule-timeitem-tip .ui-schedule-timeitem-tip-body {
  color: #a6a6a6
}
.ui-schedule-overitem {
  width: 23px;
  height: 23px;
  border: 1px solid #f7de41;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #fff6bd;
  display: none
}
.ui-schedule-dragitem {
  width: 23px;
  height: 23px;
  border: 0;
  background: #fefefe;
  opacity: .1;
  position: absolute;
  top: 0;
  left: 0
}
.ui-schedule-follow-item {
  position: absolute;
  width: 0;
  height: 0;
  border: 1px dotted #EE3B3B;
  background: 0 0;
  top: 0;
  left: 0;
  display: none;
  z-index: 49
}
.ui-schedule-continue-covertimes {
  background: #dcfacf;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  color: #2b7a08;
  border: 0;
  opacity: .5;
  margin: 0
}
.ui-schedule-coverclose {
  position: absolute;
  top: 0;
  right: 0;
  height: 10px;
  width: 10px;
  z-index: 999;
  cursor: pointer;
  display: none
}
.ui-schedule-covertimes-tip {
  width: 100%;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border: 0
}
.ui-schedule-disabled .ui-schedule-time-hover,
.ui-schedule-readonly .ui-schedule-time-hover {
  cursor: default;
  background: #fff;
  border: 1px solid #dcdcdc
}
.ui-select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  font-size: 12px;
  outline: 0
}
.ui-select:active {
  background: url(img/esui-combo-arrow.png) right -36px no-repeat #fff;
  background: url(img/esui-combo-arrow.png),-webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#fff));
  background: url(img/esui-combo-arrow.png),-webkit-linear-gradient(top,#f6f6f6,#fff);
  background: url(img/esui-combo-arrow.png),-moz-linear-gradient(top,#f6f6f6,#fff);
  background: url(img/esui-combo-arrow.png),-ms-linear-gradient(top,#f6f6f6,#fff);
  background: url(img/esui-combo-arrow.png),-o-linear-gradient(top,#f6f6f6,#fff);
  background-repeat: no-repeat,no-repeat;
  background-position: right -36px,0 0
}
.ui-select-layer {
  padding: 0 1px;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #a8adb6;
  font-size: 12px;
  overflow-x: hidden;
  max-height: 152px;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  z-index: 1002
}
.ui-select-item {
  cursor: pointer
}
.ui-select-item-disabled {
  color: #999
}
.ui-select-item-selected {
  border: 1px solid #ddd
}
.ui-select-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}
.ui-select-layer-hidden {
  display: none
}
.ui-select-disabled,
.ui-select-read-only {
  border-color: #d8d8d8
}
.ui-select-disabled:focus,
.ui-select-disabled:hover,
.ui-select-read-only:focus,
.ui-select-read-only:hover {
  background: url(img/esui-combo-arrow.png) right -6px no-repeat #f3f3f3;
  background: url(img/esui-combo-arrow.png),-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
  background: url(img/esui-combo-arrow.png),-webkit-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-moz-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-ms-linear-gradient(top,#fff,#f6f6f6);
  background: url(img/esui-combo-arrow.png),-o-linear-gradient(top,#fff,#f6f6f6);
  background-repeat: no-repeat,no-repeat;
  background-position: right -6px,0 0
}
.ui-select-validity-invalid {
  border: 1px solid red
}
.ui-select-validity-label {
  display: block;
  margin-top: 5px
}
.ui-select-validity-label-invalid {
  border: 1px solid #f0cccc;
  color: #dd6767
}
.ui-sidebar {
  border: 1px solid #ccc;
  background: #fff;
  z-index: 100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px
}
.ui-sidebar-neighbor {
  margin-left: 220px
}
.ui-sidebar-neighbor-hide {
  margin-left: 30px
}
.ui-sidebar-mat {
  position: fixed;
  width: 218px;
  z-index: 50;
  background: #fff;
  bottom: 0;
  border-right: 1px solid #ddd
}
.ui-sidebar-minibar {
  position: fixed;
  background: #eaeaea;
  border: 1px solid #d1d1d1;
  border-left: 0;
  width: 19px;
  padding-left: 6px;
  cursor: pointer;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0
}
.ui-sidebar-minibar-text {
  padding: 8px 0;
  width: 12px
}
.ui-sidebar-minibar-arrow {
  width: 5px;
  height: 9px;
  font-size: 0;
  background: url(img/esui.png) -54px -88px;
  position: absolute;
  bottom: 50%;
  left: 50%
}
.ui-sidebar-minibar-hover .ui-sidebar-minibar-arrow {
  background: url(img/esui.png) -64px -88px
}
.ui-sidebar-minibar-hover .ui-sidebar-minibar-text {
  color: #03c
}
.ui-sidebar-head {
  border-bottom: 1px solid #ccc;
  background: url(img/esui.png) 0 -260px;
  line-height: 34px;
  padding-left: 8px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  height: 36px
}
.ui-sidebar-body {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  bottom: 0;
  width: 100%
}
.skin-autohide-button,
.skin-fixed-button {
  height: 13px!important;
  width: 14px;
  background: url(img/esui.png);
  font-size: 0;
  border: 1px solid #aeaeae;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0
}
.skin-autohide-button:hover {
  border: 1px solid #777
}
.skin-autohide-button:active {
  height: 13px
}
.skin-autohide-button {
  background-position: -59px -167px
}
.skin-fixed-button {
  background-position: -45px -167px
}
.skin-fixed-button:hover {
  border: 1px solid #777
}
.skin-fixed-button:active {
  height: 13px
}
.ui-searchbox {
  display: inline-block;
  zoom: 1;
  position: relative;
  overflow: hidden
}
.ui-searchbox .ui-textbox input:focus {
  border-color: #bbb
}
.ui-searchbox .ui-button {
  right: 0;
  border: 0;
  padding: 0;
  text-indent: -5000px
}
.ui-searchbox .ui-button:active {
  border: 0
}
.ui-searchbox .ui-button-disabled:hover {
  cursor: default
}
.ui-searchbox .ui-button-disabled:active {
  background: url(img/search.png) center 0 no-repeat;
  position: absolute
}
.ui-searchbox-fit-width .ui-textbox {
  width: 100%!important
}
.ui-searchbox-focus .ui-button {
  background: url(img/search.png) center 0 no-repeat
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .ui-searchbox .ui-button,
  .ui-searchbox .ui-button:active,
  .ui-searchbox-focus .ui-button {
    background-image: url(img/search@2x.png);
    background-size: 15px 50px
  }
  #not-found section {
    background-image: url(img/400-2x.png);
    background-size: 140px 140px
  }
}
.ui-tab-navigator {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.ui-tab-item {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}
.ui-tab-item-active {
  cursor: default
}
.ui-tab-vertical .ui-tab-navigator {
  padding-top: 10px;
  border-right: 1px solid #ddd;
  float: left
}
.ui-tab-vertical .ui-tab-item {
  display: block;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  border: 1px solid #dfdfdf;
  border-right: none;
  background: #f2f2f2;
  color: #666;
  margin-bottom: 2px;
  padding: 3px 10px
}
.ui-tab-vertical .ui-tab-item-active {
  background: #fff;
  color: #333
}
.ui-tab-horizontal .ui-tab-navigator {
  zoom: 1;
  position: relative
}
.ui-tab-horizontal .ui-tab-item {
  float: left;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  background: #f2f2f2
}
.ui-tab-horizontal .ui-tab-item-active {
  background: #fff
}
.ui-table {
  font-size: 12px;
  overflow-x: auto
}
.ui-table table {
  table-layout: fixed;
  border-collapse: collapse
}
.ui-table-head table {
  border-width: 1px 1px 1px 0;
  border-style: solid
}
.ui-table-body table,
.ui-table-foot table {
  border-width: 0 1px 0 0;
  border-color: #e8e8e8;
  border-style: solid
}
.ui-table-foot table {
  border-width: 0 1px 1px 0
}
.ui-table-hcell {
  border-left: 1px solid #e8e8e8
}
.ui-table-hcell-text {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  padding: 0 8px;
  text-align: left
}
.ui-table-fcell {
  font-weight: 700;
  color: #000;
  border-left: 1px solid #e8e8e8
}
.ui-table-fcell-text {
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 8px;
  text-align: left
}
.ui-table-cell {
  border-left: 1px solid #e8e8e8
}
.ui-table-body-nodata,
.ui-table-cell-text {
  overflow: hidden;
  text-align: left
}
.ui-table-scroll-x {
  overflow-x: scroll;
  overflow-y: hidden
}
.ui-table-hsort {
  background: url(img/esui.png) -40px -250px;
  font-size: 1px;
  overflow: hidden;
  display: inline-block;
  zoom: 1
}
.ui-table-hcell-asc .ui-table-hsort {
  background-position: -40px -240px
}
.ui-table-hcell-desc .ui-table-hsort {
  background-position: -40px -230px
}
.ui-table-cell-align-left .ui-table-cell-text,
.ui-table-cell-align-left .ui-table-hcell-text {
  text-align: left
}
.ui-table-cell-align-right .ui-table-cell-text,
.ui-table-cell-align-right .ui-table-fcell-text,
.ui-table-cell-align-right .ui-table-hcell-text {
  text-align: right
}
.ui-table-cell-align-center .ui-table-cell-text,
.ui-table-cell-align-center .ui-table-hcell-text {
  text-align: center
}
.ui-table-cell-break .ui-table-cell-text,
.ui-table-cell-break .ui-table-hcell-text {
  word-wrap: break-word;
  word-break: break-all;
  height: auto
}
.ui-table-hcell-sort-hover {
  cursor: pointer
}
.ui-table-row-last {
  border-bottom: 0
}
.ui-table-row-hover .ui-table-cell-editable {
  border: 1px solid #a8adb6;
  margin: 2px;
  padding: 1px 5px;
  background: #fcfcfc;
  position: relative
}
.ui-table-editor {
  background: #fff6bd;
  border: 1px solid #d5ca81;
  padding: 5px 0 0 5px;
  width: 268px
}
.ui-table-editor-opt {
  margin-bottom: 5px;
  overflow: hidden;
  zoom: 1
}
.ui-table-editor-error {
  clear: left;
  margin-bottom: 5px
}
.ui-table-editor .ui-button {
  float: left;
  margin-left: 5px
}
.ui-table-editor .ui-textbox {
  float: left
}
.ui-table .ui-table-startdrag,
.ui-table .ui-table-startdrag .ui-table-thcntr {
  cursor: col-resize
}
.ui-table-mark {
  width: 1px;
  overflow: hidden;
  position: absolute
}
.ui-table-cell-editentry {
  width: 12px;
  height: 11px;
  display: none;
  top: 4px;
  right: 2px;
  cursor: pointer;
  position: absolute;
  background: url(img/esui.png) -116px -90px
}
.ui-table-cell-align-right .ui-table-cell-editentry {
  left: 2px;
  right: auto
}
.ui-table-row-hover .ui-table-cell-editentry {
  display: block
}
.ui-table-subentry,
.ui-table-subentry-opened,
.ui-table-subentry-opened-hover {
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #a8adb6;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px
}
.ui-table-subentryfield table {
  border: 0
}
.ui-table-subentry-hover,
.ui-table-subentry-opened-hover {
  border-color: #7a859a
}
.ui-table-subrow {
  border-style: solid;
  border-width: 0 1px 1px;
  zoom: 1
}
.ui-table-subrow-last {
  border-width: 1px 1px 0
}
.ui-textbox {
  position: relative;
  display: inline-block
}
.ui-textbox input,
.ui-textbox textarea {
  padding: 2px 4px;
  font-size: 13px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box
}
.ui-textbox input:focus,
.ui-textbox textarea:focus {
  outline: 0
}
.ui-textbox textarea {
  overflow: auto;
  resize: none
}
.ui-textbox-hint-suffix input {
  vertical-align: middle
}
.ui-textbox-hint {
  display: inline-block;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  padding: 2px 12px;
  vertical-align: middle
}
.ui-textbox-placeholder {
  color: #999;
  position: absolute;
  left: 3px;
  top: 3px
}
.ui-textbox-placeholder-hidden {
  display: none
}
.ui-textbox-hint-suffix .ui-textbox-hint {
  border-left: 0
}
.ui-textbox-hint-prefix .ui-textbox-hint {
  border-right: 0
}
.ui-textarea-validity-label,
.ui-textbox-validity-label {
  display: inline-block;
  zoom: 1;
  color: #EE3B3B;
  padding-left: 10px
}
.ui-textarea-validity-label-notice,
.ui-textarea-validity-label-warn,
.ui-textbox-validity-label-notice,
.ui-textbox-validity-label-warn {
  color: red
}
.ui-textarea-validity-label-invalid,
.ui-textbox-validity-label-invalid {
  color: #EE3B3B
}
.ui-textbox-validity-invalid input,
.ui-textbox-validity-invalid textarea {
  border: 1px solid red
}
.ui-textline {
  padding: 0 4px;
  position: relative;
  border: 1px solid #ddd
}
.ui-textline:hover {
  border: 1px solid #6e8ab8
}
.ui-textline-num-line {
  background: #f8f9fb;
  color: #000;
  font-weight: 700;
  line-height: 21px;
  text-align: center;
  width: 30px;
  font-size: 12px;
  overflow-y: hidden;
  position: absolute;
  left: 0;
  top: 0
}
.ui-textline-text-container {
  position: absolute;
  left: 30px;
  right: 0;
  top: 0;
  bottom: 0
}
.ui-textline-text-container textarea {
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  line-height: 21px;
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  resize: none
}
.ui-textline-disabled,
.ui-textline-read-only {
  color: #999;
  border-color: #d8d8d8
}
.ui-textline-validity-invalid {
  border: 1px solid red
}
.ui-textline-validity-label {
  display: block;
  margin-top: 5px
}
.ui-textline-validity-label-invalid {
  background-image: url(img/esui-icon-alert.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #fedbdc;
  border: 1px solid #f0cccc;
  color: #dd6767;
  padding-left: 50px
}
.ui-tip-layer {
  background: #fff3d9;
  border: 1px solid #d9cba8;
  padding: 10px;
  margin-left: -5px;
  margin-top: 13px;
  z-index: 1002
}
.ui-tip-body,
.ui-tip-title {
  padding: 0;
  margin: 0;
  font-size: 12px
}
ui .-tip-title {
  margin: 0 0 .5em
}
.ui-tip-body {
  margin-bottom: 5px
}
.ui-tip-arrow {
  display: none;
  position: absolute;
  font-size: 1px
}
.ui-tip-arrow-tl .ui-tip-arrow-1 {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -24px -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  top: -13px;
  left: 12px
}
.ui-tip-arrow-tr {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -36px -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  top: -13px;
  right: 12px
}
.ui-tip-arrow-bl {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -12px -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  bottom: -13px;
  left: 12px
}
.ui-tip-arrow-br {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: 0 -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  bottom: -13px;
  right: 12px
}
.ui-tip-arrow-lt {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -26px 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  top: 7px;
  left: -13px
}
.ui-tip-arrow-lb {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -39px 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  bottom: 7px;
  left: -13px
}
.ui-tip-arrow-rt {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  top: 7px;
  right: -13px
}
.ui-tip-arrow-rb {
  display: block;
  background-image: url(img/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -13px 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  bottom: 7px;
  right: -13px
}
.ui-tip-layer-hidden {
  display: none
}
.ui-tiplayer {
  z-index: 1002;
  position: absolute
}
.ui-tiplayer-body,
.ui-tiplayer-title {
  padding: 0;
  margin: 0;
  font-size: 12px
}
@keyframes ui-toast-show {
  from {
    opacity: 0;
    margin-top: -30px
  }
  to {
    opacity: 1;
    margin-top: -1px
  }
}
@-webkit-keyframes ui-toast-show {
  from {
    opacity: 0;
    margin-top: -30px
  }
  to {
    opacity: 1;
    margin-top: -1px
  }
}
.ui-toast {
  position: fixed;
  top: 80px;
  text-align: center;
  width: 100%;
  height: 0;
  z-index: 99999999;
  color: #555;
  -webkit-animation: .3s ui-toast-show;
  animation: .3s ui-toast-show
}
.ui-toast-collection-area {
  position: fixed;
  z-index: 99999999;
  top: 0;
  width: 100%;
  height: 0
}
.ui-toast-content {
  margin: 0;
  padding: 5px 15px;
  display: inline-block;
  zoom: 1;
  line-height: 23px;
  border: 1px solid;
  pointer-events: auto;
  border-radius: 4px;
  font-size: 14px
}
.ui-toast-content strong {
  display: inline-block;
  zoom: 1;
  max-width: 40em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  font-weight: 700
}
.ui-toast-normal {
  color: #565656
}
.ui-toast-normal .ui-toast-content {
  background-color: #eaeaea;
  border-color: #a0a0a0;
  box-shadow: 0 2px 10px 0 #eaeaea
}
.ui-toast-info {
  color: #fff
}
.ui-toast-info .ui-toast-content {
  background-color: #57b6e1;
  border-color: #007db7;
  box-shadow: 0 2px 10px 0 #80c5e4
}
.ui-toast-error {
  color: #fff
}
.ui-toast-error .ui-toast-content {
  background-color: red;
  border-color: #8b0000;
  box-shadow: 0 2px 10px 0 #ff7e7e
}
.ui-toast-alert {
  color: #aa6200
}
.ui-toast-alert .ui-toast-content {
  background-color: #ffeaa8;
  border-color: #ffb72a;
  box-shadow: 0 2px 10px 0 #fff5c5
}
.ui-toast-success {
  color: #006400
}
.ui-toast-success .ui-toast-content {
  background-color: #8fec8f;
  border-color: #006400;
  box-shadow: 0 2px 10px 0 #b1ff93
}
.ui-tree li,
.ui-tree ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.ui-tree-node {
  cursor: pointer;
  overflow: hidden
}
.ui-tree-node-empty {
  cursor: default
}
.ui-tree-content-wrapper {
  border-left: 4px solid #fff
}
.ui-tree-node-indicator {
  text-indent: -500%;
  vertical-align: middle;
  float: left;
  overflow: hidden
}
.ui-tree-node-indicator-expanded {
  background-image: url(img/esui-close-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent
}
.ui-tree-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}
.ui-tree-content-wrapper-selected {
  border-left: 4px solid #4765ca
}
.ui-tree-sub-root-expanded {
  display: block
}
.ui-tree-hide-root .ui-tree-root .ui-tree-content-wrapper,
.ui-tree-sub-root-collapsed {
  display: none
}
.ui-tree-hide-root .ui-tree-root .ui-tree-content-wrapper .ui-tree-node-indicator-level-0 {
  width: 0
}
.ui-tree-hide-root .ui-tree-root .ui-tree-sub-root .ui-tree-content-wrapper {
  display: block
}
.skin-folder-tree-node-indicator {
  background-image: url(img/esui-folder.png);
  background-repeat: no-repeat;
  background-position: 0 -6px;
  background-color: transparent
}
.skin-folder-tree-node-indicator-expanded {
  background-position: 0 -30px
}
.skin-folder-tree-node-indicator-empty,
.skin-folder-tree-node-indicator-far-previous,
.skin-folder-tree-node-indicator-previous {
  background-image: none
}
ol {
  overflow: hidden;
  zoom: 1
}
.ui-wizard {
  display: block
}
.ui-wizard:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.ui-wizard li {
  list-style: none;
  padding: 0;
  float: left
}
.ui-wizard-panel-hidden {
  display: none
}
.skin-default-wizard .ui-wizard-node {
  color: #404040;
  font-size: 14px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  padding: 0 15px 0 0;
  text-align: center;
  position: relative;
  background: #fff
}
.skin-default-wizard .ui-wizard-node span {
  margin-right: 4px;
  color: #000;
  height: 24px;
  float: left;
  position: relative;
  text-align: center;
  width: auto;
  padding: 0 10px;
  background-color: #e4e4e4
}
.skin-default-wizard .ui-wizard-node span:after {
  border-bottom: 12px solid transparent;
  border-left: 12px solid #e4e4e4;
  border-top: 12px solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  right: -12px;
  top: 0;
  width: 0
}
.skin-default-wizard .ui-wizard-node span:before {
  border-bottom: 12px solid #e4e4e4;
  border-left: 12px solid transparent;
  border-top: 12px solid #e4e4e4;
  content: "";
  height: 0;
  left: -12px;
  position: absolute;
  top: 0;
  width: 0
}
.skin-default-wizard .ui-wizard-node-done span {
  background-color: #ccf9b8;
  color: #000
}
.skin-default-wizard .ui-wizard-node-done span:after {
  border-left: 12px solid #ccf9b8
}
.skin-default-wizard .ui-wizard-node-done span:before {
  border-bottom: 12px solid #ccf9b8;
  border-top: 12px solid #ccf9b8
}
.skin-default-wizard .ui-wizard-node-last {
  background: 0 0
}
.skin-default-wizard .ui-wizard-node-active span {
  background-color: #44ba0f;
  color: #fff
}
.skin-default-wizard .ui-wizard-node-active span:after {
  border-left: 12px solid #44ba0f
}
.skin-default-wizard .ui-wizard-node-active span:before {
  border-bottom: 12px solid #44ba0f;
  border-top: 12px solid #44ba0f
}
[class*=ui-icon-] {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-icon-glass:before {
  content: "\f000"
}
.ui-icon-music:before {
  content: "\f001"
}
.ui-icon-search:before {
  content: "\f002"
}
.ui-icon-envelope-o:before {
  content: "\f003"
}
.ui-icon-heart:before {
  content: "\f004"
}
.ui-icon-star:before {
  content: "\f005"
}
.ui-icon-star-o:before {
  content: "\f006"
}
.ui-icon-user:before {
  content: "\f007"
}
.ui-icon-film:before {
  content: "\f008"
}
.ui-icon-th-large:before {
  content: "\f009"
}
.ui-icon-th:before {
  content: "\f00a"
}
.ui-icon-th-list:before {
  content: "\f00b"
}
.ui-icon-check:before {
  content: "\f00c"
}
.ui-icon-close:before,
.ui-icon-remove:before,
.ui-icon-times:before {
  content: "\f00d"
}
.ui-icon-search-plus:before {
  content: "\f00e"
}
.ui-icon-search-minus:before {
  content: "\f010"
}
.ui-icon-power-off:before {
  content: "\f011"
}
.ui-icon-signal:before {
  content: "\f012"
}
.ui-icon-cog:before,
.ui-icon-gear:before {
  content: "\f013"
}
.ui-icon-trash-o:before {
  content: "\f014"
}
.ui-icon-home:before {
  content: "\f015"
}
.ui-icon-file-o:before {
  content: "\f016"
}
.ui-icon-clock-o:before {
  content: "\f017"
}
.ui-icon-road:before {
  content: "\f018"
}
.ui-icon-download:before {
  content: "\f019"
}
.ui-icon-arrow-circle-o-down:before {
  content: "\f01a"
}
.ui-icon-arrow-circle-o-up:before {
  content: "\f01b"
}
.ui-icon-inbox:before {
  content: "\f01c"
}
.ui-icon-play-circle-o:before {
  content: "\f01d"
}
.ui-icon-repeat:before,
.ui-icon-rotate-right:before {
  content: "\f01e"
}
.ui-icon-refresh:before {
  content: "\f021"
}
.ui-icon-list-alt:before {
  content: "\f022"
}
.ui-icon-lock:before {
  content: "\f023"
}
.ui-icon-flag:before {
  content: "\f024"
}
.ui-icon-headphones:before {
  content: "\f025"
}
.ui-icon-volume-off:before {
  content: "\f026"
}
.ui-icon-volume-down:before {
  content: "\f027"
}
.ui-icon-volume-up:before {
  content: "\f028"
}
.ui-icon-qrcode:before {
  content: "\f029"
}
.ui-icon-barcode:before {
  content: "\f02a"
}
.ui-icon-tag:before {
  content: "\f02b"
}
.ui-icon-tags:before {
  content: "\f02c"
}
.ui-icon-book:before {
  content: "\f02d"
}
.ui-icon-bookmark:before {
  content: "\f02e"
}
.ui-icon-print:before {
  content: "\f02f"
}
.ui-icon-camera:before {
  content: "\f030"
}
.ui-icon-font:before {
  content: "\f031"
}
.ui-icon-bold:before {
  content: "\f032"
}
.ui-icon-italic:before {
  content: "\f033"
}
.ui-icon-text-height:before {
  content: "\f034"
}
.ui-icon-text-width:before {
  content: "\f035"
}
.ui-icon-align-left:before {
  content: "\f036"
}
.ui-icon-align-center:before {
  content: "\f037"
}
.ui-icon-align-right:before {
  content: "\f038"
}
.ui-icon-align-justify:before {
  content: "\f039"
}
.ui-icon-list:before {
  content: "\f03a"
}
.ui-icon-dedent:before,
.ui-icon-outdent:before {
  content: "\f03b"
}
.ui-icon-indent:before {
  content: "\f03c"
}
.ui-icon-video-camera:before {
  content: "\f03d"
}
.ui-icon-image:before,
.ui-icon-photo:before,
.ui-icon-picture-o:before {
  content: "\f03e"
}
.ui-icon-pencil:before {
  content: "\f040"
}
.ui-icon-map-marker:before {
  content: "\f041"
}
.ui-icon-adjust:before {
  content: "\f042"
}
.ui-icon-tint:before {
  content: "\f043"
}
.ui-icon-edit:before,
.ui-icon-pencil-square-o:before {
  content: "\f044"
}
.ui-icon-share-square-o:before {
  content: "\f045"
}
.ui-icon-check-square-o:before {
  content: "\f046"
}
.ui-icon-arrows:before {
  content: "\f047"
}
.ui-icon-step-backward:before {
  content: "\f048"
}
.ui-icon-fast-backward:before {
  content: "\f049"
}
.ui-icon-backward:before {
  content: "\f04a"
}
.ui-icon-play:before {
  content: "\f04b"
}
.ui-icon-pause:before {
  content: "\f04c"
}
.ui-icon-stop:before {
  content: "\f04d"
}
.ui-icon-forward:before {
  content: "\f04e"
}
.ui-icon-fast-forward:before {
  content: "\f050"
}
.ui-icon-step-forward:before {
  content: "\f051"
}
.ui-icon-eject:before {
  content: "\f052"
}
.ui-icon-chevron-left:before {
  content: "\f053"
}
.ui-icon-chevron-right:before {
  content: "\f054"
}
.ui-icon-plus-circle:before {
  content: "\f055"
}
.ui-icon-minus-circle:before {
  content: "\f056"
}
.ui-icon-times-circle:before {
  content: "\f057"
}
.ui-icon-check-circle:before {
  content: "\f058"
}
.ui-icon-question-circle:before {
  content: "\f059"
}
.ui-icon-info-circle:before {
  content: "\f05a"
}
.ui-icon-crosshairs:before {
  content: "\f05b"
}
.ui-icon-times-circle-o:before {
  content: "\f05c"
}
.ui-icon-check-circle-o:before {
  content: "\f05d"
}
.ui-icon-ban:before {
  content: "\f05e"
}
.ui-icon-arrow-left:before {
  content: "\f060"
}
.ui-icon-arrow-right:before {
  content: "\f061"
}
.ui-icon-arrow-up:before {
  content: "\f062"
}
.ui-icon-arrow-down:before {
  content: "\f063"
}
.ui-icon-mail-forward:before,
.ui-icon-share:before {
  content: "\f064"
}
.ui-icon-expand:before {
  content: "\f065"
}
.ui-icon-compress:before {
  content: "\f066"
}
.ui-icon-plus:before {
  content: "\f067"
}
.ui-icon-minus:before {
  content: "\f068"
}
.ui-icon-asterisk:before {
  content: "\f069"
}
.ui-icon-exclamation-circle:before {
  content: "\f06a"
}
.ui-icon-gift:before {
  content: "\f06b"
}
.ui-icon-leaf:before {
  content: "\f06c"
}
.ui-icon-fire:before {
  content: "\f06d"
}
.ui-icon-eye:before {
  content: "\f06e"
}
.ui-icon-eye-slash:before {
  content: "\f070"
}
.ui-icon-exclamation-triangle:before,
.ui-icon-warning:before {
  content: "\f071"
}
.ui-icon-plane:before {
  content: "\f072"
}
.ui-icon-calendar:before {
  content: "\f073"
}
.ui-icon-random:before {
  content: "\f074"
}
.ui-icon-comment:before {
  content: "\f075"
}
.ui-icon-magnet:before {
  content: "\f076"
}
.ui-icon-chevron-up:before {
  content: "\f077"
}
.ui-icon-chevron-down:before {
  content: "\f078"
}
.ui-icon-retweet:before {
  content: "\f079"
}
.ui-icon-shopping-cart:before {
  content: "\f07a"
}
.ui-icon-folder:before {
  content: "\f07b"
}
.ui-icon-folder-open:before {
  content: "\f07c"
}
.ui-icon-arrows-v:before {
  content: "\f07d"
}
.ui-icon-arrows-h:before {
  content: "\f07e"
}
.ui-icon-bar-chart-o:before,
.ui-icon-bar-chart:before {
  content: "\f080"
}
.ui-icon-twitter-square:before {
  content: "\f081"
}
.ui-icon-facebook-square:before {
  content: "\f082"
}
.ui-icon-camera-retro:before {
  content: "\f083"
}
.ui-icon-key:before {
  content: "\f084"
}
.ui-icon-cogs:before,
.ui-icon-gears:before {
  content: "\f085"
}
.ui-icon-comments:before {
  content: "\f086"
}
.ui-icon-thumbs-o-up:before {
  content: "\f087"
}
.ui-icon-thumbs-o-down:before {
  content: "\f088"
}
.ui-icon-star-half:before {
  content: "\f089"
}
.ui-icon-heart-o:before {
  content: "\f08a"
}
.ui-icon-sign-out:before {
  content: "\f08b"
}
.ui-icon-linkedin-square:before {
  content: "\f08c"
}
.ui-icon-thumb-tack:before {
  content: "\f08d"
}
.ui-icon-external-link:before {
  content: "\f08e"
}
.ui-icon-sign-in:before {
  content: "\f090"
}
.ui-icon-trophy:before {
  content: "\f091"
}
.ui-icon-github-square:before {
  content: "\f092"
}
.ui-icon-upload:before {
  content: "\f093"
}
.ui-icon-lemon-o:before {
  content: "\f094"
}
.ui-icon-phone:before {
  content: "\f095"
}
.ui-icon-square-o:before {
  content: "\f096"
}
.ui-icon-bookmark-o:before {
  content: "\f097"
}
.ui-icon-phone-square:before {
  content: "\f098"
}
.ui-icon-twitter:before {
  content: "\f099"
}
.ui-icon-facebook:before {
  content: "\f09a"
}
.ui-icon-github:before {
  content: "\f09b"
}
.ui-icon-unlock:before {
  content: "\f09c"
}
.ui-icon-credit-card:before {
  content: "\f09d"
}
.ui-icon-rss:before {
  content: "\f09e"
}
.ui-icon-hdd-o:before {
  content: "\f0a0"
}
.ui-icon-bullhorn:before {
  content: "\f0a1"
}
.ui-icon-bell:before {
  content: "\f0f3"
}
.ui-icon-certificate:before {
  content: "\f0a3"
}
.ui-icon-hand-o-right:before {
  content: "\f0a4"
}
.ui-icon-hand-o-left:before {
  content: "\f0a5"
}
.ui-icon-hand-o-up:before {
  content: "\f0a6"
}
.ui-icon-hand-o-down:before {
  content: "\f0a7"
}
.ui-icon-arrow-circle-left:before {
  content: "\f0a8"
}
.ui-icon-arrow-circle-right:before {
  content: "\f0a9"
}
.ui-icon-arrow-circle-up:before {
  content: "\f0aa"
}
.ui-icon-arrow-circle-down:before {
  content: "\f0ab"
}
.ui-icon-globe:before {
  content: "\f0ac"
}
.ui-icon-wrench:before {
  content: "\f0ad"
}
.ui-icon-tasks:before {
  content: "\f0ae"
}
.ui-icon-filter:before {
  content: "\f0b0"
}
.ui-icon-briefcase:before {
  content: "\f0b1"
}
.ui-icon-arrows-alt:before {
  content: "\f0b2"
}
.ui-icon-group:before,
.ui-icon-users:before {
  content: "\f0c0"
}
.ui-icon-chain:before,
.ui-icon-link:before {
  content: "\f0c1"
}
.ui-icon-cloud:before {
  content: "\f0c2"
}
.ui-icon-flask:before {
  content: "\f0c3"
}
.ui-icon-cut:before,
.ui-icon-scissors:before {
  content: "\f0c4"
}
.ui-icon-copy:before,
.ui-icon-files-o:before {
  content: "\f0c5"
}
.ui-icon-paperclip:before {
  content: "\f0c6"
}
.ui-icon-floppy-o:before,
.ui-icon-save:before {
  content: "\f0c7"
}
.ui-icon-square:before {
  content: "\f0c8"
}
.ui-icon-bars:before,
.ui-icon-navicon:before,
.ui-icon-reorder:before {
  content: "\f0c9"
}
.ui-icon-list-ul:before {
  content: "\f0ca"
}
.ui-icon-list-ol:before {
  content: "\f0cb"
}
.ui-icon-strikethrough:before {
  content: "\f0cc"
}
.ui-icon-underline:before {
  content: "\f0cd"
}
.ui-icon-table:before {
  content: "\f0ce"
}
.ui-icon-magic:before {
  content: "\f0d0"
}
.ui-icon-truck:before {
  content: "\f0d1"
}
.ui-icon-pinterest:before {
  content: "\f0d2"
}
.ui-icon-pinterest-square:before {
  content: "\f0d3"
}
.ui-icon-google-plus-square:before {
  content: "\f0d4"
}
.ui-icon-google-plus:before {
  content: "\f0d5"
}
.ui-icon-money:before {
  content: "\f0d6"
}
.ui-icon-caret-down:before {
  content: "\f0d7"
}
.ui-icon-caret-up:before {
  content: "\f0d8"
}
.ui-icon-caret-left:before {
  content: "\f0d9"
}
.ui-icon-caret-right:before {
  content: "\f0da"
}
.ui-icon-columns:before {
  content: "\f0db"
}
.ui-icon-sort:before,
.ui-icon-unsorted:before {
  content: "\f0dc"
}
.ui-icon-sort-desc:before,
.ui-icon-sort-down:before {
  content: "\f0dd"
}
.ui-icon-sort-asc:before,
.ui-icon-sort-up:before {
  content: "\f0de"
}
.ui-icon-envelope:before {
  content: "\f0e0"
}
.ui-icon-linkedin:before {
  content: "\f0e1"
}
.ui-icon-rotate-left:before,
.ui-icon-undo:before {
  content: "\f0e2"
}
.ui-icon-gavel:before,
.ui-icon-legal:before {
  content: "\f0e3"
}
.ui-icon-dashboard:before,
.ui-icon-tachometer:before {
  content: "\f0e4"
}
.ui-icon-comment-o:before {
  content: "\f0e5"
}
.ui-icon-comments-o:before {
  content: "\f0e6"
}
.ui-icon-bolt:before,
.ui-icon-flash:before {
  content: "\f0e7"
}
.ui-icon-sitemap:before {
  content: "\f0e8"
}
.ui-icon-umbrella:before {
  content: "\f0e9"
}
.ui-icon-clipboard:before,
.ui-icon-paste:before {
  content: "\f0ea"
}
.ui-icon-lightbulb-o:before {
  content: "\f0eb"
}
.ui-icon-exchange:before {
  content: "\f0ec"
}
.ui-icon-cloud-download:before {
  content: "\f0ed"
}
.ui-icon-cloud-upload:before {
  content: "\f0ee"
}
.ui-icon-user-md:before {
  content: "\f0f0"
}
.ui-icon-stethoscope:before {
  content: "\f0f1"
}
.ui-icon-suitcase:before {
  content: "\f0f2"
}
.ui-icon-bell-o:before {
  content: "\f0a2"
}
.ui-icon-coffee:before {
  content: "\f0f4"
}
.ui-icon-cutlery:before {
  content: "\f0f5"
}
.ui-icon-file-text-o:before {
  content: "\f0f6"
}
.ui-icon-building-o:before {
  content: "\f0f7"
}
.ui-icon-hospital-o:before {
  content: "\f0f8"
}
.ui-icon-ambulance:before {
  content: "\f0f9"
}
.ui-icon-medkit:before {
  content: "\f0fa"
}
.ui-icon-fighter-jet:before {
  content: "\f0fb"
}
.ui-icon-beer:before {
  content: "\f0fc"
}
.ui-icon-h-square:before {
  content: "\f0fd"
}
.ui-icon-plus-square:before {
  content: "\f0fe"
}
.ui-icon-angle-double-left:before {
  content: "\f100"
}
.ui-icon-angle-double-right:before {
  content: "\f101"
}
.ui-icon-angle-double-up:before {
  content: "\f102"
}
.ui-icon-angle-double-down:before {
  content: "\f103"
}
.ui-icon-angle-left:before {
  content: "\f104"
}
.ui-icon-angle-right:before {
  content: "\f105"
}
.ui-icon-angle-up:before {
  content: "\f106"
}
.ui-icon-angle-down:before {
  content: "\f107"
}
.ui-icon-desktop:before {
  content: "\f108"
}
.ui-icon-laptop:before {
  content: "\f109"
}
.ui-icon-tablet:before {
  content: "\f10a"
}
.ui-icon-mobile-phone:before,
.ui-icon-mobile:before {
  content: "\f10b"
}
.ui-icon-circle-o:before {
  content: "\f10c"
}
.ui-icon-quote-left:before {
  content: "\f10d"
}
.ui-icon-quote-right:before {
  content: "\f10e"
}
.ui-icon-spinner:before {
  content: "\f110"
}
.ui-icon-circle:before {
  content: "\f111"
}
.ui-icon-mail-reply:before,
.ui-icon-reply:before {
  content: "\f112"
}
.ui-icon-github-alt:before {
  content: "\f113"
}
.ui-icon-folder-o:before {
  content: "\f114"
}
.ui-icon-folder-open-o:before {
  content: "\f115"
}
.ui-icon-smile-o:before {
  content: "\f118"
}
.ui-icon-frown-o:before {
  content: "\f119"
}
.ui-icon-meh-o:before {
  content: "\f11a"
}
.ui-icon-gamepad:before {
  content: "\f11b"
}
.ui-icon-keyboard-o:before {
  content: "\f11c"
}
.ui-icon-flag-o:before {
  content: "\f11d"
}
.ui-icon-flag-checkered:before {
  content: "\f11e"
}
.ui-icon-terminal:before {
  content: "\f120"
}
.ui-icon-code:before {
  content: "\f121"
}
.ui-icon-mail-reply-all:before,
.ui-icon-reply-all:before {
  content: "\f122"
}
.ui-icon-star-half-empty:before,
.ui-icon-star-half-full:before,
.ui-icon-star-half-o:before {
  content: "\f123"
}
.ui-icon-location-arrow:before {
  content: "\f124"
}
.ui-icon-crop:before {
  content: "\f125"
}
.ui-icon-code-fork:before {
  content: "\f126"
}
.ui-icon-chain-broken:before,
.ui-icon-unlink:before {
  content: "\f127"
}
.ui-icon-question:before {
  content: "\f128"
}
.ui-icon-info:before {
  content: "\f129"
}
.ui-icon-exclamation:before {
  content: "\f12a"
}
.ui-icon-superscript:before {
  content: "\f12b"
}
.ui-icon-subscript:before {
  content: "\f12c"
}
.ui-icon-eraser:before {
  content: "\f12d"
}
.ui-icon-puzzle-piece:before {
  content: "\f12e"
}
.ui-icon-microphone:before {
  content: "\f130"
}
.ui-icon-microphone-slash:before {
  content: "\f131"
}
.ui-icon-shield:before {
  content: "\f132"
}
.ui-icon-calendar-o:before {
  content: "\f133"
}
.ui-icon-fire-extinguisher:before {
  content: "\f134"
}
.ui-icon-rocket:before {
  content: "\f135"
}
.ui-icon-maxcdn:before {
  content: "\f136"
}
.ui-icon-chevron-circle-left:before {
  content: "\f137"
}
.ui-icon-chevron-circle-right:before {
  content: "\f138"
}
.ui-icon-chevron-circle-up:before {
  content: "\f139"
}
.ui-icon-chevron-circle-down:before {
  content: "\f13a"
}
.ui-icon-html5:before {
  content: "\f13b"
}
.ui-icon-css3:before {
  content: "\f13c"
}
.ui-icon-anchor:before {
  content: "\f13d"
}
.ui-icon-unlock-alt:before {
  content: "\f13e"
}
.ui-icon-bullseye:before {
  content: "\f140"
}
.ui-icon-ellipsis-h:before {
  content: "\f141"
}
.ui-icon-ellipsis-v:before {
  content: "\f142"
}
.ui-icon-rss-square:before {
  content: "\f143"
}
.ui-icon-play-circle:before {
  content: "\f144"
}
.ui-icon-ticket:before {
  content: "\f145"
}
.ui-icon-minus-square:before {
  content: "\f146"
}
.ui-icon-minus-square-o:before {
  content: "\f147"
}
.ui-icon-level-up:before {
  content: "\f148"
}
.ui-icon-level-down:before {
  content: "\f149"
}
.ui-icon-check-square:before {
  content: "\f14a"
}
.ui-icon-pencil-square:before {
  content: "\f14b"
}
.ui-icon-external-link-square:before {
  content: "\f14c"
}
.ui-icon-share-square:before {
  content: "\f14d"
}
.ui-icon-compass:before {
  content: "\f14e"
}
.ui-icon-caret-square-o-down:before,
.ui-icon-toggle-down:before {
  content: "\f150"
}
.ui-icon-caret-square-o-up:before,
.ui-icon-toggle-up:before {
  content: "\f151"
}
.ui-icon-caret-square-o-right:before,
.ui-icon-toggle-right:before {
  content: "\f152"
}
.ui-icon-eur:before,
.ui-icon-euro:before {
  content: "\f153"
}
.ui-icon-gbp:before {
  content: "\f154"
}
.ui-icon-dollar:before,
.ui-icon-usd:before {
  content: "\f155"
}
.ui-icon-inr:before,
.ui-icon-rupee:before {
  content: "\f156"
}
.ui-icon-cny:before,
.ui-icon-jpy:before,
.ui-icon-rmb:before,
.ui-icon-yen:before {
  content: "\f157"
}
.ui-icon-rouble:before,
.ui-icon-rub:before,
.ui-icon-ruble:before {
  content: "\f158"
}
.ui-icon-krw:before,
.ui-icon-won:before {
  content: "\f159"
}
.ui-icon-bitcoin:before,
.ui-icon-btc:before {
  content: "\f15a"
}
.ui-icon-file:before {
  content: "\f15b"
}
.ui-icon-file-text:before {
  content: "\f15c"
}
.ui-icon-sort-alpha-asc:before {
  content: "\f15d"
}
.ui-icon-sort-alpha-desc:before {
  content: "\f15e"
}
.ui-icon-sort-amount-asc:before {
  content: "\f160"
}
.ui-icon-sort-amount-desc:before {
  content: "\f161"
}
.ui-icon-sort-numeric-asc:before {
  content: "\f162"
}
.ui-icon-sort-numeric-desc:before {
  content: "\f163"
}
.ui-icon-thumbs-up:before {
  content: "\f164"
}
.ui-icon-thumbs-down:before {
  content: "\f165"
}
.ui-icon-youtube-square:before {
  content: "\f166"
}
.ui-icon-youtube:before {
  content: "\f167"
}
.ui-icon-xing:before {
  content: "\f168"
}
.ui-icon-xing-square:before {
  content: "\f169"
}
.ui-icon-youtube-play:before {
  content: "\f16a"
}
.ui-icon-dropbox:before {
  content: "\f16b"
}
.ui-icon-stack-overflow:before {
  content: "\f16c"
}
.ui-icon-instagram:before {
  content: "\f16d"
}
.ui-icon-flickr:before {
  content: "\f16e"
}
.ui-icon-adn:before {
  content: "\f170"
}
.ui-icon-bitbucket:before {
  content: "\f171"
}
.ui-icon-bitbucket-square:before {
  content: "\f172"
}
.ui-icon-tumblr:before {
  content: "\f173"
}
.ui-icon-tumblr-square:before {
  content: "\f174"
}
.ui-icon-long-arrow-down:before {
  content: "\f175"
}
.ui-icon-long-arrow-up:before {
  content: "\f176"
}
.ui-icon-long-arrow-left:before {
  content: "\f177"
}
.ui-icon-long-arrow-right:before {
  content: "\f178"
}
.ui-icon-apple:before {
  content: "\f179"
}
.ui-icon-windows:before {
  content: "\f17a"
}
.ui-icon-android:before {
  content: "\f17b"
}
.ui-icon-linux:before {
  content: "\f17c"
}
.ui-icon-dribbble:before {
  content: "\f17d"
}
.ui-icon-skype:before {
  content: "\f17e"
}
.ui-icon-foursquare:before {
  content: "\f180"
}
.ui-icon-trello:before {
  content: "\f181"
}
.ui-icon-female:before {
  content: "\f182"
}
.ui-icon-male:before {
  content: "\f183"
}
.ui-icon-gittip:before {
  content: "\f184"
}
.ui-icon-sun-o:before {
  content: "\f185"
}
.ui-icon-moon-o:before {
  content: "\f186"
}
.ui-icon-archive:before {
  content: "\f187"
}
.ui-icon-bug:before {
  content: "\f188"
}
.ui-icon-vk:before {
  content: "\f189"
}
.ui-icon-weibo:before {
  content: "\f18a"
}
.ui-icon-renren:before {
  content: "\f18b"
}
.ui-icon-pagelines:before {
  content: "\f18c"
}
.ui-icon-stack-exchange:before {
  content: "\f18d"
}
.ui-icon-arrow-circle-o-right:before {
  content: "\f18e"
}
.ui-icon-arrow-circle-o-left:before {
  content: "\f190"
}
.ui-icon-caret-square-o-left:before,
.ui-icon-toggle-left:before {
  content: "\f191"
}
.ui-icon-dot-circle-o:before {
  content: "\f192"
}
.ui-icon-wheelchair:before {
  content: "\f193"
}
.ui-icon-vimeo-square:before {
  content: "\f194"
}
.ui-icon-try:before,
.ui-icon-turkish-lira:before {
  content: "\f195"
}
.ui-icon-plus-square-o:before {
  content: "\f196"
}
.ui-icon-space-shuttle:before {
  content: "\f197"
}
.ui-icon-slack:before {
  content: "\f198"
}
.ui-icon-envelope-square:before {
  content: "\f199"
}
.ui-icon-wordpress:before {
  content: "\f19a"
}
.ui-icon-openid:before {
  content: "\f19b"
}
.ui-icon-bank:before,
.ui-icon-institution:before,
.ui-icon-university:before {
  content: "\f19c"
}
.ui-icon-graduation-cap:before,
.ui-icon-mortar-board:before {
  content: "\f19d"
}
.ui-icon-yahoo:before {
  content: "\f19e"
}
.ui-icon-google:before {
  content: "\f1a0"
}
.ui-icon-reddit:before {
  content: "\f1a1"
}
.ui-icon-reddit-square:before {
  content: "\f1a2"
}
.ui-icon-stumbleupon-circle:before {
  content: "\f1a3"
}
.ui-icon-stumbleupon:before {
  content: "\f1a4"
}
.ui-icon-delicious:before {
  content: "\f1a5"
}
.ui-icon-digg:before {
  content: "\f1a6"
}
.ui-icon-pied-piper:before {
  content: "\f1a7"
}
.ui-icon-pied-piper-alt:before {
  content: "\f1a8"
}
.ui-icon-drupal:before {
  content: "\f1a9"
}
.ui-icon-joomla:before {
  content: "\f1aa"
}
.ui-icon-language:before {
  content: "\f1ab"
}
.ui-icon-fax:before {
  content: "\f1ac"
}
.ui-icon-building:before {
  content: "\f1ad"
}
.ui-icon-child:before {
  content: "\f1ae"
}
.ui-icon-paw:before {
  content: "\f1b0"
}
.ui-icon-spoon:before {
  content: "\f1b1"
}
.ui-icon-cube:before {
  content: "\f1b2"
}
.ui-icon-cubes:before {
  content: "\f1b3"
}
.ui-icon-behance:before {
  content: "\f1b4"
}
.ui-icon-behance-square:before {
  content: "\f1b5"
}
.ui-icon-steam:before {
  content: "\f1b6"
}
.ui-icon-steam-square:before {
  content: "\f1b7"
}
.ui-icon-recycle:before {
  content: "\f1b8"
}
.ui-icon-automobile:before,
.ui-icon-car:before {
  content: "\f1b9"
}
.ui-icon-cab:before,
.ui-icon-taxi:before {
  content: "\f1ba"
}
.ui-icon-tree:before {
  content: "\f1bb"
}
.ui-icon-spotify:before {
  content: "\f1bc"
}
.ui-icon-deviantart:before {
  content: "\f1bd"
}
.ui-icon-soundcloud:before {
  content: "\f1be"
}
.ui-icon-database:before {
  content: "\f1c0"
}
.ui-icon-file-pdf-o:before {
  content: "\f1c1"
}
.ui-icon-file-word-o:before {
  content: "\f1c2"
}
.ui-icon-file-excel-o:before {
  content: "\f1c3"
}
.ui-icon-file-powerpoint-o:before {
  content: "\f1c4"
}
.ui-icon-file-image-o:before,
.ui-icon-file-photo-o:before,
.ui-icon-file-picture-o:before {
  content: "\f1c5"
}
.ui-icon-file-archive-o:before,
.ui-icon-file-zip-o:before {
  content: "\f1c6"
}
.ui-icon-file-audio-o:before,
.ui-icon-file-sound-o:before {
  content: "\f1c7"
}
.ui-icon-file-movie-o:before,
.ui-icon-file-video-o:before {
  content: "\f1c8"
}
.ui-icon-file-code-o:before {
  content: "\f1c9"
}
.ui-icon-vine:before {
  content: "\f1ca"
}
.ui-icon-codepen:before {
  content: "\f1cb"
}
.ui-icon-jsfiddle:before {
  content: "\f1cc"
}
.ui-icon-life-bouy:before,
.ui-icon-life-buoy:before,
.ui-icon-life-ring:before,
.ui-icon-life-saver:before,
.ui-icon-support:before {
  content: "\f1cd"
}
.ui-icon-circle-o-notch:before {
  content: "\f1ce"
}
.ui-icon-ra:before,
.ui-icon-rebel:before {
  content: "\f1d0"
}
.ui-icon-empire:before,
.ui-icon-ge:before {
  content: "\f1d1"
}
.ui-icon-git-square:before {
  content: "\f1d2"
}
.ui-icon-git:before {
  content: "\f1d3"
}
.ui-icon-hacker-news:before {
  content: "\f1d4"
}
.ui-icon-tencent-weibo:before {
  content: "\f1d5"
}
.ui-icon-qq:before {
  content: "\f1d6"
}
.ui-icon-wechat:before,
.ui-icon-weixin:before {
  content: "\f1d7"
}
.ui-icon-paper-plane:before,
.ui-icon-send:before {
  content: "\f1d8"
}
.ui-icon-paper-plane-o:before,
.ui-icon-send-o:before {
  content: "\f1d9"
}
.ui-icon-history:before {
  content: "\f1da"
}
.ui-icon-circle-thin:before {
  content: "\f1db"
}
.ui-icon-header:before {
  content: "\f1dc"
}
.ui-icon-paragraph:before {
  content: "\f1dd"
}
.ui-icon-sliders:before {
  content: "\f1de"
}
.ui-icon-share-alt:before {
  content: "\f1e0"
}
.ui-icon-share-alt-square:before {
  content: "\f1e1"
}
.ui-icon-bomb:before {
  content: "\f1e2"
}
.ui-icon-futbol-o:before,
.ui-icon-soccer-ball-o:before {
  content: "\f1e3"
}
.ui-icon-tty:before {
  content: "\f1e4"
}
.ui-icon-binoculars:before {
  content: "\f1e5"
}
.ui-icon-plug:before {
  content: "\f1e6"
}
.ui-icon-slideshare:before {
  content: "\f1e7"
}
.ui-icon-twitch:before {
  content: "\f1e8"
}
.ui-icon-yelp:before {
  content: "\f1e9"
}
.ui-icon-newspaper-o:before {
  content: "\f1ea"
}
.ui-icon-wifi:before {
  content: "\f1eb"
}
.ui-icon-calculator:before {
  content: "\f1ec"
}
.ui-icon-paypal:before {
  content: "\f1ed"
}
.ui-icon-google-wallet:before {
  content: "\f1ee"
}
.ui-icon-cc-visa:before {
  content: "\f1f0"
}
.ui-icon-cc-mastercard:before {
  content: "\f1f1"
}
.ui-icon-cc-discover:before {
  content: "\f1f2"
}
.ui-icon-cc-amex:before {
  content: "\f1f3"
}
.ui-icon-cc-paypal:before {
  content: "\f1f4"
}
.ui-icon-cc-stripe:before {
  content: "\f1f5"
}
.ui-icon-bell-slash:before {
  content: "\f1f6"
}
.ui-icon-bell-slash-o:before {
  content: "\f1f7"
}
.ui-icon-trash:before {
  content: "\f1f8"
}
.ui-icon-copyright:before {
  content: "\f1f9"
}
.ui-icon-at:before {
  content: "\f1fa"
}
.ui-icon-eyedropper:before {
  content: "\f1fb"
}
.ui-icon-paint-brush:before {
  content: "\f1fc"
}
.ui-icon-birthday-cake:before {
  content: "\f1fd"
}
.ui-icon-area-chart:before {
  content: "\f1fe"
}
.ui-icon-pie-chart:before {
  content: "\f200"
}
.ui-icon-line-chart:before {
  content: "\f201"
}
.ui-icon-lastfm:before {
  content: "\f202"
}
.ui-icon-lastfm-square:before {
  content: "\f203"
}
.ui-icon-toggle-off:before {
  content: "\f204"
}
.ui-icon-toggle-on:before {
  content: "\f205"
}
.ui-icon-bicycle:before {
  content: "\f206"
}
.ui-icon-bus:before {
  content: "\f207"
}
.ui-icon-ioxhost:before {
  content: "\f208"
}
.ui-icon-angellist:before {
  content: "\f209"
}
.ui-icon-cc:before {
  content: "\f20a"
}
.ui-icon-ils:before,
.ui-icon-shekel:before,
.ui-icon-sheqel:before {
  content: "\f20b"
}
.ui-icon-meanpath:before {
  content: "\f20c"
}
@font-face {
  font-family: FontAwesome;
  src: url(img/fontawesome-webfont.eot);
  src: url(img/fontawesome-webfont01.eot) format('embedded-opentype'),url(img/fontawesome-webfont.woff) format('woff'),url(img/fontawesome-webfont.ttf) format('truetype'),url(img/fontawesome-webfont.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
.ui-eicons-small:before {
  font-size: 150%;
  vertical-align: -10%
}
.ui-eicons-medium:before {
  font-size: 200%;
  vertical-align: -16%
}
.ui-eicons-large:before {
  font-size: 250%;
  vertical-align: -22%
}
.ui-eicons-fw {
  width: 1.28571429em;
  text-align: center
}
.ui-eicons-spin {
  -webkit-animation: 2s linear infinite eicons-spin;
  -moz-animation: 2s linear infinite eicons-spin;
  -ms-animation: eicons-spin 2s infinite linear;
  -o-animation: 2s linear infinite eicons-spin;
  animation: 2s linear infinite eicons-spin
}
.ui-eicons-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.ui-eicons-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.ui-eicons-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}
.ui-eicons-flip-horizontal {
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1)
}
.ui-eicons-flip-vertical {
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}
@-webkit-keyframes eicons-spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}
@keyframes eicons-spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}
.ui-p0 {
  padding: 0
}
.ui-pl0 {
  padding-left: 0
}
.ui-pb0 {
  padding-bottom: 0
}
.ui-pr0 {
  padding-right: 0
}
.ui-pt0 {
  padding-top: 0
}
.ui-pv0 {
  padding-top: 0;
  padding-bottom: 0
}
.ui-ph0 {
  padding-left: 0;
  padding-right: 0
}
.ui-p1 {
  padding: .5em
}
.ui-pl1 {
  padding-left: .5em
}
.ui-pb1 {
  padding-bottom: .5em
}
.ui-pr1 {
  padding-right: .5em
}
.ui-pt1 {
  padding-top: .5em
}
.ui-pv1 {
  padding-top: .5em;
  padding-bottom: .5em
}
.ui-ph1 {
  padding-left: .5em;
  padding-right: .5em
}
.ui-p2 {
  padding: 1em
}
.ui-pl2 {
  padding-left: 1em
}
.ui-pb2 {
  padding-bottom: 1em
}
.ui-pr2 {
  padding-right: 1em
}
.ui-pt2 {
  padding-top: 1em
}
.ui-pv2 {
  padding-top: 1em;
  padding-bottom: 1em
}
.ui-ph2 {
  padding-left: 1em;
  padding-right: 1em
}
.ui-p3 {
  padding: 1.5em
}
.ui-pl3 {
  padding-left: 1.5em
}
.ui-pb3 {
  padding-bottom: 1.5em
}
.ui-pr3 {
  padding-right: 1.5em
}
.ui-pt3 {
  padding-top: 1.5em
}
.ui-pv3 {
  padding-top: 1.5em;
  padding-bottom: 1.5em
}
.ui-ph3 {
  padding-left: 1.5em;
  padding-right: 1.5em
}
.ui-p4 {
  padding: 2em
}
.ui-pl4 {
  padding-left: 2em
}
.ui-pb4 {
  padding-bottom: 2em
}
.ui-pr4 {
  padding-right: 2em
}
.ui-pt4 {
  padding-top: 2em
}
.ui-pv4 {
  padding-top: 2em;
  padding-bottom: 2em
}
.ui-ph4 {
  padding-left: 2em;
  padding-right: 2em
}
.ui-m0 {
  margin: 0
}
.ui-ml0 {
  margin-left: 0
}
.ui-mb0 {
  margin-bottom: 0
}
.uimr0 {
  margin-right: 0
}
.ui-mt0 {
  margin-top: 0
}
.ui-mv0 {
  margin-top: 0;
  margin-bottom: 0
}
.ui-mh0 {
  margin-left: 0;
  margin-right: 0
}
.ui-m1 {
  margin: .5em
}
.ui-ml1 {
  margin-left: .5em
}
.ui-mb1 {
  margin-bottom: .5em
}
.uimr1 {
  margin-right: .5em
}
.ui-mt1 {
  margin-top: .5em
}
.ui-mv1 {
  margin-top: .5em;
  margin-bottom: .5em
}
.ui-mh1 {
  margin-left: .5em;
  margin-right: .5em
}
.ui-m2 {
  margin: 1em
}
.ui-ml2 {
  margin-left: 1em
}
.ui-mb2 {
  margin-bottom: 1em
}
.uimr2 {
  margin-right: 1em
}
.ui-mt2 {
  margin-top: 1em
}
.ui-mv2 {
  margin-top: 1em;
  margin-bottom: 1em
}
.ui-mh2 {
  margin-left: 1em;
  margin-right: 1em
}
.ui-m3 {
  margin: 1.5em
}
.ui-ml3 {
  margin-left: 1.5em
}
.ui-mb3 {
  margin-bottom: 1.5em
}
.uimr3 {
  margin-right: 1.5em
}
.ui-mt3 {
  margin-top: 1.5em
}
.ui-mv3 {
  margin-top: 1.5em;
  margin-bottom: 1.5em
}
.ui-mh3 {
  margin-left: 1.5em;
  margin-right: 1.5em
}
.ui-m4 {
  margin: 2em
}
.ui-ml4 {
  margin-left: 2em
}
.ui-mb4 {
  margin-bottom: 2em
}
.uimr4 {
  margin-right: 2em
}
.ui-mt4 {
  margin-top: 2em
}
.ui-mv4 {
  margin-top: 2em;
  margin-bottom: 2em
}
.ui-mh4 {
  margin-left: 2em;
  margin-right: 2em
}
.ui-mh-auto {
  margin-left: auto;
  margin-right: auto
}
.ui-float-left {
  float: left
}
.ui-float-right {
  float: right
}
.ui-float-none {
  float: none
}
.ui-overflow-hidden {
  overflow: hidden
}
.ui-overflow-auto {
  overflow: auto
}
.ui-overflow-scroll {
  overflow: scroll
}
.ui-fit {
  max-width: 100%
}
.ui-half-width {
  width: 50%
}
.ui-full-width {
  width: 100%
}
.ui-inline {
  display: inline
}
.ui-block {
  display: block
}
.ui-inline-block {
  display: inline-block
}
.ui-base {
  font-size: 16px!important
}
.ui-mini {
  font-size: 12px!important
}
.ui-small {
  font-size: 14px!important
}
.ui-large {
  font-size: 18px!important
}
.ui-big {
  font-size: 20px!important
}
.ui-huge {
  font-size: 22px!important
}
.ui-massive {
  font-size: 24px!important
}
.ui-loader {
  display: inline-block
}
.ui-loader-bouncers {
  width: 5em;
  text-align: center
}
.ui-loader-bouncers > div {
  width: 1.25em;
  height: 1.25em;
  background-color: #6ccdc0;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: 1.4s ease-in-out infinite esf-loader-bounce;
  -moz-animation: 1.4s ease-in-out infinite esf-loader-bounce;
  -ms-animation: esf-loader-bounce 1.4s infinite ease-in-out;
  -o-animation: 1.4s ease-in-out infinite esf-loader-bounce;
  animation: 1.4s ease-in-out infinite esf-loader-bounce
}
.ui-loader-bouncers .ui-spinner-bouncer1 {
  -webkit-animation-delay: -.32s;
  -moz-animation-delay: -.32s;
  -ms-animation-delay: -.32s;
  -o-animation-delay: -.32s;
  animation-delay: -.32s
}
.ui-loader-bouncers .ui-spinner-bouncer2 {
  -webkit-animation-delay: -.16s;
  -moz-animation-delay: -.16s;
  -ms-animation-delay: -.16s;
  -o-animation-delay: -.16s;
  animation-delay: -.16s
}
@-webkit-keyframes esf-loader-bounce {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1)
  }
}
@keyframes esf-loader-bounce {
  0%,
  100%,
  80% {
    transform: scale(0)
  }
  40% {
    transform: scale(1)
  }
}
.ui-loader-icon {
  text-align: center;
  color: #6ccdc0;
  font-size: 2em
}
.ui-loader-border {
  border-bottom: 6px solid #cbede9;
  border-left: 6px solid #cbede9;
  border-right: 6px solid #cbede9;
  border-top: 6px solid #6ccdc0;
  display: inline-block;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  -webkit-animation: .6s linear infinite esf-loader-border-spin;
  -moz-animation: .6s linear infinite esf-loader-border-spin;
  -ms-animation: esf-loader-border-spin .6s infinite linear;
  -o-animation: .6s linear infinite esf-loader-border-spin;
  animation: .6s linear infinite esf-loader-border-spin
}
@-webkit-keyframes esf-loader-border-spin {
  0% {
    -webkit-transform: rotateZ(0)
  }
  100% {
    -webkit-transform: rotateZ(360deg)
  }
}
@keyframes esf-loader-border-spin {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(359deg)
  }
}
.ui-loader-borders:before {
  content: ''
}
.ui-loader-borders,
.ui-loader-borders:before {
  box-sizing: border-box;
  display: inline-block;
  padding: .5em;
  vertical-align: middle;
  text-align: center;
  border: 5px solid transparent;
  border-top-color: #6ccdc0;
  border-bottom-color: #6ccdc0;
  border-radius: 50%;
  -webkit-animation: 1s infinite esf-loader-borders-spin;
  -moz-animation: 1s infinite esf-loader-borders-spin;
  -ms-animation: esf-loader-borders-spin 1s infinite;
  -o-animation: 1s infinite esf-loader-borders-spin;
  animation: 1s infinite esf-loader-borders-spin
}
@-webkit-keyframes esf-loader-borders-spin {
  0% {
    transform: rotateZ(0)
  }
  100% {
    transform: rotateZ(360deg)
  }
}
@keyframes esf-loader-borders-spin {
  0% {
    -webkit-transform: rotateZ(0)
  }
  100% {
    -webkit-transform: rotateZ(360deg)
  }
}
.ui-progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.ui-progress .ui-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #6ccdc0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -moz-transition: width .6s ease;
  -ms-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-transition: width .6s ease;
  -moz-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}
.ui-progress .ui-progress-bar-success {
  background-color: #5cb85c
}
.ui-progress .ui-progress-bar-info {
  background-color: #5bc0de
}
.ui-progress .ui-progress-bar-warning {
  background-color: #f0ad4e
}
.ui-progress .ui-progress-bar-danger {
  background-color: #d9534f
}
.ui-progress .ui-progress-bar-striped {
  background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-repeat: repeat;
  background-size: 40px 40px
}
@-webkit-keyframes esf-progress-bar-stripes {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 40px 0
  }
}
@keyframes esf-progress-bar-stripes {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: 40px 0
  }
}
.ui-progress-bar-active {
  -webkit-animation: 2s linear infinite esf-progress-bar-stripes;
  -moz-animation: 2s linear infinite esf-progress-bar-stripes;
  -ms-animation: esf-progress-bar-stripes 2s linear infinite;
  -o-animation: 2s linear infinite esf-progress-bar-stripes;
  animation: 2s linear infinite esf-progress-bar-stripes
}
.ui-progress-small {
  height: 10px;
  line-height: 10px
}
.ui-progress-small .ui-progress-bar {
  line-height: 10px
}
.ui-progress-large {
  height: 30px;
  line-height: 30px
}
.ui-progress-large .ui-progress-bar {
  line-height: 30px
}
.ui-textbox input,
.ui-textbox textarea {
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
  width: 240px;
  height: 24px;
  line-height: 24px
}
.ui-textbox input:hover,
.ui-textbox textarea:hover {
  border: 1px solid #FEA067
}
.ui-textbox-hint {
  background: #f7f7f7;
  border: 1px solid #ddd;
  height: 24px;
  line-height: 24px
}
.ui-textbox-placeholder {
  height: 24px;
  line-height: 24px
}
.ui-textbox-disabled input,
.ui-textbox-disabled textarea,
.ui-textbox-read-only input,
.ui-textbox-read-only textarea {
  border: 1px solid #ddd;
  background: #f6f6f6;
  color: #999
}
.ui-button {
  background: #fc9153;
  color: #fff;
  font-size: 14px;
  padding: 0 15px;
  border-radius: 0;
  height: 33px;
  line-height: 33px;
  border: 1px solid #fc9153
}
.ui-button:hover {
  border-color: #FE6913;
  background: #FE6913;
  color: #fff;
  border-width: 1px
}
.ui-button:active {
  border-color: #1cb6bb #27afa8 #16bbc9;
  background: #fc9153;
  color: #fff
}
.ui-button-disabled,
.ui-button-disabled:active,
.ui-button-disabled:hover {
  border-color: #eaeaea;
  background: #eaeaea;
  color: #FEA067
}
.ui-searchbox .ui-textbox input {
  float: left;
  height: 19px;
  line-height: 19px;
  padding: 2px 27px 2px 4px;
  border: 1px solid #ddd
}
.ui-searchbox .ui-textbox input:hover {
  border: 1px solid #fc9153
}
.ui-searchbox .ui-textbox input:focus {
  border-color: 1px solid #fc9153
}
.ui-searchbox .ui-button {
  width: 25px;
  height: 25px;
  top: 0;
  background: 0 0;
  position: absolute
}
.ui-searchbox .ui-button:after {
  content: '~"url(img/esui-search-normal.png)"';
  text-indent: -9999px;
  background: url(img/esui-search-normal.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/esui-search-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
.ui-searchbox .ui-button:active {
  background: 0 0;
  position: absolute
}
.ui-searchbox .ui-button:active:after {
  content: '~"url(img/esui-search-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-search-active.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/esui-search-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
.ui-searchbox .ui-button:hover {
  background: 0 0;
  position: absolute
}
.ui-searchbox .ui-button:hover:after {
  content: '~"url(img/esui-search-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-search-active.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/esui-search-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
.ui-searchbox .ui-button-disabled:active:after {
  content: '~"url(img/esui-search-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-search-active.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/esui-search-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
.ui-searchbox-focus .ui-button {
  position: absolute
}
.ui-searchbox-focus .ui-button:after {
  content: '~"url(img/esui-search-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-search-active.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/esui-search-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
.ui-searchbox-clear .ui-button {
  position: absolute
}
.ui-searchbox-clear .ui-button:after {
  content: '~"url(img/esui-btn-clear.png)"';
  text-indent: -9999px;
  background: url(img/esui-btn-clear.png) no-repeat;
  line-height: 12px;
  position: absolute;
  width: 12px;
  height: 12px;
  content: '~"url(img/esui-btn-clear.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px
}
.ui-searchbox-clear .ui-button:hover {
  position: absolute
}
.ui-searchbox-clear .ui-button:hover:after {
  content: '~"url(img/esui-btn-clear-hover.png)"';
  text-indent: -9999px;
  background: url(img/esui-btn-clear-hover.png) no-repeat;
  line-height: 12px;
  position: absolute;
  width: 12px;
  height: 12px;
  content: '~"url(img/esui-btn-clear-hover.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px
}
.ui-select {
  background: #ebebeb;
  border: none;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 45px 0 18px;
  width: auto;
  color: #666;
  font-weight: 700;
  position: relative
}
.ui-select:after {
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-normal.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-select:focus,
.ui-select:hover {
  background: #ebebeb;
  position: relative
}
.ui-select:focus:after,
.ui-select:hover:after {
  content: '~"url(img/esui-combo-arrow-hover.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-hover.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-hover.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-select-active,
.ui-select-active:focus,
.ui-select-active:hover {
  background: #ebebeb;
  position: relative
}
.ui-select-active:after,
.ui-select-active:focus:after,
.ui-select-active:hover:after {
  content: '~"url(img/esui-combo-arrow-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-active.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-select-layer {
  width: auto;
  border: none;
  border-top: 0;
  background: #f7f7f7
}
.ui-select-item {
  color: #666;
  line-height: 30px;
  margin: 0;
  padding: 0
}
.ui-select-item-selected {
  background: #fffaee;
  border: none;
  padding: 0 3px
}
.ui-select-item:hover {
  background: #f1f1f1
}
.ui-select-disabled,
.ui-select-disabled:hover,
.ui-select-read-only,
.ui-select-read-only:hover {
  color: #999;
  background: #ebebeb;
  position: relative
}
.ui-select-disabled:after,
.ui-select-disabled:hover:after,
.ui-select-read-only:after,
.ui-select-read-only:hover:after {
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-normal.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-table-head {
  background: #f7f7f7
}
.ui-table-head table {
  border-color: #f7f7f7
}
.ui-table-hcell {
  font-weight: 400;
  color: #555;
  border-left-color: #f7f7f7
}
.ui-table-hcell:first-child {
  border-left-color: #f7f7f7
}
.ui-table-hcell-text {
  height: Table-hcell-text-height;
  line-height: Table-hcell-text-height;
  padding: Table-hcell-text-padding
}
.ui-table-htip {
  margin: 0 4px 0 0
}
.ui-table-hsort {
  margin: 2px 0 0 2px;
  height: 10px;
  width: 7px
}
.ui-table-hcell-sort-hover {
  background: #fde8c4
}
.ui-table-body {
  background: #fff;
  border-bottom: 1px solid #fff
}
.ui-table-body table {
  border-color: #fff
}
.ui-table-body-nodata {
  text-align: center;
  border: 1px solid #fff;
  border-width: 0 1px
}
.ui-table-row {
  zoom: 1;
  background: #fff;
  border-bottom: 1px solid #f0f0f0
}
.ui-table-row-hover {
  background: #fffbed
}
.ui-table-row-selected table {
  background: #f0f0f0
}
.ui-table-row-selected table .ui-table-cell,
.ui-table-row-selected table .ui-table-row-hover .ui-table-cell {
  border-color: transparent
}
.ui-table-row-unfolded {
  background: #f0f0f0
}
.ui-table-mark {
  height: 400px;
  background: #000
}
.ui-table-cell,
.ui-table-cell:first-child {
  border-color: #fff
}
.ui-table-row-hover .ui-table-cell {
  border-color: #fffbed
}
.ui-table-body-nodata,
.ui-table-cell-text {
  line-height: 100%;
  height: 100%;
  padding: 14px 8px
}
.ui-table-cell-text-first,
.ui-table-hcell-text-first {
  padding-left: 12px
}
.ui-table-cell-text-last,
.ui-table-hcell-text-last {
  padding-right: 12px
}
.ui-table-cell-sel,
.ui-table-hcell-sel {
  padding: 3px 8px 0;
  height: 100%;
  line-height: 100%
}
.ui-table-scroll-x {
  height: 20px
}
.ui-table-subentry,
.ui-table-subentry-opened,
.ui-table-subentry-opened-hover {
  width: 7px;
  height: 7px;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: 0 0
}
.ui-table-subentry {
  position: relative
}
.ui-table-subentry:after {
  content: '~"url(img/esui-open-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-open-icon.png) no-repeat;
  line-height: 7px;
  position: absolute;
  width: 5px;
  height: 7px;
  content: '~"url(img/esui-open-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-table-subentry-opened {
  position: relative
}
.ui-table-subentry-opened:after {
  content: '~"url(img/esui-close-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-close-icon.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 7px;
  height: 5px;
  content: '~"url(img/esui-close-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  left: 50%;
  margin-left: -3.5px
}
.ui-table-subentry-hover {
  position: relative
}
.ui-table-subentry-hover:after {
  content: '~"url(img/esui-open-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-open-icon.png) no-repeat;
  line-height: 7px;
  position: absolute;
  width: 5px;
  height: 7px;
  content: '~"url(img/esui-open-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-table-subentry-opened-hover {
  position: relative
}
.ui-table-subentry-opened-hover:after {
  content: '~"url(img/esui-close-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-close-icon.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 7px;
  height: 5px;
  content: '~"url(img/esui-close-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  left: 50%;
  margin-left: -3.5px
}
.ui-table-subrow {
  background: #fff9ee;
  border-color: #ddd;
  padding: 1px 0 0 36px
}
.ui-table-foot {
  background: #f7f7f7
}
.ui-table-fcell,
.ui-table-fcell:first-child,
.ui-table-foot table {
  border-color: #fff
}
.ui-dialog {
  background: #fff;
  border: 1px solid #ddd;
  width: 470px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
.ui-dialog-head {
  background: #fff;
  color: #333;
  height: 35px
}
.ui-dialog-title {
  padding: 0 0 0 15px;
  font-size: 14px;
  line-height: 35px
}
.ui-dialog-close-icon {
  background: url(img/esui-dialog-head-close.png) no-repeat;
  width: 13px;
  height: 13px;
  right: 15px;
  top: 15px
}
.ui-dialog-body {
  padding: 5px 25px
}
.ui-dialog-foot-panel {
  padding: 25px 30px;
  border: none;
  margin: 0
}
.ui-dialog-foot {
  float: left
}
.ui-dialog-foot .ui-button {
  margin-right: 6px;
  height: 23px;
  line-height: 23px;
  width: 90px
}
.ui-dialog-mask-mixin {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .2
}
.ui-pager {
  margin: 14px
}
.ui-pager .ui-select {
  border: none;
  width: 70px;
  height: 18px;
  line-height: 18px;
  padding: 0 20px
}
.ui-pager-label {
  color: #666;
  vertical-align: top;
  line-height: 18px;
  float: left
}
.ui-pager-main li {
  color: #666;
  font-weight: 700
}
.ui-pager-main a {
  color: #666
}
.ui-pager-main .ui-pager-item-current {
  background: #cacaca;
  color: #fff
}
.ui-pager-item,
.ui-pager-item-extend {
  height: 18px;
  line-height: 18px;
  background: 0 0;
  border: 0
}
.ui-pager-item {
  width: 18px;
  color: #666
}
.ui-pager-item a {
  width: 18px
}
.ui-pager-item-current,
.ui-pager-item-omit {
  width: 18px;
  height: 18px;
  line-height: 18px
}
.ui-monthview-head {
  height: 28px;
  background: #e1f5f1
}
.ui-monthview-head table {
  width: auto
}
.ui-monthview {
  background: #fff;
  border: 1px solid #e1e1e1;
  width: 210px
}
.ui-monthview .ui-monthview-head .ui-monthview-month-back,
.ui-monthview .ui-monthview-head .ui-monthview-month-forward {
  padding: 0;
  border: 0;
  margin-top: 0;
  height: 21px;
  width: 21px;
  background: 0 0
}
.ui-monthview .ui-monthview-head .ui-monthview-month-back:active,
.ui-monthview .ui-monthview-head .ui-monthview-month-back:hover,
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:active,
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:hover {
  border: 0;
  background: 0 0
}
.ui-monthview .ui-monthview-head .ui-monthview-month-back {
  position: relative
}
.ui-monthview .ui-monthview-head .ui-monthview-month-back:after {
  content: '~"url(img/esui-monthview-prev-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-prev-icon.png) no-repeat;
  line-height: 9px;
  position: absolute;
  width: 5px;
  height: 9px;
  content: '~"url(img/esui-monthview-prev-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-monthview .ui-monthview-head .ui-monthview-month-back:active,
.ui-monthview .ui-monthview-head .ui-monthview-month-back:hover {
  position: relative
}
.ui-monthview .ui-monthview-head .ui-monthview-month-back:active:after,
.ui-monthview .ui-monthview-head .ui-monthview-month-back:hover:after {
  content: '~"url(img/esui-monthview-prev-icon-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-prev-icon-active.png) no-repeat;
  line-height: 9px;
  position: absolute;
  width: 5px;
  height: 9px;
  content: '~"url(img/esui-monthview-prev-icon-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-monthview .ui-monthview-head .ui-monthview-month-forward {
  margin-right: 5px;
  position: relative
}
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:after {
  content: '~"url(img/esui-monthview-next-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-next-icon.png) no-repeat;
  line-height: 9px;
  position: absolute;
  width: 5px;
  height: 9px;
  content: '~"url(img/esui-monthview-next-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:active,
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:hover {
  position: relative
}
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:active:after,
.ui-monthview .ui-monthview-head .ui-monthview-month-forward:hover:after {
  content: '~"url(img/esui-monthview-next-icon-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-next-icon-active.png) no-repeat;
  line-height: 9px;
  position: absolute;
  width: 5px;
  height: 9px;
  content: '~"url(img/esui-monthview-next-icon-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-monthview .ui-monthview-head .ui-select,
.ui-monthview .ui-monthview-head .ui-select:focus,
.ui-monthview .ui-monthview-head .ui-select:hover {
  background: #fff;
  position: relative;
  height: 21px;
  line-height: 21px;
  padding: 0 0 0 5px;
  margin: 0 13px;
  text-align: left;
  font-weight: 400
}
.ui-monthview .ui-monthview-head .ui-select:after,
.ui-monthview .ui-monthview-head .ui-select:focus:after,
.ui-monthview .ui-monthview-head .ui-select:hover:after {
  content: '~"url(img/esui-monthview-select-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-select-icon.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-monthview-select-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 10px
}
.ui-monthview .ui-monthview-head .ui-select-active,
.ui-monthview .ui-monthview-head .ui-select-active:focus,
.ui-monthview .ui-monthview-head .ui-select-active:hover {
  background: #fff;
  position: relative
}
.ui-monthview .ui-monthview-head .ui-select-active:after,
.ui-monthview .ui-monthview-head .ui-select-active:focus:after,
.ui-monthview .ui-monthview-head .ui-select-active:hover:after {
  content: '~"url(img/esui-monthview-select-icon-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-select-icon-active.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-monthview-select-icon-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 10px
}
.ui-monthview .ui-monthview-head .ui-monthview-month-select,
.ui-monthview .ui-monthview-head .ui-monthview-month-select:focus,
.ui-monthview .ui-monthview-head .ui-monthview-month-select:hover {
  width: 40px;
  margin: 3px 6px 0
}
.ui-monthview .ui-monthview-head .ui-monthview-year-select,
.ui-monthview .ui-monthview-head .ui-monthview-year-select:focus,
.ui-monthview .ui-monthview-head .ui-monthview-year-select:hover {
  width: 56px;
  margin: 3px 6px 0
}
.ui-monthview-month-select-layer .ui-select-item,
.ui-monthview-year-select-layer .ui-select-item {
  padding: 0 0 0 4px;
  text-align: left
}
.ui-monthview-month {
  border: none
}
.ui-monthview-month-title {
  background: #f6f6f6;
  color: #666;
  width: 30px;
  height: 30px;
  line-height: 30px
}
.ui-monthview-month-title-selected {
  background: #ccced4
}
.ui-monthview-month-item {
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #333;
  border-bottom: 1px solid #fff
}
.ui-monthview-month-item:hover {
  background: #e2f4ef
}
.ui-monthview-month-item-today {
  font-weight: 700
}
.ui-monthview-month-item-selected {
  background: 0 0;
  color: #fc9153
}
.ui-monthview-month-item-out,
.ui-monthview-month-item-virtual {
  color: #999;
  background: 0 0
}
.ui-monthview-month-item-out:hover,
.ui-monthview-month-item-virtual:hover {
  background: 0 0
}
.ui-monthview-month-item-disabled {
  background: 0 0;
  color: #999
}
.ui-monthview-month-item-disabled:hover {
  background: 0 0
}
.ui-monthview-multi-select .ui-monthview-month-select-all,
.ui-monthview-multi-select .ui-monthview-month-select-all-selected,
.ui-monthview-multi-select .ui-monthview-month-select-all:hover {
  background: #fffbed
}
.ui-monthview-multi-select .ui-monthview-month-row-select {
  background: #fffbed;
  border-bottom: 1px solid #fff
}
.ui-monthview-multi-select .ui-monthview-month-row-select-selected {
  background: #fffbed
}
.ui-monthview-disabled .ui-monthview-month-forward:active,
.ui-monthview-disabled .ui-monthview-month-forward:hover {
  background: url(img/esui-monthview-next-icon-disable.png)
}
.ui-monthview-disabled .ui-monthview-month-back:active,
.ui-monthview-disabled .ui-monthview-month-back:hover {
  background: url(img/esui-monthview-prev-icon-disable.png)
}
.ui-calendar {
  border: none;
  background: #fff;
  border-radius: 0
}
.ui-calendar-text {
  color: #333
}
.ui-calendar:active,
.ui-calendar:hover {
  border-color: #a9adb6
}
.ui-calendar-arrow {
  background: url(img/esui-cal.png) no-repeat;
  width: 16px;
  height: 16px
}
.ui-rangecalendar {
  background: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 220px;
  height: 55px;
  line-height: 55px;
  font-size: 12px
}
.ui-rangecalendar-text {
  color: #666
}
.ui-rangecalendar:active,
.ui-rangecalendar:hover {
  border-color: none
}
.ui-rangecalendar-arrow {
  background: 0 0;
  position: relative;
  height: 55px;
  width: 9px;
  margin: 0
}
.ui-rangecalendar-arrow:after {
  content: '~"url(img/esui-monthview-select-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-select-icon.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-monthview-select-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  left: 50%;
  margin-left: -4.5px
}
.ui-rangecalendar-active .ui-rangecalendar-arrow {
  background: 0 0;
  position: relative
}
.ui-rangecalendar-active .ui-rangecalendar-arrow:after {
  content: '~"url(img/esui-monthview-select-icon-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-monthview-select-icon-active.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-monthview-select-icon-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  left: 50%;
  margin-left: -4.5px
}
.ui-rangecalendar-layer {
  background: #f6f6f6;
  border-top: 3px solid #dfdfdf;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 11px;
  width: auto
}
.ui-rangecalendar-layer.ui-layer-bl {
  border-top: 3px solid #dfdfdf;
  position: absolute
}
.ui-rangecalendar-layer.ui-layer-bl:before {
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #dfdfdf;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -8px;
  left: 60px
}
.ui-rangecalendar-layer.ui-layer-br {
  border-top: 3px solid #dfdfdf;
  position: absolute
}
.ui-rangecalendar-layer.ui-layer-br:before {
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #dfdfdf;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -8px;
  right: 60px
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item {
  border-left: 1px solid #68c1a6;
  color: #68c1a6;
  text-decoration: none;
  margin-left: 8px;
  padding-left: 8px
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item:hover {
  color: #74dcce
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item-selected {
  font-weight: 700;
  color: #666
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item-selected:hover {
  color: #666
}
.ui-rangecalendar-layer .ui-rangecalendar-body:after,
.ui-rangecalendar-layer .ui-rangecalendar-body:before {
  display: table;
  content: ""
}
.ui-rangecalendar-layer .ui-rangecalendar-body:after {
  clear: both
}
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-label {
  padding: 12px 0 7px
}
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-begin,
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-end {
  width: auto
}
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-begin .ui-monthview-month-item-highlight,
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-end .ui-monthview-month-item-highlight {
  background: #d8fcfe
}
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-begin .ui-monthview-month-item:hover,
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-end .ui-monthview-month-item:hover {
  background: #e2f4ef
}
.ui-rangecalendar-layer .ui-rangecalendar-body .ui-rangecalendar-begin {
  margin-right: 12px
}
.ui-rangecalendar-layer .skin-layerClose-button {
  background: url(img/esui-rangecalendar-layer-close-icon.png) no-repeat;
  width: 10px;
  height: 10px;
  right: 11px;
  top: 12px;
  border: none;
  padding: 0
}
.ui-rangecalendar-layer .ui-rangecalendar-foot {
  clear: both;
  padding-top: 13px
}
.ui-rangecalendar-layer .ui-rangecalendar-foot .ui-button {
  height: 29px;
  line-height: 29px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 79px
}
.ui-rangecalendar-layer .ui-rangecalendar-foot .ui-rangecalendar-okBtn {
  font-weight: 700
}
.ui-rangecalendar-layer .ui-rangecalendar-foot .ui-rangecalendar-cancelBtn {
  background: 0 0;
  color: #66c4a5;
  border: none
}
.ui-rangecalendar-layer .ui-rangecalendar-foot .ui-rangecalendar-cancelBtn:hover {
  color: #74dcce
}
.ui-tip {
  zoom: 1;
  font-size: 1px;
  overflow: hidden;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  background: url(img/tip-icon.png) no-repeat;
  width: 11px;
  height: 11px
}
.ui-tiplayer {
  background: #e9f9fa;
  border: 1px solid #c7f3f6;
  padding: 10px;
  color: #666
}
.ui-tiplayer-rb,
.ui-tiplayer-rt {
  margin-left: -6px
}
.ui-tiplayer-lb,
.ui-tiplayer-lt {
  margin-left: 6px
}
.ui-tiplayer-title {
  padding: 0;
  margin: .5em 0;
  font-size: 12px;
  line-height: 18px
}
.ui-tiplayer-body {
  padding: 0;
  margin: 0 0 5px;
  word-wrap: break-word;
  line-height: 18px
}
.ui-tiplayer-arrow {
  display: none;
  position: absolute;
  font-size: 1px
}
.ui-tiplayer-arrow-tl {
  display: block;
  background: url(img/esui-tip-arrow-tl.png) no-repeat;
  width: 9px;
  height: 6px;
  top: -6px;
  left: 5px
}
.ui-tiplayer-arrow-tr {
  display: block;
  background: url(img/esui-tip-arrow-tr.png) no-repeat;
  width: 9px;
  height: 6px;
  top: -6px;
  right: 5px
}
.ui-tiplayer-arrow-bl {
  display: block;
  background: url(img/esui-tip-arrow-bl.png) no-repeat;
  width: 9px;
  height: 6px;
  bottom: -6px;
  left: 5px
}
.ui-tiplayer-arrow-br {
  display: block;
  background: url(img/esui-tip-arrow-br.png) no-repeat;
  width: 9px;
  height: 6px;
  bottom: -6px;
  right: 5px
}
.ui-tiplayer-arrow-lt {
  display: block;
  background: url(img/esui-tip-arrow-lt.png) no-repeat;
  width: 6px;
  height: 9px;
  top: 5px;
  left: -6px
}
.ui-tiplayer-arrow-lb {
  display: block;
  background: url(img/esui-tip-arrow-lb.png) no-repeat;
  width: 6px;
  height: 9px;
  bottom: 5px;
  left: -6px
}
.ui-tiplayer-arrow-rt {
  display: block;
  background: url(img/esui-tip-arrow-rt.png) no-repeat;
  width: 6px;
  height: 9px;
  top: 5px;
  right: -6px
}
.ui-tiplayer-arrow-rb {
  display: block;
  background: url(img/esui-tip-arrow-rb.png) no-repeat;
  width: 6px;
  height: 9px;
  bottom: 5px;
  right: -6px
}
.ui-tiplayer-hidden {
  display: none
}
.ui-commandmenu {
  border: none;
  background: #ebebeb;
  position: relative;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 45px 0 18px;
  width: auto;
  color: #666;
  font-weight: 700
}
.ui-commandmenu:after {
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-normal.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-commandmenu:active,
.ui-commandmenu:focus,
.ui-commandmenu:hover {
  background: #ebebeb;
  position: relative
}
.ui-commandmenu:active:after,
.ui-commandmenu:focus:after,
.ui-commandmenu:hover:after {
  content: '~"url(img/esui-combo-arrow-hover.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-hover.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-hover.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-commandmenu-active:active,
.ui-commandmenu-active:focus,
.ui-commandmenu-active:hover {
  background: #ebebeb;
  position: relative
}
.ui-commandmenu-active:active:after,
.ui-commandmenu-active:focus:after,
.ui-commandmenu-active:hover:after {
  content: '~"url(img/esui-combo-arrow-active.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-active.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-commandmenu-layer {
  width: auto;
  border: none;
  border-top: 0;
  background: #f7f7f7
}
.ui-commandmenu-node {
  color: #666;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 18px
}
.ui-commandmenu-node:hover {
  background: #f1f1f1
}
.ui-commandmenu-disabled,
.ui-commandmenu-disabled:hover {
  background: #ebebeb;
  position: relative
}
.ui-commandmenu-disabled:after,
.ui-commandmenu-disabled:hover:after {
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  text-indent: -9999px;
  background: url(img/esui-combo-arrow-normal.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/esui-combo-arrow-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 18px
}
.ui-commandmenu-node-disabled {
  color: #999;
  background: #f1f1f1
}
.skin-link-button {
  background: 0 0;
  border: 0;
  height: 33px;
  line-height: 33px;
  color: #fc9153
}
.skin-link-button:active,
.skin-link-button:hover {
  background: 0 0;
  border: 0;
  height: 33px;
  line-height: 33px;
  overflow: hidden;
  color: #999
}
.skin-link-button:active {
  color: #999
}
button.skin-link-button:active,
button.skin-link-button:hover {
  height: 33px
}
.skin-add-button,
.skin-add-button:active,
.skin-add-button:hover {
  padding-left: 40px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  font-weight: 700;
  position: relative
}
.skin-add-button:active:after,
.skin-add-button:after,
.skin-add-button:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  line-height: 11px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 11px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  top: 0;
  left: 15px
}
a.skin-add-button {
  text-decoration: none
}
.skin-alert-dialog .ui-dialog-icon-confirm,
.skin-alert-dialog .ui-dialog-icon-warning,
.skin-confirm-dialog .ui-dialog-icon-confirm,
.skin-confirm-dialog .ui-dialog-icon-warning {
  display: none
}
.skin-alert-dialog .ui-dialog-cancel-btn,
.skin-confirm-dialog .ui-dialog-cancel-btn {
  background: 0 0;
  border: 0;
  color: #fc9153;
  width: 30px;
  height: 23px;
  line-height: 23px
}
.skin-alert-dialog .ui-dialog-cancel-btn:active,
.skin-alert-dialog .ui-dialog-cancel-btn:hover,
.skin-confirm-dialog .ui-dialog-cancel-btn:active,
.skin-confirm-dialog .ui-dialog-cancel-btn:hover {
  background: 0 0;
  border: 0;
  height: 33px;
  line-height: 33px;
  overflow: hidden;
  color: #999
}
.skin-alert-dialog .ui-dialog-cancel-btn:active,
.skin-confirm-dialog .ui-dialog-cancel-btn:active {
  color: #999
}
.skin-alert-dialog .ui-dialog-text,
.skin-confirm-dialog .ui-dialog-text {
  overflow: hidden;
  margin-top: 0;
  margin-right: 0
}
.skin-frontPager-pager .ui-pager-item,
.skin-frontPager-pager .ui-pager-item-omit,
.skin-frontPager-pager .ui-pager-select-wrapper {
  display: none
}
.skin-frontPager-pager .ui-pager-item-current {
  display: inline-block
}
.skin-pointer-panel {
  border-top: 3px solid #dfdfdf;
  position: relative
}
.skin-pointer-panel:before {
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #dfdfdf;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -8px
}
esui-uploader {
  display: block
}
.ui-uploader {
  position: relative;
  display: inline-block;
  zoom: 1;
  margin: 0;
  font-size: 12px;
  overflow: hidden
}
.ui-uploader .ui-uploader-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-linear-gradient(top,#fff,#f6f6f6);
  background-image: -moz-linear-gradient(top,#fff,#f6f6f6);
  background-image: -ms-linear-gradient(top,#fff,#f6f6f6);
  background-image: -o-linear-gradient(top,#fff,#f6f6f6);
  background-image: linear-gradient(top,#fff,#f6f6f6);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  vertical-align: top;
  text-align: center;
  display: block
}
.ui-uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100px;
  font-size: 50px
}
.ui-uploader iframe {
  display: none
}
.ui-uploader .ui-uploader-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center
}
.ui-uploader-busy .ui-uploader-button,
.ui-uploader-busy input {
  display: none
}
.ui-uploader-busy .ui-uploader-indicator {
  display: block
}
.ui-uploader-busy .ui-uploader-indicator span {
  width: 100%
}
.ui-uploader-complete .ui-uploader-indicator {
  display: block;
  background-color: #3892e3
}
.ui-uploader-accepting .ui-uploader-button,
.ui-uploader-droppable .ui-uploader-button {
  display: none
}
.ui-uploader-accepting .ui-uploader-indicator,
.ui-uploader-droppable .ui-uploader-indicator {
  display: table
}
.ui-uploader-accepting .ui-uploader-indicator span,
.ui-uploader-droppable .ui-uploader-indicator span {
  display: table-cell;
  vertical-align: middle;
  line-height: normal!important;
  border: 2px dashed green;
  border-radius: 6px
}
.ui-uploader-progress .ui-uploader-indicator {
  background-image: none;
  background-color: #3892e3
}
.ui-uploader-progress .ui-uploader-indicator span {
  display: none
}
.ui-warn {
  position: absolute;
  left: 0;
  right: 0;
  height: 95px;
  z-index: 3000;
  background: #fff5d9;
  opacity: .9;
  border-top: 1px solid #ececec;
  font-size: 14px;
  padding: 0 29px;
  bottom: 0
}
.ui-warn:after,
.ui-warn:before {
  display: table;
  content: ""
}
.ui-warn:after {
  clear: both
}
.ui-warn .ui-warn-content,
.ui-warn .ui-warn-icon,
.ui-warn .ui-warn-operation-field {
  float: left
}
.ui-warn .ui-warn-icon {
  margin-right: 8px;
  line-height: 95px;
  font-size: 23px;
  color: #f8df92
}
.ui-warn .ui-warn-content {
  line-height: 95px;
  margin-right: 60px;
  color: #333
}
.ui-warn .ui-warn-operation-field {
  margin-top: 30px
}
.ui-warn .ui-warn-operation-field .ui-button {
  height: 35px;
  line-height: 35px;
  padding: 0 19px
}
.ui-warn .ui-warn-operation-field .ui-warn-ok-btn {
  margin-right: 30px
}
.hidden {
  display: none
}
.rich-selector-group {
  overflow: hidden
}
.rich-selector-group .ui-richselector {
  float: left;
  margin-right: 10px
}
.ui-button,
.ui-select {
  display: inline-block
}
.button-like-select {
  display: inline-block;
  background-color: #ebebeb;
  width: 240px;
  padding: 9px 0;
  text-align: center
}
.text-line-layout {
  padding: 20px 10px 10px;
  background: #ebebeb;
  width: 580px
}
.text-line-layout .ui-textline-num-line {
  background: #f7f7f7
}
.text-line-layout .setting-tip {
  color: #555;
  padding-bottom: 10px;
  display: block
}
.text-line-layout .ui-textline {
  background: #f7f7f7
}
.skin-fake-select-layer {
  display: none
}
.global-loading .loading-mask {
  background: #c0ede8;
  bottom: 0;
  left: 0;
  opacity: .9;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 5000
}
.global-loading .loading-bounce {
  text-align: center;
  position: fixed;
  width: 120px;
  top: 360px;
  left: 46%;
  height: 60px;
  z-index: 6000
}
.global-loading .loading-bounce-point {
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  height: 18px;
  width: 18px;
  -webkit-animation: 1.4s ease-in-out infinite both bouncedelay;
  animation: 1.4s ease-in-out infinite both bouncedelay
}
.global-loading .loading-bounce-one {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}
.global-loading .loading-bounce-two {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}
header {
  background: #4a4c5b;
  height: 60px;
  width: 100%;
  color: #fff;
  transition: opacity .5s;
  z-index: 11;
  position: fixed;
  top: 0
}
header a {
  color: #fff
}
.header-fixed {
  position: fixed;
  top: 0;
  left: 0
}
.header-logo {
  margin: 10px 30px 0 83px;
  display: inline-block;
  zoom: 1
}
.header-logo a {
  display: block;
  height: 30px
}
.nav {
  position: absolute;
  right: 142px;
  top: 0
}
.nav-main {
  overflow: hidden;
  margin-top: 21px
}
.nav-main li {
  padding-left: 0;
  list-style: none
}
.nav-main li a {
  text-indent: -99999px;
  display: block;
  width: 17px;
  height: 17px
}
.toolbar {
  position: absolute;
  top: 0;
  right: 0
}
.toolbar .toolbar-account {
  padding: 27px 30px 0 0;
  height: 33px;
  cursor: pointer
}
.toolbar .toolbar-account .ui-dropdown-icon {
  top: 30px
}
.toolbar .toolbar-tools {
  padding-bottom: 10px;
  background: #f6f6f6;
  border-top: 3px solid #dfdfdf;
  position: relative
}
.toolbar .toolbar-tools li {
  margin-top: 10px
}
.toolbar .toolbar-tools a {
  display: block;
  background: #fffaee;
  padding: 10px;
  color: #666
}
.toolbar .toolbar-tools:before {
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #dfdfdf;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -8px;
  right: 30px
}
.inverse-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  background: #444654;
  height: 60px;
  width: 55px;
  text-align: center;
  cursor: pointer
}
.skin-action-dialog .content-main {
  padding: 25px 50px
}
.form-view .content-main {
  background: #fff;
  padding: 25px 50px;
  color: #4a4c5b
}
.form-section {
  margin: 0 0 60px
}
.form-toggle-section .ui-togglepanel-title {
  width: 130px
}
.form-section-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 30px
}
.form-section-title-hint {
  color: #999;
  font-size: 12px;
  padding: 0 8px;
  font-weight: 400
}
.form-field,
.form-field-required {
  font-size: 14px;
  margin: 30px 0
}
.form-field-required:after,
.form-field-required:before,
.form-field:after,
.form-field:before {
  display: table;
  content: ""
}
.form-field-required:after,
.form-field:after {
  clear: both
}
.form-field-label {
  float: left;
  zoom: 1;
  width: 104px;
  line-height: 30px;
  text-align: left;
  vertical-align: top
}
.form-field-value {
  line-height: 30px;
  float: left;
  padding-left: 12px
}
.form-field-value .ui-textbox input,
.form-field-value .ui-textbox textarea {
  font-size: 14px
}
.form-field-required .form-field-value {
  padding-left: 0
}
.form-field-value-required-star {
  float: left;
  color: red;
  width: 12px;
  text-align: left
}
.form-field-control {
  float: left
}
.form-field-tip {
  margin: 0 0 0 10px
}
.form-submit-section {
  border-top: 1px solid #eaeaea
}
.form-submit-section .ui-button {
  padding: 0 50px
}
.form-notice-field {
  margin-top: 30px
}
.list-view {
  position: relative;
  background: #fff;
  padding: 15px 30px
}
.list-view .ui-pager .ui-pager-select-wrapper {
  margin: 0 18px 0 0
}
.list-view .ui-pager .ui-select {
  padding-left: 0
}
.list-summary {
  line-height: 16px
}
.list-meta {
  overflow: hidden;
  position: relative;
  height: 35px;
  margin-bottom: 10px
}
.list-meta:after,
.list-meta:before {
  display: table;
  content: ""
}
.list-meta:after {
  clear: both
}
.list-action {
  height: 35px;
  float: left;
  z-index: 1;
  width: 155px
}
.list-filter {
  height: 35px;
  background: #efefef;
  margin-left: 165px
}
.list-filter:after,
.list-filter:before {
  display: table;
  content: ""
}
.list-filter:after {
  clear: both
}
.list-filter .ui-searchbox {
  float: right;
  margin: 5px 10px
}
.list-filter .list-batch-operation,
.list-filter .list-filter-fields {
  float: left
}
.list-content-table {
  overflow: hidden
}
.table-operation-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  padding-left: 15px;
  background: #fff;
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -ms-transform: translate(100%);
  -o-transform: translate(100%);
  transform: translate(100%);
  transition: -webkit-transform .5s;
  transition: -ms-transform .5s;
  transition: transform .5s
}
.table-operation-layer .table-operation {
  height: 16px;
  line-height: 16px;
  padding: 0;
  margin: 0 10px;
  vertical-align: middle
}
.table-operation-layer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.ui-table-cell-text-last:hover .table-operation-layer {
  visibility: visible;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0)
}
.ui-table-cell-field-operation {
  color: #67c1a5
}
esui-sidebar {
  display: block
}
.ui-sidebar {
  width: 168px;
  position: fixed;
  top: 60px;
  bottom: 0;
  border: none;
  background-color: #ddd;
  overflow: visible;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-sidebar a,
.ui-sidebar span {
  color: #666;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
}
.ui-sidebar a:hover,
.ui-sidebar span:hover {
  text-decoration: none
}
.ui-sidebar .sidebar-menu-icon {
  width: 16px;
  height: 18px;
  display: inline-block
}
.ui-sidebar .sidebar-child-menu,
.ui-sidebar .sidebar-menu {
  padding: 0;
  margin: 0;
  list-style: none
}
.ui-sidebar .sidebar-menu-item,
.ui-sidebar .sidebar-menu-section,
.ui-sidebar .sidebar-menu-section-title {
  display: block
}
.ui-sidebar .sidebar-menu-item {
  position: relative
}
.ui-sidebar .sidebar-menu-section-title {
  padding: 20px 0 19px 20px;
  height: 16px
}
.ui-sidebar .sidebar-menu-section-text {
  line-height: 16px;
  padding-left: 16px;
  vertical-align: top
}
.ui-sidebar .sidebar-menu-item:hover {
  background-color: #fc9153
}
.ui-sidebar .sidebar-menu-item-active,
.ui-sidebar .sidebar-menu-item-active:hover {
  background-color: #fc9153;
}
.ui-sidebar .sidebar-menu-item-active .sidebar-menu-section-text {
  color: #fff;
  font-weight: 700
}
.ui-sidebar .sidebar-content-panel {
  display: none;
  overflow: auto
}
.ui-sidebar .sidebar-child-menu-link {
  height: 36px;
  line-height: 36px;
  background-color: #ddd;
  display: block;
  padding-left: 55px;
  font-size: 13px;
}
.ui-sidebar .sidebar-child-menu-link:hover {
  background-color: #fc9153
}
.ui-sidebar .sidebar-menu-item-active.sidebar-child-menu-item .sidebar-child-menu-link {
  font-weight: 700;
  color: #fc9153;
}
.ui-sidebar .sidebar-menu-item-active.sidebar-child-menu-item .sidebar-child-menu-link:hover {
  background-color: #ccc
}
.ui-sidebar .ui-sidebar-drop {
  cursor: pointer;
  height: 53px;
  position: absolute;
  right: 0;
  top: 0;
  width: 37px;
  background: url(img/sidebar-open.png) 15px 24px no-repeat
}
.ui-sidebar .sidebar-menu-item-expanded .sidebar-content-panel {
  display: block
}
.ui-sidebar .sidebar-menu-item-expanded .ui-sidebar-drop {
  background: url(img/sidebar-close.png) 15px 24px no-repeat
}
.ui-sidebar .sidebar-menu-item-active .ui-sidebar-drop {
  background: url(img/sidebar-open.png) 15px 24px no-repeat
}
.ui-sidebar .sidebar-menu-item-active.sidebar-menu-item-expanded .ui-sidebar-drop {
  background: url(img/sidebar-close.png) 15px 24px no-repeat
}
.ui-sidebar-collapsed {
  width: 55px
}
.ui-sidebar-collapsed .sidebar-content-panel,
.ui-sidebar-collapsed .sidebar-menu-item-expanded .sidebar-content-panel,
.ui-sidebar-collapsed .ui-sidebar-drop {
  display: none
}
.ui-sidebar-collapsed .sidebar-menu-item {
  width: 55px;
  height: 55px;
  overflow: visible;
  font-size: 0;
  cursor: pointer
}
.ui-sidebar-collapsed .sidebar-menu-item-active:after {
  border-color: transparent #fff;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  content: "";
  height: 0;
  width: 0;
  margin-top: -5px;
  position: absolute;
  right: 0;
  top: 50%
}
.ui-sidebar-collapsed .sidebar-menu-item-has-child:hover {
  font-size: 12px
}
.ui-sidebar-collapsed .sidebar-menu-item-has-child:hover .sidebar-menu-section-title {
  width: 168px;
  background-color: #fc9153;
  position: absolute
}
.ui-sidebar-collapsed .sidebar-menu-item-has-child:hover .sidebar-menu-section-text {
  padding-left: 32px
}
.ui-sidebar-collapsed .sidebar-menu-item-has-child:hover .sidebar-content-panel {
  display: block;
  position: absolute;
  top: 55px;
  left: 55px
}
.ui-sidebar-collapsed .sidebar-menu-item-has-child.sidebar-menu-item-active .sidebar-menu-section-title {
  background-color: #fc9153;
}
.ui-sidebar-collapsed .sidebar-menu-item-has-child.sidebar-menu-item-active:hover:after {
  display: none
}
.ui-sidebar-collapsed .sidebar-child-menu-item {
  display: block;
  width: 133px;
  height: 36px;
  line-height: 36px;
  text-align: left;
  background-color: #ccc
}
.ui-sidebar-collapsed .sidebar-child-menu-link {
  padding-left: 15px
}
.ui-draweractionpanel {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-left: 220px;
  overflow: auto;
  z-index: 1000;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.ui-draweractionpanel-hidden {
  display: block!important;
  visibility: hidden;
  -o-transform: translate(100%,0);
  -webkit-transform: translate(100%,0,0);
  -moz-transform: translate(100%,0,0);
  -ms-transform: translate(100%,0,0);
  -o-transform: translate(100%,0,0);
  transform: translate(100%,0,0)
}
.ui-draweractionpanel-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .2;
  z-index: 999
}
.ui-draweractionpanel-close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: url(img/dialog-head-close.png) no-repeat;
  cursor: pointer
}
esui-drawer-action-panel,
esui-rich-selector {
  display: block
}
.ui-richselector {
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ebebeb
}
.ui-richselector-head {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-bottom: 1px solid #ebebeb;
  background: #ebebeb
}
.ui-richselector-head h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
  float: left;
  color: #333
}
.ui-richselector-head .ui-richselector-batch-action-link {
  float: right;
  text-decoration: none;
  cursor: pointer;
  color: #fc9153
}
.ui-richselector-head .ui-richselector-head-count {
  font-weight: 700;
  color: #999
}
.ui-richselector-body {
  overflow-x: hidden;
  clear: both;
  background: #fcfcfc
}
.ui-richselector-search-wrapper {
  height: 25px;
  padding: 10px
}
.ui-richselector-search-count {
  color: #666;
  font-weight: 700
}
.ui-richselector-query-result-general {
  background: #fef9d4;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  display: none
}
.ui-richselector-query-result-general .ui-richselector-clear-query-link {
  text-decoration: none;
  color: #fc9153;
  cursor: pointer;
  line-height: 30px;
  float: right
}
.ui-richselector-content-wrapper {
  overflow-y: auto;
  overflow-x: hidden
}
.ui-richselector-content-wrapper .ui-richselector-empty-text {
  padding: 10px;
  display: none;
  text-align: center
}
.ui-richselector-foot {
  height: 25px;
  color: #555;
  line-height: 25px;
  background: #f9f9f9;
  padding: 0 10px
}
.ui-richselector-empty .ui-richselector-empty-text {
  display: block
}
.ui-richselector-empty .ui-richselector-query-list,
.ui-richselector-empty .ui-richselector-query-result-general {
  display: none
}
.ui-richselector-queried .ui-richselector-query-result-general {
  display: block
}
.ui-richselector-validity-invalid {
  border: 1px solid red
}
.ui-richselector-validity-label {
  display: block;
  margin-top: 5px
}
.ui-richselector-validity-label-invalid {
  background: #fedbdc;
  border: 1px solid #f0cccc;
  color: #dd6767;
  padding: 0 5px
}
esui-table-rich-selector {
  display: block
}
.ui-table-richselector.ui-richselector-add .ui-richselector-row-action-icon:after,
.ui-table-richselector.ui-richselector-del .ui-richselector-row-action-icon:after {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-table-richselector .ui-richselector-query-list table {
  border-collapse: collapse;
  width: 100%
}
.ui-table-richselector .ui-richselector-query-list table th {
  background-color: transparent;
  font-weight: 700;
  height: 35px;
  text-align: left;
  padding-left: 10px
}
.ui-table-richselector .ui-richselector-query-list table td {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row {
  cursor: pointer
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row:hover {
  background: #fffaee
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row:hover .ui-richselector-row-action-icon {
  display: block
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected,
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected:hover {
  cursor: default;
  color: #666
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected .ui-richselector-row-action-icon,
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected:hover .ui-richselector-row-action-icon {
  display: block
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected td,
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected:hover td {
  font-weight: 700
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-disabled,
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-disabled:hover {
  cursor: default;
  color: #666;
  background: 0 0
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-disabled .ui-richselector-row-action-icon,
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-disabled:hover .ui-richselector-row-action-icon {
  display: none
}
.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-action-icon {
  background: 0 0;
  height: 32px;
  width: 100%;
  display: none
}
.ui-table-richselector.ui-richselector-add .ui-richselector-row-action-icon {
  position: relative
}
.ui-table-richselector.ui-richselector-add .ui-richselector-row-action-icon:after {
  color: #67c1a5;
  content: "\f061";
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  left: 50%;
  margin-left: -.5em
}
.ui-table-richselector.ui-richselector-add .ui-richselector-row-selected .ui-richselector-row-action-icon,
.ui-table-richselector.ui-richselector-add .ui-richselector-row-selected:hover .ui-richselector-row-action-icon {
  position: relative
}
.ui-table-richselector.ui-richselector-add .ui-richselector-row-selected .ui-richselector-row-action-icon:after,
.ui-table-richselector.ui-richselector-add .ui-richselector-row-selected:hover .ui-richselector-row-action-icon:after {
  color: #67c1a5;
  content: "\f00c";
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  left: 50%;
  margin-left: -.5em
}
.ui-table-richselector.ui-richselector-del .ui-richselector-row-action-icon {
  position: relative
}
.ui-table-richselector.ui-richselector-del .ui-richselector-row-action-icon:after {
  color: red;
  content: "\f00d";
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  left: 50%;
  margin-left: -.5em
}
.no-move-richselector.ui-richselector-add .ui-richselector-row-action-icon:after {
  content: ''
}
esui-toggle-panel {
  display: block
}
.ui-togglepanel > .ui-togglepanel-content {
  display: none
}
.ui-togglepanel-expanded > .ui-togglepanel-content {
  display: block
}
.ui-toggle-selector .ui-togglepanel-title {
  cursor: pointer;
  background: #ebebeb;
  border: none;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 45px 0 18px;
  color: #666;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin: 0;
  font-size: 13px;
  width: 137px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  display: block
}
.ui-toggle-selector .ui-togglepanel-title:after {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #7d7d7d;
  content: "\f107";
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  right: 18px
}
.ui-toggle-select:after,
.ui-togglepanel .ui-togglepanel-title:after {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-toggle-select {
  cursor: pointer;
  background: #ebebeb;
  border: none;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 45px 0 18px;
  width: auto;
  color: #666;
  font-weight: 700;
  text-align: center;
  position: relative
}
.ui-toggle-select:after {
  color: #7d7d7d;
  content: "\f107";
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  right: 18px
}
.ui-togglepanel .ui-togglepanel-title {
  cursor: pointer;
  font-weight: 700;
  position: relative
}
.ui-togglepanel .ui-togglepanel-title:after {
  color: #7d7d7d;
  content: "\f107";
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  right: 18px
}
.ui-togglepanel-expanded .ui-togglepanel-title:after {
  content: "\f106"
}
.ui-toggle-select-disabled,
.ui-toggle-select-disabled:hover,
.ui-toggle-select-read-only,
.ui-toggle-select-read-only:hover,
.ui-togglepanel-disabled,
.ui-togglepanel-disabled:hover,
.ui-togglepanel-read-only,
.ui-togglepanel-read-only:hover {
  background: #ebebeb
}
.ui-toggle-select-disabled .ui-togglepanel-title,
.ui-toggle-select-disabled:hover .ui-togglepanel-title,
.ui-toggle-select-read-only .ui-togglepanel-title,
.ui-toggle-select-read-only:hover .ui-togglepanel-title,
.ui-togglepanel-disabled .ui-togglepanel-title,
.ui-togglepanel-disabled:hover .ui-togglepanel-title,
.ui-togglepanel-read-only .ui-togglepanel-title,
.ui-togglepanel-read-only:hover .ui-togglepanel-title {
  color: #999
}
.ui-toggle-select-disabled .ui-togglepanel-title:after,
.ui-toggle-select-disabled:hover .ui-togglepanel-title:after,
.ui-toggle-select-read-only .ui-togglepanel-title:after,
.ui-toggle-select-read-only:hover .ui-togglepanel-title:after,
.ui-togglepanel-disabled .ui-togglepanel-title:after,
.ui-togglepanel-disabled:hover .ui-togglepanel-title:after,
.ui-togglepanel-read-only .ui-togglepanel-title:after,
.ui-togglepanel-read-only:hover .ui-togglepanel-title:after {
  color: #b7b7b7
}
esui-tree-rich-selector {
  display: block
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-node-indicator {
  cursor: pointer
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-hide-root .ui-tree-root .ui-tree-content-wrapper .ui-tree-node-indicator-level-0 {
  margin: 0;
  width: 0
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-node-level-2 .ui-tree-item-content {
  color: #999
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper {
  border-left: none;
  padding: 0 10px;
  line-height: 32px
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper:after,
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper:before {
  display: table;
  content: ""
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper:after {
  clear: both
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper:hover {
  background: #fffaee
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper:hover .ui-tree-item-content {
  background: 0 0
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper-selected .ui-tree-item-content,
.ui-tree-richselector .ui-richselector-query-list .ui-tree-content-wrapper-selected:hover .ui-tree-item-content {
  background: 0 0;
  color: #333
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-item-content {
  color: #666;
  position: relative;
  display: block;
  padding-right: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}
.ui-tree-richselector .ui-richselector-query-list .ui-tree-node-empty .ui-tree-item-content {
  color: #999
}
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper:hover .ui-tree-item-content:after {
  background: no-repeat none;
  content: ""
}
.ui-tree-richselector.ui-richselector-only-leaf-selectable .ui-tree-node-level-1 > .ui-tree-content-wrapper {
  cursor: default
}
.ui-tree-richselector.ui-richselector-only-leaf-selectable .ui-tree-node-level-1 > .ui-tree-content-wrapper:hover {
  background: 0 0
}
.ui-tree-richselector.ui-richselector-only-leaf-selectable .ui-tree-node-level-1 > .ui-tree-content-wrapper:hover .ui-tree-item-content:after {
  background: no-repeat none
}
.ui-tree-node-indicator {
  margin: 0 9px 0 4px;
  height: 33px;
  width: 7px;
  background: 0 0;
  position: relative
}
.ui-tree-node-indicator:after {
  content: '~"url(img/esui-open-icon01.png)"';
  text-indent: -9999px;
  background: url(img/esui-open-icon01.png) no-repeat;
  line-height: 7px;
  position: absolute;
  width: 5px;
  height: 7px;
  content: '~"url(img/esui-open-icon01.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -2.5px
}
.ui-tree-node-indicator-expanded {
  position: relative
}
.ui-tree-node-indicator-expanded:after {
  content: '~"url(img/esui-close-icon01.png)"';
  text-indent: -9999px;
  background: url(img/esui-close-icon01.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 7px;
  height: 5px;
  content: '~"url(img/esui-close-icon01.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  left: 50%;
  margin-left: -3.5px
}
.ui-tree-node-indicator-empty {
  background: 0 0;
  position: relative
}
.ui-tree-node-indicator-empty:after {
  content: '~"none"';
  text-indent: -9999px;
  background: no-repeat none;
  line-height: 0;
  position: absolute;
  width: 0;
  height: 0;
  content: '~"none"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: 0;
  left: 0
}
.ui-tree-node-indicator-previous {
  background: 0 0;
  position: relative
}
.ui-tree-node-indicator-previous:after {
  content: '~"none"';
  text-indent: -9999px;
  background: no-repeat none;
  line-height: 0;
  position: absolute;
  width: 0;
  height: 0;
  content: '~"none"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: 0;
  left: 0
}
.ui-tree-node-indicator-far-previous {
  background: 0 0;
  position: relative
}
.ui-tree-node-indicator-far-previous:after {
  content: '~"none"';
  text-indent: -9999px;
  background: no-repeat none;
  line-height: 0;
  position: absolute;
  width: 0;
  height: 0;
  content: '~"none"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: 0;
  left: 0
}
.ui-tree-node {
  line-height: 33px
}
.ui-tree-content-wrapper {
  border-left: none;
  padding: 0 10px
}
.ui-tree-content-wrapper:hover {
  background: #fffaee
}
.ui-tree-content-wrapper:hover .ui-tree-item-content {
  color: #333;
  background: 0 0
}
.ui-tree-content-wrapper-selected,
.ui-tree-content-wrapper-selected:hover {
  background: #fffaee;
  border-left: none
}
.ui-tree-content-wrapper-selected .ui-tree-item-content,
.ui-tree-content-wrapper-selected:hover .ui-tree-item-content {
  color: #333;
  background: 0 0
}
.ui-tree-item-content {
  color: #666
}
.ui-tree-item-content:after {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper:hover .ui-tree-item-content:after,
.ui-tree-richselector.ui-richselector-load .ui-tree-content-wrapper:hover .ui-tree-item-content:after {
  color: #67c1a5;
  content: "\f061"
}
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper-selected .ui-tree-item-content:after,
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper-selected:hover .ui-tree-item-content:after {
  color: #67c1a5;
  content: "\f00c"
}
.ui-tree-richselector.ui-richselector-del .ui-tree-content-wrapper:hover .ui-tree-item-content:after {
  color: red;
  content: "\f00d"
}
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper-selected .ui-tree-item-content:after,
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper-selected:hover .ui-tree-item-content:after {
  color: #67c1a5;
  content: "\f00c"
}
.ui-carousel-main {
  max-width: 1000px;
  max-height: 500px;
  overflow-x: auto;
  overflow-y: hidden
}
.ui-carousel-content {
  position: relative
}
.ui-carousel-pointer {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  color: #6ccdc0
}
.ui-carousel-pointer:active,
.ui-carousel-pointer:hover {
  color: #7fd3c8
}
.ui-carousel-pointer-active-l {
  left: 0
}
.ui-carousel-pointer-active-r {
  right: 0
}
.ui-carouse-list-wrap {
  position: relative;
  overflow: hidden;
  margin: 0 30px
}
.ui-carousel-list {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .4s all ease;
  -moz-transition: .4s all ease;
  -ms-transition: .4s all ease;
  -o-transition: .4s all ease;
  transition: .4s all ease;
  -webkit-transition: .4s all ease;
  -moz-transition: .4s all ease;
  -o-transition: .4s all ease;
  transition: .4s all ease
}
.ui-carousel-list .ui-carousel-item {
  margin: 0 2px;
  border: 4px solid #fff;
  float: left;
  display: inline-block;
  zoom: 1;
  position: relative;
  cursor: pointer
}
.ui-carousel-list .ui-carousel-item img {
  width: 100%
}
.ui-carousel-list .ui-carousel-disabled {
  opacity: .5;
  cursor: auto
}
.ui-carousel-list .ui-carousel-selected-item {
  border: 4px solid #6ccdc0;
  cursor: auto;
  opacity: 1
}
.ui-carousel-list .ui-carousel-item .ui-carousel-check {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #6ccdc0;
  color: #fff
}
.ui-carousel-list .ui-carousel-selected-item .ui-carousel-check {
  display: inline-block
}
.ui-carousel-toolbar {
  margin: 10px 0;
  position: relative;
  height: 8px
}
.ui-carousel-toolbar ul {
  text-align: center
}
.ui-carousel-toolbar .ui-carousel-page {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  background: #ddd;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}
.ui-carousel-toolbar .ui-carousel-current-page {
  background: #6ccdc0;
  cursor: auto
}
.ssp-report-package .ssp-report-page .ssp-report-download,
.ssp-report-package .ssp-report-page .ssp-report-email,
.ssp-report-package .ssp-report-page .ssp-report-save {
  height: 35px;
  width: 15px;
  background: 0 0;
  padding: 0;
  margin-left: 10px;
  border: none;
  color: #fc9153
}
.ssp-report-package .ssp-report-page .ssp-report-download:before,
.ssp-report-package .ssp-report-page .ssp-report-email:before,
.ssp-report-package .ssp-report-page .ssp-report-save:before {
  display: none
}
.ssp-report-package .ssp-report-form-view.form-view .content-main {
  padding: 25px
}
.ssp-report-package .ssp-report-form-view .form-section {
  margin: -30px 0 0
}
.ssp-report-package .ssp-report-form-view .form-field .ui-select,
.ssp-report-package .ssp-report-form-view .form-field-required .ui-select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 278px
}
.ssp-report-package .ssp-report-form-view .form-field .form-field-label,
.ssp-report-package .ssp-report-form-view .form-field-required .form-field-label {
  width: 70px
}
.ssp-report-package .ssp-report-form-view .form-field .form-field-value-required-star,
.ssp-report-package .ssp-report-form-view .form-field-required .form-field-value-required-star {
  display: none
}
.ssp-report-package .ssp-report-form-view .form-field-required:last-child,
.ssp-report-package .ssp-report-form-view .form-field:last-child {
  margin-bottom: 0
}
.ssp-report-package .ssp-report-form-view .form-field .ui-textbox,
.ssp-report-package .ssp-report-form-view .form-field-required .ui-textbox {
  display: block
}
.ssp-report-package .ssp-report-form-view .form-field .ui-textbox-validity-label,
.ssp-report-package .ssp-report-form-view .form-field-required .ui-textbox-validity-label {
  padding-left: 0
}
.ssp-report-package .ssp-report-form-view .form-submit-section {
  text-align: center;
  padding: 0 0 25px;
  border-top: none;
  opacity: 1
}
.ssp-report-package .ssp-report-header {
  margin-bottom: 14px;
  position: relative
}
.ssp-report-package .ssp-report-header .ssp-report-dock {
  position: absolute;
  right: 30px;
  top: 10px
}
.ssp-report-package .ssp-report-header .ssp-report-dock .ui-rangecalendar {
  display: inline-block;
  zoom: 1;
  background: 0 0;
  height: 35px;
  line-height: 35px;
  padding-right: 20px;
  border-right: 1px solid #fff
}
.ssp-report-package .ssp-report-header .ssp-report-dock .ui-rangecalendar .ui-rangecalendar-arrow {
  height: 35px
}
.ssp-report-package .ssp-report-view {
  padding: 0 30px
}
.ssp-report-package .ui-boxgroup {
  margin-bottom: 40px
}
.ssp-report-package .ssp-report-section {
  margin-bottom: 10px
}
.ssp-report-package .ssp-report-section.list-filter {
  margin: 0 0 10px;
  height: auto
}
.ssp-report-package .ssp-report-section.list-filter .ui-dimensionselector {
  margin-right: 200px
}
.ssp-report-package .ssp-report-section .ssp-report-list {
  padding: 0
}
.ssp-report-package .ssp-report-chart-head {
  position: relative;
  height: 30px;
  border-bottom: 5px solid #efefef
}
.ssp-report-package .ssp-report-chart-head .ssp-report-chart-title {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #999;
  font-weight: 700
}
.ssp-report-package .ssp-report-chart-head .ssp-report-chart-head-seperator {
  padding: 0 5px;
  color: #e1e1e1
}
.ssp-report-package .ssp-report-chart-head .ui-chartserieselector {
  position: absolute;
  right: 0;
  bottom: 0
}
.ssp-report-package .ssp-report-chart-empty {
  background: #f8f8f8;
  height: 50px;
  line-height: 50px;
  text-align: center
}
.ssp-report-package .ssp-report-general {
  position: relative;
  padding: 10px 0
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item {
  display: inline-block;
  margin-right: 65px;
  height: 105px;
  min-width: 168px;
  padding-left: 32px
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-base {
  height: 40px
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-base .general-detail-item-data {
  display: block;
  font: 22px/40px "Microsoft YaHei";
  color: #555
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-contrast {
  margin-top: 7px
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-contrast-label,
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-name {
  color: #999;
  font-size: 13px;
  font-weight: 700;
  line-height: 26px
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-contrast-value {
  font-size: 13px;
  margin-right: 3px
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-view {
  position: relative
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-view:after {
  content: '~"url(img/view.png)"';
  text-indent: -9999px;
  background: url(img/view.png) no-repeat;
  line-height: 26px;
  position: absolute;
  width: 195px;
  height: 26px;
  content: '~"url(img/view.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 25px;
  left: 0
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-click {
  position: relative
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-click:after {
  content: '~"url(img/click.png)"';
  text-indent: -9999px;
  background: url(img/click.png) no-repeat;
  line-height: 26px;
  position: absolute;
  width: 195px;
  height: 26px;
  content: '~"url(img/click.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 25px;
  left: 0
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-click-ratio {
  position: relative
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-click-ratio:after {
  content: '~"url(img/clickRatio.png)"';
  text-indent: -9999px;
  background: url(img/clickRatio.png) no-repeat;
  line-height: 26px;
  position: absolute;
  width: 195px;
  height: 26px;
  content: '~"url(img/clickRatio.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 25px;
  left: 0
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-cookie {
  position: relative
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-cookie:after {
  content: '~"url(img/cookie.png)"';
  text-indent: -9999px;
  background: url(img/cookie.png) no-repeat;
  line-height: 26px;
  position: absolute;
  width: 195px;
  height: 26px;
  content: '~"url(img/cookie.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 25px;
  left: 0
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-income {
  position: relative
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-income:after {
  content: '~"url(img/income.png)"';
  text-indent: -9999px;
  background: url(img/income.png) no-repeat;
  line-height: 26px;
  position: absolute;
  width: 195px;
  height: 26px;
  content: '~"url(img/income.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 25px;
  left: 0
}
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-trend-down,
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-trend-same,
.ssp-report-package .ssp-report-general .general-detail .general-detail-item-trend-up {
  width: 10px;
  height: 10px;
  right: 10px;
  top: 16px;
  position: absolute
}
.ssp-report-package .ssp-report-general .general-detail .ui-icon-arrow-up {
  color: #ff8555
}
.ssp-report-package .ssp-report-general .general-detail .ui-icon-arrow-down {
  color: #12bdcf
}
.ssp-report-package .ssp-report-list .list-meta {
  height: auto
}
.ssp-report-package .ssp-report-list .list-filter {
  display: block;
  margin-left: 0;
  height: auto
}
.ssp-report-package .ssp-report-list .list-filter .ssp-report-filter,
.ssp-report-package .ssp-report-list .list-filter .ssp-report-more-dimension {
  background: #efefef;
  border: none;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  color: #999;
  float: left;
  margin-right: 5px
}
.ssp-report-package .ssp-report-list .list-filter .ssp-report-filter:hover,
.ssp-report-package .ssp-report-list .list-filter .ssp-report-more-dimension:hover {
  background: #dcdcdc;
  border: none;
  text-decoration: none
}
.ssp-report-package .ssp-report-list .list-filter .ssp-report-more-dimension {
  padding: 0 10px
}
.ssp-report-package .ssp-report-list .ui-table {
  overflow-x: auto
}
.ssp-report-package .ssp-report-list .ui-table .ui-table-head .ui-table-hcell {
  background-color: #f7f7f7
}
.ssp-report-package .ssp-report-list .ui-table .base-item {
  color: #333;
  line-height: 30px
}
.ssp-report-package .ssp-report-list .ui-table .contrast-item {
  color: #9b9a9a;
  line-height: 30px
}
.ssp-report-package .ssp-report-list .ui-table .ui-table-cell-text {
  padding: 10px
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section {
  padding: 20px;
  background-color: #f8f8f8
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section .form-field {
  margin-top: 0
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section .form-field-dimensions .form-field-value {
  margin-left: 104px;
  float: none
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section .form-field-dimensions .ui-dimensionselector-item {
  margin-bottom: 10px
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section .form-field-dimensions .ui-filterselect {
  width: 254px
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section .ssp-report-diy-generate {
  margin-top: 20px;
  width: 160px;
  height: 35px;
  line-height: 35px
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-form-section.ssp-report-diy-form-section-operation {
  margin-top: 20px;
  padding: 0 20px;
  height: 35px
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-title {
  float: left;
  height: 35px;
  line-height: 35px;
  font-weight: 700
}
.ssp-report-package .ssp-report-diy-page .report-operation {
  float: right
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-data-list .list-view {
  padding-left: 0;
  padding-right: 0
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-data-list .list-view .list-meta {
  display: none
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-data-list .ui-table a {
  color: #000
}
.ssp-report-package .ssp-report-diy-page .ssp-report-diy-data-list .ui-table a:hover {
  cursor: default;
  text-decoration: none
}
.ui-filterselect-layer .ui-groupablesimpleselect {
  width: 254px
}
.ssp-report-package .ssp-report-diy-list {
  padding-right: 0;
  padding-left: 0
}
.ssp-report-package .ssp-report-diy-list .table-operation {
  padding: 0
}
.ssp-report-package .ssp-report-form-view-email .form-field-required.form-field-email-frequency .ui-select,
.ssp-report-package .ssp-report-form-view-email .form-field.form-field-email-frequency .ui-select {
  width: 100px;
  margin-right: 10px
}
.ssp-report-package .ssp-report-form-view-email .form-field-required.form-field-email .ui-textbox,
.ssp-report-package .ssp-report-form-view-email .form-field.form-field-email .ui-textbox {
  display: block
}
.ssp-report-package .ssp-report-form-view-email .form-field-required.form-field-email .form-field-description,
.ssp-report-package .ssp-report-form-view-email .form-field.form-field-email .form-field-description {
  padding-left: 0
}
.ui-chart {
  margin-bottom: 10px
}
.ui-chart-frame {
  position: relative
}
.ui-chart-main {
  height: 300px;
  margin: 0;
  min-width: 960px
}
.ui-regionchart .ui-chart-main {
  height: 400px
}
.ui-chart-yaxis-1,
.ui-chart-yaxis-name {
  font-size: 12px;
  position: absolute;
  top: 26px
}
.ui-chart-yaxis-2 {
  font-size: 12px;
  position: absolute;
  top: 26px;
  right: 62px
}
.ui-chart-loading-mask {
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 300px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 99
}
.ui-chart-loading-mask-show {
  display: block
}
.skin-report-tab-boxgroup {
  width: 100%;
  border-bottom: 3px solid #fc9153
}
.skin-report-tab-boxgroup .ui-boxgroup-wrapper input {
  width: 0;
  position: absolute;
  left: -5000px
}
.skin-report-tab-boxgroup .ui-boxgroup-wrapper span {
  vertical-align: baseline
}
.skin-report-tab-boxgroup .ui-boxgroup-radio {
  width: 122px;
  height: 33px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  margin-right: 5px;
  font-size: 13px;
  border: 1px solid #fc9153;
  border-bottom: none;
  background: #fff;
  color: #fc9153
}
.skin-report-tab-boxgroup .ui-boxgroup-radio:hover {
  background: #e3fafd;
  color: #fc9153
}
.skin-report-tab-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-radio,
.skin-report-tab-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover {
  background: #fc9153;
  color: #fff;
  font-weight: 700
}
.skin-ssp-report-rangecalendar {
  height: 35px;
  line-height: 35px;
  background-color: #e8e8e8;
  padding-left: 17px;
  width: 254px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.skin-ssp-report-rangecalendar:after,
.skin-ssp-report-rangecalendar:before {
  display: table;
  content: ""
}
.skin-ssp-report-rangecalendar:after {
  clear: both
}
.skin-ssp-report-rangecalendar.ui-rangecalendar-active,
.skin-ssp-report-rangecalendar:hover {
  background-color: #dfdfdf
}
.skin-ssp-report-rangecalendar .ui-rangecalendar-text {
  font-size: 12px;
  color: #666;
  font-weight: 700
}
.skin-ssp-report-rangecalendar .ui-rangecalendar-text:after,
.skin-ssp-report-rangecalendar .ui-rangecalendar-text:before {
  display: table;
  content: ""
}
.skin-ssp-report-rangecalendar .ui-rangecalendar-text:after {
  clear: both
}
.skin-ssp-report-rangecalendar .ui-rangecalendar-arrow {
  height: 35px;
  margin-right: 10px;
  color: #aaa;
  font-size: 14px
}
.skin-ssp-report-rangecalendar .ui-rangecalendar-arrow:before {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f073"
}
.skin-ssp-report-rangecalendar .ui-rangecalendar-arrow:after {
  display: none
}
.skin-ssp-report-rangecalendar-layer .ui-rangecalendar-foot {
  text-align: right
}
.skin-ssp-report-rangecalendar-layer .ui-rangecalendar-foot .ui-rangecalendar-cancelBtn,
.skin-ssp-report-rangecalendar-layer .ui-rangecalendar-shortcut-item {
  color: #fc9153
}
.skin-ssp-report-rangecalendar-layer .ui-monthview-month-item.ui-monthview-month-item-selected {
  background-color: #d8fcfe
}
.ui-chartserieselector {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  background-color: #efefef;
  position: relative;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 200px
}
.ui-chartserieselector:after,
.ui-chartserieselector:before {
  display: table;
  content: ""
}
.ui-chartserieselector:after {
  clear: both
}
.ui-chartserieselector.ui-chartserieselector-multi {
  width: 305px
}
.ui-chartserieselector.ui-chartserieselector-contrast {
  width: 220px
}
.ui-chartserieselector.ui-chartserieselector-contrast.ui-chartserieselector-multi {
  width: 350px
}
.ui-chartserieselector-legend-wrapper {
  float: left
}
.ui-chartserieselector-legend-left,
.ui-chartserieselector-legend-right {
  margin-right: 20px;
  float: left
}
.ui-chartserieselector-legend-left .ui-chartserieselector-serie-color-row,
.ui-chartserieselector-legend-right .ui-chartserieselector-serie-color-row {
  float: left;
  height: 30px;
  margin-right: 10px
}
.ui-chartserieselector-legend-left .ui-chartserieselector-serie-color-item,
.ui-chartserieselector-legend-right .ui-chartserieselector-serie-color-item {
  margin-top: 13px
}
.ui-chartserieselector-seperator {
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 49px;
  color: #fff;
  font-weight: 700;
  font-size: 20px
}
.ui-chartserieselector-arrow {
  float: right;
  height: 30px;
  font-size: 14px;
  color: #666
}
.ui-chartserieselector-arrow:before {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-chartserieselector-active {
  background-color: #efefef
}
.ui-chartserieselector-active .ui-chartserieselector-arrow:before {
  content: "\f0d8"
}
.ui-chartserieselector-serie-body {
  position: relative
}
.ui-chartserieselector-serie-body:after,
.ui-chartserieselector-serie-body:before {
  display: table;
  content: ""
}
.ui-chartserieselector-serie-body:after {
  clear: both
}
.ui-chartserieselector-serie-color-wrapper {
  position: absolute;
  top: 0;
  left: 20px
}
.ui-chartserieselector-serie-color-row {
  height: 35px
}
.ui-chartserieselector-serie-color-item {
  width: 18px;
  height: 4px;
  margin-top: 15.5px;
  float: left
}
.ui-chartserieselector-serie-color-contrast {
  display: none;
  margin-left: 5px
}
.ui-chartserieselector-serie-selector {
  margin-bottom: 0
}
.ui-chartserieselector-serie-selector.skin-flat-boxgroup {
  display: block
}
.ui-chartserieselector-serie-selector.skin-flat-boxgroup .skin-flat-boxgroup-wrapper.ui-boxgroup-wrapper {
  height: 35px;
  line-height: 35px;
  padding: 0 20px 0 48px;
  margin: 0;
  color: #626262;
  font-size: 12px
}
.ui-chartserieselector-serie-selector.skin-flat-boxgroup .skin-flat-boxgroup-wrapper.ui-boxgroup-wrapper:after,
.ui-chartserieselector-serie-selector.skin-flat-boxgroup .skin-flat-boxgroup-wrapper.ui-boxgroup-wrapper:hover:after {
  left: auto;
  right: 20px
}
.ui-chartserieselector-serie-selector.skin-flat-boxgroup .skin-flat-boxgroup-wrapper.ui-boxgroup-wrapper-checked {
  background-color: #fffaee;
  color: #666;
  font-weight: 700
}
.ui-chartserieselector-foot {
  height: 33px;
  line-height: 33px;
  display: none;
  margin: 0 20px;
  text-align: right;
  border-top: 1px solid #eaeaea;
  color: #999
}
.ui-chartserieselector-layer {
  background: #f6f6f6
}
.ui-chartserieselector-layer:after,
.ui-chartserieselector-layer:before {
  display: table;
  content: ""
}
.ui-chartserieselector-layer:after {
  clear: both
}
.ui-chartserieselector-layer-hidden {
  display: none
}
.ui-chartserieselector-contrast .ui-chartserieselector-legend-left .ui-chartserieselector-serie-color-contrast,
.ui-chartserieselector-contrast .ui-chartserieselector-legend-right .ui-chartserieselector-serie-color-contrast {
  display: block
}
.ui-rangecalendarwithcontrast {
  height: 35px;
  line-height: 35px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 395px
}
.ui-rangecalendarwithcontrast:after,
.ui-rangecalendarwithcontrast:before {
  display: table;
  content: ""
}
.ui-rangecalendarwithcontrast:after {
  clear: both
}
.ui-rangecalendarwithcontrast .ui-rangecalendar-text {
  font-size: 12px;
  color: #666;
  font-weight: 700;
  float: right;
  margin-right: 10px
}
.ui-rangecalendarwithcontrast .ui-rangecalendar-text:after,
.ui-rangecalendarwithcontrast .ui-rangecalendar-text:before {
  display: table;
  content: ""
}
.ui-rangecalendarwithcontrast .ui-rangecalendar-text:after {
  clear: both
}
.ui-rangecalendarwithcontrast .ui-rangecalendar-text-date,
.ui-rangecalendarwithcontrast .ui-rangecalendar-text-label {
  float: left
}
.ui-rangecalendarwithcontrast .ui-rangecalendar-text-label {
  color: #999
}
.ui-rangecalendarwithcontrast .ui-rangecalendar-arrow {
  height: 35px;
  margin-right: 10px
}
.ui-rangecalendar-main,
.ui-rangecalendar-side {
  float: left
}
.ui-rangecalendar-side {
  margin-left: 10px
}
.ui-rangecalendar-side-body {
  width: 210px;
  height: 216px;
  border: 1px solid #e1e1e1;
  background-color: #fff
}
.ui-rangecalendar-base-time,
.ui-rangecalendar-contrast-time {
  line-height: 30px;
  display: block;
  padding-left: 10px;
  color: #666
}
.ui-rangecalendar-contrast-time {
  color: #999;
  display: none
}
.ui-rangecalendar-contrast-action {
  padding: 0 10px
}
.ui-rangecalendar-contrast-action-check {
  line-height: 50px;
  color: #555
}
.ui-rangecalendar-contrast-action-selector {
  line-height: 30px;
  display: none
}
.ui-monthview-month-item.ui-monthview-month-item-base,
.ui-rangecalendar-base-time {
  background-color: #d8fcfe
}
.ui-monthview-month-item.ui-monthview-month-item-contrast,
.ui-rangecalendar-contrast-time {
  background-color: #f7ffe0
}
.ui-monthview-month-item.ui-monthview-month-item-base.ui-monthview-month-item-contrast {
  background-color: #e6f6f7
}
.ui-rangecalendar-contrast .ui-rangecalendar-contrast-action-selector,
.ui-rangecalendar-contrast .ui-rangecalendar-contrast-time {
  display: block
}
.ui-rangecalendarwithcontrast-layer .ui-rangecalendar-foot {
  text-align: right
}
.ui-rangecalendarwithcontrast-layer .ui-rangecalendar-foot .ui-rangecalendar-cancelBtn {
  color: #fc9153
}
.ui-groupablesimpleselect {
  width: 220px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eee;
  background-color: #eee
}
.ui-groupablesimpleselect-head {
  display: none;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-bottom: 1px solid #eee;
  background: #ebebeb;
  font-weight: 700;
  font-size: 12px
}
.ui-groupablesimpleselect-body {
  overflow-y: auto;
  overflow-x: hidden;
  height: 240px;
  background-color: #eee
}
.ui-groupablesimpleselect-node {
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #666
}
.ui-groupablesimpleselect-node > span {
  display: block;
  padding-left: 20px
}
.ui-groupablesimpleselect-node:hover {
  background-color: #fcfcfc
}
.ui-groupablesimpleselect-node-selected {
  background-color: #fcfcfc;
  cursor: default
}
.ui-groupablesimpleselect-node-selected:hover {
  background-color: #fcfcfc
}
.ui-groupablesimpleselect-node-disabled {
  background-color: #eee;
  cursor: default;
  color: #999
}
.ui-groupablesimpleselect-node-group-last {
  border-bottom: 1px solid #ebebeb
}
.ui-submitabletablerichselector {
  background-color: #fcfcfc;
  border: 1px solid #eee
}
.ui-submitabletablerichselector .ui-richselector-search-wrapper {
  padding: 13px 10px 10px
}
.ui-submitabletablerichselector.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row .ui-richselector-row-action-icon,
.ui-submitabletablerichselector.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row td {
  height: 30px
}
.ui-submitabletablerichselector.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row:hover .ui-richselector-row-action-icon {
  display: none
}
.ui-submitabletablerichselector.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected,
.ui-submitabletablerichselector.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected:hover {
  cursor: pointer
}
.ui-submitabletablerichselector.ui-table-richselector .ui-richselector-query-list .ui-richselector-content-table .ui-richselector-row-selected:hover .ui-richselector-row-action-icon {
  display: block
}
.ui-submitabletablerichselector .ui-richselector-head {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background-color: #f6f6f6;
  border: none
}
.ui-submitabletablerichselector .ui-richselector-head:after,
.ui-submitabletablerichselector .ui-richselector-head:before {
  display: table;
  content: ""
}
.ui-submitabletablerichselector .ui-richselector-head:after {
  clear: both
}
.ui-submitabletablerichselector .ui-richselector-batch-action {
  float: left;
  cursor: pointer;
  color: #2dc9d9;
  font-size: 12px;
  font-weight: 700;
  padding-right: 5px
}
.ui-submitabletablerichselector .ui-richselector-batch-action-wrapper {
  float: left
}
.ui-submitabletablerichselector .ui-richselector-batch-action-select {
  display: block
}
.ui-submitabletablerichselector .ui-richselector-batch-action-deselect {
  display: none
}
.ui-submitabletablerichselector .ui-richselector-submit {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  margin-top: 10px;
  float: right
}
.ui-submitabletablerichselector.ui-richselector-all-selected .ui-richselector-batch-action-select {
  display: none
}
.ui-submitabletablerichselector.ui-richselector-all-selected .ui-richselector-batch-action-deselect,
.ui-submitabletablerichselector.ui-richselector-all-unselected .ui-richselector-batch-action-select {
  display: block
}
.ui-submitabletablerichselector.ui-richselector-all-unselected .ui-richselector-batch-action-deselect {
  display: none
}
.ui-filterselect {
  padding: 0 10px 0 20px;
  background-color: #e8e8e8;
  border: none;
  width: 220px;
  height: 35px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  cursor: pointer
}
.ui-filterselect:after,
.ui-filterselect:before {
  display: table;
  content: ""
}
.ui-filterselect:after {
  clear: both
}
.ui-filterselect-text {
  float: left;
  font-size: 12px;
  font-weight: 700;
  width: 171px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ui-filterselect:active,
.ui-filterselect:hover {
  background-color: #dfdfdf
}
.ui-filterselect-arrow {
  float: right;
  height: 35px;
  color: #666;
  font-size: 14px
}
.ui-filterselect-arrow:before {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-filterselect-active .ui-filterselect-arrow:before {
  content: "\f0d8"
}
.ui-filterselect-filter,
.ui-filterselect-selector {
  float: left
}
.ui-filterselect-layer {
  width: auto
}
.ui-filterselect-layer:after,
.ui-filterselect-layer:before {
  display: table;
  content: ""
}
.ui-filterselect-layer:after {
  clear: both
}
.ui-filterselect-layer-hidden {
  display: none
}
.ui-dimensionselector {
  position: relative;
  height: 35px;
  display: block
}
.ui-dimensionselector:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.ui-dimensionselector .ui-button {
  padding: 0 6px;
  margin: 0 28px 0 10px;
  border: none;
  background: 0 0
}
.ui-dimensionselector .ui-button .ui-icon-close {
  color: #f4636e
}
.ui-dimensionselector .ui-dimensionselector-adder {
  float: left
}
.ui-dimensionselector .ui-dimensionselector-adder .ui-filterselect-arrow {
  height: 35px
}
.ui-dimensionselector .ui-dimensionselector-adder .ui-filterselect-arrow:before {
  content: "\f067";
  color: #aaa
}
.ui-dimensionselector .ui-dimensionselector-adder.ui-filterselect-active .ui-filterselect-arrow:before {
  color: #fc9153
}
.ui-dimensionselector-item,
.ui-dimensionselector-item .ui-button,
.ui-dimensionselector-item .ui-dimensionselector-seperator,
.ui-dimensionselector-item .ui-filterselect {
  float: left
}
.ui-dimensionselector-item .ui-button {
  height: 35px;
  line-height: 35px
}
.ui-dimensionselector-item .ui-dimensionselector-seperator {
  display: none
}
.ui-togglesubmitabletablerichselector {
  padding: 0 10px 0 20px;
  background-color: #dfdfdf;
  border: none;
  width: 120px;
  height: 35px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  cursor: pointer
}
.ui-togglesubmitabletablerichselector:after,
.ui-togglesubmitabletablerichselector:before {
  display: table;
  content: ""
}
.ui-togglesubmitabletablerichselector:after {
  clear: both
}
.ui-togglesubmitabletablerichselector-text {
  float: left;
  font-size: 12px;
  font-weight: 700
}
.ui-togglesubmitabletablerichselector:active,
.ui-togglesubmitabletablerichselector:hover {
  background-color: #e8e8e8
}
.ui-togglesubmitabletablerichselector-arrow {
  float: right;
  height: 35px;
  color: #666;
  font-size: 14px
}
.ui-togglesubmitabletablerichselector-arrow:before {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ui-togglesubmitabletablerichselector-active .ui-togglesubmitabletablerichselector-arrow:before {
  content: "\f0d8"
}
.ui-togglesubmitabletablerichselector-layer {
  background-color: #eee;
  width: auto
}
.ui-togglesubmitabletablerichselector-layer:after,
.ui-togglesubmitabletablerichselector-layer:before {
  display: table;
  content: ""
}
.ui-togglesubmitabletablerichselector-layer:after {
  clear: both
}
.ui-togglesubmitabletablerichselector-layer-hidden {
  display: none
}
.skin-report-dialog {
  border-color: #fc9153
}
.skin-report-dialog .ui-dialog-head {
  background-color: #fc9153;
  color: #fff
}
.skin-report-dialog .ui-dialog-close-icon {
  background: 0 0;
  color: #fff;
  font-size: 16px;
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.skin-report-dialog .ui-dialog-close-icon:before {
  content: "\f00d"
}
.ssp-account-package .account-info {
  margin-top: 10px;
  margin-bottom: 25px
}
.ssp-account-package .basic-info,
.ssp-account-package .certification-info {
  background-color: #f4fcfd;
  padding: 30px 20px
}
.ssp-account-package .basic-info:after,
.ssp-account-package .basic-info:before,
.ssp-account-package .certification-info:after,
.ssp-account-package .certification-info:before {
  display: table;
  content: ""
}
.ssp-account-package .basic-info:after,
.ssp-account-package .certification-info:after {
  clear: both
}
.ssp-account-package .certification-info {
  margin-top: 2px
}
.ssp-account-package .info-self-part {
  margin-bottom: 40px;
  line-height: 16px;
  background: url(img/basic-info.png) no-repeat
}
.ssp-account-package .main-info {
  width: 50%;
  float: left
}
.ssp-account-package .info-name {
  padding-left: 28px
}
.ssp-account-package .info-email {
  padding: 0 38px
}
.ssp-account-package .main-info-key {
  display: inline-block;
  zoom: 1;
  width: 100px
}
.ssp-account-package .main-info-value {
  display: inline-block;
  zoom: 1;
  width: 360px
}
.ssp-account-package .info-certification-part {
  width: 250px;
  height: 32px;
  padding-left: 52px;
  float: left
}
.ssp-account-package .info-certification-part a,
.ssp-account-package .info-certification-part esui-label,
.ssp-account-package .info-certification-part span {
  line-height: 16px
}
.ssp-account-package .info-certification-part span {
  display: block
}
.ssp-account-package .info-certification-part a,
.ssp-account-package .info-certification-part esui-label {
  vertical-align: bottom;
  color: #12d6ea;
  cursor: pointer
}
.ssp-account-package .info-name-certification {
  background: url(img/name-certification.png) no-repeat
}
.ssp-account-package .info-certify-class {
  background: url(img/certify-class.png) no-repeat
}
.ssp-account-package .send-very-code {
  display: inline-block;
  zoom: 1;
  height: 28px;
  line-height: 28px;
  width: 70px
}
.ssp-account-package .email-inactive,
.ssp-account-package account-info-email-expired {
  color: #999
}
.ssp-account-package .email-activated {
  color: #000
}
.ssp-account-package .authority-field esui-tree-rich-selector {
  float: left;
  margin-right: 15px
}
.ssp-account-package .mail-text {
  display: inline-block;
  zoom: 1
}
.ssp-account-package .certify-detail-current {
  width: 130px;
  margin: 30px auto 20px;
  height: 54px;
  padding-left: 69px;
  background: url(img/user.png) no-repeat
}
.ssp-account-package .certify-detail-current > span {
  display: block;
  line-height: 27px
}
.ssp-account-package .certify-detail-info .ui-togglepanel {
  margin: 0 50px 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ssp-account-package .certify-detail-info .ui-togglepanel-title {
  padding: 20px;
  text-align: center;
  color: #4eb8c5;
  background-color: #d4f8fc
}
.ssp-account-package .certify-detail-info table {
  width: 100%
}
.ssp-account-package .certify-detail-info td {
  line-height: 42px;
  padding-left: 30px
}
.ssp-account-package .certify-detail-info thead {
  background-color: #a9e2e8
}
.ssp-account-package .certify-detail-info tbody tr {
  background-color: #b4e6eb
}
.ssp-account-package .certify-detail-info tbody tr:nth-child(2n) {
  background-color: #a9e2e8
}
.ssp-account-package .certify-detail-info .ui-togglepanel-expanded .ui-togglepanel-title {
  background-color: #7ad3de
}
.ssp-account-package .certify-detail-info .ui-togglepanel-expanded .certify-view {
  color: #357479
}
.ssp-account-package .certify-view {
  color: #2ddadb
}
.ssp-account-package .certify-class-prefix {
  font-family: "Arial Black";
  font-size: 16px;
  font-style: oblique
}
.ssp-account-package .certify-class-number {
  font-size: 10px;
  vertical-align: bottom
}
.ssp-media-protect-package .media-protect-form-section {
  position: relative
}
.ssp-media-protect-package .top-border-panel {
  margin-top: 10px;
  padding-bottom: 30px;
  border-top: 3px solid #dfdfdf;
  background-color: #f8f8f8;
  position: relative
}
.ssp-media-protect-package .top-border-panel .form-field {
  margin: 30px 20px 0
}
.ssp-media-protect-package .top-border-panel .form-field:first-child:before {
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #ddd;
  content: '';
  position: absolute;
  top: -10px;
  left: 100px
}
.ssp-media-protect-package .creative-action-type-field .ui-boxgroup {
  width: 600px
}
.ssp-media-protect-package .textline-area {
  border-top: 2px solid #ebebeb;
  float: left;
  margin-top: 10px;
  position: relative
}
.ssp-media-protect-package .textline-area .textline-title {
  width: 368px;
  height: 34px;
  background-color: #f8f9fb;
  border: 1px solid #ebebeb;
  border-bottom: 0
}
.ssp-media-protect-package .textline-area .advertiser-count {
  font-size: 12px;
  padding-left: 15px;
  float: left
}
.ssp-media-protect-package .textline-area .delete-all {
  float: right;
  font-size: 12px
}
.ssp-media-protect-package .textline-area:before {
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #ddd;
  content: '';
  position: absolute;
  top: -10px;
  left: 100px
}
.ssp-media-protect-package .sub-form-section .checkbox-area .ui-checkbox {
  margin-right: 24px
}
.ssp-media-protect-package .form-tip {
  padding: 0;
  background-color: #fff;
  display: block;
  margin-top: 0
}
.ssp-finance-package .invoice-set-list-page {
  background-color: #fff;
  min-height: 100%
}
.ssp-finance-package .invoice-set-list {
  padding: 40px 30px 160px
}
.ssp-finance-package .no-invoice-notice {
  color: #dd6767;
  margin: 50px 0;
  text-align: center
}
.ssp-finance-package .invoice-set-list-item {
  color: #666
}
.ssp-finance-package .invoice-set-list-item:first-child {
  margin-top: 0
}
.ssp-finance-package .invoice-set-list-item .read-section {
  padding: 20px 20px 0;
  background-color: #f8f8f8
}
.ssp-finance-package .invoice-set-list-item .read-field {
  margin-top: 15px;
  font-size: 12px
}
.ssp-finance-package .invoice-set-list-item .read-field:after,
.ssp-finance-package .invoice-set-list-item .read-field:before {
  display: table;
  content: ""
}
.ssp-finance-package .invoice-set-list-item .read-field:after {
  clear: both
}
.ssp-finance-package .invoice-set-list-item .read-field:first-child {
  margin-top: 0
}
.ssp-finance-package .invoice-set-list-item .read-field-label {
  float: left;
  zoom: 1;
  width: 85px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  font-size: 12px
}
.ssp-finance-package .invoice-set-list-item .read-field-value {
  line-height: 20px;
  float: left;
  padding-left: 12px;
  word-wrap: break-word;
  word-break: normal;
  width: 500px;
  font-size: 12px
}
.ssp-finance-package .invoice-set-list-item .warning,
.ssp-finance-package .invoice-set-list-item .warning:before {
  color: #dd6767
}
.ssp-finance-package .invoice-set-list-item .invoice-set-head {
  height: 4px;
  background: url(img/invoice-set-head-bg.png) repeat-x
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot {
  height: 15px;
  background: url(img/invoice-set-foot-bg.png) repeat-x;
  padding: 15px 20px
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block {
  float: left;
  zoom: 1;
  font-size: 12px;
  line-height: 12px;
  margin-left: 130px
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block:after,
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block:before {
  display: table;
  content: ""
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block:after {
  clear: both
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block .ui-label,
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block span {
  float: left
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block .ui-label {
  font-weight: bolder
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block .invoice-set-total {
  color: #ff8555
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block .invoice-set-amount {
  color: #a2d989
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block .invoice-set-have-pay {
  color: #ffc424
}
.ssp-finance-package .invoice-set-list-item .invoice-set-foot .invoice-set-foot-block:first-child {
  margin-left: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section {
  padding-bottom: 20px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item {
  display: block;
  margin: 10px 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item:first-child {
  margin-top: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .read-section {
  padding: 5px 0 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .read-field-value {
  width: auto;
  max-width: 200px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .read-field-option {
  margin-left: 100px;
  float: left;
  vertical-align: top
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .read-field-option .option-link,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .read-field-option a {
  color: #fc9153;
  margin-left: 12px;
  display: inline-block
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-view .content-main {
  background-color: #f8f8f8;
  padding: 0;
  color: #FEA067
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-section {
  padding: 5px 0 0;
  margin: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-required {
  margin: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field .error-warning,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-required .error-warning {
  width: auto;
  margin-left: 97px;
  padding-left: 27px;
  font-size: 12px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-label {
  float: left;
  zoom: 1;
  width: 85px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  line-height: 40px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value {
  line-height: 20px;
  float: left;
  padding-left: 12px;
  word-wrap: break-word;
  word-break: normal;
  width: 500px;
  font-size: 12px;
  vertical-align: baseline
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value textarea {
  font-size: 12px;
  margin-top: 5px;
  padding: 5px;
  line-height: 20px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value .ui-textbox {
  padding: 7px 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value .ui-textbox input {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value .ui-textbox-hint {
  padding: 0 10px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value .ui-validity-invalid {
  line-height: 16px;
  width: 270px;
  vertical-align: middle
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value .invalid-without-label {
  margin-left: 85px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-frame {
  padding: 0;
  background: 0 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-frame .form-field-description {
  margin-left: 0;
  display: block;
  font-family: monospace
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-frame .ui-textarea-validity-label {
  padding-left: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-field-value-required-star {
  display: none
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-submit-section {
  border-top: 0;
  padding: 15px 0 0 98px;
  background-color: #f8f8f8
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .form-submit-section .ui-button {
  padding: 0 20px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .skin-link-button,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .skin-spring-button {
  font-size: 12px;
  height: 25px;
  font-weight: 400;
  line-height: 25px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel {
  display: block;
  margin: 10px 0;
  padding-top: 20px;
  padding-bottom: 10px;
  border-top: 1px dotted #cdcdcd;
  background: #f8f8f8
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .read-section {
  padding: 5px 0 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .read-field-value {
  width: auto;
  max-width: 200px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .read-field-option {
  margin-left: 100px;
  float: left;
  vertical-align: top
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .read-field-option .option-link,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .read-field-option a {
  color: #fc9153;
  margin-left: 12px;
  display: inline-block
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-view .content-main {
  background-color: #f8f8f8;
  padding: 0;
  color: #FEA067
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-section {
  padding: 5px 0 0;
  margin: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-required {
  margin: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field .error-warning,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-required .error-warning {
  width: auto;
  margin-left: 97px;
  padding-left: 27px;
  font-size: 12px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-label {
  float: left;
  zoom: 1;
  width: 85px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  line-height: 40px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value {
  line-height: 20px;
  float: left;
  padding-left: 12px;
  word-wrap: break-word;
  word-break: normal;
  width: 500px;
  font-size: 12px;
  vertical-align: baseline
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value textarea {
  font-size: 12px;
  margin-top: 5px;
  padding: 5px;
  line-height: 20px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value .ui-textbox {
  padding: 7px 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value .ui-textbox input {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value .ui-textbox-hint {
  padding: 0 10px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value .ui-validity-invalid {
  line-height: 16px;
  width: 270px;
  vertical-align: middle
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value .invalid-without-label {
  margin-left: 85px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-frame {
  padding: 0;
  background: 0 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-frame .form-field-description {
  margin-left: 0;
  display: block;
  font-family: monospace
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-frame .ui-textarea-validity-label {
  padding-left: 0
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-field-value-required-star {
  display: none
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-submit-section {
  border-top: 0;
  padding: 15px 0 0 98px;
  background-color: #f8f8f8
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .form-submit-section .ui-button {
  padding: 0 20px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .skin-link-button,
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel .skin-spring-button {
  font-size: 12px;
  height: 25px;
  font-weight: 400;
  line-height: 25px
}
.ssp-finance-package .invoice-set-list-item .invoice-list-section .invoice-list-item .ui-actionpanel:first-child {
  padding-top: 0;
  border-top: 0;
  margin-top: 0
}
.ssp-finance-package .skin-add-inline,
.ssp-finance-package .skin-add-inline:active,
.ssp-finance-package .skin-add-inline:hover {
  padding-left: 40px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 400;
  position: relative
}
.ssp-finance-package .skin-add-inline:active:after,
.ssp-finance-package .skin-add-inline:after,
.ssp-finance-package .skin-add-inline:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  line-height: 11px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 11px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  top: 50%;
  margin-top: -5.5px;
  left: 15px
}
.ssp-finance-package .form-field-value {
  min-width: 500px;
  max-width: 800px
}
.ssp-finance-package .form-field-header .form-field-label {
  font-weight: 700
}
.ssp-finance-package .form-field-header .skin-link-button {
  padding-left: 0
}
.ssp-finance-package .finance-info-view .add-link-note,
.ssp-finance-package .finance-info-view .skin-add-link {
  margin: 15px 0 0 30px
}
.ssp-finance-package .embed-form {
  padding: 0;
  margin: 0;
  border: none
}
.ssp-finance-package .embed-form .form-description,
.ssp-finance-package .embed-form .form-submit-section {
  margin-left: 132px
}
.ssp-finance-package .embed-form .form-description {
  margin-top: -20px;
  line-height: 20px
}
.ssp-finance-package .embed-form .form-submit-section {
  border: none
}
.ssp-finance-package .embed-form .form-submit-section .ui-button {
  padding: 0 25px
}
.ssp-finance-package .finance-invoice-form-page .form-submit-section {
  position: static;
  right: auto;
  bottom: auto;
  left: auto
}
.ssp-finance-package .modify-finance-info {
  vertical-align: middle
}
.ssp-finance-package .modify-tip {
  margin-left: 20px;
  color: #999;
  font-weight: 400;
  font-size: 12px
}
.ssp-finance-package .form-field-acc-province .ui-select {
  margin-right: 10px
}
.ssp-finance-package .form-field-acc-province.form-field-required .form-field-description {
  float: none
}
.ssp-finance-package .form-field-label {
  width: 120px
}
.ssp-finance-package .form-field-value-input {
  width: 455px
}
.ssp-finance-package .form-field-value-input:after,
.ssp-finance-package .form-field-value-input:before {
  display: table;
  content: ""
}
.ssp-finance-package .form-field-value-input:after {
  clear: both
}
.ssp-finance-package .form-field-value-input .form-field-value-seperator,
.ssp-finance-package .form-field-value-input .ui-panel,
.ssp-finance-package .form-field-value-input .ui-select,
.ssp-finance-package .form-field-value-input .ui-textbox {
  float: left
}
.ssp-finance-package .form-field-description {
  display: block;
  margin-left: 12px;
  padding-left: 0
}
.ssp-finance-package .reset-togglepanel-title-icon:after {
  background: 0 0;
  width: auto;
  height: auto;
  line-height: 1;
  overflow: visible
}
.ssp-finance-package .ui-togglepanel-title {
  height: 30px;
  line-height: 30px;
  padding: 0 45px 0 18px;
  background-color: #ebebeb;
  position: relative
}
.ssp-finance-package .ui-togglepanel-title:after {
  background: 0 0;
  width: auto;
  height: auto;
  overflow: visible;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  text-indent: 0;
  line-height: 14px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 14px;
  color: #b7b7b7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  text-indent: 0;
  top: 50%;
  margin-top: -7px;
  right: 20px
}
.ssp-finance-package .ui-togglepanel-title:hover {
  position: relative
}
.ssp-finance-package .ui-togglepanel-title:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  text-indent: 0;
  line-height: 14px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 14px;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  text-indent: 0;
  top: 50%;
  margin-top: -7px;
  right: 20px
}
.ssp-finance-package .ui-togglepanel-expanded .ui-togglepanel-title {
  position: relative
}
.ssp-finance-package .ui-togglepanel-expanded .ui-togglepanel-title:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d8";
  text-indent: 0;
  position: absolute;
  font-family: FontAwesome;
  font-size: 14px;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d8";
  text-indent: 0;
  top: 50%;
  margin-top: -7px;
  right: 20px;
  background: 0 0;
  width: auto;
  height: auto;
  line-height: 1;
  overflow: visible
}
.ssp-finance-package .ssp-finance-info-form-warning {
  color: #f8df92
}
.ssp-finance-package .finance-abstract-section .finance-abstract-text {
  color: #888
}
.ssp-finance-package .finance-abstract-section .finance-abstract-money {
  color: #fb7f7f;
  font-size: 16px
}
.ssp-finance-package .finance-abstract-section .pay-record {
  margin: 16px 0;
  color: #888
}
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-content,
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-title {
  height: 24px;
  line-height: 24px
}
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-content .tip-link,
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-title .tip-link {
  margin: 0 5px;
  vertical-align: middle
}
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-title {
  font-size: 14px;
  font-weight: 700;
  color: #666
}
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-title .ui-tip {
  margin-left: 5px
}
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-content {
  padding-left: 20px;
  position: relative
}
.ssp-finance-package .finance-abstract-section .pay-record .pay-record-content:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #dd6767;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  left: 0
}
.ssp-finance-package .finance-rule-section {
  background-color: #f4fcfe;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px
}
.ssp-finance-package .finance-rule-section .ui-togglepanel .ui-togglepanel-title {
  font-weight: 700;
  font-size: 14px;
  color: #666;
  line-height: 14px;
  margin-left: 3px;
  padding-left: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
  background: 0 0;
  position: relative;
  cursor: pointer
}
.ssp-finance-package .finance-rule-section .ui-togglepanel .ui-togglepanel-title:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #d1d1d1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  right: 0
}
.ssp-finance-package .finance-rule-section .ui-togglepanel .ui-togglepanel-title:hover {
  position: relative
}
.ssp-finance-package .finance-rule-section .ui-togglepanel .ui-togglepanel-title:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #a7a7a7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  right: 0
}
.ssp-finance-package .finance-rule-section .ui-togglepanel .ui-togglepanel-content {
  display: none
}
.ssp-finance-package .finance-rule-section .ui-togglepanel-expanded .ui-togglepanel-title {
  background: 0 0;
  position: relative
}
.ssp-finance-package .finance-rule-section .ui-togglepanel-expanded .ui-togglepanel-title:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #d1d1d1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  right: 0
}
.ssp-finance-package .finance-rule-section .ui-togglepanel-expanded .ui-togglepanel-title:hover {
  position: relative
}
.ssp-finance-package .finance-rule-section .ui-togglepanel-expanded .ui-togglepanel-title:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #a7a7a7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  right: 0
}
.ssp-finance-package .finance-rule-section .ui-togglepanel-expanded .ui-togglepanel-content {
  display: block
}
.ssp-finance-package .finance-rule-section .pay-rule-title {
  display: inline-block;
  width: 49%;
  height: 14px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding-top: 60px;
  margin-top: 30px;
  position: relative;
  color: #fc9153
}
.ssp-finance-package .finance-rule-section .pay-rule-title:after {
  content: '~"url(img/finance-rule-icon.png)"';
  text-indent: -9999px;
  background: url(img/finance-rule-icon.png) no-repeat;
  line-height: 52px;
  position: absolute;
  width: 91px;
  height: 52px;
  content: '~"url(img/finance-rule-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 50%;
  margin-left: -45.5px
}
.ssp-finance-package .finance-rule-section .pay-hint-title {
  display: inline-block;
  width: 49%;
  height: 14px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding-top: 60px;
  margin-top: 30px;
  position: relative;
  color: #55b9ff
}
.ssp-finance-package .finance-rule-section .pay-hint-title:after {
  content: '~"url(img/finance-notice-icon.png)"';
  text-indent: -9999px;
  background: url(img/finance-notice-icon.png) no-repeat;
  line-height: 52px;
  position: absolute;
  width: 91px;
  height: 52px;
  content: '~"url(img/finance-notice-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 50%;
  margin-left: -45.5px
}
.ssp-finance-package .finance-rule-section .pay-rule-content {
  display: inline-block;
  width: 45%;
  margin-top: 20px;
  margin-left: 38px;
  vertical-align: top;
  border-left: 1px solid #80dde6;
  position: relative
}
.ssp-finance-package .finance-rule-section .pay-rule-content li {
  font-size: 12px;
  line-height: 15px;
  margin-top: 20px;
  padding-left: 30px;
  margin-left: -8px;
  list-style: none;
  color: #666
}
.ssp-finance-package .finance-rule-section .pay-rule-content li:first-child {
  margin-top: 0
}
.ssp-finance-package .finance-rule-section .pay-hint-content {
  display: inline-block;
  width: 45%;
  margin-top: 20px;
  margin-left: 38px;
  vertical-align: top;
  border-left: 1px solid #90cdf8;
  position: relative
}
.ssp-finance-package .finance-rule-section .pay-hint-content li {
  font-size: 12px;
  line-height: 15px;
  margin-top: 20px;
  padding-left: 30px;
  margin-left: -8px;
  list-style: none;
  color: #666
}
.ssp-finance-package .finance-rule-section .pay-hint-content li:first-child {
  margin-top: 0
}
.ssp-finance-package .finance-rule-section .finance-know-detail {
  position: absolute;
  bottom: -15px;
  right: 0
}
.ssp-finance-package .finance-rule-section .rule-icon-1 {
  position: relative
}
.ssp-finance-package .finance-rule-section .rule-icon-1:after {
  content: '~"url(img/rule-num-icon-1.png)"';
  text-indent: -9999px;
  background: url(img/rule-num-icon-1.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/rule-num-icon-1.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .rule-icon-2 {
  position: relative
}
.ssp-finance-package .finance-rule-section .rule-icon-2:after {
  content: '~"url(img/rule-num-icon-2.png)"';
  text-indent: -9999px;
  background: url(img/rule-num-icon-2.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/rule-num-icon-2.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .rule-icon-3 {
  position: relative
}
.ssp-finance-package .finance-rule-section .rule-icon-3:after {
  content: '~"url(img/rule-num-icon-3.png)"';
  text-indent: -9999px;
  background: url(img/rule-num-icon-3.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/rule-num-icon-3.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .hint-icon-1 {
  position: relative
}
.ssp-finance-package .finance-rule-section .hint-icon-1:after {
  content: '~"url(img/hint-num-icon-1.png)"';
  text-indent: -9999px;
  background: url(img/hint-num-icon-1.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/hint-num-icon-1.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .hint-icon-2 {
  position: relative
}
.ssp-finance-package .finance-rule-section .hint-icon-2:after {
  content: '~"url(img/hint-num-icon-2.png)"';
  text-indent: -9999px;
  background: url(img/hint-num-icon-2.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/hint-num-icon-2.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .hint-icon-3 {
  position: relative
}
.ssp-finance-package .finance-rule-section .hint-icon-3:after {
  content: '~"url(img/hint-num-icon-3.png)"';
  text-indent: -9999px;
  background: url(img/hint-num-icon-3.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/hint-num-icon-3.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .hint-icon-4 {
  position: relative
}
.ssp-finance-package .finance-rule-section .hint-icon-4:after {
  content: '~"url(img/hint-num-icon-4.png)"';
  text-indent: -9999px;
  background: url(img/hint-num-icon-4.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/hint-num-icon-4.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-rule-section .hint-icon-5 {
  position: relative
}
.ssp-finance-package .finance-rule-section .hint-icon-5:after {
  content: '~"url(img/hint-num-icon-5.png)"';
  text-indent: -9999px;
  background: url(img/hint-num-icon-5.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/hint-num-icon-5.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.ssp-finance-package .finance-table-section .table-link {
  color: #fc9153
}
.ssp-finance-package .finance-table-section .table-link:hover {
  color: #FE6913
}
.ssp-finance-package .ui-dialog-max-height .ui-dialog-body-panel {
  max-height: 500px;
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: hidden
}
.ssp-finance-package .ui-filepreview-file {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  padding: 0 20px;
  margin: 0 5px 5px 0;
  border-radius: 3px;
  overflow: hidden;
  background: #fc9153;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  -webkit-transition: padding-left .5s,padding-right .5s,background-color,.5s;
  -moz-transition: padding-left .5s,padding-right .5s,background-color,.5s;
  -ms-transition: padding-left .5s,padding-right .5s,background-color,.5s;
  -o-transition: padding-left .5s,padding-right .5s,background-color,.5s;
  transition: padding-left .5s,padding-right .5s,background-color,.5s;
  -moz-transition: padding-left .5s padding-right .5s background-color .5s;
  -webkit-transition: padding-left .5s padding-right .5s background-color .5s;
  transition: padding-left .5s padding-right .5s background-color .5s
}
.ssp-finance-package .ui-filepreview-file:after {
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 28px;
  right: 7px;
  font-size: 18px;
  content: '\d7';
  display: inline-block;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  visibility: hidden
}
.ssp-finance-package .ui-filepreview-file:hover {
  padding-left: 13px;
  padding-right: 27px;
  background: #FE6913
}
.ssp-finance-package .ui-filepreview-file:hover:after {
  visibility: visible;
  opacity: 1
}
.ssp-finance-package .ui-filepreview-disabled .ui-filepreview-file:hover {
  padding: 0 20px;
  background: #fc9153
}
.ssp-finance-package .ui-filepreview-disabled .ui-filepreview-file:hover:after {
  display: none
}
.ssp-credit-paradise-package .overview-view {
  padding: 25px 30px
}
.ssp-credit-paradise-package .overview-summary {
  border-bottom: 2px solid #eee;
  padding: 20px;
  background-color: #f8f9fa;
  font-size: 14px
}
.ssp-credit-paradise-package .overview-summary:after,
.ssp-credit-paradise-package .overview-summary:before {
  display: table;
  content: ""
}
.ssp-credit-paradise-package .overview-summary:after {
  clear: both
}
.ssp-credit-paradise-package .overview-summary li {
  float: left;
  margin-right: 55px
}
.ssp-credit-paradise-package .overview-summary span {
  font-size: 12px;
  color: #c0c1c2
}
.ssp-credit-paradise-package .overview-summary .overview-summary-title {
  color: #666
}
.ssp-credit-paradise-package .overview-summary .overview-summary-content {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #ccc
}
.ssp-credit-paradise-package .overview-summary .overview-summary-total {
  float: right
}
.ssp-credit-paradise-package .overview-summary-available .overview-summary-title {
  font-weight: 700
}
.ssp-credit-paradise-package .overview-summary-available .overview-summary-content,
.ssp-credit-paradise-package .overview-summary-total .overview-summary-content {
  color: #fc9153
}
.ssp-credit-paradise-package .overview-lists {
  margin-top: 20px
}
.ssp-credit-exchange-detail {
  padding: 10px;
  border: 1px solid #fc9153;
  background-color: #e3fafd
}
.ssp-credit-exchange-detail table td,
.ssp-credit-exchange-detail table th {
  border: 1px solid #999;
  padding: 5px;
  text-align: center
}
.ssp-credit-exchange-detail table th {
  font-weight: 700
}
.ssp-credit-exchange-detail a {
  display: inline-block;
  zoom: 1;
  margin-top: 10px
}
.ssp-credit-paradise-package .credit-exchange-list-button {
  display: inline-block;
  zoom: 1;
  margin-right: 20px;
  cursor: pointer
}
.ssp-credit-paradise-package .credit-mall-award-list:after,
.ssp-credit-paradise-package .credit-mall-award-list:before {
  display: table;
  content: ""
}
.ssp-credit-paradise-package .credit-mall-award-list:after {
  clear: both
}
.ssp-credit-paradise-package .credit-mall-award {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px
}
.ssp-credit-paradise-package .credit-mall-award-thumbnail {
  border: 1px solid #ccc;
  padding: 6px 2px
}
.ssp-credit-paradise-package .credit-mall-award-name {
  margin-top: 18px;
  margin-bottom: 8px
}
.ssp-credit-paradise-package .credit-mall-award-cent {
  float: left;
  line-height: 28px;
  color: #fc9153
}
.ssp-credit-paradise-package .credit-mall-award-exchange {
  float: right;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none
}
.ssp-credit-paradise-package .credit-award-detail {
  margin-bottom: 30px
}
.ssp-credit-paradise-package .credit-award-detail:after,
.ssp-credit-paradise-package .credit-award-detail:before {
  display: table;
  content: ""
}
.ssp-credit-paradise-package .credit-award-detail:after {
  clear: both
}
.ssp-credit-paradise-package .credit-award-detail-pic {
  float: left;
  border: 1px solid #ccc;
  padding: 10px 4px
}
.ssp-credit-paradise-package .credit-award-detail-summary {
  float: left;
  margin-left: 30px
}
.ssp-credit-paradise-package .credit-award-detail-name {
  margin-top: 25px;
  font-size: 14px;
  font-weight: 700
}
.ssp-credit-paradise-package .credit-award-detail-cent {
  margin-top: 50px;
  margin-bottom: 15px
}
.ssp-credit-paradise-package .credit-award-detail-cent span {
  font-size: 18px;
  color: #fc9153
}
.ssp-credit-paradise-package .credit-award-detail-exchange {
  width: 90px;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  font-weight: 700
}
.ssp-credit-paradise-package .credit-award-detail-desc {
  margin-bottom: 18px;
  padding: 10px;
  background-color: #f6f7f8;
  font-weight: 700
}
.ssp-credit-paradise-package .credit-exchange-tip {
  padding: 0;
  background-color: transparent
}
.ssp-credit-paradise-package .credit-exchange-award-info {
  padding: 10px;
  background-color: #f6f7f8;
  font-size: 14px;
  font-weight: 700
}
.ssp-credit-paradise-package .credit-exchange-award-name {
  font-weight: 700
}
.ssp-credit-paradise-package .credit-exchange-award-minus,
.ssp-credit-paradise-package .credit-exchange-award-plus {
  padding: 0;
  color: #999
}
.ssp-credit-paradise-package .credit-exchange-award-minus {
  margin-right: 5px
}
.ssp-credit-paradise-package .credit-exchange-award-plus {
  margin-left: 5px
}
.ssp-credit-paradise-package .credit-exchange-award-quantity .ui-validity {
  float: right
}
.ssp-credit-paradise-package .credit-exchange-award-quantity input {
  text-align: center
}
.ssp-credit-paradise-package .credit-exchange-award-cent {
  display: inline-block;
  zoom: 1;
  font-size: 18px;
  color: #fc9153
}
.ssp-credit-paradise-package .credit-exchange-error {
  margin: 30px 0;
  color: red
}
.ssp-credit-paradise-package .credit-exchange-success-award-name,
.ssp-credit-paradise-package .credit-exchange-success-award-quantity,
.ssp-credit-paradise-package .credit-exchange-success-id,
.ssp-credit-paradise-package .credit-exchange-success-link {
  font-weight: 700
}
.ssp-credit-paradise-package .credit-exchange-success-link {
  color: #fc9153
}
.ssp-credit-paradise-package .credit-exchange-success-tip {
  padding-left: 20px
}
.ssp-credit-paradise-package .credit-exchange-success-tip li {
  line-height: 30px;
  list-style-type: decimal;
  list-style-position: outside
}
.ssp-bulletin-package .message-num {
  position: absolute;
  background-color: #ff8555;
  border-radius: 8px;
  color: #fff;
  height: 16px;
  min-width: 14px;
  line-height: 16px;
  padding: 0 2px;
  right: 10px;
  text-align: center;
  top: 13px;
  z-index: 1
}
.ssp-bulletin-package .message-box-dropdown {
  width: 265px;
  display: none;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 60px;
  background-color: #097b85
}
.ssp-bulletin-package .message-box-dropdown ul {
  width: 265px;
  height: 308px;
  overflow-y: auto
}
.ssp-bulletin-package .message-box-dropdown ul li {
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  display: block;
  background-color: #fc9153;
  position: relative
}
.ssp-bulletin-package .message-box-dropdown ul li:hover {
  background-color: #0ea6b3
}
.ssp-bulletin-package .message-box-dropdown ul li a:hover {
  text-decoration: none
}
.ssp-bulletin-package .message-all-line,
.ssp-bulletin-package .message-box-title {
  padding: 0 15px;
  font-weight: 700;
  cursor: default
}
.ssp-bulletin-package .message-box-title {
  background-color: #fc9153;
  height: 30px;
  line-height: 30px
}
.ssp-bulletin-package .message-box-title span {
  color: #015b63
}
.ssp-bulletin-package .message-mark-all-as-read {
  float: right;
  width: 16px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  position: relative
}
.ssp-bulletin-package .message-mark-all-as-read:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06e";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #05646d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06e";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  right: 0
}
.ssp-bulletin-package .message-mark-all-as-read:hover {
  position: relative
}
.ssp-bulletin-package .message-mark-all-as-read:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06e";
  text-indent: 0;
  line-height: 16px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 16px;
  color: #7cdfe8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06e";
  text-indent: 0;
  top: 50%;
  margin-top: -8px;
  right: 0
}
.ssp-bulletin-package .message-all-line {
  background: #097b85;
  height: 27px;
  line-height: 27px;
  text-align: center
}
.ssp-bulletin-package .message-all-line a {
  color: #fff;
  text-decoration: none
}
.ssp-bulletin-package .message-all-line:hover {
  background: #097b85
}
.ssp-bulletin-package .message-all-line:hover a {
  color: #78dde6
}
.ssp-bulletin-package .message-empty {
  width: 265px;
  height: 308px;
  background: #0ea6b3;
  text-align: center;
  line-height: 308px;
  color: #fff
}
.ssp-bulletin-package .message-title {
  background: #097b85;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  text-align: left;
  color: #ddd
}
.ssp-bulletin-package .new-message-title {
  background: #097b85;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  text-align: left;
  color: #ddd;
  position: relative
}
.ssp-bulletin-package .new-message-title:after {
  content: '~"url(img/new.png)"';
  text-indent: -9999px;
  background: url(img/new.png) no-repeat;
  line-height: 11px;
  position: absolute;
  width: 27px;
  height: 11px;
  content: '~"url(img/new.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -5.5px;
  right: 15px
}
.ssp-bulletin-package .message-content {
  color: #fff;
  height: 57px;
  line-height: 200%;
  padding: 0 15px;
  width: 218px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap
}
.ssp-bulletin-package .message-detail-link {
  bottom: 0;
  height: 27px;
  line-height: 14px;
  position: absolute;
  right: 15px;
  color: #78dde6;
  padding-left: 7px
}
.ssp-bulletin-package .bulletin-list-page .unread {
  margin-left: 8px;
  position: relative
}
.ssp-bulletin-package .bulletin-list-page .unread:after {
  content: '~"url(img/new01.png)"';
  text-indent: -9999px;
  background: url(img/new01.png) no-repeat;
  line-height: 11px;
  position: absolute;
  width: 27px;
  height: 11px;
  content: '~"url(img/new01.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -5.5px;
  left: 50%;
  margin-left: -13.5px
}
.ssp-bulletin-package .bulletin-list-page .list-action {
  display: none
}
.ssp-bulletin-package .bulletin-list-page .list-filter {
  margin-left: 0
}
.ssp-bulletin-package .bulletin-read-page .form-page {
  background-image: none
}
.ssp-bulletin-package .bulletin-read-page .bulletin-title-section {
  margin: 20px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 20px
}
.ssp-bulletin-package .bulletin-read-page .bulletin-title-section .bulletin-title {
  font-size: 16px;
  font-weight: 700
}
.ssp-bulletin-package .bulletin-read-page .bulletin-title-section .bulletin-time {
  color: #999;
  margin-top: 30px
}
.ssp-bulletin-package .bulletin-read-page .bulletin-body {
  margin: 20px
}
.ssp-bulletin-package .bulletin-info .switch-operate-area {
  float: right;
  margin: 50px 20px
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline
}
body {
  width: 100%;
  line-height: 1;
  overflow-y: scroll
}
nav ol,
nav ul,
ol,
ul {
  list-style: none
}
table {
  border-spacing: 0;
  vertical-align: middle;
  border-collapse: collapse;
  border-spacing: 0
}
caption,
td,
th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}
a img {
  border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline
}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
button,
html,
input,
select,
textarea {
  font-family: 'Helvetica Neue',Arial,sans-serif
}
a:focus {
  outline: dotted thin
}
a:active,
a:hover {
  outline: 0
}
h1 {
  font-size: 2em
}
h2 {
  font-size: 1.5em
}
h3 {
  font-size: 1.17em
}
h4 {
  font-size: 1em
}
h5 {
  font-size: .83em
}
h6 {
  font-size: .67em
}
abbr[title] {
  border-bottom: 1px dotted
}
b,
strong {
  font-weight: 700
}
blockquote {
  margin: 1em 40px
}
dfn {
  font-style: italic
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
dl,
menu,
ol,
p,
pre,
ul {
  margin: 1em 0
}
code,
kbd,
pre,
samp {
  font-family: Monaco,Consolas,monospace;
  font-size: 1em
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
q {
  quotes: none
}
q:after,
q:before {
  content: '';
  content: none
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
dd {
  margin: 0 0 0 40px
}
menu,
ol,
ul {
  padding: 0 0 0 40px
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic
}
svg:not(:root) {
  overflow: hidden
}
figure,
form {
  margin: 0
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0;
  white-space: normal
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}
button,
input {
  line-height: normal
}
button,
select {
  text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],
html input[disabled] {
  cursor: default
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  vertical-align: top
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}
audio,
canvas,
video {
  display: inline-block;
  zoom: 1
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden] {
  display: none
}
mark {
  background: #ff0;
  color: #666
}
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
body,
html {
  margin: 0;
  font-size: 12px;
  font-family: "Microsoft YaHei","\5B8B\4F53";
  -webkit-font-smoothing: antialiased
}
.link-like,
a {
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer
}
.link-like:hover,
a:hover {
  text-decoration: underline
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  font-weight: 400
}
.header-logo a {
  width: 268px;
  text-decoration: none
}
@-webkit-keyframes bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1)
  }
}
@keyframes bouncedelay {
  0%,
  100%,
  80% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
#global-indicator {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 60px;
  z-index: 9000;
  text-align: center
}
#global-indicator .loading-bounce-point {
  background: #c0ede8;
  border-radius: 100%;
  display: inline-block;
  height: 18px;
  width: 18px;
  -webkit-animation: 1.4s ease-in-out infinite both bouncedelay;
  animation: 1.4s ease-in-out infinite both bouncedelay
}
#global-indicator .loading-bounce-one {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}
#global-indicator .loading-bounce-two {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}
.page-crumb {
  position: relative;
  background: #f7f7f7;
  padding-left: 10px
}
.page-crumb:after,
.page-crumb:before {
  display: table;
  content: ""
}
.page-crumb:after {
  clear: both
}
.page-crumb .ui-crumb {
  float: left
}
.page-crumb .tip-link,
.page-crumb .ui-tip {
  float: left;
  margin-left: -10px;
  margin-top: 22px
}
#logo {
  float: left
}
.header-menu {
  cursor: pointer;
  float: right;
  height: 60px;
  line-height: 60px
}
.header-drop-down-menu {
  position: relative
}
.header-drop-down-menu ul {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 10
}
.header-drop-down-menu ul a {
  text-decoration: none
}
.header-drop-down-menu ul li {
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  display: block;
  height: 35px;
  line-height: 35px;
  padding-left: 30px;
  background-color: #fc9153
}
.header-drop-down-menu ul li:hover {
  background-color: #fc9153
}
.header-drop-down-menu:hover {
  background-color: #fc9153
}
.header-drop-down-menu:hover ul {
  display: block;
  top: 60px
}
.header-drop-down-menu .title {
  width: 93px;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  height: 60px;
  position: relative
}
.header-drop-down-menu .title:after {
  content: '~"url(img/arrow-down.png)"';
  text-indent: -9999px;
  background: url(img/arrow-down.png) no-repeat;
  line-height: 5px;
  position: absolute;
  width: 9px;
  height: 5px;
  content: '~"url(img/arrow-down.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -2.5px;
  right: 16px
}
#account {
  min-width: 100px
}
#help {
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -ms-transition: background .5s;
  -o-transition: background .5s;
  transition: background .5s;
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -o-transition: background .5s;
  transition: background .5s;
  width: 60px;
  margin-right: 34px;
  position: relative
}
#help:after {
  content: '~"url(img/help-icon.png)"';
  text-indent: -9999px;
  background: url(img/help-icon.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/help-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
#help:hover {
  position: relative
}
#help:hover:after {
  content: '~"url(img/help-icon.png)"';
  text-indent: -9999px;
  background: url(img/help-icon.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: '~"url(img/help-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px
}
#help ul {
  width: 140px;
  right: 0
}
.title:before {
  margin: 3px 10px 0;
  float: left;
  content: url(img/user-icon.png)
}
.title:after {
  margin: 0 10px;
  float: right;
  content: url(img/arrow-down.png)
}
.title:hover:before {
  content: url(img/user-icon.png)
}
.title:hover:after {
  content: url(img/arrow-down.png)
}
.item-account-info i {
  font-size: 16px;
  margin-left: -20px;
  margin-right: 8px
}
.item-logout {
  position: relative
}
.item-logout:after {
  content: '~"url(img/logout-icon.png)"';
  text-indent: -9999px;
  background: url(img/logout-icon.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/logout-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 10px
}
.item-help-center {
  position: relative
}
.item-help-center:after {
  content: '~"url(img/help-icon.png)"';
  text-indent: -9999px;
  background: url(img/help-icon.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 10px
}
.item-official-space {
  position: relative
}
.item-official-space:after {
  content: '~"url(img/official-space-icon.png)"';
  text-indent: -9999px;
  background: url(img/official-space-icon.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 12px;
  height: 14px;
  content: '~"url(img/official-space-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 10px
}
.item-user-guide {
  position: relative
}
.item-user-guide:after {
  content: '~"url(img/user-guide-icon.png)"';
  text-indent: -9999px;
  background: url(img/user-guide-icon.png) no-repeat;
  line-height: 12px;
  position: absolute;
  width: 12px;
  height: 12px;
  content: '~"url(img/user-guide-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -6px;
  left: 10px
}
#BDBridgeIconWrap {
  top: 80%!important
}
.table-status-normal {
  color: #30ab10
}
.table-status-removed {
  color: #dc6768
}
.tip-link {
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  text-indent: -50000px;
  background: url(img/tip-icon.png) no-repeat;
  width: 11px;
  height: 11px
}
.tip-link:hover {
  text-decoration: underline
}
.ui-draweractionpanel {
  background: #fff
}
.ui-dialog .ui-dialog-text {
  max-height: 290px;
  overflow-y: auto
}
.table-drag-zone,
.table-drag-zone-disabled {
  display: block;
  width: 23px;
  height: 18px;
  line-height: 18px
}
.table-drag-zone {
  cursor: move;
  background: url(img/drag.png) center center no-repeat
}
.table-drag-zone-disabled {
  background: url(img/drag-disabled.png) center center no-repeat
}
.tip-bar {
  padding: 5px;
  color: #999;
  font-size: 12px
}
.tip-bar i {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  zoom: 1;
  text-align: center;
  margin: 0 5px;
  line-height: 15px
}
.tip-bar .tip-alert {
  background-color: #f9e08d
}
.global-error {
  width: 660px;
  margin: 0 auto;
  padding-top: 80px;
  font-size: 24px
}
.global-error h2 {
  font-size: 36px
}
.global-error section {
  background: no-repeat;
  padding-left: 180px;
  margin-top: 2em
}
.global-error section p {
  margin: 1em 0
}
.global-error section ul {
  list-style-position: inside
}
.global-error footer {
  margin-top: 2em;
  text-align: right
}
#not-found section {
  background-image: url(img/404.png)
}
#generic-error section {
  background-image: url(img/400.png)
}
.warning {
  line-height: 28px;
  clear: both;
  height: 28px;
  width: 100%;
  margin-top: 10px;
  display: block
}
.warning:before {
  font-family: FontAwesome;
  padding-right: 6px;
  color: #f8df92;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a"
}
.ui-label {
  display: inline
}
.header-logo {
  margin-top: 15px
}
.ui-sidebar {
  border-radius: 0
}
.page-content {
  min-width: 960px;
  min-width: 960px;
  margin-left: 168px;
  margin-top: 60px
}
.navigator-collapsed header {
  position: static
}
.navigator-collapsed #main {
  margin-left: 55px;
  margin-top: 0
}
.sidebar-menu-icon {
  width: 16px;
  height: 18px;
  display: inline-block
}
.sidebar-menu-dashboard .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-dashboard .sidebar-menu-icon:after {
  content: '~"url(img/navigator-home.png)"';
  text-indent: -9999px;
  background: url(img/navigator-home.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-home.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-resource .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-resource .sidebar-menu-icon:after {
  content: '~"url(img/navigator-resource.png)"';
  text-indent: -9999px;
  background: url(img/navigator-resource.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-resource.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-report .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-report .sidebar-menu-icon:after {
  content: '~"url(img/navigator-report.png)"';
  text-indent: -9999px;
  background: url(img/navigator-report.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-report.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-sdk .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-sdk .sidebar-menu-icon:after {
  content: '~"url(img/navigator-sdk.png)"';
  text-indent: -9999px;
  background: url(img/navigator-sdk.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-sdk.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-user .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-user .sidebar-menu-icon:after {
  content: '~"url(img/navigator-finance.png)"';
  text-indent: -9999px;
  background: url(img/navigator-finance.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-finance.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-strategy .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-strategy .sidebar-menu-icon:after {
  content: '~"url(img/navigator-strategy.png)"';
  text-indent: -9999px;
  background: url(img/navigator-strategy.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-strategy.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-creative .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-creative .sidebar-menu-icon:after {
  content: '~"url(img/navigator-material.png)"';
  text-indent: -9999px;
  background: url(img/navigator-material.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-material.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-media-protect .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-media-protect .sidebar-menu-icon:after {
  content: '~"url(img/navigator-media-protect.png)"';
  text-indent: -9999px;
  background: url(img/navigator-media-protect.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-media-protect.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-credit .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-credit .sidebar-menu-icon:after {
  content: '~"url(img/navigator-credit.png)"';
  text-indent: -9999px;
  background: url(img/navigator-credit.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-credit.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-dashboard .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-dashboard .sidebar-menu-icon:after {
  content: '~"url(img/navigator-home-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-home-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-home-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-resource .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-resource .sidebar-menu-icon:after {
  content: '~"url(img/navigator-resource-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-resource-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-resource-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-report .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-report .sidebar-menu-icon:after {
  content: '~"url(img/navigator-report-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-report-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-report-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-sdk .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-sdk .sidebar-menu-icon:after {
  content: '~"url(img/navigator-sdk-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-sdk-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-sdk-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-user .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-user .sidebar-menu-icon:after {
  content: '~"url(img/navigator-finance-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-finance-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-finance-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-strategy .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-strategy .sidebar-menu-icon:after {
  content: '~"url(img/navigator-strategy-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-strategy-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-strategy-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-creative .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-creative .sidebar-menu-icon:after {
  content: '~"url(img/navigator-material-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-material-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-material-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-media-protect .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-media-protect .sidebar-menu-icon:after {
  content: '~"url(img/navigator-media-protect-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-media-protect-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-media-protect-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.sidebar-menu-item-active.sidebar-menu-credit .sidebar-menu-icon {
  position: relative
}
.sidebar-menu-item-active.sidebar-menu-credit .sidebar-menu-icon:after {
  content: '~"url(img/navigator-credit-active.png)"';
  text-indent: -9999px;
  background: url(img/navigator-credit-active.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-credit-active.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -8px
}
.inverse-sidebar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.inverse-sidebar .toggle-navigator-icon {
  display: inline-block;
  width: 27px;
  height: 60px;
  position: relative
}
.inverse-sidebar .toggle-navigator-icon:after {
  content: '~"url(img/navigator-inverse-opened.png)"';
  text-indent: -9999px;
  background: url(img/navigator-inverse-opened.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 27px;
  height: 15px;
  content: '~"url(img/navigator-inverse-opened.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -13.5px
}
.inverse-sidebar:hover .toggle-navigator-icon {
  position: relative
}
.inverse-sidebar:hover .toggle-navigator-icon:after {
  content: '~"url(img/navigator-inverse-opened.png)"';
  text-indent: -9999px;
  background: url(img/navigator-inverse-opened.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 27px;
  height: 15px;
  content: '~"url(img/navigator-inverse-opened.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -13.5px
}
.inverse-sidebar.sidebar-collapsed .toggle-navigator-icon {
  display: inline-block;
  width: 27px;
  height: 60px;
  position: relative
}
.inverse-sidebar.sidebar-collapsed .toggle-navigator-icon:after {
  content: '~"url(img/navigator-inverse-collapsed.png)"';
  text-indent: -9999px;
  background: url(img/navigator-inverse-collapsed.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 27px;
  height: 15px;
  content: '~"url(img/navigator-inverse-collapsed.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -13.5px
}
.inverse-sidebar.sidebar-collapsed:hover .toggle-navigator-icon {
  position: relative
}
.inverse-sidebar.sidebar-collapsed:hover .toggle-navigator-icon:after {
  content: '~"url(img/navigator-inverse-collapsed.png)"';
  text-indent: -9999px;
  background: url(img/navigator-inverse-collapsed.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 27px;
  height: 15px;
  content: '~"url(img/navigator-inverse-collapsed.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -13.5px
}
.form-field-description,
.form-field-description-block {
  color: #999;
  font-size: 12px
}
.form-field-description {
  padding-left: 5px;
  display: inline-block;
  zoom: 1
}
.form-field-mutil-description {
  vertical-align: middle
}
.form-field-mutil-description p {
  line-height: 15px;
  height: 15px
}
.form-field-value .ui-select+.form-field-description,
.form-field-value>.ui-select {
  float: left
}
.form-field-value .ui-toggle-selector {
  float: left;
  padding-right: 3px
}
.form-field-description-block {
  display: block
}
.form-field-value .ui-validity-invalid {
  color: red;
  font-size: 12px
}
.ui-validity-invalid + .form-field-description,
.ui-validity-invalid + .form-field-description-block {
  display: none
}
.form-submit-section {
  padding: 30px 30px 46px;
  margin: 0;
  background: #fff;
  position: relative;
  opacity: .9
}
.form-submit-section .ui-warn {
  height: 111px
}
.form-page.state-warned .form-submit-section {
  background-color: transparent
}
.form-page.state-warned .form-submit-section .cancel-button,
.form-page.state-warned .form-submit-section .submit-button {
  visibility: hidden
}
.ui-draweractionpanel .form-page {
  background: url(img/submit-bg.png) 0 bottom repeat-x #fff;
  min-height: 100%
}
.ui-draweractionpanel .form-page.state-warned {
  background: url(img/submit-bg-warn.png) 0 bottom repeat-x #fff
}
.ui-draweractionpanel .content-main {
  padding-bottom: 100px;
  background: 0 0
}
.ui-draweractionpanel .form-submit-section {
  position: fixed;
  bottom: 0;
  right: 20px;
  left: 220px;
  width: auto
}
.ui-draweractionpanel.ui-draweractionpanel-hidden .form-submit-section {
  position: static
}
.form-field-frame {
  background: #ebebeb;
  padding: 10px 10px 16px;
  display: inline-block;
  zoom: 1
}
.form-field-frame .ui-textarea-validity-label,
.form-field-frame .ui-textbox-validity-label {
  display: block
}
.form-field-alliance-field .form-field-alliance-label {
  width: 170px
}
.form-field-alliance-field .form-field-sub-title {
  line-height: 20px;
  font-size: 12px;
  color: #999;
  margin-top: 8px
}
.form-field-alliance-field .form-field-sub-title a {
  color: #fc9153
}
.form-field-edit-entry {
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  margin-left: 30px
}
.form-field-edit-entry:hover {
  text-decoration: underline
}
.form-tip {
  padding: 0 20px;
  line-height: 35px;
  height: 35px;
  background-color: #f3fbfd;
  color: #FEA067
}
.form-tip i {
  margin-right: 10px;
  color: #f7df92;
  font-size: 16px
}
.form-shadow-container {
  background-color: #f8f8f8;
  margin-left: -20px;
  padding: 20px 0
}
.form-shadow-container .form-field,
.form-shadow-container .form-field-required {
  margin-left: 20px;
  margin-bottom: 0
}
.form-shadow-container .form-field-required:first-child,
.form-shadow-container .form-field:first-child {
  margin-top: 0
}
.form-shadow-container .ui-panel {
  margin-top: 30px
}
.no-label-value {
  margin-left: 104px
}
.alliance-toggle {
  display: inline-block;
  zoom: 1
}
.alliance-toggle .ui-togglepanel-title {
  display: inline-block;
  zoom: 1;
  width: 500px;
  margin-right: 30px;
  font-weight: 400
}
.alliance-toggle .ui-togglepanel-title:after {
  left: 150px
}
.alliance-toggle .form-section-title-hint {
  float: right;
  line-height: 16px
}
.form-field-alliance-field {
  width: 700px
}
.table-detail {
  color: #000;
  display: block;
  line-height: 100%
}
.table-content-addition {
  display: block;
  margin-top: 12px;
  line-height: 100%;
  color: #999
}
.table-status-off,
.table-status-on {
  display: block;
  width: 42px;
  height: 18px;
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden
}
.table-status-off:hover,
.table-status-on:hover {
  text-decoration: underline
}
.table-status-on {
  position: relative
}
.table-status-on:after {
  content: '~"url(img/switch-on.png)"';
  text-indent: -9999px;
  background: url(img/switch-on.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 42px;
  height: 18px;
  content: '~"url(img/switch-on.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -21px
}
.table-status-off {
  position: relative
}
.table-status-off:after {
  content: '~"url(img/switch-off.png)"';
  text-indent: -9999px;
  background: url(img/switch-off.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 42px;
  height: 18px;
  content: '~"url(img/switch-off.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -21px
}
.table-operation {
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  text-indent: -50000px;
  width: 14px;
  line-height: 16px;
  padding: 0;
  margin: 0 10px
}
.table-operation:hover {
  text-decoration: underline
}
.table-operation-modify {
  margin-left: 0;
  position: relative
}
.table-operation-modify:after {
  content: '~"url(img/modify.png)"';
  text-indent: -9999px;
  background: url(img/modify.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/modify.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px
}
.table-operation-remove {
  position: relative
}
.table-operation-remove:after {
  content: '~"url(img/remove.png)"';
  text-indent: -9999px;
  background: url(img/remove.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 13px;
  height: 14px;
  content: '~"url(img/remove.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -6.5px
}
.table-operation-report {
  margin-left: 0;
  position: relative
}
.table-operation-report:after {
  content: '~"url(img/report.png)"';
  text-indent: -9999px;
  background: url(img/report.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 12px;
  height: 15px;
  content: '~"url(img/report.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -6px
}
.list-view .list-meta {
  display: table;
  width: 100%
}
.list-view .list-action {
  display: table-cell;
  vertical-align: middle;
  width: auto
}
.list-view .list-action .ui-link {
  white-space: nowrap;
  margin-right: 10px
}
.list-view .list-filter {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0
}
.list-view .list-filter .ui-searchbox {
  margin: 4px 10px
}
.list-view .ui-table-cell-text {
  line-height: 18px
}
.list-pager {
  display: block
}
.list-pager:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.list-pager .pager-count,
.list-pager .ui-pager {
  display: inline-block;
  zoom: 1;
  float: right
}
.list-pager .pager-count {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  margin: 14px
}
.list-pager .ui-pager .ui-select {
  background: #fff
}
.list-filter-fields {
  float: left
}
.list-batch-operation {
  float: left;
  height: 22px;
  margin: 6px 10px 0 0;
  border-right: 1px solid #fff
}
.list-batch-operation .ui-button {
  height: 35px;
  line-height: 35px;
  margin-top: -6px
}
.list-remove {
  width: 83px;
  font-size: 12px;
  font-weight: 700
}
.list-remove:hover {
  color: #666
}
.list-remove.state-disabled {
  cursor: default;
  color: #999
}
.list-filter-panel {
  border: 1px solid #FDE7DA;
  margin-bottom: 10px
}
.list-filter-panel .list-filter-select-fields {
  padding: 20px 30px 15px
}
.list-filter-panel .list-filter-select-fields:after,
.list-filter-panel .list-filter-select-fields:before {
  display: table;
  content: ""
}
.list-filter-panel .list-filter-select-fields:after {
  clear: both
}
.list-filter-panel .list-filter-select-fields .ui-select {
  height: 35px;
  line-height: 35px;
  background: #f5f5f5;
  color: #555
}
.list-filter-panel .list-filter-selected-fields {
  padding: 15px 30px 13px
}
.list-filter-panel .list-filter-operation {
  background: #e2efe6;
  padding: 15px 30px
}
.list-filter-panel .list-filter-operation .ui-button {
  height: 23px;
  width: 33px;
  line-height: 23px;
  font-size: 12px;
  font-weight: 700
}
.list-filter-panel .list-filter-operation .skin-link-button {
  font-weight: 400
}
.list-filter-panel .list-filter-field {
  height: 35px;
  line-height: 35px;
  float: left;
  margin-right: 60px;
  margin-bottom: 10px
}
.list-filter-panel .list-filter-field-label {
  float: left;
  line-height: 35px
}
.list-filter-panel .list-filter-field-value {
  float: left
}
.list-view .form-view {
  border: 1px solid #FDE7DA;
  margin-bottom: 10px
}
.list-view .form-view .content-main {
  padding: 20px 30px 15px
}
.list-view .form-view .form-section {
  margin-bottom: 0
}
.list-view .form-view .form-field,
.list-view .form-view .form-field-required {
  margin: 0 0 20px
}
.list-view .form-view .form-submit-section {
  background-color: #e2efe6;
  padding: 15px 30px
}
.list-view .form-view .form-submit-section .ui-button {
  height: 23px;
  width: 33px;
  line-height: 23px;
  font-size: 12px;
  font-weight: 700;
  padding: 0 15px
}
.list-view .form-view .form-submit-section .skin-link-button {
  font-weight: 400
}
.ui-table-row {
  position: relative
}
.ui-table-head {
  z-index: 10;
  top: 60px!important
}
.navigator-collapsed .ui-table-head {
  top: 0!important
}
.table-operation-separator {
  color: #ebebeb
}
.table-operation-trigger {
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  position: relative;
  text-indent: -5000px;
  width: 14px;
  line-height: 16px;
  padding: 0;
  margin: 0 10px;
  font-weight: 700
}
.table-operation-trigger:hover {
  text-decoration: underline
}
.table-operation-trigger:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f044";
  text-indent: 0;
  line-height: 12px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 12px;
  color: #779fd4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f044";
  text-indent: 0;
  top: 50%;
  margin-top: -6px;
  left: 0
}
.table-operation-layer .table-operation {
  text-indent: 0;
  width: auto
}
.table-operation-layer .table-operation:after {
  display: none
}
.skin-container-overlay {
  padding: 8px 10px;
  border: 1px solid #c7f2f6;
  z-index: 1;
  background-color: #f6ffff
}
.skin-container-overlay p {
  line-height: 18px;
  color: #999
}
.container-entity-detail {
  cursor: pointer
}
.container-entity-detail i {
  margin-right: 2px;
  height: 14px;
  width: 14px;
  line-height: 14px;
  text-align: center;
  background-color: #89cfdb;
  color: #fff
}
.success-main {
  position: absolute;
  top: 55px;
  bottom: 0;
  left: 168px;
  right: 0;
  background-color: #fff
}
.success-upper-panel {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -125px;
  text-align: center
}
.success-message {
  margin: 0 auto;
  padding-bottom: 25px;
  color: #12bdcf;
  background-color: #e9f9f9;
  border: 1px solid #c7f3f6;
  box-shadow: 0 1px #f3f3f3;
  width: 620px;
  text-align: center
}
.success-text {
  font-size: 24px;
  margin-bottom: 25px
}
.success-image {
  background: url(img/success-ok.png) no-repeat;
  width: 64px;
  height: 50px;
  display: inline-block;
  position: relative;
  top: 5px
}
.success-text-words {
  color: #14bbcb;
  font-weight: 900
}
.success-id-text {
  font-size: 14px
}
.success-operation-button {
  margin: 40px 10px 0
}
.success-submit-section {
  border-top: 1px solid #eaeaea;
  margin: 0;
  padding: 30px 30px 46px;
  background: #fff;
  opacity: .9;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}
.success-submit-section .ui-button {
  padding: 0 50px
}
.success-submit-section .ui-warn {
  height: 111px
}
.ui-draweractionpanel .success-main {
  padding-bottom: 100px;
  left: 0
}
.ui-draweractionpanel .success-submit-section {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 220px;
  width: auto
}
.embed-form {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  display: inline-block
}
.embed-form .form-page,
.embed-form.form-page {
  background-image: none
}
.embed-form .content-main,
.embed-form .form {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent
}
.embed-form .form-section {
  margin: 0;
  padding: 0;
  border: 0
}
.embed-form .form-section:first-child {
  border-top: 0
}
.embed-form .form-field,
.embed-form .form-field-required {
  margin: 0 0 30px
}
.embed-form .form-field-label {
  background-color: transparent
}
.embed-form .form-submit-section {
  position: static;
  background-color: transparent;
  padding: 20px 0 0
}
.embed-form .form-field:first-child {
  margin-top: 0
}
#messages {
  width: 66px;
  position: relative
}
#messages:after {
  content: '~"url(img/message.png)"';
  text-indent: -9999px;
  background: url(img/message.png) no-repeat;
  line-height: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  content: '~"url(img/message.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px
}
#messages:hover {
  background-color: #fc9153;
  position: relative
}
#messages:hover .message-box-dropdown {
  display: block
}
#messages:hover:after {
  content: '~"url(img/message.png)"';
  text-indent: -9999px;
  background: url(img/message.png) no-repeat;
  line-height: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  content: '~"url(img/message.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px
}
.ui-advancedcolorpicker {
  position: relative
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-hue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 256px;
  border: 1px solid #eaeaea;
  background-image: url(img/palette.png);
  background-image: -webkit-linear-gradient(top,red 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);
  background-image: -moz-linear-gradient(to bottom,red 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);
  background-image: -o-linear-gradient(to bottom,red 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);
  background-image: linear-gradient(to bottom,red 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);
  background-repeat: repeat
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-hue-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18px
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-hue-pointer {
  position: absolute;
  left: 0;
  width: 16px;
  height: 2px;
  background: 0 0;
  border: 1px solid #fff
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-canvas {
  position: relative;
  width: 256px;
  height: 256px;
  margin: 0 35px;
  border: 1px solid #eaeaea
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-canvas-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(img/color-picker-canvas-mask.png)
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-canvas-pointer {
  position: absolute;
  width: 6px;
  height: 6px;
  border: 1px solid #fff;
  border-radius: 50%
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-alpha {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 256px;
  border: 1px solid #eaeaea;
  background-image: url(img/color-picker-opacity.png);
  background-image: -webkit-linear-gradient(top,#000 0,rgba(0,0,0,0) 100%);
  background-image: -moz-linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);
  background-image: -o-linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);
  background-repeat: repeat
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-alpha-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 18px
}
.ui-advancedcolorpicker-pallete .ui-advancedcolorpicker-alpha-pointer {
  position: absolute;
  left: 0;
  width: 16px;
  height: 2px;
  background: 0 0;
  border: 1px solid #fff
}
.ui-advancedcolorpicker-compare {
  margin: 15px 0
}
.ui-advancedcolorpicker-compare:after,
.ui-advancedcolorpicker-compare:before {
  display: table;
  content: ""
}
.ui-advancedcolorpicker-compare:after {
  clear: both
}
.ui-advancedcolorpicker-compare .ui-advancedcolorpicker-compare-title {
  width: 27px;
  text-align: center;
  float: left;
  line-height: 30px;
  font-size: 12px
}
.ui-advancedcolorpicker-compare .ui-advancedcolorpicker-compare-color-new,
.ui-advancedcolorpicker-compare .ui-advancedcolorpicker-compare-color-old {
  width: 127px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ddd;
  float: left
}
.ui-advancedcolorpicker-compare .ui-advancedcolorpicker-compare-color-old {
  margin-left: 8px
}
.ui-advancedcolorpicker-compare .ui-advancedcolorpicker-compare-color-new {
  margin-right: 8px
}
.ui-advancedcolorpicker-input:after,
.ui-advancedcolorpicker-input:before {
  display: table;
  content: ""
}
.ui-advancedcolorpicker-input:after {
  clear: both
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field {
  margin: 4px 10px 0 0;
  float: left
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field .ui-label,
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field .ui-textbox input {
  display: block;
  text-align: center;
  font-size: 12px
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field .ui-label {
  color: #666
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field .ui-textbox {
  margin-bottom: 5px
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field .ui-textbox input {
  height: 19px;
  line-height: 19px
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field-alpha-input,
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field-hex {
  margin-right: 25px
}
.ui-advancedcolorpicker-input .ui-advancedcolorpicker-color-field-blue {
  margin-right: 0
}
.ui-simplecolorpicker {
  width: 327px;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.ui-simplecolorpicker:after,
.ui-simplecolorpicker:before {
  display: table;
  content: ""
}
.ui-simplecolorpicker:after {
  clear: both
}
.ui-simplecolorpicker-block {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 9px 0 0 9px;
  border: 1px solid #eaeaea;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.ui-simplecolorpicker-block[data-value="0068b7"],
.ui-simplecolorpicker-block[data-value="50a7f9"],
.ui-simplecolorpicker-block[data-value="86ccc8"],
.ui-simplecolorpicker-block[data-value=ffffff] {
  margin-left: 0
}
.ui-simplecolorpicker-selected {
  border: 1px solid #6df2ff
}
.ui-fullcolorpicker {
  width: 328px!important;
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 19px
}
.ui-fullcolorpicker:after,
.ui-fullcolorpicker:before {
  display: table;
  content: ""
}
.ui-fullcolorpicker:after {
  clear: both
}
.ui-fullcolorpicker.ui-fullcolorpicker-advanced .ui-fullcolorpicker-simple-section,
.ui-fullcolorpicker.ui-fullcolorpicker-simple .ui-fullcolorpicker-advanced-section {
  display: none
}
.ui-fullcolorpicker .ui-fullcolorpicker-advanced-section {
  height: 375px;
  border-bottom: 1px solid #f0f0f0
}
.ui-fullcolorpicker .ui-fullcolorpicker-simple-section {
  padding: 6px
}
.ui-fullcolorpicker .ui-fullcolorpicker-mode-switch {
  margin: 10px auto
}
.ui-colorpicker {
  width: 280px;
  height: 24px;
  line-height: 24px
}
.ui-colorpicker:after,
.ui-colorpicker:before {
  display: table;
  content: ""
}
.ui-colorpicker:after {
  clear: both
}
.ui-colorpicker .ui-colorpicker-color-block-frame {
  border: 1px solid #ddd;
  background: #fff;
  padding: 1px;
  width: 21px;
  height: 21px;
  float: left;
  margin-right: 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.ui-colorpicker .ui-colorpicker-color-block-frame .ui-colorpicker-color-block {
  width: 21px;
  height: 21px
}
.ui-colorpicker .ui-textbox {
  float: left
}
.ui-colorpicker .ui-textbox input {
  font-size: 13px
}
.ui-colorpicker .ui-colorpicker-color-input {
  margin-right: 20px
}
.ui-colorpicker .ui-colorpicker-color-input input {
  width: 87px!important;
  line-height: 19px
}
.ui-colorpicker .ui-colorpicker-color-input .ui-textbox-hint {
  vertical-align: top
}
.ui-colorpicker .ui-colorpicker-alpha-input input {
  width: 43px!important
}
.ui-colorpicker-layer {
  background: #fff;
  margin-top: 1px;
  border: 1px solid #ddd
}
.ui-colorpicker-layer .ui-fullcolorpicker {
  border: none
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-fullcolorpicker {
  padding-top: 0
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-head {
  height: 35px;
  line-height: 35px;
  padding: 0 17px
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-head:after,
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-head:before {
  display: table;
  content: ""
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-head:after {
  clear: both
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-title {
  float: left;
  text-align: left
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-close-btn {
  float: right;
  width: 50px;
  text-align: right
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-foot-frame {
  padding: 10px
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-foot-frame:after,
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-foot-frame:before {
  display: table;
  content: ""
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-foot-frame:after {
  clear: both
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-foot-frame .ui-colorpicker-foot {
  float: right
}
.ui-colorpicker-layer.ui-overlay-dialog .ui-colorpicker-foot-frame .ui-colorpicker-foot .ui-button {
  margin-right: 6px;
  height: 26px;
  line-height: 26px;
  width: 45px
}
.ui-colorpicker-layer.ui-overlay-attached .ui-colorpicker-foot-frame,
.ui-colorpicker-layer.ui-overlay-attached .ui-colorpicker-head {
  display: none
}
.skin-delete-block-button {
  height: 30px;
  min-width: 129px;
  margin-left: 10px;
  line-height: 30px;
  padding: 0 26px 0 10px;
  border: none;
  text-align: left;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: #91dbe1
}
.skin-delete-block-button:hover {
  text-decoration: none;
  background: #91dbe1;
  position: relative
}
.skin-delete-block-button:hover:after {
  content: '~"url(img/delete-block-icon.png)"';
  text-indent: -9999px;
  background: url(img/delete-block-icon.png) no-repeat;
  line-height: 12px;
  position: absolute;
  width: 12px;
  height: 12px;
  content: '~"url(img/delete-block-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -6px;
  right: 5px
}
.skin-select-button {
  padding: 1px 37px 1px 20px;
  border: none;
  color: #555;
  background: url(img/arrow-down-gray.png) 54px 50% no-repeat;
  font-size: 12px;
  font-weight: 700
}
.skin-select-button:hover {
  color: #555;
  background: url(img/arrow-down-gray.png) 54px 50% no-repeat #dee0e0;
  border-color: transparent
}
.skin-select-button.state-expand {
  background-image: url(img/arrow-up-gray.png)
}
.skin-small-add-button,
.skin-small-add-button:active,
.skin-small-add-button:hover {
  padding-left: 26px;
  padding-right: 9px;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  font-weight: 700;
  position: relative
}
.skin-small-add-button:active:after,
.skin-small-add-button:after,
.skin-small-add-button:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  line-height: 11px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 11px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  top: 50%;
  margin-top: -5.5px;
  left: 15px
}
.ui-select {
  text-align: left
}
.ui-select-item,
.ui-select-item-selected {
  text-align: left;
  padding-left: 18px
}
.ui-select-validity-label-invalid {
  background: 0 0;
  border: none;
  display: inline-block;
  zoom: 1;
  margin: 0;
  padding-left: 10px
}
.skin-small-select {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 700
}
.skin-add-link {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  padding: 0 15px;
  background: #fc9153;
  color: #fff;
  border: 1px solid #fc9153
}
.skin-add-link,
.skin-add-link:active,
.skin-add-link:hover {
  text-decoration: none;
  padding-left: 40px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  font-weight: 700;
  position: relative
}
.skin-add-link:active:after,
.skin-add-link:after,
.skin-add-link:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  line-height: 11px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 11px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  top: 50%;
  margin-top: -5.5px;
  left: 15px
}
.skin-add-link:hover {
  border-color: #FE6913;
  background: #FE6913;
  color: #fff;
  border-width: 1px
}
.skin-add-link:active {
  border-color: #1cb6bb #27afa8 #16bbc9;
  background: #fc9153;
  color: #fff
}
.skin-add-link-disabled,
.skin-add-link-disabled:active,
.skin-add-link-disabled:hover {
  border-color: #eaeaea;
  background: #eaeaea;
  color: #FEA067
}
.skin-report-download-link {
  display: inline-block;
  zoom: 1;
  width: 11px;
  height: 11px;
  position: relative
}
.skin-report-download-link:after {
  content: '~"url(img/download-icon.png)"';
  text-indent: -9999px;
  background: url(img/download-icon.png) no-repeat;
  line-height: 11px;
  position: absolute;
  width: 11px;
  height: 11px;
  content: '~"url(img/download-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -5.5px;
  left: 50%;
  margin-left: -5.5px
}
.skin-button-link {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  padding: 0 40px;
  background: #fc9153;
  color: #fff;
  border: 1px solid #fc9153
}
.skin-button-link,
.skin-button-link:active,
.skin-button-link:hover {
  text-decoration: none;
  height: 33px;
  line-height: 34px;
  font-size: 15px;
  font-weight: 700
}
.skin-button-link:hover {
  border-color: #FE6913;
  background: #FE6913;
  color: #fff;
  border-width: 1px
}
.skin-button-link:active {
  border-color: #1cb6bb #27afa8 #16bbc9;
  background: #fc9153;
  color: #fff
}
.skin-button-link-disabled,
.skin-button-link-disabled:active,
.skin-button-link-disabled:hover {
  border-color: #eaeaea;
  background: #eaeaea;
  color: #FEA067
}
.skin-download-link {
  display: inline-block;
  zoom: 1;
  width: 53px;
  line-height: 35px;
  margin-top: -6px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #fc9153
}
.skin-download-link:hover {
  color: #666;
  text-decoration: none
}
.skin-small-add-link {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  padding: 0 40px;
  background: #fc9153;
  color: #fff;
  border: 1px solid #fc9153
}
.skin-small-add-link,
.skin-small-add-link:active,
.skin-small-add-link:hover {
  text-decoration: none;
  padding-left: 26px;
  padding-right: 9px;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  font-weight: 700;
  position: relative
}
.skin-small-add-link:active:after,
.skin-small-add-link:after,
.skin-small-add-link:hover:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  line-height: 11px;
  position: absolute;
  font-family: FontAwesome;
  font-size: 11px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067";
  text-indent: 0;
  top: 50%;
  margin-top: -5.5px;
  left: 15px
}
.skin-small-add-link:hover {
  border-color: #FE6913;
  background: #FE6913;
  color: #fff;
  border-width: 1px
}
.skin-small-add-link:active {
  border-color: #1cb6bb #27afa8 #16bbc9;
  background: #fc9153;
  color: #fff
}
.skin-small-add-link-disabled,
.skin-small-add-link-disabled:active,
.skin-small-add-link-disabled:hover {
  border-color: #eaeaea;
  background: #eaeaea;
  color: #FEA067
}
.skin-alert-dialog .ui-dialog-body,
.skin-confirm-dialog .ui-dialog-body {
  padding: 25px 40px
}
.skin-alert-dialog .ui-dialog-text,
.skin-confirm-dialog .ui-dialog-text {
  line-height: 200%
}
.skin-alert-dialog .ui-dialog-foot .ui-button,
.skin-confirm-dialog .ui-dialog-foot .ui-button {
  font-size: 12px;
  font-weight: 400;
  width: 35px
}
.skin-alert-dialog .ui-dialog-foot .ui-dialog-cancel-btn:active,
.skin-alert-dialog .ui-dialog-foot .ui-dialog-cancel-btn:hover,
.skin-confirm-dialog .ui-dialog-foot .ui-dialog-cancel-btn:active,
.skin-confirm-dialog .ui-dialog-foot .ui-dialog-cancel-btn:hover {
  height: 23px;
  line-height: 23px
}
esui-box-group {
  display: block
}
.ui-boxgroup-horizontal {
  display: inline-block
}
.ui-boxgroup-vertical {
  display: inline-block
}
.ui-boxgroup-vertical label {
  margin-top: 30px
}
.ui-boxgroup-vertical label:first-child {
  margin-top: 7px
}
.ui-boxgroup-horizontal .ui-boxgroup-wrapper {
  display: inline-block
}
.ui-boxgroup-horizontal label {
  margin-right: 46px
}
.ui-boxgroup-checkbox,
.ui-boxgroup-radio {
  cursor: pointer
}
.ui-boxgroup-disabled .ui-boxgroup-checkbox,
.ui-boxgroup-disabled .ui-boxgroup-radio {
  cursor: default
}
.ui-boxgroup-validity-label {
  display: inline-block;
  line-height: 30px;
  color: red
}
.skin-flat-boxgroup .ui-boxgroup-wrapper input {
  width: 0;
  position: absolute;
  left: -5000px
}
.skin-flat-boxgroup .ui-boxgroup-wrapper span {
  vertical-align: baseline
}
.skin-flat-boxgroup .ui-boxgroup-radio {
  height: 18px;
  line-height: 18px;
  padding-left: 27px;
  margin-right: 30px;
  font-size: 14px;
  position: relative
}
.skin-flat-boxgroup .ui-boxgroup-radio:after {
  content: '~"url(img/flat-radio-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-radio-normal.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 18px;
  height: 18px;
  content: '~"url(img/flat-radio-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.skin-flat-boxgroup .ui-boxgroup-radio:hover {
  position: relative
}
.skin-flat-boxgroup .ui-boxgroup-radio:hover:after {
  content: '~"url(img/flat-radio.png)"';
  text-indent: -9999px;
  background: url(img/flat-radio.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 18px;
  height: 18px;
  content: '~"url(img/flat-radio.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-radio,
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover {
  position: relative
}
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:after,
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover:after {
  content: '~"url(img/flat-radio-checked.png)"';
  text-indent: -9999px;
  background: url(img/flat-radio-checked.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 18px;
  height: 18px;
  content: '~"url(img/flat-radio-checked.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-radio,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-radio:hover,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-radio,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-radio:hover {
  position: relative
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-radio:after,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-radio:hover:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-radio:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-radio:hover:after {
  content: '~"url(img/flat-radio-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-radio-normal.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 18px;
  height: 18px;
  content: '~"url(img/flat-radio-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-radio,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-radio,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover {
  position: relative
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:after,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-radio:hover:after {
  content: '~"url(img/flat-radio-checked.png)"';
  text-indent: -9999px;
  background: url(img/flat-radio-checked.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 18px;
  height: 18px;
  content: '~"url(img/flat-radio-checked.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.skin-flat-boxgroup .ui-boxgroup-checkbox {
  height: 18px;
  line-height: 18px;
  padding-left: 27px;
  margin-right: 30px;
  font-size: 14px;
  position: relative
}
.skin-flat-boxgroup .ui-boxgroup-checkbox:after {
  content: '~"url(img/flat-check-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-normal.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-boxgroup .ui-boxgroup-checkbox:hover {
  position: relative
}
.skin-flat-boxgroup .ui-boxgroup-checkbox:hover:after {
  content: '~"url(img/flat-check.png)"';
  text-indent: -9999px;
  background: url(img/flat-check.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox,
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:hover {
  position: relative
}
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:after,
.skin-flat-boxgroup .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:hover:after {
  content: '~"url(img/flat-check-checked.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-checked.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-checked.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-checkbox,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-checkbox:hover,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-checkbox,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-checkbox:hover {
  position: relative
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-checkbox:after,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-checkbox:hover:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-checkbox:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-checkbox:hover:after {
  content: '~"url(img/flat-check-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-normal.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:hover,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:hover {
  position: relative
}
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:after,
.skin-flat-boxgroup.ui-boxgroup-disabled .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:hover:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:after,
.skin-flat-boxgroup.ui-boxgroup-read-only .ui-boxgroup-wrapper-checked.ui-boxgroup-checkbox:hover:after {
  content: '~"url(img/flat-radio-disabled-checked.png)"';
  text-indent: -9999px;
  background: url(img/flat-radio-disabled-checked.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-radio-disabled-checked.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-label-like-boxgroup .ui-boxgroup-wrapper {
  width: 76px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  text-align: center;
  background: #ebebeb;
  color: #666
}
.skin-label-like-boxgroup .ui-boxgroup-wrapper input {
  width: 0;
  position: absolute;
  left: -5000px
}
.skin-label-like-boxgroup .ui-boxgroup-wrapper span {
  vertical-align: baseline
}
.skin-label-like-boxgroup .ui-boxgroup-wrapper-checked {
  background: #fc9153;
  color: #fff
}
.skin-system-switch-button-boxgroup {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  zoom: 1
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper {
  border: none;
  text-indent: -111111px;
  margin: 0;
  width: 120px;
  height: 30px
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=iOS] {
  background: url(img/ios.png) no-repeat;
  width: 120px;
  height: 30px
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=iOS].ui-boxgroup-wrapper-checked,
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=iOS].ui-boxgroup-wrapper-checked:hover {
  background: url(img/ios-checked.png) no-repeat;
  width: 120px;
  height: 30px
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=iOS]:hover {
  background: url(img/ios-hover.png) no-repeat;
  width: 120px;
  height: 30px
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=Android] {
  background: url(img/android.png) no-repeat;
  width: 120px;
  height: 30px
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=Android].ui-boxgroup-wrapper-checked,
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=Android].ui-boxgroup-wrapper-checked:hover {
  background: url(img/android-checked.png) no-repeat;
  width: 120px;
  height: 30px
}
.skin-system-switch-button-boxgroup .ui-boxgroup-wrapper[title=Android]:hover {
  background: url(img/android-hover.png) no-repeat;
  width: 120px;
  height: 30px
}
.ui-crumb {
  background: #f7f7f7;
  padding: 0;
  font-size: 14px;
  height: 55px
}
.ui-crumb-node,
.ui-crumb-separator {
  line-height: 55px;
  color: #666
}
.ui-crumb-node {
  color: #666;
  padding: 0 20px
}
.ui-crumb-node-first {
  color: #666
}
.ui-crumb-node-last {
  color: #fc9153;
  font-weight: 700
}
.ui-crumb-separator {
  margin: 0 5px;
  position: relative;
  font-size: 11px;
  height: 55px;
  width: 4px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden
}
.ui-crumb-separator:after {
  content: '~"url(img/crumb-seperator.png)"';
  text-indent: -9999px;
  background: url(img/crumb-seperator.png) no-repeat;
  line-height: 6px;
  position: absolute;
  width: 4px;
  height: 6px;
  content: '~"url(img/crumb-seperator.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px
}
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper:hover .ui-tree-item-content,
.ui-tree-richselector.ui-richselector-load .ui-tree-content-wrapper:hover .ui-tree-item-content {
  position: relative
}
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper:hover .ui-tree-item-content:after,
.ui-tree-richselector.ui-richselector-load .ui-tree-content-wrapper:hover .ui-tree-item-content:after {
  content: '~"url(img/esui-selector-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-selector-icon.png) no-repeat;
  line-height: 8px;
  position: absolute;
  width: 10px;
  height: 8px;
  content: '~"url(img/esui-selector-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4px;
  right: 0
}
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper-selected .ui-tree-item-content,
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper-selected:hover .ui-tree-item-content {
  color: #666;
  font-weight: 700;
  position: relative
}
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper-selected .ui-tree-item-content:after,
.ui-tree-richselector.ui-richselector-add .ui-tree-content-wrapper-selected:hover .ui-tree-item-content:after {
  content: '~"url(img/esui-selected-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-selected-icon.png) no-repeat;
  line-height: 7px;
  position: absolute;
  width: 9px;
  height: 7px;
  content: '~"url(img/esui-selected-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -3.5px;
  right: 0
}
.ui-tree-richselector.ui-richselector-del .ui-tree-content-wrapper:hover .ui-tree-item-content {
  position: relative
}
.ui-tree-richselector.ui-richselector-del .ui-tree-content-wrapper:hover .ui-tree-item-content:after {
  content: '~"url(img/esui-del-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-del-icon.png) no-repeat;
  line-height: 9px;
  position: absolute;
  width: 9px;
  height: 9px;
  content: '~"url(img/esui-del-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4.5px;
  right: 0
}
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper-selected .ui-tree-item-content,
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper-selected:hover .ui-tree-item-content {
  position: relative
}
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper-selected .ui-tree-item-content:after,
.ui-tree-richselector.no-move-richselector.ui-richselector-add .ui-tree-content-wrapper-selected:hover .ui-tree-item-content:after {
  content: '~"url(img/esui-selected-icon.png)"';
  text-indent: -9999px;
  background: url(img/esui-selected-icon.png) no-repeat;
  line-height: 7px;
  position: absolute;
  width: 9px;
  height: 7px;
  content: '~"url(img/esui-selected-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -3.5px;
  right: 0
}
esui-toggle-button {
  display: block
}
.ui-togglebutton {
  width: 42px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  background: url(img/switch-off01.png) center center no-repeat
}
.ui-togglebutton .ui-togglebutton-part-off,
.ui-togglebutton .ui-togglebutton-part-on,
.ui-togglebutton span,
.ui-togglebutton:after {
  display: none
}
.ui-togglebutton-checked {
  background: url(img/switch-on01.png) center center no-repeat
}
.ui-tab-horizontal .ui-tab-navigator {
  overflow: visible;
  padding-left: 0;
  border-bottom: 3px solid #fc9153
}
.ui-tab-horizontal .ui-tab-navigator:after,
.ui-tab-horizontal .ui-tab-navigator:before {
  display: table;
  content: ""
}
.ui-tab-horizontal .ui-tab-navigator:after {
  clear: both
}
.ui-tab-horizontal .ui-tab-item {
  list-style: none;
  display: block;
  margin-right: 5px;
  margin-top: 2px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #fc9153;
  border-bottom: none;
  background-color: #fff;
  width: 122px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 14px;
  color: #fc9153
}
.ui-tab-horizontal .ui-tab-item:hover {
  background-color: #e3fafd
}
.ui-tab-horizontal .ui-tab-item-active {
  background-color: #fc9153;
  color: #fff;
  font-weight: 700
}
.ui-tab-horizontal .ui-tab-item-active:hover {
  text-decoration: none;
  background-color: #fc9153
}
.ui-table-body {
  position: relative;
  overflow: visible!important
}
.ui-table-dragging {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: move
}
.ui-table-row-dragging {
  visibility: hidden
}
.ui-table-row-dragging-phantom {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #26bfcc;
  opacity: .4
}
.ui-table-locked .ui-table-mask {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background: #ccc;
  opacity: .4
}
.ui-richcalendar {
  position: relative;
  padding: 40px 10px 20px;
  background-color: #ebebeb
}
.ui-richcalendar textarea {
  border: none;
  padding: 0
}
.ui-richcalendar .skin-link-button,
.ui-richcalendar .ui-richcalendar-general-info {
  font-size: 12px;
  line-height: 40px
}
.ui-richcalendar .skin-link-button,
.ui-richcalendar .ui-richcalendar-total-num {
  color: #fc9153
}
.ui-richcalendar .ui-richcalendar-general-info {
  position: absolute;
  top: 0;
  left: 10px
}
.ui-richcalendar .skin-calendar-button {
  top: 10px;
  right: 10px;
  border: none;
  border-radius: 0;
  background: 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  text-indent: -500%;
  position: absolute
}
.ui-richcalendar .skin-calendar-button:after {
  content: '~"url(img/calendar-icon.png)"';
  text-indent: -9999px;
  background: url(img/calendar-icon.png) no-repeat;
  line-height: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  content: '~"url(img/calendar-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px
}
.ui-richcalendar-layer {
  border: none;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0
}
.ui-richcalendar-layer .ui-monthview-head {
  padding: 0
}
.ui-richcalendar-layer .ui-monthview-month-row-select,
.ui-richcalendar-layer .ui-monthview-month-select-all {
  display: none
}
.ui-uploader {
  vertical-align: top
}
.ui-uploader .skin-flat-button-uploader-button {
  background: #fc9153;
  color: #fff;
  border: 1px solid #fc9153;
  border-radius: 0;
  width: 88px;
  height: 28px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: bolder
}
.ui-uploader .skin-flat-button-uploader-indicator {
  background: #fc9153;
  color: #fff;
  width: 90px;
  height: 30px;
  padding: 0 15px;
  font-weight: bolder
}
.ui-uploader-validity-label-invalid {
  padding-left: 10px
}
.ui-checkbox {
  cursor: pointer
}
.ui-checkbox-disabled {
  cursor: default
}
.ui-checkbox-validity-label {
  display: inline-block;
  line-height: 30px;
  color: red
}
.skin-flat-checkbox {
  position: relative
}
.skin-flat-checkbox input {
  width: 0;
  position: absolute;
  left: -5000px
}
.skin-flat-checkbox span {
  vertical-align: baseline;
  height: 18px;
  line-height: 18px;
  padding-left: 27px;
  font-size: 14px;
  position: relative
}
.skin-flat-checkbox span:after {
  content: '~"url(img/flat-check-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-normal.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-checkbox span:hover {
  position: relative
}
.skin-flat-checkbox span:hover:after {
  content: '~"url(img/flat-check.png)"';
  text-indent: -9999px;
  background: url(img/flat-check.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-checkbox input:checked ~ span {
  position: relative
}
.skin-flat-checkbox input:checked ~ span:after {
  content: '~"url(img/flat-check-checked.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-checked.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-checked.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-checkbox input:checked ~ span:hover {
  position: relative
}
.skin-flat-checkbox input:checked ~ span:hover:after {
  content: '~"url(img/flat-check-checked.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-checked.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-checked.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-checkbox-disabled span {
  position: relative
}
.skin-flat-checkbox-disabled span:after {
  content: '~"url(img/flat-check-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-normal.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.skin-flat-checkbox-disabled span:hover {
  position: relative
}
.skin-flat-checkbox-disabled span:hover:after {
  content: '~"url(img/flat-check-normal.png)"';
  text-indent: -9999px;
  background: url(img/flat-check-normal.png) no-repeat;
  line-height: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  content: '~"url(img/flat-check-normal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7px;
  left: 0
}
.app-list-page .table-status-inactive {
  display: block;
  padding-left: 13px;
  position: relative
}
.app-list-page .table-status-inactive:after {
  content: '~"url(img/inactive.png)"';
  text-indent: -9999px;
  background: url(img/inactive.png) no-repeat;
  line-height: 8px;
  position: absolute;
  width: 8px;
  height: 8px;
  content: '~"url(img/inactive.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4px;
  left: 0
}
.app-list-page .version-content {
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}
.table-tip {
  display: inline-block;
  zoom: 1;
  margin-left: 5px;
  text-align: center
}
.table-tip:hover .table-question-mark-detail {
  display: inline;
  z-index: 99999
}
.table-question-mark {
  display: block;
  width: 11px;
  position: relative;
  cursor: pointer
}
.table-question-mark:after {
  content: '~"url(img/tip-icon.png)"';
  text-indent: -9999px;
  background: url(img/tip-icon.png) no-repeat;
  line-height: 20px;
  position: absolute;
  width: 15px;
  height: 20px;
  content: '~"url(img/tip-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -7.5px
}
.table-question-mark-detail {
  margin: 5px 0 0 -80px;
  padding: 6px 8px;
  width: 150px;
  min-height: 25px;
  color: #989898;
  background-color: #e8f8f8;
  border: 1px solid #c6f2f5;
  line-height: 18px;
  text-align: left;
  white-space: pre-line;
  position: absolute;
  display: none
}
.app-list-page .list-content-table {
  overflow: visible
}
.slot-form-app,
.slot-form-type {
  width: 177px
}
.slot-form-app-info-field {
  padding-left: 116px;
  margin-top: -20px
}
.slot-form-app-info-field:after,
.slot-form-app-info-field:before {
  display: table;
  content: ""
}
.slot-form-app-info-field:after {
  clear: both
}
.slot-form-app-info-container {
  padding: 20px;
  border-top: 3px solid #dfdfdf;
  background-color: #f8f8f8;
  width: 360px
}
.slot-form-app-info-block {
  margin-left: 10px;
  font-size: 12px;
  text-align: center;
  padding: 0 20px;
  background-color: #ebebeb;
  display: inline-block;
  zoom: 1;
  height: 30px;
  line-height: 30px;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap
}
.slot-form-app-info-block:first-child {
  margin-left: 0
}
.slot-form-preview {
  width: 220px;
  height: 370px;
  position: absolute;
  right: 0;
  margin-top: 30px
}
.slot-feed-element-wrapper {
  font-size: 14px
}
.slot-feed-element-wrapper .ui-checkbox {
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 30px 0
}
.slot-feed-element-wrapper .ui-checkbox span {
  padding-left: 10px
}
.slot-feed-element-wrapper .form-field-description {
  padding-left: 0
}
.slot-feed-element-wrapper .form-field-description .ui-tip {
  margin-left: 5px
}
.slot-feed-image-feature-wrapper .form-field {
  display: inline-block;
  zoom: 1;
  margin-right: 20px;
  margin-top: 0
}
.slot-form-feed-element-tip-content ol {
  display: block;
  padding-left: 20px
}
.slot-form-feed-element-tip-content ol li {
  list-style-type: decimal
}
.state-all-banner {
  position: absolute
}
.state-all-banner:after {
  content: '~"url(img/phone-banner.png)"';
  text-indent: -9999px;
  background: url(img/phone-banner.png) no-repeat;
  line-height: 365px;
  position: absolute;
  width: 174px;
  height: 365px;
  content: '~"url(img/phone-banner.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-all-splash {
  position: absolute
}
.state-all-splash:after {
  content: '~"url(img/phone-splash.png)"';
  text-indent: -9999px;
  background: url(img/phone-splash.png) no-repeat;
  line-height: 365px;
  position: absolute;
  width: 174px;
  height: 365px;
  content: '~"url(img/phone-splash.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-all-interstitial {
  position: absolute
}
.state-all-interstitial:after {
  content: '~"url(img/phone-interstitial.png)"';
  text-indent: -9999px;
  background: url(img/phone-interstitial.png) no-repeat;
  line-height: 365px;
  position: absolute;
  width: 174px;
  height: 365px;
  content: '~"url(img/phone-interstitial.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-mobile-banner {
  position: absolute
}
.state-mobile-banner:after {
  content: '~"url(img/phone-banner.png)"';
  text-indent: -9999px;
  background: url(img/phone-banner.png) no-repeat;
  line-height: 365px;
  position: absolute;
  width: 174px;
  height: 365px;
  content: '~"url(img/phone-banner.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-mobile-splash {
  position: absolute
}
.state-mobile-splash:after {
  content: '~"url(img/phone-splash.png)"';
  text-indent: -9999px;
  background: url(img/phone-splash.png) no-repeat;
  line-height: 365px;
  position: absolute;
  width: 174px;
  height: 365px;
  content: '~"url(img/phone-splash.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-mobile-interstitial {
  position: absolute
}
.state-mobile-interstitial:after {
  content: '~"url(img/phone-interstitial.png)"';
  text-indent: -9999px;
  background: url(img/phone-interstitial.png) no-repeat;
  line-height: 365px;
  position: absolute;
  width: 174px;
  height: 365px;
  content: '~"url(img/phone-interstitial.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-mobile-feed {
  position: absolute
}
.state-mobile-feed:after {
  content: '~"url(img/phone-feed.png)"';
  text-indent: -9999px;
  background: url(img/phone-feed.png) no-repeat;
  line-height: 342px;
  position: absolute;
  width: 174px;
  height: 342px;
  content: '~"url(img/phone-feed.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-pad-banner {
  position: absolute
}
.state-pad-banner:after {
  content: '~"url(img/pad-banner.png)"';
  text-indent: -9999px;
  background: url(img/pad-banner.png) no-repeat;
  line-height: 299px;
  position: absolute;
  width: 210px;
  height: 299px;
  content: '~"url(img/pad-banner.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-pad-splash {
  position: absolute
}
.state-pad-splash:after {
  content: '~"url(img/pad-splash.png)"';
  text-indent: -9999px;
  background: url(img/pad-splash.png) no-repeat;
  line-height: 299px;
  position: absolute;
  width: 210px;
  height: 299px;
  content: '~"url(img/pad-splash.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-pad-interstitial {
  position: absolute
}
.state-pad-interstitial:after {
  content: '~"url(img/pad-interstitial.png)"';
  text-indent: -9999px;
  background: url(img/pad-interstitial.png) no-repeat;
  line-height: 299px;
  position: absolute;
  width: 210px;
  height: 299px;
  content: '~"url(img/pad-interstitial.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-pad-feed {
  position: absolute
}
.state-pad-feed:after {
  content: '~"url(img/phone-feed.png)"';
  text-indent: -9999px;
  background: url(img/phone-feed.png) no-repeat;
  line-height: 342px;
  position: absolute;
  width: 174px;
  height: 342px;
  content: '~"url(img/phone-feed.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-all-offerwall,
.state-mobile-offerwall,
.state-pad-offerwall {
  position: absolute
}
.state-all-offerwall:after,
.state-mobile-offerwall:after,
.state-pad-offerwall:after {
  content: '~"url(img/phone-offerwall.png)"';
  text-indent: -9999px;
  background: url(img/phone-offerwall.png) no-repeat;
  line-height: 356px;
  position: absolute;
  width: 174px;
  height: 356px;
  content: '~"url(img/phone-offerwall.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-all-spreadwall,
.state-mobile-spreadwall,
.state-pad-spreadwall {
  position: absolute
}
.state-all-spreadwall:after,
.state-mobile-spreadwall:after,
.state-pad-spreadwall:after {
  content: '~"url(img/phone-spreadwall.png)"';
  text-indent: -9999px;
  background: url(img/phone-spreadwall.png) no-repeat;
  line-height: 356px;
  position: absolute;
  width: 174px;
  height: 356px;
  content: '~"url(img/phone-spreadwall.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-all-appwall,
.state-mobile-appwall,
.state-pad-appwall {
  position: absolute
}
.state-all-appwall:after,
.state-mobile-appwall:after,
.state-pad-appwall:after {
  content: '~"url(img/phone-appwall.png)"';
  text-indent: -9999px;
  background: url(img/phone-appwall.png) no-repeat;
  line-height: 356px;
  position: absolute;
  width: 174px;
  height: 356px;
  content: '~"url(img/phone-appwall.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.state-all-wheel,
.state-mobile-wheel,
.state-pad-wheel {
  position: absolute
}
.state-all-wheel:after,
.state-mobile-wheel:after,
.state-pad-wheel:after {
  content: '~"url(img/phone-wheel.png)"';
  text-indent: -9999px;
  background: url(img/phone-wheel.png) no-repeat;
  line-height: 356px;
  position: absolute;
  width: 174px;
  height: 356px;
  content: '~"url(img/phone-wheel.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.in-shadow-container.warning {
  margin: -5px 0 -20px;
  width: auto
}
.slot-alliance-toggle .ui-togglepanel-title:after {
  left: 160px
}
.slot-form-callback-panel {
  margin-top: 30px
}
.success-download-sdk {
  position: relative;
  padding-left: 40px
}
.success-download-sdk:after {
  content: '~"url(img/sdk-download-icon.png)"';
  text-indent: -9999px;
  background: url(img/sdk-download-icon.png) no-repeat;
  line-height: 15px;
  position: absolute;
  width: 16px;
  height: 15px;
  content: '~"url(img/sdk-download-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -7.5px;
  left: 15px
}
.slots-selector {
  margin-top: 10px
}
.type-radio {
  display: inline-block;
  zoom: 1
}
.priority-selector-container {
  width: 400px
}
.material-tip {
  color: #e21e1e;
  background-color: #f7e6e6;
  margin: 20px 30px;
  font-size: 13px;
  padding: 5px
}
.material-tip .warning-icon {
  width: 15px;
  height: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #f14444;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  line-height: 15px
}
.sales-type-radio {
  margin-bottom: 30px
}
.top-region .top-region-title {
  font-size: 12px
}
.top-region .ui-label {
  text-decoration: none;
  cursor: pointer;
  color: #fc9153;
  display: inline-block;
  zoom: 1;
  font-size: 12px;
  margin-right: 10px
}
.top-region .ui-label:hover {
  text-decoration: underline;
  color: #FE6913
}
.device-tag {
  margin-right: 4px;
  color: #fc9153
}
.strategy-form-page .ui-schedule-validity-label {
  margin-left: 20px
}
.default-cursor {
  cursor: default
}
.strategy-form-alliance-error-item {
  font-size: 12px;
  color: red
}
.strategy-form-alliance-error-item span {
  color: #fc9153
}
.strategy-form-alliance-error-item a {
  text-decoration: none;
  cursor: pointer;
  color: #fc9153
}
.strategy-form-alliance-error-item a:hover {
  text-decoration: underline;
  color: #FE6913
}
.creative-column {
  width: 8px;
  height: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  margin-right: 5px
}
.creative-column.has-creative {
  background-color: #6ec794
}
.creative-column.no-creative {
  background-color: #f14444
}
.table-status-abnormal,
.table-status-overdue {
  display: block;
  padding-left: 13px;
  position: relative
}
.table-status-abnormal:after,
.table-status-overdue:after {
  content: '~"url(img/abnormal.png)"';
  text-indent: -9999px;
  background: url(img/abnormal.png) no-repeat;
  line-height: 8px;
  position: absolute;
  width: 8px;
  height: 8px;
  content: '~"url(img/abnormal.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -4px;
  left: 0
}
.top-border-panel {
  margin-top: 30px;
  padding-bottom: 30px;
  border-top: 3px solid #dfdfdf;
  background-color: #f8f8f8
}
.top-border-panel .form-field {
  margin: 20px 20px 0
}
.delivery-time-field .end-time-panel {
  margin: 30px 0 0;
  overflow: hidden
}
.delivery-time-field .form-field-value .ui-select {
  float: left;
  margin-left: 10px
}
.delivery-time-field .discontinuous-time-container {
  margin-top: 30px;
  width: 440px
}
.delivery-time-field .ui-calendar {
  background: #ebebeb;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  float: left
}
.delivery-time-field .ui-calendar .ui-calendar-text {
  padding-left: 0;
  float: left
}
.delivery-time-field .ui-calendar .ui-calendar-arrow {
  float: right;
  margin-top: 7px;
  background-image: url(img/calendar-icon01.png)
}
.schedule-panel {
  padding-bottom: 0
}
.schedule-panel .ui-schedule {
  border: none;
  outline: 0;
  background: 0 0;
  width: auto;
  padding: 15px 0
}
.schedule-panel .ui-schedule-head {
  width: auto
}
.schedule-panel .ui-schedule-help {
  margin-right: -10px
}
.schedule-panel .ui-schedule-help-text {
  line-height: 24px;
  padding-top: 0
}
.schedule-panel .ui-schedule-help-selected,
.schedule-panel .ui-schedule-help-unselected {
  height: 11px;
  width: 11px;
  margin-top: 5px;
  border: 1px solid #d1d1d1
}
.schedule-panel .ui-schedule-shortcut {
  padding-left: 20px;
  padding-top: 0
}
.schedule-panel .ui-schedule-shortcut-item,
.schedule-panel .ui-schedule-shortcut-text-item {
  line-height: 24px;
  height: 24px
}
.schedule-panel .ui-schedule-shortcut-item {
  border: none;
  border-radius: 0;
  color: #fff;
  background-color: #fc9153
}
.schedule-panel .ui-schedule-day-head {
  width: auto;
  padding-left: 17px
}
.schedule-panel .ui-schedule-day-head input {
  display: none
}
.schedule-panel .ui-schedule-day {
  text-align: left
}
.schedule-panel .ui-schedule-time-line {
  padding-left: 28px
}
.schedule-panel .ui-schedule-time {
  border: 1px solid #ebebeb
}
.schedule-panel .ui-schedule-help-selected,
.schedule-panel .ui-schedule-time-selected {
  background: #d9fcfe
}
.schedule-panel .ui-schedule-time-hover {
  background: #fffaee
}
.schedule-panel .ui-schedule-continue-covertimes {
  color: #fc9153;
  background: 0 0
}
.schedule-panel .ui-schedule-continue-covertimes .ui-schedule-covertimes-tip strong {
  font-weight: 700
}
.ui-schedule-shortcut-item-tip,
.ui-schedule-timeitem-tip {
  background: #e9f9fa!important;
  border: 1px solid #c7f3f6;
  color: #999
}
.delivery-amount-panel-upper .form-field {
  padding: 20px 0 25px
}
.delivery-amount-panel-bottom {
  border-top: 1px solid #f0f0f0
}
.delivery-amount-panel-bottom .form-field {
  padding: 25px 0 30px
}
.delivery-amount-panel {
  padding-left: 20px
}
.delivery-amount-panel:after,
.delivery-amount-panel:before {
  display: table;
  content: ""
}
.delivery-amount-panel:after {
  clear: both
}
.delivery-amount-panel .form-field {
  float: left;
  margin: 0
}
.delivery-amount-panel .form-field .form-field-value {
  width: 200px
}
.delivery-amount-panel .form-field .form-field-value .form-field-description,
.delivery-amount-panel .form-field .form-field-value .ui-textbox {
  float: left
}
.amount-control-panel {
  margin-top: 30px;
  border-top: 3px solid #dfdfdf;
  background-color: #f8f8f8
}
.estimate-area-main {
  position: fixed;
  right: 20px;
  top: 100px;
  z-index: 1
}
.estimate-area-main .estimate-tip {
  text-align: center;
  display: none
}
.estimate-area-main .estimate-toggle-area {
  float: left;
  background-color: #fafafa;
  border: 1px solid #e3e3e3;
  height: 140px;
  cursor: pointer;
  display: table
}
.estimate-area-main .estimate-toggle-area:hover {
  background-color: #f0f0f0
}
.estimate-area-main .estimate-toggle-area .estimate-toggle-area-content {
  width: 1em;
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px
}
.estimate-area-main .estimate-toggle-area .estimate-toggle-area-arror {
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px
}
.estimate-area-main .estimate-content-area {
  float: left;
  border: 1px solid #e3e3e3;
  border-left: none;
  height: 140px;
  width: 230px;
  background-color: #fff;
  overflow: hidden
}
.estimate-area-main .estimate-content-area .estimate-content-title {
  width: 222px;
  margin: 4px 0 0 4px;
  height: 24px;
  background-color: #8fca96
}
.estimate-area-main .estimate-content-area .estimate-content-title h3 {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px
}
.estimate-area-main .estimate-content-area .estimate-content-title:after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 24px solid #fff;
  border-left: 6px solid transparent;
  float: right
}
.estimate-area-main .estimate-content-area .skin-big-button {
  display: block;
  margin: 20px auto 10px;
  width: 140px;
  height: 68px;
  line-height: 68px;
  background-color: #fc9153;
  border-radius: 5px;
  font-size: 28px;
  font-weight: 700;
  color: #fff
}
.estimate-area-main .estimate-content-area .ui-validity {
  display: block;
  position: relative;
  padding: 5px 10px
}
.estimate-area-main .estimate-content-area .estimate-result h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 5px
}
.estimate-area-main .estimate-content-area .estimate-result .estimate-result-number {
  margin: 4px 0 0 4px;
  height: 40px;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 40px;
  padding-left: 5px
}
.estimate-area-main .estimate-content-area .estimate-result .estimate-result-number:after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 40px solid #fff;
  border-left: 12px solid transparent;
  float: right
}
.estimate-area-main .estimate-content-area .estimate-result .total-pv {
  width: 200px;
  background-color: #ff8555
}
.estimate-area-main .estimate-content-area .estimate-result .left-pv {
  width: 160px;
  background-color: #ffd155
}
.estimate-area-main .estimate-content-area .estimate-result .total-uv {
  width: 120px;
  background-color: #69d3de
}
.estimate-area-main .estimate-content-area .estimate-result p {
  padding: 10px
}
.state-invalid .estimate-content-area,
.state-invalid .estimate-toggle-area {
  height: 180px
}
.state-estimated .estimate-content-area,
.state-estimated .estimate-toggle-area {
  height: 290px
}
.state-estimated .estimate-content-button-area,
.state-estimated .estimate-mask {
  position: absolute;
  width: 230px;
  top: 0
}
.state-estimated .estimate-content-button-area {
  padding-top: 80px
}
.state-estimated .estimate-mask {
  background-color: #fff;
  opacity: .9;
  height: 259px;
  top: 32px
}
.state-estimated .estimate-tip,
.state-estimated .skin-big-button {
  display: block;
  position: relative
}
.download-page-view {
  position: relative;
  padding: 25px 30px
}
.download-page-view .download-description h2 {
  color: #666;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 20px
}
.download-page-view .download-description p {
  color: #999;
  margin: 10px 0
}
.download-page-view .sdk-tab-content {
  background-color: #f4fcfd
}
.download-page-view .sdk-item {
  padding: 30px 30px 40px;
  position: relative
}
.download-page-view .sdk-item:after,
.download-page-view .sdk-item:before {
  display: table;
  content: ""
}
.download-page-view .sdk-item:after {
  clear: both
}
.download-page-view .sdk-item:before {
  float: left;
  width: 120px;
  height: 35px;
  margin-right: 25px;
  content: ""
}
.download-page-view .sdk-item:hover {
  background-color: #e8f7f8;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -ms-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s
}
.download-page-view .sdk-item.sdk-item-ios:before {
  background: url(img/sdk-icon.png) -16px -110px no-repeat
}
.download-page-view .sdk-item.sdk-item-android:before {
  background: url(img/sdk-icon.png) -16px -55px no-repeat
}
.download-page-view .sdk-item .download-entry {
  float: right;
  margin-top: 50px;
  text-align: center
}
.download-page-view .sdk-item .download-entry a {
  display: block
}
.download-page-view .sdk-item .sdk-link {
  width: 136px;
  height: 35px;
  text-indent: -50000px;
  margin-bottom: 10px;
  background: url(img/sdk-icon.png) no-repeat
}
.download-page-view .sdk-item .link {
  color: #fc9153
}
.download-page-view .sdk-item hr {
  border: 1px solid #fff
}
.download-page-view .sdk-item-title {
  position: absolute;
  width: 120px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  font-weight: 700;
  color: #fc9153;
  text-align: center;
  top: 75px
}
.download-page-view .sdk-item-description {
  float: left
}
.download-page-view .sdk-item-description > div {
  margin-bottom: 5px
}
.download-page-view .sdk-item-feature {
  margin: 15px 0
}
.download-page-view .sdk-item-feature li {
  color: #999;
  margin: 5px 0 5px 13px;
  list-style-type: disc;
  display: list-item
}
.download-page-view .sdk-introduction {
  padding: 14px 30px 20px;
  font-size: 13px
}
.sdk-history-view .sdk-version-description {
  border-bottom: 1px solid #f0f0f0;
  padding: 25px 0 40px
}
.sdk-history-view .sdk-version-info {
  margin-bottom: 5px;
  color: #000
}
.sdk-history-view .sdk-version-feature {
  margin: 15px 0
}
.sdk-history-view .sdk-version-feature li {
  color: #999;
  margin: 5px 0 5px 13px;
  list-style-type: disc;
  display: list-item
}
.sdk-form-page .form-page {
  background: 0 0
}
.dashboard-bulletin-container {
  height: 48px;
  width: 100%
}
#dashboard-bulletin {
  height: 28px;
  background-color: #e6f6f6;
  line-height: 28px;
  overflow: hidden;
  color: #4a4c5b;
  margin: 10px
}
#dashboard-bulletin .dashboard-bulletin-content {
  padding-left: 15px
}
#dashboard-bulletin .dashboard-bulletin-content li {
  padding-left: 15px;
  height: 28px;
  position: relative
}
#dashboard-bulletin .dashboard-bulletin-content li:after {
  content: '~"url(img/audio-icon.png)"';
  text-indent: -9999px;
  background: url(img/audio-icon.png) no-repeat;
  line-height: 12px;
  position: absolute;
  width: 10px;
  height: 12px;
  content: '~"url(img/audio-icon.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -6px;
  left: 0
}
#dashboard-bulletin .dashboard-bulletin-content li a {
  margin-left: 30px;
  text-decoration: none
}
#dashboard-bulletin .dashboard-bulletin-content li a:hover {
  color: #666
}
.dashboard-chart,
.dashboard-general {
  display: block;
  padding: 0 30px;
  margin-top: 30px
}
.dashboard-link-container {
  margin: 25px
}
.dashboard-link-container .dashboard-link {
  color: #4a4c5b;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  text-indent: -50000px;
  width: 30%;
  height: 80px;
  margin-left: 20px
}
.dashboard-link-container .dashboard-link:hover {
  text-decoration: underline
}
.dashboard-link-container .dashboard-link:first-child {
  margin-left: 0
}
.dashboard-link-container .dashboard-link1 {
  position: relative;
  border: 1px solid #def5f7;
  background-color: #eefcfd
}
.dashboard-link-container .dashboard-link1:after {
  content: '~"url(img/link1.png)"';
  text-indent: -9999px;
  background: url(img/link1.png) no-repeat;
  line-height: 49px;
  position: absolute;
  width: 229px;
  height: 49px;
  content: '~"url(img/link1.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -24.5px;
  left: 50%;
  margin-left: -114.5px
}
.dashboard-link-container .dashboard-link1:hover {
  border: 1px solid #cdeff3;
  background-color: #d9fafc
}
.dashboard-link-container .dashboard-link2 {
  position: relative;
  border: 1px solid #edf6e9;
  background-color: #f5ffef
}
.dashboard-link-container .dashboard-link2:after {
  content: '~"url(img/link2.png)"';
  text-indent: -9999px;
  background: url(img/link2.png) no-repeat;
  line-height: 49px;
  position: absolute;
  width: 236px;
  height: 49px;
  content: '~"url(img/link2.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -24.5px;
  left: 50%;
  margin-left: -118px
}
.dashboard-link-container .dashboard-link2:hover {
  border: 1px solid #e4f1de;
  background-color: #e6ffd9
}
.dashboard-link-container .dashboard-link3 {
  position: relative;
  border: 1px solid #fbf2dc;
  background-color: #fff9e7
}
.dashboard-link-container .dashboard-link3:after {
  content: '~"url(img/link3.png)"';
  text-indent: -9999px;
  background: url(img/link3.png) no-repeat;
  line-height: 49px;
  position: absolute;
  width: 236px;
  height: 49px;
  content: '~"url(img/link3.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -24.5px;
  left: 50%;
  margin-left: -118px
}
.dashboard-link-container .dashboard-link3:hover {
  border: 1px solid #f8ecca;
  background-color: #fef3d4
}
.general-main {
  position: relative;
  height: 50px;
  padding: 10px 0
}
.general-main .general-detail {
  height: 50px
}
.general-main .general-detail .general-detail-item {
  display: inline-block;
  margin-right: 65px;
  height: 50px;
  padding-left: 60px
}
.general-main .general-detail .general-detail-item-data {
  display: block;
  font: 22px "Microsoft YaHei",Arial,'宋体',Helvetica,sans-serif;
  color: #555
}
.general-main .general-detail .general-detail-item-label {
  color: #c5c5c5;
  font: 500 14px '黑体'
}
.general-main .general-total {
  bottom: 10px;
  color: #888;
  display: block;
  font: 12px "宋体";
  position: absolute;
  right: 0;
  text-align: right;
  width: 220px
}
.general-main .general-total .general-total-data {
  color: #fc9153;
  font: 16px "Microsoft YaHei";
}
.dashboard-general .general-main .general-detail .general-detail-item-yesterday {
  position: relative
}
.dashboard-general .general-main .general-detail .general-detail-item-yesterday:after {
  content: '~"url(img/chart0.png)"';
  text-indent: -9999px;
  background: url(img/chart0.png) no-repeat;
  line-height: 50px;
  position: absolute;
  width: 55px;
  height: 50px;
  content: '~"url(img/chart0.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -25px;
  left: 0
}
.dashboard-general .general-main .general-detail .general-detail-item-7-days {
  position: relative
}
.dashboard-general .general-main .general-detail .general-detail-item-7-days:after {
  content: '~"url(img/chart1.png)"';
  text-indent: -9999px;
  background: url(img/chart1.png) no-repeat;
  line-height: 50px;
  position: absolute;
  width: 55px;
  height: 50px;
  content: '~"url(img/chart1.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -25px;
  left: 0
}
.dashboard-general .general-main .general-detail .general-detail-item-current-month {
  position: relative
}
.dashboard-general .general-main .general-detail .general-detail-item-current-month:after {
  content: '~"url(img/chart2.png)"';
  text-indent: -9999px;
  background: url(img/chart2.png) no-repeat;
  line-height: 50px;
  position: absolute;
  width: 55px;
  height: 50px;
  content: '~"url(img/chart2.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -25px;
  left: 0
}
.alliance-optimize {
  background-color: #f7f7f7;
  margin: 0 0 10px;
  padding: 5px 0 5px 12px;
  font-size: 12px
}
.description-label {
  width: auto
}
.toggle-button-area {
  margin-right: 25px
}
.material-preview-picture {
  vertical-align: -webkit-baseline-middle
}
.skin-creative-preview .ui-dialog-head {
  display: none
}
.skin-material-preview-dialog-body {
  padding: 10px
}
.creative-select:after,
.creative-select:before {
  display: table;
  content: ""
}
.creative-select:after {
  clear: both
}
.creative-select .creative-select-all,
.creative-select .creative-select-selected {
  float: left
}
.creative-select .creative-select-all {
  margin-right: 10px;
  border: 1px solid #ebebeb;
  font-size: 12px;
  background: #fcfcfc
}
.creative-select .creative-select-all .creative-select-title {
  background: #ebebeb;
  border-bottom: 1px solid #ebebeb;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-weight: 700
}
.creative-select .creative-select-all .creative-select-operation {
  height: 25px;
  padding: 10px
}
.creative-select .creative-select-all .creative-select-operation:after,
.creative-select .creative-select-all .creative-select-operation:before {
  display: table;
  content: ""
}
.creative-select .creative-select-all .creative-select-operation:after {
  clear: both
}
.creative-select .creative-select-all .creative-select-operation .creative-select-add-button {
  float: left
}
.creative-select .creative-select-all .creative-select-operation .ui-searchbox {
  float: right
}
.creative-select .creative-select-all .ui-richselector {
  border: none
}
.creative-select .creative-select-all .ui-richselector .ui-richselector-search-wrapper {
  display: none
}
.creative-select .creative-device {
  margin-left: 10px
}
.creative-form-boxgroup .ui-boxgroup-wrapper {
  width: 65px
}
.creative-form-preview-wrapper {
  position: absolute;
  width: 220px;
  height: 365px;
  margin-top: 30px;
  right: 0
}
.creative-form-material-display-wrapper {
  margin-top: -20px;
  margin-left: 116px
}
.creative-form-default-material-display {
  width: 240px;
  height: 180px;
  border: 1px dashed #c9c9c9;
  background: #fbfbfb;
  position: relative
}
.creative-form-default-material-display:after {
  content: '~"url(img/cloud.png)"';
  text-indent: -9999px;
  background: url(img/cloud.png) no-repeat;
  line-height: 36px;
  position: absolute;
  width: 42px;
  height: 36px;
  content: '~"url(img/cloud.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -21px
}
.creative-form-material-remove {
  padding-left: 0
}
.creative-form-image-material-wrapper {
  margin-top: -30px
}
.creative-form-size {
  width: 177px
}
.creative-form-top-border-panel-optional.state-option {
  margin-left: 116px;
  margin-top: 30px;
  padding: 0 20px 30px;
  border-top: 3px solid #dfdfdf;
  background-color: #f8f8f8;
  float: left
}
.creative-form-top-border-panel {
  margin-left: 116px;
  padding: 0 20px;
  border-top: 3px solid #dfdfdf;
  background-color: #f8f8f8;
  float: left
}
.creative-form-image-text-tip {
  margin-top: 20px;
  padding-left: 22px;
  font-size: 12px;
  color: #999;
  position: relative
}
.creative-form-image-text-tip:after {
  content: '~"url(img/tip.png)"';
  text-indent: -9999px;
  background: url(img/tip.png) no-repeat;
  line-height: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  content: '~"url(img/tip.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -8px;
  left: 0
}
.creative-form-image-text-color {
  float: left
}
.creative-form-image-preview-wrapper-mobile {
  width: 220px;
  height: 365px;
  margin-top: 30px;
  right: 0;
  position: absolute
}
.creative-form-image-preview-wrapper-mobile:after {
  content: '~"url(img/phone.png)"';
  text-indent: -9999px;
  background: url(img/phone.png) no-repeat;
  line-height: 356px;
  position: absolute;
  width: 174px;
  height: 356px;
  content: '~"url(img/phone.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.creative-form-image-preview-wrapper-pad {
  width: 220px;
  height: 365px;
  margin-top: 30px;
  right: 0;
  position: absolute
}
.creative-form-image-preview-wrapper-pad:after {
  content: '~"url(img/pad.png)"';
  text-indent: -9999px;
  background: url(img/pad.png) no-repeat;
  line-height: 272px;
  position: absolute;
  width: 191px;
  height: 272px;
  content: '~"url(img/pad.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.creative-form-preview-tip {
  position: absolute;
  line-height: 18px;
  z-index: 1
}
.creative-form-preview-tip-mobile {
  position: absolute;
  line-height: 18px;
  z-index: 1;
  width: 130px;
  top: 140px;
  left: 26px
}
.creative-form-preview-tip-pad {
  position: absolute;
  line-height: 18px;
  z-index: 1;
  width: 140px;
  top: 100px;
  left: 30px
}
.creative-form-image-text-preview-wrapper-mobile {
  width: 220px;
  height: 365px;
  margin-top: 30px;
  right: 0;
  position: absolute
}
.creative-form-image-text-preview-wrapper-mobile:after {
  content: '~"url(img/phone-filled.png)"';
  text-indent: -9999px;
  background: url(img/phone-filled.png) no-repeat;
  line-height: 356px;
  position: absolute;
  width: 174px;
  height: 356px;
  content: '~"url(img/phone-filled.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.creative-form-image-text-preview-wrapper-pad {
  width: 220px;
  height: 365px;
  margin-top: 30px;
  right: 0;
  position: absolute
}
.creative-form-image-text-preview-wrapper-pad:after {
  content: '~"url(img/pad-filled.png)"';
  text-indent: -9999px;
  background: url(img/pad-filled.png) no-repeat;
  line-height: 272px;
  position: absolute;
  width: 191px;
  height: 272px;
  content: '~"url(img/pad-filled.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  left: 0
}
.creative-form-image-text-preview-content-mobile,
.creative-form-image-text-preview-content-pad {
  position: absolute;
  border: 1px solid #e4e4e4;
  right: 0;
  width: 220px;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: right .5s ease,width .5s ease,box-shadow .5s ease;
  -moz-transition: right .5s ease,width .5s ease,box-shadow .5s ease;
  -ms-transition: right .5s ease,width .5s ease,box-shadow .5s ease;
  -o-transition: right .5s ease,width .5s ease,box-shadow .5s ease;
  transition: right .5s ease,width .5s ease,box-shadow .5s ease;
  -moz-transition: right .5s ease width .5s ease box-shadow .5s ease;
  -webkit-transition: right .5s ease width .5s ease box-shadow .5s ease;
  transition: right .5s ease width .5s ease box-shadow .5s ease
}
.creative-form-image-text-preview-content-mobile:hover,
.creative-form-image-text-preview-content-pad:hover {
  right: 10px;
  box-shadow: 0 1px 20px rgba(0,0,0,.5)
}
.creative-form-image-text-preview-content-mobile {
  height: 60px;
  margin-top: 416px
}
.creative-form-image-text-preview-content-mobile:hover {
  width: 320px
}
.creative-form-image-text-preview-content-pad {
  height: 90px;
  margin-top: 332px
}
.creative-form-image-text-preview-content-pad:hover {
  width: 768px
}
.creative-form-image-text-preview-background-mobile,
.creative-form-image-text-preview-background-pad,
.creative-form-image-text-preview-mobile,
.creative-form-image-text-preview-pad {
  position: absolute;
  top: 0
}
.creative-form-image-text-preview-mobile,
.creative-form-image-text-preview-pad {
  padding: 10px;
  z-index: 2
}
.creative-form-image-text-preview-mobile {
  width: 300px;
  height: 40px
}
.creative-form-image-text-preview-pad {
  width: 748px;
  height: 70px
}
.creative-form-image-text-preview-background-mobile,
.creative-form-image-text-preview-background-pad {
  z-index: 1
}
.ui-draweractionpanel .form-page.credit-award {
  background-image: none
}
#newer-guide-container,
#newer-guide-mask {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
#newer-guide-mask {
  position: fixed;
  opacity: .4;
  background-color: #000;
  z-index: 999
}
#newer-guide-container {
  font-size: 14px;
  background: 0 0;
  position: absolute;
  z-index: 1000
}
.newer-guide-content-wrapper {
  width: 600px;
  height: 380px;
  position: absolute;
  top: 230px;
  left: 50%;
  margin-left: -300px;
  background-color: #effcff;
  border-bottom: 4px solid #6fd1d9
}
.newer-guide-next {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -65px;
  outline: 0;
  width: 130px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #58c7d0;
  color: #fff;
  border: none;
  padding: 0;
  text-decoration: none;
  display: inline-block
}
.newer-guide-next:active,
.newer-guide-next:hover {
  text-decoration: none;
  outline: 0
}
#newer-guide-close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #bdbdbd;
  font-size: 1.5em;
  cursor: pointer
}
#newer-guide-end {
  margin-top: 55px;
  width: 130px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #58c7d0;
  color: #fff;
  border: none;
  padding: 0;
  text-decoration: none;
  display: inline-block
}
#newer-guide-end:active,
#newer-guide-end:hover {
  text-decoration: none;
  outline: 0
}
.newer-guide-navigator {
  margin: 65px auto 0;
  width: 480px
}
.newer-guide-navigator:after,
.newer-guide-navigator:before {
  display: table;
  content: ""
}
.newer-guide-navigator:after {
  clear: both
}
.newer-guide-navigator-item {
  width: 96px;
  height: 35px;
  line-height: 35px;
  margin-top: 3px;
  border-bottom: 3px solid #dedede;
  color: #25bfce;
  float: left
}
.newer-guide-navigator-item:hover {
  cursor: pointer
}
.newer-guide-navigator-item:last-child {
  text-align: right
}
.newer-guide-navigator-item-active {
  border-bottom: 3px solid #25bfce
}
.newer-guide-navigator-item-active:hover {
  cursor: default
}
.newer-guide-content {
  width: 480px;
  margin: auto;
  text-align: center;
  position: relative;
  color: #27bccf
}
.newer-guide-content h2 {
  font-size: 18px
}
.newer-guide-content p {
  margin-bottom: 22px
}
.newer-guide-content em {
  color: #f0c000
}
.newer-guide-content-item {
  padding: 85px 25px 0
}
.newer-guide-content-item,
.newer-guide-indicator {
  display: none
}
.newer-guide-content-sdk {
  padding-top: 0
}
.newer-guide-content-sdk h2 {
  line-height: 85px
}
.newer-guide-content-sdk ul {
  list-style-type: disc
}
.newer-guide-content-sdk li {
  position: relative
}
.newer-guide-content-sdk p {
  padding-left: 105px;
  text-align: left;
  line-height: 20px
}
.newer-guide-content-sdk h3 {
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  position: absolute
}
.newer-guide-icon {
  position: absolute;
  left: 50%
}
.newer-guide-indicator-navigator {
  font-size: 12px
}
.newer-guide-indicator-navigator-menu {
  padding: 20px 0 19px 20px;
  background-color: #c1c1c1;
  width: 168px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  outline: #fff dotted 2px
}
.newer-guide-indicator-navigator-menu span {
  padding-left: 32px;
  line-height: 16px
}
.newer-guide-indicator-navigator-menu:before {
  position: absolute;
  right: 12px;
  font-family: FontAwesome;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078"
}
.newer-guide-indicator-navigator-sub-menu {
  height: 36px;
  line-height: 36px;
  padding-left: 54px;
  width: 168px;
  background-color: #ddd;
  color: #666;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  outline: #fff dotted 2px
}
.newer-guide-indicator-create {
  position: absolute;
  top: 130px;
  left: 198px;
  outline: #fff dotted 2px
}
.newer-guide-indicator-arrow {
  width: 109px;
  height: 95px;
  position: absolute;
  top: 193px;
  left: 220px;
  background: url(img/arrow-up.png) 0 0/contain no-repeat
}
.newer-guide-indicator-tab {
  padding-left: 0;
  border-bottom: 3px solid #fc9153;
  position: absolute;
  left: 198px;
  top: 195px;
  outline: #fff dotted 2px
}
.newer-guide-indicator-tab-item {
  margin-top: 2px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #fc9153;
  border-bottom: none;
  background-color: #fff;
  width: 122px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 14px;
  color: #fc9153;
  margin-right: -1px;
  display: inline-block
}
.newer-guide-indicator-tab-item:hover {
  background-color: #e3fafd
}
.newer-guide-indicator-tab-item-active {
  background-color: #fc9153;
  color: #fff;
  font-weight: 700
}
.newer-guide-indicator-tab-item-active:hover {
  text-decoration: none;
  background-color: #fc9153
}
.newer-guide-app .newer-guide-content-app,
.newer-guide-app .newer-guide-indicator-app {
  display: block
}
.newer-guide-slot .newer-guide-content-slot,
.newer-guide-slot .newer-guide-indicator-slot {
  display: block
}
.newer-guide-sdk .newer-guide-content-sdk,
.newer-guide-sdk .newer-guide-indicator-sdk {
  display: block
}
.newer-guide-indicator-navigator-menu:after {
  margin-left: 20px;
  content: '~"url("img/navigator-sdk-active01.png")"';
  text-indent: -9999px;
  content: '~"url("img/navigator-sdk-active01.png")"';
  text-indent: -9999px;
  content: '~"url("img/navigator-resource-active01.png")"';
  text-indent: -9999px;
  content: '~"url("img/navigator-resource-active01.png")"';
  text-indent: -9999px;
  content: '~"url("img/navigator-report-active01.png")"';
  text-indent: -9999px;
  background: url(img/navigator-report-active01.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url("img/navigator-report-active01.png")"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.newer-guide-strategy .newer-guide-content-strategy,
.newer-guide-strategy .newer-guide-indicator-strategy {
  display: block
}
.newer-guide-report .newer-guide-content-report,
.newer-guide-report .newer-guide-indicator-report {
  display: block
}
.newer-guide-icon {
  width: 122px;
  height: 92px;
  margin-left: -61px;
  top: -46px;
  background: url(img/report01.png) no-repeat
}
.newer-guide-indicator-navigator-menu {
  position: fixed
}
.newer-guide-app .newer-guide-indicator-navigator-menu {
  top: 115px
}
.newer-guide-app .newer-guide-indicator-navigator-sub-menu {
  top: 170px
}
.newer-guide-slot .newer-guide-indicator-navigator-menu {
  top: 115px
}
.newer-guide-slot .newer-guide-indicator-navigator-sub-menu {
  top: 206px
}
.newer-guide-sdk .newer-guide-content-wrapper {
  top: 250px
}
.newer-guide-sdk .newer-guide-indicator-navigator-menu {
  top: 170px
}
.newer-guide-sdk .newer-guide-indicator-navigator-menu:before {
  content: ''
}
.newer-guide-sdk .newer-guide-indicator-arrow {
  top: 253px
}
.newer-guide-strategy .newer-guide-indicator-navigator-menu {
  top: 115px
}
.newer-guide-strategy .newer-guide-indicator-navigator-sub-menu {
  top: 242px
}
.newer-guide-report .newer-guide-next {
  display: none
}
.newer-guide-report .newer-guide-indicator-navigator-menu-report {
  position: fixed;
  top: 225px
}
.newer-guide-report .newer-guide-indicator-navigator-menu-report:after {
  content: '~"url(img/navigator-report-active01.png)"';
  text-indent: -9999px;
  background: url(img/navigator-report-active01.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-report-active01.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.newer-guide-report .newer-guide-indicator-navigator-sub-menu {
  top: 280px
}
.newer-guide-report .newer-guide-indicator-navigator-menu-finance {
  position: fixed;
  top: 460px;
  background-color: #e8e8e8;
  color: #666
}
.newer-guide-report .newer-guide-indicator-navigator-menu-finance:after {
  content: '~"url(img/navigator-finance01.png)"';
  text-indent: -9999px;
  background: url(img/navigator-finance01.png) no-repeat;
  line-height: 18px;
  position: absolute;
  width: 16px;
  height: 18px;
  content: '~"url(img/navigator-finance01.png)"';
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  margin-top: -9px;
  left: 0
}
.newer-guide-report .newer-guide-indicator-navigator-menu-finance:before {
  content: "\f077"
}
.newer-guide-report .newer-guide-indicator-arrow {
  position: fixed;
  width: 125.5px;
  height: 102px;
  top: 243px;
  left: 190px;
  background: url(img/arrow-left.png) 0 0/contain no-repeat
}
.newer-guide-active #newer-guide-container,
.newer-guide-active #newer-guide-mask {
  display: block
}
.newer-guide-active #global-indicator {
  display: none!important
}
@media screen and (max-width:1280px) {
  .newer-guide-content-wrapper {
    left: 360px;
    margin-left: 0
  }
  .newer-guide-indicator-tab {
    top: 207px
  }
}
.primary {
  color: #fff;
  background-color: #7A7A7A;
  border-color: #7A7A7A
}
.info {
  color: #fff;
  background-color: #6bd5ec;
  border-color: #6bd5ec
}
.success {
  color: #fff;
  background-color: #fc9153;
  border-color: #fc9153
}
.ok {
  color: #fff;
  background-color: #2FBE2F;
  border-color: #2FBE2F;
}
.danger {
  color: #fff;
  background-color: #EE3B3B;
  border-color: #EE3B3B
}
.warn-ing {
  color: #fff;
  background-color: #f9ad42;
  border-color: #f9ad42
}
.Wwarn-ing {
  color: #f9ad42
}
.Wsuccess {
  color: #fc9153
}
.Wdanger {
  color: #EE3B3B
}
.Winfo {
  color: #7A7A7A
}
.Wprimary {
  color: #4a4c5b
}
.Wdisabled {
  color: gray
}
.Wactive {
  color: #000
}
.Wok {
  color: #2FBE2F;
}
.b {
  font-weight: 700
}
.h10 {
  padding: 10px 0
}
.center {
  text-align: center
}
.left {
  text-align: left
}
.right {
  text-align: right
}
.absCenter {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1213
}
.attention {
  display: none;
  width: 30px;
  height: 15px;
  background-color: #f9ad42;
  color: #fff
}
table.listTbl tr {
  background-color: #fff;
  border-bottom: 1px solid #f7f7f7
}
table.listTbl tr:hover {
  background-color: #fff6d5
}
.hide {
  display: none
}
.f10 {
  font-size: 10px
}
a.ui-button {
  text-decoration: none
}
.win10msg {
  z-index: 99999;
  display: none;
  position: fixed;
  right: 0;
  bottom: 70px;
  height: auto;
  width: 50%;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #4a4c5b
}
.win10msg a, .win10msg3 a {
  margin: 10px 5px 20px;
  text-align: left;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  border: 1px solid #fff;
  display: inline-block;
  text-decoration: none
}
.win10msg2, .win10msg3 {
  z-index: 99990;
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  height: auto;
  min-height: 50px;
  min-width: 400px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #3cc51f;
  opacity: .95;
  overflow-y: scroll
}
.win10msg h3,
.win10msg2 h3, .win10msg3 h3 {
  color: #fff;
  font-weight: 700;
  margin: 5px;
  text-align: left;
  font-size: 14px
}
.win10msg2 a, .win10msg3 a {
  margin: 10px 5px 20px;
  text-align: left;
  color: #fff;
  font-size: 12px
}
.win10msg2 ul li, .win10msg3 ul li {
  line-height: 24px;
  height: 24px;
  text-align: left;
  color: #fff;
  font-size: 14px;
  margin: 0 10px
}
.win10msg3{
  min-width: 30px;
  z-index: 99999;
  top: 61px;
  display:block;
  height: 100%;
  background: #4a4c5b;
  width: 150px;
  overflow-y: scroll;
}

.win10msg3 a {
  margin: 2px ;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding: 6px 3px;
  width: 90%;
  border-radius: 5px;
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.animated {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 2s
}
.animated.infinite {
  -webkit-animation-iteration-count: 30;
  animation-iteration-count: 30
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}
.animated_fade {
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}
.animated_fade.infinite {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}
#image_file {
  cursor: pointer
}
#upload_form > div {
  margin-bottom: 10px
}
.clear_both {
  clear: both
}
#progress_info {
  font-size: 10pt
}
#abort,
#error,
#error2,
#fileinfo,
#warnsize {
  color: #aaa;
  display: none;
  font-size: 10pt;
  font-style: italic;
  margin-top: 10px
}
#progress {
  border: 1px solid #ccc;
  display: none;
  float: left;
  height: 14px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: -moz-linear-gradient(#6c0,#4b9500);
  background: -ms-linear-gradient(#6c0,#4b9500);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6c0),color-stop(100%,#4b9500));
  background: -webkit-linear-gradient(#6c0,#4b9500);
  background: -o-linear-gradient(#6c0,#4b9500);
  background: linear-gradient(#6c0,#4b9500)
}
#progress_percent {
  float: right
}
#upload_response {
  margin-top: 10px;
  padding: 20px;
  overflow: hidden;
  display: none;
  text-align: center
}
.ui-checkbox-custom {
  position: relative;
  display: inline-block;
  min-width: 1em;
  line-height: 1em;
  height: 1em;
  vertical-align: middle
}
.ui-checkbox-custom label {
  display: inline-block;
  padding-left: 1.5em
}
.ui-checkbox-custom label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color .3s ease,border-color .3s ease;
  -moz-transition: background-color .3s ease,border-color .3s ease;
  -ms-transition: background-color .3s ease,border-color .3s ease;
  -o-transition: background-color .3s ease,border-color .3s ease;
  transition: background-color .3s ease,border-color .3s ease;
  background: #f6f6f6;
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.ui-checkbox-custom label:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  content: '';
  -webkit-transition: background .3s ease 0s;
  -moz-transition: background .3s ease 0s;
  -ms-transition: background .3s ease 0s;
  -o-transition: background .3s ease 0s;
  transition: background .3s ease 0s
}
.ui-checkbox-custom label:active:before {
  background: #f6f6f6
}
.ui-checkbox-custom input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  outline: 0
}
.ui-checkbox-custom input:focus ~ label {
  color: #666
}
.ui-checkbox-custom input:focus ~ label:before {
  -webkit-box-shadow: 0 0 1px #70ccc0;
  -moz-box-shadow: 0 0 1px #70ccc0;
  box-shadow: 0 0 1px #70ccc0
}
.ui-checkbox-custom input:checked ~ label:before {
  background: #70ccc0;
  border-color: #70ccc0
}
.ui-checkbox-custom input:checked ~ label:after {
  position: absolute;
  top: .245em;
  left: .15em;
  width: .7em;
  height: .4em;
  border: .2em solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.ui-checkbox-custom input[disabled] ~ label {
  opacity: .5;
  cursor: not-allowed!important
}
.ui-checkbox-custom label,
.ui-checkbox-custom ~ label {
  cursor: pointer;
  vertical-align: baseline;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  color: #666
}
.ui-checkbox-custom label:hover,
.ui-checkbox-custom ~ label:hover {
  color: #666
}
.ui-checkbox-custom.state-readonly input ~ label {
  opacity: 1;
  cursor: default!important;
  color: #999
}
.ui-checkbox-custom input:indeterminate ~ label:after {
  border: 1px solid #70ccc0;
  width: 1em;
  height: 1em;
  background: #70ccc0;
  -webkit-box-shadow: inset 0 0 0 3px #f6f6f6;
  -moz-box-shadow: inset 0 0 0 3px #f6f6f6;
  box-shadow: inset 0 0 0 3px #f6f6f6;
  top: 0;
  left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
}
.ui-checkbox-custom.ui-checkbox-single label {
  padding-left: 1em
}

.post-ui-button {
  background: #fc9153;
  border-color: #fc9153;
  border-width: 1px;
  color: #fff;
  font-size: 14px!important;
  padding: 0 50px!important;
  border-radius: 0;
  height: 33px!important;
  line-height: 33px!important;
  font-weight:normal!important;
  width:100px!important;
}