/* BASIC css start */
.closing_ceremony { margin: 0 33%; }
.closing_ceremony p { color: #fff; font-size: 1.25em; line-height: 1.5em; text-align: center; margin: 10% auto; }
.closing_ceremony img { width: 100%; }
.mdsize { font-size: 2em !important; }
.minitit_img { width: 20% !important; margin: 10% 40% -7%; }

.closing_ceremony_tit { background-color: #54ab66; }
.closing_ceremony_table { display: flex; margin: 0 10%; }
.closing_ceremony_table li { }

.game_ranking { background-color: #00243f; padding: 5% 0; overflow-x:hidden; }

.gift_list { background-color: #a7d9fd; padding: 5% 0; }
.gift_list a { background-color: #0085cc; color: #fff; font-weight: 600; padding: 3% 10%; border-radius: 7px; font-size: 1.25em; }
.bluet { color: #2581c4 !important; font-weight: 600; }



.mySwiper { margin: 5% auto 10% -30%; --swiper-navigation-color: #fff; }

    swiper-container { 
      width: 160%;
    }

    swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      object-fit: cover;
    }
    
.swiper-button-next { margin-left: -50% !important; }
.swiper-button-prev { left: 100px !important; }


.passport_event_win { padding: 5%; display: flex; flex-wrap: wrap; }
/*.passport_event_win p { color: #282828; font-size:1.25em; line-height: 1.75em; margin: 5px 0; }*/
.passport_event_win li { font-size:1.15em; line-height: 1.5em; margin: 1%; }

.ppew_link p { text-align:center; padding: 5%; margin: 20px 15%; font-size:1.25em; font-weight: 500; background-color:#fff; border: 3px solid #9bcaff; border-radius: 99px; }

.search-in-passport {
	display: flex;
	flex-direction: row;
	background-color: #fff;
    margin: 0 5% 2%;
	z-index: 999;
}
.passport-search-box {
	width: 80%; 
    background-color: #fff;
    border: 1px solid #fff;
	padding: 3px 3px 3px 3px;
	margin: 5px 3px 5px 5px;
}
.next-id-btn {
	width: 20%;
    background-color: #9bcaff;
	padding: 0px 3px 0px 3px;
}


mark {
	background: yellow;
}





.gift_list > .choice { display: flex; flex-wrap: wrap; text-align: center; }
.gift_list > .choice li { width: 33%; margin: 0 auto 3%; }

 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  width: 15%;
  max-height: 50%;
  background-color: white;
  padding: 5%;
  text-align: left;
  border-radius: 10px;
}
.modal-content > p:first-child { text-align: center !important; font-weight: 500; }
.modal-content > p { color: #282828; font-size: 1.15em; line-height: 1.5em; margin: 5% auto; text-align: left; }
.prd_escription {margin-bottom: 20px; }
.prd_escription dt::after {content:"\2714"; float:left; margin: 2px 5px 0 0; }
.prd_escription dd {margin: 3px 0; margin-left: 23px !important; font-size: 1.15em; line-height: 1.5em; margin: 5% auto; }

.close {
  margin: 5% auto; text-align: center !important;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
}


/* BASIC css end */