/* custom style */
.body-cpage-1 #top .carouselitembox .innerbox img {height:368px}

body {
  font-family:Arial,Microsoft JhengHei,sans-serif;
  font-size:15px;
  background:#fff;
  color:#444
}
table{font-size: 13px;}
.clist tableBox .major {font-size:15px}

.base2L #sidebar {padding-right:5px; border-right:1px solid #ccc;}
.base2R #sidebar {padding-left:5px; border-left:1px solid #ccc;}

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

#sys {background:#fff;}

#sys #logoBox a, #menu ul > li a, #menu ul > li .caret, .sysLoginBox a {color:#2c2c2c;}

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

#menu ul > li .caret {border-top-color:#5d5d5d;}
#menu ul > li:hover .caret {border-top-color:#0367b0; !important;}

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

#root-cpage #bottom a {color:#61B0F1}
#root-cpage #bottom a:hover {color:#fff}

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

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

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

#root-cpage #main {width:auto; margin-top:10px;} /*bottom 全幅*/
#root-cpage #bottom {background:#00567a;}
#root-cpage #bottom {color:#9BD9E9}
#root-cpage #bottom .header-text > .title {color:#fff}
#root-cpage #bottom .addNewItem a {color:#0367b0;}
#root-cpage #bottom .addNewItem a:hover {color:#0080DF;}
#root-cpage #bottom .mod_loginbox .pull-left {color:#FFF;}
#root-cpage #bottom .dropdown-menu > li > a {color:#333;}
#root-cpage #bottom .dropdown-menu > li > a:hover {color: #fff;}
#root-cpage #bottom .default-margin .body ul {color:#d8dfe5;}

#layout #banner {display:none;}

#main, #top > .body, #main-data, #bottom > .body {width:980px; margin:auto;}

#sidebar .block {padding-top:0; border:0; background:none;}
#content-rear .default-margin {padding-top:0;}
#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;
}

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

#root-cpage .editCurLayout {width:980px;}

#root-cpage #content .header-text > .title,
#root-cpage #sidebar .header-text > .title {
  display:inline; 
  border-bottom:5px solid #88b89e;
}

#root-login #main {padding:0 15px 15px;}
#root-login #main-data {width:576px; display:table;}
#root-login #sidebar, 
#root-login #content {display:table-cell; float:none;} 
#root-login #sidebar .block {border-left:0;}

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

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

#main {margin:0 auto; border:0; background:#fff; margin-top: 8px;}

#banner {width:100%; background:#00567a;}

#banner .body {position:relative; width:980px; margin:0 auto;}

#banner #siteMenu {width:auto; white-space:nowrap; left:auto !important; right:0;}

#siteMenu .menu > ul {
  width:auto;
  display:inline-block;
  box-shadow:none;
  padding:0;
  background-image:none;
  border: 0;
}

#siteMenu .menu > ul > li {float:none; display:inline-block;}

#siteMenu .menu > ul > li > .dropdown-menu {top:45px;}

#siteMenu .menu > ul > li > .caret {top:22px; border-top:4px solid #d8dfe5;}

#siteMenu .menu > ul > li > a {display:block; padding:22px 10px; color:#d8dfe5; font-weight:normal; text-shadow:none;}

#siteMenu .menu > ul > li:hover, 
#siteMenu .menu > ul > li > a:hover {color:#fff; box-shadow:none; background:#53a3b7;}

#bottom .header-text {border-bottom:1px solid #6d767e}

#about {border-top:0}

.clist .tableBox .header {background:#F4F4F4;}

.clist .tableBox {border-top:3px solid #CDCDCD;}

.clist .tableBox th {border-bottom:1px solid #cccccc;}

.clist {border-bottom:0}

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

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

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

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

#banner {min-height:66px}

/* banner */

#banner .sys-canvas {
    height: 66px;
}
#banner #siteMenu {
    top: 0px;
    left: 930px;
}
#banner .caption {
    display: block;
    top: 17px;
    left: 0px;
}


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

#banner .sys-canvas {
    height: 67px;
}
#banner #siteMenu {
    top: 0px;
    left: 580.06945800781px;
}
#banner .caption {
    display: block;
    top: 4.9583320617676px;
    left: 6px;
}
#banner .logo {
    top: 0px;
    left: 263px;
}