@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,300italic,400italic,700,800&subset=latin,latin-ext);
.page .wrapper:after {
  display: block;
  clear: both;
  content: " "; }
.page .wrapper:before {
  display: block;
  content: " ";
  height: 2em; }

#content .yc-col-a-3 {
  margin-left: -1em;
  vertical-align: top;
  padding: 0;
  padding-top: 2em;
  width: 300px; }
  #content .yc-col-a-3 .left, #content .yc-col-a-3 .right {
    width: 150px;
    float: right; }
  #content .yc-col-a-3 a {
    display: block;
    padding-left: 30px;
    line-height: 1.5em;
    font-size: 0.89em; }
  #content .yc-col-a-3 a.year {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-bottom: 0.8em;
    float: left;
    width: 100px;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: url(../img/icons/list-page-blue.png) 1em center no-repeat white;
    font-weight: 500;
    border: #4a80c1 solid 1px; }
  #content .yc-col-a-3 a.year.active {
    color: white;
    background: url(../img/icons/list-page-white.png) 1em center no-repeat #4a80c1; }
  #content .yc-col-a-3 a.year:hover {
    border: #333333 solid 1px; }
  #content .yc-col-a-3 a.year.active:hover {
    opacity: 0.8; }

nav.article-nav {
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.content {
  padding: 2em 2em 4em 2em;
  width: auto;
  vertical-align: top;
  background: url(../img/page/bg.png) 2.5em 0 repeat-y; }
  .content #breadcrumb {
    padding-bottom: 1em; }

article.art {
  padding-bottom: 2em; }

section.article-list h2 {
  font-size: 1.3em;
  margin-bottom: 0.1em; }
section.article-list a.read_more {
  text-decoration: underline; }
section.article-list a.read_more:hover {
  text-decoration: none; }
section.article-list .paging {
  margin: 4em 0 1em 0;
  padding-top: 1em;
  border-top: solid 1px #eeeeee;
  padding-left: 0;
  text-align: left; }
section.article-list .list article {
  margin-top: 3em;
  display: block; }
  section.article-list .list article .date {
    background: url(../img/icons/date.png) no-repeat;
    height: 63px;
    width: 63px;
    float: left;
    margin-right: 1.5em;
    text-align: center; }
    section.article-list .list article .date span {
      display: block; }
    section.article-list .list article .date .daynum {
      font-weight: 600;
      font-size: 1.2em;
      margin-top: 0.6em; }
    section.article-list .list article .date .month {
      font-size: 0.7em;
      margin-top: -0.5em; }
section.article-list .list article.important .date {
  background: url(../img/icons/date-blue.png) no-repeat;
  color: white; }

.toman {
  display: block;
  position: fixed;
  z-index: -20000;
  left: 0;
  bottom: 0;
  max-height: 60%; }

@media screen and (max-width: 800px) {
  .toman {
    display: none; }

  #content nav.article-nav, #content .yc-col-a-3 {
    margin: 0 auto;
    width: 100%; }
    #content nav.article-nav .year-month, #content .yc-col-a-3 .year-month {
      padding-bottom: 0.5em; }
    #content nav.article-nav .year-month:after, #content .yc-col-a-3 .year-month:after {
      display: block;
      content: " ";
      clear: both; }
    #content nav.article-nav a.year, #content .yc-col-a-3 a.year {
      margin: 0.8em 0;
      padding: 0.3em 0;
      clear: both; }
    #content nav.article-nav a.month, #content .yc-col-a-3 a.month {
      width: 47%;
      padding: 0;
      float: left;
      line-height: 2em; }

  .list article {
    text-align: left;
    margin: 0 auto; }

  .content {
    padding: 2em 0; } }


.table {
    width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    display: table-cell;
    float: none;
}

.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > .success,
.table > tbody > tr > .success,
.table > tfoot > tr > .success,
.table > thead > .success > td,
.table > tbody > .success > td,
.table > tfoot > .success > td,
.table > thead > .success > th,
.table > tbody > .success > th,
.table > tfoot > .success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > .success:hover,
.table-hover > tbody > .success:hover > td,
.table-hover > tbody > .success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > .danger,
.table > tbody > tr > .danger,
.table > tfoot > tr > .danger,
.table > thead > .danger > td,
.table > tbody > .danger > td,
.table > tfoot > .danger > td,
.table > thead > .danger > th,
.table > tbody > .danger > th,
.table > tfoot > .danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > .danger:hover,
.table-hover > tbody > .danger:hover > td,
.table-hover > tbody > .danger:hover > th {
    background-color: #ebcccc;
}

.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th {
    background-color: #faf2cc;
}

@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #dddddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}