/* custom style */
/*@import url(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css); 
*,
*:before,
*:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/

/* custom style */
/*首頁 icon*/
/*熱門影音*/
.cpage-home-media-button {
	display:inline-block;
	width:68px;
	height:68px;
	background:url(/sysdata/attach/layout.css/ac90b3f47423bfc46462f5ba283bbd04.png) no-repeat
}
.cpage-home-media-button:hover {
	background:url(/sysdata/attach/layout.css/7a6fa09844595e010eb6f72ad1980a70.png)
}

.cpage-home-media-button:before {
	display:none;
    content: url(/sysdata/attach/layout.css/7a6fa09844595e010eb6f72ad1980a70.png);
}

/*活動相簿*/
.cpage-home-album-button {
	display:inline-block;
	width:68px;
	height:68px;	
	background:url(/sysdata/attach/layout.css/327f14224a7e737d0bf2f1c65b1c97f1.png)
}

.cpage-home-album-button:hover {
	background:url(/sysdata/attach/layout.css/7be889dba7bbbe00c184ceeb9d759730.png)
}

.cpage-home-album-button:before {
	display:none;
    content:url(/sysdata/attach/layout.css/7be889dba7bbbe00c184ceeb9d759730.png);
}

/*最新活動*/
.cpage-home-activity-button {
	display:inline-block;
	width:68px;
	height:68px;	
	background:url(/sysdata/attach/layout.css/015d06ca2f05c8f5f2a7b3d12f39b6f5.png)
}

.cpage-home-activity-button:hover {
	background:url(/sysdata/attach/layout.css/4839eca23d359aaa3515fdf660e38ee3.png)
}

.cpage-home-activity-button:before {
	display:none;
    content:url(/sysdata/attach/layout.css/4839eca23d359aaa3515fdf660e38ee3.png);
}


.body-cpage-1 #content {width:100%;}
.body-cpage-1 #footer {display:none;}

.body-cpage-1 #top {background:#d7d7d7}

#top .carousel .innerbox {padding:0; border:0;}
#top .carousel .carouselitembox {padding:0;}
#top .carousel {margin-bottom:0;}



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

.hint {color:#555}

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

#page {min-width:980px}

#main, #top > .body, #main-data, #bottom > .body {width:980px; margin:auto}
#main {margin:0 auto; border:0; background:#fff; margin-bottom:20px}
#main-data {margin:12px auto 12px}


#sys {/*min-width:970px;*/ height:24px; padding-top:16px;  background:#5f4eb6}
#sys2 #info	{display:inline-block}
#sys3 {text-align:right}
#sys3 #menu	{text-align:left}

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


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

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

#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} /*個人設定留空隙*/


#banner {width:100%; background:#5f4eb6;}
#banner .body {position:relative; width:980px; margin:0 auto}
#banner .body {margin-top:-28px}
#banner .logo {z-index:1000}

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

#siteMenu .menu > ul {display:inline-block; width:auto; padding:0; border:0; background-image:none; box-shadow:none}
	#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; color:#000; font-weight:bold; text-shadow: none; padding:10px 16px;}
	#siteMenu .menu > ul > li:hover, 
	#siteMenu .menu > ul > li > a:hover			{color:#5f4eb6; box-shadow:none; background:#FFD34D;}

	
#footer	{margin:0; padding-bottom:4px; min-width:980px; height:92px; background:url(/sysdata/attach/layout.css/9856c757306b8bd97cc39440972b8ec5.png) bottom no-repeat #445B2B}
#about	{border-top:0; padding:0}


#info .searchBox {margin-right:10px}
.sysLoginBox {display:none}
#logoBox  {display:none}

#layout #banner {display:none}
#layout #toolbar .layoutMenu {background:transparent}
#layout #toolbar {
  width:100%; 
  background:#3F3F3F;
}
#layout #footer {background:none}

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


#root-cpage #main	{width:auto; margin-bottom:0;}
#root-cpage #main-data {width:auto; margin:0 auto;}
#root-cpage #content .header-text > .title,
#root-cpage #sidebar .header-text > .title {
  display:inline; 
  border-bottom:3px solid #88AB3B;
}


