a,
address,
b,
body,
center,
div,
em,
form,
h1,
h2,
header,
html,
i,
img,
p,
pre,
s,
span,
tr,
var {
   font: inherit;
}
a,
address,
b,
body,
center,
div,
em,
form,
h1,
h2,
html,
i,
img,
pre,
s,
span,
tr,
var {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   background: 0 0;
}
header,
li {
   border: 0;
   vertical-align: baseline;
}
li {
   margin: 0;
   font: inherit;
}
header {
   display: block;
}
body,
html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #fff;
   overflow-x: hidden;
}
a,
a:hover {
   text-decoration: none;
}
*,
header,
li,
p {
   padding: 0;
}
p {
   outline: 0;
   border: 0;
   vertical-align: top;
   background: 0 0;
}
.img,
header {
   position: relative;
}
.title {
   font-size: 38px;
   font-weight: 700;
   line-height: 38px;
}
.active,
main img {
   display: block;
}
header {
   margin: 0 auto;
   background: #f1f1f1;
   max-width: 960px;
   display: block;
   padding: 15px;
}
img {
   max-width: 100%;
}
a {
   color: #466cc7;
}
.content h1,
.text h2,
div.conContent {
   text-align: center;
}
.text h2 {
   font-size: 1.5em;
}

.content {
   background: #fff 0 0;
   border-radius: 10px;
   margin: 0 0 15px;
   overflow: hidden;
   padding: 20px;
   box-shadow: 0 0 10px #e6e6e6;
}
.text {
   float: left;
   font-size: 17px;
   line-height: 1.2;
   text-align: justify;
   padding: 0 15px 0 0;
}
.content h1 {
   font-size: 28px;
   margin: 0 0 25px;
}
.content h1 span {
   color: red;
}
.content p {
   margin: 0 0 15px;
   font-weight: 400;
}
.content .red {
   font-size: 16px;
   padding: 10px 0 0;
   color: #f40b0b;
}
.text3 img {
   margin: 5px 0 0;
   max-width: 65px !important;
   width: 100% !important;
   height: 65px !important;
   object-fit: cover !important;
}
#comments h1 {
   color: #c00;
   margin: 0 0 5px;
}
.comment {
   padding: 15px 0;
   border-top: 1px solid #e8e8e8;
}
.comment .text1 {
   font-size: 14px;
   font-weight: 700;
}
b {
   font-weight: 600;
}
main h1 {
   font-size: 24px;
   font-weight: 700;
   line-height: 1.3;
   margin-bottom: 30px;
}
.comment .text2 {
   font-size: 12px;
   float: right;
   color: #888;
   font-weight: 400;
}
.comment .text3 {
   font-size: 15px;
   padding: 10px 0 0;
   font-weight: 400;
}
.red {
   font-size: 26px;
   padding: 10px 0 0;
   color: #f40b0b;
}
.button_page,
main {
   position: relative;
   margin: 0 auto;
}
.button_page {
   background: #f27909;
   border: medium;
   font:
      700 16px Arial,
      Helvetica,
      sans-serif;
   max-width: 100%;
   vertical-align: middle;
   text-decoration: none;
   color: #fff;
   padding: 11px;
   border-radius: 50px;
   box-shadow:
      0 1px 0 #9e8d84 inset,
      0 5px 0 0 #b25a08,
      0 10px 5px #999;
   text-transform: uppercase;
   text-align: center;
}
.insite {
   display: inline-block;
   text-align: center;
   margin-top: 10px;
}
* {
   margin: 0;
   font-family: "Roboto" !important;
}
.comment div,
.comment span,
p {
   font-size: 20px !important;
}
p {
   margin: 20px 0 !important;
}
.comment,
main * {
   box-sizing: border-box;
}
.comment {
   min-height: 140px;
}
main * {
   margin: 0;
   padding: 0;
   outline: 0;
   border: 0;
   font-family: "Roboto";
   text-decoration: none;
}
main {
   background: #fff;
   display: block;
   padding: 30px 15px;
   max-width: 960px;
}
main h1,
main p {
   font-size: 24px;
   line-height: 1.3;
   margin-bottom: 30px;
}
main p {
   font-size: 18px;
   margin-bottom: 15px;
}
main a {
   color: #1869a7;
}
main img {
   width: 100%;
   max-width: 650px;
   margin: 15px auto;
}
@media (min-width: 768px) {
   main h1 {
      font-size: 34px;
   }
   main p {
      font-size: 20px;
   }
   main {
      padding: 30px 20px;
   }
}
@media screen and (max-width: 1023px) {
   .title {
      width: 100%;
      font-size: 30px;
      line-height: normal;
   }
   .text {
      width: 100%;
      font-size: 16px;
   }
}
@media screen and (max-width: 999px) {
   .content h1,
   .text {
      width: auto;
   }
   .text {
      float: none;
      text-align: justify;
      padding: 0;
   }
}
@media screen and (max-width: 767px) {
   .title {
      font-size: 26px;
      line-height: normal;
   }
   .text {
      font-size: 16px;
   }
   .button_page {
      width: 100% !important;
      font-size: 14px;
   }
}
@media screen and (max-width: 479px) {
   .content h1 {
      width: auto;
      font-size: 22px;
   }
   .comment,
   .text p,
   .text3 {
      text-align: left;
   }
}
@media screen and (max-width: 320px) {
   .button_page {
      font-size: 12px;
   }
}