@charset "UTF-8";


.modules_lecture_state .proc_state	{ margin: 30px 0; }
.modules_lecture_state .proc_state:after	{ display: block; clear: both; content: " "; }


.modules_lecture_state .proc_state .navigation	{ margin: 30px 0; }
.modules_lecture_state .proc_state .navigation p	{ width: 200px; line-height: 40px; margin: 0 auto; text-align: center; }
.modules_lecture_state .proc_state .navigation p strong	{ display: block; line-height: 30px; background-color: #666; color: #fff; text-align: center; font-weight: normal; font-size: 15px; }
.modules_lecture_state .proc_state .navigation p a	{ display: inline-block; font-size: 20px; }
.modules_lecture_state .proc_state .navigation p em	{ display: inline-block; margin: 0 20px; font-size: 20px; font-weight: bold; color: #000; }


.modules_lecture_state .proc_state .tab_menu	{ margin: 30px 0 10px 0; }
.modules_lecture_state .proc_state .tab_menu ul	{ padding: 0 0 0 20px; margin: 0; list-style: none; border-bottom: 1px solid #c8c8c8; }
.modules_lecture_state .proc_state .tab_menu ul:after	{ display: block; clear: both; content: " "; }
.modules_lecture_state .proc_state .tab_menu ul li	{ float: left; padding: 0 5px 0 0; margin: 0 0 -1px 0; list-style: none; background: none; }
.modules_lecture_state .proc_state .tab_menu ul li a	{ display: block; width: 100px; line-height: 30px; border-width: 1px; border-style: solid; border-color: #c8c8c8; color: #555; background-color: #fafafa; text-align: center; font-size: 14px; font-weight: 600; }
.modules_lecture_state .proc_state .tab_menu ul li a:focus, .modules_lecture_state .proc_state .tab_menu ul li a:hover, .modules_lecture_state .proc_state .tab_menu ul li a:active	{ color: #fff; background-color: #666; }
.modules_lecture_state .proc_state .tab_menu ul li a.active	{ color: #000; background-color: #fff; border-bottom: 1px solid #fff; }


.modules_lecture_state .proc_state .search	{ margin: 0 0 30px 0; }
.modules_lecture_state .proc_state .search form fieldset	{ padding: 10px 20px; background-color: #f5f5f5; }
.modules_lecture_state .proc_state .search form fieldset:after	{ display: block; clear: both; content: ""; }
.modules_lecture_state .proc_state .search form fieldset p.category	{ float: left; margin: 0; }
.modules_lecture_state .proc_state .search form fieldset p.search_word	{ float: right; margin: 0; }
.modules_lecture_state .proc_state .search form fieldset p > *	{ vertical-align: middle; }
.modules_lecture_state .proc_state .search form fieldset p label	{ position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_lecture_state .proc_state .search form fieldset p select	{ margin: 0; }
.modules_lecture_state .proc_state .search form fieldset p input	{ width: 200px; margin: 0 0 0 3px; }
.modules_lecture_state .proc_state .search form fieldset p button,
.modules_lecture_state .proc_state .search form fieldset p a	{ margin: 0 0 0 5px; }
.modules_lecture_state .proc_state .search form fieldset p .action_search	{ background-color: #545454; color: #fff; }
.modules_lecture_state .proc_state .search form fieldset p .action_cancel	{ background-color: #545454; color: #fff; }


.modules_lecture_state .proc_state .list	{ margin: 30px 0; }
.modules_lecture_state .proc_state .list ul	{ padding: 0; margin: 0; list-style: none; border-bottom: 2px solid #517086; }
.modules_lecture_state .proc_state .list ul li	{ padding: 10px; margin: 0; list-style: none; border-bottom: 1px solid #c1c1c1; background: none; }
.modules_lecture_state .proc_state .list ul li:last-child	{ border-bottom: 0 none; }
.modules_lecture_state .proc_state .list ul li.empty	{ line-height: 100px; text-align: center; }
.modules_lecture_state .proc_state .list ul li a	{ position: relative; display: block; padding: 0 100px 0 0; }
.modules_lecture_state .proc_state .list ul li a:after	{ display: block; clear: both; content: ""; }
.modules_lecture_state .proc_state .list ul li a strong	{ display: inline-block; line-height: 25px; padding: 0 10px; margin: 0 10px 0 0; background-color: #666; color: #fff; font-weight: normal; }
.modules_lecture_state .proc_state .list ul li a em	{ color: #000; font-weight: 600; }
.modules_lecture_state .proc_state .list ul li a dl	{ padding: 0; margin: 0; list-style: none; }
.modules_lecture_state .proc_state .list ul li a dl:after	{ display: block; clear: both; content: ""; }
.modules_lecture_state .proc_state .list ul li a dl dt	{ float: left; width: 10%; padding: 0; margin: 0; list-style: none; text-align: right; }
.modules_lecture_state .proc_state .list ul li a dl dt:after	{ display: inline-block; width: 10px; text-align: center; content: ":"; }
.modules_lecture_state .proc_state .list ul li a dl dd	{ float: left; width: 40%; padding: 0; margin: 0; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modules_lecture_state .proc_state .list ul li a .state	{ position: absolute; right: 10px; top: 50%; width: 80px; line-height: 40px; margin-top: -20px; border-radius: 10px; text-align: center; color: #fff; background-color: #666; }
.modules_lecture_state .proc_state .list ul li a .state_W	{ background-color: #ddd; color: #000; }
.modules_lecture_state .proc_state .list ul li a .state_Y	{ background-color: #104790; }




@media all and ( max-width: 1023px )
{
	.modules_lecture_state .proc_state .tab_menu ul	{ padding: 0 10px; }
	.modules_lecture_state .proc_state .tab_menu ul li	{ width: 33.3%; padding: 0; margin-right: -1px; }
	.modules_lecture_state .proc_state .tab_menu ul li a	{ width: auto; }
	
	
	.modules_lecture_state .proc_state .search form fieldset	{ padding: 10px; }
	.modules_lecture_state .proc_state .search form fieldset p.category	{ float: none; margin-bottom: 10px; text-align: center; }
	.modules_lecture_state .proc_state .search form fieldset p.search_word	{ float: none; text-align: center; }
	
	
	.modules_lecture_state .proc_state .list ul li a	{ padding-right: 0; }
	.modules_lecture_state .proc_state .list ul li a em	{ display: block; }
	.modules_lecture_state .proc_state .list ul li a dl dt	{ clear: both; width: 25%; }
	.modules_lecture_state .proc_state .list ul li a dl dd	{ width: 75%; white-space: normal; overflow: visible; text-overflow: inherit; }
	
	.modules_lecture_state .proc_state .list ul li a .state	{ position: static; display: block; width: 150px; margin: 10px auto 0 auto; }
}