#main {
  padding: 60px 0 0 0;
  background: #bbb url(../../../img/page/news/bg.jpg) no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
  #main > .page-title {
    padding: 60px 0 0 0;
    margin: 0 auto 20px auto;
    font-size: 22px;
    text-shadow: 0 0 10px #324549; }
    #main > .page-title h1 {
      padding: 0 10px;
      word-wrap: break-word;
      word-break: break-all;
      word-break: break-word; }

#news {
  min-height: 500px; }
  #news .container {
    width: 1000px;
    margin: 0 auto;
    *zoom: 1; }
    #news .container:after {
      content: "";
      display: table;
      clear: both; }
  #news .publish {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 10px #324549; }
  #news .content {
    padding: 40px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: 0 0 10px 0 #324549;
    -webkit-box-shadow: 0 0 10px 0 #324549;
    box-shadow: 0 0 10px 0 #324549;
    font-size: 16px;
    line-height: 26px; }
  #news .back-to-list {
    padding: 80px 0 100px 0;
    text-align: center; }
    #news .back-to-list a {
      display: inline-block;
      width: 80%;
      height: 40px;
      border: 1px solid #fff;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      font-size: 18px;
      line-height: 40px;
      color: #fff;
      text-decoration: none;
      text-shadow: 0 0 10px #324549;
      -moz-transition: background 0.2s ease 0s, text-shadow 0.2s ease 0s;
      -o-transition: background 0.2s ease 0s, text-shadow 0.2s ease 0s;
      -webkit-transition: background 0.2s ease, text-shadow 0.2s ease;
      -webkit-transition-delay: 0s, 0s;
      transition: background 0.2s ease 0s, text-shadow 0.2s ease 0s; }
    #news .back-to-list a:hover, #news .back-to-list a:focus, #news .back-to-list a:active {
      background: #e07606;
      text-shadow: none; }

@media screen and (max-width: 1040px) {
  #main > .page-title {
    padding: 60px 20px 0 20px; }

  #news .container {
    width: auto;
    padding: 0 20px; } }
@media screen and (max-width: 768px) {
  #main {
    padding: 0; }

  #news {
    min-height: auto; } }
@media screen and (max-width: 600px) {
  #news .content {
    padding: 30px 20px; } }