.solution_area {
    padding-top: 10rem;
    padding-bottom: 8rem;
}

.fd_black {
    color: #fff;c
    border-color: #fff;
    background-image: url(/images/common/icon_download_white.png);
}

.mt10{
  margin-top: 1.5rem;
}

.h4.k5_title {
    font-size: 1.3rem;
}


.bg_education_vh_v2 {
    width: 1017px;
    height: 1259px;
    background-image: url(/images/solution/access/Union_access_main-_diagram-v2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.li_subject{
    font-size: 1.4rem;
}

ul{
   list-style:none;
}

.product_list_desc p {
    display: block;
    margin: 0;
    min-height: 25px;
    font-size: 14px;
    line-height: 1.2;
}
  .c{
    position: relative;
    height: calc(100vh - 123px);
    min-height: 600px;
    background-image: url(/images/solution/ISS/bg_2222.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .text_main{
    position: relative;
    display: flex;
    /* min-height: 100vh; */
    min-height: 100%;
    align-items: center;
    text-align: center;
  }
  .main_text{
    margin-left: auto;
    margin-right: auto;
  }
  .des_main{
    color: white;
  }
  .iss_font_1{
    font-size:3rem;
  }
  .iss_font_2{
    font-size:0.9rem;
  }


  .play_icon{
    background-image: url(/images/solution/access/play.png);
    min-width: 50px;
    background-repeat: no-repeat;
    min-height: 50px;
    background-size: contain;
  }

  .cx_box_video .bg_box_video_content .tab-content {
      position: absolute;
      top: 165px;
      left: 45px;
      right: 45px;
      bottom: 45px;
      max-width: 45%;
  }

  .bu_ISS{
    max-width: 16rem;
    background-color: white;
    padding: 13px 15px;
    border-radius: 60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    color: #0b022e;
    font-weight: 700;
    margin-bottom: 5%;
  }
  .ISS_upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* padding: 3rem 0 0 0; */
}

p.is_conf {
    text-align: justify;
}
.row.is_ckks {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.iss_content_title {
    margin-bottom: 2.8rem;
}
.ISS_bg_suite_intro {
    margin-top: -123px;
  /*  background-image: url(/images/solution/suite/bg_suite_intro.png);
    background-image: url('/images/solution/ISS/bg_2222.jpg'); */

    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(62 61 62);
    background-size: cover;
}
.iss_solution_area {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.iss_suite_intro_box {
    padding-top: 11rem;
    text-align: center;
    color: #fff;
}
.ISS_sear_font{
    font-size: 12px;
}
.iss_link_subbtn_white{
  background: white;
  color: #5d5d5d !important;
  border: 1px solid rgba(128, 128, 128, 0.46) !important;
}
.side_menu {
    position: top;
    position: fixed;
    bottom: 100px;
    right: 50px;
    background-color: #03a9f4;
    height: 50px;
    width: 50px;
    border-radius: 60px;
    display:none;
}

.relative_img img {
    max-width: 90%;
    max-height: 100%;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.iss_sub_font2{
  font-size: 15px;
}
.ISS_th_title{
  font-size: 16px;
}
.ISS_thu_sub{
  font-size: 13px !important;
  line-height: unset !important;

}
.iss_label {
  position: absolute;
  top: 6px;
  /*left: -8px; */
  display: flex;
  font-size: 75%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  /*box-shadow: 3px 2px 12px 0px #00000026; */
  flex-direction: row;
  flex-wrap: wrap;
  }
.iss_new_label{
  padding: 3px 6px;
  border-radius: 2px;
}

  /* #advanced{
      background-color: rgb(0 0 0 / 64%);
      padding-bottom: 33px;
      border-radius: 5px;
      padding-top: 10px;
  } */

  .iss_padding_zero{
    padding:0;
  }
  .iss_tag{
    margin-bottom: 0;
    font-size: 0.6rem;
    padding: 3px 5px;
  }
  .color_1{
    background-color: #00373e; /*management*/
    color: #fff !important;
  }
  .color_2{
    background-color: #00545f; /*evaluation*/
    color: #fff !important;
  }
  .color_3{
    background-color: #006977; /*analysis*/
    color: #fff !important;
  }
  .color_4{
    background-color: #008394; /*respond*/
    color: #fff !important;
  }
  .color_5{
    background-color: #009baf; /*action*/
    color: #fff !important;
  }
  .color_6{
    background-color: #01b8d0; /*system design*/
    color: #fff !important;
  }
  .color_7{
    background-color: #01cce6; /*detection*/
    color: #fff !important;
  }
  .color_8{
    background-color: #02e2ff; /*recognition*/
    color: #fff !important;
  }
  .color_9{
    background-color: #7af0ff; /*data security*/
    color: #fff !important;
  }
  .color_10{
    background-color: #b6f5ff; /*All*/
    color: #fff !important;
  }
/*
  .kf_thum{
    display: none
  }
*/
  .iss_iss_top{
    font-size: 2.2rem;
    margin-bottom: 0;
    letter-spacing: 3px;
  }
  #iss_new_functions_mobile{
  display:none;
  }
  .iss_link_subbtn_white {
    /* background: white; */
    border: 1px solid rgba(128, 128, 128, 0.46) !important;
  }
  h1.mb-4 {
      color: #008ea0;
  }
  h3.iss_se {
    font-size: 1.4rem;
  }
  #video_iss {
    position: absolute;
    top: 56%;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 100%;
    min-width: 80%;
    min-height: 80%;
    z-index: -1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }

  .wrap-img, .wrap-img2 { width:100%; height:100%; overflow:hidden;  }
  .wrap-img:hover img {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -moz-transition:.3s;

  }
  .wrap-img img {
   transform:scale(1);
   -moz-transform:scale(1);
   -o-transform:scale(1);
   -webkit-transition:.3s;
   -moz-transition:.3s;
   -ms-transition:.3s
  }

  .iss_icon_total_area {
    padding-top: 5rem;
  }
  .iss_tab_content {
    position: absolute;
    top: 202px;
    left: 79px;
    right: 45px;
    bottom: 45px;
    width: 100%;
    color: white;
  }

  .cen_im{

  }

  li.nav-item {
    font-size: 11px;
    font-weight: 300;
  }


  .iss_bg_box_video.iss_box_video {
    position: relative;
    width: 1287px;
    height: 752px;
    background-image: url(/images/solution/ISS/apm_v2.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
  }

  .iss_box_video {
    position: relative;
    width: 1100px;
    height: 740px;
    background-image: url(/images/solution/directip/bg_tablet.png);
    background-repeat: no-repeat;
    background-size: cover;

}
.iss_box_video_content {
    position: absolute;
    top: 28px;
    left: 23px;
    background-color: red;
    width: 875px;
    height: 555px;
}
#issVideo {
    /* width: 775px; */
    height: 698px;
}
.iss_solution_area{
  overflow: hidden; background-image: -webkit-linear-gradient(0deg, #eaeaea 0%, #ffffff 18%, #ffffff 67%, #ffffff 100%);
  background-image: -moz-linear-gradient(0deg, #eaeaea 0%, #ffffff 18%, #ffffff 67%, #ffffff 100%);
  background-image: -o-linear-gradient(0deg, #eaeaea 0%, #ffffff 18%, #ffffff 67%, #ffffff 100%);
  background-image: linear-gradient(0deg, #eaeaea 0%, #ffffff 18%, #ffffff 67%, #ffffff 100%);
  padding-top: 3rem;
  padding-bottom: 4rem;
  /*
  background-image: url('/images/index/bestSales2021/b_bg_2.jpg');
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  */
}
.iss_solution_upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0;
}

.iss_bg_compact_intro {
    position: relative;
    height: calc(100vh - 123px);
    min-height: 600px;
    background-image: url(/images/solution/ISS/airport.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.iss_white {
    color: #ffffff;
    border-color: #fff;
    background-color: rgba(78, 159, 170, 0.88);
    background-image: url(/images/common/icon_download_white.png);
}
.iss_white:hover {
    color: rgba(78, 159, 170, 0.88);
    border-color: rgba(78, 159, 170, 0.88);
    background-color: #fff;
    background-image: url(/images/common/icon_download_black.png);
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}


.iss_upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* padding: 5rem 0; */
}

.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
	text-align: center;

}

.Aligner-item {
  max-width: 100%;
  min-width: 1000px;
}

.Aligner-item--top {
  align-self: flex-start;
}


.Aligner-item--bottom {
  align-self: flex-end;
}

.modal-header {
    display: block;
    padding: 40px 30px 10px;
    border: none;
}

.text-white{
	text-align: center;
}

.im_center{
  margin-left: auto;
  margin-right: auto;
}

.im_mb{
  margin-bottom: 16px;
}
.gray_box{
  /* background-color: #f7f7f7; */
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


.diagram_img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 800px;
  margin-top: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/solution/access/Commercial_Office_Access.png);
}

.iss_pb{
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  background: none;
  background-image: url(/images//solution/ISS/pb.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  opacity: 0.5;
}

.kt_ho{
  color: rgba(78, 159, 170, 0.88);
border-color: rgba(78, 159, 170, 0.88);
background-color: #fff;
/* background-image: url(/images/common/icon_download_black.png); */
display: block;
max-width: 160px;
margin-left: auto;
margin-right: auto;
border-radius: 60px;
}

.kt_ho:hover{
    color: #fff;
    border-color: rgba(78, 159, 170, 0.88) ;
    background-color: rgba(78, 159, 170, 0.88);
}

.iss_label.label-success.iss_new_label {
    z-index: 10;
}

p.iss_se_2 {
    font-size: 13px;
}

.container-fluid-center.top_space {
    margin-top: 3rem;
}

.union_btn {
    color: black;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 6px 19px;
    border-radius: 60px;
    display: block;
    /* max-width: 288px; */
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1rem;
}

.bg_channel {
    min-height: 327px;
    max-width: 100%;
    background-image: url(/images/solution/center/channel.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.center_tab_box {
    padding: 0px 12px 33px 12px;;
    background-color: #ffff;
}



/* diagram design */
.vertical_pin_ac {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 37px;
    height: 51px;
    border: none;
    background: none;
    background-image: url(/images/solution/access/pin_c.png);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

h5.ISS_th_title {
font-size: 14px ;
}


  @media (max-width: 1599.98px) {
    #iss_title{
      font-size:3.3rem !important;
    }
    p.text-white.iss_iss_top {
    font-size: 1.8rem;
    }
    h1.iss_c1 {
    font-size: 2.1rem !important;
    }
    p.is_conf.iss_sub_font2 {
    font-size: 12px;
    }
    h3.iss_se {
    font-size: 1.2rem !important;
    }
    p.iss_se_2 {
    font-size: 12px;
    }
    span.sssf {
    font-size: 10px !important;
    }
    h5.ISS_th_title {
    font-size: 13px !important;
    }
    p.ISS_thu_sub {
    font-size: 10px !important;
    }
    .new_iss_f_icon{
      transform: scale(0.8, 0.8);
    }
    #iss_new_functions{
      margin-top: 1.5rem !important;
    }
    .solution_area {
    padding-top: 5rem;
    padding-bottom: 5rem;
    }
  }
  @media (max-width: 1199px){
    .col-12.col-xl-6.iss_tablet_none {
    display: none;
    }
    .cen_im{
    min-height: 450px;
    }
    .compact_graph_box.product_list_hover {
    margin-bottom: 1rem;
    }
    .mobile_hide{
      display: none;
    }
  }

  @media (max-width: 1180px){
    .col-12.col-xl-6.iss_tablet_none {
    display: none;
    }
    .iss_content_title {
        text-align: center;
    }
    p.iss_kksl {
    font-size: 19px;
    }
    .Aligner-item {
      max-width: 100%;
      min-width: 750px;
    }


  }

  @media (max-width: 767.98px){
    .iss_content_title {
        text-align: center;
    }
    .col-12.col-xl-4.align-self-end.ben3 {
        margin-bottom: 1rem;
    }
    .Aligner-item {
      max-width: 100%;
      min-width: 320px;
    }


  }



  @media (max-width: 575.98px) {
    .iss_iss_top{
      font-size: 1rem;
      margin-bottom: 0;
      letter-spacing: 1px;
    }
    #iss_new_functions{
      display:none;
    }
    p#iss_new_functions_mobile{
    display:block;
    margin-top: 1rem !important;
    }
    .mobile_row{
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
    body > section.solution_area.iss_bg_compact_intro.Aligner > div > div.container{
    display: none;
    }
    p.text-white.iss_iss_top {
    font-size: 1rem;
    }
    .k5_icons{
      display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .k5_title{
      text-align: center;
    }
    .col-12.col-xl-4.align-self-end.ben3{
      margin-bottom: 1rem;
    }
    #pm > div > div > div > div > div:nth-child(2){
      margin-top: 1.5rem;
    }
    #pm {
      MARGIN-BOTTOM: 0REM !important;
    }
    .cen_im{
      min-height: 175px;
    }
    .center_tab_box {
      padding: 33px 12px;
    }
    .play_icon {
      min-width: 30px;
      min-height: 30px;
      }
    .mo_non{
      display: none;
    }
  }