.form_panel {
  z-index: 900;
  background-color: #f9f9f9;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px rgba(165, 165, 165, 0.7), -1px -1px 5px rgba(165, 165, 165, 0.7);
  box-shadow: 1px 1px 5px rgba(165, 165, 165, 0.7), -1px -1px 5px rgba(165, 165, 165, 0.7); }
  .form_panel .form_panel_title {
    width: 96%;
    margin: 3% 2%; }
    .form_panel .form_panel_title h2 {
      margin: 0.5% 0;
      font-size: 1.3em; }
  .form_panel .form_panel_pagination {
    width: 96%;
    margin: 2%; }
    .form_panel .form_panel_pagination .pager {
      display: inline-block;
      vertical-align: top; }
      .form_panel .form_panel_pagination .pager li {
        display: inline-block;
        text-align: center;
        line-height: 1.5em;
        padding: 0 2px;
        cursor: pointer; }
    .form_panel .form_panel_pagination button:disabled {
      cursor: not-allowed;
      color: #797979; }
    .form_panel .form_panel_pagination .btn_prev, .form_panel .form_panel_pagination .btn_next, .form_panel .form_panel_pagination .number {
      height: 1.5em;
      width: 1.5em;
      border-radius: 2px;
      background: #e9e9e9;
      color: #252525; }
      .form_panel .form_panel_pagination .btn_prev:hover, .form_panel .form_panel_pagination .btn_next:hover, .form_panel .form_panel_pagination .number:hover {
        color: #2391ff; }
    .form_panel .form_panel_pagination .active {
      background: rgba(119, 195, 219, 0.8);
      color: #fff; }
  .form_panel .form_panel_content {
    width: 96%;
    margin: 2%; }

.btn_close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  width: 1.5em;
  height: 1.5em;
  margin: 1%;
  font-size: 1.2rem; }
  .btn_close i {
    color: rgba(119, 195, 219, 0.8); }

header {
  position: fixed;
  z-index: 150;
  width: 95vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  header div.historybox {
    position: absolute;
    min-height: 30px;
    font-size: 0.8rem;
    background: white; }
    @media only screen and (max-width: 575px) {
      header div.historybox {
        top: 9vh; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.historybox {
        top: 1vh; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.historybox {
        top: 1vh; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.historybox {
        top: 1vh; } }
    @media only screen and (min-width: 1200px) {
      header div.historybox {
        top: 1vh; } }
    @media only screen and (max-width: 575px) {
      header div.historybox {
        left: 2vw; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.historybox {
        left: 1vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.historybox {
        left: 1vw; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.historybox {
        left: 1vw; } }
    @media only screen and (min-width: 1200px) {
      header div.historybox {
        left: 1vw; } }
    @media only screen and (max-width: 575px) {
      header div.historybox {
        width: 150px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.historybox {
        width: 150px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.historybox {
        width: 20vw; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.historybox {
        width: 15vw; } }
    @media only screen and (min-width: 1200px) {
      header div.historybox {
        width: 10vw; } }
    @media only screen and (max-width: 575px) {
      header div.historybox {
        height: 5vh; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.historybox {
        height: 4vh; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.historybox {
        height: 3vh; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.historybox {
        height: 3vh; } }
    @media only screen and (min-width: 1200px) {
      header div.historybox {
        height: 3vh; } }
    header div.historybox button {
      z-index: 905;
      position: absolute;
      height: 100%;
      width: 100%;
      padding: 0; }
      header div.historybox button i {
        position: absolute;
        -webkit-transform: translate(-18px, -2px);
        -ms-transform: translate(-18px, -2px);
        transform: translate(-18px, -2px); }
    header div.historybox span {
      color: #555555;
      padding-left: 5px; }
    header div.historybox .historybox_content {
      z-index: 900;
      display: none;
      position: absolute;
      top: 0vh;
      min-height: 220px;
      min-width: 300px;
      background: white; }
      @media only screen and (max-width: 575px) {
        header div.historybox .historybox_content {
          width: 80vw; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        header div.historybox .historybox_content {
          width: 40vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header div.historybox .historybox_content {
          width: 40vw; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        header div.historybox .historybox_content {
          width: 30vw; } }
      @media only screen and (min-width: 1200px) {
        header div.historybox .historybox_content {
          width: 22vw; } }
      @media only screen and (max-width: 575px) {
        header div.historybox .historybox_content {
          height: 35vh; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        header div.historybox .historybox_content {
          height: 25vh; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header div.historybox .historybox_content {
          height: 25vh; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        header div.historybox .historybox_content {
          height: 22vh; } }
      @media only screen and (min-width: 1200px) {
        header div.historybox .historybox_content {
          height: 30vh; } }
      header div.historybox .historybox_content div {
        width: 100%; }
      header div.historybox .historybox_content .historybox_content_title button {
        position: absolute;
        top: -6px;
        right: 0;
        width: 2.5em;
        height: 2.5em; }
      header div.historybox .historybox_content .historybox_content_main {
        position: relative;
        background: #000;
        width: 98%;
        margin: 2.5em 1% 0 1%; }
        @media only screen and (max-width: 575px) {
          header div.historybox .historybox_content .historybox_content_main {
            height: 68%; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          header div.historybox .historybox_content .historybox_content_main {
            height: 65%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header div.historybox .historybox_content .historybox_content_main {
            height: 70%; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          header div.historybox .historybox_content .historybox_content_main {
            height: 70%; } }
        @media only screen and (min-width: 1200px) {
          header div.historybox .historybox_content .historybox_content_main {
            height: 65%; } }
        header div.historybox .historybox_content .historybox_content_main .historybox_content_main_btn {
          position: absolute;
          width: 2em;
          height: 2em;
          right: 5px;
          bottom: 5px; }
          header div.historybox .historybox_content .historybox_content_main .historybox_content_main_btn button {
            background: #2c92e6; }
      header div.historybox .historybox_content .historybox_content_sliders {
        width: 98%;
        height: 15%;
        margin: 2% 1%;
        text-align: center; }
        @media only screen and (max-width: 575px) {
          header div.historybox .historybox_content .historybox_content_sliders .historybox_content_sliders_timelineslider {
            margin: 5% 0%; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          header div.historybox .historybox_content .historybox_content_sliders .historybox_content_sliders_timelineslider {
            margin: 5% 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header div.historybox .historybox_content .historybox_content_sliders .historybox_content_sliders_timelineslider {
            margin: 3% 0; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          header div.historybox .historybox_content .historybox_content_sliders .historybox_content_sliders_timelineslider {
            margin: 3% 0; } }
        @media only screen and (min-width: 1200px) {
          header div.historybox .historybox_content .historybox_content_sliders .historybox_content_sliders_timelineslider {
            margin: 5% 0; } }
  header div.searchbar {
    z-index: 2000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 1vh;
    position: absolute;
    min-height: 35px;
    min-width: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
    @media only screen and (max-width: 575px) {
      header div.searchbar {
        left: 2vw; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.searchbar {
        left: 45vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.searchbar {
        left: 45vw; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.searchbar {
        left: 40vw; } }
    @media only screen and (min-width: 1200px) {
      header div.searchbar {
        left: 30vw; } }
    @media only screen and (max-width: 575px) {
      header div.searchbar {
        width: 55vw; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.searchbar {
        width: 40vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.searchbar {
        width: 30vw; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.searchbar {
        width: 30vw; } }
    @media only screen and (min-width: 1200px) {
      header div.searchbar {
        width: 25vw; } }
    @media only screen and (max-width: 575px) {
      header div.searchbar {
        height: 5vh; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      header div.searchbar {
        height: 5vh; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header div.searchbar {
        height: 4vh; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      header div.searchbar {
        height: 4vh; } }
    @media only screen and (min-width: 1200px) {
      header div.searchbar {
        height: 5vh; } }
    header div.searchbar:hover {
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 0 -1px 0px rgba(0, 0, 0, 0.04);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 0 -1px 0px rgba(0, 0, 0, 0.04); }
    header div.searchbar button {
      display: inline-block;
      height: 100%;
      margin-left: 0.5em;
      text-align: center;
      padding: 0; }
      header div.searchbar button:hover i {
        color: #2c92e6;
        font-weight: 400; }
      header div.searchbar button i {
        line-height: 5vh; }
        @media only screen and (max-width: 575px) {
          header div.searchbar button i {
            font-size: 1.2rem; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          header div.searchbar button i {
            font-size: 1.2rem; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header div.searchbar button i {
            font-size: 1.2rem; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          header div.searchbar button i {
            font-size: 1.4rem; } }
        @media only screen and (min-width: 1200px) {
          header div.searchbar button i {
            font-size: 1.4rem; } }
    header div.searchbar input {
      padding: 0px 2px;
      outline: none;
      border: none;
      font-size: 14px; }
      @media only screen and (max-width: 575px) {
        header div.searchbar input {
          width: 40vw; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        header div.searchbar input {
          width: 30vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header div.searchbar input {
          width: 20vw; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        header div.searchbar input {
          width: 20vw; } }
      @media only screen and (min-width: 1200px) {
        header div.searchbar input {
          width: 20vw; } }
      header div.searchbar input::-webkit-input-placeholder {
        color: #cccccc; }

.return_blurbox {
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  z-index: 1000;
  position: absolute;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); }
  .return_blurbox::-webkit-scrollbar {
    width: 0; }
  @media only screen and (max-width: 575px) {
    .return_blurbox {
      width: 100vw; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .return_blurbox {
      width: 60vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .return_blurbox {
      width: 60vw; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .return_blurbox {
      width: 80vw; } }
  @media only screen and (min-width: 1200px) {
    .return_blurbox {
      width: 25vw; } }
  @media only screen and (max-width: 575px) {
    .return_blurbox {
      height: 100vh; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .return_blurbox {
      height: 80vh; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .return_blurbox {
      height: 75vh; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .return_blurbox {
      height: 75vh; } }
  @media only screen and (min-width: 1200px) {
    .return_blurbox {
      height: 80vh; } }
  @media only screen and (max-width: 575px) {
    .return_blurbox {
      top: 0vh; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .return_blurbox {
      top: 9vh; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .return_blurbox {
      top: 9vh; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .return_blurbox {
      top: 1vh; } }
  @media only screen and (min-width: 1200px) {
    .return_blurbox {
      top: 9vh; } }
  @media only screen and (max-width: 575px) {
    .return_blurbox {
      left: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .return_blurbox {
      left: 1vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .return_blurbox {
      left: 1vw; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .return_blurbox {
      left: 1vw; } }
  @media only screen and (min-width: 1200px) {
    .return_blurbox {
      left: 1vw; } }
  .return_blurbox h2 {
    margin: 1% 0;
    font-size: 1.2em; }
  .return_blurbox .return_blurbox_title {
    height: 3%; }
    .return_blurbox .return_blurbox_title button {
      position: absolute;
      margin: 1%;
      right: 0; }
  .return_blurbox .return_blurbox_content {
    height: 90%;
    width: 98%;
    margin: 1%; }
  .return_blurbox .return_blurbox_content_screenshot {
    width: 100%;
    background: #2c92e6; }
    @media only screen and (max-width: 575px) {
      .return_blurbox .return_blurbox_content_screenshot {
        height: 20vh; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .return_blurbox .return_blurbox_content_screenshot {
        height: 20vh; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .return_blurbox .return_blurbox_content_screenshot {
        height: 20vh; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .return_blurbox .return_blurbox_content_screenshot {
        height: 15vh; } }
    @media only screen and (min-width: 1200px) {
      .return_blurbox .return_blurbox_content_screenshot {
        height: 20vh; } }
  .return_blurbox .return_blurbox_content_form {
    font-size: 0.9rem;
    width: 100%;
    margin: 2% 0; }
    .return_blurbox .return_blurbox_content_form input[type=radio] {
      background-color: #fff;
      border: #ececec;
      width: 1em;
      height: 1em;
      -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
      transform: translateY(2px);
      margin-right: 3px; }
    .return_blurbox .return_blurbox_content_form .col-left {
      font-weight: 600;
      margin-bottom: 5px;
      float: left;
      text-align: right; }
      @media only screen and (max-width: 575px) {
        .return_blurbox .return_blurbox_content_form .col-left {
          width: 100%; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .return_blurbox .return_blurbox_content_form .col-left {
          width: 40%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .return_blurbox .return_blurbox_content_form .col-left {
          width: 40%; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .return_blurbox .return_blurbox_content_form .col-left {
          width: 40%; } }
      @media only screen and (min-width: 1200px) {
        .return_blurbox .return_blurbox_content_form .col-left {
          width: 40%; } }
    .return_blurbox .return_blurbox_content_form .col-right {
      float: left;
      text-align: left; }
      @media only screen and (max-width: 575px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          width: 98%; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          width: 60%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          width: 60%; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          width: 60%; } }
      @media only screen and (min-width: 1200px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          width: 60%; } }
      @media only screen and (max-width: 575px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          margin-left: 2%; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          margin-left: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          margin-left: 0; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          margin-left: 0; } }
      @media only screen and (min-width: 1200px) {
        .return_blurbox .return_blurbox_content_form .col-right {
          margin-left: 0; } }
    .return_blurbox .return_blurbox_content_form .ac-list {
      margin-bottom: 9px; }
    .return_blurbox .return_blurbox_content_form textarea {
      width: 95%;
      height: 60px; }
    .return_blurbox .return_blurbox_content_form input[type=text] {
      width: 95%;
      height: 20px; }
  .return_blurbox .errormessage {
    border: solid 1px #ec3838;
    color: #e71313;
    border-radius: 5px;
    width: 350px;
    padding: 3px 10px; }
  .return_blurbox .return_blurbox_send {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    clear: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .return_blurbox .lineborder {
    border-bottom: 2px red solid;
    background-color: black;
    width: 125px;
    height: 2px;
    position: absolute;
    left: calc(50% - 60px);
    top: 80px;
    z-index: 1000;
    font-size: 1px;
    line-height: 0; }
  .return_blurbox .right {
    width: 2px;
    height: 100px;
    left: calc(50% - 62px);
    top: 80px; }
  .return_blurbox .bottom {
    top: 176px; }
  .return_blurbox .left {
    width: 2px;
    height: 100px;
    position: absolute;
    left: calc(50% + 63px); }

.permanent_informationbox_view {
  z-index: 805;
  position: absolute;
  width: 180px;
  height: 4em;
  background: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 575px) {
    .permanent_informationbox_view {
      bottom: 2em; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .permanent_informationbox_view {
      bottom: 2em; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .permanent_informationbox_view {
      bottom: 1.4em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .permanent_informationbox_view {
      bottom: 1.4em; } }
  @media only screen and (min-width: 1200px) {
    .permanent_informationbox_view {
      bottom: 1.4em; } }
  @media only screen and (max-width: 575px) {
    .permanent_informationbox_view {
      right: 3em; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .permanent_informationbox_view {
      right: 4em; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .permanent_informationbox_view {
      right: 5em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .permanent_informationbox_view {
      right: 5em; } }
  @media only screen and (min-width: 1200px) {
    .permanent_informationbox_view {
      right: 14em; } }
  .permanent_informationbox_view .col_right {
    width: 90%;
    margin-bottom: 2px;
    margin: 3% 5%; }
    .permanent_informationbox_view .col_right input[type=checkbox] {
      background-color: #fff;
      border: #ececec;
      width: 1em;
      height: 1em;
      -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
      transform: translateY(4px);
      margin-right: 2px; }
    .permanent_informationbox_view .col_right span {
      line-height: 1.4em;
      color: #e4e7ed; }

.permanent_informationbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 800;
  position: absolute;
  right: 0.5em;
  bottom: 1.8em;
  height: 20em; }
  @media only screen and (max-width: 575px) {
    .permanent_informationbox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .permanent_informationbox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .permanent_informationbox {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .permanent_informationbox {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media only screen and (min-width: 1200px) {
    .permanent_informationbox {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media only screen and (max-width: 575px) {
    .permanent_informationbox {
      width: 50%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .permanent_informationbox {
      width: 70%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .permanent_informationbox {
      width: 70%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .permanent_informationbox {
      width: 60%; } }
  @media only screen and (min-width: 1200px) {
    .permanent_informationbox {
      width: 60%; } }
  .permanent_informationbox .permanent_information_data {
    margin-left: 10px;
    width: 15em;
    height: 10em;
    background: rgba(238, 238, 238, 0.6); }
    @media only screen and (max-width: 575px) {
      .permanent_informationbox .permanent_information_data {
        margin-bottom: 0.2em; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .permanent_informationbox .permanent_information_data {
        margin-bottom: 0.2em; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .permanent_informationbox .permanent_information_data {
        margin-bottom: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .permanent_informationbox .permanent_information_data {
        margin-bottom: 0; } }
    @media only screen and (min-width: 1200px) {
      .permanent_informationbox .permanent_information_data {
        margin-bottom: 0; } }
    .permanent_informationbox .permanent_information_data button {
      position: absolute;
      right: 0; }
      .permanent_informationbox .permanent_information_data button i {
        color: rgba(87, 85, 84, 0.8);
        font-size: 0.9rem; }
  .permanent_informationbox .permanent_information_title {
    width: 100%;
    height: 20%;
    margin: 2% 0; }
    .permanent_informationbox .permanent_information_title span {
      color: #444;
      margin: 0;
      margin-left: 5px;
      -webkit-box-shadow: 0px 2px 0px #f8503a;
      box-shadow: 0px 2px 0px #f8503a; }
  .permanent_informationbox .permanent_information_content {
    width: 98%;
    margin: 0 1%;
    height: 50%; }
    .permanent_informationbox .permanent_information_content svg {
      height: 65%; }

.loading_pos {
  position: absolute;
  top: 45%;
  left: 48%; }

.dark_panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(44, 44, 44, 0.8);
  z-index: 99999; }

.loading-text {
  color: #fff;
  font-size: 1.1rem; }

.cp-spinner {
  width: 60px;
  height: 60px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.cp-eclipse {
  width: 15px;
  height: 15px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  background: #37afff;
  margin: 15px;
  -webkit-animation: cp-eclipse-animate 1s ease-out infinite;
  animation: cp-eclipse-animate 1s ease-out infinite; }
  .cp-eclipse:before {
    border-radius: 50%;
    content: " ";
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px #37afff;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    top: -24px;
    left: -24px; }
  .cp-eclipse:after {
    border-radius: 50%;
    content: " ";
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #37afff;
    position: absolute;
    top: -24px;
    right: -24px; }

@-webkit-keyframes cp-eclipse-animate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes cp-eclipse-animate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.nav_bar {
  z-index: 800;
  position: fixed;
  margin: 0;
  margin-right: 5px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media only screen and (max-width: 575px) {
    .nav_bar {
      top: 17vh; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .nav_bar {
      top: 15vh; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav_bar {
      top: 15vh; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav_bar {
      top: 15vh; } }
  @media only screen and (min-width: 1200px) {
    .nav_bar {
      top: 10vh; } }
  @media only screen and (max-width: 575px) {
    .nav_bar {
      right: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .nav_bar {
      right: 0.5vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav_bar {
      right: 0.5vw; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav_bar {
      right: 0.5vw; } }
  @media only screen and (min-width: 1200px) {
    .nav_bar {
      right: 0.5vw; } }
  .nav_bar li {
    background: #ffffff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: solid 2px #e4e7ed;
    text-align: center;
    border-radius: 50px;
    width: 4.5em;
    height: 4.5em;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 5px 0;
    margin-bottom: 10px; }
    .nav_bar li i {
      font-size: 1.2rem;
      margin: 5% 25%;
      color: #797979; }
    .nav_bar li span {
      color: #797979; }
  .nav_bar li.active {
    background: #e4e7ed;
    border-color: #39b0ff; }
  .nav_bar .nav_tools {
    position: absolute;
    right: 5.2em;
    top: -1.5em;
    width: 170px;
    height: 150px;
    background: rgba(228, 231, 237, 0.8); }
    .nav_bar .nav_tools::before {
      content: "";
      position: absolute;
      right: -20px;
      top: 3em;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 0 10px 20px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.8); }
    .nav_bar .nav_tools .nav_tools_contents {
      margin: 6% 3%; }
      .nav_bar .nav_tools .nav_tools_contents .allbtn {
        width: 10em;
        background: #39b0ff;
        color: #fff;
        margin-top: 5px; }

.measure_box {
  position: absolute;
  border-radius: 2px;
  -webkit-box-shadow: 2px 6px 5px 0px rgba(145, 145, 145, 0.8);
  box-shadow: 2px 6px 5px 0px rgba(145, 145, 145, 0.8);
  background: whitesmoke;
  z-index: 1000; }
  @media only screen and (max-width: 575px) {
    .measure_box {
      bottom: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .measure_box {
      bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .measure_box {
      bottom: 15em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .measure_box {
      bottom: 15em; } }
  @media only screen and (min-width: 1200px) {
    .measure_box {
      bottom: 15em; } }
  @media only screen and (max-width: 575px) {
    .measure_box {
      right: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .measure_box {
      right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .measure_box {
      right: 5em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .measure_box {
      right: 5em; } }
  @media only screen and (min-width: 1200px) {
    .measure_box {
      right: 5em; } }
  @media only screen and (max-width: 575px) {
    .measure_box {
      width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .measure_box {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .measure_box {
      width: 25em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .measure_box {
      width: 25em; } }
  @media only screen and (min-width: 1200px) {
    .measure_box {
      width: 25em; } }
  @media only screen and (max-width: 575px) {
    .measure_box {
      height: 200px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .measure_box {
      height: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .measure_box {
      height: 32em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .measure_box {
      height: 32em; } }
  @media only screen and (min-width: 1200px) {
    .measure_box {
      height: 32em; } }
  @media only screen and (max-width: 575px) {
    .measure_box .measure_box_title {
      height: 40px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .measure_box .measure_box_title {
      height: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .measure_box .measure_box_title {
      height: 12%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .measure_box .measure_box_title {
      height: 12%; } }
  @media only screen and (min-width: 1200px) {
    .measure_box .measure_box_title {
      height: 12%; } }
  .measure_box .measure_box_title h3 {
    display: inline-block; }
    @media only screen and (max-width: 575px) {
      .measure_box .measure_box_title h3 {
        margin: 8px 2%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .measure_box .measure_box_title h3 {
        margin: 8px 2%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .measure_box .measure_box_title h3 {
        margin: 5% 2%; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .measure_box .measure_box_title h3 {
        margin: 5% 2%; } }
    @media only screen and (min-width: 1200px) {
      .measure_box .measure_box_title h3 {
        margin: 5% 2%; } }
  .measure_box .measure_box_title button.measureclose {
    position: absolute;
    margin: 1%;
    right: 0; }
    .measure_box .measure_box_title button.measureclose i {
      font-size: 1.2rem;
      font-weight: 600; }
  .measure_box .measure_descrip {
    max-height: 405px;
    width: 98%;
    margin: 0 1%; }
    .measure_box .measure_descrip .measure_descrip-container {
      overflow-y: scroll;
      border-bottom: solid 1px #adadad; }
      @media only screen and (max-width: 575px) {
        .measure_box .measure_descrip .measure_descrip-container {
          height: 110px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .measure_box .measure_descrip .measure_descrip-container {
          height: 110px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .measure_box .measure_descrip .measure_descrip-container {
          height: 330px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .measure_box .measure_descrip .measure_descrip-container {
          height: 330px; } }
      @media only screen and (min-width: 1200px) {
        .measure_box .measure_descrip .measure_descrip-container {
          height: 330px; } }
      .measure_box .measure_descrip .measure_descrip-container::-webkit-scrollbar {
        width: 5px; }
      .measure_box .measure_descrip .measure_descrip-container::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5); }
    .measure_box .measure_descrip label[name="custom-name"] {
      font-size: 1rem;
      cursor: pointer; }
    .measure_box .measure_descrip input[name="custom-name"] {
      border: none;
      border-bottom: solid 1px #797979;
      outline: none;
      background: transparent;
      width: 60%;
      -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
      transform: translateY(1px);
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .measure_box .measure_descrip input[name="custom-name"]:focus {
        border-color: #2391ff; }
  .measure_box .measure_descrip_column {
    padding: 1% 2%; }
    .measure_box .measure_descrip_column h4,
    .measure_box .measure_descrip_column span {
      margin: 0 1% 2% 0;
      font-weight: 500;
      color: #3b3b3b; }
    @media only screen and (max-width: 575px) {
      .measure_box .measure_descrip_column .edit-btn span {
        display: none; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .measure_box .measure_descrip_column .edit-btn span {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .measure_box .measure_descrip_column .edit-btn span {
        display: inline; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .measure_box .measure_descrip_column .edit-btn span {
        display: inline; } }
    @media only screen and (min-width: 1200px) {
      .measure_box .measure_descrip_column .edit-btn span {
        display: inline; } }
    .measure_box .measure_descrip_column div[name="draw-type"] {
      width: 25px;
      height: 25px;
      display: inline-block;
      vertical-align: middle; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-line line {
        stroke: #ff962e;
        stroke-width: 3; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-line path {
        fill: #fff;
        stroke: #ff962e;
        stroke-width: 3; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-retangle polygon {
        fill: #33c5ff;
        opacity: 0.3; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-retangle path {
        fill: #fff;
        stroke: #33c5ff;
        stroke-width: 3; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-point circle {
        fill: #fff; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-point path {
        fill: #f93073;
        stroke: #f93073;
        stroke-width: 4; }
      .measure_box .measure_descrip_column div[name="draw-type"].draw-point line {
        stroke: #f93073;
        stroke-width: 8; }
    .measure_box .measure_descrip_column label {
      border-bottom: solid 1px rgba(119, 195, 219, 0.8); }
    .measure_box .measure_descrip_column.label-active {
      background-color: rgba(224, 224, 224, 0.8);
      font-weight: bold; }
    .measure_box .measure_descrip_column .measure_descrip_edit-btn_bar {
      margin: 8px 0 5px 0; }
  .measure_box button.btn_export {
    color: #fff;
    background-color: #2ac986;
    border: none;
    height: 30px;
    width: 90px;
    line-height: 30px;
    padding: 0;
    margin-left: 10px; }
    .measure_box button.btn_export:hover {
      color: #fff; }
    .measure_box button.btn_export i {
      font-size: 1.2rem;
      -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
      transform: translateY(2px); }
  .measure_box .edit-btn-stylebox {
    z-index: 1005;
    position: absolute;
    width: 18em;
    height: 11em;
    border: solid 1px #adadad;
    padding: 5% 3%;
    background: #fff;
    -webkit-box-shadow: 2px 6px 5px 0px rgba(145, 145, 145, 0.8);
    box-shadow: 2px 6px 5px 0px rgba(145, 145, 145, 0.8); }
    @media only screen and (max-width: 575px) {
      .measure_box .edit-btn-stylebox {
        -webkit-transform: translate(20px, -220px);
        -ms-transform: translate(20px, -220px);
        transform: translate(20px, -220px); } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .measure_box .edit-btn-stylebox {
        -webkit-transform: translate(20px, -220px);
        -ms-transform: translate(20px, -220px);
        transform: translate(20px, -220px); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .measure_box .edit-btn-stylebox {
        -webkit-transform: translate(20px, 12px);
        -ms-transform: translate(20px, 12px);
        transform: translate(20px, 12px); } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .measure_box .edit-btn-stylebox {
        -webkit-transform: translate(20px, 12px);
        -ms-transform: translate(20px, 12px);
        transform: translate(20px, 12px); } }
    @media only screen and (min-width: 1200px) {
      .measure_box .edit-btn-stylebox {
        -webkit-transform: translate(20px, 12px);
        -ms-transform: translate(20px, 12px);
        transform: translate(20px, 12px); } }
    .measure_box .edit-btn-stylebox span {
      font-size: 0.9rem;
      display: inline !important; }
    .measure_box .edit-btn-stylebox button.fas_btn {
      position: absolute;
      margin: 1%;
      top: 0;
      right: 0; }
    .measure_box .edit-btn-stylebox .stylebox_pick {
      margin: 2% 0 5% 0;
      width: 100%;
      height: 4em;
      border: solid 1px #e4e7ed; }
      .measure_box .edit-btn-stylebox .stylebox_pick table {
        border-collapse: collapse;
        width: 100%; }
      .measure_box .edit-btn-stylebox .stylebox_pick img[name="pick-icon"] {
        width: 20px;
        height: 20px;
        margin: 5px 1%; }
      .measure_box .edit-btn-stylebox .stylebox_pick .colorbox {
        cursor: pointer;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 5px 1%; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c01 {
          background-color: #00daff; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c02 {
          background-color: #88ff00; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c03 {
          background-color: #eb2370; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c04 {
          background-color: #ffa137; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c05 {
          background-color: #ebe823; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c06 {
          background-color: #6027bd; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c07 {
          background-color: #0e4dc2; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c08 {
          background-color: #8949d1; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c09 {
          background-color: #10969b; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c10 {
          background-color: #797979; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c11 {
          background-color: #000000; }
        .measure_box .edit-btn-stylebox .stylebox_pick .colorbox.c12 {
          background-color: #ffffff;
          border: solid 1px #adadad; }
    .measure_box .edit-btn-stylebox::before {
      content: "";
      position: absolute;
      top: -0.8em;
      right: 49%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 12px 20px 11px;
      border-color: transparent transparent #adadad transparent; }
      @media only screen and (max-width: 575px) {
        .measure_box .edit-btn-stylebox::before {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .measure_box .edit-btn-stylebox::before {
          display: none; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .measure_box .edit-btn-stylebox::before {
          display: block; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .measure_box .edit-btn-stylebox::before {
          display: block; } }
      @media only screen and (min-width: 1200px) {
        .measure_box .edit-btn-stylebox::before {
          display: block; } }
    .measure_box .edit-btn-stylebox::after {
      content: "";
      position: absolute;
      top: -0.6em;
      right: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 18px 10px;
      border-color: transparent transparent #ffffff transparent; }
      @media only screen and (max-width: 575px) {
        .measure_box .edit-btn-stylebox::after {
          display: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .measure_box .edit-btn-stylebox::after {
          display: none; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .measure_box .edit-btn-stylebox::after {
          display: block; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .measure_box .edit-btn-stylebox::after {
          display: block; } }
      @media only screen and (min-width: 1200px) {
        .measure_box .edit-btn-stylebox::after {
          display: block; } }
  @media only screen and (max-width: 575px) {
    .measure_box .measure_descrip_edit-btn_bar {
      float: left; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .measure_box .measure_descrip_edit-btn_bar {
      float: left; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .measure_box .measure_descrip_edit-btn_bar {
      float: none; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .measure_box .measure_descrip_edit-btn_bar {
      float: none; } }
  @media only screen and (min-width: 1200px) {
    .measure_box .measure_descrip_edit-btn_bar {
      float: none; } }
  .measure_box .measure_descrip_edit-btn_bar button {
    background-color: transparent;
    color: #797979; }
    .measure_box .measure_descrip_edit-btn_bar button i {
      font-size: 1.2rem;
      vertical-align: middle;
      -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      transform: translateY(-2px); }

.layer_viewbox {
  z-index: 2605;
  position: absolute;
  right: 0vw;
  bottom: 0vh;
  background: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 575px) {
    .layer_viewbox {
      width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .layer_viewbox {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .layer_viewbox {
      width: 50%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .layer_viewbox {
      width: 50%; } }
  @media only screen and (min-width: 1200px) {
    .layer_viewbox {
      width: 22vw; } }
  @media only screen and (max-width: 575px) {
    .layer_viewbox {
      height: 95%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .layer_viewbox {
      height: 95%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .layer_viewbox {
      height: 80vh; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .layer_viewbox {
      height: 80vh; } }
  @media only screen and (min-width: 1200px) {
    .layer_viewbox {
      height: 75vh; } }
  .layer_viewbox .layer_viewbox_title {
    width: 100%;
    height: 1.5em; }
    .layer_viewbox .layer_viewbox_title .layer_viewbox_title_btn_close {
      position: absolute;
      right: 0;
      top: 1px;
      width: 1.5em;
      height: 1.5em; }
      .layer_viewbox .layer_viewbox_title .layer_viewbox_title_btn_close i {
        color: #adadad; }
        .layer_viewbox .layer_viewbox_title .layer_viewbox_title_btn_close i:hover {
          color: #e4e7ed; }
  .layer_viewbox .layer_viewbox_content {
    margin: 1% 5%; }
    .layer_viewbox .layer_viewbox_content .layer_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin-bottom: 5px; }
  .layer_viewbox .layer_menu {
    cursor: pointer;
    color: #fff;
    width: 94%;
    margin: 2% 3%; }
    .layer_viewbox .layer_menu .layer_01 {
      background-color: rgba(173, 216, 230, 0.8); }
    .layer_viewbox .layer_menu .layer_02 {
      background-color: rgba(135, 206, 235, 0.8); }
    .layer_viewbox .layer_menu .layer_03 {
      background-color: rgba(135, 206, 250, 0.8); }
    .layer_viewbox .layer_menu .layer_04 {
      background-color: rgba(0, 191, 255, 0.8); }
    .layer_viewbox .layer_menu .layer_05 {
      background-color: rgba(30, 144, 255, 0.8); }
    .layer_viewbox .layer_menu .layer_06 {
      background-color: rgba(100, 149, 237, 0.8); }
    .layer_viewbox .layer_menu .layer_07 {
      background-color: rgba(123, 104, 238, 0.8); }
    .layer_viewbox .layer_menu .layer_08 {
      background-color: rgba(65, 105, 225, 0.8); }
    .layer_viewbox .layer_menu .main {
      clear: left;
      padding-left: 10px;
      margin-bottom: 2px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      @media only screen and (max-width: 575px) {
        .layer_viewbox .layer_menu .main {
          height: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .layer_viewbox .layer_menu .main {
          height: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .layer_viewbox .layer_menu .main {
          height: 40px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .layer_viewbox .layer_menu .main {
          height: 40px; } }
      @media only screen and (min-width: 1200px) {
        .layer_viewbox .layer_menu .main {
          height: 40px; } }
      @media only screen and (max-width: 575px) {
        .layer_viewbox .layer_menu .main {
          line-height: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .layer_viewbox .layer_menu .main {
          line-height: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .layer_viewbox .layer_menu .main {
          line-height: 40px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .layer_viewbox .layer_menu .main {
          line-height: 40px; } }
      @media only screen and (min-width: 1200px) {
        .layer_viewbox .layer_menu .main {
          line-height: 40px; } }
      @media only screen and (max-width: 575px) {
        .layer_viewbox .layer_menu .main {
          font-size: 1rem; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .layer_viewbox .layer_menu .main {
          font-size: 1rem; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .layer_viewbox .layer_menu .main {
          font-size: 1.1rem; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .layer_viewbox .layer_menu .main {
          font-size: 1.1rem; } }
      @media only screen and (min-width: 1200px) {
        .layer_viewbox .layer_menu .main {
          font-size: 1.1rem; } }
    .layer_viewbox .layer_menu .subs .col_right,
    .layer_viewbox .layer_menu .subs .col_left {
      width: 50%;
      margin-bottom: 5px; }
    .layer_viewbox .layer_menu .subs li {
      margin: 3% 5%; }
      .layer_viewbox .layer_menu .subs li input[type="checkbox"] {
        background-color: #fff;
        border: #ececec;
        width: 1.2em;
        height: 1.2em;
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px);
        margin-right: 3px; }
      .layer_viewbox .layer_menu .subs li img {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        margin-right: 2px; }
      .layer_viewbox .layer_menu .subs li span {
        line-height: 1.6em;
        color: #e4e7ed; }
        @media only screen and (max-width: 575px) {
          .layer_viewbox .layer_menu .subs li span {
            font-size: 0.9rem; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .layer_viewbox .layer_menu .subs li span {
            font-size: 0.9rem; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .layer_viewbox .layer_menu .subs li span {
            font-size: 1.1rem; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .layer_viewbox .layer_menu .subs li span {
            font-size: 1.1rem; } }
        @media only screen and (min-width: 1200px) {
          .layer_viewbox .layer_menu .subs li span {
            font-size: 1.1rem; } }

.repairbox {
  z-index: 1000;
  position: absolute; }
  @media only screen and (max-width: 575px) {
    .repairbox {
      bottom: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .repairbox {
      bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .repairbox {
      bottom: 15em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .repairbox {
      bottom: 12em; } }
  @media only screen and (min-width: 1200px) {
    .repairbox {
      bottom: 12em; } }
  @media only screen and (max-width: 575px) {
    .repairbox {
      left: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .repairbox {
      left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .repairbox {
      left: 5em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .repairbox {
      left: 12em; } }
  @media only screen and (min-width: 1200px) {
    .repairbox {
      left: 12em; } }
  .repairbox .repairbox_container {
    padding: 30px 20px 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 575px) {
      .repairbox .repairbox_container {
        width: 100%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .repairbox .repairbox_container {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .repairbox .repairbox_container {
        width: 600px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .repairbox .repairbox_container {
        width: 600px; } }
    @media only screen and (min-width: 1200px) {
      .repairbox .repairbox_container {
        width: 600px; } }
    @media only screen and (max-width: 575px) {
      .repairbox .repairbox_container {
        height: 500px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .repairbox .repairbox_container {
        height: 500px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .repairbox .repairbox_container {
        height: 32em; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .repairbox .repairbox_container {
        height: 32em; } }
    @media only screen and (min-width: 1200px) {
      .repairbox .repairbox_container {
        height: 35em; } }
    .repairbox .repairbox_container .repairbox_content {
      overflow-y: auto;
      height: 95%; }
      .repairbox .repairbox_container .repairbox_content h4 {
        margin: 5% 0 10px 0;
        font-weight: normal;
        color: #087b83; }
      .repairbox .repairbox_container .repairbox_content p {
        margin: 1% 0; }
      .repairbox .repairbox_container .repairbox_content div.form_row input[type="text"],
      .repairbox .repairbox_container .repairbox_content div.form_row input[type="tel"],
      .repairbox .repairbox_container .repairbox_content div.form_row input[type="email"] {
        width: 80%; }
        .repairbox .repairbox_container .repairbox_content div.form_row input[type="text"].width_s,
        .repairbox .repairbox_container .repairbox_content div.form_row input[type="tel"].width_s,
        .repairbox .repairbox_container .repairbox_content div.form_row input[type="email"].width_s {
          width: 120px; }
        .repairbox .repairbox_container .repairbox_content div.form_row input[type="text"].width_m,
        .repairbox .repairbox_container .repairbox_content div.form_row input[type="tel"].width_m,
        .repairbox .repairbox_container .repairbox_content div.form_row input[type="email"].width_m {
          width: 200px; }
      .repairbox .repairbox_container .repairbox_content .btn_sendform {
        padding: 10px 20px;
        color: #fff;
        border-radius: 5px;
        background-color: #2592f8; }

body,
html {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-size: 16px; }

main {
  background: #b0d1cc;
  width: 100vw;
  height: 100vh; }
  main .bg {
    z-index: -50; }

.hide {
  display: none; }

.col_right {
  height: 100%;
  float: left; }

.col_left {
  float: left;
  height: 100%; }

.col_top,
.col_bottom {
  height: 50%;
  clear: left; }

.fas_btn {
  background: transparent; }
  .fas_btn i {
    color: #c5c5c5;
    font-weight: 500;
    font-size: 1.3rem; }
    .fas_btn i:hover {
      color: #353738; }

.allbtn {
  background: #fff;
  padding: 10px 30px;
  border: solid 1px #39b0ff;
  border-radius: 5px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .allbtn:hover, .allbtn:active {
    border: solid 1px #2391ff;
    color: #2391ff; }

.col_line_column {
  display: inline-block;
  height: 20px;
  width: 1px;
  background: #797979;
  vertical-align: middle;
  margin: 0 5%; }

.return_error {
  position: absolute;
  top: 1vh;
  right: 1vw;
  width: 4em;
  height: 4em;
  background: #39b0ff; }

.map {
  z-index: 800;
  position: absolute;
  bottom: 1.8em;
  left: 1vw;
  width: 12em;
  height: 8em;
  background: rgba(255, 255, 255, 0.9); }

.map_type_panel {
  z-index: 805;
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  width: 4em;
  height: 3em; }

@-webkit-keyframes toggleOnCheckbox {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
    transform: translate(-50%, -85%) scale(0) rotate(45deg); }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
    transform: translate(-50%, -85%) scale(0.9) rotate(45deg); }
  100% {
    -webkit-transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
    transform: translate(-50%, -85%) scale(0.8) rotate(45deg); } }

@keyframes toggleOnCheckbox {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
    transform: translate(-50%, -85%) scale(0) rotate(45deg); }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
    transform: translate(-50%, -85%) scale(0.9) rotate(45deg); }
  100% {
    -webkit-transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
    transform: translate(-50%, -85%) scale(0.8) rotate(45deg); } }
  .map_type_panel .map_type_panel_btn {
    cursor: pointer;
    height: 50%; }
    .map_type_panel .map_type_panel_btn:hover {
      background: #e4e7ed;
      border-radius: 3px; }
    .map_type_panel .map_type_panel_btn div[role=button] {
      padding: 5% 0;
      text-align: center;
      margin: 0;
      font-size: 0.9rem;
      width: 100%;
      height: 1em;
      line-height: 1em;
      text-align: center; }
  .map_type_panel .basemap_menu,
  .map_type_panel .subject_menu {
    display: none;
    padding: 3% 0;
    position: absolute;
    font-size: 0.9rem;
    width: 12em;
    height: 7em;
    top: 0em;
    left: 4em; }
    .map_type_panel .basemap_menu .map_type_option,
    .map_type_panel .subject_menu .map_type_option {
      margin: 1% 3%;
      margin-bottom: 2px; }
      .map_type_panel .basemap_menu .map_type_option .container,
      .map_type_panel .subject_menu .map_type_option .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .map_type_panel .basemap_menu .map_type_option .container input[type=checkbox],
        .map_type_panel .basemap_menu .map_type_option .container input[type=radio],
        .map_type_panel .subject_menu .map_type_option .container input[type=checkbox],
        .map_type_panel .subject_menu .map_type_option .container input[type=radio] {
          position: relative !important;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          margin: 2px;
          -webkit-box-sizing: content-box;
          box-sizing: content-box;
          overflow: hidden;
          outline: none; }
          .map_type_panel .basemap_menu .map_type_option .container input[type=checkbox]:before,
          .map_type_panel .basemap_menu .map_type_option .container input[type=radio]:before,
          .map_type_panel .subject_menu .map_type_option .container input[type=checkbox]:before,
          .map_type_panel .subject_menu .map_type_option .container input[type=radio]:before {
            content: "";
            display: block;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            width: .8em;
            height: .8em;
            border: 2px solid #000;
            border-radius: 2px;
            -webkit-transition: 0.2s border-color ease;
            -o-transition: 0.2s border-color ease;
            transition: 0.2s border-color ease; }
          .map_type_panel .basemap_menu .map_type_option .container input[type=checkbox]:checked:before,
          .map_type_panel .basemap_menu .map_type_option .container input[type=radio]:checked:before,
          .map_type_panel .subject_menu .map_type_option .container input[type=checkbox]:checked:before,
          .map_type_panel .subject_menu .map_type_option .container input[type=radio]:checked:before {
            background-color: #000; }
          .map_type_panel .basemap_menu .map_type_option .container input[type=checkbox]:after,
          .map_type_panel .basemap_menu .map_type_option .container input[type=radio]:after,
          .map_type_panel .subject_menu .map_type_option .container input[type=checkbox]:after,
          .map_type_panel .subject_menu .map_type_option .container input[type=radio]:after {
            content: "";
            display: block;
            position: absolute;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            top: 50%;
            left: 50%;
            -webkit-transform-origin: 45% 50%;
            -ms-transform-origin: 45% 50%;
            transform-origin: 45% 50%;
            width: .5em;
            height: .8em;
            -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
            -ms-transform: translate(-50%, -85%) scale(0) rotate(45deg);
            transform: translate(-50%, -85%) scale(0) rotate(45deg);
            background-color: transparent;
            -webkit-box-shadow: 3px 3px 0px 0px #fff;
            box-shadow: 3px 3px 0px 0px #fff;
            border-radius: 2px; }
          .map_type_panel .basemap_menu .map_type_option .container input[type=checkbox]:checked:after,
          .map_type_panel .basemap_menu .map_type_option .container input[type=radio]:checked:after,
          .map_type_panel .subject_menu .map_type_option .container input[type=checkbox]:checked:after,
          .map_type_panel .subject_menu .map_type_option .container input[type=radio]:checked:after {
            -webkit-animation: toggleOnCheckbox 0.2s ease forwards;
            animation: toggleOnCheckbox 0.2s ease forwards; }
  .map_type_panel .subject_menu {
    top: 1.5em;
    width: 11em;
    height: 4em; }

.map_expand {
  position: absolute;
  left: .2em;
  bottom: 1vh;
  width: 2em;
  height: 2em;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.8); }
  .map_expand .map_expand_btn {
    width: 100%;
    height: 100%;
    background: transparent;
    color: #fff;
    font-size: .9rem; }
    .map_expand .map_expand_btn i {
      position: absolute;
      -webkit-transform: translate(-12px, -12px);
      -ms-transform: translate(-12px, -12px);
      transform: translate(-12px, -12px); }

.tools {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 575px) {
    .tools {
      width: 100vw; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .tools {
      width: 60vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tools {
      width: 50vw; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tools {
      width: 35vw; } }
  @media only screen and (min-width: 1200px) {
    .tools {
      width: 30vw; } }
  @media only screen and (max-width: 575px) {
    .tools {
      height: 2.5em; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .tools {
      height: 2.5em; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tools {
      height: 1.8em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tools {
      height: 1.8em; } }
  @media only screen and (min-width: 1200px) {
    .tools {
      height: 1.8em; } }
  .tools ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .tools ul button {
      height: 100%;
      background: transparent;
      color: #b6b6b6;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
      .tools ul button:hover {
        color: white;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline; }
  .tools span {
    line-height: 1.8em;
    margin-right: 20px;
    color: #b6b6b6;
    height: 100%; }

.attributebox {
  z-index: 1000;
  position: absolute; }
  @media only screen and (max-width: 575px) {
    .attributebox {
      bottom: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .attributebox {
      bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .attributebox {
      bottom: 16em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .attributebox {
      bottom: 16em; } }
  @media only screen and (min-width: 1200px) {
    .attributebox {
      bottom: 18em; } }
  @media only screen and (max-width: 575px) {
    .attributebox {
      left: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .attributebox {
      left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .attributebox {
      left: 8em; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .attributebox {
      left: 12em; } }
  @media only screen and (min-width: 1200px) {
    .attributebox {
      left: 12em; } }
  @media only screen and (max-width: 575px) {
    .attributebox {
      width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .attributebox {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .attributebox {
      width: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .attributebox {
      width: 600px; } }
  @media only screen and (min-width: 1200px) {
    .attributebox {
      width: 600px; } }
  .attributebox .tabs {
    background: #f9f9f9;
    width: 100%;
    height: 100%; }
    .attributebox .tabs .tab_nav {
      width: 100%;
      display: inline-block;
      background: #e4e7ed;
      border: 1px solid #dcdfe6;
      -webkit-box-shadow: 0 2px -5px 0 rgba(0, 0, 0, 0.12), 0 0 -5px 0 rgba(0, 0, 0, 0.04);
      box-shadow: 0 2px -5px 0 rgba(0, 0, 0, 0.12), 0 0 -5px 0 rgba(0, 0, 0, 0.04);
      height: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 40px;
      list-style: none;
      font-size: 0.9rem; }
      .attributebox .tabs .tab_nav li {
        display: inline-block; }
        .attributebox .tabs .tab_nav li a {
          padding: .5em 1.3em;
          margin: 0;
          color: #909399;
          outline: none; }
          .attributebox .tabs .tab_nav li a:hover {
            color: #2391ff; }
        .attributebox .tabs .tab_nav li.active {
          background-color: #f9f9f9; }
          .attributebox .tabs .tab_nav li.active a {
            color: #2391ff; }
  .attributebox .attributebox_container.form_panel {
    -webkit-box-shadow: 0px 5px 5px rgba(165, 165, 165, 0.7), -1px 1px 5px rgba(165, 165, 165, 0.7);
    box-shadow: 0px 5px 5px rgba(165, 165, 165, 0.7), -1px 1px 5px rgba(165, 165, 165, 0.7);
    border-radius: 0 0 3px 3px; }
  .attributebox .attributebox_container {
    min-height: 500px;
    min-width: 320px; }
    @media only screen and (max-width: 575px) {
      .attributebox .attributebox_container {
        width: 100%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .attributebox .attributebox_container {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .attributebox .attributebox_container {
        width: 600px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .attributebox .attributebox_container {
        width: 600px; } }
    @media only screen and (min-width: 1200px) {
      .attributebox .attributebox_container {
        width: 600px; } }
    .attributebox .attributebox_container .attributebox_content {
      width: 96%;
      height: 420px;
      margin: 2%;
      margin-top: 10px;
      overflow-y: scroll; }
      .attributebox .attributebox_container .attributebox_content .tabs-1 {
        width: 100%; }
      .attributebox .attributebox_container .attributebox_content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(80, 80, 80, 0.5);
        background-color: #f2f2f2; }
      .attributebox .attributebox_container .attributebox_content::-webkit-scrollbar {
        width: 5px; }
      .attributebox .attributebox_container .attributebox_content::-webkit-scrollbar-thumb {
        background-color: rgba(167, 181, 184, 0.8); }
    .attributebox .attributebox_container .table_type1 {
      margin-top: 10px;
      width: 100%;
      border-collapse: collapse;
      border: 1px solid rgba(121, 121, 121, 0.5); }
      .attributebox .attributebox_container .table_type1:first-child {
        margin-top: none; }
      .attributebox .attributebox_container .table_type1 caption {
        height: 2em;
        background-color: #39b0ff;
        color: #e4e7ed;
        font-size: 1.1rem;
        line-height: 2em;
        border: 1px solid rgba(121, 121, 121, 0.5);
        border-bottom: 0; }
      .attributebox .attributebox_container .table_type1 tr {
        border-bottom: 1px solid rgba(121, 121, 121, 0.5); }
        .attributebox .attributebox_container .table_type1 tr td.td_right {
          width: 35%;
          text-align: center;
          padding: 2% 3%;
          margin-bottom: 2px;
          background-color: #d8d8d8; }
        .attributebox .attributebox_container .table_type1 tr td.td_left {
          width: 65%;
          padding: 2% 3%;
          margin-bottom: 2px;
          background-color: rgba(216, 216, 216, 0.5); }