div+css实现pc端电脑管理软件winform界面ui效果代码-html代码-BFW代码库

代码语言：html
代码描述：div+css实现pc端电脑管理软件winform界面ui效果代码，模拟windows的窗体效果，左侧还有tab选项卡切换，卡片内容还能左右切换滚动。
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap-icons.1.11.3.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/slick.1.8.css">
  
<style>
*:not(head, script, svg, svg *),
*:not(head, script, svg, svg *)::before,
*:not(head, script, svg, svg *)::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-color: #393939 #bbb;
  scrollbar-width: thin;
}

html > body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: #bbb;
  color: white;
  font: normal normal 400 100% / 140% "Open Sans", sans-serif;
  letter-spacing: -0.5px;
  overflow-x: hidden;
}

#ccDxtp {
  width: 95%;
  max-width: 1265px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  background-color: #1a1a1a;
  margin: 20px 0;
  min-width: 665px;
  min-height: 550px;
  max-height: 810px;
  overflow: hidden;
}

#ccDxtp header {
  width: 100%;
  min-height: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  background-color: black;
}

#ccDxtp header figure {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#ccDxtp header figure:first-of-type {
  width: 12.5%;
  padding-left: 10px;
}

#ccDxtp header figure:first-of-type svg {
  width: 100%;
  max-width: 16px;
  min-width: 16px;
  height: auto;
  margin-right: 6px;
}

#ccDxtp header figure:first-of-type h1 {
  font-size: 78%;
  color: white;
  font-weight: 400;
  line-height: 120%;
  white-space: nowrap;
  position: relative;
  top: 1px;
}

#ccDxtp header figure:last-of-type {
  width: 12%;
}

#ccDxtp header figure:last-of-type button {
  background-color: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border: unset;
  width: 33%;
  height: 100%;
  transition: all 0.2s ease;
}

#ccDxtp header figure:last-of-type button:hover {
  transition: all 0.2s ease;
}

#ccDxtp header figure:last-of-type button:not(:last-of-type):hover {
  background-color: #222;
}

#ccDxtp header figure:last-of-type button:last-of-type:hover {
  background-color: #b30b00;
}

#ccDxtp header figure:last-of-type button i {
  font-size: 100%;
  color: white;
}

#ccDxtp #toolBar {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #1d1d1d;
  border-bottom: 2px solid #323232;
  padding: 10px 15px;
  z-index: 4;
}

#ccDxtp #toolBar input:not([type="search"]) {
  display: none;
}

#ccDxtp #toolBar > button,
#ccDxtp #toolBar > figure > button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: unset;
  border: none;
  margin: 0;
  padding: 0;
  width: 34px;
  height: 34px;
  border-radius: 3px;
}

#ccDxtp #toolBar button label {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#ccDxtp #toolBar button label i {
  font-size: 140%;
  color: #a2a2a2;
}

#ccDxtp #toolBar button:first-of-type label i {
  font-size: 160%;
}

#ccDxtp #toolBar button label:hover i {
  color: white;
}

#ccDxtp
  #toolBar
  :is(figure input:checked + button, button:nth-child(1):focus, figure
    > button:focus, button:has(+ nav:hover)) {
  background-color: #393939;
}

#ccDxtp #toolBar nav {
  display: none;
  position: absolute;
  top: 90%;
  left: 13px;
  width: 180px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #080808;
  border-radius: 4px;
  border: 1px solid #444;
  padding: 5px 0;
}

#ccDxtp #toolBar button:focus + nav,
#ccDxtp #toolBar nav:has(ul *:hover) {
  display: flex;
}

#ccDxtp #toolBar nav > ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 1;
}

#ccDxtp #toolBar nav > ul > li {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 5px 12px;
}

#ccDxtp #toolBar nav > ul > li > label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

#ccDxtp #toolBar nav ul li {
  cursor: pointer;
}

#ccDxtp #toolBar nav ul li:hover {
  background-color: #222;
}

#ccDxtp #toolBar nav > ul > li > p {
  font-size: 83%;
  line-height: 130%;
  font-weight: 600;
  color: #ccc;
  margin: 0;
}

#ccDxtp #toolBar nav > ul > li > i {
  font-size: 80%;
  color: #ccc;
}

#ccDxtp #toolBar nav > ul > li > ul {
  display: none;
  position: absolute;
  left: 98%;
  top: 0px;
  width: 240px;
  border-radius: 4px;
  background-color: #080808;
  border: 1px solid #444;
  padding: 5px 0;
  list-style: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  z-index: 2;
}

#ccDxtp #toolBar nav > ul > li:has(> label:hover) > ul,
#ccDxtp #toolBar nav > ul > li > ul:hover {
  display: flex;
}

#ccDxtp #toolBar nav > ul > li > ul > li {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}

#ccDxtp #toolBar nav > ul > li > ul > li label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

#ccDxtp
  #toolBar
  nav
  > ul
  > li:not(:nth-child(2), :nth-child(3))
  > ul
  > li:not(:last-of-type),
#ccDxtp #toolBar nav > ul > li:nth-child(2) > ul > li:nth-child(6),
#ccDxtp
  #toolBar
  nav
  > ul
  > li:nth-child(3)
  > ul
  > :is(li:nth-child(5), li:nth-child(6), li:nth-child(9)) {
  border-bottom: 2px solid #222;
}

#ccDxtp #toolBar nav > ul > li > ul > li > p:first-of-type {
  font-size: 83%;
  line-height: 130%;
  font-weight: 600;
  color: #ccc;
  margin: 0;
}

#ccDxtp #toolBar nav > ul > li > ul > li > p:last-of-type {
  font-size: 73%;
  line-height: 120%;
  font-weight: 600;
  color: #ccc;
  margin: 0;
}

#ccDxtp #toolBar code {
  width: 100%;
  max-width: 470px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 75px;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar code:has(input:focus, section:hover) {
  max-width: 620px;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar code input {
  width: 100%;
  background-color: transparent;
  border: 2px solid #494949;
  outline: none;
  padding: 10px 50px;
  border-radius: 25px;
  color: white;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar code input::placeholder {
  color: #777;
}

#ccDxtp #toolBar code input:focus::placeholder {
  color: #ddd;
}

#ccDxtp #toolBar code input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

#ccDxtp #toolBar code input:focus,
#ccDxtp #toolBar code input:has(~ section:hover) {
  border-radius: 25px 25px 0 0;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar code > i {
  position: absolute;
  left: 25px;
  line-height: 0;
  color: #999;
  font-size: 90%;
}

#ccDxtp #toolBar code section {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 0 12px 0;
  margin: 0;
  border-left: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  border-radius: 0 0 25px 25px;
  background-color: #1d1d1d;
  font-family: "Open Sans", sans-serif;
}

#ccDxtp #toolBar code input:focus ~ section,
#ccDxtp #toolBar code section:hover {
  visibility: visible;
}

#ccDxtp #toolBar code section figure {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 20px 15px 20px;
}

#ccDxtp #toolBar code section figure:not(:last-of-type) {
  border-bottom: 1px solid #444;
}

#ccDxtp #toolBar code section figure figcaption {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

#ccDxtp #toolBar code section figure figcaption p {
  color: #888;
  font-size: 70%;
  line-height: 130%;
  margin: 0;
}

#ccDxtp #toolBar code section figure figcaption a {
  color: dodgerblue;
  font-size: 85%;
  line-height: 140%;
  text-decoration: none;
}

#ccDxtp #toolBar code section figure:first-of-type {
  padding: 12px 0 7px 0;
}

#ccDxtp #toolBar code section figure:first-of-type figcaption {
  padding: 0 20px;
  margin-bottom: 5px;
}

#ccDxtp #toolBar code section figure:first-of-type ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

#ccDxtp #toolBar code section figure:first-of-type ul li {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 20px;
  cursor: pointer;
}

#ccDxtp #toolBar code section figure:first-of-type ul li:hover {
  background-color: #333;
}

#ccDxtp #toolBar code section figure:first-of-type ul li svg {
  width: 32px;
  min-width: 32px;
  height: auto;
  margin-right: 15px;
}

#ccDxtp #toolBar code section figure:first-of-type ul li div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 85%;
}

#ccDxtp #toolBar code section figure:first-of-type ul li div strong {
  font-size: 80%;
  color: #bbb;
  line-height: 150%;
  font-weight: 500;
}

#ccDxtp #toolBar code section figure:first-of-type ul li div p {
  color: #888;
  font-size: 70%;
  line-height: 130%;
  margin: 0;
}

#ccDxtp #toolBar code section figure:first-of-type ul li a {
  color: #888;
  font-size: 70%;
  line-height: 130%;
  text-decoration: none;
  margin-left: 15px;
}

#ccDxtp #toolBar code section figure .itemCarousel {
  width: 100%;
  opacity: 0;
  margin-top: -4px;
  min-width: 578px;
}

#ccDxtp #toolBar code input:focus ~ section figure .itemCarousel,
#ccDxtp #toolBar code section:hover figure .itemCarousel {
  opacity: 1;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
}

#ccDxtp #toolBar code section figure .itemCarousel li {
  position: relative;
  cursor: pointer;
}

#ccDxtp #toolBar code section figure:nth-child(2) .itemCarousel li::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "bootstrap-icons";
  content: "\F4F9";
  font-size: 180%;
  color: #222;
  opacity: 0;
}

#ccDxtp
  #toolBar
  code
  section
  figure:nth-child(2)
  .itemCarousel
  li:hover::after {
  opacity: 1;
}

#ccDxtp #toolBar code section figure .itemCarousel li img {
  width: 100%;
  height: auto;
}

#ccDxtp #toolBar code section figure .itemCarousel li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 15px;
  border: 1px solid #444;
  text-decoration: none;
  border-radius: 4px;
  min-height: 65px;
}

#ccDxtp #toolBar code section figure .itemCarousel li a i {
  font-size: 130%;
  color: white;
  margin-right: 20px;
}

#ccDxtp #toolBar code section figure .itemCarousel li a p {
  color: #ccc;
  font-weight: 600;
  font-size: 90%;
  line-height: 150%;
}

#ccDxtp #toolBar .slick-list {
  margin: 0 -5px;
}

#ccDxtp #toolBar .slick-slide {
  margin: 0 5px;
}

#ccDxtp #toolBar code section figure .slick-next {
  right: -10px;
}

#ccDxtp #toolBar code section figure :is(.slick-prev, .slick-next) {
  width: 30px;
  height: 30px;
}

#ccDxtp #toolBar code section figure .slick-prev::before {
  font-size: 12px;
}

#ccDxtp #toolBar code section figure .slick-next::before {
  font-size: 12px;
}

#ccDxtp #toolBar > figure {
  position: relative;
  width: 15%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#ccDxtp #toolBar > figure nav:first-of-type {
  top: 120%;
  left: -15px;
  width: unset;
}

#ccDxtp #toolBar > figure nav:first-of-type ul li {
  padding: 7px 12px;
}

#ccDxtp #toolBar > figure nav:hover {
  display: flex;
}

#ccDxtp #toolBar > figure nav:nth-child(6) {
  width: 400px;
  border: none;
  left: -290px;
  top: 120%;
  padding: 25px 20px;
}

#ccDxtp #toolBar > figure nav:nth-child(6) strong {
  width: 100%;
  font-size: 110%;
  color: white;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 2px solid #444;
}

#ccDxtp #toolBar > figure nav:nth-child(6) figure {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
}

#ccDxtp #toolBar > figure nav:nth-child(6) figure svg {
  width: 100%;
  max-width: 100px;
  height: auto;
  fill: #6e6e6e;
  margin-bottom: 15px;
}

#ccDxtp #toolBar > figure nav:nth-child(6) figure figcaption {
  font-size: 90%;
  color: #777;
}

