@charset "utf-8";

.MJS_P03_latest { width: 100%; margin-left: 12px; max-width: calc(30% - 12px); overflow: hidden; display: flex; flex-wrap: wrap; padding: 16px; background: #fff; border-radius: 4px; position: relative; justify-content: space-between; align-items: center; align-content: flex-start; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.03);}
.MJS_P03_latest > p { font-size: 14px; font-weight: 300; color: #6b6b6b; }
.MJS_P03_latest:nth-of-type(4) { margin-right:0; }
.MJS_P03_latest .title { text-align:left; display:inline-block; border-bottom:3px solid #7366ff; color:#222; padding-bottom:8px; font-size:14px; font-weight:500; letter-spacing:-1px; position:relative; }
.MJS_P03_latest .title > img { max-height:16px; margin-right:4px; margin-top:-1px; }
.MJS_P03_latest::before { content: ''; display: block; width: calc(100% - 32px); height: 1px; background: #e1e1e1; top: 44.5px; z-index: 0; left: 16px; position: absolute;  }
.MJS_P03_latest > ul { width:100%; padding-top:8px; }
.MJS_P03_latest ul li { width: 100%; display:flex; flex-wrap:nowrap; color: #000000; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.MJS_P03_latest ul li .number { font-size:9px; border-radius:4px; display: inline-block; width: 20px; height: 20px; background-color: #777; color: #FFFFFF; text-align: center; line-height: 20px; font-weight: bold; margin-right: 5px; }
.MJS_P03_latest ul li > img { max-width:90px; margin-right:12px; min-width:90px; min-height:66px; max-height:66px; width:auto; }
.MJS_P03_latest ul li:nth-child(1) .number { background:#ff6666; } 
.MJS_P03_latest ul li:nth-child(2) .number{ background:#ff9966; } 
.MJS_P03_latest ul li:nth-child(3) .number{ background:#66ccff; } 
.MJS_P03_latest ul li:nth-last-child(1) { margin-bottom:0; }
.MJS_P03_latest ul li .new_subject { width:auto; height:100%; min-height:57px; max-height:65px; display:flex; flex-wrap:wrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.MJS_P03_latest ul li .new_subject a { width:100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.MJS_P03_latest ul li .new_subject p { width:100%; letter-spacing:-.3px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.MJS_P03_latest ul li .new_subject p.subj { font-size:14px; color:#000; font-weight:500; }
.MJS_P03_latest ul li .new_subject p.cont { font-size:12px; color:#555; font-weight:400; margin:3px 0;}
.MJS_P03_latest ul li .new_subject p.info { font-size:12px; color:#888; font-weight:400; }
.MJS_P03_latest ul li .new_subject p.info b { margin:0 8px; position:relative; }
.MJS_P03_latest ul li .new_subject p.info b::before { content:''; position:absolute; right:0px; top:calc(50% - 5px); height:10px; width:1px; background:#ccc; }
.MJS_P03_latest ul li .new_subject p.info strong { color:#7366ff; margin-left:4px; font-weight:500;}