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

body {background:#f7f7f7;}

body, table {font:15px/1.5 Arial, Microsoft JhengHei, sans-serif}

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

#sys #logoBox a, #menu ul > li a, #menu ul > li .caret, .sysLoginBox a {color:#fbfbfb}
#menu ul > li:hover a, #menu ul > li:hover .caret, .sysLoginBox a:hover, #sys #logoBox a:hover {color:#88ff88}

#menu ul > li .caret {border-top-color:#fbfbfb}
#menu ul > li:hover .caret {border-top-color:#88ff88; !important}

a, .clist .tableBox a, .spanLink {color:#0367b0}
a:hover, .clist .tableBox a:hover, .spanLink:hover {color:#e95412}

#root-cpage #bottom .default-margin > .body .alert-info a,
.alertBox .head {color:#0367b0}

#root-cpage #bottom .default-margin > .body .alert-info a:hover,
.alertBox .head:hover {color:#0080df}

.alert, .alert h4 {color:#906620; margin-bottom:10px;}
.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}



#sys {background:#2173b2; border-bottom:1px solid #fff;}

#main {
	border:1px solid #DCDCDC;
	background:#FFF;
	box-sizing:border-box;
	padding:5px;
}


#sidebar {width:220px}
#root-mgr #content {width:792px;}
.body-layout #content, .base1 #content {width:960px;}

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

#content-rear .default-margin {padding-top:5px}

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


.block .header .header-text {border-bottom:1px solid #ccc; margin-bottom:8px;}
.base2L #sidebar {padding-right:5px; border-right:1px solid #ccc}
.base2R #sidebar {padding-left:5px;  border-left :1px solid #ccc}


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

#layout #banner {display:none}

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


.greatestHint {
	border:1px solid #e11d1e;
	box-shadow:0 1px 0 #FFADAE inset;
	background-color:#EF1F20;
}


.clist {border-bottom:0}
	.clist .tableBox {border-top:3px solid #CDCDCD}
		.clist .tableBox .header {background: #F4F4F4}
		.clist .tableBox th {border-bottom:1px solid #CDCDCD}
			.clist .tableBox tbody tr td {border-bottom:1px solid #ccc}
			.clist .tableBox tbody tr:hover td {border-top:1px solid transparent; border-bottom:1px solid #ccc; 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, #fff, #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; color:#fff}

.body-conference #content {width:960px}


.addNewItem .hint {color:#0367b0; font-size:15px !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;}


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

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


#root-mgr #xbox-inline .default-margin {padding-left:0; padding-top:0}
#xbox-inline .mod_course .text-right {margin-top:10px}
.list-style {margin-bottom:10px}
.admin-only {padding-left:10px}
.body-km .app-km .block .header {position:relative}
.body-km .app-km .block .header .header-text > .title > .hint {position:absolute; top:8px;}
.body-faq .breadcrumb {margin-bottom:16px;}
.kmchooser .item:hover {background:#007aae}

.activityList .list .curr, 
.treeList .curr, 
.treeList .curr:hover,
.thumbList .item.curr	{background:#d7f3ff}

.mediaGrid .main		{margin-bottom:4px}
.fs-modal				{padding-left:5px}

.selectBox.folder li.dir{padding-left:14px}



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


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

.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;} 
/* banner */

#banner .sys-canvas {
    height: 157px;
}
#banner #siteMenu {
    top: px;
    left: px;
}
#banner .caption {
    display: block;
    top: 54px;
    left: 147px;
}
#banner .banner {
    background-image: url(/sysdata/attach/mgr.service/266b167b366efe104cee28187b1a9fc1.png);
    width: 997px;
    padding-top: 16.0481444333%;
}
#banner .logo {
    background-image: url(/sysdata/attach/mgr.service/b1461557197bf3c62e6869ebffe49b90.png);
    width: 84px;
    height: 85px;
}
#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: 33px;
    left: 32px;
}