body {
   background:#FFF;
   font-size: 17px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif;
   margin:auto;
   max-width:700px;
   color:#FFFDD0;
   text-align:center;
}
h1,h2 {
   font-weight:bold;
   margin:0px;
   font-size: 20px;
   line-height: 30px;
}
a {
   text-decoration: none;
   line-height: 30px;
   color:#FFFDD0;
}
b {color:#FFFDD0;}

.top {
   position: fixed;
   width: 100%;
   max-width: inherit;
   background: #CD853F;
   z-index: 1;
   top: 0;
   box-shadow: 0px 0px 2px 0px #000;
}
.top a {
   margin: 0 10px;
   line-height: 40px;
}
.top_m, .mglks {
   margin:40px 0 0;
   width:100%;
   float:left;
}
.mglks {
   margin:10px 0 0;
}
.top_m a, .mglks a {
   width: auto;
   line-height:30px;
   padding:0 1%;
   float:left;
   color: #000;
}
.top_m a span:hover, .mglks a span:hover {
   width: auto;
   box-shadow: 0 0 5px 0 #BC9909;
   line-height:30px;
   float: left;
}
.link {
   float:left;
   font-size: 20px;
   font-weight:bold;
}
.link2 {
   float:right;
   font-size: 24px;
}

#tags {
   margin:50px 0 0;
   position: fixed;
   width: 100%;
   max-width: inherit;
   background: #CD853F;
   z-index: 1;
   display: none;
   padding: 10px 0;
   box-shadow: 0px 0px 2px 0px #000;
}
#tag_section {
   margin: 10px 1% 15px;
   width: 98%;
   background: #CD853F;
   float:left;
   padding: 10px 0;
   box-shadow: 0px 0px 2px 0px #000;
}
.link_tag, #tag_section div {
   margin: 0 0 0 2%;
   width: 48%;
   float:left;
   text-align:left;
}
#tag_section div div {
   width: 10%;
   float:left;
}
#tag_section div a {
   width: 80%;
   float:left;
}
.tag, #tag_section div div {
   line-height: 30px; 
}
.tag:before, #tag_section div div:before {
   content: "\272B";
}

