/* Minification failed. Returning unminified contents.
(5,26): run-time error CSS1039: Token not allowed after unary operator: '-FontSize'
(7,17): run-time error CSS1039: Token not allowed after unary operator: '-FColor'
(9,28): run-time error CSS1039: Token not allowed after unary operator: '-BColor'
(11,18): run-time error CSS1039: Token not allowed after unary operator: '-Border'
(13,30): run-time error CSS1039: Token not allowed after unary operator: '-Radius'
(15,22): run-time error CSS1039: Token not allowed after unary operator: '-Shadow'
(17,23): run-time error CSS1039: Token not allowed after unary operator: '-Margin'
(19,24): run-time error CSS1039: Token not allowed after unary operator: '-Padding'
(20,26): run-time error CSS1039: Token not allowed after unary operator: '-MaxWidth'
(48,17): run-time error CSS1039: Token not allowed after unary operator: '-HColor'
(49,23): run-time error CSS1039: Token not allowed after unary operator: '-H4FontWeight'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-BColor'
(76,28): run-time error CSS1039: Token not allowed after unary operator: '-HColor'
(119,26): run-time error CSS1039: Token not allowed after unary operator: '-FontSize'
(121,17): run-time error CSS1039: Token not allowed after unary operator: '-FColor'
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-BColor'
(125,24): run-time error CSS1039: Token not allowed after unary operator: '-Padding'
(130,25): run-time error CSS1039: Token not allowed after unary operator: '-MaxWidth'
(135,22): run-time error CSS1039: Token not allowed after unary operator: '-TextAlign'
(143,18): run-time error CSS1039: Token not allowed after unary operator: '-Display'
 */

@media all{
  .list30 {
    font-size: 16px;
    font-size: calc(var(--FontSize) * 1px);
    color: darkgreen;
    color: var(--FColor);
    background-color: #eeeeee;
    background-color: var(--BColor);
    border: 0px solid;
    border: var(--Border);
    border-radius: 0;
    border-radius: calc(var(--Radius) * 1px);
    box-shadow: 0px solid;
    box-shadow: var(--Shadow);
    margin: .8em;
    margin: calc(var(--Margin) * 1em);
    padding: 1em;
    padding: calc(var(--Padding) * 1em);
    max-width: calc(var(--MaxWidth) * 1em);
  }
  .list30 li{
    height:250px;
    display:flex;
    align-items:center;
    padding:1em;
  }
  .list30 li *{
    transition:all .3s;
  }
  .list30 li > img {
    box-shadow:0 0 3px -1px;
    width: 40%;
    flex-shrink:0;
    margin-right:2em;
    height: 97%;
    object-fit:cover;
    border-radius:3px;
  }
  .list30 li > div{
    width: 60%;
  }
  .list30 li > div > h4{
    font-size: 1.1em;
    line-height: 2em;
    height: 2em;
    color: #57bc4c;
    color: var(--HColor);
    font-weight: var(--H4FontWeight);
  }
  .list30 li > div > h6{
    font-size:.8em;
    padding:.7em 0;
    font-weight:normal;
    display:flex;
    justify-content:space-between;
    box-shadow: 0 1px 2px -2px;
  }
  .list30 li > div > p {
    text-indent: 2em;
    font-size: .8em;
    line-height: 2em;
    height: 6em;
    margin:1em 0;
    -webkit-line-clamp:3;
  }
  .list30 li > div > a {
    padding:.5em 2em;
    font-size: 0.8em;
    border-radius: 20px;
    display: inline-block;
    opacity:.8;
    color: white;
    color: var(--BColor);
    background-color: #57bc4c;
    background-color: var(--HColor);
  }
  .list30 li:hover{
    background-color:rgba(0,0,0,.1);
    box-shadow:0 0 2px rgba(255,255,255,.1);
  }
  .list30 li:hover > div > a{
    padding-left: 3em;
    padding-right: 3em;
    opacity:1;
  }
}
@media all{
  .list30.ydbx7 li{
    font-size:.9em;
    height:170px;
    padding:.5em;
  }
  .list30.ydbx7 li > img {
    margin-right:1em;
  }
  .list30.ydbx7 li > div > p {
    margin: .5em 0;
    height: 4em;
    line-height: 2em;
    text-indent: 0;
    -webkit-line-clamp:2;
  }
  .list30.ydbx7 li > div > a {
    padding-top: .3em;
    padding-bottom: .3em;
  }
}
@media all{
  .list30.ydbx6 {
    margin:0 !important;
    padding:.5em !important;
  }
}

@media all{
  .footer2 {
    font-size: 16px;
    font-size: calc(var(--FontSize) * 1px);
    color: darkgreen;
    color: var(--FColor);
    background-color: #eeeeee;
    background-color: var(--BColor);
    padding: 1em;
    padding: calc(var(--Padding) * 1em);
  }
  .footer2 > div {
    margin: 0 auto;
    max-width: 75em;
    max-width:calc(var(--MaxWidth) * 1em);
  }
  .footer2 > div p {
    font-size: .9em;
    line-height: 1.5em;
    text-align: var(--TextAlign);
  }
  .footer2 > div p > * {
    padding-right:1em;
    transition: all .3s;
  }
  .footer2 > div p > b {
    font-weight:lighter;
    display:var(--Display);
  }
}
@media all{
  .footer2.ydbx8 > div p {
    font-size: .8em;
    line-height:2em;
  }
  .footer2.ydbx8 > div a , .footer2.ydbx8 > div span{
    display: block;
  }
  .footer2.ydbx8 > div p > b {
    display:none;
  }
}

.paging4 {
  background-color: white;
  padding: 10px;
  overflow: hidden;
}
.paging4 > div {
  margin: 10px auto 20px;
}
.paging4 > div > div {
  margin: 0 auto;
  text-align: center;
}
.paging4 > div > div * {
 display: inline-block;
  margin:0;
  padding:0;
}
.paging4 > div > div a {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  min-width: 14px;
  padding: 0 8px;
  margin: 0 3px 0 0;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #BBB;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
}
.paging4 > div > div .ts{
  display:none;
}
.paging4 > div > div a.active {
  background: #666;
  color: #FFF;
  border-color: #444;
  box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
  cursor: default;
}
.paging4.ydbx4 > div > div .ts{
  display:inline-block;
}
.paging4.ydbx4 > div > div ul {
  display:none;
}