#btnClose {
  top                        : 1em;
  right                      : 1em;
  z-index                    : 120;
  font-size                  : 0.9rem;
  -webkit-tap-highlight-color: transparent;
  background-color           : #fff;
  text-align                 : center;
  min-width                  : 8em;
  height                     : 100%;
  cursor                     : pointer;
  border                     : 1px solid rgba(0, 0, 0, 0.4);
  border-radius              : 3px;
  margin-left                : auto;
  line-height                : 1.4em;
  color                      : #000;
}

#lang-select {
  top : 1em;
  left: 1em;
}

#lang-select * {
  padding                    : 0;
  white-space                : nowrap;
  -webkit-tap-highlight-color: transparent;
  font-size                  : 1em;
  line-height                : 1.1em;
}

#lang-select .lang-list:first-child {
  font-family: 'font-ja';
}

#lang-select .lang-list:nth-last-child(2) {
  font-family: 'font-en';
}

#lang-select .lang-list:nth-last-child(3) {
  font-family: 'font-zh-Hans';
}

#lang-select .lang-list:last-child {
  font-family: 'font-zh-Hant';
}

#lang-select .wrapper {
  box-shadow           : 0 0 8px rgb(0 0 0 / 25%);
  border-radius        : 6px;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: reverse;
}

#lang-select header {
  display    : flex;
  align-items: center;
}

#lang-select header .bar-title {
  text-align : center;
  font-weight: bold;
}

#lang-select header .text-l {
  font-size  : 1.1em;
  margin     : 1em 0 0.4em;
  font-family: 'font-ja';
}

#lang-select header .text-s {
  margin     : 0 0 1.1em 0;
  font-size  : 0.8em;
  padding    : 0 10px;
  font-family: 'font-en';
}

#lang-select header .divider {
  display         : inline-block;
  width           : 1px;
  height          : 80%;
  background-color: rgb(214, 0, 28);
  margin          : 0 5px;
}

#lang-select header .current-view {
  text-align : center;
  width      : 6em;
  font-weight: 700;
  font-size  : 1.2em
}

#lang-select .toggle-open {
  cursor: pointer;
}

#lang-select button {
  background-color: transparent;
  display         : block;
  border          : none;
  outline         : none;
  color           : #000;
}

#lang-select .lang-list {
  display     : flex;
  align-items : center;
  margin      : 0;
  margin-right: 1em;
  font-size   : 1.2em;

  width     : 100px;
  transition: width 500ms;
}

#lang-select .lang-list li {
  font-size : 1em;
  margin    : 0 0.5em;
  list-style: none;
}

.lang-close {
  content            : "";
  border             : none;
  outline            : none;
  cursor             : pointer;
  position           : absolute;
  border-radius      : 0 3px 3px 0;
  user-select        : none;
  z-index            : 10;
  width              : 6vw;
  height             : 6vw;
  left               : 52vw;
  transform          : translate(-50%, 0);
  background-image   : url("/assets/img/Materail/close_active.png");
  background-size    : 8vw auto;
  background-repeat  : no-repeat;
  background-position: right 50% bottom 50%;
}


.lang-close:active {
  background-image: url("/assets/img/Materail/close_disable.png");
}

#lang-select .lang-list li.margin-s {
  margin: 0 0.1em;
}

#lang-select .lang-list li.current button {
  color      : rgb(214, 0, 28);
  font-weight: bold;
}