@charset "utf-8";


#container_wrap {position:relative;height:100%}
#container_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#container_wrap h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#header_wrap {position:fixed;left:0;top:0;width:100%;padding:0 10px;color:#222;font-size:16px;font-weight:500;line-height:50px;background:#fff;border-bottom:solid 1px #ccc;z-index:999;}
#header_wrap a.btn_close {display:block;position:absolute;right:0;top:0;width:50px;height:50px;color:#fff;text-align:center;line-height:50px;background:#444;cursor:pointer;}
#header_wrap a.btn_write {display:block;position:absolute;right:50px;top:0;width:50px;height:50px;color:#fff;font-size:24px;text-align:center;line-height:50px;background:none;cursor:pointer;}
#header_wrap ul.tnb {display:block;position:absolute;right:40px;top:0;}
#header_wrap ul.tnb:after {display:block;visibility:hidden;clear:both;content:""}
#header_wrap ul.tnb li {display:block;float:left;}
#header_wrap ul.tnb li a {display:block;width:30px;height:40px;color:#222;font-size:18px;text-align:center;line-height:50px;}

#viz {width:100%;}
#viz img {width:100%;height:auto;}

#footer {padding:40px 20px;color:#999;font-size:12px;text-align:center;line-height:20px;background:#222;word-break:keep-all;}

#body_wrap {margin:50px 0;}
#body_wrap h2.title {margin:0 0 10px 0;padding:0 10px;color:#222;font-size:16px;font-weight:400;line-height:80px;text-align:right;background:url(../img/bg_title.jpg) no-repeat 50% 50%;background-size:cover;border-bottom:solid 1px #999;}

#my_lecture {margin:0 0 40px 0;}
#my_lecture h2 {display:block;padding:0 10px;color:#222;font-size:14px;font-weight:500;line-height:40px;background:#f6f6f6;border-bottom:solid 1px #999;}
#my_lecture ul {}
#my_lecture ul li {display:block;position:relative;padding:8px 10px;border-bottom:solid 1px #ddd}
#my_lecture ul li:after {display:block;visibility:hidden;clear:both;content:""}
#my_lecture ul li .num {display:line-block;margin:0 4px 0 0;padding:0 8px 0 0;color:#999;font-size:12px;background:url(../img/var.gif) no-repeat right 50%;}
#my_lecture ul li .stat {color:#999;font-size:12px;}
#my_lecture ul li .stat strong {color:#ff7700;font-weight:400;}
#my_lecture ul li .tit {margin:2px 0;color:#444;font-size:14px;}
#my_lecture ul li .tit strong {color:#444;font-weight:500;}
#my_lecture ul li .tit a {}
#my_lecture ul li .tit a:hover {text-decoration:underline;}
#my_lecture ul li .period {color:#999;font-size:12px;}
#my_lecture .info {margin:10px 10px 0 10px;color:#f00001;}


