#mask {
  display: none;
  position: fixed; left: 0; top: 0; 
  width: 100%; height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 999;
}

.popup-box {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80%;
  border: none;
  background-clip: padding-box;
  border-radius: 0;
  box-shadow: 0 0 15px rgba(0,0,0,0.15);
  background: #fff;
  z-index: 9999;
  font-size: 1vw;
  color: #666;
  overflow-y: auto;
}

img.popup-close {
  position: fixed;
  right: 12%;
  z-index: 1000;
  height: 25px;
  width: 25px;
  margin: 10px 10px 0 0;
}

.popup-box .content {
  z-index: 100;
  position: relative;
  margin: 0 auto;
  padding: 2rem 0.5rem;
  height: 90vh;
  width: 92%;
  overflow-y: scroll;
}

.popup-box .content p {
  margin: 0;
  padding: 8px 0;
  /* font-size: 1vw; */
}

.popup-box .content h5 {
  /* font-size: 1.2vw; */
  /* color: #d1861c; */
}

.popup-box .content a {
  text-decoration: none;
  color: #f37c1f;
}

.popup-box .title {
  width: 100%;
}

.popup-box .title img {
  padding: 4% 8% 2% 0;
  height: 4.5vW;
  float: right;
}

.popup-box .content .loading {
  position: relative;
  margin: 20px auto;
  width: 218px;
  height: 149px;
}

li {
  font-size: 1vw;
}


@media all and (max-device-width: 720px) {
  .popup-box {
    width: 80%;
    font-size: 2vw;
  }

  .popup-box .content p {
    margin: 0;
    padding: 8px 0;
    /* font-size: 2vw; */
  }

  .popup-box .content h5 {
    /* font-size: 2.2vw; */
    /* color: #d1861c; */
  }

  li {
    font-size: 2vw;
  }

}

/*** MOBILE VIEW ***/
@media only screen and (max-width: 640px) {
	.popup-box {
		width: 80%;
		font-size: 1.85vw;
	}

	.popup-box .content p {
		padding: 8px 0;
		/* font-size: 1.85vw; */
	}

	.popup-box .content h5 {
		/* font-size: 2vw; */
	}
}