/* do not change .css file directly */
/* Start of Lottery Banner and Video Style */
/* line 12, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop {
  position: relative;
  z-index: 9999;
}
/* line 15, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:not(:first-child) {
  display: none;
}
/* line 18, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) {
  position: absolute;
  top: 0;
  height: 800px;
  background: #FFF017;
}
/* line 23, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 {
  position: relative;
  overflow: initial;
}
/* line 26, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton {
  position: absolute;
  right: 94px;
  top: 28px;
  display: inline-block;
  width: 45px;
  height: 45px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
/* line 37, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton:hover::before, #bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton:hover::after {
  background: #5b5b5b;
}
/* line 41, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton:before, #bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
}
/* line 51, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton:before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 54, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopCloseButton:after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 58, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopVideoPlayerWrapper {
  font: 0/0 a;
}
/* line 60, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
#bannerTop .banner-1188:nth-of-type(2) .width-1188 .bannerTopVideoPlayerWrapper #bannerTopVideoPlayer {
  position: absolute;
  top: 230px;
  left: 178px;
}

/* line 70, ../../../../resource/compass/_ui/desktop/common/css/bannerTop.scss */
body.colorBoxOpened {
  overflow: hidden;
}