/* top module */

#top .block > .header {font-size: 18px}

 
/* custom style */
/* paper submission */
#root-submission #banner .body {
  margin-top: 0px;
}

/*2016 TUA Annual Meeting Scientific Programs*/
table.c2017_table td{padding:15px 0px;}
.thanks-font{font-size:21px;}
.thankspage{margin-right: 13px;
    width: 34%;
   float:left;
 }
.thankspage img{border:1px solid #CBCBCB;}
.thanks-inline-block{font-size:14px;}

.c2016_table1{font-family:Arial,Microsoft JhengHei;font-size:18px;line-height:23px;}
.c2016_table2{margin:0px auto;border-color:#111111;font-family:Arial,Microsoft JhengHei;text-align:center;vertical-align:middle;border-collapse:collapse;font-size:14px;}
.c2016_td{vertical-align:middle;padding:20px 10px;text-align:center;font-size:15px;}
.c2016_td1
{vertical-align:middle;padding:20px 0px;text-align:center;font-size:13px;}
.c2016_tdtime{vertical-align:middle;padding:10px 0px;font-size:15px;}
.c2016_tableplace{text-align:center;font-size:17px;line-height:30px;}
.c2016_tableplace1{text-align:center;font-size:17px;line-height:40px;padding-top:5px;}
.c2016_tableplace2{text-align:center;font-size:17px;line-height:20px;padding-bottom:10px;}


.body-cpage-37 #banner {  display: none;}
.c2016-breaklineheight{line-height:20px;}
table.c2016_table2 td{vertical-align: middle;padding:15px 0px;}




/*2015 TUA Annual Meeting Scientific Programs*/
.body-cpage-16 #main-data {width:auto;}
.body-cpage-16  .base1 #content {width:998px}


/* custom style */
@font-face {
    font-family:DFLiHeiBold;
    src:url(/download/284/fcb59b67cc8e269742015b14a5b4f8bd/DFLiHei-Bd-HK-BF.ttf);
}

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

#page	{min-width:980px}
.body-cpage-21 #page {min-width:800px}

.body-cpage-21 #main {max-width:980px; margin:auto}

.body-cpage-21 #main,
.body-cpage-21 #top > .body,
.body-cpage-21 #main-data,
.body-cpage-21 #bottom > .body {width:100%; margin:auto}


#sys	{min-width:970px; height:24px; width: 100%; padding-top:36px;  background:url(/sysdata/attach/layout.css/a9a68c2eec4826b14abe37ddf2c46d7e.png) top} /*解決瀏覽器縮放跑版問題*/
	#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}

#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-mgr #sidebar a:hover {color:#e95412}
#root-mgr #sidebar .active {color:#e95412}

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

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

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


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

#layout #toolbar .layoutMenu {background:transparent}
#layout #toolbar {width:100%; background:url(/sysdata/attach/layout.css/f912b99bc82979290bdeba97e2aa247d.png) #000 top}
#layout #footer {background:none}

#root-cpage iframe {box-shadow:1px 1px 10px #4C4C4C}

.cpage-home-faq-button			{display:inline-block; width:72px; height:40px; background:url(/sysdata/attach/layout.css/8c079adfb29cb4f257e0e1792eca7083.png); background-size:cover}
.cpage-home-faq-button:hover	{background:url(/sysdata/attach/layout.css/62e2db43440fa15066d1641675ccde19.png)}

.cpage-home-faq-button:before {	
    display:none;
	content:url(/sysdata/attach/layout.css/62e2db43440fa15066d1641675ccde19.png);
}

.cpage-home-guide-button		{display:inline-block; width:125px; height:40px; background:url(/sysdata/attach/layout.css/02c2bb4735557f5db267384c1fe03406.png); background-size:cover}
.cpage-home-guide-button:hover	{background:url(/sysdata/attach/layout.css/704a636f9a122380036c813e8cc6c052.png)}

.cpage-home-guide-button:before {	
    display:none;
	content:url(/sysdata/attach/layout.css/704a636f9a122380036c813e8cc6c052.png);
}

	.cpage-home-conference-button		{display:inline-block; width:77px; height:68px; background:url(/sysdata/attach/layout.css/fb8475e6e60c9ec722a3631ddf5c68ee.png)}
	.cpage-home-conference-button:hover {background:url(/sysdata/attach/layout.css/bf8e2a51185367a22d5f08eafa0d47c7.png)}

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

	.cpage-home-media-button		{display:inline-block; width:77px; height:68px; background:url(/sysdata/attach/layout.css/dae6b29f422d8e90c23177e172a7984e.png)}
	.cpage-home-media-button:hover	{background:url(/sysdata/attach/layout.css/60006623d7e6bfe586c59fdfbb7fae12.png)}

.cpage-home-conference-button:before {	
    display:none;
	content:url(/sysdata/attach/layout.css/60006623d7e6bfe586c59fdfbb7fae12.png);
}

	.cpage-home-meeting-button		{display:inline-block; width:77px; height:68px; background:url(/sysdata/attach/layout.css/d35efb4e95efe8141a8b3bcb1f92d064.png)}
	.cpage-home-meeting-button:hover{background:url(/sysdata/attach/layout.css/3482dfed5eda098f49a7f0e29b5c6ca4.png)}

.cpage-home-meeting-button:before {	
    display:none;
	content:url(/sysdata/attach/layout.css/3482dfed5eda098f49a7f0e29b5c6ca4.png);
}
	
#root-cpage #bottom .toolItem	{background:url(/sysdata/attach/layout.css/c5688e63af502f36fe477496258009e1.png) left center no-repeat}

#bottom .modFolderBox li:hover	{background:#55792E}

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

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

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

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

#bottom .mod_rss .body .text-center {color:#c2d94d}


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

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

#layout #banner {display:none}

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

#main-data {margin:12px auto 12px}

#root-cpage #main-data {margin:20px auto 12px}

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

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

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

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

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

.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-bottom:20px}

#root-cpage #main	{width:auto; margin-bottom:0;}

.body-cpage-12 #root-cpage #main {background:url(http://eschool.tua.org.tw/sysdata/attach/layout.css/bf3cd20434f3af8262247d7f05b5b6a5.png); background-size:cover}



#root-cpage #bottom {background:url(http://eschool.tua.org.tw/sysdata/attach/layout.css/913da0dd8ee6c74ff3690a8271868a32.png) bottom no-repeat #445b2b}

#banner {
  width:100%; 
  background:url(/sysdata/attach/layout.css/f912b99bc82979290bdeba97e2aa247d.png) #292f2b top;
}

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

#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:#fff; font-weight:normal; text-shadow:0 1px 0 #000}
	#siteMenu .menu > ul > li:hover, 
	#siteMenu .menu > ul > li > a:hover			{color:#88ff88; box-shadow:none; background:none}

#bottom .header-text {border-bottom:0}
	#bottom .header-text > .title {color:#fff}
		#bottom .block .header .header-text > .ext {color:#c0c0c0}

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

	
.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;}
		
.body-catSearch .search-result .thumb a {padding:2px 5px}
.body-catSearch .app-catSearch .category-search {top:12px}

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

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

.km-admtool {vertical-align:text-bottom;}

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


#banner .fs-banner {
    background: rgba(0,0,0,0);
}

#banner .logo {
    position: absolute;
} 
/* banner */

#banner .sys-canvas {
    height: 109px;
}
#banner #siteMenu {
    top: 60px;
    left: 471px;
}
#banner .caption {
    display: none;
    top: 11px;
    left: 0px;
}

#banner .logo {
    background-image: url(/sysdata/attach/mgr.service/1310ec3bdd19559c9c5ee96171559032.png);
    width: 302px;
    height: 100px;
}
#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: 0px;
    left: 0px;
}