/* line 1, ../sass/header_back.scss */
.backstage-main-haeder {
  padding: 50px 0 10px 0;
  text-align: center;
  background-color: #00acbe;
}
/* line 6, ../sass/header_back.scss */
.backstage-main-haeder.blue-green {
  background-color: #00abd8;
}
/* line 10, ../sass/header_back.scss */
.backstage-main-haeder .avatar {
  position: relative;
  width: 180px;
  height: 180px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 100%;
}
/* line 21, ../sass/header_back.scss */
.backstage-main-haeder .avatar .modify {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}
/* line 26, ../sass/header_back.scss */
.backstage-main-haeder .avatar .modify img {
  height: 20px;
}
/* line 32, ../sass/header_back.scss */
.backstage-main-haeder .name {
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
}
/* line 38, ../sass/header_back.scss */
.backstage-main-haeder .point-block {
  background-color: #f1af48;
  display: block;
  width: 180px;
  font-size: 0;
  margin: 0 auto;
  margin-bottom: 25px;
}
/* line 45, ../sass/header_back.scss */
.backstage-main-haeder .point-block img {
  height: 15px;
  margin-right: 4px;
  vertical-align: middle;
}
/* line 50, ../sass/header_back.scss */
.backstage-main-haeder .point-block .point {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  font-size: 1rem;
  vertical-align: middle;
}
/* line 57, ../sass/header_back.scss */
.backstage-main-haeder .point-block .point small {
  margin-left: 3px;
}
/* line 63, ../sass/header_back.scss */
.backstage-main-haeder .identity-block {
  color: #fff;
  border: 1px solid #fff;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}
/* line 71, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu {
  font-size: 0;
}
/* line 74, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a {
  position: relative;
  display: block;
  font-size: 1.25rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 0 65px 0;
  border-left: 1px solid #fff;
}
/* line 84, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a img {
  height: 50px;
}
/* line 88, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a.active:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 4px solid #f1af48;
  position: absolute;
  left: 0;
  bottom: -16px;
}
/* line 98, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon {
  width: 50px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
/* line 107, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.present {
  background-image: url(../images/bk-header-menu/member_meun_01.png);
  background-size: 35px auto;
}
/* line 112, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.glasses {
  background-image: url(../images/bk-header-menu/member_meun_02.png);
  background-size: 50px auto;
}
/* line 117, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.setting {
  background-image: url(../images/bk-header-menu/member_meun_03.png);
  background-size: 45px auto;
}
/* line 122, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.book {
  background-image: url(../images/bk-header-menu/member_meun_04.png);
  background-size: 40px auto;
}
/* line 127, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.house {
  background-image: url(../images/bk-header-menu/member_meun_05.png);
  background-size: 40px auto;
}
/* line 134, ../sass/header_back.scss */
.backstage-main-haeder ul.backstage-main-haeder-menu li:last-child a {
  border-right: 1px solid #fff;
}

@media (max-width: 1200px) {
  /* line 147, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a {
    padding: 0 40px;
  }
}
@media (max-width: 991px) {
  /* line 159, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  /* line 169, ../sass/header_back.scss */
  .backstage-main-haeder {
    padding: 20px 0 10px 0;
  }
  /* line 171, ../sass/header_back.scss */
  .backstage-main-haeder .avatar {
    width: 120px;
    height: 120px;
  }
  /* line 178, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a > div:last-child {
    display: none;
  }
}
@media (max-width: 500px) {
  /* line 192, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a {
    padding: 0 10px;
  }
  /* line 194, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon {
    width: 35px;
    height: 30px;
  }
  /* line 199, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.present {
    background-size: 25px auto;
  }
  /* line 203, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.glasses {
    background-size: 34px auto;
  }
  /* line 207, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.setting {
    background-size: 30px auto;
  }
  /* line 211, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.book {
    background-size: 28px auto;
  }
  /* line 215, ../sass/header_back.scss */
  .backstage-main-haeder ul.backstage-main-haeder-menu li a div.menu-icon.house {
    background-size: 27px auto;
  }
}