.AD_container{width:100%;height:130px;margin:4% auto 0;position:relative;user-select:none;box-shadow:0 11px 22px rgba(0,0,0,0.20),0 7px 7px rgba(0,0,0,0.24)}
.AD_container input{display:none}
.slide_img{position:absolute;width:100%;height:100%;z-index:0}
.AD_container .prev,.AD_container .next{width:12%;height:100%;position:absolute;top:0;z-index:5;transition:.45s;cursor:pointer;text-align:center}
.AD_container .next{right:0}
.AD_container .prev{left:0}
.AD_container .prev:hover,.AD_container .next:hover{transition:.3s}
.AD_container .prev span,.AD_container .next span{position:absolute;width:0;height:0;border:solid 14px;top:50%;transform:translateY(-50%)}
.AD_container .prev span{border-color:transparent rgba(191,191,191,0.8) transparent transparent;right:50%}
.AD_container .next span{border-color:transparent transparent transparent rgba(191,191,191,0.8);left:50%}
#nav_slide{width:100%;bottom:0;height:11px;position:absolute;text-align:center;z-index:99;cursor:default}
.dots{top:-5px;width:8px;height:8px;margin:0 2px;position:relative;border-radius:100%;display:inline-block;background:rgba(238,238,238,.7);transition:.4s;cursor:pointer}
#dot1:hover,#dot2:hover,#dot3:hover,#dot4:hover,#i1:checked ~ #nav_slide #dot1,#i2:checked ~ #nav_slide #dot2,#i3:checked ~ #nav_slide #dot3,#i4:checked ~ #nav_slide #dot4{background:#dc5c3f}
#i1:checked ~ #one,#i2:checked ~ #two,#i3:checked ~ #three,#i4:checked ~ #four{z-index:5;animation:scroll 1s ease-in-out}
@keyframes scroll {
0%{opacity:.7}
100%{opacity:1}
}

@media screen and (max-width: 767px) {
.AD_container{width:80%;margin:4% auto}
}
@media screen and (min-width: 768px) and (max-width:1200px) {
.AD_container{height:100px}
}
@media screen and (min-width: 1px) and (max-width:1200px) {
.slide_img img{width:100%}
}

@media screen and (max-width: 320px) {
.AD_container{height:110px}
}