body, html {
  font-family: "Noto Sans CJK TC",Arial,sans-serif;
  box-sizing: border-box; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 55px;
  width: auto;
  max-width: 970px;
  margin: 20px auto;
  transition: 1s all;
  border-radius: 20px; }
  .white-popup .popup_pic_m {
    display: none; }
  .white-popup .popup_pic {
    display: block;
    width: 100%;
    margin: 0 auto 1.5rem auto; }
    .white-popup .popup_pic img {
      width: 100%; }
  .white-popup h2 {
    width: 100%;
    color: #b81939;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem; }
  .white-popup .text_rule {
    margin: 2rem 0;
    width: 100%;
    list-style-position: outside;
    color: #4A4A4A; }
    .white-popup .text_rule li {
      font-size: 1.1rem;
      font-weight: 400;
      line-height: 1.8rem;
      margin: 0.3rem 0; }
    .white-popup .text_rule span {
      color: #b81939; }
    .white-popup .text_rule .callout_color {
      color: #c7a919; }
    .white-popup .text_rule .detail {
      width: 100%;
      list-style-type: disc;
      list-style-position: outside;
      margin-left: 1rem; }
      .white-popup .text_rule .detail li {
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.8rem; }
  .white-popup .btn_click {
    width: 100%;
    text-align: center;
    margin-top: 5rem; }
    .white-popup .btn_click a {
      background: #b81939;
      color: #FFF;
      font-size: 1rem;
      padding: 7px 15px;
      border-radius: 10px;
      transition: 0.2s; }
    .white-popup .btn_click a:hover {
      background: #000000; }

/*.mfp-bg {}*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.4s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

@media screen and (max-width: 768px) {
  .white-popup {
    padding: 5%;
    max-width: 85%;
    border-radius: 20px; }
    .white-popup .popup_pic_m {
      display: block;
      width: 100%;
      margin: 0 auto 1.5rem auto; }
      .white-popup .popup_pic_m img {
        width: 100%; }
    .white-popup .popup_pic {
      display: none; }
    .white-popup h2 {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 2rem;
      margin-top: 1.5rem; }
    .white-popup .text_rule {
      margin: 2rem 0; }
      .white-popup .text_rule li {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0.3rem 0;
        border-bottom: 1px #CCC solid; }
      .white-popup .text_rule .detail {
        margin-left: 1rem; }
        .white-popup .text_rule .detail li {
          font-size: 1rem;
          line-height: 1.8rem;
          border-bottom: none; }
    .white-popup .btn_click {
      text-align: center;
      margin-top: 2rem;
      margin-bottom: 1rem; } }

/*# sourceMappingURL=popup.css.map */