/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 70px;
  background-color:#f5f5f5;
}
footer {
  padding: 30px 0;
}
.about{
  padding: 30px 0;
}
.navbar-inverse{
background-color:#fff;
border-color:#eee;
}
.navbar-inverse .navbar-nav > .active > a{
color:#000;
background-color:#eee;
}
.navbar-inverse .navbar-nav > .active > a:hover{
color:#000;
background-color:#eee;
}
.navbar-inverse .navbar-nav>li>a:hover{
color:#000;
background-color:#eee;
}
.navbar-header > a:hover{
  color: #eee;
  background-color: #fff;
}
.navbar-toggle{
  background-color: #333;
}
.pointer{
    cursor: pointer;
}
.user{
    float:right;
}
@media screen and (min-width: 970px) {
    .container {
        width: 970px;
    }
}
.page-footer {
    border-top:1px solid #eee;
}
.articles_list{
    width:100%;
    border-bottom:0px solid #eee;
}
.article_header,.article_body{
    width:100%;
}
.articles_head{
    /*color:#148aff;*/
}
.articles_split{
    font-weight: bold;
    line-height: 30px;
    width:100%;
    padding-top:10px;
    /*border-left:5px solid #148aff;*/
    border-bottom:1px solid #148aff;
}
.articles_split_a{
    color:#148aff;
}
.articles_split_span{
    color:#148aff;
}
.articles_split_more{
    color:#148aff;
    float:right;
    font-weight:normal;
    font-size:12px;
}
.eng_erges_split{
    font-weight: bold;
    line-height: 30px;
    width:100%;
    padding-top:10px;
    /*border-left:5px solid #5cb85c;*/
    border-bottom:1px solid #5cb85c;
}
.eng_erges_split_a{
    color:#5cb85c;
}
.eng_erges_split_span{
    color:#5cb85c;
}
.eng_erges_split_more{
    color:#5cb85c;
    float:right;
    font-weight:normal;
    font-size:12px;
}
.eng_erges_list{
    width:50%;
    margin-top:15px;
    text-align:center;
}
.eng_erges_head{
    line-height:20px;
}
.shiges_split{
    font-weight: bold;
    line-height: 30px;
    width:100%;
    padding-top:10px;
    /*border-left:5px solid #fcb85c;*/
    border-bottom:1px solid #fcb85c;
}
.shiges_split_a{
    color:#fcb85c;
}
.shiges_split_span{
    color:#fcb85c;
}
.shiges_split_more{
    color:#fcb85c;
    float:right;
    font-weight:normal;
    font-size:12px;
}
.shiges_list{
    width:50%;
    margin-top:15px;
    text-align:center;
}
.shiges_head{
    line-height:20px;
}
.shiges_list_poems{
    width:50%;
    margin-top:15px;
    text-align:left;
}
.shige_l{
    width:100%;
    float:left;
    margin-bottom:10px;
}
.l_pyt_split, .l_word_split{
    float:left;
    width:10px;
    text-align:center;
}
.l_word, .l_pyt{
    float:left;
    width:45px;
    text-align:center;
}
@media screen and (max-width: 970px) {
    .eng_erges_list{
        width:100%;
    }
}
.row-content{
    background-color:#fff;
    margin-bottom:10px;
}
.box-content{
    background-color:#fff;
    margin-bottom:10px;
    /*border-radius:5px;*/
}
.box-content-ads{
    margin-bottom:10px;
}
.box-head{
    font-weight: bold;
    line-height: 30px;
    width:100%;
    padding:10px 10px 0 10px;
    border-bottom:1px solid #eee;
}
.box-list{
    width:100%;
    /*margin-top:15px;*/
    text-align:left;
}
.box-list-a{
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
}
.box-tail{
    width:100%;
    height:10px;
}
a.box-list-a{
    color: #555;
    text-decoration:none;
}
a.box-list-a:hover{
    color: #555;
    background-color: #f9f9f9;
    text-decoration:none;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}