* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  margin: 0; }

.div_backg {
  background-image: url(../image/redpackage-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  height: 100%;
  width: 100%;
  min-height: 600px;
  position: relative; }
  .div_backg:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../image/redpackage-12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 80px;
    width: 90px;
    bottom: 0;
    right: 0;
    z-index: 10; }
  .div_backg .div_cotent {
    width: 100%;
    margin: 0 auto; }
    .div_backg .div_cotent .c1 {
      padding-top: 60px;
      padding-left: 10%;
      padding-right: 10%;
      width: 100%; }
      .div_backg .div_cotent .c1 .image-wrapper {
        width: 100%;
        text-align: center; }
        .div_backg .div_cotent .c1 .image-wrapper img {
          width: 106%;
          margin-left: -3%; }
      .div_backg .div_cotent .c1 .c1_redsedtitle {
        width: 100%;
        overflow: hidden; }
        .div_backg .div_cotent .c1 .c1_redsedtitle .c1_wrapper {
          width: 100%;
          position: relative; }
          .div_backg .div_cotent .c1 .c1_redsedtitle .c1_wrapper:before {
            content: '';
            display: block;
            position: absolute;
            border-top: 1px solid #fff;
            width: 100%;
            top: 0px; }
          .div_backg .div_cotent .c1 .c1_redsedtitle .c1_wrapper:after {
            content: '';
            display: block;
            position: absolute;
            border-top: 1px solid #fff;
            width: 100%;
            bottom: 0px; }
        .div_backg .div_cotent .c1 .c1_redsedtitle img {
          text-align: center;
          width: 100%;
          margin-top: 5px;
          margin-bottom: 5px; }
    .div_backg .div_cotent .c2 {
      padding-top: 10px;
      width: 100%;
      overflow: hidden; }
      .div_backg .div_cotent .c2 .c2_redmain {
        background-image: url(../image/redpackage-05.png);
        background-repeat: no-repeat;
        background-size: 100% 120%;
        background-position: center;
        height: 110px;
        width: 60%;
        margin-left: 20%;
        z-index: 1;
        position: relative; }
        .div_backg .div_cotent .c2 .c2_redmain:before {
          content: '';
          display: block;
          position: absolute;
          background-image: url(../image/redpackage-07.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-position: center;
          height: 80px;
          width: 120px;
          bottom: -10px;
          left: -40px; }
        .div_backg .div_cotent .c2 .c2_redmain:after {
          content: '';
          display: block;
          position: absolute;
          background-image: url(../image/redpackage-06.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-position: center;
          height: 45px;
          width: 130px;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%); }
      .div_backg .div_cotent .c2 .c2_getbut {
        text-align: center;
        width: 100%; }
        .div_backg .div_cotent .c2 .c2_getbut img {
          text-align: center;
          height: 60px; }
    .div_backg .div_cotent .c3 {
      width: 100%; }
      .div_backg .div_cotent .c3 .c3_redmain {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%; }
        .div_backg .div_cotent .c3 .c3_redmain .c3_imagewrapper {
          width: 100%;
          text-align: center;
          position: relative; }
          .div_backg .div_cotent .c3 .c3_redmain .c3_imagewrapper img {
            width: 114%;
            margin-left: -7%; }
          .div_backg .div_cotent .c3 .c3_redmain .c3_imagewrapper:before {
            content: '';
            display: block;
            position: absolute;
            border-top: 1px solid #fff;
            width: 100%;
            top: 6px; }
          .div_backg .div_cotent .c3 .c3_redmain .c3_imagewrapper:after {
            content: '';
            display: block;
            position: absolute;
            border-top: 1px solid #fff;
            width: 100%;
            bottom: 6px; }
    .div_backg .div_cotent .c4_container {
      width: 100%;
      padding-left: 10%;
      padding-right: 10%;
      overflow: hidden; }
      .div_backg .div_cotent .c4_container .row {
        width: 110%;
        margin-left: -5%;
        overflow: hidden; }
        .div_backg .div_cotent .c4_container .row.fix-row {
          margin-top: -20px; }
        .div_backg .div_cotent .c4_container .row .column {
          width: 50%;
          float: left; }
          .div_backg .div_cotent .c4_container .row .column .c4_lottery {
            background-image: url(../image/redpackage-10.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 100%;
            height: 70px;
            text-align: center;
            position: relative; }
            .div_backg .div_cotent .c4_container .row .column .c4_lottery .left {
              width: 60%;
              position: absolute;
              top: 50%;
              left: 40%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              font-size: 12px;
              font-weight: bold;
              color: purple; }
            .div_backg .div_cotent .c4_container .row .column .c4_lottery .right img {
              width: 40px;
              height: 40px;
              position: absolute;
              top: 50%;
              right: 0;
              transform: translate(-34%, -50%);
              -webkit-transform: translate(-34%, -50%);
              text-align: center; }

/*# sourceMappingURL=redPackage.css.map */