/* BASIC css start */
/* ·Ñ¸µ¹è³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //·Ñ¸µ¹è³Ê */
.main h3 {font-size:1em; font-weight:bold; color:#000; display: inline-block; margin:45px 0 18px 0; padding-top:10px; border-top:0px solid #E3E3E3;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


















* {
  margin: 0px;
  padding: 0px;
margin-bottom: 1px;
}

ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  vertical-align: top;
  border: none;
}

.slide {
  position: relative;
  padding-top: 0px;
  overflow: hidden;
}

.panel {
  width: 400%;
}

.panel:after {
  content: "";
  display: block;
  clear: both;
}

.panel>li {
  width: 25%;
  height: 400px;
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 100%; 
  position: relative;
}


.panel>li:nth-of-type(1) {
background-size: cover;
}

.panel>li:nth-of-type(2) {
background-size: cover;
}

.panel>li:nth-of-type(3) {
  display:block;
background-size: cover;
}

.panel>li:nth-of-type(4) {
  display:block;
background-size: cover;
}

.dot:after {
  content: "";
  display: block;
  clear: both;
}

.dot {
  position: absolute;
float: center;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
}

.dot>li {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #BEBEBE;
  margin-left: 10px;
  margin-right: 10px;
  text-indent: -9999px;
  cursor: pointer;
}

.dot>li.on {
  background-color: #342f2f;
}

.prev {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: 7%;
  cursor: pointer;
}

.next {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  cursor: pointer;
}
/* BASIC css end */