@charset "utf-8";

.mainFrame          { background: url("/images/photo/2020/Membership/bg-top.jpg") top center,url("/images/photo/2020/Membership/bg-bottom.png") bottom center; background-repeat: no-repeat; padding-top: 50px;
  background-size: contain; background-color: #85deff; padding-bottom: 250px; }
p                               { font-size: 15px;}
.mf-title                       {  text-align: center; margin: 0 auto; padding-top: 20px;  padding-left: calc(50% - 575px); margin-bottom: 15px; overflow: auto;}
img                             { background-color: transparent; border: 0;}
img.img-thumbnail               { background-color: transparent; border: 0;}
.mark                           { max-height: 360px; margin-right: 100px; float: left;}
.mf-title div.title             { max-width: 790px; text-align: center; float: left;}
.mf-title div .subtitle p         {font-size: 30px; color: red;}
.mf-title div .mf-article       { text-align: left; margin-top: 50px;}
.mf-title div .mf-article p:nth-child(3)      { text-align: right;}
.mf-title div .mf-article p:nth-child(4)      { text-align: right;}

.photo-list         { text-align: center; width: 95%; margin:2% auto; max-width: 1920px;
                       overflow: auto;}
.photo-one          { width: 420px;  height:313px; display: inline-block; 
                      background-repeat: no-repeat; background-position: center center;
                      background-size: cover;}


@media (max-width: 1200px){
.mf-title             { display: block;}
.mark                 { float: none; margin-right: 0; margin-bottom: 20px;}
.mf-title div.title   { margin: 0 auto; padding: 10px;float: none;}

}

@media (max-width: 905px){
.mainframe          { padding-bottom: 150px;}
.mf-title .title    { margin-left: 0;  }
.mf-title           { text-align: center; }
.photo-one          { width: 48%;  display: inline-block; }
}
@media (max-width: 560px){
.mainframe          { padding-bottom: 150px;}
.mf-title .title    { margin-left: 0;  }
.mf-title           { text-align: center; }
.photo-one          { max-width: 420px; width: 90%; display: inline-block; margin-bottom: 5px; }
}
@media (max-width: 350px){
.photo-one          { height: 200px; }
}

.news_modal{
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 70px;
  display: none;
  overflow-y: auto;
}

.news_content{
  width: 100%;
  height:200px;
  margin: 0 auto;
  text-align: center;
}

.news_content table{
  width: 100%;
  height: 100%;
  vertical-align: center;
  margin:0 auto;
}

.news_content table td{
  text-align: center;
}

.news_content .news_commen{
  margin-top: 15px;
  font-weight: 500;
  color: white;
}

.news_content .news_nav{
  margin-top: 15px;
  font-weight: 500;
  color: white;

}
@media (min-width: 768px){
  .news_content { width: 600px; }  
}

@media (min-width: 992px){
  .news_content { width: 900px; }
}