#ccDxtp #toolBar > figure nav:nth-child(8) {
  width: 400px;
  left: -220px;
  top: 120%;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:first-of-type {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 10px 15px 15px 15px;
  border-bottom: 2px solid #393939;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:first-of-type figcaption {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 7px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:first-of-type
  figcaption
  strong {
  font-size: 70%;
  color: #aaa;
  text-transform: uppercase;
  font-weight: 400;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:first-of-type figcaption p {
  font-size: 70%;
  color: #aaa;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:first-of-type meter {
  width: 100%;
  border: none;
  height: 7px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:first-of-type
  meter::-webkit-meter-bar {
  background: none;
  background-color: #393939;
  border: none;
  border-radius: 1px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:first-of-type
  meter::-webkit-meter-optimum-value {
  background-color: dodgerblue;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:first-of-type label {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 2px;
  font-size: 75%;
  color: #aaa;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type {
  width: 100%;
  padding: 20px 20px 17px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type input {
  display: none;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type > i {
  display: none;
  font-size: 130%;
  margin-right: 20px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  > i:first-of-type {
  color: green;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  > i:last-of-type {
  color: white;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  #resumeSync:checked
  ~ i:first-of-type {
  display: initial;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  #pauseSync:checked
  ~ i:last-of-type {
  display: initial;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: auto;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  figcaption
  strong {
  font-size: 90%;
  line-height: 140%;
  color: #ddd;
  font-weight: 600;
  margin-bottom: 3px;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type figcaption p {
  display: none;
  font-size: 70%;
  line-height: 100%;
  color: #aaa;
  margin: 0;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  #resumeSync:checked
  ~ figcaption
  p:first-of-type {
  display: initial;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  #pauseSync:checked
  ~ figcaption
  p:last-of-type {
  display: initial;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #131313;
  border: 1px solid #333;
  border-radius: 5px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type button:hover {
  border: 1px solid #555;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type button i {
  font-size: 170%;
  color: #888;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type button:hover i {
  color: #ccc;
  transition: all 0.2s ease;
}

#ccDxtp #toolBar > figure nav:nth-child(8) figure:last-of-type button label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  button
  label:last-of-type {
  display: none;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  button
  i:first-of-type {
  display: none;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  #pauseSync:checked
  ~ button
  :is(label:first-of-type, i:last-of-type) {
  display: none;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(8)
  figure:last-of-type
  #pauseSync:checked
  ~ button
  :is(label:last-of-type, i:first-of-type) {
  display: initial;
}

#ccDxtp #toolBar > figure nav:nth-child(10) {
  top: 120%;
  left: -135px;
  width: 320px;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:first-of-type {
  border-bottom: 1px solid #444;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:first-of-type figure {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 13px 10px 18px 5px;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:first-of-type figure i {
  font-size: 400%;
  color: yellow;
  margin-right: 15px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:first-of-type
  figure
  figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:first-of-type
  figure
  figcaption
  strong {
  font-size: 100%;
  color: white;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 3px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:first-of-type
  figure
  figcaption
  p {
  font-size: 80%;
  color: #aaa;
  line-height: 100%;
  margin: 0;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:nth-child(2) {
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 20px;
  border-bottom: 1px solid #444;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:nth-child(2):hover {
  background-color: unset;
  cursor: default;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:nth-child(2) > p {
  font-size: 80%;
  color: #ccc;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 110%;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:nth-child(2) > figure {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 17px;
  border: 1px solid #444;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:nth-child(2)
  > figure
  figcaption {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:nth-child(2)
  > figure
  figcaption
  p {
  font-size: 85%;
  color: #ccc;
  margin: 0;
  line-height: 170%;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:nth-child(2)
  > figure
  figcaption
  p
  span {
  font-weight: 700;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  li:nth-child(2)
  > figure
  figcaption
  i {
  font-size: 120%;
  color: #ccc;
  cursor: pointer;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:nth-child(2) > figure > p {
  background-color: #1e1e1e;
  color: #ccc;
  font-size: 70%;
  line-height: 170%;
  padding: 6px 10px;
  border-radius: 3px;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:nth-child(2) > figure > p a {
  color: #ccc;
}

#ccDxtp
  #toolBar
  > figure
  nav:nth-child(10)
  ul
  :is(li:nth-child(3), li:nth-child(4), li:nth-child(5), li:nth-child(6), li:nth-child(7)) {
  padding: 10px 20px;
}

#ccDxtp #toolBar > figure nav:nth-child(10) ul li:last-of-type p {
  color: tomato;
}

#ccDxtp main {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #c8c8c8 #393939;
  scrollbar-width: thin;
}

#ccDxtp main nav {
  position: sticky;
  top: 0;
  left: 0;
  width: 6.5%;
  min-width: 81px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 25px;
  background-color: #1d1d1d;
  border-right: 2px solid #323232;
  z-index: 3;
}

#ccDxtp main nav ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

#ccDxtp main nav ul li {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ccDxtp main nav ul li:not(:last-of-type) {
  margin-bottom: 20px;
}

#ccDxtp main nav ul li input {
  display: none;
}

#ccDxtp main nav ul li label {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

#ccDxtp main nav ul li label i {
  width: 30px;
  height: 30px;
  font-size: 115%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 7px;
}

#ccDxtp main nav ul li label:hover i {
  background-color: #303030;
}

#ccDxtp main nav ul li input:checked + label i {
  color: black;
  background-color: white;
}

#ccDxtp main nav ul li label p {
  color: white;
  font-size: 70%;
  line-height: 130%;
  margin: 5px 0 0 0;
  text-align: center;
}

#ccDxtp main > section {
  width: 75.5%;
  z-index: 1;
}

#ccDxtp main #homeContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px 30px;
}

#ccDxtp main #homeContent > figure {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  z-index: 2;
}

#ccDxtp main #homeContent > figure figcaption {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-weight: 600;
  font-size: 110%;
}

#ccDxtp main #homeContent > figure figcaption i {
  color: #aaa;
  font-size: 90%;
  margin-left: 10px;
}

#ccDxtp main #homeContent > figure a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #bbb;
  font-size: 83%;
  text-decoration: none;
  font-weight: 600;
  margin-right: 20px;
}

#ccDxtp main #homeContent > figure a label {
  cursor: pointer;
}

#ccDxtp main #homeContent > figure a i {
  position: relative;
  bottom: 1px;
  font-size: 110%;
  margin-right: 8px;
}

#ccDxtp main #homeContent > figure a:hover i {
  color: white;
}

#ccDxtp main #homeContent > figure ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 130px;
}

#ccDxtp main #homeContent > figure ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

#ccDxtp main #homeContent > figure ul li label {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #ccc;
  font-size: 85%;
  padding: 5px 12px;
  border-radius: 5px;
  cursor: pointer;
}

#ccDxtp main #homeContent > figure ul li label:hover {
  color: white;
}

#ccDxtp
  main
  #homeContent
  #popularFilter:checked
  ~ figure
  ul
  li:nth-child(1)
  label {
  background-color: #393939;
}

#ccDxtp
  main
  #homeContent
  #photoFilter:checked
  ~ figure
  ul
  li:nth-child(2)
  label {
  background-color: #393939;
}

#ccDxtp
  main
  #homeContent
  #videoFilter:checked
  ~ figure
  ul
  li:nth-child(3)
  label {
  background-color: #393939;
}

#ccDxtp main #homeContent #pdfFilter:checked ~ figure ul li:nth-child(4) label {
  background-color: #393939;
}

#ccDxtp main #homeContent > input {
  display: none;
}

#ccDxtp .itemCarousel {
  display: flex;
  align-items: center;
  position: relative;
  width: 106%;
  list-style: none;
  margin-top: -10px;
}

#ccDxtp main .itemCarousel::after {
  position: absolute;
  right: -30px;
  width: 11.5%;
  height: 100%;
  background-color: #1a1a1a;
  z-index: 1;
  content: "";
}

#ccDxtp .slick-list {
  margin: 0 -8px;
}

#ccDxtp .slick-track {
  display: flex !important;
}

#ccDxtp .slick-slide {
  margin: 0 8px;
  height: inherit !important;
}

#ccDxtp .slick-prev,
#ccDxtp .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 2;
}

#ccDxtp .slick-prev:hover,
#ccDxtp .slick-prev:focus,
#ccDxtp .slick-next:hover,
#ccDxtp .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

#ccDxtp .slick-prev:hover:before,
#ccDxtp .slick-prev:focus:before,
#ccDxtp .slick-next:hover:before,
#ccDxtp .slick-next:focus:before {
  background-color: black;
  color: white;
  border: 1px solid #888;
  transition: all 0.2s ease;
}

#ccDxtp .slick-prev.slick-disabled:before,
#ccDxtp .slick-next.slick-disabled:before {
  opacity: 0.25;
}

#ccDxtp .slick-prev:before,
#ccDxtp .slick-next:before {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "bootstrap-icons";
  font-size: 14px;
  border: 1px solid #555;
  padding: 8px;
  border-radius: 100%;
  line-height: 0;
  color: #ccc;
  background-color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
}

#ccDxtp .slick-prev {
  left: -15px;
  display: none !important;
}

#ccDxtp [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

#ccDxtp .slick-prev:before {
  content: "\F284";
}

#ccDxtp [dir="rtl"] .slick-prev:before {
  content: "\F285";
}

#ccDxtp .slick-next {
  right: 62px;
}

#ccDxtp [dir="rtl"] .slick-next {
  right: auto;
  left: -15px;
}

#ccDxtp .slick-next:before {
  content: "\F285";
}

#ccDxtp [dir="rtl"] .slick-next:before {
  content: "\F284";
}

#ccDxtp main #homeContent #appShortcuts {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 0 0 20px;
  margin: 0;
  list-style: none;
}

#ccDxtp main #homeContent #appShortcuts button {
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: unset;
  border: none;
  padding-bottom: 15px;
  margin: 0 50px 40px 0;
  position: relative;
  cursor: pointer;
}

#ccDxtp main #homeContent #appShortcuts button svg {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

#ccDxtp main #homeContent #appShortcuts button i {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 120%;
  margin-bottom: 10px;
}

#ccDxtp main #homeContent #appShortcuts button p {
  position: absolute;
  bottom: 0;
  color: #bbb;
  font-size: 90%;
  margin: 0;
  text-align: center;
  width: 100px;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #appShortcuts button:hover p {
  color: white;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #suggestedCarousel {
  padding-bottom: 40px;
}

#ccDxtp main #homeContent #suggestedCarousel li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #444;
  background-color: #1e1e1e;
  overflow: hidden;
  z-index: 1;
}

#ccDxtp
  main
  #homeContent
  #suggestedCarousel
  :is(#thickBorder, li:has(.bi-shop))::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    #8388f6,
    #ba80ea,
    #e47ccb,
    #ff80a0,
    #ff8e70,
    #ffa741,
    #f5b919,
    #e4c000,
    #cec800,
    #b0d000,
    #89d725,
    #4bde50
  ) !important;
  content: "";
  z-index: -1;
}

#ccDxtp
  main
  #homeContent
  #suggestedCarousel
  :is(#thinBorder, li:has(code))
  :is(figure, p:not(figcaption > p)) {
  position: relative;
  left: 8px;
}

#ccDxtp
  main
  #homeContent
  #suggestedCarousel
  :is(#thinBorder, li:has(code))::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    #f90107,
    #fc4600,
    #f27100,
    #db9700,
    #b7b800,
    #81d300,
    #6ddf46,
    #8cde36,
    #a5dd27,
    #bbdc19,
    #cedb11,
    #dfda16
  );
  content: "";
  z-index: -1;
}

#ccDxtp main #homeContent #suggestedCarousel li:hover {
  border: 1px solid #666;
}

#ccDxtp main #homeContent #suggestedCarousel li figure {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 13px;
}

#ccDxtp main #homeContent #suggestedCarousel li figure i {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: white;
  font-size: 110%;
  line-height: 0;
}

#ccDxtp main #homeContent #suggestedCarousel .bi-grid-fill {
  background-color: #6767ec !important;
}

#ccDxtp main #homeContent #suggestedCarousel .bi-lightbulb-fill {
  background-color: #e68619 !important;
}

#ccDxtp main #homeContent #suggestedCarousel .bi-shop {
  background-color: #c038cc !important;
}

