.note-list-layout {
  margin: 10px auto;
  padding: 0;
  width: 70%;
  background: #ffd9e6;
  background: linear-gradient(-135deg, transparent 22px, #ffd9e6 0) top right;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat; }
  .note-list-layout:before {
    content: "";
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent #ffeff4; }
  .note-list-layout ul li {
    border-bottom: 1px solid #fff; }
    .note-list-layout ul li:last-child {
      border-bottom: 0; }

@media screen and (max-width: 640px) {
  .note-list-layout {
    width: 90%; }
    .note-list-layout .search_layout, .note-list-layout .wid_search_layout {
      width: 100% !important; } }