@charset "utf-8";ul.sample1{counter-reset:li;font:14px/1.6 'arial narrow',sans-serif;list-style:none;padding:0}ul.sample1 li{position:relative;font-weight:700;line-height:28px;padding-left:40px;margin:10px 0}ul.sample1 li:nth-child(4n+1){border:dashed 1px #ffa79f}ul.sample1 li:nth-child(4n+2){border:dashed 1px #fbaf5d}ul.sample1 li:nth-child(4n+3){border:dashed 1px #9fcdff}ul.sample1 li:nth-child(4n+4){border:dashed 1px #afebb6}ul.sample1 li:before{counter-increment:li;content:counter(li);position:absolute;left:-1px;color:#fff;text-align:center;line-height:30px;width:30px;height:30px;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}ul.sample1 li:nth-child(4n+1):before{background:#ffa79f}ul.sample1 li:nth-child(4n+2):before{background:#fbaf5d}ul.sample1 li:nth-child(4n+3):before{background:#9fcdff}ul.sample1 li:nth-child(4n+4):before{background:#afebb6}