@charset "UTF-8";
body {
  width: 100%;
  position: fixed;
  left: 0;
  overflow: hidden;
}

body.popup_out{
  width: unset;
  position: unset;
  left: unset;
  overflow: unset;
}


.top_popup_body{
  background: rgba(255,255,255,.7);
  width: 100%;
  height: 100svh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.top_popup_body .popup_container{
  width: 34.88%;
  min-width: 400px;
  margin: 0 auto;
}

@media (max-width: 600px){
  .top_popup_body .popup_container{
    width: 80%;
    min-width: 300px;
    /*margin: 0 auto;*/
  }
}

.top_popup_body .popup_inner{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 10vh 0 0;
}

.top_popup_body .top_popup_close{
  position: absolute;
  width: 40px;
  left: 1.18vw;
  top: 10vh;
  transform: translateY(-100%);
  cursor: pointer;
}

.top_popup_body .top_popup{
  width: 100%;
  padding: 1.18vw;
  overflow-y: scroll;
}

.top_popup_body .popup_head{
  width: 100%;
  overflow: hidden;
  margin-bottom: 3%;
  box-shadow: 0 0 1.18vw rgba(9,0,0,.55);
  border-radius: 0 30px 0 0;
}

.top_popup_body .popup_content{
  margin-bottom: 3%;
  box-shadow: 0 0 1.18vw rgba(9,0,0,.55);
}

.top_popup_body .popup_content:last-child{
  margin-bottom: 10vh;
}

.top_popup_body .popup_pic{
  position: relative;
  transition: all .3s linear;
}

.top_popup_body .popup_pic:hover{
  filter: brightness(1.2);
}

.top_popup_body .popup_pic img{
  cursor: pointer;
}

.top_popup_body .top_aco_more{
  position: absolute;
  /*width: 9.99%;*/
  width: 28.97%;
  left: 67.5%;
  top: 83.5%;
  pointer-events: none;
}

.top_popup_body .top_aco_more img{
  display: inline;
}

.top_popup_body .top_aco_more img.active{
  display: none;
}

.top_popup_body .top_aco_close{
  position: absolute;
  /*width: 8.57%;*/
  width: 24.8522%;
  left: 67.5%;
  top: 83.5%;
  pointer-events: none;
}

.top_popup_body .top_aco_close img{
  display: none;
}

.top_popup_body .top_aco_close img.active{
  display: inline;
}

.top_popup_body .popup_aco{
  height: 0;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(.03,.86,.65,.97);
}

/*.top_popup_body .popup_aco.active{
  max-height: 1000px;
}*/

.blog{
  width: min(54.6726vw, 74.3rem);
  margin: 0 auto;
}

.blog a{
  transition: opacity .3s linear;
}

.blog a:hover{
  opacity: .5;
}

@media screen and (max-width: 600px){
  .blog{
    width: min(78.2609vw, 32.4rem);
    margin: 0 auto;
  }
}