#root-cpage iframe {box-shadow:1px 1px 10px #4C4C4C}
#root-cpage .editCurLayout {width:980px; margin: auto} /*編輯此頁面按鈕*/


#bottom .header-text {border-bottom:0}
#bottom .header-text > .title {color:#fff}
#bottom .block .header .header-text > .ext {color:#c0c0c0}
#bottom .modFolderBox li:hover	{background:#55792E}
#bottom .mod_rss .body .text-center {color:#c2d94d}

#root-cpage #bottom .default-margin > .body .alert-info a {color:#0367b0}
#root-cpage #bottom .default-margin > .body .alert-info a:hover {color:#0080DF}

#root-cpage #bottom a {color:#c2d94d}
#root-cpage #bottom a:hover {color:#f8ae33}

#root-cpage #bottom a .hint (color:#c2d94d;)

#root-cpage #bottom {background:url(/sysdata/attach/layout.css/da2e0188a1de2317875ca342e99cfdcb.png) bottom no-repeat #445b2b;}

#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:#c2d94d}
#root-cpage #bottom .default-margin .body ul .hint {color:#c2d94d}	
	
#root-cpage #bottom .toolItem {background:url(/sysdata/attach/layout.css/25ed3ad923606070a264ddc1bc459e3a.png) left center no-repeat}

#root-cpage #bottom .toolItem,
#root-cpage #bottom .toolItem a,
#root-cpage #bottom .default-margin > .body .pull-right,
#root-cpage #bottom .default-margin > .header-text > .ext .text-right a,
#root-cpage #bottom .header .header-text .text-right a {color:#f8ae33}

#root-cpage #bottom .toolItem a:hover,
#root-cpage #bottom .default-margin > .body .pull-right:hover,
#root-cpage #bottom .default-margin > .ext a:hover,
#root-cpage #bottom .header .header-text .text-right a:hover {color:#ffcd8b}

#root-cpage #bottom .mod_tag .body .tagBox .cnt {color:#aeaeae}


#root-mgr #sidebar a:hover {color:#e95412}
#root-mgr #sidebar .active {color:#e95412}

#root-index #mbox-inline .body img {margin:5px 0} /*課程縮圖留空隙*/
#root-mgr #xbox-inline .default-margin {padding-left:0; padding-top:0} /*管理頁標題對齊*/


#root-login #main {padding:0 15px 15px; margin:50px auto 50px}
#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}


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

.body-catSearch .catSearch-filter .tool .radio,
.body-catSearch .catSearch-filter .parent {font-size:15px;}


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



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


.body-media #root-media .breadcrumb {width:620px;}


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

.kmchooser .item:hover {background:#007aae}

.activityList .list .curr, 
.treeList .curr, 
.treeList .curr:hover,
.thumbList .item.curr	{background:#d7f3ff}
.fs-header .title		{margin-bottom:5px; font-weight:normal; 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}

.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,
.block > .body .header .header-text > .title,
.mod_vote .question {
  font-size:20px; 
  text-shadow:none;
  font-weight:normal;
}

.browseFolder .gridList .itemBox {margin-left: 0;}

.browseFolder .parent {background:none; padding-left:0; font-size:15px; font-weight:bold}

.browseFolder .ico-folder_group,
.browseFolder .ico-folder_login,
.browseFolder .ico-null,
.browseFolder .name {font-size: 13px;}

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

.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,
.blog .head-item .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}

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}

.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} /*編輯課程資訊*/

#root-conference .control-label {font-weight:bold;}

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


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

#root-conference .clist .tableBox {border-top:3px solid #93658f}
#root-conference .clist .tableBox .header {background: #a77fa4;}
#root-conference .clist .tableBox th {border-bottom:1px solid #93658f; color:#fff}

.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 {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 {color:#0080df;} 
/* banner */

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

#banner .logo {
    background-image: url(/sysdata/attach/layout.css/4354442bb1cfdf3b13c8bfc3cb3d8ba2.png);
    width: 267px;
    height: 70px;
}
#banner .banner {
    top: px;
    left: px;
}
#banner .logo {
    top: 0px;
    left: 0px;
}
.app-media-doc .block {
  margin:0;
  padding:0;
} 
/* banner */

#banner .sys-canvas {
    height: 136px;
}