:root {
  --ff-fontawesome: "Font Awesome 5 Free";
  --ff-material: "Material Icons";
  --suger-grape: #8e2bfe;
  --suger-grap-rgb: 268, 83, 100;
  --suger-grape-drk: #7101ef;
  --suger-grape-drk-rgb: 113, 1, 239;
  --lingering-lilac: #e5daf2;
  --lingering-lilac-rgb: 229, 218, 242;
  --lilac: #C591FF;
  --lilac-rgb: 197, 145, 255;
  --lilac-drk: #9D45FF;
  --lilac-drk-rgb: 157, 69, 255;
  --blue-blue: #2938d1;
  --blue-blue-rgb: 41, 56, 209;
  --blue-blue-drk: #212DA9;
  --blue-blue-drk-rgb: 33, 45, 169;
  --clean-pool: #4CC9F0;
  --clean-pool-rgb: 76, 201, 240;
  --clean-pool-drk: #15B8EC;
  --clean-pool-drk-rgb: 21, 184, 236;
  --pink-piano: #f72585;
  --pink-piano-rgb: 247, 37, 133;
  --pink-piano-drk: #DE086A;
  --pink-piano-drk-rgb: 222, 8, 106;
  --lunar-rock: #c5c5c5;
  --lunar-rock-rgb: 197, 197, 197;
  --lunar-rock-drk: #9F9F9F;
  --lunar-rock-drk-rgb: 159 159, 159;
  --cold-morning: #e5e5e5;
  --cold-morning-rgb: 229, 229, 229;
  --cold-morning-drk: #B9B9B9;
  --cold-morning-drk-rgb: 185, 185, 185;
  --beluga: #f1f1f1;
  --beluga-rgb: 241, 241, 241;
  --beluga-drk: #C3C3C3;
  --beluga-drk-rgb: 195, 195, 195;
  --icewind-dale: #e9ecef;
  --icewind-dale-rgb: 233, 236, 239;
  --icewind-dale-drk: #CED4DB;
  --icewind-dale-drk-rgb: 206, 212, 219;
  --super-sliver: #eee;
  --super-sliver-rgb: 238, 238, 238;
  --super-sliver-drk: #C1C1C1;
  --super-sliver-drk-rgb: 193, 193, 193;
  --squant: #666;
  --squant-rgb: 102, 102, 102;
  --squant-drk: #535353;
  --squant-drk-rgb: 83, 83, 83;
  --liberty-blue: #071730;
  --liberty-blue-rgb: 7, 23, 48;
  --liberty-blue-drk: #051327;
  --liberty-blue-drk-rgb: 5, 19, 39;
  --ts-eio: all .2s ease-in-out .2s;
  --tl-x: translateX(-50%);
  --tl-y: translateY(-50%);
  --tl-xy: translate(-50%, -50%);
}

::-moz-selection {
  color: #fff;
  background-color: #2938d1;
}

::selection {
  color: #fff;
  background-color: #2938d1;
}

a, a:hover, a:active, button, button:hover, button:active {
  text-decoration: none !important;
  transition: all 0.2s ease-in-out 0.2s;
}
a:focus, button:focus {
  outline: none;
}

@media (max-width: 575.98px) {
  input, textarea {
    font-size: 16px !important;
  }
}
/*--bg--*/
.bg-suger-grape {
  background-color: var(--suger-grape);
}

.bg-suger-grape-drk {
  background-color: var(--suger-grape-drk);
}

.bg-lingering-lilac {
  background-color: var(--lingering-lilac);
}

.bg-lilac {
  background-color: var(--lilac);
}

.bg-blue-blue {
  background-color: var(--blue-blue);
}

.bg-blue-blue-drk {
  background-color: var(--blue-blue-drk);
}

.bg-clean-pool {
  background-color: var(--clean-pool);
}

.bg-pink-piano {
  background-color: var(--pink-piano);
}

.bg-pink-piano-drk {
  background-color: var(--pink-piano-drk);
}

.bg-lunar-rock {
  background-color: var(--lunar-rock);
}

.bg-cold-morning {
  background-color: var(--cold-morning);
}

.bg-beluga {
  background-color: var(--beluga);
}

.bg-icewind-dale {
  background-color: var(--icewind-dale);
}

.bg-super-sliver {
  background-color: var(--super-sliver);
}

.bg-squant {
  background-color: var(--squant);
}

.bg-sauqnt-drk {
  background-color: var(--sauqnt-drk);
}

.bg-liberty-blue {
  background-color: var(--liberty-blue);
}

.bg-liberty-blue-drk {
  background-color: var(--liberty-blue-drk);
}

/*--text--*/
.text-suger-grape {
  color: var(--suger-grape);
}

.text-suger-grape-drk {
  color: var(--suger-grape-drk);
}

.text-lingering-lilac {
  color: var(--lingering-lilac);
}

.text-lilac {
  color: var(--lilac);
}

.text-blue-blue {
  color: var(--blue-blue);
}

.text-blue-blue-drk {
  color: var(--blue-blue-drk);
}

.text-clean-pool {
  color: var(--clean-pool);
}

.text-pink-piano {
  color: var(--pink-piano);
}

.text-pink-piano-drk {
  color: var(--pink-piano-drk);
}

.text-lunar-rock {
  color: var(--lunar-rock);
}

.text-cold-morning {
  color: var(--cold-morning);
}

.text-beluga {
  color: var(--beluga);
}

.text-icewind-dale {
  color: var(--icewind-dale);
}

.text-super-sliver {
  color: var(--super-sliver);
}

.text-squant {
  color: var(--squant);
}

.text-sauqnt-drk {
  color: var(--sauqnt-drk);
}

.text-liberty-blue {
  color: var(--liberty-blue);
}

.text-liberty-blue-drk {
  color: var(--liberty-blue-drk);
}

/*--buttons--*/
.button {
  display: inline-block;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: none;
  cursor: pointer;
}

.button-suger-grape {
  color: #fff;
  background-color: var(--suger-grape);
  border-color: var(--suger-grape);
  border-width: 1px;
  border-radius: 0.5rem;
  border: var(--suger-grape) solid 1px;
}
.button-suger-grape:hover, .button-suger-grape:active {
  color: #fff;
  background-color: var(--suger-grape-drk);
}
.button-suger-grape:focus {
  box-shadow: rgba(var(--suger-grape-drk-rgb), 0.25) 0 0 0 0.25rem;
  border-color: var(--suger-grape-drk);
  z-index: 1;
}
.button-suger-grape[disabled] {
  filter: grayscale(0.5);
  pointer-events: none;
}

.button-blue-blue {
  color: #fff;
  background-color: var(--blue-blue);
  border-color: var(--blue-blue);
  border-width: 1px;
  border-radius: 0.5rem;
  border: var(--blue-blue) solid 1px;
}
.button-blue-blue:hover, .button-blue-blue:active {
  color: #fff;
  background-color: var(--blue-blue-drk);
}
.button-blue-blue:focus {
  box-shadow: rgba(var(--blue-blue-drk-rgb), 0.25) 0 0 0 0.25rem;
  border-color: var(--blue-blue-drk);
  z-index: 1;
}
.button-blue-blue[disabled] {
  filter: grayscale(0.5);
  pointer-events: none;
}

.button-pink-piano {
  color: #fff;
  background-color: var(--pink-piano);
  border-color: var(--pink-piano);
  border-width: 1px;
  border-radius: 0.5rem;
  border: var(--pink-piano) solid 1px;
}
.button-pink-piano:hover, .button-pink-piano:active {
  color: #fff;
  background-color: var(--pink-piano-drk);
}
.button-pink-piano:focus {
  box-shadow: rgba(var(--pink-piano-drk-rgb), 0.25) 0 0 0 0.25rem;
  border-color: var(--pink-piano-drk);
  z-index: 1;
}
.button-pink-piano[disabled] {
  filter: grayscale(0.5);
  pointer-events: none;
}

.button-squant {
  color: #fff;
  background-color: var(--squant);
  border-color: var(--squant);
  border-width: 1px;
  border-radius: 0.5rem;
  border: var(--squant) solid 1px;
}
.button-squant:hover, .button-squant:active {
  color: #fff;
  background-color: var(--squant-drk);
}
.button-squant:focus {
  box-shadow: rgba(var(--squant-drk-rgb), 0.25) 0 0 0 0.25rem;
  border-color: var(--squant-drk);
  z-index: 1;
}
.button-squant[disabled] {
  filter: grayscale(0.5);
  pointer-events: none;
}