#ccDxtp main #homeContent #suggestedCarousel li figure svg {
  width: 40px;
  height: auto;
  min-width: 40px;
}

#ccDxtp main #homeContent #suggestedCarousel li figure figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  top: 3px;
}

#ccDxtp main #homeContent #suggestedCarousel li figure figcaption p {
  color: #aaa;
  text-transform: uppercase;
  font-size: 70%;
  line-height: 90%;
  margin: 0 0 8px 10px;
  font-weight: 700;
}

#ccDxtp main #homeContent #suggestedCarousel li figure figcaption strong {
  color: white;
  font-size: 95%;
  line-height: 130%;
  font-weight: 600;
  margin: 0 0 0 10px;
}

#ccDxtp main #homeContent #suggestedCarousel li > p {
  font-size: 80%;
  line-height: 160%;
  color: #ccc;
  margin: 0;
}

#ccDxtp
  main
  #homeContent
  #suggestedCarousel
  :is(#thickBorder, li:has(.bi-shop))
  > p {
  margin-left: 51px;
}

#ccDxtp main #homeContent #suggestedCarousel li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-radius: 30px;
  border: 2px solid #c8c8c8;
  color: #c8c8c8;
  font-weight: 700;
  align-self: flex-end;
  text-decoration: none;
  font-size: 82%;
  margin-top: 40px;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #suggestedCarousel li a i {
  margin-right: 7px;
}

#ccDxtp main #homeContent #suggestedCarousel li a:hover {
  background-color: #c8c8c8;
  color: #1e1e1e;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #suggestedCarousel li button {
  font-size: 130%;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #bbb;
  background-color: unset;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #suggestedCarousel li button:hover {
  color: white;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #suggestedCarousel li:hover button {
  opacity: 1;
  transition: none;
}

#ccDxtp
  main
  #homeContent
  :where(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel) {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

#ccDxtp main #homeContent #popularFilter:checked ~ #popularCarousel {
  visibility: visible;
  opacity: 1;
  height: initial;
  padding-bottom: 40px;
  margin-top: -10px;
  min-height: 118px;
}

#ccDxtp main #homeContent #photoFilter:checked ~ #photoCarousel {
  visibility: visible;
  opacity: 1;
  height: initial;
  padding-bottom: 40px;
  margin-top: -10px;
  min-height: 118px;
}

#ccDxtp main #homeContent #videoFilter:checked ~ #videoCarousel {
  visibility: visible;
  opacity: 1;
  height: initial;
  padding-bottom: 40px;
  margin-top: -10px;
  min-height: 118px;
}

#ccDxtp main #homeContent #pdfFilter:checked ~ #pdfCarousel {
  visibility: visible;
  opacity: 1;
  height: initial;
  padding-bottom: 40px;
  margin-top: -10px;
  min-height: 118px;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #1e1e1e;
  padding: 15px 12px;
  cursor: pointer;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li:hover {
  border: 1px solid #666;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  i {
  width: 45px;
  height: 45px;
  min-width: 45px;
  border-radius: 3px;
  background-color: #444;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 145%;
  transition: all 0.2s ease;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li:hover
  i {
  filter: brightness(1.2);
  transition: all 0.2s ease;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  .bi-images {
  background-color: #261a33;
  color: #8863b6;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  :is(.bi-aspect-ratio, .bi-textarea-resize, .bi-filetype-pdf) {
  background-color: #0d2628;
  color: #23b2b8;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  :is(.bi-filetype-gif, .bi-qr-code) {
  background-color: #182c1b;
  color: #3da74e;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  :is(.bi-filetype-mp4, .bi-filetype-jpg) {
  background-color: #372513;
  color: #d58c36;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  :is(.bi-scissors, .bi-filetype-svg, .bi-filter-square-fill) {
  background-color: #2f1531;
  color: #cf3edc;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  :is(.bi-intersect, .bi-file-earmark-plus) {
  background-color: #1e2037;
  color: #8383e3;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  .bi-crop {
  background-color: #213119;
  color: #6aa636;
  padding-right: 3px;
  padding-bottom: 3px;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  .bi-filetype-png {
  background-color: #0d1f35;
  color: #3280d8;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  .bi-file-earmark-pdf {
  background-color: #341517;
  color: #e34850;
}

#ccDxtp
  main
  #homeContent
  :is(#popularCarousel, #photoCarousel, #videoCarousel, #pdfCarousel)
  li
  p {
  color: white;
  font-size: 95%;
  line-height: 150%;
  font-weight: 600;
  margin: 0 0 0 12px;
}

#ccDxtp main #homeContent #expressCarousel {
  padding-bottom: 40px;
}

#ccDxtp main #homeContent #expressCarousel li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#ccDxtp main #homeContent #expressCarousel li figure {
  position: relative;
  width: 100%;
  height: 140px;
  background-color: #2c2c2c;
  border-radius: 5px;
  margin-bottom: 7px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

#ccDxtp main #homeContent #expressCarousel li .centerImg {
  align-self: center;
}

#ccDxtp main #homeContent #expressCarousel li figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #expressCarousel li figure:hover figcaption {
  opacity: 1;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #expressCarousel li figure figcaption a {
  position: relative;
  top: 20px;
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  padding: 3px 7px;
  font-weight: 700;
  border-radius: 20px;
  text-decoration: none;
  text-align: center;
  font-size: 80%;
  color: white;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #expressCarousel li figure:hover figcaption a {
  top: 0px;
  transition: all 0.2s ease;
}

#ccDxtp
  main
  #homeContent
  #expressCarousel
  li
  figure
  figcaption
  a:first-of-type {
  background-color: white;
  margin-bottom: 7px;
  color: #222;
}

#ccDxtp
  main
  #homeContent
  #expressCarousel
  li
  figure
  figcaption
  a:last-of-type:hover {
  background-color: #888;
}

#ccDxtp main #homeContent #expressCarousel li p {
  font-size: 77%;
  color: white;
  font-weight: 700;
  margin: 0;
  align-self: flex-start;
}

#ccDxtp main #homeContent #fireflyCarousel {
  padding-bottom: 40px;
}

#ccDxtp main #homeContent #fireflyCarousel li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ccDxtp main #homeContent #fireflyCarousel li form {
  position: relative;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

#ccDxtp main #homeContent #fireflyCarousel li form textarea {
  font-family: "Open Sans", sans-serif;
  width: 100%;
  height: 100%;
  background-color: #080808;
  color: white;
  border: 1px solid dodgerblue;
  outline: 12px solid #003066;
  border-radius: 5px;
  padding: 15px;
  resize: none;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #fireflyCarousel li form textarea::placeholder {
  color: #888;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #fireflyCarousel li form textarea:hover::placeholder {
  color: white;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #fireflyCarousel li form input {
  position: absolute;
  border: none;
  bottom: 15px;
  right: 15px;
  background-color: #2c2c2c;
  padding: 10px 15px;
  border-radius: 20px;
  color: #777;
  font-size: 75%;
  font-weight: 700;
}

#ccDxtp main #homeContent #fireflyCarousel li img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  border: 1px solid #444;
}

#ccDxtp main #homeContent #fireflyCarousel li figure {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #fireflyCarousel li:hover figure {
  opacity: 1;
  transition: all 0.2s ease;
}

#ccDxtp main #homeContent #fireflyCarousel li figure figcaption {
  color: white;
  font-size: 85%;
  font-weight: 700;
}

#ccDxtp main #homeContent #fireflyCarousel li figure a {
  border: 2px solid white;
  border-radius: 20px;
  padding: 4px 10px 6px 10px;
  color: white;
  font-size: 75%;
  font-weight: 700;
  background-color: transparent;
  text-decoration: none;
  align-self: flex-end;
}

#ccDxtp main #homeContent #fireflyCarousel li figure a:hover {
  background-color: #888;
}

#ccDxtp main aside {
  position: sticky;
  top: 0;
  right: 0;
  width: 18%;
  min-width: 225px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 20px 0 0;
  z-index: 2;
}

#ccDxtp main aside figure {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 20px;
  margin-bottom: 17px;
  border-bottom: 2px solid #323232;
}

#ccDxtp main aside figure i {
  font-size: 300%;
  color: #00cfff;
  margin-right: 10px;
}

#ccDxtp main aside figure figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 5px;
}

#ccDxtp main aside figure figcaption p {
  font-weight: 600;
  margin-bottom: 3px;
}

#ccDxtp main aside figure figcaption a {
  color: dodgerblue;
  text-decoration: none;
  font-size: 90%;
}

#ccDxtp main aside figure figcaption a:hover {
  text-decoration: underline;
}

#ccDxtp main aside strong {
  font-size: 90%;
  color: white;
  font-weight: 600;
  margin-bottom: 2px;
}

#ccDxtp main aside > p {
  width: 100%;
  font-size: 80%;
  color: #aaa;
  margin-bottom: 10px;
}

#ccDxtp main aside > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-radius: 30px;
  border: 2px solid #c8c8c8;
  color: #c8c8c8;
  font-weight: 700;
  text-decoration: none;
  font-size: 82%;
  transition: all 0.2s ease;
}

#ccDxtp main aside > a:hover {
  background-color: #c8c8c8;
  color: #1e1e1e;
  transition: all 0.2s ease;
}

#ccDxtp main aside ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  list-style: none;
  border-top: 2px solid #323232;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}

#ccDxtp main aside ul li {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

#ccDxtp main aside ul li::after {
  position: absolute;
  right: 5px;
  font-family: "bootstrap-icons";
  content: "\F285";
  color: #ccc;
  font-size: 80%;
  display: none;
}

#ccDxtp main aside ul li:hover::after {
  display: initial;
}

#ccDxtp main aside ul li input {
  display: none;
}

#ccDxtp main aside ul li:not(:last-of-type) {
  margin-bottom: 12px;
}

#ccDxtp main aside ul li label {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

#ccDxtp main aside ul li label i {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 120%;
  margin-right: 10px;
  border-radius: 3px;
}

#ccDxtp main aside ul li:hover label i {
  color: white;
}

#ccDxtp main aside ul li label div {
  position: relative;
  top: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

#ccDxtp main aside ul li label div h4 {
  font-size: 90%;
  line-height: 100%;
  color: #bbb;
  font-weight: 700;
  margin-bottom: 5px;
}

#ccDxtp main aside ul li:hover label div h4 {
  color: white;
}

#ccDxtp main aside ul li label div p {
  font-size: 70%;
  line-height: 110%;
  color: #bbb;
  margin: 0;
}

@media (max-width: 1320px) {
  #ccDxtp main #homeContent > figure {
    justify-content: flex-start;
  }
  #ccDxtp main #homeContent > figure ul {
    right: unset;
    margin: 0 10px 0 30px;
  }
  #ccDxtp main #homeContent > figure a {
    margin-right: unset;
    margin-left: 30px;
  }
}

@media (max-width: 1280px) {
  #ccDxtp #toolBar code {
    left: 30px;
  }
  #ccDxtp #toolBar figure {
    width: 23%;
  }
  #ccDxtp .itemCarousel {
    width: 102%;
  }
  #ccDxtp .slick-next {
    right: 53px;
  }
}

@media (max-width: 1220px) {
  #ccDxtp header figure:last-of-type {
    width: 15%;
  }
  #ccDxtp .slick-next {
    right: 48px;
  }
}

@media (max-width: 1170px) {
  #ccDxtp .itemCarousel {
    width: 98%;
  }
  #ccDxtp .slick-next {
    right: 40px;
  }
}

@media (max-width: 1130px) {
  #ccDxtp main #homeContent #appShortcuts {
    width: 90%;
  }
}

@media (max-width: 1100px) {
  #ccDxtp .itemCarousel {
    width: 97%;
  }
  #ccDxtp .slick-next {
    right: 35px;
  }
}

