body {

  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #fdf07d; 
  /*
  background-color: #fdf07d; king10

  background-color: #f6ecd1; 

  background-color: #2484b9; gueen
  background-color:#f1ea53;
  background-image: url(../popup/bg-king10.jpg);
  background-color:#f6ecd1 e8c825 king9
  */

}

@media only screen and (max-width: 767px) {
  body {
    /* background-image: url(../popup/bg.jpg); */
    background-color: #fdf07d;
  }
	}

  .btn {
      display: inline-block;
      margin: 0;
      text-align: center;
      text-decoration: none !important;
      white-space: nowrap;
      background-image: none;
      border: 0;
      padding: 0 15px;
      min-width: 160px;
      height: 45px;
      line-height: 45px;
      font-size: 24px;
      font-weight: normal;
      vertical-align: top;
      border-radius: 4px;
  }
  .btn, .no-touch .btn:hover {
      background: #00a950;
      background: -webkit-gradient(linear, left top, right top, from(rgba(0,169,80,1)), to(rgba(0,85,40,1)));
      background: -webkit-linear-gradient(left, rgba(0,169,80,1) 0%, rgba(0,85,40,1) 100%);
      background: -o-linear-gradient(left, rgba(0,169,80,1) 0%, rgba(0,85,40,1) 100%);
      background: linear-gradient(90deg, rgba(0,169,80,1) 0%, rgba(0,85,40,1) 100%);
      color: #fff !important;
  }
  .btn.btn-outline {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      border-color: #8d3a19 !important;
      color: #8d3a19 !important;
  }
  .no-touch .btn.btn-outline:hover {
      background-color: transparent;
      border-color: #8d3a19 !important;
      color: #8d3a19 !important;
  }