body, p, input, button { margin:0; padding:0; }
img { display:block; width:100%; }
.hidden { display:none; }

body { background-color:#e51b1b; }
.receive { padding:20px 10px; }
.con { border:solid 1px #ddd; background-color:#fff; border-radius:6px; margin-bottom:10px; }
.hd { text-align:center; line-height:40px; font-size:16px; font-weight:bold; border-bottom:solid 1px #ddd; }
.bd { padding:10px; line-height:1.5; font-size:14px; }
.bd .txt-input { height:30px; border:solid 1px #ddd; position:relative; }
.bd .txt-input input,
.bd .txt-input button { border:none; line-height:30px; }
.bd .txt-input input { text-indent:5px; width:100%; }
.bd .txt-input button { position:absolute; top:0; right:0; padding:0 10px; background-color:#149bd5; color:#fff; }
.bd .txt-input button:disabled { background-color:#ccc; color:#666; }
.bd .txt-input + .txt-input { margin-top:5px; }
.ft { padding:0 10px 10px; line-height:20px; text-align:center; }
.ft button { padding:0 30px; line-height:30px; border-radius:15px; font-size:14px; color:#fff; background-color:#F3281E; border:none; }

.v-toast {
  position: fixed;
  left: 50%;
  top: 50%;
  max-width: 200px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  padding: 10px 20px;
  border-radius: 6px;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
