#main{margin-top:-54px}
#promotion{width:100%;}
#promotion div{background:url(/html/assets/images/mainv1.png2) no-repeat center center;background-size:cover;width:100%;height:500px;}
#promotion div.d1{background-image:url(/html/assets/images/m1.jpeg)}
#promotion div.d2{background-image:url(/html/assets/images/m2.jpeg)}
#promotion div.d3{background-image:url(/html/assets/images/m3.jpeg)}

#promotion div.d4{background-image:url('/html/assets/images/m4.jpeg')!important}
#promotion div.d5{background-image:url('/html/assets/images/m5.png')!important}
#promotion div.d6{background-image:url('/html/assets/images/m6.png')!important}

#promotion{position:relative}
#promotion .slick-slide{margin:0!important}
#promotion .slick-dots{text-align:center;position:absolute;bottom:10px;width:100%;}
#promotion .slick-dots li{display:inline-block;margin:0 5px;}
#promotion .slick-dots li button{background:rgba(255,255,255,.5);width:10px;height:10px;border-radius:50%;text-indent:-1000em;overflow:hidden;}
#promotion .slick-dots li.slick-active button{background-color:red}

#promotion .slick-arrow{position:absolute;top:50%;z-index:7777;background:url('..') no-repeat 0 0;background-size:30px;width:50px;height:50px;text-indent:-1000em;cursor:pointer;opacity:1;transform:translate(0%,-50%);background:#000;border-radius:5px}
#promotion .slick-arrow.slick-prev{left:5px;background-image:url(../images/arrow-prev.svg);background-repeat:no-repeat;background-position:center center;background-size:30px}
#promotion .slick-arrow.slick-next{right:5px;background-image:url(../images/arrow-next.svg);background-repeat:no-repeat;background-position:center center;background-size:30px}