#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top;}

#DB_gallery .DB_imgSet {position:relative;width:100%;max-width:900px; margin:5px auto;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{width:100%}
#DB_gallery .DB_imgSet .DB_imgWin img {display: block; width: 100%;height: auto;object-fit: cover;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn, .DB_nextBtn{position:absolute;top:50%;cursor:pointer;transform: translateY(-50%);width: 25px;height: 50px;background-color: color-mix(in srgb, var(--accent-color), transparent 30%);color: white;font-weight: 800;display: flex;align-items: center;justify-content: center;}
#DB_gallery .DB_imgSet .DB_prevBtn{left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{right:0;}

#DB_gallery .DB_thumSet {position:relative;margin:10px auto;width:100%;max-width:900px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img {display: inline-block; width:15%;height:auto;object-fit: cover;}
#DB_gallery .DB_thumSet .DB_prevPageBtn, .DB_nextPageBtn{position:absolute;top:50%;transform: translateY(-50%);cursor:pointer;width: 20px;height: 60px;background-color: color-mix(in srgb, var(--accent-color), transparent 30%);color: white;font-weight: 800;display: flex;align-items: center;justify-content: center;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:15%;height:100%;border:3px solid #ff0000;left:0;top:0}