/* 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:0.950em; display: inline-block; margin:45px 0 18px 0; padding-top:6px;}
.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;}


.mainCenterSliderWrap{position:relative;margin-top:40px}
.slick_left,.slick_right{color:#303030;cursor:pointer;position:absolute;padding:0 10px;margin-top:-7px;line-height:1;font-size:8vw;top:50%;transform:translateY(-50%)}
.slick_left{left:0}
.slick_right{right:0}
.slickFade{opacity:0;visibility:hidden;position:relative}
.slickFade.slick-initialized{visibility:visible;opacity:1}
.sldieBnText{text-align:left;font-weight:600;height:1px;padding:5px 0 0 2px}


.SMS_Product_display .items li .info_container .subname {display:none !important;}
.SMS_Product_display .items li .info_container .subname{display:block}
.mainCenterSlider .sldieBnText{font-size:14px;opacity:0}
.mainCenterSlider .slick-center .sldieBnText{opacity:1}
.main .slick-slide img{display:block;width:100%}
.main .slick-slide{outline:0}
.main .image{padding:0 1px}
.main .slick-dots{padding:0 2px;display:table;table-layout:fixed;width:100%!important;height:2px;background:#ececec;border-radius:0}
.main .slick-dots li{display:table-cell;width:auto;font-size:0;margin:0!important;height:2px!important;opacity:0;border-radius:0;vertical-align:top;line-height:0}
.main .slick-dots li button{width:100%;height:2px;border:0}
.main .slick-dots li.slick-active{opacity:1}
.main .slick-dots li.slick-active button{background:#303030}
.slick-list,.slick-list a,.slick-list:focus{outline: none;}

/**
 *  Progress Bar
 */
.progress {
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  
  background-color: #f5f5f5;
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
}
/* BASIC css end */