/* custom style */
/* custom style */
body {background:#fff;}

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}


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


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

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



#sys {background:#eee}
#sys #logoBox a, #menu ul > li a, #menu ul > li .caret, .sysLoginBox a {color:#000}
#menu ul > li:hover a, #menu ul > li:hover .caret, .sysLoginBox a:hover, #sys #logoBox a:hover {color:#f00}

#menu ul > li .caret {border-top-color:#000}
#menu ul > li:hover .caret{border-top-color:#f00; !important}

#siteMenu .menu >ul {border:0; background-image:none; box-shadow:none}
#siteMenu .menu >ul >li >a {color:#fff; font-weight:normal; text-shadow:none; padding:16px}
#siteMenu .menu >ul >li:hover, #siteMenu .menu > ul > li >a:hover {color:#ff0; background:none; box-shadow:none;}

#siteMenu .menu >ul > li >.caret {border-top:4px solid #fff; top:16px}
#siteMenu .menu >ul > li:hover >.caret {border-top:4px solid #ff0; top:16px}

#siteMenu .menu > ul > li {border-left: 1px solid #739489}

#siteMenu .menu > ul > li:first-child {border-left:0}

.body-cpage #bottom {border-top:1px solid #ddd; margin-top:16px;}

.body-cpage-1 #main {padding:0; background:none}

.body-cpage-1 #top .module .body a,
.body-cpage-1 #top .module .header span.hint a {color:#39A0EB}

.body-cpage-1 #top .module .body a:hover,
.body-cpage-1 #top .module .header span.hint a:hover {color:#e95412}

.body-cpage-1 #top .module .hint {color:#bbb}

.body-cpage-1 #top .carousel {margin-bottom:0}
.body-cpage-1 #top .carousel .carouselitembox {padding:0;}
.body-cpage-1 #top .carousel .innerbox {border:0; padding:0;}
.body-cpage-1 #top .mod_carousel .default-margin {padding:0; margin:0;}
.body-cpage-1 #top .carouselitembox .innerbox img {height:374px}

.body-cpage #top {
    width:980px;
    margin:0 auto;
}

.body-cpage-1 #top {
    margin-bottom:20px;
    box-sizing:border-box;
    border:5px solid #4DC352;
    color:#fff;
    background:#4C443C;
}


.body-cpage-1 #top-rear .default-margin > .body {margin-top:0}

#main {min-height:400px; border:0; background:#fff; box-sizing:border-box; padding:12px 5px; margin-top:0}
#page {background:url(/sysdata/attach/layout.css/f58048cd68413ef5b3de43f5f0bf60a6.jpg) no-repeat;}
#main-data {padding:6px;box-sizing: border-box;}


.body-cpage-1 #main-data {background-color:#fff}

#footer {
  min-height:98px; 
  margin-top:0;
  background:url(/sysdata/attach/layout.css/11c89948e879938d2604a082c8de6160.jpg) repeat-x
}

#about {border-top:0} 
/* banner */

#banner .sys-canvas {
    height: 166px;
}
#banner #siteMenu {
    top: 104px;
    left: 0px;
}
#banner .caption {
    display: block;
    top: 19px;
    left: 83px;
}

#banner .logo {
    background-image: url(/sysdata/attach/tmp/0f3982fc0a82b556113d048467e4b863.png);
    width: 64px;
    height: 69px;
}
#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: 13px;
    left: 6px;
} 
/* banner */

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

#banner .logo {
    background-image: url(/sysdata/attach/layout.index.zh-tw/a7040f49cfa9651c6e95a5421d19fc45.png);
    width: 288px;
    height: 80px;
}
#banner .banner {
    top: px;
    left: px;
}
#banner .logo {
    top: px;
    left: px;
}