.button-liberty-blue {
  color: #fff;
  background-color: var(--liberty-blue);
  border-color: var(--liberty-blue);
  border-width: 1px;
  border-radius: 0.5rem;
  border: var(--liberty-blue) solid 1px;
}
.button-liberty-blue:hover, .button-liberty-blue:active {
  color: #fff;
  background-color: var(--liberty-blue-drk);
}
.button-liberty-blue:focus {
  box-shadow: rgba(var(--liberty-blue-drk-rgb), 0.25) 0 0 0 0.25rem;
  border-color: var(--liberty-blue-drk);
  z-index: 1;
}
.button-liberty-blue[disabled] {
  filter: grayscale(0.5);
  pointer-events: none;
}

.button-close {
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0);
  border: rgba(255, 255, 255, 0) solid 4px;
  border-radius: 50%;
  position: relative;
}
.button-close:hover, .button-close:active {
  border-color: rgba(255, 255, 255, 0.5);
}
.button-close:before {
  content: "\e5cd";
  font-family: var(--ff-material);
  font-size: 28px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: var(--tl-xy);
}

.hover-shown {
  opacity: 0;
}
.hover-shown:hover, .hover-shown:active {
  opacity: 1;
}

.input-group.pill-group *:first-child {
  border-top-left-radius: 10rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10rem;
}
.input-group.pill-group *:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 10rem;
  border-bottom-right-radius: 10rem;
  border-bottom-left-radius: 0;
}

.btn-icons {
  width: 4rem;
  height: 4rem;
  position: relative;
  width: 4rem;
  height: 4rem;
  position: relative;
  overflow: hidden;
}
.btn-icons img {
  width: 100%;
  height: 100%;
  transform: var(--tl-xy);
  position: absolute;
  top: 50%;
  left: 50%;
}
.btn-icons:hover, .btn-icons:active {
  filter: brightness(0.875);
}
.btn-icons:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  transform: var(--tl-xy);
  position: absolute;
  top: 50%;
  left: 50%;
}

.btn-facebook:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5ZyW5bGkXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTI3LjIsMzAuNGg2LjJsMS02LjNoLTcuMnYtMy40YzAtMi42LDAuOS00LjksMy4zLTQuOWgzLjl2LTUuNWMtMC43LTAuMS0yLjItMC4zLTQuOS0wLjMNCgljLTUuOCwwLTkuMiwzLjEtOS4yLDEwdjQuMmgtNS45djYuM2g1Ljl2MTcuM2MxLjIsMC4yLDIuNCwwLjMsMy42LDAuM2MxLjEsMCwyLjItMC4xLDMuMi0wLjJWMzAuNHoiLz4NCjwvc3ZnPg0K);
}

.btn-google:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5ZyW5bGkXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZDMTA3OyIgZD0iTTM5LjEsMjAuOGgtMS4ydi0wLjFIMjQuNHY2aDguNWMtMS4yLDMuNS00LjYsNi04LjUsNmMtNSwwLTktNC05LTlzNC05LDktOWMyLjMsMCw0LjQsMC45LDYsMi4zDQoJCWw0LjItNC4yYy0yLjctMi41LTYuMy00LTEwLjItNGMtOC4zLDAtMTUsNi43LTE1LDE1czYuNywxNSwxNSwxNXMxNS02LjcsMTUtMTVDMzkuNCwyMi44LDM5LjMsMjEuOCwzOS4xLDIwLjh6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGM0QwMDsiIGQ9Ik0xMS4xLDE2LjhsNC45LDMuNmMxLjMtMy4zLDQuNi01LjYsOC4zLTUuNmMyLjMsMCw0LjQsMC45LDYsMi4zbDQuMi00LjJjLTIuNy0yLjUtNi4zLTQtMTAuMi00DQoJCUMxOC42LDguOCwxMy42LDEyLDExLjEsMTYuOHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNENBRjUwOyIgZD0iTTI0LjQsMzguOGMzLjksMCw3LjQtMS41LDEwLjEtMy45bC00LjYtMy45Yy0xLjUsMS4xLTMuNCwxLjgtNS40LDEuOGMtMy45LDAtNy4yLTIuNS04LjUtNkwxMSwzMC42DQoJCUMxMy41LDM1LjQsMTguNSwzOC44LDI0LjQsMzguOHoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMTk3NkQyOyIgZD0iTTM5LjEsMjAuOGgtMS4ydi0wLjFIMjQuNHY2aDguNWMtMC42LDEuNy0xLjcsMy4xLTMuMSw0LjJjMCwwLDAsMCwwLDBsNC42LDMuOQ0KCQljLTAuMywwLjMsNC45LTMuNiw0LjktMTEuMUMzOS40LDIyLjgsMzkuMywyMS44LDM5LjEsMjAuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
}

.btn-line:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5ZyW5bGkXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTQwLDIxLjdjMC03LjItNy4yLTEzLTE2LTEzYy04LjgsMC0xNiw1LjgtMTYsMTNjMCw2LjQsNS43LDExLjgsMTMuNCwxMi44YzAuNSwwLjEsMS4yLDAuMywxLjQsMC44DQoJYzAuMiwwLjQsMC4xLDEsMC4xLDEuNGMwLDAtMC4yLDEuMS0wLjIsMS40Yy0wLjEsMC40LTAuMywxLjYsMS40LDAuOWMxLjctMC43LDkuMi01LjQsMTIuNi05LjNoMEMzOC45LDI3LjIsNDAsMjQuNiw0MCwyMS43eg0KCSBNMTguMywyNS42YzAsMC4yLTAuMSwwLjMtMC4zLDAuM2gtNC41aDBjLTAuMiwwLTAuMy0wLjEtMC4zLTAuM3YwdjB2LTdjMC0wLjIsMC4xLTAuMywwLjMtMC4zaDEuMWMwLjIsMCwwLjMsMC4xLDAuMywwLjN2NS41SDE4DQoJYzAuMiwwLDAuMywwLjEsMC4zLDAuM1YyNS42eiBNMjEuMSwyNS42YzAsMC4yLTAuMSwwLjMtMC4zLDAuM2gtMS4xYy0wLjIsMC0wLjMtMC4xLTAuMy0wLjN2LTdjMC0wLjIsMC4xLTAuMywwLjMtMC4zaDEuMQ0KCWMwLjIsMCwwLjMsMC4xLDAuMywwLjNWMjUuNnogTTI4LjgsMjUuNmMwLDAuMi0wLjEsMC4zLTAuMywwLjNoLTEuMWMwLDAtMC4xLDAtMC4xLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDANCgljMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMCwwLTAuMSwwLTAuMS0wLjFsLTMuMi00LjN2NC4xYzAsMC4yLTAuMSwwLjMtMC4zLDAuM2gtMS4xDQoJYy0wLjIsMC0wLjMtMC4xLTAuMy0wLjN2LTdjMC0wLjIsMC4xLTAuMywwLjMtMC4zaDEuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMA0KCWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMA0KCWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGwzLjIsNC4zdi00LjFjMC0wLjIsMC4xLTAuMywwLjMtMC4zaDEuMWMwLjIsMCwwLjMsMC4xLDAuMywwLjNWMjUuNnogTTM1LDE5LjcNCgljMCwwLjItMC4xLDAuMy0wLjMsMC4zaC0zLjF2MS4yaDMuMWMwLjIsMCwwLjMsMC4xLDAuMywwLjN2MS4xYzAsMC4yLTAuMSwwLjMtMC4zLDAuM2gtMy4xdjEuMmgzLjFjMC4yLDAsMC4zLDAuMSwwLjMsMC4zdjEuMQ0KCWMwLDAuMi0wLjEsMC4zLTAuMywwLjNoLTQuNWgwYy0wLjIsMC0wLjMtMC4xLTAuMy0wLjN2MHYwdi03djB2MGMwLTAuMiwwLjEtMC4zLDAuMy0wLjNoMGg0LjVjMC4yLDAsMC4zLDAuMSwwLjMsMC4zVjE5Ljd6Ii8+DQo8L3N2Zz4NCg==);
}

.link-def {
  color: var(--bs-body-color);
}
.link-def:hover, .link-def:active, .link-def:focus {
  color: #f72585;
}

/*--w-box--*/
.w-box-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.w-box-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*--flex-center--*/
.flex-center-y {
  align-items: center;
}
.flex-center-x {
  justify-content: center;
}
.flex-center-xy {
  justify-content: center;
  align-items: center;
}

/*--absolute--*/
.absolute-y {
  top: 50%;
  transform: var(--tl-y);
}
.absolute-x {
  left: 50%;
  transform: var(--tl-x);
}
.absolute-xy {
  top: 50%;
  left: 50%;
  transform: var(--tl-xy);
}

