/* custom style */
/* custom style */
.searchBox .btn-search img{padding:4px 4px;}
.searchBox input.search{line-height: 16px;}

.body-index-login #banner{width: 600px;}
#banner{width:998px;}
.body-index-login #root-login #main{margin:0 auto;}
.mediaGrid .title{}
.mediaGrid .main { margin-bottom: 4px;}
.tvGrid .mediaGrid .item { position: relative;width: auto;  margin: 8px;}
.mediaGrid .type-title	.title {    white-space: normal;    margin-left: 5px;}
.browseFolder .gridList .itemBox {margin:0}
.pull-right {    float: right;}
.mediaGrid li {   width: 33%;   margin-bottom: 20px;}


.kmchooser{    margin-left: 3px;width: 279px;}
.kmchooser .item:hover {    background: #FFFBD5;}
.kmchooser .item a:hover {    color: #EE870A;}


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

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

#main {
  width:998px;margin-top:0px; padding:14px; border:0;  background:#fff; box-sizing:border-box;border: 1px solid rgb(185, 185, 185);}


.well {  margin-left: -10px;}

#xbox-inline .admin-only{    margin-left:-12px;}

.clist .tableBox {
    table-layout: fixed;
    border-top: 3px solid #4abeb5;
    border-collapse: separate;
    border-spacing: 0 .5px;
    font-size: 13px;
    border-bottom: 1px solid #EBEFEF;
}
.form-horizontal .control-group { margin-bottom: 20px; margin-right: 0px;}



div .sys-canvas .clearfix .box{height:80px;}

.sys-canvas .clearfix .box{height:80px;}

#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 {
    font-size: 20px;
    text-shadow: none;
    font-weight: normal;
    border-bottom: 4px solid #78706E;
    display: inline;
}

.blog .body-item .title {margin-bottom: 10px;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;font-size: 20px;}
.blog .head-item .title {font-size:20px; text-shadow:0 1px 0 #ccc; font-weight:normal;}

#xbox{margin-top:-16px}
.module .app-user .app-user-readlog{margin-left:-70px;}
.tips {margin-top: -15px;
    border: 1px dashed #f88;
    background-color: #fff8f8;}

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

.menu {       padding-top: 1px; font-size: 15px;}
#logoBox {float: left;font-size: 15px;vertical-align: middle;padding-top: 2px;}
.sysbar-search {    width: 220px;    margin-top: 4px;}
#sys {height:29px; background:url(/sysdata/attach/layout.css/701409d40ea9e447f10a0d067d82e22b.png) repeat-x;background-position:0px 5px;background-color:#827A78;}
div .name div{padding:2px;}
.profile {  margin-bottom: 0px;}

#root-cpage #content .header-text > .title, #root-cpage #sidebar .header-text > .title, #root-cpage #top .header-text > .title 
{    display: inline;    border-bottom: 4px solid #78706E;font-size: 21px;}
 #content .block > .header {   display: inline;    border-bottom: 4px solid #78706E;}


body, table {
  font-family:Arial,Microsoft JhengHei,sans-serif;  font-size:15px;  color:#444}

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

#top .block > .header, #bottom .block > .header {min-height: 34px;    background: none;}
#content .block > .header{min-height:34px;background: none;}


#top .header-text > .title, #content .header-text > .title, #bottom .header-text > .title, #xbox-inline .header-text > .title {  padding-left: 0px;}
#top .block > .header{ min-height: 34px; background: none; }
.item{margin-top:3px;}

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

.simpleList{margin-top: 10px;} 
#content .header-text > .title { padding-left: 0px;}

#copyrightBox{text-shadow: 3px 3px 10px rgb(251, 251, 251);padding-top: 20px;     font-size: 16px;}

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


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

.activityList .list .curr, .treeList .curr, .treeList .curr:hover, .thumbList .item.curr {
    background: #F2F2F2;
}
.fs-header .title {font-weight:normal; margin-bottom:5px; font-size:30px;}

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

.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:0px;}

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


#mbox-inline .header-text > .title {padding-left:0px;display: inline;    border-bottom: 4px solid #78706E;}

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


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


#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; background: #fff; border: 0; }


#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 .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 solid #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
{
  font-size:20px; 
  text-shadow:none;
  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;}

.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 .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-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 */

.body-layout-cpage-home #banner{display:none;}


#banner .logo {
    background-image: url(/sysdata/attach/mgr.service/a608f5e29936a40028d35ad4e4c5a872.png);
    width: 61px;
    height: 52px;
} 

#banner .sys-canvas {
    height: 66px;
}
#banner .caption {
    display: block;
    top: 9px;
    left: 64px;
}
#banner .logo {
    top: 6px;
    left: 0px;
} 
/* banner */

#banner .sys-canvas {
    height: 45px;
}
#banner #siteMenu {
    top: px;
    left: px;
}
#banner .caption {
    display: none;
    top: px;
    left: px;
}


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