@charset "utf-8";

table.board_list .badge{display: inline-block;width:3em;height:3em;border-radius:50%;font-size:14px;padding: 0.55em 0.25em;overflow: hidden;background-color:#056cb9;line-height: 2;}
table.board_list .badge.badge_C001{background-color:#056cb9;}
table.board_list .badge.badge_C002{background-color:#2298D6;}
table.board_list .badge.badge_C003{background-color:#2d59bb;}

.ui-code__category{}
.ui-code__category .inner{padding:35px 20px;padding-left:110px;min-height:120px;position:relative;border-bottom: 1px dashed #ddd;padding-top: 40px;}
.ui-code__category .inner h2{width:80px;height:80px;border:1px solid #ddd;border-radius:10px 0;font-size: 23px;text-align: center;color: #333;padding: 13px;padding-top: 14px;background-color:#fff;font-weight: bold;position: absolute;top: 20px;left: 10px;}
.ui-code__category .inner ul{}
.ui-code__category .inner ul li{display:inline-block;position:relative;font-size:16px;padding-left:10px;padding-right:30px;}
.ui-code__category .inner ul li:before{content:'';display:block;position: absolute;top: 9px;left:0px;width:4px;height:4px;background: none;background-color: #149ab8;border-radius:50%;}

.ui-area .article-text{padding-right:20px;/* border-bottom: 1px solid; */border-bottom: 1px dashed #ccc;margin-bottom: 40px;}
.ui-area .article .title {position:relative;padding:0 5px;padding-top:0;background:none; font-size:28px; color:#000; line-height:1.3;z-index:3}
.ui-area .article .title i {position: absolute;top:-3px;left:0;display:inline-block; width:26px; height:32px; color:#fff; background:url(/common/images/prog/course_h2.png) no-repeat;z-index:-1}

.ui-area .caption-inner{padding: 0 0 35px 0;background-color: #fff}
.ui-area .caption-title{display:block;border-bottom: 1px solid #ddd;padding-bottom: 8px;font-size: 25px;letter-spacing: -2px;font-weight: bold}
.ui-area .caption-title:before{display:none}
.ui-area .caption-info .li{position: relative;overflow: hidden;padding:10px 0 10px 115px;font-size: 14px;border-top: 1px dashed #ccc;float: left;width: 50%;}
.ui-area .caption-info .li br{display:none;}
.ui-area .caption-info .li:nth-child(2){border-top:none;}
.ui-area .caption-info .li:nth-child(7),
.ui-area .caption-info .li:nth-child(8){width: 100%;}
.ui-area .caption-info .li .list-1st{margin:0}
.ui-area .caption-info .li .list-1st li{margin:0}
.ui-area .caption-info .li b i{ width: 25px; height: 25px; margin-right:4px;padding: 5px 0; background-color: #00a0e9; border-radius: 50px; font-size: 14px; text-align: center; color: #fff}
.ui-area .caption-info .li:first-child{border-top:0}
.ui-area .caption-info .li b{ display: inline-block; float: left; position: relative; width:109px; margin-left: -109px; color: #121212;}
.ui-area .caption-info .li b:before{content: ""; position: absolute; top: 5px; left:93px; width: 1px; height: 14px; background: #cacaca}
.ui-area .figure .img {box-shadow:10px 10px 40px rgba(0,0,0,0.1);text-align: center;}
.ui-area .figure .btn_wrap{margin-top: 30px;text-align: center}

@media screen and (max-width:999px){
	.ui-area .caption-info .li{width:100%;}
}
@media screen and (max-width:767px){
	.ui-area .caption-info .li:nth-child(6){float:none;width:100%}
	.ui-area .caption-info .li:nth-child(7){float:none;width:100%}
}


.icoAreaSmall{position:absolute;top:59px;left:23px;width:50px; z-index:11;}
.icoAreaSmall .icoArea{display:block;width:50px; height:50px; text-align:center; font-size:13px; color:#fff;border-radius:50%;overflow:hidden;}
.icoAreaSmall .icoArea i{display:block;width:100%;height:100%;color:#fff;border-radius:50%;line-height:54px;overflow:hidden;letter-spacing: -1px;font-weight:bold; }
.icoAreaSmall .icoArea.basic i{background-color:#424b61}
.icoAreaSmall .icoArea.default i{background-color:#3f61b2}
.icoAreaSmall .icoArea.darkgreen i{background-color:#298250}
.icoAreaSmall .icoArea.charcoal i{background-color:#63676d}


.apply-article{border:1px solid #e1e1e1; padding:40px; margin:30px 0;}
.apply-article .forward{text-align:center;font-size: 28px;color:#000;font-weight:bold;margin-bottom:20px;}
.apply-article .forward strong{color:#1c7c57;font-weight:bold;}
.apply-article .forward-article{table-layout:fixed;display:table;width:100%;text-align:center}
.apply-article .forward-article .self-accrdt{display:table-cell;border:10px solid transparent;}
.apply-article .forward-article .self-accrdt .item{background-color: #f4f4f4;padding:20px 10px;}
.apply-article .forward-article .self-accrdt .item i{display:block;margin:0 auto 20px;width:108px;height:108px;border-radius:50%;background:#fff url(/images/prog/infoedu/ir-info__icon.png) no-repeat;}
.apply-article .forward-article .self-accrdt .item em,
.apply-article .forward-article .self-accrdt .item strong{display:block;text-align:center;line-height:1.2}
.apply-article .forward-article .self-accrdt .item strong{font-size:16px; color: #3f61b2;font-weight:bold;margin-bottom:5px;}
.apply-article .forward-article .self-accrdt .item em{font-size:24px;color:#000;}

.apply-article .forward-article .self-accrdt .item i.self-icon1{background-position:0 0}
.apply-article .forward-article .self-accrdt .item i.self-icon2{background-position:-110px 0}
.apply-article .forward-article .self-accrdt .item i.self-icon3{background-position:-218px 0}
.apply-article .forward-article .self-accrdt .item i.self-icon4{background-position:-327px 0}

@media screen and (max-width:1200px){
	.apply-article .forward-article .self-accrdt .item em{font-size:20px;}
}
@media screen and (max-width:767px){
	.apply-article .forward-article .self-accrdt{display:inline-block;float:left;width:50%;}

}
@media screen and (max-width:560px){
	.apply-article{padding:20px;margin-top:70px;}
	.apply-article .forward-article .self-accrdt{display:block;float:none;width:100%;}
	.apply-article .forward-article .self-accrdt .item i{display:none;}
}


@media(max-width:768px){
	.board_list.table tbody tr{padding:10px;}
	.board_list.table tbody td{display: inline-block;position: relative;}
	.board_list.table tbody td:after{display:block;content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 10px;border-right: 1px solid #ddd;display: inline-block;margin: 0;min-width: auto;transform:translateY(-50%);}
	.board_list.table tbody td:first-child{position:relative;left: auto;top: auto;width: 100%;text-align:left;}
	.board_list.table tbody td:first-child:after{display:none;}
	.board_list.table tbody td:last-child:after{display:none;}
	.board_list.table tbody td:first-child br{display:none}
}