/*--nav-tabs--*/
.nav-tabs.def-tabs {
  --bs-nav-tabs-border-width: 0;
}
.nav-tabs.def-tabs li + li {
  margin-left: -2px;
}
.nav-tabs.def-tabs li:first-child .button, .nav-tabs.def-tabs li:first-child .btn {
  border-top-left-radius: 100rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 100rem;
}
.nav-tabs.def-tabs li:last-child .button, .nav-tabs.def-tabs li:last-child .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 100rem;
  border-bottom-right-radius: 100rem;
  border-bottom-left-radius: 0;
}
.nav-tabs.def-tabs li:only-child .button, .nav-tabs.def-tabs li:only-child .btn {
  border-radius: 100rem;
}
.nav-tabs.def-tabs li .button {
  border-width: 2px;
  border-radius: 0;
  border-style: solid;
  word-break: break-all;
}
.nav-tabs.def-tabs.vstack {
  flex-direction: column;
}
.nav-tabs.def-tabs.vstack li {
  width: 100%;
}
.nav-tabs.def-tabs.vstack li + li {
  margin-left: 0;
  margin-top: -2px;
}
.nav-tabs.def-tabs.vstack li:first-child .button, .nav-tabs.def-tabs.vstack li:first-child .btn {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-tabs.def-tabs.vstack li:last-child .button, .nav-tabs.def-tabs.vstack li:last-child .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.nav-tabs.def-tabs.vstack li:only-child .button, .nav-tabs.def-tabs.vstack li:only-child .btn {
  border-radius: 100rem;
}
.nav-tabs.def-tabs.vstack li .button, .nav-tabs.def-tabs.vstack li .btn {
  width: 100%;
}

.nav-tabs.def-tabs.def-tabs-suger-grape li .button, .nav-tabs.def-tabs.def-tabs-suger-grape li .btn {
  background-color: rgb(var(--bs-light-rgb));
  color: var(--suger-grape-drk);
  border-color: var(--suger-grape);
}
.nav-tabs.def-tabs.def-tabs-suger-grape li .button:hover, .nav-tabs.def-tabs.def-tabs-suger-grape li .button:active, .nav-tabs.def-tabs.def-tabs-suger-grape li .btn:hover, .nav-tabs.def-tabs.def-tabs-suger-grape li .btn:active {
  color: #fff;
  background-color: var(--suger-grape-drk);
  border-color: var(--suger-grape-drk);
}
.nav-tabs.def-tabs.def-tabs-suger-grape li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-suger-grape li .button.active, .nav-tabs.def-tabs.def-tabs-suger-grape li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-suger-grape li .btn.active {
  color: #fff;
  background-color: var(--suger-grape);
  border-color: var(--suger-grape);
}

.nav-tabs.def-tabs.def-tabs-blue-blue li .button, .nav-tabs.def-tabs.def-tabs-blue-blue li .btn {
  background-color: rgb(var(--bs-light-rgb));
  color: var(--blue-blue-drk);
  border-color: var(--blue-blue);
}
.nav-tabs.def-tabs.def-tabs-blue-blue li .button:hover, .nav-tabs.def-tabs.def-tabs-blue-blue li .button:active, .nav-tabs.def-tabs.def-tabs-blue-blue li .btn:hover, .nav-tabs.def-tabs.def-tabs-blue-blue li .btn:active {
  color: #fff;
  background-color: var(--blue-blue-drk);
  border-color: var(--blue-blue-drk);
}
.nav-tabs.def-tabs.def-tabs-blue-blue li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-blue-blue li .button.active, .nav-tabs.def-tabs.def-tabs-blue-blue li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-blue-blue li .btn.active {
  color: #fff;
  background-color: var(--blue-blue);
  border-color: var(--blue-blue);
}

.nav-tabs.def-tabs.def-tabs-pink-piano li .button, .nav-tabs.def-tabs.def-tabs-pink-piano li .btn {
  background-color: rgb(var(--bs-light-rgb));
  color: var(--pink-piano-drk);
  border-color: var(--pink-piano);
}
.nav-tabs.def-tabs.def-tabs-pink-piano li .button:hover, .nav-tabs.def-tabs.def-tabs-pink-piano li .button:active, .nav-tabs.def-tabs.def-tabs-pink-piano li .btn:hover, .nav-tabs.def-tabs.def-tabs-pink-piano li .btn:active {
  color: #fff;
  background-color: var(--pink-piano-drk);
  border-color: var(--pink-piano-drk);
}
.nav-tabs.def-tabs.def-tabs-pink-piano li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-pink-piano li .button.active, .nav-tabs.def-tabs.def-tabs-pink-piano li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-pink-piano li .btn.active {
  color: #fff;
  background-color: var(--pink-piano);
  border-color: var(--pink-piano);
}

.nav-tabs.def-tabs.def-tabs-squant li .button, .nav-tabs.def-tabs.def-tabs-squant li .btn {
  background-color: rgb(var(--bs-light-rgb));
  color: var(--squant-drk);
  border-color: var(--squant);
}
.nav-tabs.def-tabs.def-tabs-squant li .button:hover, .nav-tabs.def-tabs.def-tabs-squant li .button:active, .nav-tabs.def-tabs.def-tabs-squant li .btn:hover, .nav-tabs.def-tabs.def-tabs-squant li .btn:active {
  color: #fff;
  background-color: var(--squant-drk);
  border-color: var(--squant-drk);
}
.nav-tabs.def-tabs.def-tabs-squant li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-squant li .button.active, .nav-tabs.def-tabs.def-tabs-squant li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-squant li .btn.active {
  color: #fff;
  background-color: var(--squant);
  border-color: var(--squant);
}

.nav-tabs.def-tabs.def-tabs-liberty-blue li .button, .nav-tabs.def-tabs.def-tabs-liberty-blue li .btn {
  background-color: rgb(var(--bs-light-rgb));
  color: var(--liberty-blue-drk);
  border-color: var(--liberty-blue);
}
.nav-tabs.def-tabs.def-tabs-liberty-blue li .button:hover, .nav-tabs.def-tabs.def-tabs-liberty-blue li .button:active, .nav-tabs.def-tabs.def-tabs-liberty-blue li .btn:hover, .nav-tabs.def-tabs.def-tabs-liberty-blue li .btn:active {
  color: #fff;
  background-color: var(--liberty-blue-drk);
  border-color: var(--liberty-blue-drk);
}
.nav-tabs.def-tabs.def-tabs-liberty-blue li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-liberty-blue li .button.active, .nav-tabs.def-tabs.def-tabs-liberty-blue li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-liberty-blue li .btn.active {
  color: #fff;
  background-color: var(--liberty-blue);
  border-color: var(--liberty-blue);
}

.nav-tabs.def-tabs.def-tabs-lingering-lilac li .button, .nav-tabs.def-tabs.def-tabs-lingering-lilac li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--lingering-lilac-drk);
  border-color: var(--lingering-lilac);
}
.nav-tabs.def-tabs.def-tabs-lingering-lilac li .button:hover, .nav-tabs.def-tabs.def-tabs-lingering-lilac li .button:active, .nav-tabs.def-tabs.def-tabs-lingering-lilac li .btn:hover, .nav-tabs.def-tabs.def-tabs-lingering-lilac li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--lingering-lilac-drk);
  border-color: var(--lingering-lilac-drk);
}
.nav-tabs.def-tabs.def-tabs-lingering-lilac li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-lingering-lilac li .button.active, .nav-tabs.def-tabs.def-tabs-lingering-lilac li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-lingering-lilac li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--lingering-lilac);
  border-color: var(--lingering-lilac);
}

.nav-tabs.def-tabs.def-tabs-lilac li .button, .nav-tabs.def-tabs.def-tabs-lilac li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--lilac-drk);
  border-color: var(--lilac);
}
.nav-tabs.def-tabs.def-tabs-lilac li .button:hover, .nav-tabs.def-tabs.def-tabs-lilac li .button:active, .nav-tabs.def-tabs.def-tabs-lilac li .btn:hover, .nav-tabs.def-tabs.def-tabs-lilac li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--lilac-drk);
  border-color: var(--lilac-drk);
}
.nav-tabs.def-tabs.def-tabs-lilac li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-lilac li .button.active, .nav-tabs.def-tabs.def-tabs-lilac li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-lilac li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--lilac);
  border-color: var(--lilac);
}

.nav-tabs.def-tabs.def-tabs-clean-pool li .button, .nav-tabs.def-tabs.def-tabs-clean-pool li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--clean-pool-drk);
  border-color: var(--clean-pool);
}
.nav-tabs.def-tabs.def-tabs-clean-pool li .button:hover, .nav-tabs.def-tabs.def-tabs-clean-pool li .button:active, .nav-tabs.def-tabs.def-tabs-clean-pool li .btn:hover, .nav-tabs.def-tabs.def-tabs-clean-pool li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--clean-pool-drk);
  border-color: var(--clean-pool-drk);
}
.nav-tabs.def-tabs.def-tabs-clean-pool li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-clean-pool li .button.active, .nav-tabs.def-tabs.def-tabs-clean-pool li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-clean-pool li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--clean-pool);
  border-color: var(--clean-pool);
}

