.gallery{margin:0 auto;padding:5px 10px 20px;color:#FFF;background:#2D3134;font-size:10px;border:1px solid #CCC;min-height: 905px;display: flex;flex-direction: column;}
/*header*/
#ghead{width:100%}
#gcount{float:left}
#gdd select{float:right;color:#000;background:#FFF;font-size:10px}
/*thumbs*/
#gthouter{position:relative;overflow:hidden;border:1px solid #888}
#gthbox{position:relative;height:102px;width:auto;padding:5px}
#gthcontainer{position:relative;left:0;height:100%;margin:0 27px 0;overflow:hidden}
#gthall{position:absolute;top:0;left:0;white-space:nowrap;z-index:10}
#gth a img{border:1px solid #333}
#gth a:hover img{border:1px solid #888}
#gth img{margin:0 1px;vertical-align:top;}
#gthbox2{display:block;position:relative;top:0;left:0;padding:0 1px}
/*thumbs nav*/
#gback{position:absolute;top:0;left:0;height:115px;width:32px;visibility:hidden;z-index:11}
#gfore{position:absolute;top:0;right:0;float:right;height:115px;width:32px;z-index:11}
#gright,#gleft{height:100%;margin:0;padding:0;color:#333;background-image:none;border:none;list-style:none}
#gright a{display:block;height:100%;text-decoration:none}
#gright a{background:transparent url(/common3/gallery/right.gif);background-size:contain;background-position:right center;background-repeat:no-repeat}
#gright a img{height:100% !important}
#gright a:hover{background-image:url(/common3/gallery/righth.gif)}
#gleft a{display:block;height:100%;text-decoration:none}
#gleft a{background:transparent url(/common3/gallery/left.gif);background-size:contain;background-position:right center;background-repeat:no-repeat}
#gleft a img{height:100%}
#gleft a:hover{background-image:url(/common3/gallery/lefth.gif)}
/*title*/
#gtitle{display:block;min-height:15px;width:100%;color:#FFF;text-align:center;padding:2px 2px 4px;font-size:14px;}
/*main image*/
#gallery_inner{display: flex;flex-direction: row;justify-content: center;max-width: 100%;}
#gimage{position:relative;height:auto;width:100%;background:#2D3134 url(/common3/gallery/loading.gif) no-repeat 50% 50%}
#gimageload{text-align:center;vertical-align:middle}
/*main image nav*/
#gprevnext{position:absolute;top:0;left:0;height:100%;width:100%;z-index:9}
#gprev,#gnext{height:100%;width:30%;background:transparent url(/common3/gallery/blank.gif) no-repeat;outline:none}
#gprev{left:0;float:left;visibility:hidden}
#gnext{right:0;float:right}
#gprev:hover{background:url(/common3/gallery/prev.gif) left 50% no-repeat}
#gnext:hover{background:url(/common3/gallery/next.gif) right 50% no-repeat}
/*iptc*/
#giptc{position:absolute;bottom:0;left:0;width:100%;color:#CCC;background:#555;line-height:120%;font-size:12px;}
.giptcl{float:left;width:12%;padding:0 0 0 2%;text-align:right}
.giptcr{float:right;width:85%;color:#FFF;text-align:left}
/*bottom row*/
#gdl{float:left;margin-top:2px}
#gdl a{text-decoration:none;color:#FFF;background:transparent}
#gdl a:link{color:#FFF;background:transparent}
#gdl a:visited{color:#FFF;background:transparent}
#gdl a:hover{color:#CCC;background:transparent}
#giptctog{float:right;text-align:right;margin-top:3px;z-index:12}

@media only screen and (max-width:768px) and (max-aspect-ratio: 13/9){
 .gallery{min-width:100% !important;max-width:100% !important;padding:2px;border:none}
 #gthbox,#gthbox2{height:60px}
 #gthbox2 a img{height:50px;width:50px}
 #gback{height:100%;width:auto}
 #gfore{height:100%;width:auto}
 #gimage{max-width:100%;height:auto !important;min-height:200px}
 #gimage img{max-width:100% !important}

}