#Popup-App {
  position: fixed;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
}

.Popup-Message {
  position: fixed;
  display: flex;
  width: 40em;
  height: 15em;
  border-radius: 20px;
  margin-top: 20%;
  background-color: #99dae4;
}
@media (max-width: 1000px) {
  .Popup-Message {
    width: 50em;
    height: 20em;
    margin-top: 35%;
  }
}
.Popup-Message .content {
  display: grid;
  grid-template-rows: 20% 60% 20%;
  width: 100%;
}
.Popup-Message .content .head-pic {
  position: absolute;
  margin: -3em -2.5em;
  grid-row: 1;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background-image: url(../pic/site/BW-licon.png);
  background-color: #004059;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}
@media (max-width: 1000px) {
  .Popup-Message .content .head-pic {
    margin: -4em -5em;
    width: 150px;
    height: 150px;
    background-size: 70%;
  }
}
.Popup-Message .content .title {
  grid-row: 1;
  background-color: #004059;
  font-weight: 600;
  text-align: center;
  font-size: large;
  color: white;
  border-radius: 20px 20px 0px 0px;
}
@media (max-width: 1000px) {
  .Popup-Message .content .title {
    height: 110%;
    font-size: 26px;
  }
}
.Popup-Message .content .main {
  grid-row: 2;
}
.Popup-Message .content .main p {
  font-weight: 600;
  padding: 2em;
}
@media (max-width: 1000px) {
  .Popup-Message .content .main {
    font-size: 26px;
  }
}
.Popup-Message .content .button {
  grid-row: 3;
}
.Popup-Message .content .button .btn {
  justify-self: center;
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  border: none;
  font-family: myfont-light;
  font-size: large;
  color: white;
  background-image: linear-gradient(45deg, #005273, #49bcce 120%);
  padding: 0.5em;
  transition: opacity ease 0.5s;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .Popup-Message .content .button .btn {
    font-size: x-large;
  }
}
.Popup-Message .content .button .btn:hover {
  opacity: 1;
}
.Popup-Message .content .button label {
  margin: auto 40% auto 5px;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .Popup-Message .content .button label {
    font-size: 25px;
  }
}
.Popup-Message .content .button .chkbox {
  position: absolute;
  width: 20px;
  height: 20px;
}
@media (max-width: 1000px) {
  .Popup-Message .content .button .chkbox {
    width: 30px;
    height: 30px;
  }
}

.show-message {
  animation: slide-down 0.5s ease-in forwards;
}

.hide-message {
  animation: slide-up 0.5s ease-in forwards;
}

@keyframes slide-up {
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@keyframes slide-down {
  0% {
    top: -100%;
  }
  100% {
    top: 0%;
  }
}/*# sourceMappingURL=message-popup.css.map */