#bottom {
   float:left;
   width: 100%;
   background: #CD853F;
   line-height: 40px;
   box-shadow: 0px 0px 2px 0px #000;
}
.bottomL, .bottomR {
   width: auto;
   float:left;
   padding: 0 10px;
}
.bottomR {
   float:right;
}
.bottomR img {
   vertical-align: middle;
}
a:hover {color:#C5007F;}
.block {
   margin: 40px 0 0;
   float: left;
   max-width: 740px;
}
#art, #add_topic {
   margin:0 3% 0;
   width: 94%;
   float:left;
   color: #000;
   text-align:left;
}
#add_topic {
   margin:0 3% 10px;
}
#art h1, p, #art2 {
   margin: 10px 0 5px;
   float:left;
   max-width:700px;
}
#art div {
   margin: 5px 0;
   width: 100%;
   float:left;
   color: #C0C0C0;
   font-size: 14px;
}
#art div time {
   float:right;
}
#art img {
   margin: 10px 0 5px;
   float:left;
   max-width: 100%; 
}
#art2 div{
   padding:0 10px;
   font-size: 17px;
}
#art2 div, #art2 a {
   float:left;
   width:auto;
   line-height: 30px;    
}
#art2 a {
   margin: 0px 0 0 5px;
   color: #000;
}
#art2 div:before {
   content: "\272B";
   float:left;
   color: #000;
}
.topic {
   margin: 10px auto;
   background-position: top;
   background-size: 101% auto;
   background-repeat: no-repeat;
   position: relative;
   width: 240px;
   color:#FFFDD0;
   height: 200px;
   border-radius: 4px;
   cursor: pointer;
   box-shadow: 0px 0px 2.5px 1px #000;
}
.topic div {
   position: absolute;
   top: 0px;
   background: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(255, 255, 255, 0.1) 100%);
   width: 100%;
   height: 200px;
   border-radius: 4px;
}
.topic a {
   display:block;
   position: absolute;
   bottom: 0px;
   width: 94%;
   padding: 3%;
   height: auto;
   line-height:22px;
   font-weight:bold;
   font-size: 16px;
}
#section {
   margin:10px 3%;
   width: 94%;
   float:left;
   text-align:left;
}
.seo_block {
   margin: 10px 3% 0;
   width: 94%;
   background: #CD853F;
   float:left;
   padding: 0 0 10px 0;
   text-align:left;
   box-shadow: 0px 0px 2px 0px #000;
}
.seo_block h1, .seo_block p {
   width: -webkit-fill-available;
   float:left;
   line-height:24px;
   max-width: none;
}
.seo_block div {
   width: -webkit-fill-available;
   float:left;
   line-height:24px;
}
.seo_block div div {
   padding: 0 12px;
}
.block_adv {
   margin: 0 1%;
   width:96%;
   float:left;
   padding: 5px 1%;
   background: #CD853F;
   box-shadow: 0px 0px 2px 0px #000;
}
.menu_bdl {
   width: 100%;
   float: left;
   border-bottom:2px solid #000;
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.menu_bdl li {
   float: left;
   line-height: 30px;
}
.menu_bdl span {
   float: left;
   color:#000;
   font-size: 14px;
   padding: 0 5px;
}
.menu_bdl > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "/";
  float: left;
  font-weight:bold;
}
#block_img {
   width:auto;
   float:left;
   padding: 10px 3%;
   columns: 2;
}
#block_img img {
   margin: 5px 0;
   width: 100%;
   cursor: pointer;
   box-shadow: 0px 0px 2.5px 1px #000;
}
#views_img {
   width: 98%;
   padding: 10px 1%;
   height:auto;
   float:left;
   display: none;
}
#views_img img {
   max-width: 100%;
   cursor: pointer;
   box-shadow: 0px 0px 2.5px 1px #000;
}

.checkup {
   margin:10px 1% 0;
   background: #FFF;
   float:left;
   width:98%;
   overflow: hidden;
   box-shadow: 0px 0px 5px 2px #cd853f;
}

a:hover .topic {opacity: 0.8;}
a:hover .topic p, #art2 a:hover {color:#C5007F;}

.mrgn2 {margin: 10px 0 0;}





@media (min-width: 480px) {

.topic {
    margin: 10px 1%;
    width: 48%;
    float: left;
}
}

@media (min-width: 640px) {

.link_tag, #tag_section div {width: 31%;}

.topic {
   margin: 10px 0.5%;
   width: 32.3%;
}
.topic p {line-height:18px;}
.mrgn2 {margin: 10px 0 0 2%;}
#section {
   margin:10px 2%;
   width: 96%;
}
.seo_block {
   margin: 10px 2% 0;
   width: 96%;
}
#block_img {padding: 10px 2%; columns: 3;}
}


@media (min-width: 1024px) {

body {max-width:1024px;}

.top a {margin: 0 20px;}
.link {font-size: 26px;}
.link_tag, #tag_section div {width: 23%;}
#art {
   margin:0 20px 0;
   max-width: 700px;
   width: auto;
}
#add_topic {
   margin:60px 0 10px;
   float:left;
   width: 250px;
   padding: 0 17px;
}
.topic {margin: 10px 5px 0; width: 240px;}
.topic p {
   width: auto;
   padding: 5px;
   line-height: 20px;
}

#section {
   margin:10px 1%;
   width: 98%;
}
.seo_block {
   margin: 10px 1% 0;
   width: 98%;
}

#block_img {margin:0 20px 0; padding: 10px 0;}
#views_img {margin:0 20px 0; max-width: 700px; width: auto; padding: 10px 0;}
#views_img img {display: block; margin: 0 auto;}

}