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

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

[contenteditable="true"] {color:#444 !important;}
input, textarea {color: #444 !important;}

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

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

.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;} /*上傳影片標題*/
.breadcrumb {margin-bottom:5px;}
.selectBox.folder li.dir {padding-left:14px;}
#info .sysbar-search {margin-left:10px; width:180px;}

#content-rear .default-margin {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;} /*個人設定留空隙*/
#root-index #mbox-inline .body img {margin:5px 0;} /*課程縮圖留空隙*/
#root-mgr #xbox-inline .default-margin {padding-left:0; padding-top:0;}
#root-cpage .editCurLayout {font-weight:normal; font-size:15px;}

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

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

.block .header .header-text > .title .form-label .edit .text {font-size:20px; text-shadow:none;}

.browseFolder .parent {font-size:1.1em; 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,
.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;}

.form-panel .control-label, label {font-size:15px;}

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

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

#courseInfo .form-horizontal .control-label,
#signUpSetting .form-horizontal .control-label,
#learningItemSetting .form-horizontal .control-label {font-size:15px;} /*編輯課程資訊*/

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

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

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

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

.addNewItem a,
#root-cpage .editCurLayout {
  display:block;
  margin:auto;
  padding:5px 0;
  -webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.05);
  box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.05);
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #e4e4e4;
  text-align:center;
  font-size:1em;
  background-color:#f5f5f5;
}

.addModuleArea a,
.mod_alert .alertBox .sp,
.curriculum-editor .chapter-add,
#btnAddPageMenu {
  display:block;
  width:auto;
  padding:5px 0;
  -webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.05);
  box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.05);
  -webkit-border-radius:6px;
  border-radius:6px;
  color:#0367b0;
  border:1px solid #e4e4e4;
  text-align:center;
  font-size:1em;
  background-color:#f5f5f5;
  opacity:1;
  transition:none;
}

.km-clickToAdd {margin:0;}

.km-clickToAdd .addMedia {
  padding:8px 20px;
  -webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.05);
  box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.05);
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #e4e4e4;
  text-align:center;
  font-size:1em;
  color:#0367b0;
  background-color:#f5f5f5; 
}

.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 {
  box-shadow:inset 0 0 14px 0 rgba(0,0,0,0.05);
  border-color:#e4e4e4;
  color:#0080DF;
  background-color:#FBFBFB;
}*/

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

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

.addNewItem a,
#root-cpage .editCurLayout,
#root-course .editCurLayout {
  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 {
  text-align:center;
  font-size:15px;
  color:#0367b0;

}

.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,
#root-cpage .editCurLayout:hover,
#root-course .editCurLayout:hover {
  color:#0080DF;
}
 
/* custom style */
 
/* custom style */
#sys {background:#666; font-size:15px; padding:8px 0px}
#banner .box {min-height:10px}
#menu li, .sysLoginBox {font-size:15px; border-left:1px dotted #888; padding:0px 7px; margin-left:0px}
#menu .dropdown-menu li {border-left:0px} 
/* banner */

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


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

#banner .sys-canvas {
    height: 19px;
}
#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;
} 
/* banner */

#banner .sys-canvas {
    height: 120px;
}
#banner #siteMenu {
    top: 76px;
    left: 0px;
}
#banner .caption {
    display: block;
    top: 25.96875px;
    left: 0px;
}


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

#banner .sys-canvas {
    height: 10px;
}
#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;
}