@charset "utf-8";

.board_total .bold.red{color:#e03321;}
.board_total .bold{font-weight:bold;}

/* list */

.basic_box {position:relative;display:block;margin-bottom:50px;padding:15px 20px 10px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
/*.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 13px;color:#666;font-size:13px;line-height:36px;}*/
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e03321;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:block;position:relative;width:100%;}
.basic_search .grap select{margin-bottom:5px;padding:0 10px;width:100%;height:36px;border:1px solid #ddd;line-height:36px;}
.basic_search .searchinput{position:relative;padding-right:50px;width:100%;border:1px solid #ddd;}
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;width:48px;height:34px;/*text-indent:-9999em;*/border:none;background:url(/images/lab/sub02/r_find_btn.png) no-repeat scroll 50% 50%;/*background:url(/images/common/icon_bbs.png) center center no-repeat;background-image:url(/images/common/icon_bbs.svg), none;*/font-size:0;line-height:0;}
.basic_search .searchinput input[type="submit"]:focus{outline:1px dotted #666;}
.basic_search .searchinput input[type="text"]{width:100%;height:34px;padding:0 40px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:34px;}

@media only screen and (min-width:480px) {
	.basic_search .grap,
	.basic_search .searchinput{display:inline-block;width:auto;}
	.basic_search .grap select{margin-bottom:0;width: 100px;}
	.basic_search .searchinput input[type="text"]{width:240px;}
}

@media only screen and (min-width:640px) {
	.board_total{display:inline-block;float:left;}
	.basic_search{display:inline-block;float:right;padding-left:0;}
	.basic_search .searchinput{}
	.bbs_searchbox input[type="text"]{width:100%;}	
}


.basic_table {width:100%;table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;box-sizing:border-box}
.basic_table th , .basic_table td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table thead th {padding:15px 10px;background:#efefef; border:1px solid #ddd; border-bottom:0; line-height:17px; font-size:15px; color:#333}
.basic_table tbody th{border:1px solid #ddd; text-align:center; color:#727177}
.basic_table th > label {background:#fafafa;border-bottom:0; line-height:15px; font-size:15px; color:#47464c}
.basic_table td {border:1px solid #e8e8f0; text-align:center;  color:#727177}
.basic_table tbody td *{vertical-align:middle;}
.basic_table tfoot th,
.basic_table tfoot td{border:1px solid #ddd; text-align:center;color:#666;background-color:#fafafa;}

.basic_table tbody tr.problem th:first-child{border-left:none;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
.tablewrap .note{margin-top:10px;}


.noStyle{}
.noStyle th,
.noStyle td{border:none}


.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}
.btn.btn-line{background-color:transparent;}
.btn.btn-file{background-color:#fff;border-radius:4px;border:1px solid #ddd;}
.tab-ul.deth-4st li a span{padding-top:7px;padding-bottom:7px;padding-left:10px;}
.tab-ul.deth-4st li a{font-size:13px;}


#tab{margin-bottom:20px;}
#tab:after {content:"";display:block;visibility:hidden;clear:both;}
#tab li{display:table;float:left;margin-left:-1px;margin-top:-1px;height:100%;vertical-align:middle;width:14.28%}
#tab li *{margin:0;padding:0;line-height:0;}
#tab li a{display:table-cell;color:inherit;cursor:pointer;transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;/*-moz-transition:all 0.3s;*/background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
#tab li a span{display:block;position:relative;line-height:120%;}
#tab li a:hover,
#tab li a:focus,
#tab li a:active {}

#tab li a em {display:block;margin:10px auto 0;width:50px;height:50px;background:url(/images/prog/data_cate.png) no-repeat}
/*#tab li a em.ir-cat{background:url(/images/prog/data_cate.png) no-repeat -400px 0;}*/
#tab li a em.all{background-position:0 0;}
#tab li a em.cat01{background-position:-50px 0;}
#tab li a em.cat02{background-position:-100px 0;}
#tab li a em.cat03{background-position:-150px 0;}
#tab li a em.cat04{background-position:-200px 0;}
#tab li a em.cat05{background-position:-250px 0;}
#tab li a em.cat06{background-position:-300px 0;}
#tab li a em.cat07{background-position:-350px 0;}
#tab li a em.cat08{background-position:0 -50px;}
#tab li a em.cat09{background-position:-50px -50px;}
#tab li a em.cat10{background-position:-100px -50px;}
#tab li a em.cat11{background-position:-150px -50px;}
#tab li a em.cat12{background-position:-200px -50px;}
#tab li a em.cat13{background-position:-250px -50px;}
#tab li a em.cat14{background-position:-300px -50px;}
#tab li a em.cat15{background-position:-350px -50px;}
#tab li a em.cat16{background-position:0 -100px;}
#tab li a em.cat17{background-position:-50px -100px;}
#tab li a em.cat18{background-position:-100px -100px;}
#tab li a em.cat19{background-position:-150px -100px;}
#tab li a em.cat20{background-position:-200px -100px;}
#tab li a em.cat21{background-position:-250px -100px;}
#tab li a em.cat22{background-position:-300px -100px;}
#tab li a em.cat23{background-position:-350px -100px;}
#tab li a em.cat24{background-position:0 -150px;}
#tab li a em.cat25{background-position:-50px -150px;}

#tab li a em.cat100{background-position:0 -200px;}
#tab li a em.cat101{background-position:-50px -200px;}

#tab li a em.cat200{background-position:0 -250px;}
#tab li a em.cat201{background-position:-50px -250px;}
#tab li a em.cat202{background-position:-100px -250px;}
#tab li a em.cat203{background-position:-150px -250px;}
#tab li a em.cat204{background-position:-200px -250px;}
#tab li a em.cat205{background-position:-250px -250px;}
#tab li a em.cat206{background-position:-300px -250px;}

#tab li a em.cat300{background-position:0px -300px;}
#tab li a em.cat301{background-position:-50px -300px;}
#tab li a em.cat302{background-position:-100px -300px;}
#tab li a em.cat303{background-position:-150px -300px;}
#tab li a em.cat304{background-position:-200px -300px;}
#tab li a em.cat305{background-position:-250px -300px;}
#tab li a em.cat306{background-position:-300px -300px;}
#tab li a em.cat307{background-position:-350px -300px;}
#tab li a em.cat308{background-position:0px -350px;}
#tab li a em.cat309{background-position:-50px -350px;}
#tab li a em.cat310{background-position:-100px -350px;}
#tab li a em.cat311{background-position:-150px -350px;}
#tab li a em.cat312{background-position:-200px -350px;}
#tab li a em.cat313{background-position:-250px -350px;}

#tab li{position:relative;z-index:10;}
#tab li a{position:relative;background:#fff url(/images/prog/data_cate.png) no-repeat -409px 10px;border-color:#ddd;color:#666;font-size:13px;line-height:1;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;/*-moz-transition:all 0.3s;*/}
#tab li a:hover,
#tab li a:focus,
#tab li a:active{color:#2f71d2;}
#tab li a span{padding:10px;}
#tab li.on{position:relative;z-index:11;}
#tab li.on a,
#tab li.on a:hover,
#tab li.on a:focus,
#tab li.on a:active{border-color:#2452a7;background:#e9eaec url(/images/prog/data_cate.png) no-repeat -409px -90px;color:#2452a7;}





@media only screen and (max-width:768px) {
	#tab li{width:25%;}
	#tab li a,
	#tab li a:hover,
	#tab li a:focus,
	#tab li a:active{background-image: none}
	#tab li.on a,
	#tab li.on a:hover,
	#tab li.on a:focus,
	#tab li.on a:active{background-image: none}
}
@media only screen and (max-width:640px) {
	#tab li{width:33.33%}
}
@media only screen and (max-width:560px) {
	#tab li{width:50%}
}




@media (max-width:1023px){
	.tab-ul.tab-col-4 li{width:50%}
}
@media (max-width:560px){
	.tab-ul.tab-col-4 li{width:100%}
}