#notice ul{display:flex;list-style-type:none;flex-direction:row;flex-wrap:wrap}#notice ul li{margin:10px;width:200px;height:100px;border:1px solid #639;display:grid;grid-template-rows:.5fr 2fr .5fr;background-color:rgba(219,234,247,.589)}#notice ul li .up{background-color:rgba(82,82,160,.418)}#notice ul li .up span{float:right;margin-right:5px}#notice ul li .up span:hover{color:red}#notice ul li .center{width:100%;overflow:hidden;padding:4px;box-sizing:border-box;word-wrap:break-word}#notice ul li .bottom{color:grey;font-size:12px}#notice ul li .bottom span{float:right;margin-right:3px}