/* BASIC css start */
.new_event_slider.swiper-container .swiper-slide {_width:33.3%}


.new_event_slider.swiper-container .swiper-slide a{display:block; position:relative}
.new_event_slider.swiper-container .swiper-slide a .layer{
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: rgba(0,0,0,0.5);}
    
.new_event_slider.swiper-container .swiper-slide a .layer.dn{display:none}
    
.new_event_slider.swiper-container .swiper-slide img{width:100%}

.new_event_slider.swiper-container .swiper-slide:not(.swiper-slide-active):after{/*
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: rgba(0,0,0,0.5);*/}
    
.new_event_slider.swiper-container .swiper-slide /*{-webkit-opacity: .4; -moz-opacity: .4; opacity: .4; filter: 'alpha( opacity = 40 )'; -webkit-transition: .25s opacity; -moz-transition: .25s opacity; -ms-transition: .25s opacity; -o-transition: .25s opacity;  transition: .25s opacity;*/}
.new_event_slider.swiper-container .swiper-slide-active {/*-webkit-opacity: 1;-moz-opacity: 1; opacity: 1;filter: 'alpha( opacity = 100 )';*/}


.new_event_slider.swiper-container .swiper-slide a p.txt{
    transition:2s; 
    opacity:1;
    position: absolute;
    top: 48%;
    display:block;
    width:100%;
    height:100%;
    font-size: 28px;
    color: #fff;
    z-index: 222;
    line-height: 0.9;
    letter-spacing: -2px;
    font-weight:600;
    text-align:center}
    
    
@keyframes fadeIn {
    0% { left: 40px; }
    100% { left:0; }
}



.new_event_slider.swiper-container .swiper-slide-active .txt{
    animation:fadeIn 1.5s;
    opacity:1;
}

.new_event_slider.swiper-button-next, .swiper-button-prev, .swiper-pagination {/*display:none;*/}

.new_event_slider.swiper-container .swiper-button-next {    
    background-image: url(/design/huit8/img/2020/pc/color_ui_next.png);
    width: 22px;
    z-index: 1;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    right: 10px;
    background-size: contain;
}


.new_event_slider.swiper-container .swiper-button-prev {
    background-image: url(/design/huit8/img/2020/pc/color_ui_prev.png);
    width: 22px;
    z-index: 1;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    left: 10px;
    background-size: contain;
}

.new_event_slider .swiper-button-next:after,.new_event_slider .swiper-button-prev:after{font-size:0}

/* BASIC css end */