﻿.clctPicturePlayer
{

}
.clctRollingText
{
  padding : 2em 0;
  background-image : url(/download/Resource/BGImage/paintStroke02.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}
.clctAchievementAndNews
{
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 4em 1em;
}
.clctNews
{
  flex-basis : 40%;
}
.clctAchievement
{
  flex-basis : 60%;
  /*background-color: burlywood;*/
  background: linear-gradient(to right, rgba(160,216,239,1) 0%,rgba(221,241,249,1) 65%,rgba(254,255,255,1) 100%);
  border-radius: 20px;
  padding: 1em 0;
}
.index最新消息9 .loopElementList {
    /*background-color: burlywood;*/
    background: linear-gradient(to right, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.clctPhotoAlbum
{
  padding : 4em 0;
}
.clctAccordion
{
  border-top : solid 2px brown;
  border-bottom : solid 2px brown;
}
.clctBottomShortcut
{
  padding : 2em 0; 
  /*background-image : url(/download/Resource/BGImage/grayColumn01.png);*/
}
body
{
   background-image : url(/download/Resource/BGImage/grayColumn03.png); 
}

@media (max-width: 480px) 
{
  .clctRollingText
  {
    padding : 0 0;
  }
  .clctAchievementAndNews
  {
    padding: 2em 1em;
  }
  .clctAchievement
  {
     flex-basis : 100%;
     order : 2;
     padding: 2em 0 0 0;
  }
  .clctNews
  {
     flex-basis : 100%;
     order : 1;
  }
  .clctPhotoAlbum
  {
     padding : 2em 0;
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
  .clctRollingText
  {
    padding : 0 0;
  }
  .clctAchievementAndNews
  {
    padding: 2em 1em;
  }
  .clctAchievement
  {
     flex-basis : 100%;
     order : 2;
     padding: 2em 0 0 0;
  }
  .clctNews
  {
     flex-basis : 100%;
     order : 1;
  }
  .clctPhotoAlbum
  {
     padding : 2em 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}
