/* BASIC css start */
#specialEvt {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; 
  background: #fff url(/images/d3/modern_simple/pop_special_evt_bg.gif) repeat 0 0;
}


#specialEvt .cont-pop {
  flex: 1;                     
  display: flex;
  align-items: center;          
  justify-content: center;      
  background: url(/images/d3/modern_simple/pop_special_evt_mdl.gif) repeat-y 0 0;
  background-size: cover;       
  overflow: hidden;
}

#specialEvt .cont-pop .cont {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#specialEvt .cont-pop img {
  width: 100%;
  height: 100%;
  object-fit: cover;            
}

#specialEvt .close-wrap {
  flex-shrink: 0;               
  padding: 5px 0;
  background-color: #8e8e8e;
  color: #000;
}

#specialEvt .close-wrap .close {
  position: relative;
  width: 100%;
  max-width: 363px;
  margin: 0 auto;
  text-align: left;
}

#specialEvt .close-wrap .close .btn-close {
  position: absolute;
  right: 0;
  top: 0;
}
/* BASIC css end */