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

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

#tags {
   margin:50px 0 0;
   position: fixed;
   width: 100%;
   max-width: inherit;
   background: #ccc;
   z-index: 1;
   display: none;
   padding: 10px 0;
   box-shadow: 0px 0px 2px 0px #000;
}
#tag_section {
   margin: 0 1% 15px;
   width: 98%;
   background: #ccc;
   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;
}
#bottom {
   float:left;
   width: 100%;
   background: #ccc;
   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:#0080FF;}

#art, #add_topic {
   margin:40px 3% 0;
   width: 94%;
   float:left;
   text-align:left;
}
#add_topic {
   margin:0 3% 10px;
}
.art1, p, .art2 {
   margin: 10px 0 5px;
   max-width: 600px;
   float:left;
}
.art2 a, .tag{
   padding: 0 10px 0 0;
   float:left;   
}
.tag, #tag_section div div {
   color:#000;
   line-height: 30px; 
}
.tag:before, #tag_section div div:before {
   content: "\2605";
}
.art3 {
   margin: 5px 0;
   width: 100%;
   float:left;
   color: #C0C0C0;
   font-size: 14px;
}
.art3 time {
   float:right;
}
#art img {
   margin: 10px 0 5px;
   float:left;
   max-width: 100%; 
}

.topic, .topicT, .topicA {
   margin: 10px 0 0;
   position: relative;
   float:left;
   width: 100%;
   height: 300px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 1px #000;
   cursor: pointer;
}
.topicT {
   margin: 10px 0 0;
}
.topicA {
   height: 200px;
}
.topic1:empty {
   background-position: top;
   background-size: 101% auto;
   background-repeat: no-repeat;
   position: relative;
   width: 100%;
   height: 200px;
   border-radius: 4px;
}
.topic2:empty {
   position: absolute;
   top: 0px;
   width: 100%;
   height: 200px;
}
.topic3, .topic3_A {
   position: absolute;
   bottom: 0px;
   color:#FFF;
   width: 100%;
   height: 55%;
}
.topic3_A {
   height: 30%;
}
.topic3_1, .topic3_2 {
   float:left;
   width: 94%;
   padding: 0 3%;
   text-align:left;
   line-height:22px;
   font-weight:bold;
   font-size: 18px;
}
.topic3_2 {
   margin: 10px 0 0;
   font-weight:normal;
   font-size: 16px;
}
#section {
   margin:10px 3%;
   width: 94%;
   float:left;
   text-align:left;
}
.seo_block {
   margin: 10px 3% 0;
   width: 94%;
   background: #ccc;
   float:left;
   padding: 0 0 10px 0;
   text-align:left;
   box-shadow: 0px 0px 2px 0px #000;
}
.seo_block div {
   width: -webkit-fill-available;
   float:left;
   line-height:24px;
}
.seo_block div div {
   padding: 0 12px;
}
.block_adv {
   margin: 10px 0 0;
   width:98%;
   float:left;
   background: #ccc;
   padding: 5px 1%;
   box-shadow: 0 0 2px 0 #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;
}














.checkup {
   margin:10px 0 0 0;
   background: #FFF;
   float:left;
   width:100%;
   overflow: hidden;
}

.bgrnd0 {background:#000;}
.bgrnd1 {background:#008040;}
.bgrnd2 {background:#03A9F4;}
.bgrnd3 {background:#9E9E9E;}
.bgrnd4 {background:#F44336;}
.bgrnd5 {background:;}
.bgrnd6 {background:;}
.bgrnd7 {background:;}

.gradient0 {background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255, 255, 255, 0.1) 100%);}
.gradient1 {background: linear-gradient(0deg, rgb(0, 128, 64) 0%, rgba(0, 128, 64, 0.1) 100%);}
.gradient2 {background: linear-gradient(0deg, rgb(3, 169, 244) 0%, rgba(3,169,244,0.1) 100%);}
.gradient3 {background: linear-gradient(0deg, rgba(158,158,158,1) 0%, rgba(158,158,158,0.1) 100%);}
.gradient4 {background: linear-gradient(0deg, rgba(244,67,54,1) 0%, rgba(244,67,54,0.1) 100%);}
.gradient5 {}
.gradient6 {}
.gradient7 {}

.color0 {color:#000;}
.color1 {color:#FFF;}
.color2 {color:#f44336;}
.color3 {color:#4caf50;}
.color4 {color:#ffeb3b;}
.color5 {color:#03a9f4;}
.color6 {color:#7c41e6;}
.color7 {color:#FF00FF;}
.color8 {color:#FF8000;}

.mrgn0 {margin: 0;}
.mrgn2 {margin: 10px 0 0;}
.mrgn3 {margin: 0 0 10px 0;}



@media (min-width: 640px) {

.link_tag, #tag_section div {width: 31%;}
.topic, .topicA {
   width: 49%;
}
.topicT {
   margin: 10px 6px 0;
   width: 48%;
}
.topic3_1, .topic3_2 {
   line-height:18px;
}
.mrgn2 {margin: 10px 0 0 2%;}
#section {
   margin:10px 2%;
   width: 96%;
}
.seo_block {
   margin: 10px 2% 0;
   width: 96%;
}
}


@media (min-width: 1024px) {

body {max-width:1024px;}

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

#art {
   margin:40px 20px 0;
   max-width: 600px;
}
#add_topic {
   margin:40px 0 10px;
   float:left;
   width: 350px;
   padding: 0 17px;
}
.topic, .topicT, .topicA {
   margin: 20px 0 0;
   width: 350px;
}
.topicT {
   margin: 10px 4px 0 8px;
   width: 321px;
}
.topic3_1, .topic3_2 {
   width: auto;
   padding: 0 15px;
   line-height: 20px;
}
.mrgn2 {margin: 20px 0 0;}

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