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

/* sidebar module */
#sidebar .block > .header {min-height:30px; background:url('/sysdata/attach/layout.css/cd8e9e7be3a082b48a075445d6cc9ef6.jpg') 0px 0px no-repeat;} 

/* footer */
#footer {border-radius:0; border:solid 0;}
#footer > .body {background:url('/sysdata/attach/layout.css/d5e7344eec8f92c4759d1c57f7a6cf3c.jpg') 2px 0px no-repeat; min-height:115px;}
#footer > .footer {/sysdata/attach/layout.css/994525d4b1e7a84cd4f715c99781d941.jpg}

/* bottom */
#bottom {border-radius:0; border:solid 0;}

/* bottom module */
#bottom .block > .header {min-height:30px; background:url('/sysdata/attach/layout.css/cd8e9e7be3a082b48a075445d6cc9ef6.jpg') 0px 0px no-repeat;} 

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

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

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

.base1 #content {width:960px;}

#banner {width:990px;}

.block .header .header-text > .title, #root-login #mbox-inline .block .header .header-text > .title {
  padding-left:22px;
  /*background:url(/sysdata/attach/layout.css/0da087f949b1e5d3ebfa71b850ff1dd4.png) left 90% no-repeat;*/
}

#sys {background-color:#777}

#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;}

#banner #siteMenu {width:auto;}

#siteMenu .menu > ul {
  width:auto;
  display:inline-block;
  padding:0 10px;
  border-radius:5px;
  box-shadow:0 0px 0px 7px rgba(255, 255, 255, 0.36);
  background-color:rgba(255, 255, 255, 0.85);
  background-image:none;
}

#siteMenu .menu > ul > li > a:hover {background-color:rgba(225, 225, 225, 0.5);}

.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-mgr .block .header .header-text > .title {padding-left:0; background:none}

#root-cpage #sidebar .block .header .header-text > .title,
#mbox-inline .block .header .header-text > .title {background:none; padding:0; padding-left:5px;}

#root-cpage #sidebar .block .body,
#mbox-inline .block .body {padding:5px; background:#fff;}

#layout #banner {display:none;}

.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 #ccc;}
.selectBox.folder li.dir {padding-left:14px;}
.breadcrumb {margin-bottom:12px}

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

#root-index #mbox-inline .body img {margin:5px 0;}
#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;}

#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;}

#main  {width:990px; margin-top:0; box-sizing:border-box; background:#FFF; padding:8px;}

#root-login	#main {width:980px; padding:0; padding:10px 200px; border:0; margin-top:0;}
#root-login	#main:after {display:none;}

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

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

#sidebar .myCourse .block {border-radius:8px; background:#ffffb6; border:1px solid #FFD23B;}


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

#about {
  width:990px;
  border-top:0;
  padding:0;
  /*background:url('/sysdata/attach/layout.css/f9dbf1894ec4502a4f85ca242d3fc871.jpg');*/
  background-size:100%;
  height:110px;
}

#footer {margin:0 auto; width:990px;}

.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 #ccc}

.browseFolder .gridList .itemBox {margin-left:0}
.browseFolder .parent {background:none; padding-left:0; border-bottom:1px solid #dcdcdc; 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 #AFD98E;}
    .clist .tableBox .header {background:#F7FFE3;}
    .clist .tableBox th {border-bottom:1px solid #AFD98E;}
    .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:#F7FFE3;
}

  .clist .tableBox .selected td:hover, 
  .clist .tableBox .selected td {
    border-top:1px solid transparent !important;
    border-bottom:1px solid #DBDBDB !important;
  }

  .clist .tableBox tbody tr:last-child td {border-bottom:1px solid #AFD98E;}

.clist.conference-table .separate td {background:#f4efe9;}

.body-conference .clist .tableBox {border-top:3px solid #93658f}
.body-conference .clist .tableBox .header {background: #a77fa4;}
.body-conference .clist .tableBox th {border-bottom:1px solid #93658f;}

.addNewItem .hint {color:#0367b0; font-size:1em !important;}
.addNewItem .hint:hover {color:#0080DF;}

.addModuleArea a:visited {color:#0367b0;}

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

.addModuleArea a,
.mod_alert .alertBox .sp,
.curriculum-editor .chapter-add,
#btnAddPageMenu {color:#0367b0; 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:#0080df;}


.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:#0367b0;
}

.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, #eae9e9);
  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: 153px;
}
#banner #siteMenu {
    top: 33px;
    left: 218px;
}
#banner .caption {
    display: block;
    top: 37px;
    left: 50px;
}
#banner .banner {
    background-image: url(/sysdata/attach/mgr.service/5c1ccf76726746b2d42176b3b690f530.jpg);
    width: 1000px;
    padding-top: 15.7%;
}

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

#banner .sys-canvas {
    height: 159px;
}
#banner #siteMenu {
    top: px;
    left: px;
}
#banner .caption {
    display: none;
    top: px;
    left: px;
}
#banner .banner {
    background-image: url(/sysdata/attach/mgr.service/bafdbc31981ac869009ca0fdecd2183c.jpg);
    width: 980px;
    padding-top: 16.020408163265%;
}

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