@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-style: normal;
  background: transparent;
}

/* -------H--------------------------------------- */
.home.page h1, .home.page h2, .home.page h3, .home.page h4, .home.page h5, .home.page h6, .single h1, .single h2, .single h3, .single h4, .single h5, .single h6 {
  margin-top: 35px;
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  padding-left: 40px;
  position: relative;
}

.home.page h1:not(.text-alpha) {
  background: #dd3e54a3 url(../images/connected.png);
}

.home.page h2, .single h1:not(.text-alpha) {
  background: #009fffe8 url(../images/connected.png);
}

.home.page h3, .single h2 {
  background: #333333 url(../images/connected.png);
}

.home.page h4, .single h3 {
  background: #ad5389 url(../images/connected.png);
}

.home.page h5, .single h4 {
  background: #59C173 url(../images/connected.png);
}

.home.page h6, .single h5 {
  background: #005AA7 url(../images/connected.png);
}

.single h6 {
  background: #DA4453 url(../images/connected.png);
}

.home.page h1:not(.text-alpha)::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 40px solid #FFF;
  border-right: 40px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.home.page h2::before, .single h1:not(.text-alpha)::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FFF;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.home.page h3::before, .single h2::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FFF;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.home.page h4::before, .single h3::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FFF;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.home.page h5::before, .single h4::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FFF;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.home.page h6::before, .single h5::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FFF;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.single h6::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FFF;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.page span {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 13px;
}

.text-alpha {
  font-size: 29px;
  margin-bottom: 22.5px;
  margin-top: 20px;
  font-weight: 700;
  line-height: 1.3;
  /* color: #262626;
 */
  /* margin: 0;
 */
}

@media (max-width: 768px) {
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  h3 {
    font-size: 18px;
    margin-bottom: 17.5px;
  }
  h4 {
    font-size: 15px;
    margin-bottom: 15px;
  }
  h5 {
    font-size: 13px;
    margin-bottom: 12px;
  }
  h6 {
    font-size: 12.5px;
    margin-bottom: 10px;
  }
}

/* =---------------ul li ol */
ul, ol, details {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.toc_list, ul.toc_list ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

ul.toc_list {
  margin: 10px;
  padding: 10px;
}

#eulgcb {
  margin-bottom: 10px;
  background: #b21b1b;
  padding: 1px;
}

ul.toc_list ul ul {
  border-left: 3px solid #469D11;
}

ul.toc_list a {
  background: #409d09;
  background: linear-gradient(90deg, #409d09 0%, #db94e9 100%);
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px;
  padding-left: 30px;
  position: relative;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 );
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #fff;
}

ul.toc_list a::before {
  content: "";
  font: normal normal normal 19px/1 FontAwesome;
  margin-right: 10px;
}

ul.toc_list > li > ul > li ul {
  padding-left: 15px;
}

ul.toc_list ul:hover > li:hover > a {
  /* color: #256043; */
  background-color: #0b8f12;
}

.attlwy p {
  line-height: 1.8;
}

/* cac the */
.attlwy details > p, .attlwy details > div {
  padding: 10px;
}

p, a {
  line-height: 1.8;
}

.attlwy a {
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px dashed transparent;
  border-bottom: 1px dashed;
}

.attlwy a:hover {
  border-top: 1px dotted;
  border-bottom: 1px dotted transparent;
}

.attlwy strong {
  background-color: white;
  /* background: linear-gradient(transparent 90%,#b80117); */
  color: #7F4197;
  font-weight: bold;
  border-bottom: 1px dotted #000;
}

details.supplement {
  margin-bottom: 20px;
}

details > p, details > div {
  padding: 10px;
}

details {
  border-radius: 3px;
  background: #EEE;
  margin: 1em 0;
  border: 1px solid #eee;
  background: #e2e2e2;
  background-color: #ffffff;
  transition: 0.3s ease;
}

