﻿.sdShortcutBottom
{
   background-image : url(/download/Resource/BGImage/sdPinkBg01.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}
.greenBorder01 {
  background: linear-gradient(135deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
  color: #000000;
  border: 2px solid #3C663E;
  border-radius: 10px;
  box-shadow: 2px 2px 0px #A60000;
}
.greenBorder02
{
  background: linear-gradient(135deg, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
  color: #000000;
  border: 2px solid #3C663E;
  border-radius: 10px;
  box-shadow: 2px 2px 0px #A60000;
}
.greenBorder03
{
  background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
  color: #000000;
  border: 2px solid #3C663E;
  border-radius: 10px;
  box-shadow: 2px 2px 0px #A60000;
}
.twoColumns
{
   display : flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: stretch;
   background: linear-gradient(135deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
   padding : 2rem 2rem;
}
.sdNews
{
   padding : 2rem 0; 
   flex-grow: 0;
   flex-shrink: 1;
   flex-basis : 40%;
}
.sdAwards
{
   padding : 2rem 0; 
   flex-grow: 0;
   flex-shrink: 1;
   flex-basis : 40%;
}
.sdShortcutTop
{
   padding : 2rem 0; 
   flex-grow: 0;
   flex-shrink: 1;
   flex-basis : 15%;
}
.sdVideo
{
   padding : 2rem;
   background-color : #dbebd8;
}
.sdVideo h2
{
   color : #2d6124;
}
.sdPhoto
{
   padding : 2rem 0; 
   background: linear-gradient(135deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
}
@media (max-width: 480px) 
{
   .twoColumns
   {
      display : block;
   }
}
@media (min-width: 481px) and (max-width: 767px) 
{
   .twoColumns
   {
      display : block;
   }
}
@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) 
{
   .sdNews, .sdAwards
   {
      padding : 2rem 2rem; 
   }
}
