body{ background-color: #a40411; }
.sMain { position: relative; }
.received{ position: relative; display: none}
.to_use{ position: absolute; width: 85%; height: 9%; top: 60.5%; left: 8.5%; }
.codeInput{ position: absolute; padding:0 5%; width: 50.6%; height: 7.58%; left: 8.1%; top: 71.1%; font-size: 1.3rem; border: none; background: none; }
.get-verification{ position: absolute; width: 26.5%; height: 6.58%; top: 72.45%; left: 66.5%; color: white; font-size: 1rem; text-align: center; border-radius: 1.8rem; background-color: #e19b4c; }
.get-verification.off{ background-color: #d0d0d0; color:#777777; }
input::-webkit-input-placeholder{
    color:#d4d4d4;
}
.get-verification p{ position: absolute; top: 50%; width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
.mobile{ position: absolute; padding: 0 5%; width: 60.6%; height: 7.58%; left: 19.5%; top: 63.4%; font-size: 1.3rem; border: none; background: none; }
.verification{ position: absolute; padding: 0 5%; width: 37.6%; height: 7.58%; left: 19.5%; top: 72.1%; font-size: 1.3rem; border: none; background: none; }
.getPrize{ position: absolute; width: 85%; height: 8.8%; top: 84.5%; left: 8.5%; }
.myLayer{ display: none; position: absolute; width: 80%; top: 20%; left: 10%; z-index: 210; }
.shopping{ position: absolute; left: 20%; top: 82%; width: 60%; height: 15%; }
.close{ position: absolute; top: 0; right: 7%; width: 11%; height: 11%; }
.black_layer { display: none; top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; background: #000; opacity: 0.6; z-index: 201; }