details[open] summary {
  color: #000;
  background-color: #cf7d7d;
  color: #fff;
  /* background: linear-gradient(#fefefe 50%,#F6F6F6 50%); */
}

details summary {
  background: #5a8fb8;
  color: #FFF;
  border-radius: 0;
  padding: 10px 10px;
  outline: none;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease;
}

ul, ol, details {
  margin: 0;
  padding: 0;
  list-style: none;
}

.attlwy ul:not(.toc_list), .attlwy ol, .attlwy dl {
  margin: 25px auto;
  background: none;
  border: 4px double #7F4197;
}

.attlwy ol {
  padding-left: 10px;
}

.attlwy ul:not(.toc_list) {
  /* background: rgb(35, 40, 45); */
  background-color: white;
  /* background-image: url(http://www.transparenttextures.com/patterns/double-lined.png); */
}

.attlwy ul:not(.toc_list) li, .attlwy ol li {
  list-style-type: none;
  font-size: 16px;
  line-height: 2.1;
  font-weight: 600;
  /* color: #fff; */
  padding-left: 30px;
  position: relative;
}

.attlwy ul:not(.toc_list) li {
  padding-left: 10px;
}

.attlwy ul:not(.toc_list) li::before {
  content: '\f085';
  font-family: FontAwesome;
  font-size: 25px;
  margin-right: 5px;
  color: #7F4197;
}

.attlwy ol li {
  list-style-type: decimal;
  margin-left: 30px;
  padding-left: 0px;
}

.attlwy dl {
  border: none;
}

.attlwy dl dt {
  padding: 10px 0 10px 15px;
  font-weight: 600;
  color: #202020;
  margin: 0 auto;
  letter-spacing: 1.5px;
  font-size: 120%;
  font-weight: bold;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%);
  background: -o-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%);
  background: -ms-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%);
  background: linear-gradient(to bottom, white 0%, #f6f6f6 47%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
}

.attlwy dl dd {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #222;
  border: 1px solid #cacaca;
  margin-bottom: 20px;
  padding: 10px;
  background: white;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 90 90'%3E%3Ccircle fill='%23eeeeee' cx='45' cy='45' r='10'/%3E%3Cg fill='%23efefef' fill-opacity='1'%3E%3Ccircle cx='0' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3Ccircle cx='90' cy='0' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3C/g%3E%3C/svg%3E");
}

.attlwy dl dd strong {
  color: #7e0bbf;
}

.attlwy ol {
  /* background-color: #0e0e0e; */
  /* background-image: url(http://www.transparenttextures.com/patterns/inflicted.png); */
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

p {
  color: #4a4a4a;
  margin: 0 0 1em;
}

a {
  -webkit-transition: all 175ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 175ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: #00984B;
  display: inline-block;
  cursor: pointer;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color: #0d0f9b;
}

@media (min-width: 992px) {
  .container .content-page {
    box-shadow: 3px 3px 3px #8f7e7e;
    width: 73%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    order: 2;
    background: #fff;
    padding-top: 10px;
  }
  .container #main-content, #main-content_left {
    right: auto;
    left: 0;
    top: 0;
    height: 100%;
    order: 1;
    background-color: #fff;
  }
  .container #main-content_left {
    /* position: absolute; */
    left: auto;
    top: 0;
    right: 0;
    height: 100%;
    order: 2;
    /* position: sticky; */
    background: #fff;
    width: 30%;
    margin-left: 10px;
  }
  #main-content {
    top: 0;
  }
  #sidebar {
    /* padding: 10px;
     */
    will-change: min-height;
    top: 0;
    margin-top: 10px;
  }
  aside#sidebar_left {
    top: 0;
  }
  .row-content {
    position: relative;
    display: flex;
  }
  .main-content {
    min-height: 50vh;
  }
}

.pagination {
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
}

.pagination a.page-numbers, .pagination span.page-numbers, .pagination .current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  border-radius: 100%;
  text-align: center;
  background: transparent;
  margin-right: 5px;
  color: #fff;
  border: 1px solid #B80117;
  background: #B80117;
}