.nav-tabs.def-tabs.def-tabs-lunar-rock li .button, .nav-tabs.def-tabs.def-tabs-lunar-rock li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--lunar-rock-drk);
  border-color: var(--lunar-rock);
}
.nav-tabs.def-tabs.def-tabs-lunar-rock li .button:hover, .nav-tabs.def-tabs.def-tabs-lunar-rock li .button:active, .nav-tabs.def-tabs.def-tabs-lunar-rock li .btn:hover, .nav-tabs.def-tabs.def-tabs-lunar-rock li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--lunar-rock-drk);
  border-color: var(--lunar-rock-drk);
}
.nav-tabs.def-tabs.def-tabs-lunar-rock li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-lunar-rock li .button.active, .nav-tabs.def-tabs.def-tabs-lunar-rock li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-lunar-rock li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--lunar-rock);
  border-color: var(--lunar-rock);
}

.nav-tabs.def-tabs.def-tabs-cold-morning li .button, .nav-tabs.def-tabs.def-tabs-cold-morning li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--cold-morning-drk);
  border-color: var(--cold-morning);
}
.nav-tabs.def-tabs.def-tabs-cold-morning li .button:hover, .nav-tabs.def-tabs.def-tabs-cold-morning li .button:active, .nav-tabs.def-tabs.def-tabs-cold-morning li .btn:hover, .nav-tabs.def-tabs.def-tabs-cold-morning li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--cold-morning-drk);
  border-color: var(--cold-morning-drk);
}
.nav-tabs.def-tabs.def-tabs-cold-morning li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-cold-morning li .button.active, .nav-tabs.def-tabs.def-tabs-cold-morning li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-cold-morning li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--cold-morning);
  border-color: var(--cold-morning);
}

.nav-tabs.def-tabs.def-tabs-beluga li .button, .nav-tabs.def-tabs.def-tabs-beluga li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--beluga-drk);
  border-color: var(--beluga);
}
.nav-tabs.def-tabs.def-tabs-beluga li .button:hover, .nav-tabs.def-tabs.def-tabs-beluga li .button:active, .nav-tabs.def-tabs.def-tabs-beluga li .btn:hover, .nav-tabs.def-tabs.def-tabs-beluga li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--beluga-drk);
  border-color: var(--beluga-drk);
}
.nav-tabs.def-tabs.def-tabs-beluga li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-beluga li .button.active, .nav-tabs.def-tabs.def-tabs-beluga li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-beluga li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--beluga);
  border-color: var(--beluga);
}

.nav-tabs.def-tabs.def-tabs-icewind-dale li .button, .nav-tabs.def-tabs.def-tabs-icewind-dale li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--icewind-dale-drk);
  border-color: var(--icewind-dale);
}
.nav-tabs.def-tabs.def-tabs-icewind-dale li .button:hover, .nav-tabs.def-tabs.def-tabs-icewind-dale li .button:active, .nav-tabs.def-tabs.def-tabs-icewind-dale li .btn:hover, .nav-tabs.def-tabs.def-tabs-icewind-dale li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--icewind-dale-drk);
  border-color: var(--icewind-dale-drk);
}
.nav-tabs.def-tabs.def-tabs-icewind-dale li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-icewind-dale li .button.active, .nav-tabs.def-tabs.def-tabs-icewind-dale li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-icewind-dale li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--icewind-dale);
  border-color: var(--icewind-dale);
}

.nav-tabs.def-tabs.def-tabs-super-sliver li .button, .nav-tabs.def-tabs.def-tabs-super-sliver li .btn {
  background-color: rgb(var(--bs-dark-rgb));
  color: var(--super-sliver-drk);
  border-color: var(--super-sliver);
}
.nav-tabs.def-tabs.def-tabs-super-sliver li .button:hover, .nav-tabs.def-tabs.def-tabs-super-sliver li .button:active, .nav-tabs.def-tabs.def-tabs-super-sliver li .btn:hover, .nav-tabs.def-tabs.def-tabs-super-sliver li .btn:active {
  color: var(--bs-body-color);
  background-color: var(--super-sliver-drk);
  border-color: var(--super-sliver-drk);
}
.nav-tabs.def-tabs.def-tabs-super-sliver li .button[aria-selected=true], .nav-tabs.def-tabs.def-tabs-super-sliver li .button.active, .nav-tabs.def-tabs.def-tabs-super-sliver li .btn[aria-selected=true], .nav-tabs.def-tabs.def-tabs-super-sliver li .btn.active {
  color: var(--bs-body-color);
  background-color: var(--super-sliver);
  border-color: var(--super-sliver);
}

/*--shadow--*/
.text-shadow {
  text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
}

.box-shadow-lg {
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px;
}

.drop-shadow-lg {
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 2px 2px 8px);
}

/*--wrap--*/
.container {
  position: relative;
}

