/* custom style */
 
/* custom style */
body{
  font-family:Arial,Microsoft JhengHei,sans-serif;
  font-size:15px;
  color:#444;
  background:url(/sysdata/attach/layout.css/44b91579ea3043d9a9deac77573dca9b.png) repeat #efe7e4;
}
table{font-size: 13px;}
.clist tableBox .major {font-size:15px}

#sys {height:25px; background:url(/sysdata/attach/layout.css/701409d40ea9e447f10a0d067d82e22b.png);}
#page {background:url('/sysdata/attach/layout.css/44b91579ea3043d9a9deac77573dca9b.png') 0px 0px repeat;}



#layout #banner {display:none;}
#layout #toolbar .layoutMenu, #layout #toolbar .wrap {width:990px;}

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

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

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

#content .toolBox {top:16px;}

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

.fs-modal #xboxL-inline .header .header-text,
.fs-modal #xboxR-inline .header .header-text {border-bottom:1px dashed #ccc; margin-bottom:3px;} /*上傳影片標題分隔線*/

#top .header-text > .title,
#content .header-text > .title,
#bottom .header-text > .title,
#xbox-inline .header-text > .title  {padding-left:28px;}

.fs-modal .modalBox  #xbox-inline .header-text > .title {padding-left:0;}

#sidebar-rear .header-text {padding-left:5px;}
#mbox-inline .header-text > .title {padding-left:20px;}

#content .block > .header {
  min-height:34px;
  background:url('/sysdata/attach/layout.css/f659fe4e8d2caaa736a1e728f90f126c.png') left center no-repeat;
  margin-bottom:5px;
} 

#top .block > .header,
#bottom .block > .header {
  min-height:34px; 
  background:url('/sysdata/attach/layout.css/f659fe4e8d2caaa736a1e728f90f126c.png') left center no-repeat;
} 

#root-mgr #xbox-inline .block > .header {background:none;}
#root-mgr #xbox-inline .header-text > .title {padding-left:0;}

#root-mgr #xbox-inline .header-text {border-bottom:1px dashed #ccc;}

#footer {background:url('/sysdata/attach/layout.css/44b91579ea3043d9a9deac77573dca9b.png') 0px 0px repeat;}

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

#root-cpage #bottom .alert-info.editCurLayout a {color:#0367b0;}
#root-cpage #bottom .alert-info.editCurLayout a:hover {color:#0080DF;}

#root-mgr #sidebar a:hover {color:#0367b0;}
#root-mgr #sidebar .active {color:#51739d;}

#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:5px;}

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

#sidebar {
  margin: 0;
  border:0;
  background:#fff;
}

#sidebar .block {background:#fff; border:0;}

#main {
  width:998px;
  margin-top:0;
  padding:12px;
  border:0;
  box-shadow:0px 0px 6px #ccc;
  background:#fff;
  box-sizing:border-box;
}
.modalBox #main {
border: none;box-shadow:none;
}
#main > .header {border-radius:3px;}

#about {border-top:0;}

#root-login #main {margin:60px auto 0; width:600px;}

#footer {margin:0 auto; padding-top: 5px; font-size:.9em;} 

#sidebar-rear .header {
  min-height:33px; 
  background:url('/sysdata/attach/layout.css/68abde84b1f5b034957eee78a28bea39.png') no-repeat;
}

#sidebar-rear .module.mod_tag > .header {
  background:url('http://media2.tpl.formosasoft.com/sysdata/attach/layout.css/fdf5776ce91bf9700cbdcdd57411ca58.png') no-repeat;
}

#sidebar-rear .module.mod_kmCarousel > .header {
 background:url('http://media2.tpl.formosasoft.com/sysdata/attach/layout.css/b447383711137749342b0d207eed76ac.png') no-repeat;
}

#mbox-inline .header {
  background:url('/sysdata/attach/layout.css/23a8419f8e8fe1532a78428edf9e2ac0.png') left center no-repeat;
}

#root-mgr #sidebar .header .title {padding-left:0;}
#root-mgr #mbox-inline .header {background:none}
#root-mgr #mbox-inline .block .header .header-text {border-bottom:1px dashed #ccc;}


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

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

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

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

.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: 97px;
}
#banner #siteMenu {
    top: 22px;
    left: 170px;
}
#banner .caption {
    display: block;
    top: 27px;
    left: 0px;
}


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

#banner .logo {
    background-image: url(/sysdata/attach/mgr.service/681a90c6216138e40e75292c6e619e7f.png);
    width: 60px;
    height: 62px;
}
#banner .sys-canvas {
    height: 89px;
}
#banner .caption {
    display: block;
    top: 11.974998474121px;
    left: 82px;
}
#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: 6px;
    left: 9px;
}