.overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            display: none;
            z-index: 999;
        }

        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            padding: 20px;
            width: 90%;
            max-width: 460px;
            max-height: calc(100vh - 120px);
            border-radius: 8px;
            z-index: 1000;
            display: none;
        }
        .popup .tip-content {
             padding: 16px 0px;
  font-size: 14px;
  color: #696969;
  word-wrap: break-word;
  text-align: justify;/*milly*/
        }
        .popup .title {
  position: relative;
  font-size: 25px;
  color: #2d4b94;
  padding-top: 16px;
  font-family: "Raleway", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", -apple-system, system-ui, Helvetica, Arial, sans-serif, Impact;
}
.popup .btn-close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -20px;
  top: -20px;
  z-index: 10;
  background: url(../img/template/icon_close.png) no-repeat center center;
}
.popup .close-btn {
     position: absolute;
  width: 40px;
  height: 40px;
  right: -20px;
  top: -20px;
  z-index: 10;
  background: url(../img/template/icon_close.png) no-repeat center center;
}