@media (max-width: 1080px) {
  #ccDxtp header figure:last-of-type {
    width: 18%;
  }
  #ccDxtp main #homeContent > figure ul + a {
    display: none;
  }
  #ccDxtp #toolBar code {
    max-width: 380px;
  }
  #ccDxtp #toolBar code:has(input:focus, section:hover) {
    max-width: 500px;
  }
  #ccDxtp #toolBar code section figure .itemCarousel {
    min-width: 458px;
  }
}

@media (max-width: 1040px) {
  #ccDxtp .itemCarousel {
    width: 95%;
  }
  #ccDxtp .slick-next {
    right: 28px;
  }
}

@media (max-width: 1000px) {
  #ccDxtp .itemCarousel {
    width: 93%;
  }
  #ccDxtp .slick-next {
    right: 22px;
  }
}

@media (max-width: 970px) {
  #ccDxtp .itemCarousel {
    width: 90%;
  }
  #ccDxtp .slick-next {
    right: 20px;
  }
}

@media (max-width: 920px) {
  #ccDxtp #toolBar code {
    left: 0;
    max-width: 300px;
  }
  #ccDxtp #toolBar code:has(input:focus, section:hover) {
    max-width: 400px;
  }
  #ccDxtp #toolBar code section figure .itemCarousel {
    min-width: 358px;
  }
  #ccDxtp #toolBar > figure {
    width: 28%;
  }
  #ccDxtp .itemCarousel {
    width: 87%;
  }
  #ccDxtp main #homeContent #suggestedCarousel {
    width: 82%;
  }
  #ccDxtp main #homeContent #suggestedCarousel::after {
    display: none;
  }
  #ccDxtp main #homeContent #suggestedCarousel .slick-next {
    right: -15px;
  }
  #ccDxtp .slick-next {
    right: 18px;
  }
  #ccDxtp main #homeContent > figure a {
    display: none;
  }
  #ccDxtp main #homeContent #appShortcuts {
    width: 85%;
  }
}

@media (max-width: 880px) {
  #ccDxtp header figure:last-of-type {
    width: 21%;
  }
  #ccDxtp main #homeContent #suggestedCarousel {
    width: 78.5%;
  }
  #ccDxtp .itemCarousel {
    width: 83%;
  }
  #ccDxtp .slick-next {
    right: 8px;
  }
  #ccDxtp main #homeContent > figure ul {
    display: none;
  }
}

@media (max-width: 840px) {
  #ccDxtp .itemCarousel {
    width: 79%;
  }
  #ccDxtp .slick-next {
    right: 4px;
  }
  #ccDxtp main #homeContent #suggestedCarousel {
    width: 75%;
  }
}

@media (max-width: 800px) {
  #ccDxtp main #homeContent #appShortcuts {
    width: 80%;
  }
}

@media (max-width: 790px) {
  #ccDxtp .itemCarousel {
    width: 72% !important;
  }
  #ccDxtp .itemCarousel::after {
    display: none;
  }
  #ccDxtp .slick-next {
    right: -15px;
  }
}

@media (max-width: 750px) {
  #ccDxtp .itemCarousel {
    width: 69% !important;
  }
}

@media (max-width: 725px) {
  #ccDxtp .itemCarousel {
    width: 66% !important;
  }
}
</style>


  
</head>

