 
/* custom style */
/* main */

#main  {margin-top:0px;
box-shadow:1px 1px 2px #ccc;
padding: 2px;}
#main > .header {border-radius: 4px 4px 0 0;}
#main > .body {padding:0px 5px;}

 
/* custom style */
#sys {background-color:#777}

body {
  background: url('/sysdata/attach/layout.css/00b83a30d088a3064c574c4d3ab1844a.jpg') repeat-x #fdfff2;
}


#siteMenu .menu > ul {
  position: absolute;
  left: 50% !important;
  margin-left: -490px !important;
  width:980px;
}

#banner .body #siteMenu .menu > ul {
  padding: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
  border: 1px solid #9ad569;
  border-radius: 6px;

  background-image: linear-gradient(to bottom, #fff, #d9f3c4);
}

#banner .body #siteMenu .menu > ul > li {
  padding: 0 8px;
  border-right: 1px solid #CDE6B6;
}

#banner .body #siteMenu .menu > ul > li:hover {
  background-image: linear-gradient(to top, #F1FFE5, #d9f3c4);
  box-shadow: inset 0 0 0 #fff;
}

#banner .body #siteMenu .menu > ul > li > a{color: #3F753A;}
#banner .body #siteMenu .menu > ul > li > a:hover {
  color: #3F753A; 
  background-color: transparent;
  box-shadow: inset 0 0 0 #fff;
}


#sidebar .header-text {
  margin-bottom:0px; 
  border-bottom:0;
}

#sidebar-rear .header-text, 
#root-index #mbox-inline .header-text, 
#root-user #mbox-inline .header-text, 
#root-media #mbox-inline .header-text {
  padding-left: 58px;
}

#sidebar .block {
  border: 1px solid #fbdd9f;
  border-radius: 8px;
  background: #fff2d7;
}

#root-cpage #sidebar { margin-top:13px;}

#sidebar-rear .block .header, 
#root-index #mbox-inline .block .header, 
#root-user #mbox-inline .header-text, 
#root-media #mbox-inline .header-text {
  border-top: 2px solid #fff;
  border-radius: 8px;
  background: url('/sysdata/attach/layout.css/a276abcc7d0503cf0ae63839649ab607.png') 12px no-repeat;
  margin-top: -2px;
}

#sidebar .block .body, 
#sidebar-rear .block .body {
  background-color: #fff;
  border: 1px solid #fade9d;
  border-radius: 8px;
  padding: 5px;
}

#banner {
  width: 1000px;box-shadow: 0 0 7px #C4C4C4;
}

#main {
  width:1000px;padding: 0;box-shadow: 0 -4px 7px #C4C4C4;
}

#main > .body {background-color: #fff;}

.base2R #sidebar {margin-right:5px;}
.base2L #sidebar {margin-left:5px;}

#page {
  background: url('/sysdata/attach/layout.css/00b83a30d088a3064c574c4d3ab1844a.jpg') repeat-x #fdfff2;
}

#content {margin: 0 5px 5px;}

#about {
  width: 1000px;
  border-top: 0;
  padding:0;
  background: url('/sysdata/attach/layout.css/b50c2636e31ad5234339cedcda2f3b10.jpg');
  background-size: 100%;
  height: 115px;
  box-shadow: 0 0 7px #C4C4C4;
}

#footer {margin:0 0 20px 0;}

#copyrightBox {
  border-top: 1px dashed #aedf56;
  padding: 10px;
  margin: 0 4px;
}

#top-rear .header .header-text > .title, 
#content-rear .header .header-text > .title, 
#bottom-rear .header .header-text > .title {
  padding-left: 22px;
  color: #734a33;
  background: url(/sysdata/attach/layout.css/6f3b7a03fce7ff10d217a2c7092e6406.png) left bottom no-repeat;
}

.block .header .header-text {border-bottom:0;}

#root-user #content .block .header .header-text {border-bottom: 1px solid #aedf56;}

