#rule { position: relative; width: 100%; height: auto; margin: 100px auto; }
#rule .bg { background: #430d5e; position: absolute; width: 76%; height: 100%; left: 12%; top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
#rule .ctr { position: relative; width: 76%; margin: 0 auto; padding: 40px; color: #fff; overflow-x: hidden; }
#rule .ctr * { position: relative; }
#rule .ctr a { color: #ffe400; text-decoration: underline; display: inline-block; }
#rule .ctr span { display: inline-block; }
#rule .ctr h2 { color: #ffe400; line-height: 44px; font-weight: bold; margin-bottom: 5px; }
#rule .ctr p { margin-bottom: 20px; min-height: 20px; }
#rule .ctr .nopb { margin-bottom: 0px; }
#rule .ctr .title { text-align: center; margin-bottom: 10px; }
#rule .ctr ol { list-style-type: decimal; padding-left: 30px; margin-bottom: 20px; }
#rule .ctr ol li { padding-bottom: 10px; }
#rule .ctr ol li:last-child { padding-bottom: 0px; }
#rule .ctr .back { padding-left: 25px; }
#rule .ctr .bold { font-weight: bold; }

#cr { padding-bottom: 20px; }

@media (max-width: 960px) { #rule .bg { width: 720px; left: 50%; margin-left: -360px; }
  #rule .ctr { width: 720px; } }
@media (max-width: 760px) { #rule .bg { width: 380px; margin-left: -190px; }
  #rule .ctr { width: 380px; padding: 25px; }
  #rule .ctr .title { font-size: 34px; line-height: 44px; }
  #rule .ctr h2 { font-size: 30px; line-height: 40px; }
  #rule .ctr a, #rule .ctr p, #rule .ctr ol li { font-size: 16px; line-height: 22px; }
  #rule .ctr ol { padding-left: 25px; }
  #cr { font-size: 12px; line-height: 14px; }
  #cr span { display: block; } }
@media (max-width: 480px) { #rule { margin: 70px auto; }
  #rule .bg { width: 280px; margin-left: -140px; }
  #rule .ctr { width: 280px; padding: 20px; }
  #rule .ctr .title { font-size: 28px; line-height: 38px; }
  #rule .ctr h2 { font-size: 24px; line-height: 32px; }
  #rule .ctr a, #rule .ctr p, #rule .ctr ol li { font-size: 14px; line-height: 20px; }
  #rule .ctr ol { padding-left: 20px; } }