#contentFrame .photoFrame {width: 720px; float: left;}
#contentFrame .photoFrame IMG {width: 130px; height: 130px; float: left;}
#contentFrame .photoFrame A {margin: 0px 12px 16px 0px; width: 130px; height: 130px; padding: 2px; background-color: #ccc; float: left;}
#contentFrame .photoFrame .last {margin-right: 0px;}

#contentFrame .photoFrameNo4 {width: 720px; float: left;}
#contentFrame .photoFrameNo4 IMG {width: 160px; height: 160px; float: left;}
#contentFrame .photoFrameNo4 A {margin: 0px 24px 24px 0px; width: 160px; height: 160px; padding: 1px; background-color: #ccc; float: left;}
#contentFrame .photoFrameNo4 .last {margin-right: 0px;}

#contentFrame .videogalleryFrame {width: 720px; float: left;}
#contentFrame .videogalleryFrame H3 {width: 720px; float: left; margin: 10px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #1690BB;}
#contentFrame .videogalleryFrame P {width: 720px; float: left; margin: 5px 0px 20px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px #ccc dotted;}


/* 2020-04-02 */
.photogalleryFrame {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.photogalleryFrame .photogalleryItem {float: left; position: relative;}
.photogalleryFrame .photogalleryItem IMG {width: 100%; float: left;}
.photogalleryFrame .photogalleryItem:HOVER::AFTER {display: block; display: flex; align-items: center; justify-content: space-around;}
.photogalleryFrame .photogalleryItem::AFTER {display: none; content: '+'; font-size: 50px; color: #FFF; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; background-color: rgb(0,0,0,0.3);}
.photogalleryFrame .photogalleryItem {width: calc(25% - 15px); margin: 10px 20px 10px 0px;}
.photogalleryFrame .photogalleryItem:nth-child(4n+4) {margin-right: 0px;}
/*@media only screen
and (min-width: 801px)
{
  .photogalleryFrame .photogalleryItem {width: calc(25% - 15px); margin: 10px 20px 10px 0px;}
  .photogalleryFrame .photogalleryItem:nth-child(4n+4) {margin-right: 0px;}
}
@media only screen
and (max-width: 800px)
{
  .photogalleryFrame .photogalleryItem {width: calc(50% - 15px); margin: 15px 30px 15px 0px;}
  .photogalleryFrame .photogalleryItem:nth-child(2n+2) {margin-right: 0px;}
}
@media only screen
and (max-width: 500px)
{
  .photogalleryFrame .photogalleryItem {width: calc(50% - 5px); margin: 5px 10px 5px 0px;}
  .photogalleryFrame .photogalleryItem:nth-child(2n+2) {margin-right: 0px;}
}*/