.pagination a.page-numbers {
  color: #000;
  border: 1px solid #999;
  box-shadow: 1px 2px 3px #999;
  background: #e2e2e2;
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
}

.pagination a.page-numbers:hover {
  background: #fff;
  color: #555;
  box-shadow: 0 0 0 #fff;
}

/* ////////////////////////////////////////////////////////////// */
p.fontL, time.fontL, li.fontL, summary.fontL, ol.fontL, dt.fontL, dd.fontL {
  font-size: 145% !important;
}

a.fontL {
  font-size: 120%;
}

p.fontM, time.fontM, li.fontM, summary.fontM, ol.fontM, dt.fontM, dd.fontM {
  font-size: 125% !important;
}

a.fontM {
  font-size: 110%;
}

p.fontS, time.fontS, li.fontS, summary.fontS, ol.fontS, dt.fontS, dd.fontS {
  font-size: 110% !important;
}

a.fontS {
  font-size: 110%;
}

h6.fontL {
  font-size: 115% !important;
}

h5.fontL {
  font-size: 135% !important;
}

h4.fontL {
  font-size: 145% !important;
}

h3.fontL {
  font-size: 170% !important;
}

h2.fontL {
  font-size: 190% !important;
}

h6.fontM {
  font-size: 115% !important;
}

h5.fontM {
  font-size: 125% !important;
}

h4.fontM {
  font-size: 135% !important;
}

h3.fontM {
  font-size: 160% !important;
}

h2.fontM {
  font-size: 175% !important;
}

h6.fontS {
  font-size: 110% !important;
}

h5.fontS {
  font-size: 115% !important;
}

h4.fontS {
  font-size: 125% !important;
}

h3.fontS {
  font-size: 135% !important;
}

h3.fontS {
  font-size: 145% !important;
}

/* slider */
.jssora106 {
  width: 55px;
  height: 55px;
  top: 290px;
  left: 30px;
}

.viewBoxsvg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#slider1_container {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1180px;
  height: auto;
  overflow: hidden;
  visibility: hidden;
}

.slidesdata {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 1180px;
  height: auto;
  overflow: hidden;
}

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.jssora106 {
  display: block;
  position: absolute;
  cursor: pointer;
}

.jssora106 .c {
  fill: #fff;
  opacity: .3;
}

.jssora106 .a {
  fill: none;
  stroke: #000;
  stroke-width: 350;
  stroke-miterlimit: 10;
}

.jssora106:hover .c {
  opacity: .5;
}

.jssora106:hover .a {
  opacity: .8;
}

.jssora106.jssora106dn .c {
  opacity: .2;
}

.jssora106.jssora106dn .a {
  opacity: 1;
}

.jssora106.jssora106ds {
  opacity: .3;
  pointer-events: none;
}

.jssort101 .p {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background: #000;
}

.jssort101 .p .cv {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  box-sizing: border-box;
  z-index: 1;
}

.jssort101 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 400;
  stroke-miterlimit: 10;
  visibility: hidden;
}

.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
  border: none;
  border-color: transparent;
}

.jssort101 .p:hover {
  padding: 2px;
}

.jssort101 .p:hover .cv {
  background-color: black;
  opacity: .35;
}

.jssort101 .p:hover.pdn {
  padding: 0;
}

.jssort101 .p:hover.pdn .cv {
  border: 2px solid #fff;
  background: none;
  opacity: .35;
}

.jssort101 .pav .cv {
  border-color: #fff;
  opacity: .35;
}

.jssort101 .pav .a, .jssort101 .p:hover .a {
  visibility: visible;
}

.jssort101 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  opacity: .6;
}

.jssort101 .pav .t, .jssort101 .p:hover .t {
  opacity: 1;
}

div#toc_container {
  /* margin-top: 20px; */
  /* display: none !important; */
}