#_sprnGallery {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; background-color: black; z-index: 1000}
#_sprnGalleryHead {display: flex; justify-content: space-between; align-items: center; height: 1rem; padding: 1rem}
#_sprnGalleryHeadButtons {width: 3.5rem; display: flex; justify-content: flex-end; align-items: center; }
#_sprnGalleryClose {color: white; font-weight: bold; text-decoration: none; font-size: 1.5rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#_sprnGalleryList {color: white; font-weight: bold; text-decoration: none; font-size: 1.5rem; margin-right: 1rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: none}
#_sprnGalleryHeadCaption {display: flex; justify-content: space-between; align-items: center;}
#_sprnGalleryHeadText {color: white; margin: 0; font-size: 1rem; cursor: default}
#_sprnGalleryBackColor {width: 1rem; height: 1rem; border: 1px solid white; border-radius: 1rem; cursor: pointer; margin-right: 0.7rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#_sprnGalleryBackColorBox {display: none; position: absolute; z-index: 2; top: 2.5rem; left: 0.5rem; padding: 0.5rem; border-radius: 0.5rem; border: 1px solid white; background-color: rgba(255, 255, 255, 0.3)}
#_sprnGalleryBackBlack {background-color: black; width: 1rem; height: 1rem; border: 1px solid white; border-radius: 1rem; cursor: pointer; margin-bottom: 0.5rem}
#_sprnGalleryBackGray {background-color: #7F7F7F; width: 1rem; height: 1rem; border: 1px solid white; border-radius: 1rem; cursor: pointer; margin-bottom: 0.5rem}
#_sprnGalleryBackWhite {background-color: white; width: 1rem; height: 1rem; border: 1px solid white; border-radius: 1rem; cursor: pointer}  


#_sprnGalleryLoading {width: 100%; height: 100%; display: flex; flex-direction: column; color: white; justify-content: baseline; align-items: center;}
#_sprnGalleryLoadingText {font-size: 1.2rem; margin-top: 30vh}
#_sprnGalleryProgress {margin-top: 0.5rem; width: 20rem; height: 1rem; position: relative; border: 1px solid #555; background-color: #EEE}
#_sprnGalleryProgressBar {position: absolute; top: 0; left: 0; width: 0; height: 1rem; background-color: #AAA}

#_sprnGalleryPreview {max-width: 1024px; margin: 0 auto; padding-top: 3px; width: 95%; height: calc(100% - 3rem); overflow: auto; display: none}
#_sprnGalleryPreview::-webkit-scrollbar { width: 0 !important }
#_sprnGalleryPreview { overflow: -moz-scrollbars-none; }
#_sprnGalleryPreview { -ms-overflow-style: none; }
#_sprnGalleryPreview {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}

.sprnGalRow {width: 100%; cursor: pointer; position: relative; margin-bottom: 20px}
.sprnGalRow img {position: absolute; top: 0}
#_sprnGalleryBody {height: calc(100% - 7rem); display: none}
#_sprnGalleryBody a {color: white; font-weight: bold; text-decoration: none; font-size: 2rem; padding: 1rem}
#_sprnGalleryBox {position: relative; width: 100%; height: calc(100% - 9rem); overflow: hidden}
#_sprnGalleryImg {cursor: pointer; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none}
#_sprnGalleryImgTemp {cursor: pointer; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none}
#_sprnGalleryPrevBox {position: absolute; margin: auto; top: 0; bottom: 0; left: 0; width: 4rem; height: 3rem; z-index: 3}
#_sprnGalleryNextBox {position: absolute; margin: auto; top: 0; bottom: 0; right: 0;width: 4rem; height: 3rem; z-index: 3}
#_sprnGalleryPrevBox a {text-shadow: 0 0 1px black; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
#_sprnGalleryNextBox a {text-shadow: 0 0 2px black; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
#_sprnGalleryPrev {display: none}
#_sprnGalleryFooter {position: relative; overflow: hidden; height: 9rem}
#_sprnGalleryFooterBox {position: absolute; top: 1rem; left: 0; height: calc(100% - 1rem); white-space: nowrap}
#_sprnGalleryFooterBox img {height: 5rem; margin: 2px 7px; cursor: pointer}

#_sprnGalleryFooterSlider {position: absolute; left: 0; right: 0; bottom: 0.3rem; margin: auto; width: 95vw}
#_sprnGalleryFooterSlider {-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2rem; background: none}
#_sprnGalleryFooterSlider::-webkit-slider-runnable-track {border-radius: 1rem; height: 0.3rem; border: 1px solid gray; background-color: #fff}
#_sprnGalleryFooterSlider::-webkit-slider-thumb {background-color: lightgray; border: 1px solid gray; border-radius: 1rem; cursor: pointer; width: 3rem; height: 1.5rem; -webkit-appearance: none; margin-top: -0.7rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#_sprnGalleryFooterSlider::-moz-range-track {border-radius: 1rem; height: 0.3rem; border: 1px solid gray; background-color: #fff}
#_sprnGalleryFooterSlider::-moz-range-thumb {background-color: lightgray; border: 1px solid gray; border-radius: 1rem; cursor: pointer; width: 3rem; height: 1.5rem; margin-top: -0.7rem}