<body translate="no">
  <article id="ccDxtp">

  <header>

    <figure>

      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 240 234">
        <image style="isolation:isolate;" width="240" height="234" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPEAAADrCAYAAAC4hnD0AAAACXBIWXMAAAsSAAALEgHS3X78AAAgAElEQVR4nMy9Xc41zbEltKL281ri/LTdMAEzApsR2M2vuPKRGMDxDNoSF0gICQsBEggkg0AICem4xQDoBoG4QbgBgcQN7hHQM6C5o/09u5KLjBWxIiqz9n58jg/Uq+et2vkbmZUrIjIyMsvw/5Pr/Cf+1R8D48fA6ffxA4zxI2Bg/p1YPg8N17gnMPR3u4/8PXC2cE3rf2O09KuynoW2MXrdQ9KNoG8s6ecf2u8h6bFJh3q3/M1QWDx5/Jv3V2Gr35Le7CbdO2W989s8+Ct5X6Wf938A4B8B+C0MvwXw2+/97/gt/j++7HWSP8x1/tG/9kNg/BmAn2KcP+sDNQb0uBvgAiKDALCDvDOACr6BcxH+bHWeUda4hI9rvf57jE53e74AubdxBWDgJXD5F2/YQWyaDnUEfBXE7wx++W070N6V8wXgMsy+SNeXmNT6/vcM+A0Mf/fb/4Z/iL/m668VxOOP/vUfAOPnwPj5AFLKxkAHlgP+HSCXcu6kcQXlKOFASslFnvGMutbAr0AeJe6e9rHUGvofUCXxG9J4CeL8fRmQfN79/n0ksErGdyXwq/QAcKzD7VV5d216N8+qbfP+DwD8GsCvv/2v+Ef4a7j+WkA8/ujf+DGAXwDjzzlIU7lTAN5J24WUXkrXDWgvAE81+QLIkLqax8NsrPMUEAPZzpWa3gBcpDmWadaS+IVUVpXZw16C+A8kjb8kHd+VwJu43wvEfwlpbJtwAH8Hhl99+1/+sCr3HxTE44//zZ8C45cY4ycryZID8g2Ju5VUa/W0xq1UXpkTr6RukeJXAI5V3AKo76neCmRtFy599p4k9rvpbwSo9f+ldNndvxL2ShK/ksZfTd8l8Q0t2+dX0nlzXzIolOe/D8Mvv/3P+A3+ANcfBMTjj3/5QwC/TMnrA6YN0ipVqvEIl4HaVdMdmM9FmrOFV9AOlmvAVJk7Y7hK6nExgK1puBjBNm0Y2gfGvoCkW4FY4xFawhrA+XswbYlb3Hdxb0rEAqqvSOB3y178vgD4BW1fksaLuBspvOrPvwPDL7/9T3+18+bjdZKvXecf/1u/GLDfDuDPAWCUt1mrtj5aTJ53rLGUsepZfRw13la9rm9/tHgCgiBp6a0QU68te1aArYCopHV1WMvvfypZV3Rtyrpj4z1uBe5X1182z++T9q7Or6bv6XQIaPo7Rpj5/xzAb7/7CX5xU8uXr6901+11/sm//UMAv8Y4f1IHKGDbeS0lC3CvPvf4lfp6SjqJN5V8a6k8VnmXEjjDxzJtl/6qeu/Ub9VKujq9Upu7PQHtvmMM+T6GAj5f0uuwlYQ67tNsJeMu37sSeRF+K4VX+V+17SasAHiXp4fX+98H8PNvv/nLS+W/Ekl8/sm/83PAfgvgJ7ADvfVDe1n/tj3Mx12PoaXhj3GNLxJY6hGpzH9XVqt09nJbnUHHQuJZD2cbtW2vREZljNdrrJ8XxW4H4F31rwC/yF+a9g6A3qnz1bUq/66OXT03YX8FAAaAn8Dw2+/+Fn6+oOhL118axOef/Lu/AuwvAHy/DM4lu4X8VpD0S4GEesfi/q7pc2XxcBqmdFrNQxc0wWBBu3RhMKhFmy/NFFqCNGsDYTf6d5eq1IvkwkyWJd0N4HeerQXtyN0B7dXvG+BseeiL4fWynk19t+F3DKnevw/gL777Z/GrRY1vX+/yt8t1/um/9wOM8WsAP1urcacXn2q0XVREKoZ3Rq2mTl+MU7l2e78e21TqhbX6uhzU6mgW6XEpZ2WFXhm3Og3ArUp9MQiipZPfAtTLPQZQlvAFyfGSR2qai2fWKu8dAHZAW8RtvcDeobWnV7G2kgM9vNf1+9zn898D8PNv/8PX15Z/L0l8/um//wMAv4HZz5SK+nzUnwaMuzcbUuxAVWH76GhZIeo786qE36ntETQZjcwYcVVNV2xeyxHae/jy6mlWGsBqajAfrEdEE2948iJqOYfc5bsDlpLCrl+VuapjV1ZPsxoSr2h/VdeOvrv6dmV+Jc+6jJ8B+M13/xx+8IWcAH4PEJ9/+h/8ALDfAPajeGtvs1RzIPf4fikomHahJxUgtjhAgIxGZ0tqh8cQXNIupbcziNUV9Jhks0ZnB6gtSevNgQ3/A/bdNyTtIk0zal2yrwb6m4A0Vn8HzB0j2AG0P7e77dIaCn9f1sVL090MpctQ2wF2B4e7PPP6EQy/+e6f/xqQvwTi80//wymBCWBeZS64o1CB3Ku9YacsN6Tcgex1fy4voPegjKpSRRuh1vUoKa/EidpKujqwI661i2E7/e9WjO2MWk1r2DK2ddB2UO5GxmZgXl79jhm8e72itdPS6+nD4C7tqp5XDOQOuF+5rvX8CMBvvvsX3gfy1ySx2a8ngHdUAFUd3vfUWEq1VT7Jv2UUwnYDPD2dGn0aA4rH40o/mUcJn2EWTEKr+j3Ao/QFjaOlkf66dM2d1VrTvUHPF+NeGthflbcC3N2o1OGwqmc1nFZ17mhZ0Gk9XS//jhHsaFiVlfl+hOl//db1NojPv/GrXwH2s/rG9I8SksRY/VvkGf53VXVfjKgoguWvpKiOLjZVwSkM5KJJSBhEhYWkMwB2OPBJw4HKQNDyLUAfTbWW1WqaVbHRH0JT5KNU3s2tr2VewpUEyzuA0n0XdXQDhnh+wXOy0n25y9nRq7btAL5KI+18C3w9/h1msoubzz/77l98z2r9FojPv/Ef/RzA3w6wXtZPX73FdVChvoCSYQ6Oy/x49VZdigZDIVibsaszlPbbogynR9X3pYRvQb0dXv9MPdroF5QUel6tCd/QgC7Bla71+rECtDxj3eRlN/RBeQfCV2lWaaW+JbB6e1f1bMrbMYO32tnL2bVzV8aO5vn8t7/7l16vIy+hpdf5/f/4hxjjt5hrWqiO+bz3ZZDIDVwsrpulEdnmt16u4vMT1Ttqs4wUPsT7JaXrko/4Um89ss5JQ7RP/ajv63pnR1Nuj9SlM7ZD+8R9qKPfPc7kGVj8ltezG8x397vnVwP7nYF/Z4zq/O8VU7ijvedbhFsPe6e8XRp8MS7v/zeAH3/77/eeXe9I4r8Ls+/XmjbssVh1e1r+HajGqR5+1zonOaRuT7Na4uHvlWRrtF2cNawm3UnI7aAziROvMBUlpamj5l2OJq2m0XzXbSsa757vAHpX7irPKv9uaNyUYxq+o63n7zTyvlIe2zB42RfvALHn29Gzu0/h+etF6+K6BfH5/f/kF8AxDVkxGVqBb9ELl97Y9XRrWKjQYmQqYQosjdfiO1gMwAOF0WxpPGCXKYO30w7AHvNP2mQlXtX/NgJ13s3fWNDEBG90W/bFZunpbqD15x62SrcbyHdAuhvQq7SLMq2X1WdXq/x38b19q+su7V2dPY3+ltnaDXA7DT/57l/eb5rYNuP8/n/6QwC/BYZL4aa2XbbK9edzE9f+Lp5aaL8Xz8s9w10dX6m0qrYzDoizsdrG/lHOzFqV07y9FlsW+2aNqqqv2sKtkas2Xv8ue4upcQzOjSV8YA9M3l8NsDugvEp7l34RdpGGCuB3QXpH06J9W5nzqpxdOtJ7V06/FnFmU63++O+uavWNJLZfQv2hg2Ix8kQj7lj2jd4S5VDC9TJXfyrtkPdYM9Y33Gljeq1f6ipSvz1v33arascWly+9t2EmsAhvNHcLuhbXrfEXOlre3aC8i+uvc9fOnucV0Bbpt2B6BeBOx66NLc1WaVyFXff47Nu60xhWV++DStf3YfjlLtvlOn/wn/0UwP8YXLxIXcjz1dgipdSwzTbE9d+NFC5SaiOpKCVN8yx8obvEHk/vkZXBqknGiHNDm2Ehja+/xyX/WtMII1gcEKBptc9RpbHpe+pGL3k9/Xn3+26wjkWYlr0C3Bu/L8arr/5+tw3+295Isyxndd+l5++xyNPSGVq++vtvffy39YSQDywv+2XWNpDLHq3kcSAHVa/1AC6Da3GN1Y/daPP6jM+ax+kYA2n0OiVPSz+eWTwPnjLS3MWBlzFaTw+TPARdY3xK/mA/3oT3uDLKomJJLnUuL0Oo0ouo5X1JB/Zgv2MIv++1Yw47gLyiZ1PGLYBfAfYVkFfD+Ea17i4Gy36c0vint8nOH/znPwbwf1RurnfIb5W0Z0vzanlJJedOCr/6vXpezX1f3McTKbVr+HK5SSWwhIUkNmS5RSKPTNeWlVZ0jUGA7jSK/KNMnnU3CQzgMid+R7po/B2Aepp3pNimzOU8eFf/q7Bdvf68BTCw3kX7qs/Ii18xgPYeLuDt9fY6gX/m47/Jw/euc2KzX9Rcu97Ri9L61RvY/F3mofp3Yw0PKzGud7USrxwsapuXPbVebiINzXoOzmVNyJVRKWmtW6UPW5BlMr1vUrrPj/vgL2klvA/MHRhWcbu0uxXDN8u6LBKsaF+F37VzlbbXy/5Yvfod/Rq2SvdOOay359u1Q4d8hv2iZ4vr/Jv/xQ+A8X/NXyplRQXszgUrrn+xNHdp2/44UJf7gXfPrKfPc1XC3UnjzVz3Ig0/FzSolL2Wl9L7uU7HOS+lv87xF5J2edhet2x7H4ZEXkliXu8MXI1fAeGunDfAbDuGsirjrv6v0EfwdjDd1b+K72Xvwm76yWy+vi3zvatnXn/z47+ee4+bJLaf1xaoJVpZ5p10NABdQkoZd5J2tY5bWLywfYOkaXE6UlZrt8U6revPOvgn7WYHzB64aArHSnNQqzmu6aSdVvpU0sd6/AwfSx9oAeZlEHSpDeCQdHeDDzdhu0H9CnyLv8vw+UoZu/pXixK1yyuAV/V99fcqTIfhJr21+209SmtN93MGVRBbB/FNTy6XY3RQXp0itj2/cqzYAh+IzQbg0hQkTtNq81imqsLdIeMh5QHL9pV2PtqbmKzVVukW7bFL273O44gXZtov2sblyO7BC0CzezVM00DSvBqwm6FxqVOeL3tVdsPinfr7tUm/tHa/27YXZd+Wt3DsuNDSmQ/wmp75/POeHOc/+Rc/BPB/LtVoznnHdXljrU5r+MI4NYA02Nyl26jSt8aerzwDXRWehqnV0lBbOirLSKI+G1BPw9R0nYbn4vMtks5P6twfQM9+ZBjV72bgagMprj5Q+6BTI81uYPWyVmn9ebmHBe1+I8FWZd7S5Txvm+fO62vVLrQ4/b2aHkiaku2d8la/r3H/9Md/hX+ofPHP5tbArt6KxNpK1q7C3sTT/fGWjbWyDKjStf0VR5FeBlXhTvtCGt8Niv5yNVGotalB2Ep6R34Cq8Vd6l6UxTzHcZ1pSHQn8VJ2B+zKyPOOU8Ouj3QIKU07eljfrh7c5GPexdB95Wt0W88qfNWvLxiP9TyXiE3cq3YDfwbIOvGw46eTmxPIageXOmNddEia0VKNRjkw15Rl8EbxVsvS9VsAwOHFdymseVk+kGvCp9DKdIfkFWOYeT2l3vojllqDZkNxvBjPGaZz13jkyBJ6vBwLY5RhrjvrW6LlY8yUAwjAj4wLOst68EYK11d6vRaD8HaAb9JsDVc7ILyqY/X7HXV1LPKt6NKwFX2rvJv8QcMKRjv6evyOnnr9FMCvxNnDfnYZFO0K6IxlNNatHTUIwJSCqhIr23IAlmI7XQdyO6D2nLU0LP+QNJ8tjQLSnwdBh8ovept40emjIN0BqQyo0DkqzeHrvBntOhjjWdMJcxgjqdwNPH2+A8rqWS8FLoG1Sr8D76q8O/Bsuqd0HYSOV1bwXXt2y0ArWiXdhYn0cl/Fr+rU917jfwa4JH7+U//ljzNHHy1XUKfjksFGG9AGFG+tDvhLpxwygJEAClqAqQofKaVVqpoAdXAgE5SsUKQxvcxM4lY0hjR/FD40lmA3p9HLHZ+SXke2awfj3PTL6k2NaO7Ep8kAWHBTVTzeGSh3hqYejuQbQ557mi0Aex3990qlf1H+koYdUPVVrGha0XsX1uno6YG1NN7RgEX4izSf/wp+/OEUJIiHqJVbiZsXx9T2sv5jUWghWHv0A2XNuegpamTTnnQwRZoj05mnGQryTiPDulVn/k0F+FioQdquavQPKV8YQ9JgYyBlJ1EysrsOr0h3JkVfqPRX9VlVdaG13U2qY9XlFSDD9TmUIzb3DnybMkrYqozVJeHLuf/qmddC/b6lcZVOw/uwvOu3O7o6Hbv8q/SDIIaA+AKoptqS+pHhcwCeW9q2REYBqgrq3LQh5eKr3efk2rO/Bx1xsR6OWAHlwIzra81FbUdI29CogVoO2+EizXB4uucE+EHAVwBPaArnLFxU6R4V63d3w3UgvgOQV4avRT23oF49az0eZnflfYWJ4EWaTTzrX2ojPS/p383N+3XHBFbXsQJxAUU3BmkF3Ug0JaCYaRYUrJhCKyve0HUCcO0xGbSmBjDgKo3lbqJ6x58AbNVxZFoKpO3oN4QVfrj0NgUYhF5eJ0LKHwM4n7UvQoOYRi4Oohm+mbOY6+DxydPWfeb5+8ma2ox3DEO875ZsVt2zqmuTvtv6fm+G8A5YV+BFtk1ft2maV310xxywCNulu8Ii1Ol6xq2OiWA7bRCUccPAlJRiWmmAXhiuMBLIQ63Kms4EeCyntciAafCSOShW4GEdzGSejyOxGZ1g0LlxrtFy2WrFmACcZwClqLZLFjvDzGyme3jZg4Y4NXzNfphlWrYp+kXoOTzPMYQeD+tA1uI7masB+fD72MSvnndhWoe8mtu15f78at33KyBuaZcazQqEd9cKmDsgr4bHurwfUBLHWdKhIlwy6NtFe9n644G6o4nDl+ogUCzHAw4Gr90IKC8rwDwaaMSgFcYtf5NDVVtRi2nVvrB2b5D5HHyo5VuBnOVMHHAuu3mblISqmm9HYzKO+YvIYHsave11VBKEqWk1D383S2Axz0Iqr+6r+eWuiXdxG+uxAckkNt217U69r9rxBTBv1eU9qPbpO7PTfKu4V0Cev3/0AWCqcAA4KhaKbKtNEyzU7aI61rhJqwD+cIBruqFLUBcLEq69I2vDahkv4DUHdJ/fCr2mkrtJcJZjzKgGJavl8jpqD9becKY06G1l0H3QKbuFeQzScEwJbXp8vWHxwpwG1aKo8YxKdjTTpI24dvVuIL/gT0tgK0hbU98C3bvg1TauBvei/KWx6isgWzGnN+p9CdzFMKM6jQKWwZthtShsDkMbz9ZaBSMlslBjwNwZdPjPxVw76FGqR4JaVepQu/ucl6NjBUY6k6jnmIK7O4mYlPGINkyD0ob+0h91dOd8WuszpFXd07pv9TiFBgNS63iExmDeT2On1is95s+HlXl+3GNAtfZ10Dy0vBfdsCqfgN2l+YpqvGrvKyawKw9YS9+7651yV+DVtF1Wrepe0WLlZI/eiv0ADXOWPfZABHCVyKL+2ljS7QXvIqAq7fytqnu/9zBDquQrkPrzaBK7tGVIx9OTqo1O3PffLE/LxZyvHn0EA/YwjFOYowm9lkCmwStqNbEzXOp0xrWTuprhQErt/keg90G4TFvjluu7O6PVu/fV82OTHotwdkdf2311X1mfVzT1Ondl9EvLWKT5qKmAq77hOX3QZks9tauUthoIQ6lDG1QWSa5jpzMUOkewVx6Aca8wFndeYo2OuKYiWwMwGoCDFF3a8lFoH8D4rI5ZpXrb2Lx0Lm2ZNnpDmdWYy00xSPr7OdxgZSV0QIxkBbxDyvfy4ngiKd+cJq6Xb+egVvP0rl0NwBVQ2f1UrF6BcwegFSPB5q7DudO1sJu+VfYKoK+AquXdxWMRh6JO9xwrZwrNqj3AQdmSXIg5ED7GMm+NGmKQEUwnrj19ZPZIo2BVsMk9nDfUcr0Cc1u22l3mZdijMrcBX+P1Pjy8rNEz9xHT6850BsdZsdpLnodJf7CGI6fwQa86f0gdh8yRlUkb8p1oVzwKeQAs9z0zS4mXZvI1rCTkHcBXaXu+XZzktRU9+vuuHrTwOwZxd+/PxyZ8Fc9LYOmGrfxwNb8fbKOXtmIR2gMDLGuGMO7w6aMuywC5FDSiJOuAHb31NHihAX4lkQ0wrgmTcZyo81hlVs04tnR0aVeQ9wEbnxMihzIgQyxNadeN2dYBA44P4PwuR5f6bcvipI1P5wUrsHsFJ5mZ0NdeGXstl25kZd8yzEIKI/qaUn0F0mJWISDeBd0uzbvxve4WZ72cTsdK+usd7fcq7R2tO1W7p11db8S7JD78ULZMPdxyappa52VDJJ7tweyloarIQF2Kmn8jDFjOVGK56SjpZqQbd9QtswxwIJaMyhIUaV6pzkPuT7x9ue/0bH1f0gLqGnSSYd534/GBPGbX+za6y/t3HIA1q3UZCQdwPCUMaw4OAjjfSXpwet/Sql5U5cWUqYDG074C7or0fj9a2ktdLR3buij7pccakCuZq7a9E4ZNmNK2SrvK269NmvDxMZ0TF9Ux57CpgFVxYjpnixp6T3CgDIlToh7IAV5Byu2QuYjy2Rrjb5BqZEzAzrxHOgWW0rpmQBWAm6s0/xn9l98/lDabWuplpDkjKR5gGJP5mKxXm76fUWq4WOXHpyxttT6P5ps/382NNd7BGflwBazWcWdZ7l2reXu+1UC/A3V7Jm9Bv3fA7Ora5bsL2+XV9JT8nYZ+WYuyZXRK4mv0uOJOnO7HOJCceQNg+T3sIySvFXBTmi7qt3lInJHU8YkyLwyQIsN0QMeXBH3DwUVF7gYtQxwiML679lohUaXqkLoY2EdsN4wdSEcUN07FJFbm5LGMd2WCy9CDYsVpigQy512BqACnS1x7HRaI6cDX+PYcNN/Qog3dgPiyynlX34o37wDM9Fpup7PX2/Ovwt4AMD2DlwBuZYqzxwWxsOXAzPlmzKXiSYxUMWikXIuYRhyXSjgw6rx1MKt9ICW2A3LFQKhGAznQLhJQr9Q8ZplPpOVF28781CBE0u4AH0B1RjJ03pwAt0PWebX5j2P6UQcdqkEYUslluxroD2duLDNUaZRySl+ZhHcbxE4KxZ/t4/VZpVGPX4G6MZ6tO+ZqeWgHvuiPFnZHxw6oOyawel7DLW+dOXX52J4/as52xfrnwDAqinwDOqedL5uz4SGpOO+bUTkg0pzCwSHODuXAgCBm0WineVDqEthAkdAGXBw6iumW0kPCVxsLIr1K1VaO32MzQ2EemJJyUP2u7piRh8yPWsfDcs7MNsbd2dxxAOP0jRajghNHgrm0Rd7UdnBKPME9JEF3eIkBbdKOTdklfemKS5gO7luQvirvrm5eK/C+k6+Xv8oL1O2fkLb1+rWMgXW5iDnxijVgGrfElfHCEMq8uBqfhscT0laACkk3AWQ6oCJNGqkmLQMWhixVqaVXixotPXjQeMTLgXCQJlXFWZ6A0FQyt55c1bf6i4MD2MZrmuLRFU4ZT+AkPW1JLRiUM0WR8gMduAboW1Qgsx9juckBugKyqsrMu1krLkAXnrLtLmZ5F0Cr37iJ35XFa2dV3+UHrmWsyuVQsfbcwbkqb1eHX7JOzNAG5nLuE2Utnx9z6Wi9YwL5AhPK86EzDIkv0kEmJCxnDG/8SLoOluuDnu2IQQokONUa3UHbBjylsXpr9V7XzRtl1BzSY34ddZoAsuPYZnhEDOsMQB/KKEZtN9t3qHQH0qmEfW4JTm6qYB+ZVfOCsX+bFDYgvh1VAOJlsY0XICPzKFB6t+lwu5Qj6TQfWhmr33dlrZ536bB5fhG2XDvv+VbxGr5SqyHrxL3UNFp1+7sOZMNwTyMbOXjypVUKBoZbtdfXsAErKqioYgLmKCeOljWklOMooWpMyaVvnwYyzpsXUjEG/TeU5aZgFLw7uMtx/s8o2zBcxQWuB8CTbmUghjmnnzaCuRfZXBKzHw4HHJekhJlF2bPd5s8Dh88jXbMJcLPOBkrp8hlO6ezlryzVCnYsyuog1VfS0iyB1F8jFmnfBWWv71U6vfi7axQNZBcfKs3TwztT6ldnXnJd3S6NZWbpVnrNE5V1ZfM5Mwd3zpN7j8/S6vpwVcNHjCsFbu+hWfLh0me0eSZQ14GHgJmq/86RQ0ZZuHwqDRygB2JZJry2FlsYTSTyRQNhGgD4Ng1YRZrOPwtmCVws2EGn03Px/pp5jLvFjEzXYioDdOcO+Flew6V9Va/tMPcrYPXuscVuRy0rweA9sTNKrcCxAtyK2fT0O2m/S/9OPMtq4L2o/iu6ethX0uzSOT1TEpssFwWlvGg1rbZnGBy4CdoAfqjYQ8olIOcAudApKusw8x1SPa9LPAelDxtYrFnSMUSB7FKpHLW7WGcIpuF5Dz4b4rM08bY4HzVMS/YnQqL6IXm9gQYAx0CFMftzGqXwUBqVERjsnNI3D6W3lMBF3dbKZbqgBwo6LUbD5HGgSk+boKdaTb9uBTLXlF19ttVcuQOWJK0GrKryDNeBeyzC7tJq+Gjxmq6rqDuwLOpZzttX5a3qX5X9KmwBYBy6TjyaZAo3wKRAT+ugtCqGq8ibFlvGltYZZ8EKcoJr/h6uUlpIYgFySPqZL9X0A3kk7SnpIc/NS6t0UPO2KhKZ68YPXObSQ9T2gwcLfC7qYA86/eFieSAcNVTS63UA02OLZ3HpXH5UhgV5PsSYuBp1Zg5Ek2B9lwSujEbv95dLQQH+TXwH8E4qrYDZy7DNXy9nlfZOUpM+Nn1Xt5bbVd6+1tzjV0ygXzcgD3V6CHVpIYUPPAVaB3KNmaptr0mp9gHnKmqCmclVGj3ALwJaUc11UFINP/0npUpjKiqRyyq6doiCqvWmfQPGd1l2eQmGyTwEWNyvHHyhTwlYDxDAO3W5auP2eZiv8ugo5ByZfU9tQu0EXm+006cCAY6RcfKqVAWPPcTktzbpgQ1vp2W/bZdpFsDePTeF5JKmrwmvpLUCY8VMdvHsCmUiK8m/ytfDVkyhp+vPuAlvYBfrdLoGjsZuhvpQyyAYYThx6cmY45GqGmRpygsZoLqWxpziN335TpOsK5uBp1pQrY6e0XmvAXkAACSNglDaSTCFgazPOf1NmiG+ubRun7kAACAASURBVMRWmyG/QCHFerd2xlcwEperteWSERzMYUpXO+fUYQCwI5lh0HJQE+kE+f1IRrqVWAESqtRMQ7Ekozq+vCjhwRQ6aAXId2Bm8btjepTmvjSk9w6aXs5CrTbmW9G0onlFt9bdX/pdeZp/BeBWXrFOmx3IHU0qySgRlZI5sJIGBzY/BXNxDuGhbixhwOhhdFG1+f69VeJ6OBmAWswTmHMPravU4mtcVWsduA7aWEaSOgt4/TkA3MAWy1HfSR7tcI4UrzOWktgnHn+etU79Ox7A6SA1zPnzeM63dRhsTBtB7CGOvu6jDA7gZxvQJs8CyIFUi3XErXynV0DsvwMYDeyrsrqkXZVJreCuHL28XFulUbvnroxd+Zqml3NXxiq807vKJ5Ap+4npYTRKjmSHVjyVUtcpKnFYi48Mt5bHUrqaqr9FPaaPNRAbCIJOuLQWK7f/niUfl7pSehqqx9YJHL6MFEzlrlM3AJ/IQp7OwTpZn2geUS437vvIukhiIcTOjDf2Bb2/Zh1Ghxijswfbyb4SRsS+WQJKmBDV9CBlCLj8fXXgRX6PO6WuArRWL3o8XgN0xyx6upQ713SQelYA7kDqjGV13wF4l2fgWs9dHrnEY2t3ZUcPOnd4+JS2/hIG0uUP6nctp11GL3IZSSzR0VspMQPIEcZGzAFq/eNuKq1j1xPDCdq6jzmArCy6rPlq3hYeTMGfD2U2PV+f8+YLmcWcGOdRwpN+zxeSmnQ+3bd6JPMEYqRa0EgtRTQqs2mE69b0UJXR+sgkDbtQGGUAWoHpYZxSKANYXa/A+OqSPOX1afyddJQhuKSlhwP3NL5Kt2IirGdVzqYfXJ1GvvjhISVD/hjh/EFpSlyp7kMgWQlLSVvLHgLQzONANkp5Q5EgrKX7WRPk4yGMZKBsWlC/ZTVE8Yzn4xumNZokMu03pPXbJE76LNIwietV1vpIVezg3hvLOa3HB/PQZdSfP8xVbZ1wsb/nb/MlM/ORPGcQw5+7NOy/GzDDmt3AaubkW6Wlb6wo0s4W9WE9qBfApsNcjMMOvB3o+rPOf3UodwB1IO3AqUO/pxubPD3vXb1yuTqdc8zRgHY5CK9UMOdWCewZaT6X6stPaggbPsDnb3oozbD6NvRSyStjtP+I/AcuJ23gWLwIm2DkiDAA+B5yWcmNZqZvVhhAAJ8qO+fZvb5ed5XaRhW4SHsx2J1qvJPG2pCN7UPSNCu1MEh7eLwdrgnhcpCK+frxoAbAd0bnDjPoppZkZMi6FBjoAJa0ysg7eA7oSme1GLfstyC+A9bK+LUqT8P0WoH40s5Fulf5V/HtcmePmsvkZImyNgwHtVkCsgx8ppjhnEMPeZld9Z9q3gBHYarQ6tvLfLQODwBPT0twpRo+BwvnhN2y3jvMcF1zdXqHHH17cGPFt6nGlvmuO6boEbpUVcsAEsmrxjRglj3o3UXJ25hbl8QmVmiwfAHw7vB6O1JiApPRnaLVmP/RkaNYaQ040s6h7xbmqw69r8sa88D+PYy1RZi3DswOwg7klcV6t1T0Dsg6E7hLp7B5VfYu7FV6v6rbJQFjOvetV857Rdj0lrEcHhygnBmGYrSKeZdbTAGfa7fJkwEDD8S6dawzTyAVtTq4u/a6WJ+LA4ir2WWpiowAc45LB45oooIe1/i4y84nY9n8/YFQzeXQ+CmRlc7D2+60qEYRQPS/45lGJBjqCZrtL+axTtfxrPQfJr+PVNeb4cpiLXwIPd6/6soZ5bY+KuEbkHdArMpRQO6sy3dgWgEaLd1dOfr7lVHrDsC8r5hFL8+fw+3yMle9HC+bPRnlmOcdJ+iNVEqna6SXtWYm4vUllty0bIt0VatpSJv5POfHVImZfjZxjE8vh73jhaiqGsS17YLH93BZMzYaxxgmBqeYczdJG/2gXURpTScUne9+5DP/t28YQzzSAohSLk++PBB92bpbphgs2Gnlt5qWnlZTu6krCRonSNtZnXdxd4Dkc3Omu02v9yUNtUsKf/tqGcontS2rfMpPxyaN3turK5essi62Inruib6YI+dQun5L13zpY7QlFCu9o6pyMg4TgOYc+lnzGK2riLC5scABQKr95A+LA+WpGqpBygeqyXPQrKPFB7a4kOacmDubPlPlvczJ0fIBy8+2Hpw/A5UxyBtXq78bouzgVyiB9TZL9fiy9qcgFDX3YdkvvR1qK+ng6cauPu8szGDRRyXNgoEY0uFjJeV2zGCXTuvjTG6XtoetVOQdA9ip019hMKurMYrFVsQ5VGh44tXpmT8MmX+qprmWPGsry1BRTm64GFHoEVK373TS3TaVAA56Dy9+1RXIAx/OHDzLRQJ7nsHPu1DSU6WVOw/FswODxi8ygW6UUols3wPM3TPV9ZOqdZzOeeDCGKIPOR+dwCWj7LaLKdnZt6PSp4fwKcMI9ZfaVSap1mKl3QH8ahAXw5c+L/LdhWHx/CrdHXhW8+a7ulb5NaxL5c7QIGFfBXBvn18f1yDte3nBLS4H7Mi0GHPeCsBiQ7shDruTdd3MpZIY4G6YgSN3MvlAjA+VEOzD1e2g4wT9sXOuPhKwAe4zysymiTSMOMOUaA7I6Gy6p54pXQVklzUKOqscQG56yD3DCVZ36Bj0YnsmLfHXLssbGaLZgTGeFXhloBCV0jfHiHaFNIXms3w+Osg9TqW6AlXLCtBwbHXaer2L9u4G/6u4u7pe1b1K/y7D6L9XR+S2dIUlM6ylZfzltMuErHpu5dP1rVikVajHcTpjSujYyNApBXwrJOvkmvCJcbh6XCQqjWKqgnPuDEkHATwkL3uDgObvnF+HtMKJOBQgftOvekrK6XH1O6ThbLT7A+EGyoE+tF7+0VClftkSF+r9CZxi9ZakMX05fLeTnroSd9cwwvXS3yct3wHqM1/zg/3KuoYb0AA8FIjC9NVwphbrd8CyAsROqvU0q/Leqesurd67FO1l3v2+YwpoIBUetyuTw1eWmJLK0XKm6tvYR70V0EeYZSkJOpaZ3yQaJY9+k6I3wur31or/NSNkIBVC6Zwi3yiObYVcvuIzQSu+0jFAOeCnxxmGStVs63zmZo0HiuU1th1a5lud/U0GFoYuAI+PzF8YwUC6ZgIGP7/6fAo91DDG9BCjO2c3WMEQXllqxGL7Plxaq6PHatrTwY0FoHfA5Z3dQil+3uS5A8oKTLxWavGq7DcBWcpZ1cckr5ja3W+fy+ecmKVF/+v2RJeoS/Yw8tMvAv9Ufl0CjRMm4OIczmTg5Hf9qu+0hl+WLABMSQ/EfLx8joVqNsP9dJHwwhKPKyyWkwLsBHzvbEOefuHhBxmLqOIY7w2UoIV/h5Sn6XiaiJZpiG8/KbP5QJX+zU0yjjoSY1d+1lbe+WUQt7hC3xfvr8L0eWWI6ucY7upaPWv5u/lqsQnclMkuvGMYKzruaLurFyGJeZLkrL1L3GFp6LIYOCkFipEqctERwDdCyEmXuX2RLpcKXhbr866iHpv8FrUaAOzDwz5j8I1YPxaWmLyqdfSJNDDV9s2B74C4DCyN/92kO77YSPr4vHhZisPDA4bkieWglp/S+cz25udXtJ62ZCXHGNmDGsfItgAObCcophxea7QZqJrOaIMumUTEFZW4S2vUMjs4d6C8U2/fCetAORdpX1m927P6DW2Bunr/XwG1XG0XEwvWF1DLSmtzxsWrDKOUgiaBPnwnVEphz23SXuPJFT4H5OkegPhRT9qG+REzogoOfJvA9T3H4V9NoMJAiZpAJhABfq50PncQE+AaBnnm/HmhLehzDysD0YEfTiZNmndWzyN9BpASVuiOu4/EA9E3CKBWn/QkCpJuSLXK6JV2KaMzu7KOzHJXZchzD1vdu3VZm/AOmDtA1YN4FQ/EuRLxe1d+t3mu6u/PeCNcr6MsMQmw+KIsyxnuJpiz13Gpp9LKNHOQcX/xgIHH3Kp8BXjwOUJ6zpqOoloDqjmMnD8HkJ2qg2vDriaHy6az2+hM+c34wxAbIMpgeNT0wASA99MoZXpmmT8vOakNTKcPxjmAHwQwjVoKZAG0OuXYQH6/Ce2u0t0yLF54U535HIO4gnDi37lv0OfQbktIXO26MqwN6HlfWdfx4lm64y0GsCqDJN0Yyspr7PErepUx9Pg2KyrxPU4vp+/yfeKaRyAbAGbUAW5E58swaVHYq2MtU16wmavlrkLbAOwDakCLJSKXMNUgZlCVOs/YUlXbMC3LA8ONS3PcMD8Pv+Oc2ILeYr0ePHaHehZdH3Udd9Zl9gTwuxyw/R4vR0AX/cmPqAHpp93fSgPwQZdRy0HC7ZD5Cus9nk+hSUSLzIsDrUGzcHUuS43aluCT/HHU8JBg1v6k2CXdK+Au+xZVAr7It5SiK4eSnv9scSs6NPwybdpcq/a+iG/OHg3+3vMqFwtboeSUFCxmppoOHJ0xAhBPsFTbc2uhBRCHn1oRAJXlqLR4npJXgBzNEssuPpDGLhq5LH5fBwZ9nPmbAGdDzbuBFuBvMJlLFkBzzltol/II4PBYk/r6X3iKiYSlceowXwISxoT2TCv2OJE+1/LynFFWSRwtSscQGvWYnnfDUpIa8rkMeJPSdwC+uV+kJsvbSOWyqQMtzaqOHrZa612BU/OsgPBO3TuG4dfmyNr0AGqvzqNNUgI6BxY4Ipd0soyAp9ExhDuRGnWWJfLMZVOAep1zXgzQT9vikDtKTNZ8+JvTvb4c1FwbloHen2OeTDJdwhyG3G+sQAFwPKTtpEnb2UZ2UY21w6n2CoCKsYt1fpf0ftjaSKNtCqcO8yWjrtpaG5gijQ8y33Gtw0gjVWp5Hos8HYxs3g3Ya12bOKCu2vWyWtrLb5O/rg739Kt6+u+dZgDcS+oXZYfHlrpeqvFqROw1fsCualhQOl+ypPS8NCpd2UR8QNuUTvfeAlAPZ9cBfCCcKqJ+C02A6ad0/uYAlLQimaP4/sKOds6+6QBtO4BCOp6zi4/pRpqaDBmNvJ0AVQNsSG1/LgBuc+NwGfW/h5c7pK445sfbe5pLVXc2Ca3H2l36vRiTiCKxYm89xdozy1RnEOblBzAv6Tf3XVwP60ACXktQpun51USxyrsra5XmHVpWdeHi7OFpZWLDJSVVc4b2mnHZKPOaOAiMGGxRur87mW8Pej6F7AXXKak+JxWco4uVmsAfD7dg59E99Ls2Vz3TEOZg5i4itmkpkRlNA9QMn1ZvNz6pWossbjKeB2Dfg3G+HFxK+9FAI1l9eQLK2NwvAC5Wa6FZ23A80uGDYQTowfTyW1cnuLEhtAAyANKoAAeu7W/Pl9M/u/SX552Rqj/vwNHTDuxdHvsz+dKqLk27m9+ugLxiIHfMp6cZizgsQUzwaYHS6QCoJs9Lj+vJeB1gCc/5X/ahl+MugLpEZQL+aSXXTQwOaXdltDIgEtgmv1OiqWQDcHB9mXNaBa00v1uuI4zpfJ15KZkTVAHk4iZqKIcrxPnWfBPHWgKrtdoG8sztBZAfDs6jrf3yRdMeYJ6mqNYy+kwAfCDDtV+ZZzVArWbpluyLarwyUum9G6HugNlpuAPzipZ3AKfXDuwdjJ2eVdmrNH6Vj4wb1lI5Z7Y1TTCXgZCcOS5o9GJu+eyKZ1bv7HAKAefLCaicRwMYI9aLY8kr6lUHkIHBEyBtYOBbMIACcLhqbY81aJcv+BvCfzrUVCBBpuphB/Vj9pdpgWh1Q97WSI+tCF8AOHZdKZAbqFm4dVVcQGT+Qnm4QACVzMYyDZQeiJGL/deAfKDmNfhhA6v2L+6jxb/rhLEDfV/H7TSoJrAqd/W8C9sBvtd5J603V9lPfFpPTXWX5cy142LuKuPw6u2V8bq7yaNC5W71hfSEzGnhYCRwzVdWVL02DHwGk4B9uwA7QaY7mahNqOEpW1XWTaI9HyjSKw5il/Rms90m5YQlvE2oLgcL+Bcnggl00HYACzAPGZ2Xgwn67iOlV+inb3SsBZsYs5D3YHQNsCup3B0zvBvLkHlniQk3cTsA7/Iog9Dfd/PcO8CtaF0tWXWJ2uvbaQl9iFpTpy/7iqk2G6Brj+q4wYJU0qYEVZAx91zHNJN22Aw3PFPmq2MJB0KRLk2F5iD0ebGuJwdw5euGVNE54OqSlHTeZZmG66unfIoV07nEHgB+V8uI/CKND86PnbaDy1i5xJYq9lPeC/tC6elh4hwi7yJVVnE8wZkqbZlK+LO6fMZxPQpOuRPk8qpqH6q0l993+fq74KVGJk3X7zsj0Qr8KpU7I+n1WIvbAXo1njSO5e7oXE0hFgwh1om7Gt37aOjBdxeJjUDpBKcJ0YueOPLD3OlSCXBv7rBUqYMRdOu3LDUVddoGQmIHYHX7IkFNtsaWDgz7gPGbSuHg0daPw8GCTUtQT7q+IcEjO5vKy5jxhn8cugfnxME0RWswZzrR/gImUWf1NI8L2A+/nRkWh/Ir41AGAHkete5OQz8YQA+MR5IQzyvQdTfM3bP+rQb6DsDAFaD9+ZWjxx1jUNDsytQ8fTfWql60MhcMIyRx/aDaVdrPwo7IHOWYDzd7pBeWqMmUuOq1ZYBLQt2a6EBuc/AsrxrHghB/JtCnuj2NVCmRCeycF083Tz9BJNRIXxIKZwsDlGGFpPM5Kvzj3V364gP106eSX8vjMbexpm1Zhxi66P4akjuAxB5x7yndyqOgYJ2HSOkw1D28450Zte8YR1nHIKdNsEPv2n44sxBaiirdVG2gLtd0qbZjBJL9LQD3dHo1I39Jv5L4Pa4wIwm/U8vVT7vT0/P0dELTBwCcMm8qNOv4BRrQF55YNssyn0Rr3VPC1FlzZPKXWY6akfVdDmDOgeuRP3oggLfOdB0BMujqFseiYvoIGnZm2eXFOAPT0y+i4e7C2SWvpcaRDigCoDJfhqj7agFmGfSJrsxrAtHLHIbL2nFp68Irjfn10lMqlXMSmHQSKcAhwCV9fIh8NAmnaRuzIAhX4NA0QWtL+2rNdgXwlbFL82vdO9B1cO+YxQqsd0xH6+3le9jlyNod0+nhoz2rW+blXC3rLh1ZV4SL8UgBGpsikOpz1OYDrajv5h5gpC7SdAPXjEu3Sx/kOBCneeiyUwEwSWW9BLiUrW8xwPTIcDMMk5M1zCVp3PUlDAz7Fn1QjFsqXckgLoa4nm4hdiL/gZi/x8sVphrryQLY0wGOWuSMk/wrwOqlIFwBeWUYizqArSrMq4Pl1e9VWX1KsHKJ1HQqxVbAfgVgpaGD2fO6Ol1Tm9ceiu6KSLANtBLPPOno0aEO6BJUghohXMRnKwJ1zpweXSbPnjOYAvNjgjlAwvs8f8r4RQf7QNl3HEYuAhqIkz5W0sCAaumWwW3fQ54trXl0TRmZJ1RWghRQZ5I5HUD0wSxD/KfV/VO/UxW2ABM6BfR8h4U5dZoXbedVjt/ROuDAG7iowbtnLX8nZTtNtHCvQLJKv2vHjjZNP9rvO0ZQBvkL2phuleZFWKjTBEvSaT1temMBgKm8lJQEm1ERBnIF+Kqq56BUNdDjZMti+HG5pEmjVgI3N094WHwl0FVpy51MoS3YpDBBQ3VWpLHMgWPvbQEmpZwC+IF5siXTijNHkcIOOErgA4hPpBolM0HLOf/DtY+27xm9vCObZp8Y/GEDuXniBA7XnoYlkFmuqtOFEbD9LrmjbdIP7JodiKK/gdJ3Gt+BfAf8O4CwrFV4j1+VofeVSr2jbVee/mb77qQy43TTnV+5xLTTo/2KLfzcjDBkQSpxNweKHnpuLq0v8jfz5idh5I0RCAC4fFW3QlokS3Xdl45Ghg0ZJLnR4gBVdR6NW7cz6mECtEbTqKdAJTEyt+Xe5aCUJ3YSAIa5M0r6+jIYSbOuJ6fOOGLAuwjiXDdO0vT+cTCPMLIh56mkJYDNHWNu5NRpBLC4e0cfOnA27WGXxzx7rMvdWa/ZpTuQ7Jw2evkrZtLL2LWll8fh/GoOzrJXanene3dpHc3cAzTrtI1RoKbXZVlJEKwq7ETlEWNpSP7ZJ0VpljVnz6vzJlCNfkSaI6zKwxlASuRgNcVyqrQe3o4Eb6VSGzcQh86X42r5X/4Ne8DsHyf9Ma8cKB9mozSNkzRYhq59u0Q2ADxFs+ySAsK7jNKb7Tgs84STCIHoNB2HJx9Z74F4HofvE4/mHYjjaVX9B65H52j3dfCsVOEOuh0D0IOVV4OTaZe7tl6E9breSQ9cgbmiS8PfMZit8u7KlavuJ95kOKmGtvJTnTZwlgoIMK2lt5n2iP2nUoqAOefIwvhsMoATD48fuKrU5sA2HHjKbitffuKSEuZceA7GTyRQKJWoTlMC6vxYGsS7jdmVVJFNDGIBUlqGPxAcDsj6NCzOdX4g58Sijh/CBNRQZYbJAA5MVduknyXtMQSchvjiI/v9mCsMKZEX7VYAx4tb9Y22s4ePCr53582rOrzpFymkz6+Wr1Z57n53zWElAXdMq9e3UJO3v5vX1nIXk147gPczhgYIZubzLJHPPO0I905t+0tO5gmzfMP8AsPpDKI6hkz6XLL58scE9CGAFmkLEwDzxEtKUjqAWP2LQU4QEsioafBMEAZYOXd8yPM3L28FQM9+6NyaajoZwdGAL44dfFHa6Q9pQ2EKcNV6KlUxRyHTvZxD3f46oFcA1ff90MG0uN+py/3ky920sJfT6VspY6vnu9/dqHXHUDqQF2ryJQ2vJtUvbpeqUiu4Oz3PgxL1SjeM0nCUcEIpgaiGknzsO41DEwj3PLFG63G1yjU4z4vlrjOdJri90QFgJkANADvLo9pZGsoBrYD243XUzTPmnF7+cWBAAeo62UH1mQfYcQIoanYcJyTHAhUA+u8hZCkw48A0j3xYlo3alApkm0DmyygqtNgHtN5gLpIv7n2K0+pGC9f7q/XjXm7PC3neaQ79ugNwZwDvtGkxnJbXF5aetpL4TjpnmqSrADWYwiUHgASl+cQi81w5cnfhpLp96HKVAfH5GMslqvTWAmLjhDCOPCkEMPvmxjAFMBDiSAcoe9iBanEcLwFFIHKQM04nd0NAqNZdf6Blu0hJWqvFaYPx3KrYnSpWkjb8p8k81IGlgnrot4ib2p39obSTplbWZU4o5QBXKabPHQwKzFX4DlQ970pS2iK8l6VpdzS/eu4X42jEe3VJWZcPqumpHdYS9+tyfhHq/LnGz565GLI8dTp7ZKb6pYe8DfkzDXeCJ6hFIlKVphsmLaugWq5sSGgFVW6V8obwqQ7rBst045bOUQOUDww1NMU9GU2CEggf7ALkz1Jekfq6fFRUbC3XEF970EHNfci6uYT0HD41OThNsUavt6FIYnlTHTy8OmhX6aylVZB2xqD5uyX4Lq2QWtKuGEHPo3F36vjd1dP1Q/BXdLTpxfoj4wRWq2voD1zpLtLbNN4VXlPGwDoe0+JcaJjPqh1GfQuHEcCXlizXrq1IOPHGtjyyJ3Yu0cEDcEvzAPCEhTT93iyrrBGTRrVEu9FKv9YAAHa4RZrZ+UkXB05IVvaBAPeSh2WKSq/feSqulQSuTQ6np2NG20ZdJtLByVM43KI98IQ9ZCWigG+jlodle1E+5Hm3VHOpB3uVms+7s6NXae/q7NcKSHdp7sJepVdmdEcnlh5b8+KSUwCopJk/npbz3qv6rTtvrKSZ/TsHmgEYXJsEciAvGjnfHzOlB1WcgGlRU+yKonodktjo6eXbCOV4IQI8N1OcMJ3nigQyYIIjvtW0kIYxL18YqkKK0xi1ADVHpBlw8BxsBYuC2FBVZNLKcgEUBxPUv6HagwM/1GK+gOlsMs/pksz67Spk201sGDGvfjWnjbb5806C7phBvMxNvlfpV2m6er1jCnfSWOs4FmlXZa+MXb1cbM/YypSraYM+nJSaEk6QPsGj33EFp5YvWxN7RdH2jm0HzhkAFrkfEn96WlG9zhNCCIRprU6ActDm7zSMEQg+eg56KjHuwFKlLVxIP5PqgIuJAfvAl7wATH/kA8D/g7mEBaFD2nDMbZPX7ZZD8mg4EqxxkIAwB6AxgwXoA0SW9cj8J2xz8l4uXlkaxutOIuv9nbA7tfvV735XkK/q3ZW5o60zml62hvV0jQlMt8tWSezjlfktr4HyruIctQvDIMgHAC3HJsCXjOhGCmfeyRRO9Dm7DKCiBcythdNA2wE/vbJMADylNY+/BRKYc+P+DKIUZSJDSs/fCb0Pd6/k/JXAsfrCAhQOZh/Y87M38+Pj4+DuKqrMYxqa5EgeulVW77dxUx8qsGjA0yOFdMBd8jktIq1zJa1qLiX/Kty7ur/vJWiGpL0Dsqbrcf351Tx4l2+VRoG3S/sOTUobcF3l9DoukriqvJiqkGm/WIDW0GwIW65WnS4ZNWqSEtd/ayVhwPJ5rO06IZ6P5is9B1haxF130CWXCD+jDAtpyDkwVVCZk1Kich5sOt8V763SWNaXBqZBVVy+NDHiMzIj6zd+LYJgPlNz8UPxbCjz4MvsDGWwmXvwFBAzr9fRl9fQylDgRnmjWolX7+6Vp9PuroNzBQy9lCH0gYrF71XYyzHYaOP1Su3Xq8/1nV7fACEWZQU0ANhcD1YHDY0/jCYhII/EkTRcTrKar18nOTmme3/Qakp33Vl14og5+SQ142kU41qtLidxoAW74iCOwWcZjvT0itNC7EDMVVVlhavUh8yDA8DqFXaWuDgU0AxzvZkNUuuySD6D16XGLt3G6ODw43LHkW6fVsBsUv6B3MjfAHfhuPIn/VTnz/o3rpLpIWGPzF7S7J5tk76n7UtQPY2WpXErYAHruWwvT5nOaqCvmNLYxK2uBcDTdxoIFdRajqeCvJUzyvPh43oEM7CSJncSzXICUkV1n3PpTGOgCu8DMcgznDAcXGtuDKS01weayTNV3Fl2glQPIJiq9eH10t8aAqpuSPpwABOsaaiKZTQ7khEUetxdEsfcaOLlW9THuywTFW0CPnAJUradPuB9fOoGi6ER178e7v3PAwSGA9XY3AItWgAAIABJREFUrwpgzb+yhK8YBnBdbtE8PUzv76rQvT28VmDt0rqXtSu/M4QV7e9qDFK+nQj/dl8nnlc/KE9pGhKgQCbglOYEZPo1s/zK1NN5QwHIIXV0lmGz7EMDDDh9mSrotU6v+dzXmUKshzLJGTuaWCMNXnlWly7j+F1Vb6Okp3qrqrUOZKrHagQTxxICgl+1MLhK7c0NLtSQFedJmwxOZpDMYiUfsi5s/Dh5YRaof2jlHpWE+X7aeWYKzNWOJ+BaDgeBPvc5cC9jBeAOxhWYO3h2wOz1rKTsqqy7TRL8vWJWL64h7fwAgOeRHykzIJw0VJrKCuyFiHOoM+V8v3IiM4Yd1UVTwBrMSiWHX1PKVjfQeW8FBZBzvdckOn5wALa8wLSlxwmbHIiHgx5ySIDMoTvNMRflZghpcKrM31DV2AnYQes2/0LC0hWUdSgT8UnS8QGz3wlNZBCyRju0vhYHpJbgLqAJRGlj9N9wCSzMR16J7ohMgAsj03ejafhMnmk+Fle7pWLgSPhX14PvJHY3dK3A3fOtwLr74gRkKAbecGUOO9ol30f97VBtjZtMNF8m66L0NMihOUWNTnY6fa2VGFGyVXJL41iHrkXHmAhBoECuZ2/BKIW1A+pgomSLJSgH8DhIzUhaV0skQsJkAp9TcsYpHNkSsuURmx6A6oU1ATgCICnNaNy+/n0A9p1rAApQgtkt1rque3A+3daNAfBo2hF1KrMy4EFrtBqyZFAoU6t8svRVZQw1n+4VWQJpBdAdgN+RxrvnO0bABYpe1+qSvglbDcnSPmueWNuy2uWSuG9msMvj03A5HphX+lBbiTgHQT4Leh7AMXJ7gxqfdIzOMlO2czmpr0Ctv6KQPaY+/1bieZOjfIYfkmcIiTwHKY1LOhoYlyr1eQzAniJxgZPH/NKAFU4RhgQHN1xw3gyUeTbZwPE5e0FPAQEw7LvavgIIMh9/N4fBilOH9FvQM+L3OMSi38/eutQnfdLTHCOSjJ4XKIPfWhso+Meq3oH3pO87gFuA47ZMQ5WyLzy4SO4Wn719O3W903HKnPgpUk6vKMsIPc/brNUlr9U5rS5RPY9DgEx6rUjfWlYFuC555m9b/456dd24EWpZzwQwcuACqOutQF0yAk73RR4SppWHmixfeBgBCpblGyjC4OW9E5J0qtST4YxkBPzqoU3/ZtNO4Ds7hC4A40H9RiW9M5Fw+LAoJ9aegxtaVlRehLw8YOsbPZNp/2ax5d2092VYAPldJ45V2rv0SegexFrOKxV4kSSuOybUM60YxUOWmGYa92gS63IhRADFb1Lvpg1m4pCBJll9r2rkl4xxTF8J+/p1muExxkZad2JnvbnDSaVsqtT1VLHhAH6C52Wn9TlBMH8TnOdcWiFoVGo52Ee4co76R5KZPtRjV40PYBQHDQGct08NasNk3u5LT/MdCTiBWKaZbrjScQXAKb1nnEpllcwjAalFvXLc4GuRsPGOBNZnlca7AbViQO/MUXWte5X2Tqruwgx18/8N3cV3+uSDg6z0GhDbFJ5IVVjpPMonTXMNuRaT814uHxVJofQK0VzLfmw6ayWtn4el4c8uzSn34d1hOvjQnm2qzKdLN6rHafdmkfk7CfLlK4I5pLMQHFK5Mouk1ZeJ3HusG7BM58UHJfYsl2p+SusxjVhjphuhOQjgo/z5x/dWmVS2Nw6ejw4fsIeMREl+Gd9W48t9F/ZOGg2j3XA3R/59wlY0jxa2K2OVVtPcGMX0ukhipianMymkSFbSIIy5q+RMv1KbZxlHAewKn0PiZ5lt3MfvzHlaGjSfNp1HGB5MlnSbj2MzDJsLS1Utng88QGAC6DuhUAc6txsqkUnosG8Y+J0DWtXnuTTFwwsuS0PsCzqCxCmX9S+YBr+bJCp+9DHpoQGcO5wMScsxe96suV5aMqZwGilLbyOfh/xufV6eCa7RwrT/O+gOac9q2+GurpXHU7+6yrpaM1ba9PdufvwOU3jDKLa7yjrxal6s+4s70MozuevIwXSMcQFup6ur05ooGYUPRB9vKo1XEhhm84uZHvFESmROAzh+TyAGxTDgU8qPse0Z5vgxDHprIQ8Z8IUoxBla2YP5F+u/Z1qoZb4chsE4YZONMkAlOA1Uch529H98NLwBubheHkL7lMgWzEGZTra7D/yIo5bSz9w6xi1gdFfTAOrHG3ueG5CbKxNvMQsd3Dv19w7gq3SrtFpGGegb+l6A9FKeXqNJYkDmxZLutDqHLZv1a3lzjDlRdU4M6MG1hpSM3HxvQjFVNwVd9MfhU8tOh5nUk1Jg2GQEDzeo8.........完整代码请登录后点击上方下载按钮下载查看