#rule .inner{text-align:center}#rule h3{background:#51ae7c linear-gradient(to bottom, #ff9c00 49%, #ff7b0d 50%) no-repeat;color:#fff;display:inline-block;margin-bottom:15px;padding:10px 20px;position:relative}@media screen and (min-width: 768px){#rule h3{font-size:22px;padding:15px 40px}}#rule h3:after{border:10px solid transparent;border-top:10px solid #ff7b0d;bottom:-20px;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;width:0}#rule h3+p{font-size:12px;margin-bottom:15px}@media screen and (min-width: 768px){#rule h3+p{margin-bottom:30px}}#rule ul{background:#fff;border:1px solid #ccc;line-height:24px;padding:15px;text-align:left}@media screen and (min-width: 768px){#rule ul{line-height:32px;margin:0 20px;padding:20px 30px}}@media screen and (max-width: 767px){#rule ul li{margin-bottom:10px}}#rule ul span{color:#f00;font-weight:bold}#rule-banlist{margin-bottom:30px}#rule-banlist ul li:before{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#f00;content:"";display:inline-block;font-size:32px;height:10px;margin-right:15px;width:10px}#rule-banlist ul li>ul{border:0;background:#fff3a0;margin:5px 20px 15px}@media screen and (max-width: 767px){#rule-banlist ul li>ul{margin:5px 0 15px;padding:10px 15px}}#rule-banlist ul li>ul li:before{background:#51ae7c}#rule-attention h3+p{background:#fff3a0;font-size:14px;margin:5px 15px 10px;padding:15px 5px}@media screen and (min-width: 768px){#rule-attention h3+p{font-size:18px;margin:5px 20px 30px;padding:30px 0}}#rule-attention h3+p span{color:#f00;font-weight:bold}#rule-attention ul li:last-of-type{margin-bottom:0}