/* Shared
--------------------------------------------------------------*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#eckb-article-body {
  display: flex;
  gap: 20px;
}
#eckb-article-body #eckb-article-left-sidebar > section,
#eckb-article-body #eckb-article-left-sidebar .eckb-article-cat-layout-list {
  width: 300px;
}
#eckb-article-body #eckb-article-right-sidebar > section,
#eckb-article-body #eckb-article-right-sidebar .eckb-article-cat-layout-list {
  width: 300px;
}
#eckb-article-body #eckb-article-content-body {
  font-size: 14px;
  line-height: 1.7em;
}
#eckb-article-body #eckb-article-content-body blockquote {
  margin: 20px 0 30px;
  padding-left: 20px;
  border-left: 5px solid;
}
#eckb-article-body #eckb-article-content-body ul {
  display: block;
  list-style-type: disc;
  padding: 0 0 1em 3em;
  margin: 0;
}
#eckb-article-body #eckb-article-content-body ul ul, #eckb-article-body #eckb-article-content-body ul ol {
  padding: 0 0 0 3em;
}
#eckb-article-body #eckb-article-content-body ol {
  display: block;
  list-style-type: decimal;
  padding: 0 0 1em 3em;
  margin: 0;
}
#eckb-article-body #eckb-article-content-body ol ol, #eckb-article-body #eckb-article-content-body ol ul {
  padding: 0 0 0 3em;
}
#eckb-article-body #eckb-article-content-body a {
  color: #2EA3F2;
  text-decoration: underline;
}
#eckb-article-body #eckb-article-content-body a:hover {
  text-decoration: none;
}
#eckb-article-body #eckb-article-content-body p {
  padding-bottom: 1em;
}
#eckb-article-body #eckb-article-content-body strong {
  font-weight: bold;
}
#eckb-article-body #eckb-article-content-body cite,
#eckb-article-body #eckb-article-content-body em,
#eckb-article-body #eckb-article-content-body i {
  font-style: italic;
}
#eckb-article-body #eckb-article-content-body pre,
#eckb-article-body #eckb-article-content-body code {
  font-family: "Courier New", monospace;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
#eckb-article-body #eckb-article-content-body ins {
  text-decoration: none;
}
#eckb-article-body #eckb-article-content-body sup,
#eckb-article-body #eckb-article-content-body sub {
  position: relative;
  height: 0;
  line-height: 1;
  vertical-align: baseline;
}
#eckb-article-body #eckb-article-content-body sup {
  bottom: 0.8em;
}
#eckb-article-body #eckb-article-content-body sub {
  top: 0.3em;
}
#eckb-article-body #eckb-article-content-body dl {
  margin: 0 0 1.5em 0;
}
#eckb-article-body #eckb-article-content-body dl dt {
  font-weight: bold;
}
#eckb-article-body #eckb-article-content-body dd {
  margin-left: 1.5em;
}
#eckb-article-body #eckb-article-content-body blockquote p {
  padding-bottom: 0;
}
#eckb-article-body #eckb-article-content-body embed,
#eckb-article-body #eckb-article-content-body iframe,
#eckb-article-body #eckb-article-content-body object,
#eckb-article-body #eckb-article-content-body video {
  max-width: 100%;
}
#eckb-article-body #eckb-article-content-body h1,
#eckb-article-body #eckb-article-content-body h2,
#eckb-article-body #eckb-article-content-body h3,
#eckb-article-body #eckb-article-content-body h4,
#eckb-article-body #eckb-article-content-body h5,
#eckb-article-body #eckb-article-content-body h6 {
  margin: 10px 0;
  padding-bottom: 10px;
  font-weight: 500;
  line-height: 1em;
}
#eckb-article-body #eckb-article-content-body h1 a,
#eckb-article-body #eckb-article-content-body h2 a,
#eckb-article-body #eckb-article-content-body h3 a,
#eckb-article-body #eckb-article-content-body h4 a,
#eckb-article-body #eckb-article-content-body h5 a,
#eckb-article-body #eckb-article-content-body h6 a {
  color: inherit;
}
#eckb-article-body #eckb-article-content-body h1 {
  font-size: 2.5em;
}
#eckb-article-body #eckb-article-content-body h2 {
  font-size: 2em;
}
#eckb-article-body #eckb-article-content-body h3 {
  font-size: 1.75em;
}
#eckb-article-body #eckb-article-content-body h4 {
  font-size: 1.5em;
}
#eckb-article-body #eckb-article-content-body h5 {
  font-size: 1.25em;
}
#eckb-article-body #eckb-article-content-body h6 {
  font-size: 1em;
}
#eckb-article-body #eckb-article-content-body input {
  -webkit-appearance: none;
}
#eckb-article-body #eckb-article-content-body input[type=checkbox] {
  -webkit-appearance: checkbox;
}
#eckb-article-body #eckb-article-content-body input[type=radio] {
  -webkit-appearance: radio;
}
#eckb-article-body #eckb-article-content-body input[type=text],
#eckb-article-body #eckb-article-content-body input[type=password],
#eckb-article-body #eckb-article-content-body input[type=tel],
#eckb-article-body #eckb-article-content-body input[type=email],
#eckb-article-body #eckb-article-content-body input.text,
#eckb-article-body #eckb-article-content-body input.title,
#eckb-article-body #eckb-article-content-body textarea,
#eckb-article-body #eckb-article-content-body select {
  padding: 2px;
  border: 1px solid #BBBBBB;
  color: #4E4E4E;
  background-color: #FFFFFF;
}
#eckb-article-body #eckb-article-content-body input[type=text]:focus,
#eckb-article-body #eckb-article-content-body input.text:focus,
#eckb-article-body #eckb-article-content-body input.title:focus,
#eckb-article-body #eckb-article-content-body textarea:focus,
#eckb-article-body #eckb-article-content-body select:focus {
  border-color: #2D3940;
  color: #3E3E3E;
}
#eckb-article-body #eckb-article-content-body input[type=text],
#eckb-article-body #eckb-article-content-body input.text,
#eckb-article-body #eckb-article-content-body input.title,
#eckb-article-body #eckb-article-content-body textarea,
#eckb-article-body #eckb-article-content-body select {
  margin: 0;
}
#eckb-article-body #eckb-article-content-body textarea {
  padding: 4px;
}
#eckb-article-body #eckb-article-content-body img {
  max-width: 100%;
  height: auto;
}
