.lucky-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

a.lucky-btn {
  margin-left: 20px;
  background-color: #ffc61e;
  text-transform: uppercase;
  color: #323232;
  border-radius: 0;
  padding: 1px 20px;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 20px;
}

#result.lucky-res {
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  border: 2px solid #D1B464;
  padding: 10px 30px;
  border-radius: 10px;
  font-size: 50px;
}

.wrap-4d {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.wrap-4d p {
  margin-bottom: 0;
}

.wrap-4d .each {
  width: 320px;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
  text-align: center;
}

.wrap-4d .each .lotto-header {
  width: 100%;
  margin: 0;
}

.wrap-4d .each .lotto-header img {
  height: 40px;
  margin-bottom: 10px;
}

.wrap-4d .each.magnum { background: #ff0;}
.wrap-4d .each.dmc { background: #00f;}
.wrap-4d .each.toto { background: #c00;}
.wrap-4d .each.singapore { background: #4c8ed1;}
.wrap-4d .each.stc { background: #008835;}
.wrap-4d .each.eight8 { background: #e51d20;}
.wrap-4d .each.bcash { background: #00540e;}

.lotto-date, .tp-wrap .prize-wrap .prize-head, .np-wrap .np-head {
  background: #1f1f1f;  padding: 5px 0;
}

.tp-wrap .prize-wrap .prize-res, .np-res-wrap .np-res {
  background: #fff;
  color: #000;
  padding: 3px 0;
}

.tp-wrap .prize-wrap .prize-res p {
  font-size: 16px;
  font-weight: bold;
}

.tp-wrap {
  display: flex;
}

.tp-wrap .prize-wrap {
  width: 100%;
}

.np-res-wrap .row-wrap {
  display: flex;
  flex-direction: row;
}

.np-res-wrap .row-wrap .np-res {
  width: calc(100% * (1/4));
}

.np-res-wrap .row-wrap .np-res.dis-res {
  background: #ccc;
}