.bg-svg-box {
  overflow: hidden;
  position: relative;
}
.bg-svg-box * {
  transition: var(--ts-eio);
}
.bg-svg-box.page-bg-box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.bg-svg-box [class*=bg-svg] {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}
.bg-svg-box .bg-svg-speaker {
  width: 514px;
  top: 50px;
}
.bg-svg-box .bg-svg-speaker span {
  display: block;
  padding-bottom: 170%;
  width: 100%;
  height: 0;
  top: 0;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.bg-svg-box .bg-svg-speaker.left {
  left: 0;
}
.bg-svg-box .bg-svg-speaker.left span {
  background-image: url(../../images/svg/speaker-l.svg);
}
.bg-svg-box .bg-svg-speaker.right {
  right: 0;
}
.bg-svg-box .bg-svg-speaker.right span {
  background-image: url(../../images/svg/speaker-r.svg);
}
@media (max-width: 1199.98px) {
  .bg-svg-box .bg-svg-speaker {
    width: 350px;
  }
}
@media (max-width: 767.89px) {
  .bg-svg-box .bg-svg-speaker {
    width: 230px;
  }
}
@media (max-width: 575.98px) {
  .bg-svg-box .bg-svg-speaker {
    display: none;
  }
}
.bg-svg-box .bg-svg-press {
  width: calc(100% + 2px);
  height: 158px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 100%;
  transform: var(--tl-x);
  left: 50%;
}
.bg-svg-box .bg-svg-press.top {
  background-image: url(../../images/svg/press-top.svg);
  top: 0;
}
.bg-svg-box .bg-svg-press.bottom {
  background-image: url(../../images/svg/press-bottom.svg);
  top: 0;
}
.bg-svg-box .bg-svg-sphere {
  position: absolute;
  max-width: 100%;
}
.bg-svg-box .bg-svg-sphere span {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  position: absolute;
}
.bg-svg-box .bg-svg-sphere.top {
  width: 520px;
  height: 520px;
  top: 7%;
  left: 7%;
}
.bg-svg-box .bg-svg-sphere.top span {
  background-image: linear-gradient(45deg, #C591FF, rgba(255, 255, 255, 0));
}
.bg-svg-box .bg-svg-sphere.bottom {
  width: 350px;
  height: 350px;
  bottom: 7%;
  right: 3.5%;
}
.bg-svg-box .bg-svg-sphere.bottom span {
  background-image: linear-gradient(-45deg, #C591FF, rgba(255, 255, 255, 0));
}
.bg-svg-box .bg-svg-sphere.right {
  width: 150px;
  height: 150px;
  bottom: calc(7% + 250px);
  right: 3.5%;
}
.bg-svg-box .bg-svg-sphere.right span {
  background-image: linear-gradient(-45deg, #C591FF, rgba(255, 255, 255, 0));
}
.bg-svg-box .bg-svg-merchadise {
  width: 850px;
  height: 850px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #8e2bfe);
  transform: var(--tl-x);
  top: 0;
  left: 50%;
}

/*--header--*/
.navbar.header-ilr {
  padding-top: 1.5rem;
  padding-right: 0;
  padding-bottom: 1.5rem;
  padding-left: 0;
  background-color: #071730;
}
.navbar.header-ilr .navbar-toggler {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  position: relative;
  z-index: 10;
}
.navbar.header-ilr .navbar-toggler:focus {
  outline: 0;
  box-shadow: rgba(255, 255, 255, 0.2) 0 0 0 0.25rem;
}
.navbar.header-ilr .navbar-toggler .navbar-icon {
  transform: var(--tl-xy);
  top: 50%;
  left: 50%;
}
.navbar.header-ilr .navbar-toggler .navbar-icon, .navbar.header-ilr .navbar-toggler .navbar-icon:before, .navbar.header-ilr .navbar-toggler .navbar-icon:after {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background-color: white;
  position: absolute;
}
.navbar.header-ilr .navbar-toggler .navbar-icon:before, .navbar.header-ilr .navbar-toggler .navbar-icon:after {
  transition-property: top, transform;
  transition-delay: 0.2s, 0s;
  transition-duration: 0.2s, 0.2s;
}
.navbar.header-ilr .navbar-toggler .navbar-icon:before {
  top: calc(50% - 8px);
}
.navbar.header-ilr .navbar-toggler .navbar-icon:after {
  top: calc(50% + 6px);
}
.navbar.header-ilr .navbar-toggler[aria-expanded=true] .navbar-icon {
  background-color: transparent;
}
.navbar.header-ilr .navbar-toggler[aria-expanded=true] .navbar-icon:before, .navbar.header-ilr .navbar-toggler[aria-expanded=true] .navbar-icon:after {
  top: 0;
  background-color: white;
  transition-delay: 0s, 0.2s;
}
.navbar.header-ilr .navbar-toggler[aria-expanded=true] .navbar-icon:before {
  transform: rotate(45deg);
}
.navbar.header-ilr .navbar-toggler[aria-expanded=true] .navbar-icon:after {
  transform: rotate(-45deg);
}
.navbar.header-ilr .header-logo {
  margin-top: -12px;
  margin-right: 0;
  color: #fff;
  font-size: 12px;
  align-self: start;
}
.navbar.header-ilr .header-logo, .navbar.header-ilr .header-logo > span {
  display: block;
  width: 152px;
  position: relative;
}
.navbar.header-ilr .header-logo > span {
  height: 152px;
  transition: all 0.2s ease-in-out 0.2s;
  position: absolute;
  top: 0;
  left: 0;
}
.navbar.header-ilr .header-logo-bg {
  transform-origin: center center;
  background-image: url(../../images/svg/bubble-lineargradient.svg);
  background-repeat: no-repeat;
  filter: drop-shadow(rgba(var(--liberty-blue-rgb), 0.5) 6px 6px 8px);
}
.navbar.header-ilr .header-logo-inner {
  background-image: url(../../images/svg/logo-inliveroad.svg);
  background-size: 122px;
  background-position-x: 50%;
  background-position-y: 14px;
  background-repeat: no-repeat;
}
.navbar.header-ilr .header-logo-text {
  padding-top: 110px;
  text-align: center;
}
.navbar.header-ilr .header-logo:hover .header-logo-bg, .navbar.header-ilr .header-logo:active .header-logo-bg, .navbar.header-ilr .header-logo.active .header-logo-bg, .navbar.header-ilr .header-logo[aria-expanded=true] .header-logo-bg {
  transform: rotate(-45deg);
}
.navbar.header-ilr .nav-item {
  padding-top: 0.375rem;
}
.navbar.header-ilr .nav-item + .nav-item {
  margin-left: 0.5rem;
}
.navbar.header-ilr .nav-item.dropdown .dropdown-menu {
  background-color: #2938d1;
  border: none;
}
.navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #fff;
}
.navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item:hover, .navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item:active, .navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item:focus {
  color: #fff;
}
.navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item:hover, .navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item:focus {
  background-color: rgba(var(--liberty-blue-rgb), 0.5);
}
.navbar.header-ilr .nav-item.dropdown .dropdown-menu a.dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.25);
}
.navbar.header-ilr .nav-item:last-child .dropdown-menu[data-bs-popper] {
  left: auto;
  right: 0;
}
.navbar.header-ilr .nav-item .nav-link {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  border-radius: 0.375rem;
}
.navbar.header-ilr .nav-item .nav-link:hover, .navbar.header-ilr .nav-item .nav-link:active, .navbar.header-ilr .nav-item .nav-link[aria-expanded=true] {
  background-color: #2938d1;
}
.navbar.header-ilr .nav-func {
  display: none;
  position: absolute;
  right: calc(var(--bs-gutter-x) * 0.5);
  top: 0;
}
.navbar.header-ilr .nav-func > ul {
  display: flex;
  gap: 1rem;
  margin: 0;
  margin-left: 60px;
  list-style-type: none;
}
.navbar.header-ilr .nav-func > ul .nav-func-item .nav-func-link {
  display: flex;
  padding: 0.5rem;
  border-radius: 50em;
  align-items: center;
  justify-self: center;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  border: rgba(255, 255, 255, 0) solid 1px;
}
.navbar.header-ilr .nav-func > ul .nav-func-item .nav-func-link:hover, .navbar.header-ilr .nav-func > ul .nav-func-item .nav-func-link:active, .navbar.header-ilr .nav-func > ul .nav-func-item .nav-func-link:focus {
  background-color: #2938d1;
}
.navbar.header-ilr .nav-func > ul .nav-func-item .nav-func-link > * {
  font-size: 26px;
}

/*--footer--*/
footer {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: #071730;
  color: #fff;
  position: relative;
  z-index: 1;
}
footer .logo {
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  height: 86px;
  background-image: url(../../images/svg/logo-inrocklife.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center, center;
}
footer .logo-text {
  display: block;
  text-align: center;
  font-size: 12px;
}
footer .footer-link {
  display: block;
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  color: #fff;
  border-radius: 0.25rem;
}
footer .footer-link:hover, footer .footer-link:active {
  color: #f72585;
}
footer .footer-link.footer-lang.active {
  background-color: #fff;
  color: #071730;
}
footer .social-list {
  display: flex;
  justify-content: flex-end;
}
footer .social-list .social-item {
  padding-top: 0;
  padding-right: 0.5rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  font-size: 36px;
}
footer .copyrights {
  margin-top: 1rem;
  font-size: 0.85rem;
}

/*--fixed-func--*/
@-webkit-keyframes handshake {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -0.5rem;
  }
  50% {
    margin-top: 0;
  }
  75% {
    margin-top: 0.5rem;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes handshake {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -0.5rem;
  }
  50% {
    margin-top: 0;
  }
  75% {
    margin-top: 0.5rem;
  }
  100% {
    margin-top: 0;
  }
}
.fixed-func {
  z-index: 10;
  position: fixed;
  top: 80%;
  right: 1.5rem;
  filter: drop-shadow(rgba(0, 0, 0, 0.5) 1px 3px 5px);
}
.fixed-func .func-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.fixed-func .func-list .func-item#backToTop {
  display: block;
}
.fixed-func .func-list .func-item#backToTop.hide {
  display: none;
}
.fixed-func .func-list .func-item .func-btn {
  display: block;
  width: 3rem;
  height: 3rem;
  position: relative;
  color: #fff;
  border-radius: 0;
}
.fixed-func .func-list .func-item .func-btn > * {
  font-size: 2rem;
  transform: var(--tl-xy);
  position: absolute;
  top: 50%;
  left: 50%;
}
.fixed-func .func-list .func-item .func-btn.handshake > * {
  -webkit-animation-name: handshake;
          animation-name: handshake;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
          animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  -webkit-animation-iteration-count: 5;
          animation-iteration-count: 5;
}
.fixed-func .func-list .func-item .func-btn.handshake:hover > *, .fixed-func .func-list .func-item .func-btn.handshake:active > *, .fixed-func .func-list .func-item .func-btn.handshake:focus > * {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.fixed-func .func-list .func-item:not(.hide) + .func-item {
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: #071730;
}
.fixed-func .func-list .func-item:first-child .func-btn {
  padding-top: 0.5rem;
  height: 3.5rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.fixed-func .func-list .func-item:first-child .func-btn > * {
  padding-top: 0.125rem;
}
.fixed-func .func-list .func-item:last-child .func-btn {
  padding-bottom: 0.5rem;
  height: 3.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.fixed-func .func-list .func-item:last-child .func-btn > * {
  padding-bottom: 0.125rem;
}
.fixed-func .func-list .func-item:only-child .func-btn, .fixed-func .func-list .func-item.hide + .func-item .func-btn {
  padding: 0.5rem;
  height: 4rem;
  border-radius: 2rem;
}

/*--slick-slider--*/
.slick-slider .slick-prev, .slick-slider .slick-next {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: rgba(255, 255, 255, 0.8) solid 2px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-prev:active, .slick-slider .slick-next:hover, .slick-slider .slick-next:active {
  background-color: #8e2bfe;
  border-color: #8e2bfe;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
  content: "";
  font-family: var(--ff-material);
  font-size: 28px;
  opacity: 1;
  transition: all 0.2s ease-in-out 0.2s;
}
.slick-slider .slick-prev {
  left: -32px;
}
.slick-slider .slick-prev:before {
  content: "chevron_left";
}
.slick-slider .slick-next {
  right: -32px;
}
.slick-slider .slick-next:before {
  content: "chevron_right";
}

/*--list-item--*/
.list-item {
  position: relative;
}
.list-item .list-inner {
  border-radius: 0.5rem;
}
.list-item .list-inner > *:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-item .list-inner > *:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.list-item .list-inner > *:only-child {
  border-radius: 0.5rem;
}
.list-item .list-inner .img {
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: cover;
  background-color: #f1f1f1;
  overflow: hidden;
  z-index: 1;
}
.list-item .list-inner .cont {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.8);
}
.list-item .list-inner .cont .title {
  height: 3rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list-item .list-inner .cont .detail {
  height: 2.625rem;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list-item .link {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.list-item .link span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0.5rem;
}
.list-item .badge {
  position: absolute;
  top: 1rem;
  right: 0;
  border-top-left-radius: 10rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10rem;
  z-index: 1;
}

.price {
  align-items: end;
  font-weight: bold;
}
.price .shoppro_price0 {
  padding-top: 3px;
  color: var(--bs-secondary);
}
.price .shoppro_price0._decroMidLine {
  text-decoration: line-through;
}
.price .shoppro_price1 {
  color: #f72585;
  font-weight: bold;
  font-size: 1.125rem;
}
.price.price-lg .shoppro_price0 {
  padding-top: 7px;
  padding-bottom: 3px;
  font-size: 1.125rem;
}
.price.price-lg .shoppro_price1 {
  font-size: 1.5rem;
}

/*--main-box--*/
.main-box {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}
.main-box > .container {
  z-index: 1;
}

/*--pagination--*/
.pagination .page-item .page-link {
  background-color: #fff;
  border-color: #c5c5c5;
  color: #666;
}
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus, .pagination .page-item .page-link:active {
  background-color: #c5c5c5;
}
.pagination .page-item .page-link.active {
  color: #fff;
  background-color: #2938d1;
}
.pagination .page-item .page-link[disabled], .pagination .page-item .page-link.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.pagination .page-item .page-link.page-icon {
  width: calc(2.25rem + 2px);
  height: calc(2.25rem + 2px);
  position: relative;
}
.pagination .page-item .page-link.page-icon > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: var(--tl-xy);
}

.shop-nav .btn-group .btn {
  width: calc(2.25rem + 2px);
  height: calc(2.25rem + 2px);
  opacity: 0.5;
  pointer-events: none;
  position: relative;
}
.shop-nav .btn-group .btn.active {
  opacity: 1;
  pointer-events: auto;
}
.shop-nav .btn-group .btn > * {
  transform: var(--tl-xy);
  position: absolute;
  top: 50%;
  left: 50%;
}

/*--merchandise--*/
.shop_cart {
  position: relative;
  z-index: 1;
}
.shop_cart .material-icons {
  display: block;
}
.shop_cart .shopcart_count {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.75rem;
  text-align: center;
  background-color: #f72585;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.cart-box {
  position: relative;
}
.cart-box .btn-gocart {
  margin-left: -1.25rem;
  position: relative;
}

.side-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 180px;
}

.side-nav {
  width: 200px;
  text-align: center;
  padding-bottom: 0.5rem;
  border-radius: 0.5rem;
  background-color: #fff;
}
.side-nav > * {
  border: #c5c5c5 solid 1px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
}
.side-nav > *:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.side-nav .title {
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-weight: bold;
}
.side-nav .button {
  color: #666;
  background-color: #fff;
}
.side-nav .button:hover, .side-nav .button:active {
  background-color: #c5c5c5;
}
.side-nav .button.active {
  background-color: #2938d1;
  color: #fff;
}

.price > * > * {
  display: block;
  padding-top: 0;
  padding-right: 0.25rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
}
.price del {
  color: #666;
}
.price strong {
  color: #f72585;
  font-size: 1.25rem;
}

.merch-slider .slide .img, .merch-thumbnail-slider .slide .img {
  padding-bottom: calc(100% - 8px);
  width: 100%;
  height: 0;
  border-radius: 0.25rem;
  background-color: #666;
  background-repeat: no-repeat;
  background-position: center, center;
  border: #fff solid 4px;
  background-size: cover;
  outline: #c5c5c5 solid 1px;
  overflow: hidden;
}

.merch-slider .slide {
  padding: 1px;
}

.merch-thumbnail-slider {
  margin-top: 1rem;
}
.merch-thumbnail-slider .slick-list {
  border-radius: 0.25rem;
}
.merch-thumbnail-slider.slick-slider {
  display: flex;
  align-items: center;
}
.merch-thumbnail-slider.slick-slider .slick-prev, .merch-thumbnail-slider.slick-slider .slick-next {
  position: static;
  transform: none;
}
.merch-thumbnail-slider.slick-slider .slick-prev {
  left: auto;
}
.merch-thumbnail-slider.slick-slider .slick-next {
  right: auto;
}
.merch-thumbnail-slider .slide {
  margin-top: 0;
  margin-right: 0.25rem;
  margin-bottom: 0;
  margin-left: 0.25rem;
  width: 68px;
  filter: brightness(0.5);
  cursor: pointer;
  transition: var(--ts-eio);
}
.merch-thumbnail-slider .slide.slick-current {
  filter: none;
}

.side-addcart {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.shopde_window {
  margin: 1.5rem;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  background-color: #fff;
  border: rgba(0, 0, 0, 0.1) solid 1px;
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  transition: var(--ts-eio);
  pointer-events: none;
  border-radius: 0.375rem;
}
.shopde_window.active {
  opacity: 1;
  pointer-events: auto;
}

/*--top-news--*/
.top-news {
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 0.75rem;
}
.top-news .top-news-head {
  display: block;
  width: 102px;
  height: 102px;
  border: #f1f1f1 solid 1px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.top-news .top-news-head img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center, center;
     object-position: center, center;
}
.top-news .top-news-band {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--bs-body-color);
  font-weight: bold;
}

.columns {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.columns .column-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.columns .column-item * {
  word-break: break-all;
}

.news-box {
  padding: 1rem;
  border-radius: 0.375rem;
  background-color: var(--bs-light);
  border: rgba(var(--bs-secondary-rgb), 0.1) solid 1px;
}

.text-flow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  word-break: break-all;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*--detail-page--*/
.detail-page[class*=col-] {
  width: 100%;
}
.detail-page a {
  word-break: break-all;
}
.detail-page a:not(.func-link)[target=_blank]:after {
  content: "\e89e";
  padding-left: 0.25rem;
  font-family: var(--ff-material);
  line-height: inherit;
}

.detail-box {
  border-radius: 0.75rem;
}
.detail-box > *:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.detail-box > *:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.detail-box > *:only-child {
  border-radius: 0.75rem;
}
.detail-box > * {
  padding: 1.5rem;
}
.detail-box .bg-img-slider + .header, .detail-box .detail-top + .header {
  margin-top: calc(-44px - 1.5rem);
}
.detail-box .bg-img-slider {
  padding: 0;
  position: relative;
}
.detail-box .bg-img-slider .bg-img-slide {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: cover;
  height: 415px;
}
.detail-box .bg-img-slider:after {
  content: "";
  display: block;
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #071730);
}
.detail-box .detail-top {
  height: 4rem;
}
.detail-box .header {
  z-index: 1;
  position: relative;
}
.detail-box .header .title {
  color: #fff;
}
.detail-box .header .img {
  border: #f1f1f1 solid 1px;
  border-radius: 1rem;
  overflow: hidden;
}
.detail-box .header .img img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center, center;
     object-position: center, center;
}
.detail-box .header .detail {
  padding-bottom: 1.5rem;
  position: relative;
}
.detail-box .header .detail .title {
  margin-bottom: 2rem;
}
.detail-box .header .detail .func {
  position: absolute;
  top: 24px;
  right: 0;
}
.detail-box .header .detail .func ul.func-list {
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.detail-box .header .detail .func ul.func-list li.func-item .func-link {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  font-size: 1.25rem;
  color: var(--bs-secondary);
  border-radius: 50%;
  border: #f1f1f1 solid 1px;
  position: relative;
}
.detail-box .header .detail .func ul.func-list li.func-item .func-link:hover, .detail-box .header .detail .func ul.func-list li.func-item .func-link:active, .detail-box .header .detail .func ul.func-list li.func-item .func-link:focus {
  border-color: var(--bs-secondary);
  background-color: var(--bs-secondary);
  color: #fff;
}
.detail-box .header .detail .func ul.func-list li.func-item .func-link i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: var(--tl-xy);
}
.detail-box .body > * {
  word-break: break-all;
}
.detail-box .body .nav-tabs .nav-item .nav-link {
  color: var(--bs-secondary);
}
.detail-box .body .nav-tabs .nav-item .nav-link.active {
  color: var(--bs-body-color);
}
.detail-box .body .tab-content {
  padding: 1rem;
  border: #dee2e6 solid 1px;
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  position: relative;
}
.detail-box .body .tab-content #Loading {
  width: 100%;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 10;
}

.lightboxed {
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}
.lightboxed + .lightboxed {
  margin-top: 1rem;
}

.inf_red, .font_red, .inf_incom, .JqRequired, .address_warm {
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  padding-top: 0;
  padding-right: 0.25rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: 0.25rem;
}

/*--survey--*/
.survey_list {
  padding-left: 2rem;
  position: relative;
}
.survey_list .survey_num span {
  padding-right: 0.25rem;
  width: 2rem;
  text-align: right;
  position: absolute;
  left: 0;
}
.survey_list .survey_normal .list-group-item .form-check {
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.survey_list .survey_normal .list-group-item .form-check .form-check-input {
  margin-left: 0;
}
.survey_list .survey_normal .list-group-item .form-check .form-check-label {
  flex: 1 0 0%;
  padding-left: 0.25rem;
  cursor: pointer;
}
.survey_list .survey_table .survey_row.list-group-item, .survey_list .survey_table .survey_ans.list-group-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.survey_list .survey_table .survey_row.list-group-item .survey_cell, .survey_list .survey_table .survey_ans.list-group-item .survey_cell {
  text-align: center;
  line-height: 1.25;
}
.survey_list .survey_table .survey_row.list-group-item .survey_cell:first-child, .survey_list .survey_table .survey_ans.list-group-item .survey_cell:first-child {
  flex: 0 0 auto;
  width: 20%;
}
.survey_list .survey_table .survey_row.list-group-item .survey_cell:not(:first-child), .survey_list .survey_table .survey_ans.list-group-item .survey_cell:not(:first-child) {
  flex: 1 0 0%;
}
.survey_list .survey_table .survey_row.list-group-item .survey_hcell, .survey_list .survey_table .survey_ans.list-group-item .survey_hcell {
  flex: 1 0 0%;
  text-align: center;
}
.survey_list .survey_table .survey_row.list-group-item .survey_hcell label, .survey_list .survey_table .survey_ans.list-group-item .survey_hcell label {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*--faq--*/
.faq-item .button[aria-expanded], .faq-item .btn[aria-expanded] {
  padding-right: 2rem;
  position: relative;
}
.faq-item .button .faq-icons, .faq-item .btn .faq-icons {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0.357rem;
  right: 0.5rem;
  opacity: 0;
  transition: var(--ts-eio);
}
.faq-item .button[aria-expanded=false] .faq-icons.more, .faq-item .btn[aria-expanded=false] .faq-icons.more {
  opacity: 1;
}
.faq-item .button[aria-expanded=true] .faq-icons.less, .faq-item .btn[aria-expanded=true] .faq-icons.less {
  opacity: 1;
}

/*--banner--*/
.bandAbout_file {
  overflow: hidden;
}

.banner-box {
  height: 315px;
  position: relative;
}

.banner-img {
  height: 315px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cjk-ol {
  list-style-type: cjk-ideographic;
}

.upper-alpha-ol {
  list-style-type: upper-alpha;
}

/*--freebie--*/
.freebie-block .card-img-top {
  position: relative;
}
.freebie-block .card-img-top .freebie_ed {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: calc(0.375rem - 1px);
  transform: var(--tl-xy);
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  color: #fff;
  opacity: 0;
}
.freebie-block .card-img-top .freebie_ed.active {
  opacity: 1;
}

/*--prod_detail--*/
.prod_detail .prod_line {
  transition: all 0.1s ease-in-out 0.1s;
}
.prod_detail .prod_line.hide {
  position: absolute;
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}

.prod_btn {
  text-align: right;
}
.prod_btn > .btn {
  display: none;
}
.prod_btn > .btn.active {
  display: inline-block;
}

/*--member order--*/
.stamp {
  margin-top: 24px;
  margin-right: 0;
  margin-bottom: 24px;
  margin-left: 0;
  background-color: #fff;
  position: relative;
  z-index: auto;
}
.stamp:before, .stamp:after {
  content: "";
  display: block;
  width: 100%;
  height: 24px;
  position: absolute;
  background: radial-gradient(circle, transparent 8px, #fff 8px);
  background-size: 24px 24px;
  background-position-x: center;
  background-position-y: -12px;
  z-index: -1;
}
.stamp:before {
  top: -12px;
}
.stamp:after {
  bottom: -12px;
}

.order-item {
  position: relative;
  z-index: 1;
}
.order-item .title {
  padding-top: 0.25rem;
  padding-right: 1rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  background-color: var(--bs-dark);
  color: #fff;
}
.order-item .order-row > .row .img, .order-item .order-row > .row .content {
  background-color: #fff;
}
.order-item .order-row > .row .img img {
  padding: 0.25rem;
}
.order-item .order-row > .row .content {
  padding: 0.5rem;
}
.order-item .order-row > .row .content dl {
  margin-bottom: 0.25rem;
  display: flex;
}
.order-item .order-row > .row .content dl > * {
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0.5rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
}
.order-item .order-row > .row .content dl dt {
  flex: 0 0 auto;
  width: 5rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  color: var(--bs-secondary);
}
.order-item .merch-img {
  display: block;
  width: 72px;
  height: 72px;
  background-position: center, center;
  background-color: var(--bs-secondary);
  background-size: cover;
  border-radius: 0.25rem;
}

.def-label {
  font-size: 0.875rem;
  color: var(--bs-secondary);
}

.ApplUptIng_must, .ApplUptIng_demo_file {
  display: none;
}
.ApplUptIng_must.active, .ApplUptIng_demo_file.active {
  display: block;
}

.cart-grid > * {
  grid-column: auto/span 6;
}

.purchase-grid > * {
  grid-column: auto/span 4;
}

.cart-grid, .purchase-grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1rem);
}
.cart-grid > .w-100, .purchase-grid > .w-100 {
  grid-column: auto/span 12;
}

.cart_btn, .cart_address, .pur_btn {
  display: flex;
  padding-top: 0.375rem;
  padding-right: 0.75rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  border: var(--bs-secondary) solid 1px;
  border-radius: 0.375rem;
  color: var(--bs-secondary);
}
.cart_btn:hover, .cart_btn:focus, .cart_btn:active, .cart_address:hover, .cart_address:focus, .cart_address:active, .pur_btn:hover, .pur_btn:focus, .pur_btn:active {
  color: var(--bs-secondary);
}
.cart_btn input, .cart_address input, .pur_btn input {
  display: none;
}
.cart_btn label, .cart_address label, .pur_btn label {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
.cart_btn label:after, .cart_btn label:before, .cart_address label:after, .cart_address label:before, .pur_btn label:after, .pur_btn label:before {
  display: block;
  font-size: 1.5rem;
  font-family: var(--ff-material);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: var(--tl-xy);
}
.cart_btn label:before, .cart_address label:before, .pur_btn label:before {
  content: "\e836";
}
.cart_btn label:after, .cart_address label:after, .pur_btn label:after {
  content: "\e86c";
  opacity: 0;
}
.cart_btn > span, .cart_address > span, .pur_btn > span {
  padding-left: 0.25rem;
  flex: 1 0 0%;
}
.cart_btn.active, .cart_address.active, .pur_btn.active {
  background-color: var(--bs-secondary);
  color: #fff;
}
.cart_btn.active label:before, .cart_address.active label:before, .pur_btn.active label:before {
  opacity: 0;
}
.cart_btn.active label:after, .cart_address.active label:after, .pur_btn.active label:after {
  opacity: 1;
}
.cart_btn.disabled, .cart_address.disabled, .pur_btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.cart_addBlock {
  display: flex;
}
.cart_addBlock .cart_address {
  flex: 1 0 0%;
}
.cart_addBlock .cart_addDelete {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-top-left-radius: 0;
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
  border-bottom-left-radius: 0;
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  transform: var(--ts-eio);
}
.cart_addBlock .cart_addDelete:hover, .cart_addBlock .cart_addDelete:focus, .cart_addBlock .cart_addDelete:active {
  background-color: rgba(0, 0, 0, 0.7);
}
.cart_addBlock .cart_addDelete:before {
  content: "\e92b";
  display: block;
  padding-right: 0.25rem;
  font-family: var(--ff-material);
}

.cart_addAddress {
  display: inline-block;
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  border-radius: 0.375rem;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
  color: #fff;
  cursor: pointer;
  transform: var(--ts-eio);
}
.cart_addAddress:hover, .cart_addAddress:focus, .cart_addAddress:active {
  background-color: rgba(0, 0, 0, 0.7);
}

.window {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
.window .window_bigbg, .window .window_bg {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--ts-eio);
}
.window .address_box, .window .window_container {
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  width: calc(100% - 2rem);
  position: relative;
  z-index: 10;
}
.window .address_box .address_inner, .window .address_box .window_inner, .window .window_container .address_inner, .window .window_container .window_inner {
  background-color: #fff;
  border: #dee2e6 solid 1px;
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0.5rem 1rem;
}
.window .address_box .address_inner > div, .window .address_box .window_inner > div, .window .window_container .address_inner > div, .window .window_container .window_inner > div {
  padding: 1rem;
}
.window .address_box .address_inner > div:first-child, .window .address_box .window_inner > div:first-child, .window .window_container .address_inner > div:first-child, .window .window_container .window_inner > div:first-child {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.window .address_box .address_inner > div:last-child, .window .address_box .window_inner > div:last-child, .window .window_container .address_inner > div:last-child, .window .window_container .window_inner > div:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}
.window .address_box .address_inner > div:only-child, .window .address_box .window_inner > div:only-child, .window .window_container .address_inner > div:only-child, .window .window_container .window_inner > div:only-child {
  border-radius: calc(0.5rem - 1px);
}
.window .address_box .address_inner .address_title, .window .address_box .window_inner .address_title, .window .window_container .address_inner .address_title, .window .window_container .window_inner .address_title {
  display: flex;
  gap: 0.5rem;
  border-bottom: #dee2e6 solid 1px;
}
.window .address_box .btn_close, .window .window_container .btn_close {
  width: 2rem;
  height: 2rem;
  border-radius: 50rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
  text-indent: -99999rem;
  transition: var(--ts-eio);
}
.window .address_box .btn_close:hover, .window .address_box .btn_close:focus, .window .address_box .btn_close:active, .window .window_container .btn_close:hover, .window .window_container .btn_close:focus, .window .window_container .btn_close:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.window .address_box .btn_close:after, .window .window_container .btn_close:after {
  content: "\e5cd";
  display: block;
  font-family: var(--ff-material);
  font-size: 1.5rem;
  transform: var(--tl-xy);
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.window.active {
  display: block;
}
.window.active .window_bigbg, .window.active .window_bg {
  opacity: 1;
}

.address_warm {
  display: none;
}

.box_page_container ul {
  margin: 0;
  padding: 0;
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  gap: 0.25rem;
}
.box_page_container ul li a {
  display: block;
  padding-top: 0.375rem;
  padding-right: 0.75rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  background-color: rgba(255, 255, 255, 0);
  color: #666;
  border-radius: 0.375rem;
}
.box_page_container ul li a:hover, .box_page_container ul li a:active {
  background-color: #c5c5c5;
}
.box_page_container ul li a.active {
  background-color: #2938d1;
  color: #fff;
}
.box_page_container ul li:first-child a, .box_page_container ul li:last-child a {
  width: 2.25rem;
  height: 2.25rem;
  position: relative;
  text-indent: -999px;
  overflow: hidden;
  pointer-events: none;
}
.box_page_container ul li:first-child a:before, .box_page_container ul li:last-child a:before {
  display: block;
  font-family: var(--ff-material);
  font-size: 1.5rem;
  text-indent: 0;
  transform: var(--tl-xy);
  position: absolute;
  top: 50%;
  left: 50%;
}
.box_page_container ul li:first-child a.active, .box_page_container ul li:last-child a.active {
  background-color: rgba(255, 255, 255, 0);
  color: #666;
  pointer-events: auto;
}
.box_page_container ul li:first-child a.active:hover, .box_page_container ul li:first-child a.active:active, .box_page_container ul li:last-child a.active:hover, .box_page_container ul li:last-child a.active:active {
  background-color: #c5c5c5;
}
.box_page_container ul li:first-child a:before {
  content: "\e5dc";
}
.box_page_container ul li:last-child a:before {
  content: "\e5dd";
}
.box_page_container ul li:only-child a {
  border-radius: 0.375rem;
}
.box_page_container ul div {
  display: none;
}

/*--btn-check-label--*/
.btn-check + .btn-check-label {
  text-align: left;
}
.btn-check + .btn-check-label > span {
  padding-left: 2rem;
  display: flex;
  align-items: center;
  position: relative;
}
.btn-check + .btn-check-label > span .material-icons {
  position: absolute;
  top: 1px;
  left: 0;
  opacity: 0;
}
.btn-check:not(:checked) + .btn-check-label > span .material-icons.uncheck {
  opacity: 1;
}
.btn-check:checked + .btn-check-label > span .material-icons.checked {
  opacity: 1;
}

/*--min-width: 1200px--*/
@media (min-width: 1200px) {
  /*--detail-page--*/
  .detail-page[class*=col-] {
    width: 1080px;
  }
  /*--label-row--*/
  .label-row[class*=col-] {
    width: 1120px;
  }
}
/*--min-width: 992px--*/
@media (min-width: 768px) {
  .main-box {
    min-height: calc(100vh - 97px - 152px);
  }
  .columns {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .column-item {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
/*--max-width: 991.98px--*/
@media (max-width: 991.98px) {
  .navbar.header-ilr .header-logo {
    margin-top: -1rem;
    z-index: 10;
    transform: var(--tl-x);
    position: absolute;
    left: 50%;
  }
  .navbar.header-ilr .header-logo, .navbar.header-ilr .header-logo > span {
    width: 90px;
    height: 90px;
  }
  .navbar.header-ilr .header-logo .header-logo-inner {
    background-size: 67px;
    background-position-y: 8px;
  }
  .navbar.header-ilr .header-logo .header-logo-text {
    padding-top: 78px;
    width: 125%;
    text-align: center;
    transform: scale(0.8) var(--tl-x);
    transform-origin: top center;
    left: 37.5%;
  }
  .navbar.header-ilr .navbar-collapse {
    margin-top: 2.5rem;
  }
  .navbar.header-ilr .navbar-collapse .nav-item .nav-link {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
  }
  .navbar.header-ilr .nav-func {
    display: block;
  }
  .bg-svg-box .bg-svg-merchadise {
    width: 750px;
    height: 750px;
  }
  footer .logo-text {
    margin-bottom: 2rem;
  }
  footer .social-list {
    margin-top: 2rem;
    justify-content: center;
  }
  footer .copyrights {
    text-align: center;
  }
  .detail-box > * {
    padding: 1rem;
  }
  .detail-box .bg-img-slider + .header, .detail-box .detail-top + .header {
    margin-top: 0;
  }
  .detail-box .bg-img-slider .bg-img-slide {
    height: 240px;
  }
  .detail-box .bg-img-slider:after {
    height: 48px;
  }
  .detail-box .header .img img {
    width: 84px;
    height: 84px;
  }
  .detail-box .header .detail .title {
    margin-bottom: 0.75rem;
    color: var(--bs-body-color);
    text-shadow: none;
  }
  .detail-box .header .detail .func {
    top: calc(-1.5rem - 20px);
  }
  .detail-box .header .detail .func ul.func-list {
    gap: 0.5rem;
  }
  .side-sticky {
    top: 120px;
  }
  .top-news {
    padding: 1rem;
  }
}
/*--max-width: 767.98px--*/
/*--max-width: 575.98px--*/
@media (max-width: 575.98px) {
  .navbar.header-ilr {
    padding-top: 0.75rem;
    padding-right: 0;
    padding-bottom: 0.75rem;
    padding-left: 0;
  }
  .navbar.header-ilr .header-logo {
    width: 65px;
    height: 65px;
    margin-top: -0.5rem;
  }
  .navbar.header-ilr .header-logo span {
    width: 65px;
    height: 65px;
  }
  .navbar.header-ilr .header-logo span.header-logo-inner {
    background-size: 58px;
  }
  .navbar.header-ilr .header-logo span.header-logo-text {
    display: none;
  }
  .slick-slider .slick-prev, .slick-slider .slick-next {
    border: none;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .slick-slider .slick-prev {
    left: -0.5rem;
  }
  .slick-slider .slick-next {
    right: -0.5rem;
  }
  .bg-svg-box .bg-sphere.top {
    width: 350px;
    height: 350px;
    left: -7%;
  }
  .bg-svg-box .bg-sphere.bottom {
    width: 350px;
    height: 350px;
    bottom: 7%;
    right: -7%;
  }
  .bg-svg-box .bg-sphere.right {
    width: 150px;
    height: 150px;
    bottom: calc(7% + 250px);
    right: -7%;
  }
  .bg-svg-box .bg-svg-merchadise {
    width: 500px;
    height: 1000px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px;
  }
  .fixed-func {
    right: 0.375rem;
  }
  .cart-grid > *, .purchase-grid > * {
    grid-column: auto/span 12;
  }
}