#root-mgr #xbox .block .header .header-text > .title, 
#root-index #xbox .block .header .header-text > .title {
  padding-left: 22px;
  color: #734a33;
  background: url(/sysdata/attach/layout.css/819810aeeb57039157cb4c24e81a149c.png) left center no-repeat;
}

#root-mgr #mbox-inline .header {margin-left: 5px;}


.addNewItem .hint {color: #76B93F; font-size: 1em !important;}

.addNewItem a {
  display: block;
  border-radius: 2px;
  text-align: center;
  border: 1px #89B823 dashed;
  width: 130px;
  font-size: 11pt;
  padding: 5px 5px;
  margin: 10px 0 0px 10px;
  background-color: #E4FFCB;
}

.addNewItem a:hover {background-color: #DBFFBE;border-color: #89B823;}

.addNewItem .input-block-level {color: #76B93F;}
.addNewItem .input-block-level:hover {color: #76B93F;}

#btnAddPageMenu {
  border: 1px #4EC50B dashed;
  color: #76B93F;
  text-align: center;
  padding: 5px 0;
  display: block;
  text-decoration: none;
  transition: all 0.2s;
  opacity: 0.7;
}

#btnAddPageMenu:hover {
  opacity: 1;
  background-color: #F1FFE4;
}

.km-clickToAdd {margin: 0;}

.km-clickToAdd .addMedia {  
  border: 1px #4EC50B dashed;
  color: #76B93F;
  text-align: center;
  display: block;
  text-decoration: none;
  background-color: #EDFFDD;
  transition: all 0.2s;
  opacity: 0.7;
}

.km-clickToAdd .addMedia:hover {
  opacity: 1;
  background-color: #F1FFE4;
}

.addModuleArea a {
  color: #76B93F;
  text-align: center;
  display: block;
  text-decoration: none;
  background-color: #EDFFDD;
  transition: all 0.2s;
  opacity: 0.7;
  border: 1px #4EC50B dashed;
}

.addModuleArea a:hover {
  color: #76B93F;
  opacity: 1;
  background-color: #F1FFE4;
  border: 1px #4EC50B dashed;
}

.thumbList .item.curr {border-radius: 8px;background: #fff2d7;}

.alert-info {
  background-color: #DAFFDA;
  border: 1px solid #9ad569;
  color: #2E9758;
}

#root-login	#main {
  position: relative;
  width: 702px;
  padding: 10px 149px 0;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background: #fff;
}

#root-login	#main:after {
  background: none;
}

#root-login #content {margin: 0 0 5px 35px;}
#root-login #sidebar {margin-right: 95px;}

#root-login .mod_loginbox .header .header-text > .title {padding: 0 5px;}

#root-login .mod_loginbox .body {border: 0;}

#root-default #toolBox {border-bottom: 1px solid #aedf56 !important;}

#banner .body #siteMenu .menu > ul > li:first-child:hover {
  border-radius: 5px 0 0 5px;
}

#banner .body #siteMenu .menu > ul > li:last-child:hover {
  border-radius: 0 5px 5px 0;
}

#banner .body #siteMenu .menu > ul > li:last-child {
  border-right: 0;
} 
/* banner */

#banner .sys-canvas {
    height: 160px;
}
#banner #siteMenu {
    top: 118px;
    left: 0px;
}
#banner .caption {
    display: block;
    top: 20.953125px;
    left: 36px;
}
#banner .banner {
    background-image: url(/sysdata/attach/mgr.service/d7a1e1534cb52db919c2c61b8d8ddf92.jpg);
    width: 1000px;
    padding-top: 15.7%;
}
#banner .logo {
    background-image: url(/sysdata/attach/mgr.service/03dad29207c60cb03a8f85f8eccd4bcc.png);
    width: 106px;
    height: 32px;
}
#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: 44.90625px;
    left: 33px;
}
 
/* banner */

#banner .sys-canvas {
    height: 160px;
}
#banner .caption {
    display: block;
    top: 16.949996948242px;
    left: 84px;
}
#banner .logo {
    top: 43.899993896484px;
    left: 129px;
}