#sta { width:100%; float:left;}
#sta .main { width:100%; float: left; padding: 30px; box-sizing: border-box;}
#staBox { width:100%; float:left;}
#staBox .title { width:100%; float:left; text-align:center; font-size:24px; line-height:28px; color:#333; text-transform: none; font-family: 'Din-Bold';}
#staBox .content { width:100%; float:left; text-align:center; font-size:13px; line-height:18px; color:#333; margin-top:12px;}
#staBox .list { width:100%; float:left; margin-top:5px;}
#staBox .list ul { width:100%; float:left;}
#staBox .list ul li { width:100%; float:left; font-size:15px; line-height:23px; color:#000; font-family:Arial, Helvetica, sans-serif; margin-top:40px;}
#staBox .list ul li p { margin-top:23px; text-align:center;}
#staBox .list ul li p:first-child { margin-top:0px;}

#sta.sta-courses .content { margin-top:12px;}
#staBox .list2 { width:100%; float:left; margin-top:12px;}
#staBox .list2 ul { width:100%; float:left;}
#staBox .list2 ul li { width:100%; float:left; margin-top:12px; display: flex; }
#staBox .list2 ul li:first-child { margin-top:0px;}
#staBox .list2 ul li .img { width:45%; position:relative; float:left; margin-top: 4px; }
#staBox .list2 ul li .img img { width: 100%; float: left; height: auto; }
/*#staBox .list2 ul li .img:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0,0,0,0.3); }*/
#staBox .list2 ul li .info { width: 55%; float: left; padding-left: 10px; box-sizing: border-box; }
#staBox .list2 ul li .info .ititle { width:100%; float: left; }
#staBox .list2 ul li .info .ititle span { width:100%; float:left;}
#staBox .list2 ul li .info .ititle span.s1 { font-size:16px; line-height:20px; overflow:hidden; font-family: 'Din-Bold'; text-transform: none; color: #333;}
#staBox .list2 ul li .info .ititle span.s2 { font-size:13px; color:#666; line-height:18px; margin-top: 6px; }
#staBox .list2 ul li .long { width:100%; float:left; font-size:16px; color:#0095d8; font-weight: bold; margin-top: 6px;}
#staBox .list2 ul li .excerpt { width:100%; float:left; margin-top:6px; font-size:13px; line-height:18px; color:#666;}

#staBox .list3 { width:100%; float:left; margin-top:35px;}
#staBox .list3 ul { width:100%; float:left;}
#staBox .list3 ul li { width:50%; float:left;}
#staBox .list3 ul li:nth-child(n+3) { margin-top:38px;}
#staBox .list3 ul li .l3Num { width:100%; float:left; font-size:48px; line-height:60px; color:#222; display:flex; justify-content:center;}
#staBox .list3 ul li .l3Num span.s2 { font-size:20px; line-height:42px;}
#staBox .list3 ul li .l3Title { width:100%; float:left; margin-top:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#9b9b9b; text-align:center; padding:0 18%; box-sizing:border-box;}