.my_lecture_info {margin:0 10px 20px 10px;padding:9px;background:#f6f6f6;border:solid 1px #ccc;}
.my_lecture_info .info {margin:0 0 12px 0;color:#f00001;}
.my_lecture_info .period,
.my_lecture_info .book {margin:0 0 8px 0;line-height:18px;}
.my_lecture_info .period label,
.my_lecture_info .book label {display:inline-block;width:80px;color:#444;font-size:13px;font-weight:500;vertical-align:middle;}
.my_lecture_info .period label i,
.my_lecture_info .book label i {font-size:18px;}
.my_lecture_info a.btn_book {display:inline-block;padding:2px 6px;color:#fff;line-height:normal;background:#f75665;border:solid 1px #df4553}

dl.info_lecture {margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:solid 1px #ddd}
dl.info_lecture:after {display:block;visibility:hidden;clear:both;content:""}
dl.info_lecture dd {display:block;margin:0 0 8px 0;line-height:20px;}
dl.info_lecture dd strong {font-weight:500;}
dl.info_lecture dd .label {display:inline-block;width:80px;color:#444;font-weight:500;}
dl.info_lecture dd .label i {font-size:18px;vertical-align:middle;}

dl.chk {}
dl.chk:after {display:block;visibility:hidden;clear:both;content:""}
dl.chk dt {display:block;margin:0 0 8px 0;color:#444;font-weight:500;}
dl.chk dt i {font-size:20px;vertical-align:middle;}
dl.chk dd {display:block;float:left;width:50%;}
dl.chk dd strong {font-weight:500;}
dl.chk dd .label {display:inline-block;position:relative;width:70px;padding:0 0 0 6px;color:#444;font-weight:500;line-height:20px;}
dl.chk dd .label i {font-size:18px;}
dl.chk dd .label .dot {display:block;position:absolute;width:2px;height:2px;left:0;top:50%;margin:-1px 0 0 0;background:#444;border-radius:50%;}

#snb {position:relative;margin:0 0 20px 0;padding:0 10px;border-bottom:solid 1px #999}
#snb ul {}
#snb ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb ul li {display:block;float:left;width:25%;}
#snb ul li a {display:block;position:relative;margin:0 -1px -1px 0;color:#999;text-align:center;line-height:40px;background:#f6f6f6;border:solid 1px #ccc;border-bottom:none;}
#snb ul li a.on {color:#222;font-weight:500;background:#fff;border:solid 1px #999;border-bottom:solid 1px #fff;z-index:9;}

#calendar {margin:0 10px 20px 10px;}
#calendar .calendar_move {margin:0 0 10px 0;font-family:'Lato';color:#444;font-size:24px;text-align:center;font-weight:900;line-height:30px;}
#calendar .calendar_move i {font-size:24px;}
#calendar ul {border-left:solid 1px #ccc;border-top:solid 1px #ccc;}
#calendar ul li {display:block;padding:0 10px;line-height:40px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}
#calendar ul li:after {display:block;visibility:hidden;clear:both;content:""}
#calendar ul li label {display:inline-block;width:40px;font-size:12px;color:#999;}
#calendar ul li label.sunday {color:#f75665;}
#calendar ul li label.saturday {color:#569ffd;}
#calendar ul li.schoolday {background:#eee;}
#calendar ul li .today {display:block;float:right;color:#ff9900;font-size:24px;}
#calendar ul li strong {color:#ff7700;font-weight:500;}
#calendar ul li label,
#calendar ul li span,
#calendar ul li a {vertical-align:baseline;}
#calendar .info {margin:0 0 20px 0;padding:9px;background:#f6f6f6;border:solid 1px #ddd;}
#calendar .info strong {color:#f00001;font-weight:400;}

#reference {margin:0 10px;}
#reference ul {}
#reference ul li {line-height:30px;}
#reference ul li span {vertical-align:middle;cursor:pointer;}
#reference ul li .schoolday {display:inline-block;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:#eee;border-radius:3px;}

.cicon_lesson {display:inline-block;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:#569ffd;border-radius:3px;}
.cicon_absent {display:inline-block;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:#f75665;border-radius:3px;}
.cicon_holding {display:inline-block;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:#aa7bc1;border-radius:3px;}
.cicon_lesson_add {display:inline-block;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:#ff9900;border-radius:3px;}
.cicon_comment {display:inline-block;width:20px;height:20px;color:#fff;font-size:12px;line-height:20px;text-align:center;background:#444;border-radius:3px;}
.cicon_download {display:inline-block;width:20px;height:20px;color:#569ffd;font-size:12px;line-height:18px;text-align:center;background:#fff;border-radius:3px;border:solid 1px #569ffd}
.cicon_holliday {display:inline-block;width:20px;height:20px;color:#5cb85c;font-size:12px;line-height:18px;text-align:center;background:#fff;border-radius:3px;border:solid 1px #5cb85c}

#evaluation_list {margin:0 0 30px 0;}
#evaluation_list ul {}
#evaluation_list ul li {display:block;position:relative;height:58px;padding:8px 10px 0 10px;border-bottom:solid 1px #ddd;}
#evaluation_list ul li:after {display:block;visibility:hidden;clear:both;content:""}
#evaluation_list ul li .num {display:block;float:left;font-family:'Lato';color:#444;font-size:18px;font-weight:700;}
#evaluation_list ul li .info {display:block;margin:0 40px 0 30px;color:#999;}
#evaluation_list ul li .info strong {display:block;margin:0 0 2px 0;color:#444;}
#evaluation_list ul li a.btn_view {display:block;position:absolute;right:0;top:0;;width:40px;color:#fff;text-align:center;line-height:57px;background:#444;}

.total {padding:10px;color:#999;font-size:12px;}
.total strong {color:#ff7700;}

#list_type {margin:0 0 10px 0;border-top:solid 1px #444;}
#list_type .row {display:block;padding:12px 10px;border-bottom:solid 1px #ddd;}
#list_type .row a {display:block;margin:0 0 4px 0;}
#list_type .row ul {}
#list_type .row ul:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .row ul li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;font-size:12px;background:url(../img/var.gif) no-repeat right 50%;}
#list_type .row ul li:last-child {margin:0;padding:0;background:none;}

#form_type {margin:0 10px 10px 10px;}
#form_type .input {display:block;width:100%;height:40px;text-indent:10px;line-height:38px;border:solid 1px #ccc;}
#form_type textarea {display:block;width:100%;height:220px;padding:10px;border:solid 1px #ccc;}
#form_type ul {padding:20px 0 0 0;}
#form_type ul li {margin:0 0 8px 0;padding:0 0 8px 0;border-bottom:solid 1px #eee;}
#form_type ul li:last-child {margin:0;padding:0;border-bottom:none;}

#view_type {margin:0 0 10px 0;}
#view_type h2 {display:block;padding:0 10px;color:#222;font-size:14px;font-weight:500;line-height:40px;background:#f6f6f6;border-bottom:solid 1px #999;}
#view_type .view_title {margin:0 10px 8px 10px;color:#222;}
#view_type .view_con {margin:0 10px 20px 10px;padding:9px;background:#f6f6f6;border:solid 1px #ddd;}

#view_type .title {padding:10px;color:#222;background:#f6f6f6;border-bottom:solid 1px #ccc;}
#view_type .info {padding:0 10px;color:#999;line-height:40px;border-bottom:solid 1px #ddd;}
#view_type .info strong {color:#444;font-weight:500;}
#view_type .con {padding:20px 10px;border-bottom:solid 1px #ddd;}

.btn_wrap {margin:0 10px;text-align:center;}
.btn_wrap input,
.btn_wrap img,
.btn_wrap a {vertical-align:top;}

.btn_right_wrap {margin:0 10px 10px 10px;text-align:right;}
.btn_right_wrap input,
.btn_right_wrap img,
.btn_right_wrap a {vertical-align:top;}

.btn_wrap ul {}
.btn_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
.btn_wrap ul li {display:block;float:left;width:49.5%;margin:0 1% 0 0;}
.btn_wrap ul li:last-child {margin:0;}
.btn_wrap ul li .btn_confirm {display:block;width:100%;color:#fff;background:#444;border:none;}
.btn_wrap ul li .btn_cancel {display:block;width:100%;color:#666;background:#fff;border:solid 1px #ccc;}
.btn_wrap ul li .btn_cancel2 {display:block;width:100%;color:#fff;background:#c0c0c0;border:solid 1px #ccc;}

.btn {display:inline-block;height:40px;font-weight:500;text-align:center;line-height:40px;}
.btn_submit {display:block;width:100%;color:#fff;background:#444;border:none;}
.btn_list {padding:0 12px;color:#fff;background:#444;}
.btn_write {padding:0 12px;color:#fff;background:#444;}
.btn_edit {padding:0 12px;color:#666;background:#fff;border:solid 1px #ccc;}
.btn_del {padding:0 12px;color:#666;background:#fff;border:solid 1px #ccc;}
.btn_normal {padding:0 12px;color:#666;background:#f6f6f6;border:solid 1px #ccc;}
.btn_normal i {color:#999;font-size:18px;}
.btn_music {padding:0 12px;color:#fff;background:#444;border:solid 1px #222;}
.btn_music i {color:#ff7700;font-size:18px;}

#paging {margin:0 0 20px 0;text-align:center;}
#paging a {display:inline-block;padding:0 8px;color:#999;font-size:11px;line-height:24px;background:#fff;border:solid 1px #ddd;vertical-align:top;}
#paging a.current {color:#ff7700;background:#444;border:solid 1px #222;}
#paging a.btn_left,
#paging a.btn_right {color:#444;font-size:14px;}



.comment_info {margin:0 0 20px 0;}
.comment_info dl {}
.comment_info dl:after {display:block;visibility:hidden;clear:both;content:""}
.comment_info dl dd {display:block;padding:0 10px;line-height:40px;border-bottom:solid 1px #ddd}
.comment_info dl dd strong {font-weight:500;}
.comment_info dl dd .label {display:inline-block;width:90px;color:#444;font-weight:500;}
.comment_info dl dd .label i {color:#999;font-size:18px;vertical-align:middle;}




.bo_sch_wrap {display:block;position:relative;margin:0 10px;}
.bo_sch {position:relative;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch .sch_select {display:block;float:left;position:relative;width:30%;height:40px;line-height:40px;border:1px solid #ccc;background:#fff;}
.bo_sch .sch_select label {display:block;position:absolute;top:0;left:0;width:100%;padding:0;color:#666;font-weight:300;line-height:40px;text-indent:10px;}
.bo_sch .sch_select label:after{position:absolute;top:0;right:0;width:38px;height:38px;padding:0;content:'';font-size:13px;color:#444;text-align:center;background:url(../img/ico-select.png) no-repeat 50% 50% #fff;}
.bo_sch .sch_select select {display:block;width:100%;height:38px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0)/* IE 8 */;}
.bo_sch .sch_bar {display:block;float:left;position:relative;width:70%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.bo_sch .sch_bar:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch .sch_input {display:block;width:100%;height:38px;text-indent:10px;border:none;}
.bo_sch .sch_btn {display:block;position:absolute;right:0;top:0;width:40px;height:38px;color:#fff;text-align:center;line-height:40px;;background:#444;border:none}

#level_info {}
#level_info ul {}
#level_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#level_info ul li {display:block;width:100%;padding:0 10px;line-height:40px;border-bottom:solid 1px #ddd;}
#level_info ul li .label {display:inline-block;position:relative;width:80px;padding:0 0 0 6px;color:#444;font-weight:500;}
#level_info ul li .label .bullet {display:block;position:absolute;width:2px;height:2px;left:0;top:50%;margin:-1px 0 0 0;background:#444;border-radius:50%;}

#level_result {}
#level_result dl {border-top:solid 1px #444;}
#level_result dl dt {display:block;padding:0 10px;color:#444;font-weight:500;line-height:40px;background:#f6f6f6;border-bottom:solid 1px #ccc;}
#level_result dl dd {display:block;padding:20px 10px;border-bottom:solid 1px #ddd;}
#level_result dl dd.con {background:#fff4de;}

#level_graph {margin:0 0 20px 0;padding:10px;background:#ff7700;}
#level_graph h2 {display:block;margin:0 0 10px 0;color:#fff;font-weight:500;}
#level_graph .graph_wrap {padding:10px;background:#fff;}
#level_graph .graph {margin:0 0 10px 0;}
#level_graph .graph label {display:block;margin:0 0 4px 0;font-size:11px;}

#level_graph .graph ul.var0,
#level_graph .graph ul.var1,
#level_graph .graph ul.var2,
#level_graph .graph ul.var3,
#level_graph .graph ul.var4,
#level_graph .graph ul.var5 {}
#level_graph .graph ul.var0:after,
#level_graph .graph ul.var1:after,
#level_graph .graph ul.var2:after,
#level_graph .graph ul.var3:after,
#level_graph .graph ul.var4:after,
#level_graph .graph ul.var5:after {display:block;visibility:hidden;clear:both;content:""}

#level_graph .graph ul.var0 li,
#level_graph .graph ul.var1 li,
#level_graph .graph ul.var2 li,
#level_graph .graph ul.var3 li,
#level_graph .graph ul.var4 li,
#level_graph .graph ul.var5 li {display:block;float:left;width:10%;}

#level_graph .graph ul.var0 li span {display:block;height:10px;color:#666;font-size:11px;line-height:18px;text-align:right;border-right:solid 1px #ddd;}
#level_graph .graph ul.var1 li span {display:block;height:10px;background:#e97b3e;border-right:solid 1px #fff;}
#level_graph .graph ul.var2 li span {display:block;height:10px;background:#5cb85c;border-right:solid 1px #fff;}
#level_graph .graph ul.var3 li span {display:block;height:10px;background:#f75665;border-right:solid 1px #fff;}
#level_graph .graph ul.var4 li span {display:block;height:10px;background:#5bc0de;border-right:solid 1px #fff;}
#level_graph .graph ul.var5 li span {display:block;height:10px;background:#569ffd;border-right:solid 1px #fff;}
#level_graph .graph ul li span.blank {background:#eee;}

#audio {padding:20px 10px;}

#audio_info {}
#audio_info ul {}
#audio_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#audio_info ul li {display:blockwidth:100%;padding:0 10px;line-height:40px;border-bottom:solid 1px #ddd;}
#audio_info ul li .label {display:inline-block;position:relative;width:80px;padding:0 0 0 6px;color:#444;font-weight:500;}
#audio_info ul li .label .bullet {display:block;position:absolute;width:2px;height:2px;left:0;top:50%;margin:-1px 0 0 0;background:#444;border-radius:50%;}

#record_wrap {}
#record_wrap h2 {display:block;padding:0 10px;color:#222;font-weight:500;line-height:40px;background:#f6f6f6;}

.record_type {height:auto;overflow-x:scroll}
.record_type table {width:100%;min-width:600px;border-collapse:collapse;}
.record_type th {padding:8px 10px;color:#222;text-align:center;background:#f6f6f6;border:solid 1px #ddd;}
.record_type td {padding:8px 10px;text-align:center;border:solid 1px #ddd;}
.record_type td i {color:#ff9900;font-size:18px;}

.record_bottom {padding:0 10px;font-size:12px;line-height:40px;background:#f6f6f6;}
.record_bottom:after {display:block;visibility:hidden;clear:both;content:""}
.record_bottom i {font-size:18px;}
.record_bottom a.btn_reload {display:block;float:left;margin:0 10px 0 0;cursor:pointer;}
.record_bottom .current_view {float:right;}

.record_bottom .page_wrap {float:right;}
.record_bottom .page_wrap .input {display:inline-block;width:30px;height:26px;font-size:12px;line-height:24px;background:#fff;border:solid 1px #ccc;}
.record_bottom .page_wrap select {display:inline-block;height:26px;font-size:12px;line-height:24px;background:#fff;border:solid 1px #ccc;}