.waver 
{
  border : solid #3cab26;
  padding : 1rem;
  border-radius : 8px;
  border-width : 5px 1px 5px 1px; 
  /*background-color : #FFFFFF;
  background-image: radial-gradient(circle, #fdfaeb, #fdfbe8, #fcfce6, #fbfee4, #f9ffe2);*/
  background-image : url(/download/Resource/BGImage/weaverBg01.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.lmy2Columns
{
   display : flex;
   flex-direction : row;
   flex-wrap : nowrap;
   align-items: stretch;
   justify-content: space-between;
   height : calc(35vw + 25px);
   overflow : hidden;
   margin : 1rem 0 2rem 0;
}

.lmy2Columns .lmyScrollBoard
{
   height : calc(35vw - 126px);
}

.lmyPicturePlayer
{
    
}
.lmyLatestNews
{
    
}

.lmy3Columns
{
   display : flex;
   flex-direction : row;
   flex-wrap : nowrap;
   justify-content: space-between;
   align-items: stretch;
}

.lmy3Columns .lmyScrollBoard
{
   height : 900px;
}

.lmyBlockTitle img
{
   max-width : 100%;
}

.lmy3Columns .more, .lmy2Columns .more
{
    text-align : right;
    font-weight : 900;
    margin-top : 1rem;
}

.lmyGallery
{
    order : 1;
    flex-basis : 38%;
    width : 38%;
    padding-right : 2%;
}
.lmyAwards
{
    order : 2;
    flex-basis : 38%;
    width : 38%;
    padding-right : 2%;

}

.lmyShortcut
{
    order : 3;
    flex-basis : 20%;
    width : 20%;
}

.lmyVideo
{
   margin : 2rem auto;
}

.lmyVideo div
{
   width : 100%;
   height : 100%;
}

@media (max-width: 480px) 
{
    .lmy2Columns, .lmy3Columns
    {
        display : block;
        height : auto;
        overflow : visible;
    }
    .lmyLatestNews
    {
        height : auto;
    }
    .lmy2Columns .lmyScrollBoard {
        height: auto;
    }
    .lmyGallery, .lmyAwards, .lmyShortcut
    {
        margin-top : 2rem;
    }
    .lmyVideo
    {
        width : 100%;
        height : auto;  /*16:9*/
     }
}
@media (min-width: 481px) and (max-width: 767px) 
{
    .lmy2Columns, .lmy3Columns
    {
        display : block;
        height : auto;
        overflow : visible;
    }
    .lmyLatestNews
    {
        height : auto;
    }
    .lmy2Columns .lmyScrollBoard {
        height: auto;
    }
    .lmyGallery, .lmyAwards, .lmyShortcut
    {
        margin-top : 2rem;
    }
}
@media (min-width: 768px) and (max-width: 979px) 
{
   .lmy2Columns, .lmy3Columns
   {
      display : block;
      height : auto;
      overflow : visible;
   }
    .lmyLatestNews
    {
        height : auto;
    }
    .lmy2Columns .lmyScrollBoard {
        height: auto;
    }
    .lmyGallery, .lmyAwards, .lmyShortcut
    {
        margin-top : 2rem;
    }
}
@media (min-width: 980px) and (max-width:1199px) 
{
   .lmyPicturePlayer
   {
      flex-basis : 70vw;
      width : 70vw;
      max-width : 70vw;
      flex : 1;
   }
   .lmyLatestNews
   {
      flex-basis : calc(30vw - 30px);
      width : calc(30vw - 30px);
      max-width : calc(30vw - 30px);
      flex : 1;
      margin-left : 30px;
   }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
   .lmyPicturePlayer
   {
      flex-basis : 70vw;
      width : 70vw;
      max-width : 70vw;
      flex : 1;
   }
   .lmyLatestNews
   {
      flex-basis : calc(30vw - 30px);
      width : calc(30vw - 30px);
      max-width : calc(30vw - 30px);
      flex : 1;
      margin-left : 30px;
   }
}
@media (min-width: 1920px) 
{
   .lmyPicturePlayer
   {
      flex-basis : 70vw;
      width : 70vw;
      max-width : 70vw;
      flex : 1;
   }
   .lmyLatestNews
   {
      flex-basis : calc(30vw - 30px);
      width : calc(30vw - 30px);
      max-width : calc(30vw - 30px);
      flex : 1;
      margin-left : 30px;
   }
}

@media screen and (min-width:0\0) {
    .lmyLatestNews
    {
        flex-basis : calc(30vw - 80px);
        width : calc(30vw - 80px);
        max-width : calc(30vw - 80px);
        flex : 1;
        margin-left : 30px;
    }
}