/* bottom */
#bottom {background: #ffffff;}

/* page */
#page {background: #f7f7f7;}

 
/* custom style */
/* custom style */
body, table {
  font-family:Arial,Microsoft JhengHei,sans-serif;
  font-size:15px;
  background:#fff;
  color:#444
}

body {background-color: #f7f7f7}

.clist tableBox .major {font-size:1px}

#sys {background:#ff001a;}

#sys #logoBox a, #menu ul > li a, #menu ul > li .caret, .sysLoginBox a {color:#fff;}
#menu ul > li:hover a, #menu ul > li:hover .caret, .sysLoginBox a:hover, #sys #logoBox a:hover {color:#ff0;}

#menu ul > li .caret {border-top-color:#fff;}
#menu ul > li:hover .caret {border-top-color:#ff0; !important;}

a, .clist .tableBox a, .spanLink {color:#0367b0;}
a:hover, .clist .tableBox a:hover, .spanLink:hover {color:#0080DF;}

.base2L #sidebar {border-right:0;}
.base2R #sidebar {border-left:0;}
.base1 #content {width:960px;} /* /contentAudit 位置*/

.block .header .header-text {border-bottom:1px solid #ccc;}

.kmchooser .item:hover {background:#5F9A14;}
.activityList .list .curr, 
.treeList .curr, 
.treeList .curr:hover,
.thumbList .item.curr {background:#D8F7BD;}
.fs-header .title {font-weight:normal; margin-bottom:5px; font-size:30px;}
.mediaGrid .main {margin-bottom:4px;}
.fs-modal {padding-left:5px;}
.modal-header h3 {font-size:25px; text-shadow:0 1px 0 #3b5998;}
.selectBox.folder li.dir {padding-left:14px;}
.breadcrumb {margin-bottom:12px}
.app-mgr_mod .alert {margin-bottom:12px;}

.alertBox .head {color:#0367b0;}
.alertBox .head:hover {color:#0080DF;}

.alert, .alert h4 {color:#906620;}
.alert-success, .alert-success h4 {color:#2E6F2F;}
.alert-danger, .alert-error {color:#972F2D;}
.alert-danger h4, .alert-error h4 {color:#972F2D;}
.alert-info, .alert-info h4 {color:#0F4F6F;}

#root-index #mbox-inline .body img {margin:5px 0;}
#root-mgr #sidebar .active, #root-mgr #sidebar .a:hover {color:#379164;}
#root-mgr #xbox-inline .default-margin {padding-left:0; padding-top:0;}
#xbox-inline .mod_course .text-right {margin-top:10px;}
#xbox-inline .default-margin .list-style {margin-bottom:10px;}
#xbox-inline .admin-only {padding-left:10px;}

#layout #banner {display:none;}
#layout #page {background:none;}
#layout #content {width:960px;}

#banner #siteMenu {width: auto;}

#siteMenu .menu > ul {
  padding:0;
  box-shadow:none;
  border:0;
  border-radius:0;
  background-image:linear-gradient(to top, #EBEBEB, #F3F3F3);
  width: auto;
}

#siteMenu .menu > ul > li:first-child {border-left: 1px solid #C0C0C0;}
#siteMenu .menu > ul > li:last-child {border-right: 1px solid #C0C0C0;}
#siteMenu .menu > ul > li {padding:0 8px; border-right:1px solid #C0C0C0; border-left:1px solid #fff;}
#siteMenu .menu > ul > li:hover {background-image:linear-gradient(to bottom, #EBEBEB, #F3F3F3); box-shadow:none;}
#siteMenu .menu > ul > li > a {padding:5px 15px; color:#565656; 1px 0 #FAFAFA;}
#siteMenu .menu > ul > li > a:hover {color:#767676; background-color:transparent; box-shadow:inset 0 0 0 #fff;}
#siteMenu .menu > ul > li > .caret {top:5px; border-top:4px solid #565656;}

#page 

#main {
  border:1px solid #FCFCFC;
  box-shadow:0 0 5px #A3A3A3;
  background:#FFF;
  box-sizing:border-box;
  padding:5px;
}

#top .header .header-text > .title,
#content .header .header-text > .title,
#bottom .header .header-text > .title,
#root-login #mbox-inline .header .header-text > .title,
#root-default #toolBox {


}

#sidebar .block {border:0; background-color:transparent;}
  #sidebar .block .header-text {border:0; margin:0;}

  #sidebar .myCourse .block {background:#FEFFD8; border:1px solid #ECD971;}

#mbox-inline .mod_vote .default-margin.block.clearfix {
  border:1px solid #f6e4b8; 
  border-radius:4px; 
  background:#ffffdb; 
  padding:10px 5px;
}

#sidebar-rear .header, #mbox-inline .header {margin-bottom:5px;}

#sidebar .header .header-text > .title {

}

#top-rear .default-margin > .body,
#bottom-rear .default-margin > .body,
#sidebar-rear .default-margin > .body,
#content-rear .default-margin > .body,
#xbox-inline .default-margin > .body {margin-top:10px;}

#bottom .alert-info.editCurLayout a {color:#3b5998;}
#bottom .alert-info.editCurLayout a:hover {color:#3b5998;}

#footer {margin:5px 0 20px 0;}
#about {border-top:0;}


#root-login #main {
  width:600px;
  border:1px solid rgb(255, 255, 255);
  box-shadow:0px 0px 5px #C5C5C5;
  background:#fff;
}

#root-login #sidebar .block {border-left:0;}
#root-login #main > .body {display:table; margin:0 auto;}
#root-login #mbox-inline .header {background:none; border:0;}
  #root-login #mbox-inline .header-text {border-bottom:1px solid #ccc;} 

.body-index-forgotPwd #main {width:600px; border-radius:4px;}
.body-index-forgotPwd #main:after {
  display:block;
  content:' ';
  position:absolute;
  left:0;
  bottom:-24px;
  width:600px;
  height:24px;
  background:url(/sys/res/icon/login-shadow.png) no-repeat;
}

.body-index-forgotPwd #content {width:288px;}
  #registerBox {margin:0 auto; border:0; box-shadow:none;}

.block .header .header-text > .title, #toolBox span strong {
  font-size:25px; 
  font-weight:normal; 
  text-shadow:0 1px 0 #ccc;
}

#root-cpage   .header-text > .title,
#mbox-inline  .header-text > .title,
#xbox-inline  .mod_contentAudit .header-text > .title,
#xboxL-inline   .header-text > .title,
#xboxR-inline   .header-text > .title,
#xboxL2-inline  .header-text > .title,
#xboxR2-inline  .header-text > .title,
.mod_vote .question,
.choise .name, .choise-container .name,
.block .header .header-text > .title .form-label .edit .text,
.mod_fileUpload .header .header-text > .title,
.mod_exam .header .header-text > .title,
.blog .body-item .title {
  font-size:20px; 
  text-shadow:none;
  font-weight:normal;
}

.blog .head-item .title {font-size:20px; text-shadow:0 1px 0 #ccc; font-weight:normal;}

.block .header .header-text > .title ul.dropdown-menu,
.block .header .header-text > .title .upload,
.block .header .header-text > .title .hint,
.block .header .header-text > .title .pull-right,
.modal-header h3 .hint {text-shadow:none;}

.mediaList .contentBox .title,
.watchLaterThumbList .contentBox .title,
.instructor-list .infoBox .name,
.instructor-profile .main .name,
.modal-header h3,
.fs-header .title,
.alert .title,
.mod_bulletin .body .bulletin-title,
.km .title {font-weight:normal}

.inline.checkbox, 
#expLimitTxt, 
.newCourseTbl,
.form-horizontal .controls .checkbox, 
.form-horizontal .controls .radio {font-weight:normal; font-family:Arial,Microsoft JhengHei,sans-serif}

select {font-family:Arial,Microsoft JhengHei,sans-serif;}

.form-panel .control-label,
.form-horizontal .control-label,
.discuss-form .control-label,
.category-box .group .title,
.app-media .control-label,
.app-media-embed .body > .title {font-size:15px; font-weight:bold;}

.modal-header h3,
.fs-header .title {font-size:25px; text-shadow:0 1px 0 #3b5998}

.browseFolder .gridList .itemBox {margin-left:0}
.browseFolder .parent {background:none; padding-left:0; border-bottom:1px solid #3b5998; font-size:15px;}
.browseFolder .ico-folder {font-size:13px}

.mod_fileUpload .header .header-text > .title,
.mod_exam .header .header-text > .title {font-size:20px; text-shadow:none;}


.clist {border-bottom:0}
  .clist .tableBox {border-top:3px solid #CDCDCD;}
    .clist .tableBox .header {background:#F4F4F4;}
    .clist .tableBox th {border-bottom:1px solid #cccccc;}
    .clist .tableBox tbody tr td {border-bottom:1px solid #e1e1e1;}
    .clist .tableBox tbody tr:hover td {  
      border-top:1px solid transparent;
      border-bottom:1px solid #e1e1e1;
      background:#EAFAFF;
    }
    .clist .tableBox tbody tr:last-child td {border-bottom:1px solid #ccc;}

.clist .tableBox .selected td:hover, 
.clist .tableBox .selected td {
  border-top:1px solid transparent !important;
  border-bottom:1px solid #DBDBDB !important;
  background-image:linear-gradient(to top, #FFFFFF, #F1F1F1) !important;
}

.body-conference .clist .tableBox {border-top:3px solid #3b5998}
.body-conference .clist .tableBox .header {background: #3b5998;}
.body-conference .clist .tableBox th {border-bottom:1px solid #3b5998; color:#f7f7f7}


.addNewItem .hint {color:#3b5998; font-size:1em !important;}
.addNewItem .hint:hover {color:#3b5998;}

.addModuleArea a:visited {color:#3b5998;}

.addNewItem a, #root-cpage .editCurLayout {text-align:center; font-size:15px}

.addModuleArea a,
.mod_alert .alertBox .sp,
.curriculum-editor .chapter-add,
#btnAddPageMenu {color:#3b5998; font-size:15px}

.km-clickToAdd {margin:0}
.km-clickToAdd .addMedia {font-size:15px; font-weight:normal;}

.addNewItem a:hover,
.alertBox .sp:hover,
.addModuleArea a:hover,
#btnAddPageMenu:hover,
.km-clickToAdd .addMedia:hover,
.mod_alert .alertBox .sp:hover,
.curriculum-editor .chapter-add:hover {color:#3b5998;}


.body-catSearch .app-catSearch .category-search {top:12px;}

.body-catSearch .search-result .thumb a {padding:2px 5px;}

.body-search .search-toolbar .tool {
  position:relative;
  left:2px;
  font-size:14px;
  background-image:linear-gradient(to bottom, #fff, #e9e9e9 10%);
  border:1px solid #cfcfcf;
  border-radius:3px;
  padding:3px 12px;
  color:#3b5998;
}

.body-search .search-toolbar .tool:hover, 
.body-search .search-toolbar .tool.active {background-image: linear-gradient(to top, #fff, #e0e0e0 5%);}

.body-search .search-toolbar .tool.active ~ .filterBox {
  font-size:14px;
  background-image: linear-gradient(to bottom, #fff, #3b5998);
  border:1px solid #cfcfcf;
  border-radius:3px;
  padding:0;
  line-height:23px;
}

.body-search .search-toolbar .dropdown {margin:0; border-left:1px solid #cfcfcf; border-right:1px solid #FFFFFF;}
.body-search .search-toolbar .dropdown:hover {background-image: linear-gradient(to top, #F7F7F7, #F0F0F0);}

.body-search .search-toolbar .dropdown:first-child {border-left:1px solid transparent;}
.body-search .search-toolbar .dropdown:first-child:hover {border-left: 1px solid #cfcfcf;}
.body-search .search-toolbar .dropdown:last-child {border-right:1px solid transparent;}

.body-search .search-toolbar .dropdown-toggle {padding:2px 16px;}

.km-admtool {vertical-align:text-bottom;}

#step .step.edit .sn {font-size:15px; left:16px}
#step .step.edit .close {left:32px}

/* banner */
#banner .sys-canvas {height:246px;}
#banner #siteMenu {top:110px; left:0;}
#banner .caption {display:block; top:49px; left:0;}
#banner .banner {top:0; left:0;}
#banner .logo {top:58px; left:55px;} 
/* banner */

#banner .sys-canvas {
    height: 45px;
}
#banner #siteMenu {
    top: px;
    left: px;
}
#banner .caption {
    display: none;
    top: px;
    left: px;
}
#banner .banner {
    background-image: url(/sysdata/attach/tmp/cdbb5001c63abda178107489b9f54eb7.psd);
    width: px;
    padding-top: %;
}

#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: px;
    left: px;
}