.tab4 { border-top:1px solid #dfdfdf;margin:20px 0; }
.tab4:after { display:block; content:''; clear:both; }
.tab4 li { float:left; width:50%; height:auto; border:0;box-sizing:border-box;border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;text-align:center;}
.tab4 li:nth-child(even) { border-right:0; }
.tab4 li a {display: block;color: #000;text-align: center;padding: 14px 4px;text-decoration: none;}
.tab4 li .active {color: white;background-color: #097cd3;  }
    

.content{position:relative;padding-bottom:50px;}

.sCont{font-size: 15px;margin-top: 20px; }

.mainTitle h2 {padding: 80px 0 40px; color: #000000; letter-spacing: -0.8px; font-size: 40px; }



.searchClass{position:relative;width:100%;display:none;}
.searchClass select,.searchClass input{width: 20%; box-sizing:border-box;text-align:left;border: 1px solid #dddddd; border-right: none; float: left; height: 52px; color: #010101;background-size:auto;background-color:#fff;letter-spacing:-1px;padding-left: 23px; -webkit-appearance:none;-ms-appearance: none;appearance:none;}
.searchClass select{background-color:#fff;background-image: url( ../images/select_arrow.png );background-repeat: no-repeat;background-position: right 20px center;}
.searchClass select::-ms-expand {display:none}
.searchClass input{ width:49.4%; }
.searchClass input.long{width:69.4%;}

.searchClass input:focus,.searchClass select:focus{box-shadow: 0px 0px 30px 0px rgba(11, 29, 66, 0.15);border-right: 1px solid #dddddd;border-color:blue;}
.searchClass a{width:5%;display:inline-block;padding:0;margin:0;height:52px;box-sizing:border-box;border: 1px solid #dddddd;}
.searchClass a.search{background: url( ../images/btn_search.png ) no-repeat 50% 50% ;}
.searchClass a.reload{background: url( ../images/btn_refresh.png ) no-repeat 50% 50% ;}


.search_frm { position:relative; text-align: right;}
.search_frm .frm_fld > *,
.search_frm > * { vertical-align:top; }
.search_frm > * + .frm_fld,
.search_frm * + .comText { margin-left:5px; }
.search_frm .frm_fld { display:inline-block; position:relative; }
.search_frm .comText { padding-left:15px; padding-right:60px; width:221px; border:1px solid #e5e5e5; height:36px; color:#333;}
 .search_frm .btn_search { position:absolute; z-index:1; width:34px; height:34px; right:2px; top:2px; border:0; }
.search_frm .btn_search > em { overflow:hidden; text-indent:-999px; position:absolute; top:50%; margin-top:-9px; left:50%; margin-left:-8px; width:16px; height:18px; background:url('../images/btn/bg_btn_pc_search.png') no-repeat center center; }

/* selectbox */
.selectbox {display: inline-block; position: relative; width: 150px; height: 38px; background: #fff;}
.selectbox label {position: absolute; top:0; left:0; display: block; width: 0; height: 0; opacity: 0; overflow: hidden;}
.selectbox select {width: 100%; height: 100%; background: url(../images/btn/bg_select.png) no-repeat right center;}


.page_index { padding-top:40px; text-align:center; white-space:nowrap; }
.page_index .pb { position:relative; display:inline-block; vertical-align:top; overflow:hidden; margin:0 3px; padding:0 10px; min-width:36px; height:36px; line-height:34px; border:1px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s; background-color:#fff; color:#999; }
.page_index .pb > em { position:absolute; overflow:hidden; width:33px; height:33px; top:1px; left:1px; background-image:url('../images/pc_page_intro.png'); background-repeat:no-repeat; text-indent:-999px; }
.page_index .pb:hover { border-color:#f16b22; color:#444b9e;}
.mobile .page_index .pb:hover {border:1px solid #fff; color:#999;}
.page_index .btn_first,
.page_index .btn_prev,
.page_index .btn_next,
.page_index .btn_last {border-color:#ddd;}
.page_index .btn_first > em { background-position: 0 0 !important; }
.page_index .btn_prev > em { background-position: -50px 0px !important; }
.page_index .btn_next > em { background-position: -100px 0px !important; }
.page_index .btn_last > em { background-position: -150px 0px !important; }
.page_index .btn_first.disable > em { opacity: 0.5 }
.page_index .btn_prev.disable > em { opacity: 0.5 }
.page_index .btn_next.disable > em { opacity: 0.5 }
.page_index .btn_last.disable > em { opacity: 0.5 }
.page_index .active { border-color:#f16b22; color:#fff !important; font-weight:bolder; background: #f9a541; }
.page_index .disable { border-color:#e5e5e5 !important; }




.board_summ{position:relative;padding:20px 0 5px 0;text-align:right;}
.board_summ .tableCountTxt{position:relative;display:inline-block;vertical-align:middle;margin-top:-10px;font-size:.8em;}
.board_summ .tableCountTxt span{color:#112cc6;font-weight:bold;font-size:1em;}
.board_summ a{position:relative;display:inline-block;background:#f1f2f8;width: 20px;text-align:center;box-sizing:border-box;border: 1px solid #dddddd; padding:12px 25px 14px 0;margin-left:3px;color: #fff;letter-spacing:-1px;}
.board_summ a.listType{ background-repeat:no-repeat;background-position: 50% 50%;background-color: #fff;background-image: url(../images/btn/btn_list_icon.png);background-size: 15px;}
.board_summ a.gridType{ background-repeat:no-repeat;background-position: 50% 50%;background-color: #fff;background-image: url(../images/btn/btn_grid_icon.png);background-size: 15px;}
.board_summ a.albumType{ background-repeat:no-repeat;background-position: 50% 50%;background-color: #fff;background-image: url(../images/btn/btn_album_icon.png);background-size: 15px;}
.board_summ a.boxType{ background-repeat:no-repeat;background-position: 50% 50%;background-color: #fff;background-image: url(../images/btn/btn_box_icon.png);background-size: 15px;}
.board_summ a.on{background-color:#4f7add;}
.board_summ a.on.listType{background-image: url(../images/btn/btn_list_icon_on.png);}
.board_summ a.on.gridType{background-image: url(../images/btn/btn_grid_icon_on.png);}
.board_summ a.on.albumType{background-image: url(../images/btn/btn_album_icon_on.png);}
.board_summ a.on.boxType{background-image: url(../images/btn/btn_box_icon_on.png);}


.board_desc {color:#999; font-size:14px; line-height: 24px; margin-top:15px;}
.board_text_desc {color:#999; font-size:14px; line-height: 24px; margin-top:15px; padding-left:15px; text-indent: -15px;}


/*LIST*/
.tbst1{}
.tbst1.sch{margin-top:20px ;}
.tbst1 table{width:100%;margin-top:25px;border-top:solid 3px #ea6821;}
.tbst1 table thead th{position:relative;font-weight:700;color:#333333;padding:17px 10px 18px;background: #f2f2f2;}
.tbst1 table thead th:first-child{border-left:0}
/*
.tbst1 table thead th:after{position:absolute;content:"";display:block;background-color:#ddd;height:30%;width:1px;top:35%;}
*/
.tbst1 table thead th:first-child:after{display:none;}

.tbst1 table tbody td{font-size:1em;text-align:center;padding: 15px 0;color:#010101;border-top:1px solid #eeede5;font-weight:normal;}
.tbst1 table tbody td b {font-weight:normal;}
.tbst1 table tbody td.font_small{font-size: 14px;}
.tbst1 table tbody td span.fileCnt{font-size:.7em;padding:2px 5px;margin-left:3px;background:#1d9aa9;color:#fff;}
.tbst1 table tbody td a{color:#010101;position: relative; display: inline-block; width:auto; max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing: border-box; vertical-align: top; color:#333;}



.tbst1 table tbody td.num{color:#999999}
.tbst1 table tbody td.hit{color:#999999;}
/*
.tbst1 table tbody tr:hover{box-shadow: 0px 0px 7px 0px rgba(11, 29, 66, 0.15);}
.tbst1 table tbody tr:hover td{background:#f9f9f9;}
*/
.tbst1 table tbody tr:hover a{text-decoration:underline;color:#000;}
.tbst1 table tbody td .desc {display:block; width:auto; display:block; text-align:left; font-size:.9em;padding-top:8px;color:#000;display:none;  }
.tbst1 table tbody td .desc em{position:relative;display:inline-block;padding:0 8px;}
.tbst1 table tbody td .desc em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 1px; height: 9px; margin-top:-4px; background: #999;}
.tbst1 table tbody td .desc em:last-child:before{display:none;}
.tbst1 table tbody td .desc img{max-width:13px;padding-left:3px;}

.tbst1 table tbody .notice{font-weight:400;color:#e55610}
.tbst1 table tbody .tL{padding-left:15px;text-align:left;font-weight: bold;font-size: 1.01em;}
.tbst1 .answer .tL{padding-left:210px;background:url(../img/layout/community5_icon1.gif) no-repeat 188px 50%}
.tbst1 .answer .tL a{padding-right:20px;background:url(../img/layout/community5_icon2.gif) no-repeat right 50%}

.tbst1 table tbody td .link.new {padding-right:20px;}
.tbst1 table tbody td .link.new:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 15px; height: 15px; margin-top:-7px; background: url("../images/btn/pc_board_new.jpg") no-repeat 0 0;}
.tbst1 table tbody td .link.lock {padding-right:25px; background: url("../images/pc_lock.png") no-repeat right center;}
.tbst1 table tbody td .link.answer {padding-left:22px;}
.tbst1 table tbody td .link.answer:before {content: ""; position: absolute; top:2px; left:0; display: block; width:14px; height: 14px; background: url("../images/btn/pc_icon_answer.png") no-repeat 0 0;}
.tbst1 table tbody td .link.count {padding-right:40px;}
.tbst1 table tbody td .link.count em {position: absolute; width: 35px; right:0; color:#444b9e; font-weight: bold; text-align: left;}
.tbst1 table tbody td .link em {color:#444b9e; font-weight: normal;}
.tbst1 table tbody td span.box {display: inline-block; height: 30px; line-height: 28px; padding:0 10px; border:1px solid #e5e5e5; text-align: center; color:#999;}
.tbst1 table tbody td span.box.complete {border-color:#444b9e; color:#444b9e;}
.tbst1 table tbody td .download {position: relative; display: block; width: 30px; height: 30px;margin:0 auto;}
.tbst1 table tbody td .download:before {content: ""; position: absolute; top:50%; left:50%; width: 15px; height: 14px; margin-top:-7px; margin-left:-7px; background: url("../images/btn/pc_icon_download.png") no-repeat 0 0;}
.tbst1 table tbody tr.notice td .ib {display: inline-block;height: 24px;line-height: 22px;padding:0 7px;background-color: #f16b22;color:#fff;z-index: 1;border-radius: 5px 0px;}
.tbst1 table tbody tr.notice{background-color: #f9f9f9;}
.tbst1 table tbody tr.notice td a{color:#000 !important; }




/*VIEW*/
.tbst2{border-top: 3px solid #ea6821;}

.tbst2 table{width:100%}
.tbst2 table tbody th{padding: 15px 5px;background:#f7f9fb;border-bottom:1px solid #dfe7f1;color:#333;font-weight:bold;}
.tbst2 table tbody th:first-child{border-left:0}
.tbst2 table tbody td{padding: 15px 5px;border-bottom:1px solid #dfe7f1;color:#4354aa;}
.tbst2 table tbody td.file{padding-left:25px;}
.tbst2 table tbody td img{display:inline-block;vertical-align:middle;}
.tbst2 table tbody td .fileList{margin-bottom:5px;}
.tbst2 table tbody td .fileList a.down_link{color:#000;font-size: .9em;}
.tbst2 table tbody td .fileList a.down_link {display: inline-block; padding-left:30px; background: url("../images/btn/pc_icon_download.png") no-repeat left center; font-size:14px; color:#000; line-height: 24px; max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tbst2 table tbody td .fileList a.down_link:hover,
.tbst2 table tbody td .fileList a.down_link:focus {text-decoration: underline;}
.tbst2 table tbody td .fileList a.down_link:hover,
.tbst2 table tbody td .fileList a.down_link:focus {text-decoration: none;}



.tbst2 table tbody td.titLeft{color:#999;text-align:right;}
.tbst2 table tbody td:first-child{border-left:0}
.tbst2 table tbody td.tit{padding:25px 0 25px 25px;color:#2c313a;font-weight:bold;background:#fff;font-size:1.2em;background: #f2f2f2;}
.tbst2 table tbody td.titLeft{background: #fafbfd;}

/* ?????? ??? */
.tbst2 table tbody td .viewer_header {position: relative;box-sizing: border-box; width: 100%; height: auto;}
.tbst2 table tbody td .viewer_header .title {font-size:20px; line-height: 28px; color:#333; font-weight: bold;word-break: break-word;padding-right:10px;}
.tbst2 table tbody td .viewer_header .date {margin-top:8px; color:#000; line-height: 22px;font-size:.8em;color:#000;font-weight: normal;}
.tbst2 table tbody td .viewer_header .count {position: absolute; bottom:0; right:30px; color:#000; line-height: 22px;font-size:.8em;font-weight: normal;}

.tbst2 table tbody td.tit img{vertical-align:middle;}
.tbst2 table tbody td .viewCont{min-height:300px; background:#fff;padding:20px; padding-right:10px; color:#414652;}
.tbst2 table tbody td .viewCont p{line-height:1.6em;word-break:break-all;}
.tbst2 table tbody td.btnBox{text-align:center;padding:20px 0;background:#fff}
.tbst2 table tbody td.btnPrev{background:#fff;padding:0;}
.tbst2 table tbody td.btnPrev a{overflow:hidden;display: flex;height:60px;line-height:60px}
.tbst2 table tbody td.btnPrev a strong{float:left;width: 80px;padding-left: 30px;color:#333;background:url(../images/article_prev_arrow.png) no-repeat 15px center}
.tbst2 table tbody td.btnPrev a span{float:left;}
.tbst2 table tbody td.btnNext{background:#fff;padding:0}
.tbst2 table tbody td.btnNext a{overflow:hidden;display: flex;height:60px;line-height:60px}
.tbst2 table tbody td.btnNext a strong{float:left;width: 80px;padding-left: 30px;color:#333;background:url(../images/article_next_arrow.png) no-repeat 15px center}
.tbst2 table tbody td.btnNext a span{float:left;color:#5f7c27;}
.tbst2 table tbody td a span.none{color:#999;text-decoration: none !important;}
.tbst2.write{border-top: 1px solid #dfe7f1;}
.tbst2.write tbody th{padding:8px 0 8px 20px;text-align:left;background:#f1f2f8;color:#2c313a;font-weight:400}
.tbst2.write tbody td{padding:8px 0 8px 20px;text-align:left;background:#fff;border-bottom:1px solid #dfe7f1}
.tbst2.write tbody tr:first-child th{}
.tbst2.write tbody tr:first-child td{}
.tbst2 table tr.m{display:none;}
.tbst2 table tr.pc{display:table-row;}
.tbst1 table .m{display:none;}
.tbst1 table .pc{display:inline-block;}
.tbst2 table table {width:auto;}

.tbst1 table .tbm{display:none;}
.tbst1 table .tbpc{display:table-cell;}


.tbst2 table tbody td select, .tbst2 table tbody td  input[type=text]{width: 20%; box-sizing:border-box;text-align:left;border: 1px solid #dddddd; float: left; height: 45px; color: #010101;letter-spacing:-1px;padding-left: 23px; -webkit-appearance:none;-ms-appearance: none;appearance:none;}
.tbst2 table tbody td select,.tbst2 table tbody td  input.lo{width:80%;}
.tbst2 table tbody td select,.tbst2 table tbody td  input.st{width:40%;}
.tbst2 table tbody td select, .tbst2 table tbody td input[type=radio]{margin-left:5px;margin-right:5px;}
.tbst2 table tbody td select, .tbst2 table tbody td label{display:inline-block;color:#888;padding:10px 0;}
.tbst2 table tbody td select, .tbst2 table tbody .video td label{padding-left:10px;padding-right:15px;}
.tbst2 table tbody td select, .tbst2 table tbody .video td input.st{width:100px;float:none;}




.tbst2 table tbody td select{background-color:#fff;background-image: url( ../images/select_arrow.png );background-repeat: no-repeat;background-position: right 20px center;}
.tbst2 table tbody td select::-ms-expand {display:none}
.tbst2 table tbody td.inputBox input[type="file"]{position:absolute;top:-9999em}
.tbst2 table tbody td  input::placeholder {color:#999;}
.tbst2.write tbody td.inputBox{position:relative;}
.tbst2 table tbody td .fileUpload{position:relative;}
.tbst2 table tbody td .fileUpload .file_row{position:relative;margin-bottom:5px;}
.tbst2 table tbody td a.btnFild{position:relative;display:inline-block;background:#f1f2f8;width: 14%;text-align:center;box-sizing:border-box;border: 1px solid #dddddd; padding:11px 25px 14px 0;margin-left:3px;color: #fff;letter-spacing:-1px;max-height:45px;}
.tbst2 table tbody td a.btnFild{ background-repeat:no-repeat;background-position: 80% 50%;background-color: #444b9e;background-image: url(../images/file_search.png);background-size: 15px;}
.tbst2 table tbody td a.btnFileAdd{position:absolute;top:10px;right:10px;display:inline-block;width: 14%;text-align:center;box-sizing:border-box;border: 1px solid #444b9e; padding:11px 25px 14px 0;margin-left:3px;letter-spacing:-1px;max-height:45px;}
.tbst2 table tbody td a.btnFileAdd{background-repeat:no-repeat;background-position: 80% 50%;color: #444b9e;background-color: #fff;background-image: url(../images/btn/bg_btn_plus.png);background-size: 15px;}
.tbst2 table tbody td a.btn_del_file{position:relative;display:inline-block;width: 14%;text-align:center;box-sizing:border-box;border: 1px solid #444b9e; padding:11px 25px 14px 0;margin-left:3px;letter-spacing:-1px;max-height:45px;}
.tbst2 table tbody td a.btn_del_file{background-repeat:no-repeat;background-position: 80% 50%;color: #fff;background-color: #747c89;background-image: url(../images/btn/bg_btn_del.png);background-size: 15px;}
.tbst2 table tbody td a.edit_file_del{position:relative;vertical-align: top;display:inline-block;font-size:.8em;width: auto;text-align:center;box-sizing:border-box;border: 1px solid #444b9e; padding:3px 30px 3px 5px;margin-left:5px;letter-spacing:-1px;}
.tbst2 table tbody td a.edit_file_del{background-repeat:no-repeat;background-position: 80% 50%;color: #fff;background-color: #747c89;background-image: url(../images/btn/bg_btn_del.png);background-size: 15px;}


.tbst2 .viewer_footer .comment {position: relative; border-bottom:1px solid #e5e5e5; background: #fafbfd; padding:13px 110px 19px 30px;}
.tbst2 .viewer_footer .name {font-size:16px; line-height: 24px; color:#444b9e;font-weight:600;}
.tbst2 .viewer_footer .com_text {margin-top:9px;}
.tbst2 .viewer_footer .date {position: absolute; top:15px; line-height: 24px; right:20px; color:#999;}
.tbst2 .viewer_footer .btns {position: absolute; bottom:19px; right:20px;}
.tbst2 .viewer_footer .btns ul li {position: relative; display: block; float:left;}
.tbst2 .viewer_footer .btns ul li:first-child {padding-right:12px; margin-right:10px;}
.tbst2 .viewer_footer .btns ul li:before {content: ""; position: absolute; top:50%; right:0; display: block; width:1px; height: 12px; margin-top:-6px; background: #cccccc;}
.tbst2 .viewer_footer .comment.comment_write {padding:20px 110px 20px 20px;}
.tbst2 .viewer_footer .comment.comment_write .form_text {display: block; border:1px solid #e5e5e5; font-size:14px; line-height: 24px; width:100%; height: 80px; padding:15px 20px; box-sizing: border-box; color:#333;}
.tbst2 .viewer_footer .comment.comment_write button {position: absolute; top:20px; right:20px; width:80px; height: 80px; padding:30px 0; text-align: center; box-sizing: border-box; line-height: 20px; color:#444b9e; font-weight: bold; font-weight: 500; border:1px solid #444b9e; background: #fff;}



.tbst2 table tbody td .txt_guide{position:relative;padding:12px 0 12px;display:block;}
.tbst2 table tbody td .txt_guide li{padding-left:6px;color:#888;font-size:13px;line-height:22px}
.tbst2 table tbody td .txt_guide li:first-child{margin-top:0}
.tbst2 table tbody td .txt_guide li strong{color:#444;font-weight:bold;}
.tbst2 table tbody td .txt_guide .blue{color:#00479d;}
.tbst2 table tbody td .txt_guide li span.line{color:#444b9e;padding:0 5px;}

.tbst2 table tbody td.writeCont{padding:0;border-bottom:0}
.tbst2 table tbody td.writeCont > textarea{width:888px;height:446px;border:1px solid #c2c2c2;background:#fff}
.tbst2 table tbody .bgNone th{background:#fff}
.tbst2 table tbody .bgNone td{background:#fff;color:#414652;font-weight:normal}
.tableTy3{border-bottom:1px solid #c0cad7}
.tableTy3 table{width:100%}
.tableTy3 table thead th{padding:11px 0 8px 0;color:#fff;font-weight:normal;background:#69798b;border-right:1px solid #8493a4;border-bottom:1px solid #8493a4}
.tableTy3 table thead th:first-child{border-left:1px solid #8493a4}
.tableTy3 table thead tr:first-child th{border-top:1px solid #8493a4}
.tableTy3 table tbody td{padding:10px 0 7px 0;text-align:center;color:#414652;font-weight:normal;background:#fff;border-right:1px solid #dfe7f1;border-top:1px solid #dfe7f1;letter-spacing:-1px}
.tableTy3 table tbody td.ty1{background:#f7f9fb}
.tableTy3 table tbody td:first-child{border-left:1px solid #dfe7f1}
.tableTy3 table tbody .firstLine td{border-top:1px solid #c0cad7}


.paging{position:relative;text-align:center;margin:20px 0}
.paging .write{position:absolute;top:0;right:0}
.paging .list{position:absolute;top:0;right:10px}
.paging > div{display:inline-block}
.paging > div a{display:inline-block;vertical-align:top;/*margin-left:-5px !important*/}
.paging > div span{display:inline-block;margin-right:1px}
.paging > div span a{display:inline-block;text-align:center;line-height:36px;width:36px;height:36px;color:#333;font-size:14px;font-weight:400;background:#fff;}
.paging > div span a:first-child{margin-left:0}
.paging > div span a.on,
.paging > div span a:hover{background:#444b9e;color:#fff;font-weight:bold;}
.paging > div span a.hide{vertical-align:top}
.paging > div a img{border: 1px solid #e5e5e5;width:36px;height:36px;margin:0 2px;}




.actionArea{position:relative;padding:5px 0;} 
.actionArea.view{padding-top:15px;}
.actionArea .inner{position:relative;text-align:right;}
/*
.actionArea .inner a{position:relative;display:inline-block;background:#f1f2f8;width: 14%;text-align:center;box-sizing:border-box;border: 1px solid #dddddd; padding:12px 0 12px 0;color: #fff;letter-spacing:-1px;}
*/
.actionArea .inner a{position:relative;display:inline-block;background:#000;width: 14%;text-align:center;box-sizing:border-box;border: 1px solid #000; padding:12px 0 12px 0;color: #000;letter-spacing:-1px;}
.actionArea .inner a:hover{opacity:.9;}

/*
.actionArea .inner a.write{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 80% 50%;background-color: #085e75;background-image: url(../images/btn_lar_icon.png);background-size: 20px;}
.actionArea .inner a.delete{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: gray;background-image: url(../images/btn_del_icon.png);background-size: 15px;}
.actionArea .inner a.edit{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #00479d;background-image: url(../images/btn_update_icon.png);background-size: 15px;}
.actionArea .inner a.list{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 80% 50%;background-color: #085e75;background-image: url(../images/btn_list_icon.png);background-size: 20px;}
.actionArea .inner a.insert{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #00479d;background-image: url(../images/btn_insert_icon.png);background-size: 15px;}
.actionArea .inner a.reply{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #e96e20;background-image: url(../images/btn_reply_icon.png);background-size: 15px;}
*/
.actionArea .inner a.write{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 80% 50%;background-color: #fff;background-image: url(../images/btn_lar_icon_on.png);background-size: 26px;}
.actionArea .inner a.delete{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #fff;background-image: url(../images/btn_del_icon_on.png);background-size: 15px;}
.actionArea .inner a.edit{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #fff;background-image: url(../images/btn_update_icon_on.png);background-size: 15px;}
.actionArea .inner a.list{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 80% 50%;background-color: #fff;background-image: url(../images/btn_list_icon_on.png);background-size: 20px;}
.actionArea .inner a.insert{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #fff;background-image: url(../images/btn_insert_icon_on.png);background-size: 15px;}
.actionArea .inner a.reply{ padding:12px 12px 12px 0;background-repeat:no-repeat;background-position: 70% 50%;background-color: #fff;background-image: url(../images/btn_reply_icon_on.png);background-size: 15px;}

.actionArea .inner a:hover{color:#fff;background-color: #f16b22;border-color: #f16b22}
.actionArea .inner a.write:hover{background-image: url(../images/btn_lar_icon.png);}
.actionArea .inner a.delete:hover{background-image: url(../images/btn_del_icon.png);}
.actionArea .inner a.edit:hover{background-image: url(../images/btn_update_icon.png);}
.actionArea .inner a.list:hover{background-image: url(../images/btn_list_icon.png);}
.actionArea .inner a.insert:hover{background-image: url(../images/btn_insert_icon.png);}
.actionArea .inner a.reply:hover{background-image: url(../images/btn_reply_icon.png);}




.video_box{position:relative;width:100%;}
.video_box .video_list {position:relative;width:100%;padding:25px 0;display: flex;flex-wrap: wrap;}
.video_box .video_list:after{content: ""; clear: both; display: block;}
.video_box .video_list li{
    width: calc(33.33333% - 20px);
    margin: 0px 10px 40px;
}
.video_box .video_list li.none{border: 1px solid #d6d6d6;margin-right:0;width:100%;margin-bottom:0;padding-top:80px;text-align:center;background:url(../images/bg_video.jpg) no-repeat 50% 50%;background-size:90px;}
.video_box .video_list li:nth-child(3n){margin-right: 0;}
.video_box .video_list li:nth-child(3n+1){clear:both;}
.video_box .video_list li a{position: relative;display: block;overflow:hidden;}
.video_box .video_list li a .thumb{position:relative;height: 188px;padding: 10px;border: solid 1px #ddd;box-sizing: border-box;overflow: hidden;}
.video_box .video_list li a .thumb:after {content: "";position: absolute;top:50%;left:50%;margin:-20px 0 0 -20px;display: block;width:40px;height: 40px;background:#f16b22 url("../images/btn_list_more.png") no-repeat 50% 50%;z-index: 2;opacity: 0;border-radius: 50%;}
.video_box .video_list li a:hover .thumb:before{border:red solid 1px;background-color: rgba(0,0,0,0.5);}
.video_box .video_list li a:hover .thumb:after { opacity: 1;}
.video_box .video_list li a:hover .over{position: absolute;width:100%;height: 188px;opacity:1;background: rgba(0,0,0,0.3);top:0;}
.video_box .video_list li a .thumb img {position: absolute;top:50%;left:50%;width: calc(100% - 20px);height: 168px;object-fit: cover;transform: translate(-50%, -50%);max-height: 188px;}

.video_box .video_list li .desc{position: relative;padding: 17px 7px 13px;}
.video_box .video_list li .desc .video_date{color: #000; font-size: 14px;}
.video_box .video_list li .desc .video_date strong{font-weight:normal;padding-right:10px;}
.video_box .video_list li .desc .video_date span{position:absolute;right:20px;}
.video_box .video_list li .desc h3 {margin: 0px 0 12px; color: #000000; letter-spacing: -0.8px; line-height: 26px;font-weight:bold;font-size: 1.0em;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-overflow: ellipsis;display: block;  }
.video_box .video_list li .desc .teacher{color: #999999; font-size: 15px;margin-top: 10px;}




.horizontal_box{position:relative;width:100%;}
.horizontal_box .horizontal_list {position:relative;width:100%;}
.horizontal_box .horizontal_list li{position:relative;border: 1px solid #d6d6d6;width: 100%;padding:15px;box-sizing:border-box; margin-right: 2%; margin-bottom:50px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.horizontal_box .horizontal_list li:after{content: ""; clear: both; display: block;}
.horizontal_box .horizontal_list li.none{margin-bottom:0;padding-top:80px;text-align:center;background:url(../images/video_list_thumb.png) no-repeat 50% 50%;background-size:90px;}
.horizontal_box .horizontal_list li a{position: relative; display: block;overflow:hidden;float:left;max-width:30%;  }
.horizontal_box .horizontal_list li a .thumb{background:rgba(0,0,0,0.15) ;}
.horizontal_box .horizontal_list li a .thumb img{ transition: all 0.5s;max-width:100%;max-height:170px;min-width:263px;}
.horizontal_box .horizontal_list li a:hover .thumb img{transform: scale( 1.05 );}
.horizontal_box .horizontal_list li a.videoBtn{position:relative;display:inline-block;border: 1px solid #1364db;width: 150px;text-align:center;box-sizing:border-box;padding:5px 25px 5px 0;color: #fff;letter-spacing:-1px;max-width:100%;}
.horizontal_box .horizontal_list li a.videoBtn{ background-repeat:no-repeat;background-position: 80% 50%;background-color: #464e6b ;background-image: url(../images/btn/btn_video_icon.png);background-size:19px;}



.horizontal_box .horizontal_list li .desc{position:relative;float:left;padding-top:20px;padding-left:20px;}
.horizontal_box .horizontal_list li .desc .video_date{color: #999999; font-size: 14px;}
.horizontal_box .horizontal_list li .desc .video_date strong{font-weight:normal;padding-right:10px;color: #000000;}
.horizontal_box .horizontal_list li .desc h3 {margin: 15px 0 4px; color: #000000; letter-spacing: -0.8px; line-height: 26px;font-weight:bold;font-size: 18px;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-overflow: ellipsis;display: block;  }
.horizontal_box .horizontal_list li .desc .teacher{color: #999999; font-size: 15px;margin-top: 10px;}


.article_box{position:relative;width:100%;}
.article_box .article_list {position:relative;width:100%;}
.article_box .article_list:after{content:"";display:block;clear:both;}
.article_box .article_list li{position:relative;float:left;background-color:#fff;box-shadow: 0 4px 9px rgba(0,0,0,0.1);border: 1px solid #d6d6d6;width: 49%;padding:20px 19px 15px 19px;box-sizing:border-box; margin-right: 2%; margin-bottom:25px;min-height:206px;overflow:hidden;}
.article_box .article_list li:before{position:absolute;content:"";display:block;top:25px;background:#9c9c9c;width:28px;height:1px;}
.article_box .article_list li:nth-child(2n){margin-right:0;}
.article_box .article_list li:after{content: ""; clear: both; display: block;}
.article_box .article_list li.none{margin-bottom:0;padding-top:80px;text-align:center;background:url(../images/video_list_thumb.png) no-repeat 50% 50%;background-size:90px;}
.article_box .article_list li a{position: relative; display: block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;text-overflow: ellipsis;font-size:1.05em;padding-bottom:9px;padding-left:0px;}
.article_box .article_list li a .thumb{background:rgba(0,0,0,0.15) ;}
.article_box .article_list li a .thumb img{ transition: all 0.5s;max-width:100%;max-height:170px;min-width:263px;}
.article_box .article_list li a:hover .thumb img{transform: scale( 1.05 );}

.article_box .article_list li .desc{position:relative;}

.article_box .article_list li .desc h3 {margin: 15px 0 4px; color: #000000; letter-spacing: -0.8px; line-height: 26px;font-weight:bold;font-size: 18px;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-overflow: ellipsis;display: block;  }
.article_box .article_list li .desc .teacher{color: #999999; font-size: 15px;margin-top: 10px;}

.article_box .article_list li .video_date{position:absolute;bottom:14px;color: #999999; font-size: 14px;}
.article_box .article_list li .video_date a{display:inline-block;padding-bottom:0;vertical-align:middle;padding-top: 5px;padding-left:3px;}
.article_box .article_list li .video_date strong{font-weight:normal;padding-right:10px;color:#000;}
.article_box .article_list li .video_date span{color:#000;}





@media screen and (max-width:1024px){ 
	.searchClass .reload{display:none;}
	.searchClass .search{width:10%;}

	.video_box .video_list li{padding:5px;width: calc(50% - 20px);}
	.video_box .video_list li:nth-child(3n+1){clear:none;}
	.video_box .video_list li:nth-child(3n){}
	.video_box .video_list li:nth-child(2n+1){clear:both;}
	.video_box .video_list li a .thumb img{}
}

@media screen and (max-width:768px){ 

	body, div,  ul, ol, li, p, span, a, dl, dt, dd, img, button{font-size:14px;}
	
	
	
	.tbst1{}
	/*.tbst1 > table thead th:nth-child(1){display:none;}*/
	.tbst1 > table thead th:nth-child(3){display:none;}
	.tbst1 > table thead th:nth-child(4){display:none;}
	.tbst1 > table thead th:nth-child(5){display:none;}
	.tbst1 > table thead th:nth-child(6){display:none;}

	/*.tbst1 > table tbody td:nth-child(1){display:none;}*/
	.tbst1 > table tbody td:nth-child(3){display:none;}
	.tbst1 > table tbody td:nth-child(4){display:none;}
	.tbst1 > table tbody td:nth-child(5){display:none;}
	.tbst1 > table tbody td:nth-child(6){display:none;}
	.tbst1 table thead th{padding:10px 10px;}
	.tbst1 > table colgroup col:nth-child(1){width:7% !important;}
	.tbst1 > table colgroup col:nth-child(3){display:none;}
	.tbst1 > table colgroup col:nth-child(4){display:none;}
	.tbst1 > table colgroup col:nth-child(5){display:none;}
	.tbst1 > table colgroup col:nth-child(2){width:35%;}
	.tbst1 > table colgroup col:nth-child(6){display:none;}
		
	.tbst1 table tbody .tL{padding-left:5px;}
	.tbst1 table tbody td a{font-size:1.1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;vertical-align:middle;padding-top:4px;}
	.tbst1 table tbody td a.fileIcon{display:inline-block;}
	.tbst1 table tbody td .desc{display:block;padding-top:0px;font-size:.9em;font-weight: 300;}
	.tbst1 table tbody td .desc em:first-child{padding-left:0;}
	
	.tbst1 table tbody td > .link.lock {padding-right:15px; background: none;display:inline-block;width:auto;}
	.tbst1 table tbody td > .link.lock:before {content: ""; position: absolute; top:5px; right:0; display: block; width: 12px; height: 14px; background: url("../images/m_icons.png") no-repeat -75px -50px; background-size: 500px auto;}
	.tbst1 table tbody td > .link.answer {padding-left:20px; background: none;}
	.tbst1 table tbody td > .link.answer:before {content: ""; position: absolute; top:3px; right:0; display: block; width: 12px; height: 14px; background: url("../images/m_icons.png") no-repeat -100px -50px; background-size: 500px auto;}


	.actionArea .inner a{width:100%;margin-top:5px;color:#000;background-color: #1634db;border-color: #000}
	.actionArea .inner a{background-position: 60% 50% !important;}
	.horizontal_box .horizontal_list li a.videoBtn{width:100%;padding: 9px 25px 9px 0;background-position: 60% 50%;}

	.tbst2 table tbody td a.btnFild{background-position: 60% 50% !important;}
	.tbst2 table tbody td a.btnFild{width:100%;margin-top:5px;margin-left:0;}
	.tbst2 table tbody td a.btnFileAdd{position: relative;top:auto;right:auto; background-position: 60% 50% !important;margin-top:5px;}
	.tbst2 table tbody td a.btnFileAdd{width:100%;margin-top:5px;margin-left:0;}
	.tbst2 table tbody td a.btn_del_file{background-position: 60% 50% !important;margin-top:5px;}
	.tbst2 table tbody td a.btn_del_file{width:100%;margin-top:5px;margin-left:0;}


	.tbst2 table tbody td.tit{padding:0;text-align:center;}
	.tbst2 table tbody td.btnPrev a span{width:65%;float:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color:#5f7c27}
	.tbst2 table tbody td.btnNext a span{width:65%;float:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color:#5f7c27}
	
	.tbst2 table tbody td select,.tbst2 table tbody td input{width:100%;}
	.tbst2 table tbody td input[type=radio]{width:auto;}
	.tbst2 table tbody td select, .tbst2 table tbody td input.st{width:100%;}
	.tbst2.write tbody td{padding:8px 5px 8px 5px}
	.tbst2 table tbody td select, .tbst2 table tbody td input.lo{width:100%;}
	.tbst2 table tbody td .viewCont{padding:0;}

	.tbst2 table tbody td .viewer_header {padding:15px;text-align:left;}
	.tbst2 table tbody td .viewer_header .title {font-size:16px; line-height: 26px;}
	.tbst2 table tbody td .viewer_header .date {position: relative; display: inline-block;}
	.tbst2 table tbody td .viewer_header .count {position: relative; display: inline-block; top:0; left:0; right:0; bottom:0; padding-left:9px; margin-left:8px;}
	.tbst2 table tbody td .viewer_header .count:before {content: ""; position: absolute; top:50%; left:0; display: block; width: 1px; height: 9px; margin-top:-4px; background: #999;}
	


	
	.tbst2 table tr.m{display:table-row;}
	.tbst2 table tr.pc{display:none;}
	.tbst1 table .m{display:inline-block;}
	.tbst1 table .pc{display:none;}
	.tbst1 table .tbm{display:table-cell;}
	.tbst1 table .tbpc{display:none;}


	.page_index {padding-top:20px;padding-bottom:20px;}
	.page_index .pb {margin:0 1px; width: 30px; height: 30px; min-width: 30px; font-size:14px; line-height: 28px;}
	.page_index .pb.btn_prev {margin-right:5px;}
	.page_index .pb.btn_next {margin-left:5px;}
	.page_index .pb > em {width: 28px; height: 28px; background: url("../images/m_page_intro.png") no-repeat 0 0; background-size: 200px auto;}

	.video_box .video_list li{margin-bottom:10px;}
	.video_box .video_list li a .thumb{}
	.video_box .video_list li a:hover .over{}
	.video_box .video_list li .desc .video_date{font-size:.9em;}
	.video_box .video_list li .desc .video_date span{font-size:1em;}

	.searchClass select{width:100%;float:none;display:block;margin-bottom:5px;}
	.searchClass select#searchType{width:30%;float:left;}
	.searchClass input{width:60%;float:left;}
	.searchClass input.long{width:60%;}
	.searchClass .search{width:10%;}
	.searchClass .search img{width:100%;}

	.search_frm {width: 100%; }
	.search_frm .frm_fld {position: relative; display: block; width: 100%; padding-left:110px; box-sizing: border-box;}
	.search_frm .comText {width: 100%; box-sizing: border-box; margin:0; height: 40px;}
	.selectbox {position: absolute; top:0; left:0; width: 100px; height: 40px; box-sizing: border-box;}
	.search_frm .comText {width: 100%; box-sizing: border-box; margin:0; height: 40px;}


	.horizontal_box .horizontal_list li a{width:100%;max-width:100%;float:none;}
	.horizontal_box .horizontal_list li a .thumb img{max-height:100%;display:block;margin:0 auto}
	.horizontal_box .horizontal_list li .desc{padding-left:0;padding-top:10px;float:none;}
	.horizontal_box .horizontal_list li .desc h3{}

	.article_box .article_list li{width:100%;margin:0 0 25px 0  ;}

	/*paging*/
	.paging > div span a{margin:0 1px; width: 30px; height: 30px; min-width: 30px; font-size:14px; line-height: 28px;}
	.paging > div a img{width:28px;height:28px;}

	.tbst1 table tbody td .download {width: 23px; height: 23px;display:inline-block !important;    vertical-align: text-bottom;}
	.tbst1 table tbody td .download:before {margin-top:-4px; width: 14px; height: 13px; background-size:cover;}



}

@media screen and (max-width:500px){ /* Mobile ??? */

	.video_box .video_list li a:hover .over{height:114px;}
	.video_box .video_list li a .thumb{height:114px;}
	.video_box .video_list li a .thumb img {
		height:94px;
	}
	.video_box .video_list li {
		
margin: 0 0 40px;
		
width: 50%;
	}

}