@charset "utf-8";

.timetable01 {width:100%;padding: 15px 0 15px 15px;box-sizing:border-box;float: left;}
.timetable01 h2.tabletit {font-size:18px;font-weight:400;line-height:25px;display: inline-block; max-width: 50%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.timetable01 .more_btn {float: right; width: 50px; color:#838383; line-height: 25px; padding-right: 15px;}
.timetable01 .more_btn:hover {color:#333; text-decoration:underline;}

.timetable01 #tab_menu {float:left;width:100%;height:100%;margin-top:15px;}
.timetable01 #tab_menu > input[type="radio"] {display:none;}
.timetable01 #tab_menu > input ~ div {display:none;}
.timetable01 #tab_menu > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.timetable01 #tab_menu > input:nth-of-type(2):checked ~ div:nth-of-type(2)  {display:block; float:left; width:100%;}

.timetable01 #tab_menu > section.buttons {overflow:hidden;position:absolute;right:0;top:0;padding: 17px 15px 10px 0;margin-right: 70px;}
.timetable01 #tab_menu > section.buttons > label {font-size: 13px;color:#636363;font-weight:400;/* line-height:22px; */text-align:center;padding: 3px 10px;border-top:2px solid transparent;cursor:pointer;display: inline-block;box-sizing:border-box;position:relative;text-indent: 0;left: 0;width: auto;border: 1px solid rgba(0,0,0,0.2);border-radius: 2px;}

.timetable01 #tab_menu > input:nth-of-type(1):checked ~ section.buttons > label:nth-of-type(1),
.timetable01 #tab_menu > input:nth-of-type(2):checked ~ section.buttons > label:nth-of-type(2) {
																					color: #fff;
																					font-weight: 600;
																					background: #1057a9;
																					/* box-shadow: 1px 1px 1px #ddddddc7; */
																					}


.timetable01 table {width:100%;background:#0f56a8;padding-top:2px;border-spacing: 0;}
.timetable01 table thead th {width:15%;background:white;border:1px solid rgba(0,0,0,0.1);border-width:0 1px 1px 0;vertical-align:middle;height:30px;line-height:30px;font-size:16px;text-align: center;}
.timetable01 table thead th:first-child {background:#fbfbfb !important;width:10%;}
.timetable01 table thead th:last-child {border-right:none;}
.timetable01 table tbody td {border:1px solid rgba(0,0,0,0.1);border-width:0 1px 1px 0;background:white;text-align:center;vertical-align:middle;font-size:14px;padding:7px 5px;height: 40px;line-height: 18px;}
.timetable01 table tbody td:hover {background:inherit !important; color:white !important;}
.timetable01 table tbody td:first-child:hover {background: #fbfbfb !important; color: #333 !important;}
.timetable01 table tbody td:first-child {background:#fbfbfb !important;font-weight:600;}
.timetable01 table tbody td:last-child {border-right:none;}
.timetable01 table tbody td .room {font-size:13px;color:#838383;display:block;margin-top: 5px;}
.timetable01 table tbody td:hover .room {color:#fff !important; opacity:0.6;}

/*scroll bar*/
.timetable01 ::-webkit-scrollbar {width:10px;}
.timetable01 ::-webkit-scrollbar-track {background:transparent;}
.timetable01 ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.timetable01 ::-webkit-scrollbar-thumb:hover {background:#555;} /*chrome*/

.timetable01 {scrollbar-arrow-color:#dfdfdf; 
			scrollbar-base-color:transparent; scrollbar-Face-Color:#ddd; 
			scrollbar-Track-Color:transparent; scrollbar-Shadow-Color:#efefef;} /*IE*/


	/* layout setting */
	.layout_height_H .timetable01 #tab_menu > input ~ div {height:280px;overflow-y: scroll;padding-right: 10px;box-sizing: border-box;}
	.layout_height_M .timetable01 #tab_menu > input ~ div {height:180px;overflow-y: scroll;padding-right: 10px;box-sizing: border-box}

	.layout_01 .timetable01 #tab_menu > section.buttons {margin-right:85px;}
	.layout_01 .timetable01 {padding-right:15px;}
	.layout_01 .timetable01 .more_btn {padding-right:0;}
	.layout_01 .timetable01 table {padding-top:0;background: #f4f4f4;border-spacing: 0px;}
	.layout_01 .timetable01 table thead th:first-child {width:5%;}
	.layout_01 .timetable01 table thead th {width:15.83333%;border-width:2px 0;background: transparent !important;}
	.layout_01 .timetable01 table tbody tr {border: none;border-spacing: 0;}
	.layout_01 .timetable01 table tbody tr:first-child {border-top:2px solid rgba(0,0,0,0.1);}
	.layout_01 .timetable01 table tbody tr:first-child td {/* border-top:none; */}
	.layout_01 .timetable01 table tbody tr:last-child td {border-bottom:1px solid rgba(0,0,0,0.1);}
	.layout_01 .timetable01 table tbody td {border-right:none;border: 2px double rgba(0,0,0,0.1);border-width: 4px 0 0;height: 50px;line-height: 18px;word-break: keep-all;}
	.layout_01 .timetable01 table tbody td:hover {background:#e9f2fb !important;border:2px solid #afd7e1;color: black !important;border-collapse: unset;border-width: 2px 2px 2px;border-radius: 3px;}
	.layout_01 .timetable01 table tbody td:hover .room {color:#333 !important; opacity:0.6;}

	@media (min-width:800px){
	}

	

	@media (max-width:799px){
		
	}

	@media (min-width:600px) and (max-width:799px){
		.timetable01 table tbody td {padding:7px 10px;}
	}

	@media (max-width:599px){
		.timetable01 {padding:15px;}
		.timetable01 #tab_menu > input ~ div {height:auto !important; padding-right:0 !important; overflow-y:hidden !important;}

		.timetable01 table thead th:first-child {font-size:0; width:7%;}
		.timetable01 table tbody td {font-size:13px; padding:7px 5px; line-height:18px;}
		.timetable01 .more_btn {padding-right:0;}

		.layout_01 .timetable01 #tab_menu > section.buttons {padding-right:0;}
	}