.lcuPicturePlayer{}
.lcu2Columns
{
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width : 1280px;
  margin : 0 auto;
}
.lcuColumnLeft{}
.lcuColumnRight{}
.lcuLatestNews
{
  background-image : url(/download/Resource/BGImage/greenClipper02.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding : 50px 30px 30px 30px;
}
.lcuShortcut
{
  max-width : 1280px;
  margin : 0 auto;
}
.lcuActivityGallery
{
  padding : 0 0 2em 0;
  /*background: linear-gradient(135deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);*/
  /*background-image : linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,1) 100%), url(/download/Resource/banner/water03.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 100% 100%;*/
  
  background-image : url(/download/Resource/banner/water03.png);
  background-size : cover;
  background-repeat: no-repeat;
  
  border-top : solid 1px #b8b6b6;
  border-bottom : solid 1px #b8b6b6;
}
@media (max-width: 480px) 
{
  .lcu2Columns, .lcuShortcut
  {
    display : block; 
    padding : 1em 1em;
  }
  .lcuLatestEvent
  {
    margin-top : 2em; 
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
  .lcu2Columns, .lcuShortcut
  {
    display : block; 
    padding : 3em 2em 1.5em 2em;
  }
  .lcuLatestEvent
  {
    margin-top : 2em; 
  }
  .lcuShortcut
  {
    padding : 1.5em 2em 3em 2em;
  }
}
@media (min-width: 768px) and (max-width: 979px) 
{
  .lcu2Columns, .lcuShortcut
  {
    padding : 3em 2em 1.5em 2em;
  }
  .lcuColumnLeft
  {
    flex-basis : 60%;
  }
  .lcuColumnRight
  {
    flex-basis : 35%;  
  }
  .lcuShortcut
  {
    padding : 1.5em 2em 3em 2em;
  }
}
@media (min-width: 980px) and (max-width:1299px) 
{
  .lcu2Columns, .lcuShortcut
  {
    padding : 3em 2em 1.5em 2em;
  }
  .lcuColumnLeft
  {
    flex-basis : 50%;
  }
  .lcuColumnRight
  {
    flex-basis : 46%;  
  }
  .lcuShortcut
  {
    padding : 1.5em 2em 3em 2em;
  }
}
@media (min-width: 1300px) and (max-width:1919px) 
{
  .lcu2Columns, .lcuShortcut
  {
    padding : 3em 2em 1.5em 2em;
  }
  .lcuColumnLeft
  {
    flex-basis : 50%;
  }
  .lcuColumnRight
  {
    flex-basis : 46%;  
  }
  .lcuShortcut
  {
    padding : 1.5em 2em 3em 2em;
  }
}
@media (min-width: 1920px) 
{
  .lcu2Columns
  {
    padding : 3em 2em  1.5em 2em;
  }
  .lcuColumnLeft
  {
    flex-basis : 50%;
  }
  .lcuColumnRight
  {
    flex-basis : 46%;  
  }
  .lcuShortcut
  {
    padding : 1.5em 2em 3em 2em;
  }
}