/* Code tidied up by ScrapBook */
html, body { overflow-x: hidden; margin: 0px; padding: 0px; font-family: "Merriweather",serif; font-size: 22px; color: rgb(0, 0, 0); background-color: rgb(244, 247, 250); }
.c15 { margin: 10px auto 25px; }
.c15, .c15 td, .c15 tr { border: 1px solid rgb(214, 214, 214); }
.c15 .c3 p { padding: 5px; margin-bottom: 0px; margin-top: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
#title_block { width: 100%; }
.title_block_wrapper { width: 100%; height: 100%; }
.title_block_content { position: relative; width: 100%; height: 100%; }
.title_block_img .title_img { margin: 0px ! important; padding: 0px ! important; height: 100% ! important; width: 100% ! important; display: inline ! important; object-fit: cover; }
.title_block_img { height: 100%; position: absolute; top: 0px; left: 0px; }
.title_block_shadow { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; opacity: 0.7; }
.title_block_texts { position: relative; z-index: 9; background: transparent none repeat scroll 0% 0% ! important; padding: 21px; }
.title_block_bread span { color: rgb(255, 255, 255); font: bold 10px/16px "IBM Plex Sans",sans-serif; text-transform: uppercase; letter-spacing: 1px; opacity: 0.88; }
.title_h1 { font: 600 40px/48px "IBM Plex Sans",sans-serif; color: rgb(255, 255, 255); }
.title_bq { border-left: 4px solid rgb(52, 157, 238); padding-left: 16px; color: rgb(255, 255, 255); opacity: 0.88; font: 24px/40px Merriweather,serif; }
.title_block_author { margin-top: 26px; }
.tauthor { font: 600 19px/24px "IBM Plex Sans",sans-serif; color: rgb(52, 157, 238); }
.tdate { margin-top: 2px; color: rgb(255, 255, 255); font: 500 10px/16px "IBM Plex Sans",sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.title_block_texts div { background: transparent none repeat scroll 0% 0% ! important; }
.lead_text { color: rgb(86, 93, 109); }
#top { height: 120px; background: transparent none repeat scroll 0% 0%; width: 100%; }
#topwrap { height: 80px; max-width: 1000px; margin: 0px auto; background: transparent none repeat scroll 0% 0%; }
.topleft { height: 80px; width: 740px; float: left; position: relative; margin-left: 10px; }
.toplogo { position: absolute; width: 40px; height: 40px; top: 10px; cursor: pointer; }
.topdate { position: absolute; top: 25px; left: 500px; font-size: 12px; line-height: 20px; color: rgb(150, 160, 168); }
#bodyWrapper { max-width: 1000px; margin: 0px auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5); }
#mainWrapper { width: 100%; height: 100%; }
#wrapper { max-width: 1000px; margin: 0px auto; }
#content { padding: 0px; text-align: left; width: 100%; }
#content .padWrap { padding: 15px; }
#content img { max-width: 100%; display: block; margin: 20px auto; }
#content p { font-size: 18px; line-height: 29px; }
.pg { font-size: 22px ! important; line-height: 36px ! important; margin-bottom: 33px; }
#content h1 { font-size: 36px; line-height: 50px; font-weight: bold; }
#content h2 { font-family: "IBM Plex Sans",sans-serif; font-size: 28px; margin-bottom: 33px; line-height: 32px; }
#content h3 { font-size: 22px; line-height: 36px; margin-bottom: 33px; }
#content ul li span { display: block; font-size: 16px; color: gray; font-weight: normal; line-height: 20px; }
#content ul { font-size: 18px; line-height: 28px; font-weight: 500; }
#content ul li { margin-bottom: 20px; }
#comments { margin-top: 120px; }
#comments .pg { font-size: 14px ! important; line-height: 28px ! important; }
#comments h2 { color: rgb(0, 0, 0); border-bottom: 0px solid rgb(0, 0, 0); border-color: rgb(0, 0, 0); text-transform: uppercase; padding-bottom: 10px; }
#comments .item { text-align: left; padding: 10px; margin: 10px 0px; min-height: 80px; border-bottom: 1px dashed rgb(5, 81, 157); }
#comments .item :last-child { border-bottom: medium none; }
#comments .item .info {  }
#comments .coment_ava { float: left; margin-right: 15px; }
#comments .coment_ava img { margin: 0px; width: 50px; height: 50px; border-radius: 5px; }
.randdate { display: inline-block; color: rgb(163, 176, 185); font-weight: normal; font-size: 13px; }
@media screen and (max-width: 1020px) {
  #content { width: 100%; }
}
@media screen and (max-width: 840px) {
  .topdate { display: none; }
}
@media screen and (max-width: 780px) {
  .topleft { width: 100%; }
}
@media screen and (max-width: 690px) {
  .topleft { width: 100%; }
}
@media screen and (max-width: 660px) {
  #content h1 { font-size: 28px; line-height: 36px; }
  .mainLogo { width: 400px; }
}
@media screen and (max-width: 590px) {
  .mainLogo { width: 300px; margin-top: 10px; }
}
@media screen and (max-width: 560px) {
  .pg { margin-left: 0px; margin-right: 0px; }
  #content .padWrap { padding: 8px; }
}
@media screen and (max-width: 520px) {
}
@media screen and (max-width: 420px) {
  .title_bq { font-size: 18px ! important; line-height: 28px ! important; }
  .tauthor { font-size: 14px; }
}
@media screen and (max-width: 470px) {
  .mainLogo { width: 200px; }
  #top { height: 80px; }
}
@media screen and (max-width: 380px) {
  .mainLogo { width: 180px; }
}
@media screen and (max-width: 345px) {
  .mainLogo { width: 150px; }
}
@media screen and (max-width: 310px) {
  .mainLogo { display: none; }
  #top { background-position: center top; }
}
@media screen and (min-width: 1300px) {
  #wrapper { max-width: 1000px; }
  #content { width: 100%; }
  #topwrap { max-width: 1000px; }
}
@media screen and (min-width: 1600px) {
  #wrapper { max-width: 1000px; }
  #content { width: 100%; }
  #topwrap { max-width: 1000px; }
}
a:active, a:focus { outline: medium none; }
input { outline: medium none; }
input:active { outline: medium none; }
:focus { outline: medium none; }
button:active, button:focus { outline: medium none ! important; }
button::-moz-focus-inner { border: 0px none ! important; }
#footer { padding: 10px; text-align: center; }
#footer img { cursor: pointer; }
@media (max-width: 575px) {
  #footer img { max-width: 300px; }
}
@media (max-width: 375px) {
  #footer img { max-width: 250px; }
}
.Figure img { display: block; margin: 0px auto; float: none; }
.bg_mm { background-color: antiquewhite; text-align: center; }
.c2 { width: 50%; }
@media all and (max-width: 767px) {
  .cenz::after { background-size: 30% auto; }
}
.cenz-show::after { display: none; }
@media (max-width: 992px) {
  .row-y-item { display: none; }
  .wap { display: block; }
}
a { font-weight: bold; text-decoration: none; color: green; }
a:hover, a:focus { cursor: pointer; text-decoration: underline; }