@charset "UTF-8";
/*  ===== 斷點變數 ===== */
/*  ===== 往上適應 ===== */
/*  ===== 往下適應 ===== */
/*  ===== 範圍內適應 ===== */
/*  ===== 直立螢幕 ===== */
/*  ===== 橫向螢幕 ===== */
/*  ===== 基本漸層背景設定 ===== */
/*  ===== 以 em 計算font-size, letter-spacing(RWD時方便使用) ===== */
/*  ===== 文字置中時的 letter spacing 偏移修正 ===== */
/*  ===== letter spacing 偏移重設 ===== */
/*  ===== firefox font weight bold 統一設定為 normal (firefox在小字為粗體的時候會過粗) ===== */
/*  ===== a連結清除預設值 ===== */
/*  ===== icomoon ===== */
/*  ===== 字體設定（全域/英文/中文) ===== */
/*  ===== 圖片相關 ===== */
/*  ===== 排版相關 ===== */
/*  ===== 超過文字省略為...(可設定行數) ===== */
/*  ===== 捲軸樣式設定 ===== */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/**
 * * Allows you to use retina images at various pixel densities.
 * * Examples:
 * *
 * *   +retina(/images/mypic.jpg, 2);
 * *   +retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 * *
 * * @param  {Value}  $path               The path to the file name minus extension.
 * * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * * @param  {Value}  $extras: null       Any other `background` values to be added.
 * */
body, html {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  overflow-x: hidden;
  scroll-behavior: smooth;
  color: #333;
  font-family: "Montserrat", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "蘋果儷中黑", "sans-serif", Arial;
  font-display: swap;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  image-rendering: auto;
  touch-action: manipulation;
  -moz-osx-font-smoothing: grayscale;
}

.u-border {
  border: 0.5px solid orange;
}

.u-border * {
  border: 0.5px solid orange;
}

h1 {
  font-size: calc((46 / 16) * 1rem);
}

h2 {
  font-size: calc((36 / 16) * 1rem);
}

h3 {
  font-size: calc((28 / 16) * 1rem);
}

h4 {
  font-size: calc((22 / 16) * 1rem);
}

h5 {
  font-size: calc((18 / 16) * 1rem);
}

h6 {
  font-size: calc((16 / 16) * 1rem);
}

span {
  font-size: 100%;
}

p, a, li, span {
  font-size: inherit;
}

b, strong {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

@media (min-width: 1620px) {
  .container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    max-width: 1280px;
  }
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 1.25rem;
}
@media (max-width: 575.98px) {
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding: 0 32px;
  }
}
@media (max-width: 374.98px) {
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding: 0 20px;
  }
}

[class^=col] {
  --bs-gutter-x: 1.25rem;
}

.row {
  --bs-gutter-x: 1.25rem;
}

.animation__el {
  transition: all 0.6s ease-in-out;
}
.animation__el.in img {
  display: block;
}
.animation__el img {
  display: none;
}
.animation__el.fadeUp {
  transform: translateY(30px);
  opacity: 0;
}
.animation__el.fadeUp.in {
  transform: translateY(0);
  opacity: 1;
}
.animation__el.fadeIn {
  opacity: 0;
}
.animation__el.fadeIn.in {
  opacity: 1;
}

.loader-wrap {
  background-color: white;
  transition: 0.8s 0.5s ease, opacity 0.5s 0.3s ease;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
}

.loaded .loader-wrap {
  opacity: 0;
  z-index: -100;
}

nav {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
nav .nav__main {
  border-bottom: 1px solid #000;
  position: relative;
  background-color: #fff;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}
nav .nav__main .nav__main__common {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  z-index: 10;
}
@media (max-width: 991.98px) {
  nav .nav__main .nav__main__common {
    padding-left: 20px;
    padding-right: 20px;
  }
}
nav .nav__main .nav__main__common .nav__logo {
  font-size: calc((0 / 16) * 1rem);
  line-height: calc(0 / 0);
  margin: 10px 0;
}
@media (max-width: 991.98px) {
  nav .nav__main .nav__main__common .nav__logo {
    margin: 0;
  }
}
nav .nav__main .nav__main__common .nav__logo__img {
  display: block;
  width: 239px;
  height: 56.84px;
  background-image: url(../images/logo_WT.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 101%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  nav .nav__main .nav__main__common .nav__logo__img {
    width: 214px;
    height: 50.89px;
  }
}
nav .nav__main .nav__main__common .nav__menu {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  nav .nav__main .nav__main__common .nav__menu {
    display: none;
  }
}
nav .nav__main .nav__main__common .nav__menu__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transition: all 0.3s ease-in-out;
}
nav .nav__main .nav__main__common .nav__menu__list ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
nav .nav__main .nav__main__common .nav__menu__list ul li {
  margin-right: 30px;
  position: relative;
}
nav .nav__main .nav__main__common .nav__menu__list ul li:first-child {
  margin-right: 50px;
}
@media (max-width: 1199.98px) {
  nav .nav__main .nav__main__common .nav__menu__list ul li {
    margin-right: 15px;
  }
  nav .nav__main .nav__main__common .nav__menu__list ul li:first-child {
    margin-right: 35px;
  }
}
nav .nav__main .nav__main__common .nav__menu__list ul li a {
  text-decoration: none;
  color: #544137;
  font-size: calc((18 / 16) * 1rem);
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  nav .nav__main .nav__main__common .nav__menu__list ul li a:hover {
    color: #EE6F5C;
  }
  nav .nav__main .nav__main__common .nav__menu__list ul li a:hover span::before, nav .nav__main .nav__main__common .nav__menu__list ul li a:hover span::after {
    background-color: #EE6F5C;
  }
}
nav .nav__main .nav__main__common .nav__menu__list ul li .pop_menu {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  left: -1rem;
  top: 52.415px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
nav .nav__main .nav__main__common .nav__menu__list ul li .pop_menu ul {
  margin: 40px 0 40px 0;
  position: relative;
  z-index: 2;
}
nav .nav__main .nav__main__common .nav__menu__list ul li .pop_menu ul li {
  margin: 0 0 8px 0;
}
nav .nav__main .nav__main__common .nav__menu__list ul li .pop_menu ul li a {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35 / 16);
  font-weight: 400;
}
nav .nav__main .nav__main__common .nav__menu__list .member__login, nav .nav__main .nav__main__common .nav__menu__list .member__logout {
  margin-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: relative;
}
nav .nav__main .nav__main__common .nav__menu__list .member__login__circle, nav .nav__main .nav__main__common .nav__menu__list .member__logout__circle {
  cursor: pointer;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background-color: #EE6F5C;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
nav .nav__main .nav__main__common .nav__menu__list .member__login__circle__img, nav .nav__main .nav__main__common .nav__menu__list .member__logout__circle__img {
  width: 19px;
  height: 21px;
  pointer-event: none;
  background-image: url(../images/member.svg);
}
nav .nav__main .nav__main__common .nav__menu__list .member__login__pop, nav .nav__main .nav__main__common .nav__menu__list .member__logout__pop {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  left: -14px;
  top: 62.915px;
  z-index: 2;
  visibility: hidden;
  visibility-opacity: 0;
  transition: all 0.3s ease-in-out;
}
nav .nav__main .nav__main__common .nav__menu__list .member__login__pop ul, nav .nav__main .nav__main__common .nav__menu__list .member__logout__pop ul {
  margin: 40px 0 40px 0;
}
nav .nav__main .nav__main__common .nav__menu__list .member__login__pop ul li, nav .nav__main .nav__main__common .nav__menu__list .member__logout__pop ul li {
  margin: 0 0 8px 0;
}
nav .nav__main .nav__main__common .nav__menu__list .member__login__pop ul li a, nav .nav__main .nav__main__common .nav__menu__list .member__logout__pop ul li a {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35 / 16);
  font-weight: 400;
}
nav .nav__main .nav__main__common .nav__menu__list .member__logout__circle {
  margin-right: 30px;
  border: 1px solid #EE6F5C;
  background-color: #fff;
}
nav .nav__main .nav__main__common .nav__menu__list .member__logout__circle__img {
  width: 16px;
  height: 18px;
  background-image: url(../images/member_primary.svg);
}
nav .nav__main .nav__main__common .nav__menu__list .member__logout__text {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  nav .nav__main .nav__main__common .nav__menu__list .member__logout__text:hover {
    color: #EE6F5C;
    box-shadow: 0 1px #EE6F5C;
  }
}
nav .nav__main .nav__main__common .nav__menu__list .member__logout__pop {
  left: -12px;
}
nav .nav__main .nav__main__common .nav__menu__social ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
nav .nav__main .nav__main__common .nav__menu__social ul li a {
  display: block;
  width: 25px;
  height: 25px;
}
nav .nav__main .nav__main__common .nav__menu__social ul .social__fb {
  background-image: url(../images/hov_fb.svg);
  margin-right: 15px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  nav .nav__main .nav__main__common .nav__menu__social ul .social__fb:hover {
    background-image: url(../images/hov_fb_primary.svg);
  }
}
nav .nav__main .nav__main__common .nav__menu__social ul .social__ig {
  background-image: url(../images/hov_ig.svg);
  margin-right: 15px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  nav .nav__main .nav__main__common .nav__menu__social ul .social__ig:hover {
    background-image: url(../images/hov_ig_primary.svg);
  }
}
nav .nav__main .nav__main__common .nav__menu__social ul .social__line {
  transition: all 0.3s ease-in-out;
  background-image: url(../images/hov_line.svg);
}
@media (hover: hover) {
  nav .nav__main .nav__main__common .nav__menu__social ul .social__line:hover {
    background-image: url(../images/hov_line_primary.svg);
  }
}
nav .nav__main .nav__main__common .nav__sm__hamburger {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 50px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
}
@media (max-width: 991.98px) {
  nav .nav__main .nav__main__common .nav__sm__hamburger {
    display: flex;
  }
}
nav .nav__main .nav__main__common .nav__sm__hamburger span {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #EE6F5C;
  position: relative;
}
nav .nav__main .nav__main__common .nav__sm__hamburger span::before, nav .nav__main .nav__main__common .nav__sm__hamburger span::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #EE6F5C;
  position: absolute;
}
nav .nav__main .nav__main__common .nav__sm__hamburger span::before {
  top: -7px;
}
nav .nav__main .nav__main__common .nav__sm__hamburger span::after {
  top: 7px;
}
nav .nav__main__index {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  nav .nav__main__index {
    display: none;
  }
}
nav .nav__main__index__list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 0;
}
nav .nav__main__index__list button.login, nav .nav__main__index__list .member__center {
  padding: 8px 24px;
  display: flex;
  align-items: center;
  border-radius: 24px;
  border: none;
  background-color: #EE6F5C;
}
nav .nav__main__index__list button.login span, nav .nav__main__index__list .member__center span {
  color: #fff;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
}
nav .nav__main__index__list button.login span::before, nav .nav__main__index__list .member__center span::before {
  width: 19px;
  height: 21px;
  position: relative;
  top: 4px;
  content: url(../images/member.svg);
  margin-right: 11px;
}
nav .nav__main__index__list .member__center {
  background-color: #fff;
  border: 1px solid #EE6F5C;
}
nav .nav__main__index__list .member__center span {
  color: #EE6F5C;
}
nav .nav__main__index__list .member__center span::before {
  content: url(../images/member_primary.svg);
}
nav .nav__main__index__list .logout {
  margin-left: 30px;
  text-decoration: none;
  color: #544137;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
}
nav .nav__main__index__list ul {
  list-style: none;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0;
}
nav .nav__main__index__list ul li {
  margin-right: 30px;
  position: relative;
}
nav .nav__main__index__list ul li:first-child {
  margin-right: 50px;
}
nav .nav__main__index__list ul li a {
  text-decoration: none;
  color: #544137;
  font-size: calc((18 / 16) * 1rem);
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  nav .nav__main__index__list ul li a:hover {
    color: #EE6F5C;
  }
  nav .nav__main__index__list ul li a:hover span::before, nav .nav__main__index__list ul li a:hover span::after {
    background-color: #EE6F5C;
  }
}
nav .pop__nav__bg {
  width: 100%;
  height: 287px;
  background-color: #fff;
  border-bottom: 1px solid #000;
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  top: 77.83px;
  top: -300px;
}
@media (max-width: 991.98px) {
  nav .pop__nav__bg {
    display: none;
  }
}
nav .nav__sm__login {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  padding: 12px 20px;
  display: none;
}
@media (max-width: 991.98px) {
  nav .nav__sm__login {
    display: flex;
  }
}
nav .nav__sm__login .login {
  width: 50%;
  box-shadow: inset 0 0 0 1px #EE6F5C;
  color: #EE6F5C;
  margin-right: 12px;
}
nav .nav__sm__login .register {
  width: 50%;
  background-color: #EE6F5C;
  color: #fff;
  text-align: center;
}
nav .nav__sm__menu {
  background-color: #fff;
  position: fixed;
  top: -100%;
  width: 100%;
  z-index: 20;
  transition: all 0.3s ease-in-out;
  max-height: 500px;
  overflow-y: auto;
}
@media (min-width: 992px) {
  nav .nav__sm__menu {
    display: none;
  }
}
nav .nav__sm__menu .logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 0 20px;
  margin-bottom: 30px;
}
nav .nav__sm__menu .logo-image {
  display: block;
  width: 214px;
  height: 50.89px;
  background-image: url(../images/logo_WT.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
nav .nav__sm__menu .logo .close-menu {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 50px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
}
@media (max-width: 991.98px) {
  nav .nav__sm__menu .logo .close-menu {
    display: flex;
  }
}
nav .nav__sm__menu .logo .close-menu span {
  position: relative;
}
nav .nav__sm__menu .logo .close-menu span::before, nav .nav__sm__menu .logo .close-menu span::after {
  content: "";
  display: block;
  width: 13px;
  height: 2px;
  border-radius: 5px;
  background-color: #EE6F5C;
  position: absolute;
  left: calc(50% - 6.5px);
  transform: translateX(-50%);
}
nav .nav__sm__menu .logo .close-menu span::before {
  transform: rotate(45deg);
}
nav .nav__sm__menu .logo .close-menu span::after {
  transform: rotate(135deg);
}
nav .nav__sm__menu .content {
  padding: 0 20px;
  margin-bottom: 30px;
}
nav .nav__sm__menu .content ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  border: none;
}
nav .nav__sm__menu .content ul li {
  width: 100%;
}
nav .nav__sm__menu .content ul li button {
  width: 100%;
  text-align: left;
  padding: 12px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #544137;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
nav .nav__sm__menu .content ul li button span {
  position: relative;
}
nav .nav__sm__menu .content ul li button span::before, nav .nav__sm__menu .content ul li button span::after {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 5px;
  background-color: #544137;
  position: absolute;
  left: calc(50% - 7px);
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}
nav .nav__sm__menu .content ul li button span::after {
  transform: translateX(-50%) rotate(90deg);
}
nav .nav__sm__menu .content ul li button[aria-expanded=true] {
  color: #EE6F5C;
}
nav .nav__sm__menu .content ul li button[aria-expanded=true] span::before, nav .nav__sm__menu .content ul li button[aria-expanded=true] span::after {
  background-color: #EE6F5C;
}
nav .nav__sm__menu .content ul li button[aria-expanded=true] span::after {
  transform: translateX(-50%) rotate(0deg);
}
nav .nav__sm__menu .content ul .collapse, nav .nav__sm__menu .content ul .collapsing {
  width: 100%;
}
nav .nav__sm__menu .content ul .collapse ul, nav .nav__sm__menu .content ul .collapsing ul {
  width: 100%;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  list-style: none;
  padding: 0;
}
nav .nav__sm__menu .content ul .collapse ul a, nav .nav__sm__menu .content ul .collapsing ul a {
  width: 100%;
  border-top: 1px solid rgba(84, 65, 55, 0.05);
}
nav .nav__sm__menu .content ul .collapse ul a:first-child, nav .nav__sm__menu .content ul .collapsing ul a:first-child {
  border-top: none;
}
nav .nav__sm__menu .content ul .collapse ul a li, nav .nav__sm__menu .content ul .collapsing ul a li {
  padding: 16px 12px;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 400;
  color: #544137;
}
nav .nav__sm__menu .social {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-direction: row;
  padding: 0 20px;
  margin-bottom: 20px;
}
nav .nav__sm__menu .social ul {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}
nav .nav__sm__menu .social ul li {
  margin-left: 12px;
}
nav .nav__sm__menu .social ul li:first-child {
  margin-left: 0;
}
nav .nav__sm__menu .social ul li a {
  display: block;
  width: 36px;
  height: 36px;
}
nav .nav__sm__menu .social ul li .social__fb {
  background-image: url(../images/hov_fb_secondary.svg);
}
nav .nav__sm__menu .social ul li .social__ig {
  background-image: url(../images/hov_ig_secondary.svg);
}
nav .nav__sm__menu .social ul li .social__line {
  background-image: url(../images/hov_line_secondary.svg);
}
nav .nav__sm__bar {
  width: 100%;
  height: 76px;
  display: none;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  filter: drop-shadow(0px -5px 30px rgba(84, 65, 55, 0.1));
}
@media (max-width: 991.98px) {
  nav .nav__sm__bar {
    display: block;
  }
}
nav .nav__sm__bar ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
nav .nav__sm__bar ul a {
  width: 25%;
}
nav .nav__sm__bar ul a li {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
nav .nav__sm__bar ul a li .bar-icon {
  background-repeat: no-repeat;
  background-size: contain;
  width: 28.85px;
  height: 25px;
}
nav .nav__sm__bar ul a li .bar-icon-index {
  background-image: url(../images/bar_index.svg);
}
nav .nav__sm__bar ul a li .bar-icon-order {
  background-image: url(../images/bar_order.svg);
}
nav .nav__sm__bar ul a li .bar-icon-wallet {
  background-image: url(../images/bar_wallet.svg);
}
nav .nav__sm__bar ul a li .bar-icon-member {
  background-image: url(../images/bar_member.svg);
}
nav .nav__sm__bar ul a li span {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  color: #544137;
}

.minusToPlus {
  color: #544137;
}
.minusToPlus span {
  position: relative;
}
.minusToPlus span::before, .minusToPlus span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #544137;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .minusToPlus span::before:hover, .minusToPlus span::after:hover {
    color: #EE6F5C;
  }
}
.minusToPlus span::after {
  transform: rotate(90deg);
}

.plusToMinus {
  color: #EE6F5C !important;
}
.plusToMinus span {
  position: relative;
}
.plusToMinus span::before, .plusToMinus span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .plusToMinus span::before:hover, .plusToMinus span::after:hover {
    color: #544137;
  }
}
.plusToMinus span::after {
  transform: rotate(0deg);
}

footer {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
footer .container {
  padding: 0;
}
footer .container .footer__info {
  padding: 80px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  footer .container .footer__info {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 20px;
  }
}
footer .container .footer__info__link {
  display: flex;
  margin-bottom: 24px;
}
footer .container .footer__info__link__img {
  margin-right: 37px;
}
footer .container .footer__info__link__img a {
  display: block;
  width: 239px;
  height: 56.84px;
  background-image: url(../images/logo_WT.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 991.98px) {
  footer .container .footer__info__link__menu__intro {
    display: none;
  }
}
footer .container .footer__info__link__menu__intro h3 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(40 / 18);
  font-weight: 700;
  display: inline-block;
  position: relative;
  color: #544137;
}
footer .container .footer__info__link__menu__intro h3::after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-radius: 0 0 10px 10px;
  background-color: #EE6F5C;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
footer .container .footer__info__link__menu__intro ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
footer .container .footer__info__link__menu__intro ul li {
  margin-right: 12px;
}
footer .container .footer__info__link__menu__intro ul li a {
  text-decoration: none;
  color: #544137;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35 / 16);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  footer .container .footer__info__link__menu__intro ul li a:hover {
    color: #EE6F5C;
  }
}
footer .container .footer__info__link__menu__link {
  margin-top: 18px;
}
@media (max-width: 991.98px) {
  footer .container .footer__info__link__menu__link {
    display: none;
  }
}
footer .container .footer__info__link__menu__link ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
footer .container .footer__info__link__menu__link ul li {
  margin-right: 36px;
}
footer .container .footer__info__link__menu__link ul li a {
  text-decoration: none;
  color: #544137;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(40 / 18);
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  footer .container .footer__info__link__menu__link ul li a:hover {
    color: #EE6F5C;
  }
}
footer .container .footer__info__contact table tbody tr td {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(25 / 14);
  color: #544137;
  font-weight: 400;
  vertical-align: text-top;
}
footer .container .footer__info__contact table tbody tr td a {
  text-decoration: none;
  color: #544137;
}
footer .container .footer__info__contact table tbody tr .title {
  font-weight: 700;
  min-width: 86px;
}
footer .container .footer__info__contact table tbody tr .content {
  padding-left: 18px;
}
@media (max-width: 991.98px) {
  footer .container .footer__info__contact table tbody tr .content {
    padding-left: 25px;
  }
}
footer .container .footer__copy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  footer .container .footer__copy {
    padding: 24px 20px 100px 20px;
    flex-direction: column;
    justify-content: center;
  }
}
footer .container .footer__copy__copyright {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  footer .container .footer__copy__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    order: 2;
    font-size: calc((12 / 16) * 1rem);
    line-height: calc(15.6 / 12);
    font-weight: 400;
  }
}
footer .container .footer__copy__copyright a {
  text-decoration: none;
  color: #544137;
}
footer .container .footer__copy__link {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  list-style: none;
}
@media (max-width: 991.98px) {
  footer .container .footer__copy__link {
    order: 1;
    justify-content: center;
    padding-bottom: 24px;
  }
}
footer .container .footer__copy__link li:first-child a {
  border-left: 1px solid #544137;
}
footer .container .footer__copy__link li a {
  text-decoration: none;
  color: #544137;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  padding: 0 10px;
  border-right: 1px solid #544137;
}

.container {
  padding: 0;
}

.primaryBorder {
  border: 1px solid #EE6F5C !important;
}

.selectric-select-district, .selectric-edit-recipient-district, .selectric-edit-district, .selectric-edit-delivery-district {
  margin-left: 10px;
}

.to-top {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #EE6F5C;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: fixed;
  z-index: 1000;
  right: 80px;
  bottom: 80px;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .to-top {
    display: none;
  }
}
.to-top .caret {
  width: 10px;
  height: 10px;
  background-image: url(../images/caret_primary.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.common__title {
  height: 221px;
  background-color: #EE6F5C;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .common__title {
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px 20px;
  }
}
.common__title__back {
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../images/caret_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 20px;
}
@media (min-width: 992px) {
  .common__title__back {
    display: none;
  }
}
.common__title__text {
  font-size: calc((42 / 16) * 1rem);
  line-height: calc(60.82 / 42);
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .common__title__text {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
.common__title__bgimg {
  background-image: url(../images/airplane.svg);
  width: 432px;
  height: 335.9px;
  position: absolute;
  top: -9%;
  right: 2%;
}
@media (max-width: 991.98px) {
  .common__title__bgimg {
    display: none;
  }
}

.member__common__breadcrumb {
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .member__common__breadcrumb {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .member__common__breadcrumb {
    padding: 0 20px;
  }
}
.member__common__breadcrumb ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.member__common__breadcrumb ul li {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
.member__common__breadcrumb ul li::after {
  content: ">";
  margin: 0 12px;
}
.member__common__breadcrumb ul li:last-child {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
}
.member__common__breadcrumb ul li:last-child::after {
  content: "";
}
.member__common__breadcrumb ul li a {
  color: #544137;
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .member__common__breadcrumb ul li::after {
    margin: 6px;
  }
  .member__common__breadcrumb ul li:last-child {
    font-size: calc((13 / 16) * 1rem);
    line-height: calc(15.6 / 13);
  }
}

.swiper {
  width: 410px;
  height: 280px;
  position: relative;
}
@media (hover: hover) {
  .swiper:hover img {
    filter: brightness(0.8);
  }
  .swiper:hover .swiper-prev, .swiper:hover .swiper-next {
    background-color: #fff;
    border: 1px solid #EE6F5C;
  }
  .swiper:hover .swiper-prev::after {
    content: url(../images/swiper_less_than_primary.svg);
  }
  .swiper:hover .swiper-next::after {
    content: url(../images/swiper_greater_than_primary.svg);
  }
}
.swiper img {
  transition: all 0.1s ease-in-out;
}
.swiper .swiper-prev, .swiper .swiper-next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transition: all 0.1s ease-in-out;
}
.swiper .swiper-prev {
  left: 5%;
}
.swiper .swiper-prev::after {
  content: url(../images/swiper_less_than.svg);
}
.swiper .swiper-next {
  right: 5%;
}
.swiper .swiper-next::after {
  content: url(../images/swiper_greater_than.svg);
}

.gallery-thumbs {
  width: 100%;
  overflow: hidden;
}
.gallery-thumbs .swiper-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .gallery-thumbs .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.gallery-thumbs .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.gallery-thumbs .swiper-wrapper .swiper-slide img {
  width: 100%;
  margin-left: 8px;
}
.gallery-thumbs .swiper-wrapper .swiper-slide img:first-child {
  margin-left: 0;
}

.button-sm {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border-radius: 100px;
  background-color: transparent;
  padding: 0;
  border: none;
}

.main-container {
  transition: all 0.3s ease-in-out;
}

.page-padding {
  padding-top: 76.84px;
}
@media (max-width: 991.98px) {
  .page-padding {
    padding-top: 67px;
  }
}

.news__pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.news__pop__window {
  width: 956px;
  max-height: 90%;
  max-width: 92%;
  padding: 60px 80px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .news__pop__window {
    padding: 30px 40px;
  }
}
@media (max-width: 575.98px) {
  .news__pop__window {
    padding: 28px 24.5px;
  }
}
.news__pop__date {
  text-align: center;
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: rgba(84, 65, 55, 0.3);
  margin-bottom: 8px;
}
.news__pop__title {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .news__pop__title {
    margin-bottom: 12px;
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
@media (max-width: 575.98px) {
  .news__pop__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
  }
}
.news__pop__content {
  max-height: 460px;
  overflow-y: scroll;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .news__pop__content {
    margin-bottom: 24px;
  }
}
@media (max-width: 575.98px) {
  .news__pop__content {
    max-height: 300px;
  }
}
.news__pop__content__text {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 991.98px) {
  .news__pop__content__text {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
.news__pop__button {
  padding: 10px 118.5px;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: 1px solid rgba(84, 65, 55, 0.2);
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .news__pop__button:hover {
    color: #544137;
    background-color: rgba(84, 65, 55, 0.2);
  }
  .news__pop__button:hover span::before, .news__pop__button:hover span::after {
    background-color: #544137;
  }
}
@media (max-width: 991.98px) {
  .news__pop__button {
    padding: 10px 0;
    width: 100%;
  }
}
.news__pop__button span {
  position: relative;
}
.news__pop__button span::before, .news__pop__button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
  transition: all 0.3s ease-in-out;
}
.news__pop__button span::before {
  transform: rotate(45deg);
}
.news__pop__button span::after {
  transform: rotate(135deg);
}

.popview {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

.nav__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: rgba(238, 111, 92, 0.8);
}
@media (max-width: 991.98px) {
  .nav__tabs {
    padding: 0 10px;
  }
}
.nav__tabs ul {
  border: none;
  display: flex;
}
@media (max-width: 991.98px) {
  .nav__tabs ul {
    width: 100%;
  }
}
.nav__tabs ul li {
  margin-left: 60px;
}
.nav__tabs ul li:first-child {
  margin-left: 0;
}
@media (max-width: 991.98px) {
  .nav__tabs ul li {
    margin-left: 0;
    width: 50%;
  }
}
.nav__tabs ul li button {
  padding: 16px 12px 10px 12px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #fff;
  opacity: 0.5;
  background-color: transparent;
  border: none;
}
@media (max-width: 991.98px) {
  .nav__tabs ul li button {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
    font-weight: 400;
    width: 100%;
  }
}
.nav__tabs ul li .nav-link {
  border: none;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}
@media (hover: hover) {
  .nav__tabs ul li .nav-link:hover {
    border-color: transparent;
    color: #fff;
    opacity: 0.5;
  }
}
.nav__tabs ul li .nav-link.active {
  color: #fff;
  opacity: 1;
  background-color: transparent;
  border: none;
  border-bottom: 6px solid #fff;
}

.register__breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
}
@media (max-width: 991.98px) {
  .register__breadcrumb {
    display: none;
  }
}
.register__breadcrumb .step {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  border-radius: 100px;
  padding: 8px 24px 8px 20px;
  color: rgba(84, 65, 55, 0.2);
  position: relative;
  margin-right: 54px;
}
.register__breadcrumb .step::after {
  content: ">";
  margin: 0 24px 0 48px;
  position: absolute;
}
.register__breadcrumb .step:last-child {
  margin-right: 0;
}
.register__breadcrumb .step:last-child::after {
  content: "";
  margin: 0;
}
@media (max-width: 1399.98px) {
  .register__breadcrumb .step {
    margin-right: 30px;
  }
  .register__breadcrumb .step::after {
    margin: 0 6px 0 24px;
  }
}
@media (max-width: 1199.98px) {
  .register__breadcrumb .step {
    padding: 8px 12px 8px 10px;
    margin-right: 10px;
  }
  .register__breadcrumb .step::after {
    content: "";
    display: none;
  }
}

.nav__main__index {
  display: none;
}

.aside__social {
  transition: all 0.3s ease-in-out;
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
  box-shadow: 0 4px 20px rgba(84, 65, 55, 0.2);
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .aside__social {
    display: block;
    padding: 16px 10px;
    background-color: #EE6F5C;
    border-radius: 20px 0 0 20px;
  }
  .aside__social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .aside__social ul a {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-bottom: 10px;
  }
  .aside__social ul a:last-child {
    margin-bottom: 0;
  }
  .aside__social ul .fb {
    background-image: url(../images/fb_white.svg);
  }
  .aside__social ul .ig {
    background-image: url(../images/ig_white.svg);
  }
  .aside__social ul .line {
    background-image: url(../images/line_white.svg);
  }
}

.event__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.event__pop__window {
  width: 482px;
  max-height: 90%;
  padding: 60px 80px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  .event__pop__window {
    max-width: 92%;
    padding: 28px 24.5px;
  }
}
.event__pop__title {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 40px;
}
@media (max-width: 575.98px) {
  .event__pop__title {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
.event__pop__button {
  width: 100%;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: 1px solid rgba(84, 65, 55, 0.2);
  transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
  .event__pop__button:hover {
    border: 1px solid rgba(84, 65, 55, 0);
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
    background: linear-gradient(0deg, rgba(84, 65, 55, 0.2), rgba(84, 65, 55, 0.2)), #FFFFFF;
    color: #544137;
  }
  .event__pop__button:hover span::before, .event__pop__button:hover span::after {
    background-color: #544137;
  }
}
@media (max-width: 575.98px) {
  .event__pop__button {
    width: 100%;
    padding: 10px 0;
  }
}
.event__pop__button span {
  position: relative;
}
.event__pop__button span::before, .event__pop__button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
}
.event__pop__button span::before {
  transform: rotate(45deg);
}
.event__pop__button span::after {
  transform: rotate(135deg);
}

.alert__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.alert__pop__window {
  width: 620px;
  max-height: 90%;
  max-width: 92%;
  padding: 60px 80px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .alert__pop__window {
    padding: 20px;
  }
}
.alert__pop__window .title {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .alert__pop__window .title {
    margin-bottom: 20px;
  }
}
.alert__pop__window p {
  text-align: center;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  width: 220px;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .alert__pop__window p {
    margin-bottom: 20px;
    width: 100%;
  }
}
.alert__pop__window a {
  width: 100%;
}
.alert__pop__window button {
  width: 100%;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: none;
  transition: all 0.1s ease-in-out;
}
.alert__pop__window .next {
  background-color: #EE6F5C;
  color: #fff;
  margin-bottom: 10px;
}
@media (hover: hover) {
  .alert__pop__window .next:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
.alert__pop__window .back {
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  color: #544137;
}
@media (hover: hover) {
  .alert__pop__window .back:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}

.coupon__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.coupon__pop__window {
  width: 1144px;
  max-width: 92%;
  max-height: 90%;
  padding: 60px 32px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .coupon__pop__window {
    padding: 20px 0;
  }
}
.coupon__pop__window .title {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .coupon__pop__window .title {
    margin-bottom: 10px;
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
.coupon__pop__window .coupon-box {
  width: 100%;
  padding: 30px;
  max-height: 60%;
  overflow-y: scroll;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.coupon__pop__window .coupon-box .coupon {
  filter: drop-shadow(0px 4px 20px rgba(84, 65, 55, 0.2));
  margin-bottom: 40px;
  width: calc(50% - 24px);
}
@media (max-width: 991.98px) {
  .coupon__pop__window .coupon-box .coupon {
    width: 100%;
    margin-bottom: 20px;
  }
}
.coupon__pop__window .coupon-box .coupon__card {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
}
.coupon__pop__window .coupon-box .coupon__card h3 {
  padding: 32px;
  margin: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  .coupon__pop__window .coupon-box .coupon__card h3 {
    padding: 20px;
  }
}
.coupon__pop__window .coupon-box .coupon__card__content {
  padding: 0 32px 32px 32px;
  display: flex;
}
@media (max-width: 991.98px) {
  .coupon__pop__window .coupon-box .coupon__card__content {
    padding: 0 20px 20px 20px;
  }
}
.coupon__pop__window .coupon-box .coupon__card__content table {
  width: 100%;
}
.coupon__pop__window .coupon-box .coupon__card__content table tbody {
  width: 100%;
}
.coupon__pop__window .coupon-box .coupon__card__content table tbody tr {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 575.98px) {
  .coupon__pop__window .coupon-box .coupon__card__content table tbody tr {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .coupon__pop__window .coupon-box .coupon__card__content table tbody tr:last-child {
    margin-bottom: 0;
  }
}
.coupon__pop__window .coupon-box .coupon__card__content table tbody tr .title {
  width: 93px;
  text-align: left;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  margin-bottom: 0;
}
.coupon__pop__window .coupon-box .coupon__card__content table tbody tr .content {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  padding-left: 40px;
}
@media (max-width: 575.98px) {
  .coupon__pop__window .coupon-box .coupon__card__content table tbody tr .content {
    padding-left: 0;
  }
}
.coupon__pop__window .coupon-box .coupon__button {
  background-color: #fff;
  border-radius: 20px;
  border-top: 2px dashed rgba(84, 65, 55, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.coupon__pop__window .coupon-box .coupon__button button {
  width: 90%;
  margin: 42px 0;
  padding: 10px 0;
  border-radius: 100px;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
}
@media (max-width: 991.98px) {
  .coupon__pop__window .coupon-box .coupon__button button {
    margin: 20px 0;
  }
}
.coupon__pop__window .coupon-box .coupon__button .use {
  background-color: #EE6F5C;
}
.coupon__pop__window .close {
  width: 322px;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: 1px solid rgba(84, 65, 55, 0.2);
  margin-top: 20px;
  margin-bottom: 10px;
  transition: all 0.1s;
}
@media (hover: hover) {
  .coupon__pop__window .close:hover {
    color: #544137;
    background: linear-gradient(0deg, rgba(84, 65, 55, 0.2), rgba(84, 65, 55, 0.2)), #FFFFFF;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
    border: 1px solid rgba(84, 65, 55, 0);
  }
  .coupon__pop__window .close:hover span::before, .coupon__pop__window .close:hover span::after {
    background-color: #544137;
  }
}
@media (max-width: 991.98px) {
  .coupon__pop__window .close {
    margin-bottom: 0;
  }
}
.coupon__pop__window .close span {
  position: relative;
}
.coupon__pop__window .close span::before, .coupon__pop__window .close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
}
.coupon__pop__window .close span::before {
  transform: rotate(45deg);
}
.coupon__pop__window .close span::after {
  transform: rotate(135deg);
}

.cancel__pop, .delete__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.cancel__pop__window, .delete__pop__window {
  width: 620px;
  max-width: 92%;
  max-height: 90%;
  padding: 60px 80px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .cancel__pop__window, .delete__pop__window {
    padding: 20px;
  }
}
.cancel__pop__window .title, .delete__pop__window .title {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .cancel__pop__window .title, .delete__pop__window .title {
    margin-bottom: 20px;
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
.cancel__pop__window button, .delete__pop__window button {
  width: 100%;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: 1px solid rgba(84, 65, 55, 0.2);
  transition: all 0.1s;
}
.cancel__pop__window .yes, .delete__pop__window .yes {
  background-color: #EE6F5C;
  color: #fff;
  margin-bottom: 10px;
}
@media (hover: hover) {
  .cancel__pop__window .yes:hover, .delete__pop__window .yes:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
    border: 1px solid rgba(84, 65, 55, 0);
  }
}
@media (hover: hover) {
  .cancel__pop__window .no:hover, .delete__pop__window .no:hover {
    color: #544137;
    background: linear-gradient(0deg, rgba(84, 65, 55, 0.2), rgba(84, 65, 55, 0.2)), #FFFFFF;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
    border: 1px solid rgba(84, 65, 55, 0);
  }
  .cancel__pop__window .no:hover span::before, .cancel__pop__window .no:hover span::after, .delete__pop__window .no:hover span::before, .delete__pop__window .no:hover span::after {
    background-color: #544137;
  }
}
.cancel__pop__window .no span, .delete__pop__window .no span {
  position: relative;
}
.cancel__pop__window .no span::before, .cancel__pop__window .no span::after, .delete__pop__window .no span::before, .delete__pop__window .no span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
}
.cancel__pop__window .no span::before, .delete__pop__window .no span::before {
  transform: rotate(45deg);
}
.cancel__pop__window .no span::after, .delete__pop__window .no span::after {
  transform: rotate(135deg);
}

.package__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.package__pop__window {
  width: 890px;
  max-height: 90%;
  padding: 24px 32px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .package__pop__window {
    max-width: 92%;
    padding: 20px;
  }
}
.package__pop__window__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 100%;
  padding-bottom: 18px;
  border-bottom: 1px solid #544137;
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .package__pop__window__title {
    margin-bottom: 0;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .package__pop__window__title {
    padding-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  .package__pop__window__title .package-number {
    width: 100%;
  }
}
.package__pop__window__title .package-number h6 {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  letter-spacing: 0.03em;
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
  margin-bottom: 0;
}
.package__pop__window__title .package-number h6 span {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
  margin-left: 12px;
}
@media (max-width: 767.98px) {
  .package__pop__window__title .warehouses {
    width: 100%;
  }
}
.package__pop__window__title .warehouses p {
  margin-bottom: 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
.package__pop__window__title .warehouses p span {
  margin-left: 4px;
}
.package__pop__window__content {
  width: 100%;
  display: flex;
}
@media (max-width: 767.98px) {
  .package__pop__window__content {
    flex-direction: column;
    height: 500px;
    overflow-y: scroll;
  }
}
.package__pop__window__content .images-swiper {
  width: 50%;
  padding: 12.84px 24px 12.84px 0;
  border-right: 1px solid rgba(84, 65, 55, 0.2);
}
@media (max-width: 767.98px) {
  .package__pop__window__content .images-swiper {
    width: 100%;
    border-right: none;
    padding: 20px 0;
  }
}
@media (max-width: 575.98px) {
  .package__pop__window__content .images-swiper {
    padding: 10px 0;
  }
}
.package__pop__window__content .images-swiper .gallery-top {
  width: 100%;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .images-swiper .gallery-top {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .package__pop__window__content .images-swiper .gallery-top {
    width: 100%;
  }
}
.package__pop__window__content .images-swiper .gallery-top .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -o-object-fit: cover;
     object-fit: cover;
}
.package__pop__window__content .images-swiper .gallery-top .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.package__pop__window__content .images-swiper .gallery-thumbs {
  width: 100%;
}
.package__pop__window__content .images-swiper .gallery-thumbs .swiper-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .images-swiper .gallery-thumbs .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.package__pop__window__content .images-swiper .gallery-thumbs .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.package__pop__window__content .images-swiper .gallery-thumbs .swiper-wrapper .swiper-slide img {
  width: 100%;
  margin-left: 8px;
}
.package__pop__window__content .images-swiper .gallery-thumbs .swiper-wrapper .swiper-slide img:first-child {
  margin-left: 0;
}
.package__pop__window__content .images-swiper .preview {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .images-swiper .preview {
    width: 75%;
    margin: auto;
    margin-top: 10px;
  }
}
.package__pop__window__content .images-swiper .preview img {
  width: 78.08px;
  height: 53.32px;
  margin-left: 8px;
}
.package__pop__window__content .images-swiper .preview img:first-child {
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .images-swiper .preview img {
    width: calc(33.3333333333% - 16px);
  }
}
.package__pop__window__content .package-info {
  width: 50%;
  padding-left: 24px;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .package-info {
    width: 100%;
    padding-left: 0;
  }
}
.package__pop__window__content .package-info h6 {
  text-align: center;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .package-info h6 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .package__pop__window__content .package-info h6 {
    margin-bottom: 10px;
  }
}
.package__pop__window__content .package-info .cm {
  padding: 0 10px;
  background-color: rgba(84, 65, 55, 0.05);
  border-radius: 10px;
  margin-bottom: 12px;
}
.package__pop__window__content .package-info .cm .unit {
  padding: 12px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
.package__pop__window__content .package-info .cm .unit p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
}
.package__pop__window__content .package-info .cm .unit p::after {
  content: "cm";
  display: inline-block;
  margin-left: 10px;
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.package__pop__window__content .package-info .cm .cm-number {
  padding: 12px 0;
}
.package__pop__window__content .package-info .cm .cm-number p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-bottom: 0;
}
.package__pop__window__content .package-info .kg {
  display: flex;
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .package__pop__window__content .package-info .kg {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .package__pop__window__content .package-info .kg {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.package__pop__window__content .package-info .kg .weight, .package__pop__window__content .package-info .kg .volume {
  width: 50%;
  padding: 10px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-radius: 10px;
}
.package__pop__window__content .package-info .kg .weight p, .package__pop__window__content .package-info .kg .volume p {
  margin-bottom: 0;
}
.package__pop__window__content .package-info .kg .weight p.unit, .package__pop__window__content .package-info .kg .volume p.unit {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
.package__pop__window__content .package-info .kg .weight p.number, .package__pop__window__content .package-info .kg .volume p.number {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.package__pop__window__content .package-info .kg .weight {
  margin-right: 8px;
}
.package__pop__window__content .package-info .kg .weight p.number::after {
  content: "kg";
  display: inline-block;
  margin-left: 4px;
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.package__pop__window__content .package-info .note {
  padding: 10px;
  background-color: rgba(84, 65, 55, 0.05);
  border-radius: 10px;
  width: 100%;
  height: 60px;
  max-height: 60px;
}
.package__pop__window__content .package-info .note p {
  margin-bottom: 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.6);
}
.package__pop__window__button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 40px;
}
@media (max-width: 767.98px) {
  .package__pop__window__button {
    margin-top: 20px;
  }
}
.package__pop__window__button button {
  width: 322px;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: 1px solid rgba(84, 65, 55, 0.2);
  margin-bottom: 10px;
  transition: all 0.1s;
}
@media (hover: hover) {
  .package__pop__window__button button:hover {
    color: #544137;
    background: linear-gradient(0deg, rgba(84, 65, 55, 0.2), rgba(84, 65, 55, 0.2)), #FFFFFF;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
    border: 1px solid rgba(84, 65, 55, 0);
  }
  .package__pop__window__button button:hover span::before, .package__pop__window__button button:hover span::after {
    background-color: #544137;
  }
}
.package__pop__window__button button span {
  position: relative;
}
.package__pop__window__button button span::before, .package__pop__window__button button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
}
.package__pop__window__button button span::before {
  transform: rotate(45deg);
}
.package__pop__window__button button span::after {
  transform: rotate(135deg);
}
@media (max-width: 767.98px) {
  .package__pop__window__button button {
    margin-bottom: 0;
  }
}

.order__create__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.order__create__pop__window {
  width: 620px;
  max-width: 92%;
  max-height: 90%;
  padding: 60px 80px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .order__create__pop__window {
    padding: 20px;
  }
}
.order__create__pop__window .image {
  width: 113px;
  height: 127px;
  background-image: url(../images/order_create.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .order__create__pop__window .image {
    margin-bottom: 20px;
    width: 100px;
    height: 114px;
  }
}
.order__create__pop__window .title {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .order__create__pop__window .title {
    margin-bottom: 20px;
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
.order__create__pop__window a {
  width: 100%;
}
.order__create__pop__window button {
  width: 100%;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: none;
  margin-bottom: 10px;
  transition: all 0.1s ease-in-out;
}
.order__create__pop__window .next {
  background-color: #EE6F5C;
  color: #fff;
}
@media (hover: hover) {
  .order__create__pop__window .next:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
.order__create__pop__window .close {
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  color: #EE6F5C;
}
@media (hover: hover) {
  .order__create__pop__window .close:hover {
    color: #544137;
    background: linear-gradient(0deg, rgba(84, 65, 55, 0.2), rgba(84, 65, 55, 0.2)), #FFFFFF;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
  }
  .order__create__pop__window .close:hover span::before, .order__create__pop__window .close:hover span::after {
    background-color: #544137;
  }
}
.order__create__pop__window .close span {
  position: relative;
}
.order__create__pop__window .close span::before, .order__create__pop__window .close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
}
.order__create__pop__window .close span::before {
  transform: rotate(45deg);
}
.order__create__pop__window .close span::after {
  transform: rotate(135deg);
}

[data-page=index] .nav__main__index {
  display: block;
}
[data-page=index] .index-padding-login {
  padding-top: 188px;
  transition: all 1s;
}
@media (orientation: landscape) and (min-width: 992px) {
  [data-page=index] .index-padding-login {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index-padding-login {
    padding-top: 67px;
  }
}
[data-page=index] .index-padding-nlogin {
  padding-top: 188px;
  transition: all 1s;
}
@media (orientation: landscape) and (min-width: 992px) {
  [data-page=index] .index-padding-nlogin {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index-padding-nlogin {
    padding-top: 126.19px;
  }
}
[data-page=index] .index__banner .carousel {
  position: relative;
}
@media (min-width: 992px) {
  [data-page=index] .index__banner .carousel-indicators {
    margin-right: 1%;
    margin-left: 1%;
  }
}
[data-page=index] .index__banner .carousel-indicators button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
[data-page=index] .index__banner .carousel-indicators .active {
  z-index: 2;
}
[data-page=index] .index__banner .carousel-indicators [data-bs-target] {
  position: relative;
  width: 98%;
  height: 3px;
  border: none;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0);
}
@media (min-width: 992px) {
  [data-page=index] .index__banner .carousel-indicators [data-bs-target] {
    position: absolute;
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
  }
}
[data-page=index] .index__banner .carousel-indicators [data-bs-target] span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  border-radius: inherit;
}
[data-page=index] .index__banner .carousel-inner {
  max-height: 500px;
  min-height: 220px;
}
[data-page=index] .index__banner .carousel-inner .carousel-item {
  min-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=index] .index__banner .carousel-inner .carousel-item img {
  min-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
}
[data-page=index] .index__banner .carousel-button-box {
  width: 100%;
  height: 56px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .carousel-button-box {
    display: none;
  }
}
[data-page=index] .index__banner .carousel-control-prev, [data-page=index] .index__banner .carousel-control-next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #EE6F5C;
  background-color: #fff;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .carousel-control-prev, [data-page=index] .index__banner .carousel-control-next {
    display: none;
  }
}
[data-page=index] .index__banner .carousel-control-prev .carousel-control-prev-icon, [data-page=index] .index__banner .carousel-control-prev .carousel-control-next-icon, [data-page=index] .index__banner .carousel-control-next .carousel-control-prev-icon, [data-page=index] .index__banner .carousel-control-next .carousel-control-next-icon {
  width: 6px;
  height: 8px;
}
[data-page=index] .index__banner .carousel-control-prev .carousel-control-prev-icon {
  background-image: url(../images/prev.svg);
}
[data-page=index] .index__banner .carousel-control-next .carousel-control-next-icon {
  background-image: url(../images/next.svg);
}
[data-page=index] .index__banner .carouselNumber {
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .carouselNumber {
    display: none;
  }
}
[data-page=index] .index__banner .carouselNumber .currentPage, [data-page=index] .index__banner .carouselNumber .totalPage {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  letter-spacing: 0.03em;
}
[data-page=index] .index__banner .carouselNumber .currentPage {
  font-weight: 800;
  color: #544137;
}
[data-page=index] .index__banner .carouselNumber .totalPage {
  font-weight: 400;
  color: rgba(53, 53, 53, 0.5);
}
[data-page=index] .index__banner .index__menu {
  width: 100%;
  height: calc(100vh - 704px);
  background-color: #FFF0D0;
  display: flex;
  align-items: center;
}
[data-page=index] .index__banner .index__menu .container {
  display: flex;
}
@media (max-width: 1199.98px) {
  [data-page=index] .index__banner .index__menu .container {
    padding: 32px 0;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] .index__banner .index__menu .container {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .index__banner .index__menu .container {
    padding: 32px 20px;
    display: block;
  }
}
[data-page=index] .index__banner .index__menu .button-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 575.98px) {
  [data-page=index] .index__banner .index__menu .button-box {
    width: 100%;
    margin-top: 24px;
  }
  [data-page=index] .index__banner .index__menu .button-box:first-child {
    margin-top: 0;
  }
}
[data-page=index] .index__banner .index__menu .button-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
[data-page=index] .index__banner .index__menu .button-card a {
  text-decoration: none;
  color: #544137;
  display: block;
  width: 144px;
  height: 144px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=index] .index__banner .index__menu .button-card a:hover {
    border: 2px solid #EE6F5C;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .index__menu .button-card a {
    width: 80px;
    height: 80px;
  }
}
[data-page=index] .index__banner .index__menu .button-card a .index__menu__button {
  width: 144px;
  height: 144px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .index__menu .button-card a .index__menu__button {
    width: 80px;
    height: 80px;
  }
}
[data-page=index] .index__banner .index__menu .button-card a .index__menu__button img {
  width: 45.16px;
  height: 45.16px;
}
[data-page=index] .index__banner .index__menu .button-card a .index__menu__button p {
  margin-top: 7.85px;
  margin-bottom: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  display: block;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .index__menu .button-card a .index__menu__button p {
    display: none;
  }
}
[data-page=index] .index__banner .index__menu .button-card p {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  display: none;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__banner .index__menu .button-card p {
    display: block;
  }
}
[data-page=index] .index__news {
  padding-top: 48px;
  padding-bottom: 80px;
  background-color: #FFF0D0;
}
@media (orientation: landscape) {
  [data-page=index] .index__news {
    padding-top: 117.83px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news {
    background-color: #fff;
    padding: 24px 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news .container {
    padding: 0;
  }
}
[data-page=index] .index__news__title {
  text-align: center;
  font-size: calc((42 / 16) * 1rem);
  line-height: calc(60.82 / 42);
  font-weight: 700;
  color: #EE6F5C;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news__title {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(43.44 / 30);
    margin-bottom: 24px;
  }
}
[data-page=index] .index__news__title span {
  display: block;
  opacity: 0.5;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(21 / 14);
  font-weight: 900;
}
[data-page=index] .index__news__article__box {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
}
[data-page=index] .index__news__article__box .index__news__article {
  padding: 32px 0;
  position: relative;
  cursor: pointer;
  box-shadow: 0 1px rgba(84, 65, 55, 0.2);
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news__article__box .index__news__article {
    padding: 16px 0;
  }
}
[data-page=index] .index__news__article__box .index__news__article__card {
  width: 815px;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news__article__box .index__news__article__card {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
[data-page=index] .index__news__article__box .index__news__article__title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news__article__box .index__news__article__title {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=index] .index__news__article__box .index__news__article__content > *, [data-page=index] .index__news__article__box .index__news__article__content {
  margin: 4px 0 16px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news__article__box .index__news__article__content > *, [data-page=index] .index__news__article__box .index__news__article__content {
    display: none;
  }
}
[data-page=index] .index__news__article__box .index__news__article__date {
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: #544137;
  opacity: 0.3;
  margin-bottom: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=index] .index__news__article__box .index__news__article__button {
  padding: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #EE6F5C;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__news__article__box .index__news__article__button {
    display: none;
  }
}
[data-page=index] .index__news__article__box .index__news__article__button span::before, [data-page=index] .index__news__article__box .index__news__article__button span::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-page=index] .index__news__article__box .index__news__article__button span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[data-page=index] .index__news__article__box .index__news__article .freeze {
  color: #EE6F5C;
  opacity: 1;
}
@media (hover: hover) {
  [data-page=index] .index__news__article__box .index__news__article:hover .index__news__article__title {
    color: #EE6F5C;
  }
  [data-page=index] .index__news__article__box .index__news__article:hover .index__news__article__button {
    opacity: 1;
  }
}
[data-page=index] .index__recommend {
  padding: 80px 0;
  background-color: #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__recommend {
    padding: 24px 20px;
  }
}
[data-page=index] .index__recommend__title {
  width: 100%;
  text-align: center;
  font-size: calc((42 / 16) * 1rem);
  line-height: calc(60.82 / 42);
  font-weight: 700;
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__recommend__title {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(43.44 / 30);
    margin-bottom: 24px;
  }
}
[data-page=index] .index__recommend__title span {
  display: block;
  opacity: 0.5;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(21 / 14);
  font-weight: 900;
}
[data-page=index] .index__recommend__link {
  padding: 0 79px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__recommend__link {
    flex-wrap: wrap;
    padding: 0;
  }
}
[data-page=index] .index__recommend__link .link-box {
  display: flex;
  margin-right: 8px;
  width: 100%;
}
[data-page=index] .index__recommend__link .link-box:last-child {
  margin-right: 0;
}
@media (max-width: 991.98px) {
  [data-page=index] .index__recommend__link .link-box {
    width: 100%;
    justify-content: center;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] .index__recommend__link .link-box {
    flex-wrap: wrap;
  }
}
[data-page=index] .index__recommend__link a {
  display: block;
  width: calc((100% - 160px) / 3);
  min-width: calc((100% - 160px) / 6);
  height: 190px;
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-left: 8px;
}
[data-page=index] .index__recommend__link a:first-child {
  margin-left: 0;
}
@media (hover: hover) {
  [data-page=index] .index__recommend__link a:hover .index__recommend__link__mask {
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .index__recommend__link a {
    width: 33%;
    height: 121.2px;
  }
  [data-page=index] .index__recommend__link a:nth-child(3) {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] .index__recommend__link a {
    width: calc((100% - 10px) / 3);
    min-width: calc((100% - 10px) / 3);
    margin-left: 3px;
  }
  [data-page=index] .index__recommend__link a:first-child, [data-page=index] .index__recommend__link a:nth-child(4) {
    margin-left: 0;
  }
  [data-page=index] .index__recommend__link a:nth-child(4), [data-page=index] .index__recommend__link a:nth-child(5), [data-page=index] .index__recommend__link a:nth-child(6) {
    margin-top: 3px;
  }
}
[data-page=index] .index__recommend__link__logo {
  width: 80%;
  height: 20%;
}
[data-page=index] .index__recommend__link__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-page=index] .index__recommend__link__mask {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(53, 53, 53, 0.7);
  opacity: 0;
}
[data-page=index] .index__recommend__link__mask span {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(23.17 / 16);
  font-weight: 700;
  color: #fff;
}
[data-page=index] .index__recommend__link__mask span::after {
  content: url(../images/recommend_arrow.svg);
}

[data-page=shipping__calculation] .nav__sm__login {
  display: none;
}
[data-page=shipping__calculation] .shipping__calculation__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content {
    padding: 20px 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content .container {
  padding: 0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content .container {
    padding: 0 20px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content .calculation-content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content .calculation-content {
    flex-wrap: wrap;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__notice {
  padding-right: 0;
  padding-left: 0;
  width: 50%;
  margin-right: 70px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__notice {
    width: 100%;
    margin-right: 0;
    order: 2;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__notice h3 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__notice h3 {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__notice ol {
  margin: 32px 0;
  padding-right: 38px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__notice ol {
    margin: 20px 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__notice ol li {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin-top: 4px;
}
[data-page=shipping__calculation] .shipping__calculation__content__notice ol li:first-child {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__notice ol li {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__notice__img {
  width: 100%;
  height: 367px;
  background-image: url(../images/calculation_box.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__notice__img {
    background-position: center center;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  width: 50%;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation {
    width: 100%;
    order: 1;
    margin-bottom: 24px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation .calculation-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__horizon {
  width: 100%;
  height: 1px;
  background-color: rgba(84, 65, 55, 0.1);
  margin: 32px 0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__horizon {
    margin: 20px 0 0 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg .calinput, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm .calinput, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .calinput, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result .calinput {
  padding: 24px 32px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg .calinput, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm .calinput, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .calinput, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result .col-6, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result .calinput {
    padding: 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
  padding: 24px 0;
  margin-bottom: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
    padding: 20px 0 0 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input {
  width: 100%;
  border: none;
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(52 / 40);
  font-weight: 800;
  color: #544137;
  caret-color: rgba(84, 65, 55, 0.2);
  text-align: right;
  padding: 18px 75px 18px 32px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
  -moz-appearance: textfield;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input::-moz-placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input::-moz-placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input::-moz-placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input::-moz-placeholder {
  color: #544137;
  opacity: 0.2;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input::placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input::placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input::placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input::placeholder {
  color: #544137;
  opacity: 0.2;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input::-webkit-outer-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input::-webkit-inner-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input::-webkit-outer-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input::-webkit-inner-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input::-webkit-outer-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input::-webkit-inner-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input::-webkit-outer-spin-button, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input:focus, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input:focus, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input:focus, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input:focus {
  outline: none;
  border-bottom: 1px solid #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(43.44 / 30);
    padding-right: 40px;
    padding: 10px 48px 10px 40px;
  }
}
@media (max-width: 575.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result input {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
    padding-left: 40px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume {
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume {
    padding: 10px 20px !important;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unit {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unitTitle {
  left: 40px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input .unitTitle, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unitTitle {
    left: 20px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unit {
  right: 40px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__input .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unit {
    right: 28px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume input {
  padding-right: 81px;
  padding-left: 8px;
  background-color: #f8f8f8;
  border-radius: 20px;
  border: none;
  color: rgba(84, 65, 55, 0.5);
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume input:focus, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume input:focus, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume input:focus, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume input:focus {
  border: none;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume input::-moz-placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume input::-moz-placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume input::-moz-placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume input::-moz-placeholder {
  opacity: 0.5;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume input::placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume input::placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume input::placeholder, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume input::placeholder {
  opacity: 0.5;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume input, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume input {
    padding-right: 48px;
    border-radius: 10px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unit {
  opacity: 0.5;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__kg__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment__volume .unit, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__volume .unit {
    margin-top: 6px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__cm label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
  padding: 21px 0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__cm label, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
    padding: 20px 0 0 20px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__cm__span, [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__span {
  display: block;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  opacity: 0.5;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .col-6 {
  padding: 0 32px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .col-6 {
    padding: 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment label {
  padding: 11px 0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment label {
    padding: 20px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric {
  padding: 13.5px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 1199.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric {
    padding: 13.5px 10px;
  }
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric {
    margin: 0 20px;
    padding: 10px 20px;
  }
}
@media (max-width: 767.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric {
    padding: 0 10px;
    border-radius: 10px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric .label {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items {
    margin: 0 20px;
  }
}
@media (max-width: 767.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items {
    border-radius: 10px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items .selectric-scroll li:last-child {
  border-top: 1px solid rgba(84, 65, 55, 0.1);
}
@media (hover: hover) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 767.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(35.2 / 16);
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items .selectric-scroll .selected, [data-page=shipping__calculation] .shipping__calculation__content__calculation__payment .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__button {
  padding-bottom: 32px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__button {
    padding: 20px 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__button .calculation-button {
  width: 100%;
  padding: 0 32px;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__button .calculation-button {
    padding: 0 20px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__button .calculation-button button {
  padding: 10px 0;
  width: 100%;
  border: none;
  border-radius: 30px;
  background-color: #EE6F5C;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__result {
  padding: 0 10px;
  background-color: #FFD885;
}
@media (max-width: 575.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__result {
    padding: 0 20px;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
  padding: 29px 0;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__result label {
    padding: 20px 0;
  }
}
[data-page=shipping__calculation] .shipping__calculation__content__calculation__result__price h4 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(52 / 40);
  font-weight: 800;
  color: #544137;
  text-align: right;
}
@media (max-width: 991.98px) {
  [data-page=shipping__calculation] .shipping__calculation__content__calculation__result__price h4 {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(43.44 / 30);
  }
}

[data-page=process__introduction] .nav__sm__login {
  display: none;
}
[data-page=process__introduction] .process__introduction__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content {
    padding: 20px;
  }
}
[data-page=process__introduction] .process__introduction__content__step-one, [data-page=process__introduction] .process__introduction__content__step-two, [data-page=process__introduction] .process__introduction__content__step-three, [data-page=process__introduction] .process__introduction__content__step-four, [data-page=process__introduction] .process__introduction__content__step-five, [data-page=process__introduction] .process__introduction__content__step-six, [data-page=process__introduction] .process__introduction__content__step-seven, [data-page=process__introduction] .process__introduction__content__step-eight {
  padding: 0 139px;
  display: flex;
}
@media (max-width: 1399.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one, [data-page=process__introduction] .process__introduction__content__step-two, [data-page=process__introduction] .process__introduction__content__step-three, [data-page=process__introduction] .process__introduction__content__step-four, [data-page=process__introduction] .process__introduction__content__step-five, [data-page=process__introduction] .process__introduction__content__step-six, [data-page=process__introduction] .process__introduction__content__step-seven, [data-page=process__introduction] .process__introduction__content__step-eight {
    padding: 0;
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__img, [data-page=process__introduction] .process__introduction__content__step-two__img, [data-page=process__introduction] .process__introduction__content__step-three__img, [data-page=process__introduction] .process__introduction__content__step-four__img, [data-page=process__introduction] .process__introduction__content__step-five__img, [data-page=process__introduction] .process__introduction__content__step-six__img, [data-page=process__introduction] .process__introduction__content__step-seven__img, [data-page=process__introduction] .process__introduction__content__step-eight__img {
  padding: 140px;
  margin-right: 80px;
  border-radius: 50%;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: all 0.1s ease-in-out;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__img, [data-page=process__introduction] .process__introduction__content__step-two__img, [data-page=process__introduction] .process__introduction__content__step-three__img, [data-page=process__introduction] .process__introduction__content__step-four__img, [data-page=process__introduction] .process__introduction__content__step-five__img, [data-page=process__introduction] .process__introduction__content__step-six__img, [data-page=process__introduction] .process__introduction__content__step-seven__img, [data-page=process__introduction] .process__introduction__content__step-eight__img {
    display: none;
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__content h3, [data-page=process__introduction] .process__introduction__content__step-two__content h3, [data-page=process__introduction] .process__introduction__content__step-three__content h3, [data-page=process__introduction] .process__introduction__content__step-four__content h3, [data-page=process__introduction] .process__introduction__content__step-five__content h3, [data-page=process__introduction] .process__introduction__content__step-six__content h3, [data-page=process__introduction] .process__introduction__content__step-seven__content h3, [data-page=process__introduction] .process__introduction__content__step-eight__content h3 {
  font-size: calc((64 / 16) * 1rem);
  line-height: calc(64 / 64);
  font-weight: 250;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__content h3, [data-page=process__introduction] .process__introduction__content__step-two__content h3, [data-page=process__introduction] .process__introduction__content__step-three__content h3, [data-page=process__introduction] .process__introduction__content__step-four__content h3, [data-page=process__introduction] .process__introduction__content__step-five__content h3, [data-page=process__introduction] .process__introduction__content__step-six__content h3, [data-page=process__introduction] .process__introduction__content__step-seven__content h3, [data-page=process__introduction] .process__introduction__content__step-eight__content h3 {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(43.44 / 30);
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__content h3 span, [data-page=process__introduction] .process__introduction__content__step-two__content h3 span, [data-page=process__introduction] .process__introduction__content__step-three__content h3 span, [data-page=process__introduction] .process__introduction__content__step-four__content h3 span, [data-page=process__introduction] .process__introduction__content__step-five__content h3 span, [data-page=process__introduction] .process__introduction__content__step-six__content h3 span, [data-page=process__introduction] .process__introduction__content__step-seven__content h3 span, [data-page=process__introduction] .process__introduction__content__step-eight__content h3 span {
  margin-left: 4px;
  font-weight: 800;
  line-height: calc(83.2 / 64);
}
[data-page=process__introduction] .process__introduction__content__step-one__content h4, [data-page=process__introduction] .process__introduction__content__step-two__content h4, [data-page=process__introduction] .process__introduction__content__step-three__content h4, [data-page=process__introduction] .process__introduction__content__step-four__content h4, [data-page=process__introduction] .process__introduction__content__step-five__content h4, [data-page=process__introduction] .process__introduction__content__step-six__content h4, [data-page=process__introduction] .process__introduction__content__step-seven__content h4, [data-page=process__introduction] .process__introduction__content__step-eight__content h4 {
  margin-top: 24px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__content h4, [data-page=process__introduction] .process__introduction__content__step-two__content h4, [data-page=process__introduction] .process__introduction__content__step-three__content h4, [data-page=process__introduction] .process__introduction__content__step-four__content h4, [data-page=process__introduction] .process__introduction__content__step-five__content h4, [data-page=process__introduction] .process__introduction__content__step-six__content h4, [data-page=process__introduction] .process__introduction__content__step-seven__content h4, [data-page=process__introduction] .process__introduction__content__step-eight__content h4 {
    margin-top: 20px;
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__content p, [data-page=process__introduction] .process__introduction__content__step-two__content p, [data-page=process__introduction] .process__introduction__content__step-three__content p, [data-page=process__introduction] .process__introduction__content__step-four__content p, [data-page=process__introduction] .process__introduction__content__step-five__content p, [data-page=process__introduction] .process__introduction__content__step-six__content p, [data-page=process__introduction] .process__introduction__content__step-seven__content p, [data-page=process__introduction] .process__introduction__content__step-eight__content p {
  margin-top: 12px;
  margin-bottom: 24px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__content p, [data-page=process__introduction] .process__introduction__content__step-two__content p, [data-page=process__introduction] .process__introduction__content__step-three__content p, [data-page=process__introduction] .process__introduction__content__step-four__content p, [data-page=process__introduction] .process__introduction__content__step-five__content p, [data-page=process__introduction] .process__introduction__content__step-six__content p, [data-page=process__introduction] .process__introduction__content__step-seven__content p, [data-page=process__introduction] .process__introduction__content__step-eight__content p {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__content button, [data-page=process__introduction] .process__introduction__content__step-two__content button, [data-page=process__introduction] .process__introduction__content__step-three__content button, [data-page=process__introduction] .process__introduction__content__step-four__content button, [data-page=process__introduction] .process__introduction__content__step-five__content button, [data-page=process__introduction] .process__introduction__content__step-six__content button, [data-page=process__introduction] .process__introduction__content__step-seven__content button, [data-page=process__introduction] .process__introduction__content__step-eight__content button {
  display: block;
  padding: 8px 84px;
  border: none;
  border-radius: 24px;
  background-color: #EE6F5C;
}
@media (max-width: 575.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__content button, [data-page=process__introduction] .process__introduction__content__step-two__content button, [data-page=process__introduction] .process__introduction__content__step-three__content button, [data-page=process__introduction] .process__introduction__content__step-four__content button, [data-page=process__introduction] .process__introduction__content__step-five__content button, [data-page=process__introduction] .process__introduction__content__step-six__content button, [data-page=process__introduction] .process__introduction__content__step-seven__content button, [data-page=process__introduction] .process__introduction__content__step-eight__content button {
    padding: 8px 0;
    width: 100%;
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__content button span, [data-page=process__introduction] .process__introduction__content__step-two__content button span, [data-page=process__introduction] .process__introduction__content__step-three__content button span, [data-page=process__introduction] .process__introduction__content__step-four__content button span, [data-page=process__introduction] .process__introduction__content__step-five__content button span, [data-page=process__introduction] .process__introduction__content__step-six__content button span, [data-page=process__introduction] .process__introduction__content__step-seven__content button span, [data-page=process__introduction] .process__introduction__content__step-eight__content button span {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
}
[data-page=process__introduction] .process__introduction__content__step-one__content button span::before, [data-page=process__introduction] .process__introduction__content__step-two__content button span::before, [data-page=process__introduction] .process__introduction__content__step-three__content button span::before, [data-page=process__introduction] .process__introduction__content__step-four__content button span::before, [data-page=process__introduction] .process__introduction__content__step-five__content button span::before, [data-page=process__introduction] .process__introduction__content__step-six__content button span::before, [data-page=process__introduction] .process__introduction__content__step-seven__content button span::before, [data-page=process__introduction] .process__introduction__content__step-eight__content button span::before {
  content: url(../images/member.svg);
  margin-right: 11px;
  position: relative;
  top: 5px;
}
[data-page=process__introduction] .process__introduction__content__step-two, [data-page=process__introduction] .process__introduction__content__step-three, [data-page=process__introduction] .process__introduction__content__step-four, [data-page=process__introduction] .process__introduction__content__step-five, [data-page=process__introduction] .process__introduction__content__step-six, [data-page=process__introduction] .process__introduction__content__step-seven, [data-page=process__introduction] .process__introduction__content__step-eight {
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-two, [data-page=process__introduction] .process__introduction__content__step-three, [data-page=process__introduction] .process__introduction__content__step-four, [data-page=process__introduction] .process__introduction__content__step-five, [data-page=process__introduction] .process__introduction__content__step-six, [data-page=process__introduction] .process__introduction__content__step-seven, [data-page=process__introduction] .process__introduction__content__step-eight {
    margin-top: 20px;
  }
}
[data-page=process__introduction] .process__introduction__content__step-one__img {
  background-image: url(../images/step_one.svg);
  opacity: 1;
}
[data-page=process__introduction] .process__introduction__content__step-two__img {
  background-image: url(../images/step_two.svg);
}
[data-page=process__introduction] .process__introduction__content__step-three__img {
  background-image: url(../images/step_three.svg);
}
[data-page=process__introduction] .process__introduction__content__step-three__content ul {
  margin-top: 12px;
  list-style: none;
}
[data-page=process__introduction] .process__introduction__content__step-three__content ul li {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin-top: 12px;
}
[data-page=process__introduction] .process__introduction__content__step-three__content ul li::before {
  content: "•";
  color: #544137;
  font-weight: bold;
  display: inline-block;
  margin-left: -16px;
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-three__content ul li {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=process__introduction] .process__introduction__content__step-four__img {
  background-image: url(../images/step_four.svg);
}
[data-page=process__introduction] .process__introduction__content__step-five__img {
  background-image: url(../images/step_five.svg);
}
[data-page=process__introduction] .process__introduction__content__step-six__img {
  background-image: url(../images/step_six.svg);
}
[data-page=process__introduction] .process__introduction__content__step-seven__img {
  background-image: url(../images/step_seven.svg);
}
[data-page=process__introduction] .process__introduction__content__step-eight__img {
  background-image: url(../images/step_eight.svg);
}
[data-page=process__introduction] .process__introduction__content__step-one {
  position: relative;
}
[data-page=process__introduction] .process__introduction__content__step-one__bar {
  width: 8px;
  height: 0px;
  border-radius: 8px;
  background-color: #fff;
  position: absolute;
  left: 275px;
  z-index: 1;
}
@media (max-width: 1399.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__bar {
    left: 137.5px;
  }
}
@media (max-width: 991.98px) {
  [data-page=process__introduction] .process__introduction__content__step-one__bar {
    display: none;
  }
}

[data-page=freight__calculation__method] .nav__sm__login {
  display: none;
}
[data-page=freight__calculation__method] .freight__calculation__method__content {
  padding: 80px 0;
  background-color: #FFF0D0;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content {
    padding: 20px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method {
    padding: 0 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method .container, [data-page=freight__calculation__method] .freight__calculation__method__content__other .container, [data-page=freight__calculation__method] .freight__calculation__method__content__notice .container {
    padding: 0;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method h3, [data-page=freight__calculation__method] .freight__calculation__method__content__other h3, [data-page=freight__calculation__method] .freight__calculation__method__content__notice h3 {
  text-align: center;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  margin-bottom: 0;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method h3::after, [data-page=freight__calculation__method] .freight__calculation__method__content__other h3::after, [data-page=freight__calculation__method] .freight__calculation__method__content__notice h3::after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  border-radius: 0 0 10px 10px;
  background-color: #EE6F5C;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit {
  margin-top: 40px;
  padding: 25.5px 24px;
  border-top: 1px solid #544137;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit {
    padding: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit {
    flex-wrap: wrap;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash .content, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit .content, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash .content, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit .content, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash .content, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit .content {
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash .content, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit .content, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash .content, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit .content, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash .content, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit .content {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit .title, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash .title, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit .title {
    margin-bottom: 10px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__cash h4, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit h4, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash h4, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit h4, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash h4, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit h4 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__cash h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit h4::before {
  content: url(../images/cash.svg);
  margin-right: 12px;
  position: relative;
  top: 6px;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit h4::before {
    top: 9px;
  }
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash h4, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit h4, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash h4, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit h4, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash h4, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit h4 {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__cash p, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit p, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash p, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit p, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash p, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit p {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__method__cash p, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit p, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash p, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit p, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash p, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit p {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__cash p span, [data-page=freight__calculation__method] .freight__calculation__method__content__method__credit p span, [data-page=freight__calculation__method] .freight__calculation__method__content__other__cash p span, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit p span, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__cash p span, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit p span {
  line-height: calc(28.8 / 16);
  font-weight: 700;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit {
  margin-top: 0;
  border-top: none;
  border-bottom: 1px solid #544137;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__method__credit h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__other__credit h4::before, [data-page=freight__calculation__method] .freight__calculation__method__content__notice__credit h4::before {
  content: url(../images/credit.svg);
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other {
  margin-top: 80px;
  padding: 80px 0;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__other {
    margin-top: 24px;
    padding: 24px 20px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box {
    margin-top: 40px;
    border-top: 1px solid #544137;
    border-bottom: 1px solid #544137;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card {
  border-left: 1px solid rgba(84, 65, 55, 0.2);
  padding-left: 23.75px;
  width: 33.3333333333%;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card:first-child {
  border-left: none;
  padding-left: 0;
  border-top: none;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card {
    width: 100%;
    border-left: none;
    padding-left: 0;
    padding: 10px;
    border-top: 1px solid rgba(84, 65, 55, 0.2);
  }
  [data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card:first-child {
    padding: 10px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card h4 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card h4::before {
  display: block;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card h4 {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
  [data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card h4::before {
    margin-bottom: 0px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card .count::before {
  content: url(../images/method_other_count.svg);
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card .package::before {
  content: url(../images/method_other_package.svg);
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card .calender::before {
  content: url(../images/method_other_calender.svg);
}
[data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card p {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__other .other-method-box .other-method-card p {
    margin-top: 10px;
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice {
  padding-top: 80px;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice {
    padding: 24px 20px 0 20px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content {
  margin-top: 90px;
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content {
    margin-top: 40px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 40px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume {
    padding: 10px;
  }
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation {
    width: 100%;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation p {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  color: #544137;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation p {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation button {
  margin-top: 61px;
  padding: 10px 280px;
  background-color: #EE6F5C;
  color: #fff;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border: 2px solid rgba(84, 65, 55, 0);
  border-radius: 100px;
  transition: all 0.1s ease-in-out;
  word-break: keep-all;
}
@media (hover: hover) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    border: 2px solid rgba(84, 65, 55, 0.2);
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 1399.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation button {
    padding: 10px 0;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation button {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .calculation button {
    margin-top: 10px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .img {
  width: 480px;
  height: 367.76px;
  background-image: url(../images/calculation_box.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .img {
    width: 100%;
    background-position: center center;
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .volume .img {
    margin-top: 10px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice {
  padding: 40px 0;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice {
    padding: 20px 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice {
    padding: 10px;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice h4 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice ul {
  margin-top: 12px;
  list-style: none;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice ul {
    margin: 0;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice ul li {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin-top: 12px;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice ul li::before {
  content: "•";
  color: #544137;
  font-weight: bold;
  display: inline-block;
  margin-left: -16px;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__notice__content .notice ul li {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar {
  position: fixed;
  bottom: 38%;
  right: 5%;
  text-align: right;
}
@media (max-width: 991.98px) {
  [data-page=freight__calculation__method] .freight__calculation__method__content__sidebar {
    display: none;
  }
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative {
  position: relative;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative h3 {
  float: right;
  clear: right;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(19.6 / 14);
  font-weight: 400;
  color: rgba(238, 111, 92, 0.6);
  padding: 3px 10px;
  margin-top: 75px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  transition: all 0.1s;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative h3:first-child {
  margin-top: 0;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative h3::after {
  content: url(../images/sidebar_default.svg);
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 12px;
  top: 1.5px;
  position: relative;
  z-index: 2;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative .bar {
  display: block;
  width: 1px;
  height: 210px;
  background-color: #EE6F5C;
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 16px;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative .sidebar_active {
  background-color: #fff;
  color: #EE6F5C;
  font-weight: 700;
}
[data-page=freight__calculation__method] .freight__calculation__method__content__sidebar .sidebar_relative .sidebar_active::after {
  content: url(../images/sidebar_active.svg);
  top: 3px;
  right: 3px;
}

[data-page=contraband] .nav__sm__login {
  display: none;
}
[data-page=contraband] .contraband__content {
  background-color: #FFF0D0;
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  [data-page=contraband] .contraband__content {
    padding: 20px 0;
  }
}
[data-page=contraband] .contraband__content__list {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
  padding: 0 20px;
}
[data-page=contraband] .contraband__content__list__item {
  padding: 24px 0;
  align-items: center;
  border-top: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
  flex-wrap: wrap;
}
[data-page=contraband] .contraband__content__list__item:first-child {
  border-top: none;
}
@media (max-width: 991.98px) {
  [data-page=contraband] .contraband__content__list__item {
    padding: 12px 0;
  }
}
[data-page=contraband] .contraband__content__list__item h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=contraband] .contraband__content__list__item h3 {
    margin-bottom: 10px;
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
[data-page=contraband] .contraband__content__list__item p {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=contraband] .contraband__content__list__item p {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=contraband] .contraband__content__link {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 991.98px) {
  [data-page=contraband] .contraband__content__link {
    margin-top: 20px;
    padding: 0 20px;
  }
}
[data-page=contraband] .contraband__content__link p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  margin-bottom: 0;
  color: rgba(84, 65, 55, 0.5);
}
[data-page=contraband] .contraband__content__link p span a {
  text-decoration: none;
  color: rgba(84, 65, 55, 0.5);
}

[data-page=qa] .nav__sm__login {
  display: none;
}
@media (min-width: 992px) {
  [data-page=qa] .qa__tabs {
    display: none;
  }
}
[data-page=qa] .qa__tabs ul {
  justify-content: space-between;
}
[data-page=qa] .qa__tabs ul li {
  width: -moz-fit-content;
  width: fit-content;
}
[data-page=qa] .qa__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=qa] .qa__content {
    padding: 20px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=qa] .qa__content .container {
    padding: 0;
  }
}
[data-page=qa] .qa__content .qa-box {
  display: flex;
}
[data-page=qa] .qa__content__aside {
  width: 163px;
  background-color: #fff;
  border-radius: 28px;
  overflow: hidden;
}
[data-page=qa] .qa__content__aside ul {
  border: none;
  padding: 24px 0;
}
[data-page=qa] .qa__content__aside ul li {
  width: 100%;
}
[data-page=qa] .qa__content__aside ul li button {
  padding: 0;
  width: 100%;
  text-align: left;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.8);
}
[data-page=qa] .qa__content__aside ul li button::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #fff;
  margin-right: 10px;
  position: relative;
  top: 4px;
  left: -1px;
}
@media (hover: hover) {
  [data-page=qa] .qa__content__aside ul li button:hover {
    color: rgba(84, 65, 55, 0.5);
  }
}
[data-page=qa] .qa__content__aside ul li .nav-link.active {
  border-color: #fff;
  color: #EE6F5C;
  font-weight: 700;
}
[data-page=qa] .qa__content__aside ul li .nav-link.active::before {
  background-color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=qa] .qa__content__aside ul li .nav-link:hover {
    border-color: #fff;
  }
}
[data-page=qa] .qa__content__text {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
}
@media (max-width: 991.98px) {
  [data-page=qa] .qa__content__text {
    padding: 0 20px;
  }
}
[data-page=qa] .qa__content__text .questions__answers {
  box-shadow: 0 1px rgba(84, 65, 55, 0.2);
}
[data-page=qa] .qa__content__text p {
  margin-bottom: 0;
}
[data-page=qa] .qa__content__text button {
  padding: 22px 10px;
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background-color: transparent;
  border: none;
}
@media (max-width: 991.98px) {
  [data-page=qa] .qa__content__text button {
    padding: 12px 0;
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=qa] .qa__content__text button .text {
  text-align: left;
  margin-right: 34px;
  font-weight: 800;
}
@media (max-width: 991.98px) {
  [data-page=qa] .qa__content__text button .text {
    margin-right: 10px;
  }
}
@media (max-width: 413.98px) {
  [data-page=qa] .qa__content__text button .text {
    max-width: 310px;
  }
}
[data-page=qa] .qa__content__text button .plus {
  position: relative;
}
[data-page=qa] .qa__content__text button .plus::before, [data-page=qa] .qa__content__text button .plus::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #544137;
  transition: all 0.3s ease-in-out;
}
[data-page=qa] .qa__content__text button .plus::after {
  transform: rotate(90deg);
}
[data-page=qa] .qa__content__text button .minus {
  position: relative;
}
[data-page=qa] .qa__content__text button .minus::before, [data-page=qa] .qa__content__text button .minus::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
  transition: all 0.3s ease-in-out;
}
[data-page=qa] .qa__content__text button .minus::before {
  transform: rotate(135deg);
}
[data-page=qa] .qa__content__text button .minus::after {
  transform: rotate(225deg);
}
[data-page=qa] .qa__content__text .answer {
  padding-left: 72px;
  padding-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=qa] .qa__content__text .answer {
    padding-left: 37px;
  }
}
[data-page=qa] .qa__content__text .answer__text {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
}

[data-page=member__agreement] .nav__sm__login, [data-page=member__rules] .nav__sm__login, [data-page=privacy__policy] .nav__sm__login {
  display: none;
}
[data-page=member__agreement] .member__agreement__content, [data-page=member__agreement] .member__rules__content, [data-page=member__agreement] .privacy__policy__content, [data-page=member__rules] .member__agreement__content, [data-page=member__rules] .member__rules__content, [data-page=member__rules] .privacy__policy__content, [data-page=privacy__policy] .member__agreement__content, [data-page=privacy__policy] .member__rules__content, [data-page=privacy__policy] .privacy__policy__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__agreement] .member__agreement__content, [data-page=member__agreement] .member__rules__content, [data-page=member__agreement] .privacy__policy__content, [data-page=member__rules] .member__agreement__content, [data-page=member__rules] .member__rules__content, [data-page=member__rules] .privacy__policy__content, [data-page=privacy__policy] .member__agreement__content, [data-page=privacy__policy] .member__rules__content, [data-page=privacy__policy] .privacy__policy__content {
    padding: 20px;
  }
}
[data-page=member__agreement] .member__agreement__content .container, [data-page=member__agreement] .member__rules__content .container, [data-page=member__agreement] .privacy__policy__content .container, [data-page=member__rules] .member__agreement__content .container, [data-page=member__rules] .member__rules__content .container, [data-page=member__rules] .privacy__policy__content .container, [data-page=privacy__policy] .member__agreement__content .container, [data-page=privacy__policy] .member__rules__content .container, [data-page=privacy__policy] .privacy__policy__content .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__agreement] .member__agreement__content .container, [data-page=member__agreement] .member__rules__content .container, [data-page=member__agreement] .privacy__policy__content .container, [data-page=member__rules] .member__agreement__content .container, [data-page=member__rules] .member__rules__content .container, [data-page=member__rules] .privacy__policy__content .container, [data-page=privacy__policy] .member__agreement__content .container, [data-page=privacy__policy] .member__rules__content .container, [data-page=privacy__policy] .privacy__policy__content .container {
    padding: 0;
  }
}
[data-page=member__agreement] .member__agreement__content__text, [data-page=member__agreement] .member__rules__content__text, [data-page=member__agreement] .privacy__policy__content__text, [data-page=member__rules] .member__agreement__content__text, [data-page=member__rules] .member__rules__content__text, [data-page=member__rules] .privacy__policy__content__text, [data-page=privacy__policy] .member__agreement__content__text, [data-page=privacy__policy] .member__rules__content__text, [data-page=privacy__policy] .privacy__policy__content__text {
  width: 784px;
}
[data-page=member__agreement] .member__agreement__content__text h3, [data-page=member__agreement] .member__agreement__content__text p, [data-page=member__agreement] .member__agreement__content__text ol, [data-page=member__agreement] .member__agreement__content__text ul, [data-page=member__agreement] .member__agreement__content__text li, [data-page=member__agreement] .member__agreement__content__text span, [data-page=member__agreement] .member__rules__content__text h3, [data-page=member__agreement] .member__rules__content__text p, [data-page=member__agreement] .member__rules__content__text ol, [data-page=member__agreement] .member__rules__content__text ul, [data-page=member__agreement] .member__rules__content__text li, [data-page=member__agreement] .member__rules__content__text span, [data-page=member__agreement] .privacy__policy__content__text h3, [data-page=member__agreement] .privacy__policy__content__text p, [data-page=member__agreement] .privacy__policy__content__text ol, [data-page=member__agreement] .privacy__policy__content__text ul, [data-page=member__agreement] .privacy__policy__content__text li, [data-page=member__agreement] .privacy__policy__content__text span, [data-page=member__rules] .member__agreement__content__text h3, [data-page=member__rules] .member__agreement__content__text p, [data-page=member__rules] .member__agreement__content__text ol, [data-page=member__rules] .member__agreement__content__text ul, [data-page=member__rules] .member__agreement__content__text li, [data-page=member__rules] .member__agreement__content__text span, [data-page=member__rules] .member__rules__content__text h3, [data-page=member__rules] .member__rules__content__text p, [data-page=member__rules] .member__rules__content__text ol, [data-page=member__rules] .member__rules__content__text ul, [data-page=member__rules] .member__rules__content__text li, [data-page=member__rules] .member__rules__content__text span, [data-page=member__rules] .privacy__policy__content__text h3, [data-page=member__rules] .privacy__policy__content__text p, [data-page=member__rules] .privacy__policy__content__text ol, [data-page=member__rules] .privacy__policy__content__text ul, [data-page=member__rules] .privacy__policy__content__text li, [data-page=member__rules] .privacy__policy__content__text span, [data-page=privacy__policy] .member__agreement__content__text h3, [data-page=privacy__policy] .member__agreement__content__text p, [data-page=privacy__policy] .member__agreement__content__text ol, [data-page=privacy__policy] .member__agreement__content__text ul, [data-page=privacy__policy] .member__agreement__content__text li, [data-page=privacy__policy] .member__agreement__content__text span, [data-page=privacy__policy] .member__rules__content__text h3, [data-page=privacy__policy] .member__rules__content__text p, [data-page=privacy__policy] .member__rules__content__text ol, [data-page=privacy__policy] .member__rules__content__text ul, [data-page=privacy__policy] .member__rules__content__text li, [data-page=privacy__policy] .member__rules__content__text span, [data-page=privacy__policy] .privacy__policy__content__text h3, [data-page=privacy__policy] .privacy__policy__content__text p, [data-page=privacy__policy] .privacy__policy__content__text ol, [data-page=privacy__policy] .privacy__policy__content__text ul, [data-page=privacy__policy] .privacy__policy__content__text li, [data-page=privacy__policy] .privacy__policy__content__text span {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  color: #544137;
  margin-bottom: 0;
}
[data-page=member__agreement] .member__agreement__content__text h3, [data-page=member__agreement] .member__agreement__content__text span, [data-page=member__agreement] .member__rules__content__text h3, [data-page=member__agreement] .member__rules__content__text span, [data-page=member__agreement] .privacy__policy__content__text h3, [data-page=member__agreement] .privacy__policy__content__text span, [data-page=member__rules] .member__agreement__content__text h3, [data-page=member__rules] .member__agreement__content__text span, [data-page=member__rules] .member__rules__content__text h3, [data-page=member__rules] .member__rules__content__text span, [data-page=member__rules] .privacy__policy__content__text h3, [data-page=member__rules] .privacy__policy__content__text span, [data-page=privacy__policy] .member__agreement__content__text h3, [data-page=privacy__policy] .member__agreement__content__text span, [data-page=privacy__policy] .member__rules__content__text h3, [data-page=privacy__policy] .member__rules__content__text span, [data-page=privacy__policy] .privacy__policy__content__text h3, [data-page=privacy__policy] .privacy__policy__content__text span {
  font-weight: 700;
}
[data-page=member__agreement] .member__agreement__content__text p, [data-page=member__agreement] .member__agreement__content__text ol, [data-page=member__agreement] .member__agreement__content__text ul, [data-page=member__agreement] .member__agreement__content__text li, [data-page=member__agreement] .member__rules__content__text p, [data-page=member__agreement] .member__rules__content__text ol, [data-page=member__agreement] .member__rules__content__text ul, [data-page=member__agreement] .member__rules__content__text li, [data-page=member__agreement] .privacy__policy__content__text p, [data-page=member__agreement] .privacy__policy__content__text ol, [data-page=member__agreement] .privacy__policy__content__text ul, [data-page=member__agreement] .privacy__policy__content__text li, [data-page=member__rules] .member__agreement__content__text p, [data-page=member__rules] .member__agreement__content__text ol, [data-page=member__rules] .member__agreement__content__text ul, [data-page=member__rules] .member__agreement__content__text li, [data-page=member__rules] .member__rules__content__text p, [data-page=member__rules] .member__rules__content__text ol, [data-page=member__rules] .member__rules__content__text ul, [data-page=member__rules] .member__rules__content__text li, [data-page=member__rules] .privacy__policy__content__text p, [data-page=member__rules] .privacy__policy__content__text ol, [data-page=member__rules] .privacy__policy__content__text ul, [data-page=member__rules] .privacy__policy__content__text li, [data-page=privacy__policy] .member__agreement__content__text p, [data-page=privacy__policy] .member__agreement__content__text ol, [data-page=privacy__policy] .member__agreement__content__text ul, [data-page=privacy__policy] .member__agreement__content__text li, [data-page=privacy__policy] .member__rules__content__text p, [data-page=privacy__policy] .member__rules__content__text ol, [data-page=privacy__policy] .member__rules__content__text ul, [data-page=privacy__policy] .member__rules__content__text li, [data-page=privacy__policy] .privacy__policy__content__text p, [data-page=privacy__policy] .privacy__policy__content__text ol, [data-page=privacy__policy] .privacy__policy__content__text ul, [data-page=privacy__policy] .privacy__policy__content__text li {
  font-weight: 400;
}
[data-page=member__agreement] .member__agreement__content__text ol, [data-page=member__agreement] .member__rules__content__text ol, [data-page=member__agreement] .privacy__policy__content__text ol, [data-page=member__rules] .member__agreement__content__text ol, [data-page=member__rules] .member__rules__content__text ol, [data-page=member__rules] .privacy__policy__content__text ol, [data-page=privacy__policy] .member__agreement__content__text ol, [data-page=privacy__policy] .member__rules__content__text ol, [data-page=privacy__policy] .privacy__policy__content__text ol {
  padding: 0;
  list-style-position: inside;
}
[data-page=member__agreement] .member__agreement__content__text ol li::marker, [data-page=member__agreement] .member__rules__content__text ol li::marker, [data-page=member__agreement] .privacy__policy__content__text ol li::marker, [data-page=member__rules] .member__agreement__content__text ol li::marker, [data-page=member__rules] .member__rules__content__text ol li::marker, [data-page=member__rules] .privacy__policy__content__text ol li::marker, [data-page=privacy__policy] .member__agreement__content__text ol li::marker, [data-page=privacy__policy] .member__rules__content__text ol li::marker, [data-page=privacy__policy] .privacy__policy__content__text ol li::marker {
  font-weight: 700;
}
[data-page=member__agreement] .member__agreement__content__text ol li ol, [data-page=member__agreement] .member__rules__content__text ol li ol, [data-page=member__agreement] .privacy__policy__content__text ol li ol, [data-page=member__rules] .member__agreement__content__text ol li ol, [data-page=member__rules] .member__rules__content__text ol li ol, [data-page=member__rules] .privacy__policy__content__text ol li ol, [data-page=privacy__policy] .member__agreement__content__text ol li ol, [data-page=privacy__policy] .member__rules__content__text ol li ol, [data-page=privacy__policy] .privacy__policy__content__text ol li ol {
  list-style-position: inside;
}
[data-page=member__agreement] .member__agreement__content__text ol li ol li::marker, [data-page=member__agreement] .member__rules__content__text ol li ol li::marker, [data-page=member__agreement] .privacy__policy__content__text ol li ol li::marker, [data-page=member__rules] .member__agreement__content__text ol li ol li::marker, [data-page=member__rules] .member__rules__content__text ol li ol li::marker, [data-page=member__rules] .privacy__policy__content__text ol li ol li::marker, [data-page=privacy__policy] .member__agreement__content__text ol li ol li::marker, [data-page=privacy__policy] .member__rules__content__text ol li ol li::marker, [data-page=privacy__policy] .privacy__policy__content__text ol li ol li::marker {
  content: counters(list-item, "-", list-item) " ";
  font-weight: 400;
  margin-right: 5px;
}
[data-page=member__agreement] .member__agreement__content__text ol li ul, [data-page=member__agreement] .member__rules__content__text ol li ul, [data-page=member__agreement] .privacy__policy__content__text ol li ul, [data-page=member__rules] .member__agreement__content__text ol li ul, [data-page=member__rules] .member__rules__content__text ol li ul, [data-page=member__rules] .privacy__policy__content__text ol li ul, [data-page=privacy__policy] .member__agreement__content__text ol li ul, [data-page=privacy__policy] .member__rules__content__text ol li ul, [data-page=privacy__policy] .privacy__policy__content__text ol li ul {
  padding: 16px;
  list-style-position: inside;
  list-style: none;
}
[data-page=member__agreement] .member__agreement__content__text ol li ul li::before, [data-page=member__agreement] .member__rules__content__text ol li ul li::before, [data-page=member__agreement] .privacy__policy__content__text ol li ul li::before, [data-page=member__rules] .member__agreement__content__text ol li ul li::before, [data-page=member__rules] .member__rules__content__text ol li ul li::before, [data-page=member__rules] .privacy__policy__content__text ol li ul li::before, [data-page=privacy__policy] .member__agreement__content__text ol li ul li::before, [data-page=privacy__policy] .member__rules__content__text ol li ul li::before, [data-page=privacy__policy] .privacy__policy__content__text ol li ul li::before {
  content: "•";
  color: #544137;
  font-weight: bold;
  display: inline-block;
  margin-left: -16px;
}
[data-page=member__agreement] .privacy__policy__content__text ol, [data-page=member__rules] .privacy__policy__content__text ol, [data-page=privacy__policy] .privacy__policy__content__text ol {
  list-style-type: cjk-ideographic;
}

[data-page=news] .nav__sm__login {
  display: none;
}
[data-page=news] .news {
  position: relative;
}
[data-page=news] .news__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content {
    padding: 20px 0;
  }
}
[data-page=news] .news__content .container {
  padding: 0;
}
[data-page=news] .news__content__box {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__box {
    padding: 0 20px;
  }
}
[data-page=news] .news__content__box__news {
  padding: 32px 0;
  position: relative;
  cursor: pointer;
  box-shadow: 0 1px rgba(84, 65, 55, 0.2);
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__box__news {
    padding: 20px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__box__news .news__card {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
[data-page=news] .news__content__box__news__title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__box__news__title {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=news] .news__content__box__news__content, [data-page=news] .news__content__box__news__content > * {
  margin: 4px 0 16px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__box__news__content, [data-page=news] .news__content__box__news__content > * {
    display: none;
  }
}
[data-page=news] .news__content__box__news__date {
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: #544137;
  opacity: 0.3;
}
[data-page=news] .news__content__box__news__button {
  padding: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #EE6F5C;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__box__news__button {
    display: none;
  }
}
[data-page=news] .news__content__box__news__button span::before, [data-page=news] .news__content__box__news__button span::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-page=news] .news__content__box__news__button span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[data-page=news] .news__content__box__news .freeze {
  color: #EE6F5C;
  opacity: 1;
}
@media (hover: hover) {
  [data-page=news] .news__content__box__news:hover .news__content__box__news__title {
    color: #EE6F5C;
  }
  [data-page=news] .news__content__box__news:hover .news__content__box__news__button {
    opacity: 1;
  }
}
[data-page=news] .news__content__pagination {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__pagination {
    margin-top: 20px;
  }
}
[data-page=news] .news__content__pagination button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(84, 65, 55, 0.3);
  background-color: transparent;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
  transition: all 0.1s ease-in-out;
  margin-left: 12px;
}
[data-page=news] .news__content__pagination button:first-child {
  margin-left: 0;
}
@media (hover: hover) {
  [data-page=news] .news__content__pagination button:hover {
    color: #EE6F5C;
    border: 2px solid #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=news] .news__content__pagination button {
    width: 40px;
    height: 40px;
  }
}
[data-page=news] .news__content__pagination .current-page {
  color: #EE6F5C;
  border: 2px solid #EE6F5C;
}

[data-page=unclaimed__package] .nav__sm__login {
  display: none;
}
[data-page=unclaimed__package] .unclaimed__package__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: rgba(238, 111, 92, 0.8);
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__tabs {
    padding: 0 10px;
  }
}
[data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs {
  border: none;
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs {
    width: 100%;
    justify-content: space-around;
  }
}
[data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item {
  margin-left: 60px;
}
[data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item:first-child {
  margin-left: 0;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item {
    margin-left: 0;
  }
}
[data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item button {
  padding: 16px 12px 10px 12px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #fff;
  opacity: 0.5;
  background-color: transparent;
  border: none;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item button {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
    font-weight: 400;
    width: 100%;
  }
}
[data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item .nav-link {
  border: none;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}
@media (hover: hover) {
  [data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item .nav-link:hover {
    border-color: transparent;
    color: #fff;
    opacity: 0.5;
  }
}
[data-page=unclaimed__package] .unclaimed__package__tabs .nav-tabs .nav-item .nav-link.active {
  color: #fff;
  opacity: 1;
  background-color: transparent;
  border: none;
  border-bottom: 6px solid #fff;
}
[data-page=unclaimed__package] .unclaimed__package__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content {
    padding: 20px;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content .container {
  padding: 0;
}
[data-page=unclaimed__package] .unclaimed__package__content__card__box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
[data-page=unclaimed__package] .unclaimed__package__content__card {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
}
@media (max-width: 1399.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card {
    width: 50%;
  }
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper {
  width: 410px;
  height: 280px;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper {
    width: 100%;
  }
}
@media (hover: hover) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper:hover img {
    filter: brightness(0.8);
  }
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper:hover .swiper-prev, [data-page=unclaimed__package] .unclaimed__package__content__card .swiper:hover .swiper-next {
    background-color: #fff;
    border: 1px solid #EE6F5C;
  }
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper:hover .swiper-prev::after {
    content: url(../images/swiper_less_than_primary.svg);
  }
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper:hover .swiper-next::after {
    content: url(../images/swiper_greater_than_primary.svg);
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-slide {
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper img {
  transition: all 0.1s ease-in-out;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-prev, [data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transition: all 0.1s ease-in-out;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-prev, [data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-next {
    border: none;
    background-color: transparent;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-prev {
  left: 5%;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-prev::after {
  content: url(../images/swiper_less_than.svg);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-next {
  right: 5%;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .swiper .swiper-next::after {
  content: url(../images/swiper_greater_than.svg);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient, [data-page=unclaimed__package] .unclaimed__package__content__card .sender {
  margin-top: 12px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  width: 410px;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .recipient, [data-page=unclaimed__package] .unclaimed__package__content__card .sender {
    width: 100%;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient p, [data-page=unclaimed__package] .unclaimed__package__content__card .sender p {
  margin: 0;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient table tbody tr td, [data-page=unclaimed__package] .unclaimed__package__content__card .sender table tbody tr td {
  color: #544137;
  text-align: left;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient table tbody tr .title, [data-page=unclaimed__package] .unclaimed__package__content__card .sender table tbody tr .title {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  width: 70px;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .recipient table tbody tr .title, [data-page=unclaimed__package] .unclaimed__package__content__card .sender table tbody tr .title {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient table tbody tr .content, [data-page=unclaimed__package] .unclaimed__package__content__card .sender table tbody tr .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  padding-left: 30px;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .recipient table tbody tr .content, [data-page=unclaimed__package] .unclaimed__package__content__card .sender table tbody tr .content {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient button, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button {
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .plus, [data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .minus, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .plus, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .minus {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .plus::before, [data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .plus::after, [data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .minus::before, [data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .minus::after, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .plus::before, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .plus::after, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .minus::before, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .minus::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #544137;
  transition: all 0.3s ease-in-out;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .plus::after, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .plus::after {
  transform: rotate(90deg);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .minus::before, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .minus::before {
  transform: rotate(135deg);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient button .minus::after, [data-page=unclaimed__package] .unclaimed__package__content__card .sender button .minus::after {
  transform: rotate(225deg);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient__detail, [data-page=unclaimed__package] .unclaimed__package__content__card .sender__detail {
  display: flex;
  margin-bottom: 12px;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .recipient__detail .content li, [data-page=unclaimed__package] .unclaimed__package__content__card .sender__detail .content li {
  margin-left: 20px;
}
[data-page=unclaimed__package] .unclaimed__package__content__card .tube, [data-page=unclaimed__package] .unclaimed__package__content__card .serial {
  width: 410px;
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content__card .tube, [data-page=unclaimed__package] .unclaimed__package__content__card .serial {
    width: 100%;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content__card .tube p, [data-page=unclaimed__package] .unclaimed__package__content__card .serial p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
}
[data-page=unclaimed__package] .unclaimed__package__content__card .tube .date, [data-page=unclaimed__package] .unclaimed__package__content__card .tube .number, [data-page=unclaimed__package] .unclaimed__package__content__card .serial .date, [data-page=unclaimed__package] .unclaimed__package__content__card .serial .number {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=unclaimed__package] .unclaimed__package__content .add-card {
  border-bottom: 1px solid #544137;
  padding-bottom: 80px;
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content .add-card {
    padding-bottom: 20px;
    margin: 0 20px;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content .add-card button {
  padding: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(84, 65, 55, 0.3);
  background-color: transparent;
  position: relative;
  text-align: center;
}
[data-page=unclaimed__package] .unclaimed__package__content .add-card button::before, [data-page=unclaimed__package] .unclaimed__package__content .add-card button::after {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #544137;
  border-radius: 7px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
[data-page=unclaimed__package] .unclaimed__package__content .add-card button::after {
  transform: translateX(-50%) rotate(90deg);
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content .add-card button {
    width: 40px;
    height: 40px;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content .notice {
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content .notice {
    margin-top: 20px;
    padding: 0 20px;
  }
}
[data-page=unclaimed__package] .unclaimed__package__content .notice p {
  text-align: center;
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.7);
}
@media (max-width: 991.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content .notice p {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
@media (max-width: 575.98px) {
  [data-page=unclaimed__package] .unclaimed__package__content .notice p {
    font-size: calc((13 / 16) * 1rem);
    line-height: calc(15.6 / 13);
  }
}
[data-page=unclaimed__package] .unclaimed__package__content .notice p a {
  text-decoration: none;
  color: rgba(84, 65, 55, 0.7);
}

[data-page=event] .nav__sm__login {
  display: none;
}
[data-page=event] .event__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: rgba(238, 111, 92, 0.8);
}
@media (max-width: 991.98px) {
  [data-page=event] .event__tabs {
    padding: 0 10px;
  }
}
[data-page=event] .event__tabs ul {
  border: none;
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__tabs ul {
    width: 100%;
  }
}
[data-page=event] .event__tabs ul li {
  margin-left: 60px;
}
[data-page=event] .event__tabs ul li:first-child {
  margin-left: 0;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__tabs ul li {
    margin-left: 0;
    width: 50%;
  }
}
[data-page=event] .event__tabs ul li button {
  padding: 16px 12px 10px 12px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #fff;
  opacity: 0.5;
  background-color: transparent;
  border: none;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__tabs ul li button {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
    font-weight: 400;
    width: 100%;
  }
}
[data-page=event] .event__tabs ul li .nav-link {
  border: none;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}
@media (hover: hover) {
  [data-page=event] .event__tabs ul li .nav-link:hover {
    border-color: transparent;
    color: #fff;
    opacity: 0.5;
  }
}
[data-page=event] .event__tabs ul li .nav-link.active {
  color: #fff;
  opacity: 1;
  background-color: transparent;
  border: none;
  border-bottom: 6px solid #fff;
}
[data-page=event] .event__content {
  padding: 80px 0 0 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content {
    padding-top: 20px;
  }
}
[data-page=event] .event__content .container {
  padding: 0;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content .container {
    padding: 0 20px;
  }
}
[data-page=event] .event__content .coupon-box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
}
[data-page=event] .event__content__coupon {
  margin-bottom: 80px;
  width: 50%;
  max-width: 624px;
}
@media (max-width: 1399.98px) {
  [data-page=event] .event__content__coupon {
    max-width: 558px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=event] .event__content__coupon {
    max-width: 468px;
  }
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon {
    max-width: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
[data-page=event] .event__content__coupon__card {
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon__card {
    padding: 10px 20px;
  }
}
[data-page=event] .event__content__coupon__card h3 {
  padding: 32px;
  margin: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon__card h3 {
    padding: 0;
  }
}
[data-page=event] .event__content__coupon__card__content {
  padding: 0 82px 32px 82px;
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon__card__content {
    padding: 0;
  }
}
[data-page=event] .event__content__coupon__card__content .title {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  padding: 10px 0;
  vertical-align: text-top;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon__card__content .title {
    color: rgba(84, 65, 55, 0.5);
    padding: 0;
  }
}
[data-page=event] .event__content__coupon__card__content .content {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  padding: 5px 0;
  padding-left: 24px;
  vertical-align: text-top;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon__card__content .content {
    color: rgba(84, 65, 55, 0.5);
    padding: 0;
    padding-left: 10px;
  }
}
[data-page=event] .event__content__coupon__button {
  background-color: #fff;
  border-radius: 20px;
  border-top: 2px dashed rgba(84, 65, 55, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
[data-page=event] .event__content__coupon__button button {
  width: 90%;
  margin: 42px 0;
  padding: 10px 0;
  border-radius: 100px;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  [data-page=event] .event__content__coupon__button button {
    width: 100%;
    margin: 10px;
  }
}
[data-page=event] .event__content__coupon__button .can-get {
  background-color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=event] .event__content__coupon__button .can-get:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
[data-page=event] .event__content__coupon__button .cant-get {
  background-color: rgba(84, 65, 55, 0.2);
}

[data-page=contact__us] .nav__sm__login {
  display: none;
}
[data-page=contact__us] .contact__us__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=contact__us] .contact__us__content {
    padding: 80px 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=contact__us] .contact__us__content .container {
    padding: 0;
  }
}
[data-page=contact__us] .contact__us__content table {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
  width: 100%;
}
[data-page=contact__us] .contact__us__content table tr {
  display: block;
  box-shadow: 0 1px rgba(84, 65, 55, 0.2);
}
[data-page=contact__us] .contact__us__content table tr:last-child {
  box-shadow: none;
}
[data-page=contact__us] .contact__us__content table tr td {
  padding: 24px;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=contact__us] .contact__us__content table tr td {
    padding: 12px 0;
    vertical-align: text-top;
  }
}
[data-page=contact__us] .contact__us__content table tr .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  max-width: 278px;
  min-width: 270px;
}
@media (max-width: 991.98px) {
  [data-page=contact__us] .contact__us__content table tr .title {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
    min-width: 120px;
  }
}
@media (max-width: 575.98px) {
  [data-page=contact__us] .contact__us__content table tr .title {
    min-width: 100px;
  }
}
[data-page=contact__us] .contact__us__content table tr .content {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(22.4 / 16);
  font-weight: 400;
  padding-left: 24px;
}
@media (max-width: 991.98px) {
  [data-page=contact__us] .contact__us__content table tr .content {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=contact__us] .contact__us__content table tr .content a {
  color: #544137;
}

[data-page=register__policy] .nav__sm__login {
  display: none;
}
[data-page=register__policy] .register__policy__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content .container {
    padding: 0;
  }
}
[data-page=register__policy] .register__policy__content .register__breadcrumb .step-1 {
  background-color: #544137;
  color: #fff;
}
[data-page=register__policy] .register__policy__content .register__breadcrumb .step-1::after {
  content: ">";
  color: #544137;
  margin: 0 24px 0 48px;
  position: absolute;
}
[data-page=register__policy] .register__policy__content__text {
  margin-top: 80px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content__text {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__policy] .register__policy__content__text {
    margin-top: 0;
  }
}
[data-page=register__policy] .register__policy__content__text__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: rgba(238, 111, 92, 0.8);
}
[data-page=register__policy] .register__policy__content__text__tabs ul {
  border: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content__text__tabs ul li {
    width: 33%;
  }
}
[data-page=register__policy] .register__policy__content__text__tabs ul li button {
  padding: 40px 92px 16px 92px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #fff;
  opacity: 0.5;
  background-color: transparent;
  border: none;
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content__text__tabs ul li button {
    padding: 20px 0 16px 0;
    width: 100%;
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=register__policy] .register__policy__content__text__tabs ul li .nav-link {
  border: none;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}
@media (hover: hover) {
  [data-page=register__policy] .register__policy__content__text__tabs ul li .nav-link:hover {
    border-color: transparent;
    color: #fff;
    opacity: 0.5;
  }
}
[data-page=register__policy] .register__policy__content__text__tabs ul li .nav-link.active {
  color: #fff;
  opacity: 1;
  background-color: transparent;
  border: none;
  border-bottom: 6px solid #fff;
}
[data-page=register__policy] .register__policy__content__text__content {
  height: 544px;
  background-color: #fff;
  padding: 0 255px 0 243px;
}
@media (max-width: 1399.98px) {
  [data-page=register__policy] .register__policy__content__text__content {
    padding: 0 225px 0 213px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=register__policy] .register__policy__content__text__content {
    padding: 0 212px 0 200px;
  }
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content__text__content {
    padding: 0 112px 0 100px;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__policy] .register__policy__content__text__content {
    padding: 0 62px 0 50px;
  }
}
@media (max-width: 575.98px) {
  [data-page=register__policy] .register__policy__content__text__content {
    padding: 0 20px;
    max-height: 450px;
  }
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane {
  height: 544px;
  overflow-y: scroll;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area {
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area {
    padding: 40px 0 80px 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area {
    padding: 40px 0 120px 0;
  }
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area h3, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area p, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ul, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area li, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area span {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  color: #544137;
  margin-bottom: 0;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area h3, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area span {
  font-weight: 700;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area p, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ul, [data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area li {
  font-weight: 400;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol {
  padding: 0;
  list-style-position: inside;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol li::marker {
  font-weight: 700;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol li ol {
  list-style-position: inside;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol li ol li::marker {
  content: counters(list-item, "-", list-item) " ";
  font-weight: 400;
  margin-right: 5px;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol li ul {
  padding: 16px;
  list-style-position: inside;
  list-style: none;
}
[data-page=register__policy] .register__policy__content__text__content .tab-pane .text-area ol li ul li::before {
  content: "•";
  color: #544137;
  font-weight: bold;
  display: inline-block;
  margin-left: -16px;
}
[data-page=register__policy] .register__policy__content .form {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content .form {
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  [data-page=register__policy] .register__policy__content .form {
    margin-top: 20px;
  }
}
[data-page=register__policy] .register__policy__content .form .custom-control-input {
  display: none;
}
[data-page=register__policy] .register__policy__content .form .custom-control-label {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  cursor: pointer;
}
[data-page=register__policy] .register__policy__content .form .custom-control-input + .custom-control-label::before {
  content: "";
  background: url(../images/check_box.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
  top: 3.5px;
}
[data-page=register__policy] .register__policy__content .form .custom-control-input:checked + .custom-control-label::before {
  content: "";
  background: url(../images/check_box_checked.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
  top: 3.5px;
}
[data-page=register__policy] .register__policy__content .form button {
  margin-top: 80px;
  padding: 10px 137px;
  border-radius: 100px;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  background-color: #EE6F5C;
  color: #fff;
}
@media (hover: hover) {
  [data-page=register__policy] .register__policy__content .form button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 991.98px) {
  [data-page=register__policy] .register__policy__content .form button {
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  [data-page=register__policy] .register__policy__content .form button {
    margin-top: 20px;
  }
}
[data-page=register__policy] .register__policy__content .form button:disabled, [data-page=register__policy] .register__policy__content .form button[disabled] {
  background-color: rgba(84, 65, 55, 0.2);
  color: #fff;
}
@media (hover: hover) {
  [data-page=register__policy] .register__policy__content .form button:disabled:hover, [data-page=register__policy] .register__policy__content .form button[disabled]:hover {
    background: rgba(84, 65, 55, 0.2);
    box-shadow: none;
  }
}

[data-page=register__fillin] .nav__sm__login {
  display: none;
}
[data-page=register__fillin] .register__fillin__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content .container {
    padding: 0;
  }
}
[data-page=register__fillin] .register__fillin__content .register__breadcrumb .step-2 {
  background-color: #544137;
  color: #fff;
}
[data-page=register__fillin] .register__fillin__content .register__breadcrumb .step-2::after {
  content: ">";
  color: #544137;
  margin: 0 24px 0 48px;
  position: absolute;
}
[data-page=register__fillin] .register__fillin__content__form form .user {
  padding: 60px 80px 80px 80px;
  margin-top: 80px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user {
    padding: 20px 20px;
    margin-top: 0;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin {
  width: calc(50% - 24px);
  height: 79px;
  position: relative;
  margin-top: 20px;
  transition: all 0.3s;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin {
    width: 100%;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin input::-webkit-outer-spin-button, [data-page=register__fillin] .register__fillin__content__form form .user .fillin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-Efont {
  line-height: calc(39.6 / 18);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-birthday::-moz-placeholder {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(39.6 / 14);
  font-weight: 900;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-birthday::placeholder {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(39.6 / 14);
  font-weight: 900;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-password-eye, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-confirm-password-eye {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 0;
  cursor: pointer;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .eye-on {
  background-image: url(../images/eye-on.svg);
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .eye-off {
  background-image: url(../images/eye-off.svg);
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-name-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-email-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-password-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-confirm-password-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-mobile-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-birthday-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-phone-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-address-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-id-placeholder {
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
  padding-bottom: 4px;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-name-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-email-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-password-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-confirm-password-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-mobile-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-birthday-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-phone-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-address-placeholder::after, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-id-placeholder::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-name-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-email-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-password-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-confirm-password-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-mobile-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-birthday-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-phone-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-address-placeholder, [data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-id-placeholder {
    font-size: calc((16 / 16) * 1rem);
    padding-bottom: 7.4px;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .up {
  transform: translateY(-25px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  padding-bottom: 0;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin label.error {
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin .register-phone-placeholder::after {
  content: "";
}
[data-page=register__fillin] .register__fillin__content__form form .user .down {
  padding-top: 20px;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-name {
    order: 1;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-email {
    order: 2;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-password {
    order: 3;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-confirm-password {
    order: 4;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-id {
    order: 5;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-birthday {
    order: 6;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-mobile {
    order: 7;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-phone {
    order: 8;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address label.error {
  top: 127px;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address label.error {
    top: 107px;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address {
    order: 9;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-wrapper {
  width: 100%;
  transition: all 0.3s;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-wrapper:last-child {
  display: none;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric {
    padding: 10px 0 10px 10px;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
@media (hover: hover) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric:focus {
  border: 1px solid #EE6F5C;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  align-items: center;
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items {
    border-radius: 10px;
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items .selectric-scroll .selected, [data-page=register__fillin] .register__fillin__content__form form .user .fillin-address .country .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=register__fillin] .register__fillin__content__form form .register-submit {
  width: 100%;
  display: flex;
  justify-content: center;
}
[data-page=register__fillin] .register__fillin__content__form form .register-submit button {
  margin-top: 80px;
  padding: 10px 137px;
  border-radius: 100px;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  background-color: #EE6F5C;
  color: #fff;
  transition: all 0.3s;
}
@media (hover: hover) {
  [data-page=register__fillin] .register__fillin__content__form form .register-submit button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 991.98px) {
  [data-page=register__fillin] .register__fillin__content__form form .register-submit button {
    margin-top: 20px;
  }
}

[data-page=register__fillin__confirm] .nav__sm__login {
  display: none;
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content .container {
    padding: 0;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content .register__breadcrumb .step-3 {
  background-color: #544137;
  color: #fff;
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content .register__breadcrumb .step-3::after {
  content: ">";
  color: #544137;
  margin: 0 24px 0 48px;
  position: absolute;
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data {
  padding: 0 80px 80px 80px;
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data {
    padding: 0;
    margin: 0;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm {
  width: calc(50% - 24px);
  height: 79px;
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-top: 20px;
  transition: all 0.3s;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm {
    width: 100%;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
  margin: 2px 0 2px 20px;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm p {
    margin: 0;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm span {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  position: absolute;
  top: 0;
  left: 0;
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm span::after {
  content: "*";
  color: #EE6F5C;
  margin-left: 4px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  position: relative;
  top: 6px;
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-space {
  border: none;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-space {
    display: none;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-name {
    order: 1;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-email {
    order: 2;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-id {
    order: 3;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-birthday {
    order: 4;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-mobile {
    order: 5;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-phone {
    order: 6;
  }
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-address {
    order: 7;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-phone span::after {
  content: "";
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-email p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-mobile p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-phone p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-id p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-birthday p {
  line-height: calc(23.4 / 18);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-bottom: 6px;
}
@media (max-width: 767.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-email p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-mobile p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-phone p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-id p, [data-page=register__fillin__confirm] .register__fillin__confirm__content__form .data .confirm-birthday p {
    margin: 0;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__button {
  text-align: center;
}
@media (max-width: 991.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__button {
    margin-top: 20px;
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__button button {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border-radius: 100px;
  width: 322px;
  height: 55px;
  transition: all 0.1s;
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__button .back {
  background-color: transparent;
  color: #544137;
  margin-bottom: 10px;
  border: 1px solid rgba(84, 65, 55, 0.2);
}
@media (hover: hover) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__button .back:hover {
    background-color: #fff;
    border: 2px solid #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content__button .next {
  background-color: #EE6F5C;
  color: #fff;
  border: none;
}
@media (hover: hover) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content__button .next:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
[data-page=register__fillin__confirm] .register__fillin__confirm__content p {
  text-align: center;
  margin-top: 80px;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
}
@media (max-width: 991.98px) {
  [data-page=register__fillin__confirm] .register__fillin__confirm__content p {
    margin-top: 20px;
  }
}

[data-page=register__email__confirm] .nav__sm__login, [data-page=register__mobile__confirm] .nav__sm__login, [data-page=reset__password] .nav__sm__login {
  display: none;
}
[data-page=register__email__confirm] .register__email__confirm__content, [data-page=register__email__confirm] .register__mobile__confirm__content, [data-page=register__email__confirm] .reset__password__content, [data-page=register__mobile__confirm] .register__email__confirm__content, [data-page=register__mobile__confirm] .register__mobile__confirm__content, [data-page=register__mobile__confirm] .reset__password__content, [data-page=reset__password] .register__email__confirm__content, [data-page=reset__password] .register__mobile__confirm__content, [data-page=reset__password] .reset__password__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=register__email__confirm] .register__email__confirm__content, [data-page=register__email__confirm] .register__mobile__confirm__content, [data-page=register__email__confirm] .reset__password__content, [data-page=register__mobile__confirm] .register__email__confirm__content, [data-page=register__mobile__confirm] .register__mobile__confirm__content, [data-page=register__mobile__confirm] .reset__password__content, [data-page=reset__password] .register__email__confirm__content, [data-page=reset__password] .register__mobile__confirm__content, [data-page=reset__password] .reset__password__content {
    padding: 20px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=register__email__confirm] .register__email__confirm__content .container, [data-page=register__email__confirm] .register__mobile__confirm__content .container, [data-page=register__email__confirm] .reset__password__content .container, [data-page=register__mobile__confirm] .register__email__confirm__content .container, [data-page=register__mobile__confirm] .register__mobile__confirm__content .container, [data-page=register__mobile__confirm] .reset__password__content .container, [data-page=reset__password] .register__email__confirm__content .container, [data-page=reset__password] .register__mobile__confirm__content .container, [data-page=reset__password] .reset__password__content .container {
    padding: 0;
  }
}
[data-page=register__email__confirm] .register__email__confirm__content .register__breadcrumb .step-4, [data-page=register__email__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4, [data-page=register__email__confirm] .reset__password__content .register__breadcrumb .step-4, [data-page=register__mobile__confirm] .register__email__confirm__content .register__breadcrumb .step-4, [data-page=register__mobile__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4, [data-page=register__mobile__confirm] .reset__password__content .register__breadcrumb .step-4, [data-page=reset__password] .register__email__confirm__content .register__breadcrumb .step-4, [data-page=reset__password] .register__mobile__confirm__content .register__breadcrumb .step-4, [data-page=reset__password] .reset__password__content .register__breadcrumb .step-4 {
  background-color: #544137;
  color: #fff;
}
[data-page=register__email__confirm] .register__email__confirm__content .register__breadcrumb .step-4::after, [data-page=register__email__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4::after, [data-page=register__email__confirm] .reset__password__content .register__breadcrumb .step-4::after, [data-page=register__mobile__confirm] .register__email__confirm__content .register__breadcrumb .step-4::after, [data-page=register__mobile__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4::after, [data-page=register__mobile__confirm] .reset__password__content .register__breadcrumb .step-4::after, [data-page=reset__password] .register__email__confirm__content .register__breadcrumb .step-4::after, [data-page=reset__password] .register__mobile__confirm__content .register__breadcrumb .step-4::after, [data-page=reset__password] .reset__password__content .register__breadcrumb .step-4::after {
  content: ">";
  color: #544137;
  margin: 0 24px 0 48px;
  position: absolute;
}
[data-page=register__email__confirm] .register__email__confirm__content__text, [data-page=register__email__confirm] .register__mobile__confirm__content__text, [data-page=register__email__confirm] .reset__password__content__text, [data-page=register__mobile__confirm] .register__email__confirm__content__text, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text, [data-page=register__mobile__confirm] .reset__password__content__text, [data-page=reset__password] .register__email__confirm__content__text, [data-page=reset__password] .register__mobile__confirm__content__text, [data-page=reset__password] .reset__password__content__text {
  margin: 80px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  [data-page=register__email__confirm] .register__email__confirm__content__text, [data-page=register__email__confirm] .register__mobile__confirm__content__text, [data-page=register__email__confirm] .reset__password__content__text, [data-page=register__mobile__confirm] .register__email__confirm__content__text, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text, [data-page=register__mobile__confirm] .reset__password__content__text, [data-page=reset__password] .register__email__confirm__content__text, [data-page=reset__password] .register__mobile__confirm__content__text, [data-page=reset__password] .reset__password__content__text {
    margin: 0;
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
[data-page=register__email__confirm] .register__email__confirm__content__text h3, [data-page=register__email__confirm] .register__mobile__confirm__content__text h3, [data-page=register__email__confirm] .reset__password__content__text h3, [data-page=register__mobile__confirm] .register__email__confirm__content__text h3, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text h3, [data-page=register__mobile__confirm] .reset__password__content__text h3, [data-page=reset__password] .register__email__confirm__content__text h3, [data-page=reset__password] .register__mobile__confirm__content__text h3, [data-page=reset__password] .reset__password__content__text h3 {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin: 0;
}
@media (max-width: 575.98px) {
  [data-page=register__email__confirm] .register__email__confirm__content__text h3, [data-page=register__email__confirm] .register__mobile__confirm__content__text h3, [data-page=register__email__confirm] .reset__password__content__text h3, [data-page=register__mobile__confirm] .register__email__confirm__content__text h3, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text h3, [data-page=register__mobile__confirm] .reset__password__content__text h3, [data-page=reset__password] .register__email__confirm__content__text h3, [data-page=reset__password] .register__mobile__confirm__content__text h3, [data-page=reset__password] .reset__password__content__text h3 {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
[data-page=register__email__confirm] .register__email__confirm__content__text p, [data-page=register__email__confirm] .register__mobile__confirm__content__text p, [data-page=register__email__confirm] .reset__password__content__text p, [data-page=register__mobile__confirm] .register__email__confirm__content__text p, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text p, [data-page=register__mobile__confirm] .reset__password__content__text p, [data-page=reset__password] .register__email__confirm__content__text p, [data-page=reset__password] .register__mobile__confirm__content__text p, [data-page=reset__password] .reset__password__content__text p {
  text-align: center;
  width: 391px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin: 0;
}
@media (max-width: 575.98px) {
  [data-page=register__email__confirm] .register__email__confirm__content__text p, [data-page=register__email__confirm] .register__mobile__confirm__content__text p, [data-page=register__email__confirm] .reset__password__content__text p, [data-page=register__mobile__confirm] .register__email__confirm__content__text p, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text p, [data-page=register__mobile__confirm] .reset__password__content__text p, [data-page=reset__password] .register__email__confirm__content__text p, [data-page=reset__password] .register__mobile__confirm__content__text p, [data-page=reset__password] .reset__password__content__text p {
    width: 100%;
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
    margin-top: 20px;
  }
}
[data-page=register__email__confirm] .register__email__confirm__content__code, [data-page=register__email__confirm] .register__mobile__confirm__content__code, [data-page=register__email__confirm] .reset__password__content__code, [data-page=register__mobile__confirm] .register__email__confirm__content__code, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code, [data-page=register__mobile__confirm] .reset__password__content__code, [data-page=reset__password] .register__email__confirm__content__code, [data-page=reset__password] .register__mobile__confirm__content__code, [data-page=reset__password] .reset__password__content__code {
  padding: 24px 20px;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
[data-page=register__email__confirm] .register__email__confirm__content__code h4, [data-page=register__email__confirm] .register__mobile__confirm__content__code h4, [data-page=register__email__confirm] .reset__password__content__code h4, [data-page=register__mobile__confirm] .register__email__confirm__content__code h4, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code h4, [data-page=register__mobile__confirm] .reset__password__content__code h4, [data-page=reset__password] .register__email__confirm__content__code h4, [data-page=reset__password] .register__mobile__confirm__content__code h4, [data-page=reset__password] .reset__password__content__code h4 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
  text-align: center;
}
[data-page=register__email__confirm] .register__email__confirm__content__code .box, [data-page=register__email__confirm] .register__mobile__confirm__content__code .box, [data-page=register__email__confirm] .reset__password__content__code .box, [data-page=register__mobile__confirm] .register__email__confirm__content__code .box, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code .box, [data-page=register__mobile__confirm] .reset__password__content__code .box, [data-page=reset__password] .register__email__confirm__content__code .box, [data-page=reset__password] .register__mobile__confirm__content__code .box, [data-page=reset__password] .reset__password__content__code .box {
  position: relative;
  text-align: center;
  width: 338px;
  overflow: hidden;
}
[data-page=register__email__confirm] .register__email__confirm__content__code .field-list, [data-page=register__email__confirm] .register__mobile__confirm__content__code .field-list, [data-page=register__email__confirm] .reset__password__content__code .field-list, [data-page=register__mobile__confirm] .register__email__confirm__content__code .field-list, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code .field-list, [data-page=register__mobile__confirm] .reset__password__content__code .field-list, [data-page=reset__password] .register__email__confirm__content__code .field-list, [data-page=reset__password] .register__mobile__confirm__content__code .field-list, [data-page=reset__password] .reset__password__content__code .field-list {
  display: flex;
  justify-content: center;
}
[data-page=register__email__confirm] .register__email__confirm__content__code .field-item, [data-page=register__email__confirm] .register__mobile__confirm__content__code .field-item, [data-page=register__email__confirm] .reset__password__content__code .field-item, [data-page=register__mobile__confirm] .register__email__confirm__content__code .field-item, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code .field-item, [data-page=register__mobile__confirm] .reset__password__content__code .field-item, [data-page=reset__password] .register__email__confirm__content__code .field-item, [data-page=reset__password] .register__mobile__confirm__content__code .field-item, [data-page=reset__password] .reset__password__content__code .field-item {
  width: 47px;
  height: 72px;
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(52 / 40);
  font-weight: 800;
  color: #544137;
  text-align: center;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  margin-left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
[data-page=register__email__confirm] .register__email__confirm__content__code .field-item:first-child, [data-page=register__email__confirm] .register__mobile__confirm__content__code .field-item:first-child, [data-page=register__email__confirm] .reset__password__content__code .field-item:first-child, [data-page=register__mobile__confirm] .register__email__confirm__content__code .field-item:first-child, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code .field-item:first-child, [data-page=register__mobile__confirm] .reset__password__content__code .field-item:first-child, [data-page=reset__password] .register__email__confirm__content__code .field-item:first-child, [data-page=reset__password] .register__mobile__confirm__content__code .field-item:first-child, [data-page=reset__password] .reset__password__content__code .field-item:first-child {
  margin-left: 0;
}
[data-page=register__email__confirm] .register__email__confirm__content__code .field-item-focus, [data-page=register__email__confirm] .register__mobile__confirm__content__code .field-item-focus, [data-page=register__email__confirm] .reset__password__content__code .field-item-focus, [data-page=register__mobile__confirm] .register__email__confirm__content__code .field-item-focus, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code .field-item-focus, [data-page=register__mobile__confirm] .reset__password__content__code .field-item-focus, [data-page=reset__password] .register__email__confirm__content__code .field-item-focus, [data-page=reset__password] .register__mobile__confirm__content__code .field-item-focus, [data-page=reset__password] .reset__password__content__code .field-item-focus {
  border-color: #544137;
}
[data-page=register__email__confirm] .register__email__confirm__content__code .field-input, [data-page=register__email__confirm] .register__mobile__confirm__content__code .field-input, [data-page=register__email__confirm] .reset__password__content__code .field-input, [data-page=register__mobile__confirm] .register__email__confirm__content__code .field-input, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code .field-input, [data-page=register__mobile__confirm] .reset__password__content__code .field-input, [data-page=reset__password] .register__email__confirm__content__code .field-input, [data-page=reset__password] .register__mobile__confirm__content__code .field-input, [data-page=reset__password] .reset__password__content__code .field-input {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 60px);
  height: 72px;
  padding: 0;
  border: none;
  outline: none;
  opacity: 0;
  background: transparent;
}
[data-page=register__email__confirm] .register__email__confirm__content__code label.error, [data-page=register__email__confirm] .register__mobile__confirm__content__code label.error, [data-page=register__email__confirm] .reset__password__content__code label.error, [data-page=register__mobile__confirm] .register__email__confirm__content__code label.error, [data-page=register__mobile__confirm] .register__mobile__confirm__content__code label.error, [data-page=register__mobile__confirm] .reset__password__content__code label.error, [data-page=reset__password] .register__email__confirm__content__code label.error, [data-page=reset__password] .register__mobile__confirm__content__code label.error, [data-page=reset__password] .reset__password__content__code label.error {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=register__email__confirm] .register__email__confirm__content__button, [data-page=register__email__confirm] .register__mobile__confirm__content__button, [data-page=register__email__confirm] .reset__password__content__button, [data-page=register__mobile__confirm] .register__email__confirm__content__button, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button, [data-page=register__mobile__confirm] .reset__password__content__button, [data-page=reset__password] .register__email__confirm__content__button, [data-page=reset__password] .register__mobile__confirm__content__button, [data-page=reset__password] .reset__password__content__button {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 991.98px) {
  [data-page=register__email__confirm] .register__email__confirm__content__button, [data-page=register__email__confirm] .register__mobile__confirm__content__button, [data-page=register__email__confirm] .reset__password__content__button, [data-page=register__mobile__confirm] .register__email__confirm__content__button, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button, [data-page=register__mobile__confirm] .reset__password__content__button, [data-page=reset__password] .register__email__confirm__content__button, [data-page=reset__password] .register__mobile__confirm__content__button, [data-page=reset__password] .reset__password__content__button {
    margin-top: 20px;
  }
}
[data-page=register__email__confirm] .register__email__confirm__content__button button, [data-page=register__email__confirm] .register__mobile__confirm__content__button button, [data-page=register__email__confirm] .reset__password__content__button button, [data-page=register__mobile__confirm] .register__email__confirm__content__button button, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button button, [data-page=register__mobile__confirm] .reset__password__content__button button, [data-page=reset__password] .register__email__confirm__content__button button, [data-page=reset__password] .register__mobile__confirm__content__button button, [data-page=reset__password] .reset__password__content__button button {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border-radius: 100px;
  width: 322px;
  height: 55px;
  transition: all 0.1s;
}
[data-page=register__email__confirm] .register__email__confirm__content__button .onlyread, [data-page=register__email__confirm] .register__mobile__confirm__content__button .onlyread, [data-page=register__email__confirm] .reset__password__content__button .onlyread, [data-page=register__mobile__confirm] .register__email__confirm__content__button .onlyread, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button .onlyread, [data-page=register__mobile__confirm] .reset__password__content__button .onlyread, [data-page=reset__password] .register__email__confirm__content__button .onlyread, [data-page=reset__password] .register__mobile__confirm__content__button .onlyread, [data-page=reset__password] .reset__password__content__button .onlyread {
  background-color: transparent;
  color: #544137;
  margin-bottom: 10px;
  border: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=register__email__confirm] .register__email__confirm__content__button .resend, [data-page=register__email__confirm] .register__mobile__confirm__content__button .resend, [data-page=register__email__confirm] .reset__password__content__button .resend, [data-page=register__mobile__confirm] .register__email__confirm__content__button .resend, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button .resend, [data-page=register__mobile__confirm] .reset__password__content__button .resend, [data-page=reset__password] .register__email__confirm__content__button .resend, [data-page=reset__password] .register__mobile__confirm__content__button .resend, [data-page=reset__password] .reset__password__content__button .resend {
  color: #EE6F5C;
  margin-bottom: 10px;
  background-color: #fff;
  border: 2px solid #EE6F5C;
  box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
}
[data-page=register__email__confirm] .register__email__confirm__content__button .back, [data-page=register__email__confirm] .register__mobile__confirm__content__button .back, [data-page=register__email__confirm] .reset__password__content__button .back, [data-page=register__mobile__confirm] .register__email__confirm__content__button .back, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button .back, [data-page=register__mobile__confirm] .reset__password__content__button .back, [data-page=reset__password] .register__email__confirm__content__button .back, [data-page=reset__password] .register__mobile__confirm__content__button .back, [data-page=reset__password] .reset__password__content__button .back {
  background-color: #EE6F5C;
  color: #fff;
  border: none;
}
@media (hover: hover) {
  [data-page=register__email__confirm] .register__email__confirm__content__button .back:hover, [data-page=register__email__confirm] .register__mobile__confirm__content__button .back:hover, [data-page=register__email__confirm] .reset__password__content__button .back:hover, [data-page=register__mobile__confirm] .register__email__confirm__content__button .back:hover, [data-page=register__mobile__confirm] .register__mobile__confirm__content__button .back:hover, [data-page=register__mobile__confirm] .reset__password__content__button .back:hover, [data-page=reset__password] .register__email__confirm__content__button .back:hover, [data-page=reset__password] .register__mobile__confirm__content__button .back:hover, [data-page=reset__password] .reset__password__content__button .back:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
[data-page=register__email__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4, [data-page=register__mobile__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4, [data-page=reset__password] .register__mobile__confirm__content .register__breadcrumb .step-4 {
  background-color: transparent;
  color: rgba(84, 65, 55, 0.2);
}
[data-page=register__email__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4::after, [data-page=register__mobile__confirm] .register__mobile__confirm__content .register__breadcrumb .step-4::after, [data-page=reset__password] .register__mobile__confirm__content .register__breadcrumb .step-4::after {
  color: rgba(84, 65, 55, 0.2);
}
[data-page=register__email__confirm] .register__mobile__confirm__content .register__breadcrumb .step-5, [data-page=register__mobile__confirm] .register__mobile__confirm__content .register__breadcrumb .step-5, [data-page=reset__password] .register__mobile__confirm__content .register__breadcrumb .step-5 {
  background-color: #544137;
  color: #fff;
}
[data-page=register__email__confirm] .register__mobile__confirm__content .register__breadcrumb .step-5::after, [data-page=register__mobile__confirm] .register__mobile__confirm__content .register__breadcrumb .step-5::after, [data-page=reset__password] .register__mobile__confirm__content .register__breadcrumb .step-5::after {
  content: ">";
  color: #544137;
  margin: 0 24px 0 48px;
  position: absolute;
}
[data-page=register__email__confirm] .register__mobile__confirm__content__text p, [data-page=register__mobile__confirm] .register__mobile__confirm__content__text p, [data-page=reset__password] .register__mobile__confirm__content__text p {
  width: 305px;
}

[data-page=register__complete] .nav__sm__login {
  display: none;
}
[data-page=register__complete] .register__complete__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=register__complete] .register__complete__content {
    padding: 80px 20px;
  }
}
[data-page=register__complete] .register__complete__content .register__breadcrumb .step-6 {
  background-color: #544137;
  color: #fff;
}
[data-page=register__complete] .register__complete__content__text {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  [data-page=register__complete] .register__complete__content__text {
    margin-top: 0;
  }
}
[data-page=register__complete] .register__complete__content__text h3 {
  margin: 0;
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 575.98px) {
  [data-page=register__complete] .register__complete__content__text h3 {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
[data-page=register__complete] .register__complete__content__text button {
  width: 322px;
  margin-top: 80px;
  padding: 10px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  border: none;
  background-color: #EE6F5C;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=register__complete] .register__complete__content__text button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 991.98px) {
  [data-page=register__complete] .register__complete__content__text button {
    margin-top: 20px;
  }
}

.member__aside {
  width: 238px;
}
@media (max-width: 991.98px) {
  .member__aside {
    display: none;
  }
}
.member__aside__content {
  width: 238px;
  border-radius: 20px;
  overflow: hidden;
}
.member__aside__content__info {
  padding: 32px 24px;
  background-color: #EE6F5C;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.member__aside__content__info__avatar {
  width: 80.5px;
  height: 80.5px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../images/avatar.svg);
  background-repeat: no-repeat;
  background-position: 18px 15px;
}
.member__aside__content__info__nickname {
  text-align: center;
}
.member__aside__content__info__nickname p {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
.member__aside__content__info__name {
  width: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
}
.member__aside__content__info__name p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  padding: 7px 0;
  margin-bottom: 0;
}
.member__aside__content__info__name p::before {
  content: url(../images/member-aside-icon.svg);
  display: inline-block;
  width: 12px;
  height: 13.5px;
  margin-right: 10px;
  position: relative;
  top: 1.5px;
}
.member__aside__content__info__coin {
  margin-top: 20px;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.member__aside__content__info__coin p {
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-bottom: 0;
}
.member__aside__content__info__coin p .title {
  display: block;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
  opacity: 0.8;
}
.member__aside__content__info__coin p .currency {
  display: inline-block;
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.member__aside__content__info__coin p .currency::before {
  content: "NT$";
}
.member__aside__content__link {
  padding: 24px 24px 24px 0;
  background-color: #fff;
}
.member__aside__content__link ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.member__aside__content__link ul li {
  margin-top: 8px;
}
.member__aside__content__link ul li:first-child {
  margin-top: 0;
}
.member__aside__content__link ul li a {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  text-decoration: none;
  color: #544137;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .member__aside__content__link ul li a:hover {
    color: rgba(84, 65, 55, 0.5);
  }
}
.member__aside__content__link ul li a::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #fff;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}

[data-page=member__center__sm] .nav__sm__login {
  display: none;
}
[data-page=member__center__sm] .member__center__sm {
  background-color: #FFF0D0;
}
[data-page=member__center__sm] .member__center__sm__title {
  padding: 32px 20px;
  background-color: #EE6F5C;
}
[data-page=member__center__sm] .member__center__sm__title .member-info {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
}
[data-page=member__center__sm] .member__center__sm__title .member-info .image {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../images/avatar_sm.svg);
  background-repeat: no-repeat;
  background-position: 100% 75%;
  margin-right: 12px;
}
[data-page=member__center__sm] .member__center__sm__title .member-info .name {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
[data-page=member__center__sm] .member__center__sm__title .member-info .name h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #fff;
}
[data-page=member__center__sm] .member__center__sm__title .member-info .name span {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #fff;
  opacity: 0.5;
}
[data-page=member__center__sm] .member__center__sm__title .member-info .name span::before {
  content: url(../images/icon_member.svg);
  display: inline-block;
  width: 12px;
  height: 13.5px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
[data-page=member__center__sm] .member__center__sm__title .member-coin {
  margin-top: 34px;
  padding: 20px 12px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
[data-page=member__center__sm] .member__center__sm__title .member-coin p, [data-page=member__center__sm] .member__center__sm__title .member-coin span {
  color: #fff;
}
[data-page=member__center__sm] .member__center__sm__title .member-coin p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
}
[data-page=member__center__sm] .member__center__sm__title .member-coin span {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
}
[data-page=member__center__sm] .member__center__sm__title .member-coin span::before {
  content: "NT$";
}
[data-page=member__center__sm] .member__center__sm__content {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  border-top: 1px solid rgba(84, 65, 55, 0.5);
  border-bottom: 1px solid rgba(84, 65, 55, 0.5);
}
[data-page=member__center__sm] .member__center__sm__content ul {
  margin: 0;
  padding: 0 20px;
  list-style: none;
}
[data-page=member__center__sm] .member__center__sm__content ul a {
  height: 74px;
  display: block;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__center__sm] .member__center__sm__content ul a:last-child {
  border-bottom: none;
}
[data-page=member__center__sm] .member__center__sm__content ul a li {
  height: 100%;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #544137;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
[data-page=member__center__sm] .member__center__sm__content ul a li span {
  width: 10px;
  height: 12px;
  background-image: url(../images/caret.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
[data-page=member__center__sm] .member__center__sm__logout {
  width: 100%;
  padding-bottom: 10px;
}
[data-page=member__center__sm] .member__center__sm__logout button {
  padding: 20px;
  width: 100%;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
  border: none;
  background-color: #fff;
}

[data-page=member__shipping] .nav__sm__login {
  display: none;
}
[data-page=member__shipping] .member__shipping__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content {
    padding: 20px 0 0 0;
  }
}
[data-page=member__shipping] .member__shipping__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__shipping] .member__shipping__content .container .member__aside__content__link .aside-shipping {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__shipping] .member__shipping__content .container .member__aside__content__link .aside-shipping:hover {
    color: #EE6F5C;
  }
}
[data-page=member__shipping] .member__shipping__content .container .member__aside__content__link .aside-shipping::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__shipping] .member__shipping__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__shipping] .member__shipping__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content__main {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__select {
  display: flex;
  width: 100%;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select {
    padding: 0 20px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .order-warehouses-select, [data-page=member__shipping] .member__shipping__content__main__select .order-payment-select {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .order-payment-select {
    margin-left: 10px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric-wrapper {
  width: 240px;
  transition: all 0.3s;
  margin-right: 24px;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: transparent;
}
@media (hover: hover) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric:hover {
    border: 1px solid #544137;
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric .label {
  margin: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric .label {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric .button {
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric-items {
    border-radius: 10px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content__main__select .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping] .member__shipping__content__main__select .selectric-items .selectric-scroll .selected, [data-page=member__shipping] .member__shipping__content__main__select .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card {
  width: 100%;
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card {
    border-radius: 0;
    margin-bottom: 10px;
  }
  [data-page=member__shipping] .member__shipping__content__main__list .order__card:last-child {
    margin-bottom: 20px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 100%;
  padding: 24px 32px;
  border-bottom: 1px solid #544137;
  background-color: rgba(89, 87, 87, 0.8);
  border-radius: 20px 20px 0 0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title {
    flex-direction: column;
    padding: 10px 20px;
    border-radius: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title .delivery-info {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .delivery-info h6 {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title .delivery-info h6 {
    display: flex;
    justify-content: space-between;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .delivery-info h6 span {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #fff;
  margin-left: 12px;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .delivery-info h6 span::after {
  content: "_初運備註";
  font-family: "Noto Sans TC";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title .warehouses {
    width: 100%;
    text-align: right;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .warehouses p {
  margin-bottom: 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #fff;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .warehouses p span {
  margin-left: 4px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form {
  text-align: center;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form .custom-control-input {
  display: none;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form .custom-control-label {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form .custom-control-label {
    margin-top: 10px;
    justify-content: right;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form .custom-control-input + .custom-control-label::before {
  content: "";
  background: url(../images/add_default_new.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
  transform: translateY(-1px);
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__title .form .custom-control-input:checked + .custom-control-label::before {
  content: "";
  background: url(../images/add_checked_new.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
  transform: translateY(-1px);
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content {
  width: 100%;
  display: flex;
  padding: 0 32px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content {
    flex-direction: column;
    padding: 0 20px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper {
  width: 50%;
  padding: 12.84px 24px 12.84px 0;
  border-right: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #544137;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper {
    width: 100%;
    border-right: none;
    border-bottom: none;
    padding: 20px 0;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .swiper {
  width: 100%;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .swiper {
    width: 75%;
    display: none;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .swiper {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .preview {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .preview {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .preview img {
  width: 78.08px;
  height: 53.32px;
  margin-left: 8px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .images-swiper .preview img:first-child {
  margin-left: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info {
  width: 50%;
  padding: 24px 0 24px 24px;
  border-bottom: 1px solid #544137;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info {
    width: 100%;
    padding: 0;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info h6 {
  text-align: left;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info h6 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info h6 {
    margin-bottom: 10px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .cm {
  padding: 0 10px;
  background-color: rgba(84, 65, 55, 0.05);
  border-radius: 10px;
  margin-bottom: 12px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .cm .unit {
  padding: 12px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .cm .unit p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .cm .unit p::after {
  content: "cm";
  display: inline-block;
  margin-left: 10px;
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .cm .cm-number {
  padding: 12px 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .cm .cm-number p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-bottom: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg {
  display: flex;
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #544137;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .weight, [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .volume {
  width: 50%;
  padding: 10px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-radius: 10px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .weight p, [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .volume p {
  margin-bottom: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .weight p.unit, [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .volume p.unit {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .weight p.number, [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .volume p.number {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .weight {
  margin-right: 8px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .kg .weight p.number::after {
  content: "kg";
  display: inline-block;
  margin-left: 4px;
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul:last-child {
  text-align: right;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul li {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.6);
  margin-top: 6px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul li:first-child {
  margin-top: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul li:last-child {
  margin-bottom: 6px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul li {
    margin-top: 10px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .calculation ul li .currency::before {
  content: "NT$";
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .freight {
  margin-top: 6px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .freight {
    margin-top: 0;
    padding: 10px 0;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .freight .total-freight {
  text-align: right;
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__content .package-info .freight .total-freight::before {
  content: "NT$";
  margin-right: 12px;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button {
  width: 100%;
  padding: 24px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__button {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__button {
    flex-direction: column;
    padding: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__button .package-number {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .package-number h6 {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
  margin-bottom: 0;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .package-number h6 span {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
  margin-left: 12px;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form {
  text-align: center;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form .custom-control-input {
  display: none;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form .custom-control-label {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 400;
  color: #544137;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form .custom-control-label {
    margin-top: 10px;
    justify-content: right;
  }
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form .custom-control-input + .custom-control-label::before {
  content: "";
  background: url(../images/add_default.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
}
[data-page=member__shipping] .member__shipping__content__main__list .order__card__button .form .custom-control-input:checked + .custom-control-label::before {
  content: "";
  background: url(../images/add_checked.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
}
[data-page=member__shipping] .member__shipping__content__main__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__button {
    flex-direction: column;
    display: none;
  }
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox {
  padding: 23px 0 23px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .member__shipping__content__main__button .select-checkbox {
    padding: 0;
  }
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .form {
  text-align: center;
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .form .custom-control-input {
  display: none;
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .form .custom-control-label {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #544137;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .form .custom-control-input + .custom-control-label::before {
  content: "";
  background: url(../images/add_default.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .form .custom-control-input:checked + .custom-control-label::before {
  content: "";
  background: url(../images/add_checked.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .select-number {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin: 0;
  margin-left: 32px;
}
[data-page=member__shipping] .member__shipping__content__main__button .select-checkbox .select-number::before {
  content: "已選: ";
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__button .create-order {
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping] .member__shipping__content__main__button .create-order {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }
}
[data-page=member__shipping] .member__shipping__content__main__button .create-order button {
  background-color: #EE6F5C;
  border: none;
  width: 322px;
  border-radius: 100px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__shipping] .member__shipping__content__main__button .create-order button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .member__shipping__content__main__button .create-order button {
    width: 100%;
  }
}
[data-page=member__shipping] .member__shipping__content__main__button .create-order button:disabled, [data-page=member__shipping] .member__shipping__content__main__button .create-order button[disabled] {
  background-color: rgba(84, 65, 55, 0.2);
  color: #fff;
}
@media (hover: hover) {
  [data-page=member__shipping] .member__shipping__content__main__button .create-order button:disabled:hover, [data-page=member__shipping] .member__shipping__content__main__button .create-order button[disabled]:hover {
    background: rgba(84, 65, 55, 0.2);
    box-shadow: none;
  }
}
[data-page=member__shipping] .sm-button {
  width: 100%;
  height: 55px;
  background-color: #fff;
  position: fixed;
  bottom: -59px;
  filter: drop-shadow(0px -5px 30px rgba(84, 65, 55, 0.1));
  z-index: 99;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 0 20px;
}
@media (min-width: 576px) {
  [data-page=member__shipping] .sm-button {
    display: none;
  }
}
[data-page=member__shipping] .sm-button .select-checkbox {
  padding: 23px 0 23px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping] .sm-button .select-checkbox {
    padding: 0;
  }
}
[data-page=member__shipping] .sm-button .select-checkbox .form {
  text-align: center;
}
[data-page=member__shipping] .sm-button .select-checkbox .form .custom-control-input {
  display: none;
}
[data-page=member__shipping] .sm-button .select-checkbox .form .custom-control-label {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #544137;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
[data-page=member__shipping] .sm-button .select-checkbox .form .custom-control-input + .custom-control-label::before {
  content: "";
  background: url(../images/add_default.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
}
[data-page=member__shipping] .sm-button .select-checkbox .form .custom-control-input:checked + .custom-control-label::before {
  content: "";
  background: url(../images/add_checked.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 8px;
  position: relative;
}
[data-page=member__shipping] .sm-button .select-checkbox .select-number {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin: 0;
  margin-left: 20px;
}
[data-page=member__shipping] .sm-button .select-checkbox .select-number::before {
  content: "已選: ";
}
[data-page=member__shipping] .sm-button .create-order button {
  background-color: #EE6F5C;
  border: none;
  width: 322px;
  border-radius: 100px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  padding: 0 23px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__shipping] .sm-button .create-order button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping] .sm-button .create-order button {
    width: 100%;
  }
}
[data-page=member__shipping] .sm-button .create-order button:disabled, [data-page=member__shipping] .sm-button .create-order button[disabled] {
  background-color: rgba(84, 65, 55, 0.2);
  color: #fff;
}
@media (hover: hover) {
  [data-page=member__shipping] .sm-button .create-order button:disabled:hover, [data-page=member__shipping] .sm-button .create-order button[disabled]:hover {
    background: rgba(84, 65, 55, 0.2);
    box-shadow: none;
  }
}

[data-page=member__shipping__payment] .nav__sm__login {
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content {
    padding: 20px 0;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__shipping__payment] .member__shipping__payment__content .container .member__aside__content__link .aside-shipping {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content .container .member__aside__content__link .aside-shipping:hover {
    color: #EE6F5C;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content .container .member__aside__content__link .aside-shipping::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main {
    width: 100%;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main .member__common__breadcrumb ul li:nth-child(2) a::before {
  content: "會員中心";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main .member__common__breadcrumb ul li:nth-child(2) a::before {
    content: "...";
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content {
  padding: 42px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content {
    border-radius: 0;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method {
  border-bottom: 1px solid rgba(84, 65, 55, 0.3);
  padding-bottom: 42px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method {
    padding-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  margin-bottom: 42px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method h3 {
    margin-bottom: 20px;
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method h3 {
    margin-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button {
  display: flex;
  width: 100%;
  margin-bottom: 42px;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button {
    margin-bottom: 20px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button input {
  position: absolute;
  top: -100%;
  left: -100%;
  visibility: none;
  opacity: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button input.ATM:checked + label.ATM-label {
  background-color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button input.creditCard:checked + label.creditCard-label {
  background-color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button label {
  text-align: center;
  width: 50%;
  padding: 10px 0;
  background-color: rgba(84, 65, 55, 0.2);
  border: none;
  border-radius: 100px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-button .ATM-label {
  margin-right: 12px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice {
  display: flex;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice {
    flex-direction: column;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice p {
    margin-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice ul {
  margin: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice ul li {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
  margin-top: 4px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .payment-method-notice ul li:first-child {
  margin-top: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount {
  padding: 42px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.3);
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount {
    padding: 20px 0;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail {
    flex-direction: column;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail h3 {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 8px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  width: 278px;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input {
    width: 100%;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input label {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  width: 30%;
  cursor: pointer;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input input {
  width: 70%;
  border: none;
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #544137;
  caret-color: rgba(84, 65, 55, 0.2);
  text-align: right;
  -moz-appearance: textfield;
  cursor: pointer;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input input::-moz-placeholder {
  color: #544137;
  opacity: 0.2;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input input::placeholder {
  color: #544137;
  opacity: 0.2;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input input::-webkit-outer-spin-button, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin-input input:focus {
  outline: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin .use-coin-input:has(.coin:focus) {
  border-bottom: 1px solid #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin p {
  text-align: right;
  margin: 0;
  margin-top: 6.5px;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.7);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin p span {
  margin-left: 12px;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .discount-detail .use-coin p span::before {
  content: "NT$";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .select-coupon {
  padding: 25px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border: 1px solid rgba(84, 65, 55, 0.2);
  border-radius: 20px;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .select-coupon {
    padding: 10px 20px;
    border-radius: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .select-coupon p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  margin: 0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .select-coupon p {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .select-coupon .arrow {
  width: 10px;
  height: 10px;
  background-image: url(../images/caret_primary.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .discount .coupon-choosed {
  border: 1px solid #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info {
  padding: 42px 0 0 0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info {
    padding: 20px 0 0 0;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-title {
    margin-bottom: 20px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-title h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-title h3 {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-title button {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  padding: 4px 44px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  background-color: transparent;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-title button:hover {
    box-shadow: inset 0 0 0 2px #EE6F5C;
    color: #EE6F5C;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package {
  width: 100%;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table {
  width: 100%;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:first-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:first-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:first-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:first-child {
  width: 40%;
  padding-left: 10px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(3) {
  width: 15%;
  text-align: center;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:last-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:last-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:last-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:last-child {
  text-align: right;
  padding-right: 10px;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:first-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:first-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:first-child, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:first-child {
    width: 30%;
  }
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr td:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr th:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(3) {
    width: 20%;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th {
  padding-bottom: 24px;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table thead tr th {
    padding-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr {
  border-top: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr:first-child {
  border-top: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td {
  padding-top: 18.5px;
  padding-bottom: 18.5px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #544137;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:first-child {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:first-child {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:first-child {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(2), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(3), [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(4) {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: rgba(84, 65, 55, 0.8);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(4) {
  color: #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(2)::after {
  content: "KG";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(3)::before, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package table tbody tr td:nth-child(4)::before {
  content: "NT$ ";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-package p {
  text-align: center;
  padding: 10px 12px;
  margin: 6px 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.7);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost {
  padding: 0 31px;
  width: 100%;
  background-color: rgba(89, 87, 87, 0.05);
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost {
    padding: 0 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost {
    padding: 0 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total {
  padding: 24px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total {
    padding: 20px 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total {
    padding: 10px 0;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table {
  width: 100%;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .cost-title, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .cost-title {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
  padding: 2.5px 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .cost-amount, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .cost-amount {
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .zero-amount::before, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .zero-amount::before {
  content: "NT$ ";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .freight-amount, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .freight-amount {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .freight-amount::before, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .freight-amount::before {
  content: "NT$ ";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .freight-amount, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .freight-amount {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .plus-amount, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .minus-amount, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .plus-amount, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .minus-amount {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .plus-amount::before, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .plus-amount::before {
  content: "+NT$ ";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-detail table tbody tr .minus-amount::before, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .minus-amount::before {
  content: "−NT$ ";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total {
  border-bottom: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .cost-title {
  color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .cost-amount {
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .cost-amount::before {
  content: "NT$ ";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-cost-total table tbody tr .cost-amount {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient {
  padding: 42px 0 0 0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient {
    padding: 20px 0 0 0;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  margin-bottom: 42px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient h3 {
    margin-bottom: 20px;
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient h3 {
    margin-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs {
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs {
    margin-bottom: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul {
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li {
  margin-left: 12px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li:first-child {
  margin-left: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li button {
  padding: 12px 4px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
  background-color: transparent;
  border: none;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li button {
    padding: 0 4px 10px 4px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li .nav-link {
  border: none;
  border-bottom: 4px solid rgba(255, 255, 255, 0);
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li .nav-link:hover {
    border-color: transparent;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-tabs ul li .nav-link.active {
  color: #544137;
  opacity: 1;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info {
  padding: 24px 48px;
  display: flex;
  justify-content: space-between;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 20px;
  margin-top: 12px;
  cursor: pointer;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info:first-child {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info {
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info {
    padding: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select {
  display: flex;
  align-items: center;
  margin-right: 48px;
}
@media (max-width: 1199.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select {
    margin-right: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select {
    margin-right: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select .form .custom-control-input {
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select .form .custom-control-label {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  cursor: pointer;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select .form .custom-control-input + .custom-control-label::before {
  content: "";
  background: url(../images/add_default.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 3.5px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-select .form .custom-control-input:checked + .custom-control-label::before {
  content: "";
  background: url(../images/add_checked.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 3.5px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail {
  display: flex;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail table tbody tr .recipient-title {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail table tbody tr .recipient-title {
    width: 100%;
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail table tbody tr .recipient-content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding-left: 48px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-detail table tbody tr .recipient-content {
    width: 100%;
    padding-left: 0;
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin {
  width: 460px;
  padding: 18px 0;
  position: relative;
  margin-top: 20px;
  transition: all 0.3s;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin {
    width: 100%;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin input::-webkit-outer-spin-button, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-mobile {
  line-height: calc(39.6 / 18);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-mobile::-moz-placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-mobile::placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-name-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-mobile-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-address-placeholder {
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-name-placeholder::after, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-mobile-placeholder::after, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-address-placeholder::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-name-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-mobile-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .edit-recipient-address-placeholder {
    font-size: calc((16 / 16) * 1rem);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .up {
  transform: translateY(-40px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin label.error {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .down {
  padding-top: 20px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address label.error {
  top: 127px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-wrapper {
  width: 100%;
  transition: all 0.3s;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-wrapper:last-child {
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric {
    padding: 10px 0 10px 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  align-items: center;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items .selectric-scroll .selected, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-form form .fillin-address .country .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button {
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
    flex-direction: row;
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button {
    margin-top: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section button {
  height: 35px;
  padding: 0 16px;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  background-color: transparent;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  transition: all 0.1s ease-in-out;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-save {
  box-shadow: inset 0 0 0 1px #EE6F5C;
  background-color: #EE6F5C;
  color: #fff;
  margin-right: 6px;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-save:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-cancel:hover, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-edit:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-save, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-cancel {
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-edit {
  background-color: transparent;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  padding: 0 16px;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-edit:hover {
    color: #EE6F5C;
    box-shadow: inset 0 0 0 2px #EE6F5C;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .save-section .recipient-edit {
    margin-right: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .delete-section .recipient-delete {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  padding: 4px 0;
  color: #544137;
  border: none;
  border-bottom: 1px solid transparent;
  background-color: transparent;
  transition: all 0.3s;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .delete-section .recipient-delete:hover {
    border-bottom: 1px solid #EE6F5C;
    color: #EE6F5C;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info .recipient-button .delete-section .recipient-delete {
    margin-left: 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .recipient-info:has(.custom-control-input:checked) {
  box-shadow: 0 0 0 1.5px #544137 inset;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin {
  width: 460px;
  padding: 18px 0;
  position: relative;
  margin-top: 20px;
  transition: all 0.3s;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin {
    width: 100%;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin input::-webkit-outer-spin-button, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-mobile {
  line-height: calc(39.6 / 18);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-mobile::-moz-placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-mobile::placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-name-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-mobile-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-address-placeholder {
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-name-placeholder::after, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-mobile-placeholder::after, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-address-placeholder::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-name-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-mobile-placeholder, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .add-delivery-address-placeholder {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .up {
  transform: translateY(-40px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin label.error {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .down {
  padding-top: 20px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address label.error {
  top: 127px;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-wrapper {
  width: 100%;
  transition: all 0.3s;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-wrapper:last-child {
  display: none;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric {
    padding: 10px 0 10px 10px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric .label {
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items .selectric-scroll .selected, [data-page=member__shipping__payment] .member__shipping__payment__content__main__content .order-info-recipient-content .new-recipient form .fillin-address .country .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__button {
  width: 100%;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button {
    padding: 0 20px;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__button button {
  width: 322px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  padding: 10px 0;
  background-color: transparent;
  border-radius: 100px;
  border: none;
  transition: all 0.1s ease-in-out;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button button {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button button {
    font-size: calc((13 / 16) * 1rem);
    line-height: calc(15.6 / 13);
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__button .back {
  color: #544137;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  margin-bottom: 24px;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button .back:hover {
    box-shadow: inset 0 0 0 2px #EE6F5C, 0px 0px 21px rgba(84, 65, 55, 0.1);
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button .back {
    margin-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button a {
    width: 100%;
  }
}
[data-page=member__shipping__payment] .member__shipping__payment__content__main__button .confirm {
  background-color: #EE6F5C;
  color: #fff;
}
@media (hover: hover) {
  [data-page=member__shipping__payment] .member__shipping__payment__content__main__button .confirm:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}

[data-page=member__shipping__confirm] .nav__sm__login {
  display: none;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content {
    padding: 20px 0;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content .container .member__aside__content__link .aside-shipping {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content .container .member__aside__content__link .aside-shipping:hover {
    color: #EE6F5C;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content .container .member__aside__content__link .aside-shipping::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main {
    width: 100%;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main .member__common__breadcrumb ul li:nth-child(2) a::before {
  content: "會員中心";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main .member__common__breadcrumb ul li:nth-child(3) a::before {
  content: "包裹集運 / 建立訂單";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main .member__common__breadcrumb ul li:nth-child(2) a::before {
    content: "...";
  }
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main .member__common__breadcrumb ul li:nth-child(3) a::before {
    content: "...";
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content {
  padding: 42px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content {
    border-radius: 0;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  padding-bottom: 42px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.3);
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content h3 {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content h3 {
    padding-bottom: 10px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient {
  padding: 42px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.3);
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient {
    padding: 20px 0;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment h4, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient h4 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  margin-bottom: 42px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment h4, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient h4 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment h4, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient h4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr td, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr td {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  color: #544137;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr td.title, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr td.title {
  font-weight: 400;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr td.title, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr td.title {
    min-width: 114px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr td.content, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr td.content {
  padding-left: 42px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr td.content, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr td.content {
    text-align: right;
    padding-left: 0;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .payment table tbody tr td.coin::after, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .recipient table tbody tr td.coin::after {
  content: " 元";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info {
  padding-top: 42px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info {
    padding-top: 20px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info h4 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  margin-bottom: 42px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info h4 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info h4 {
    margin-bottom: 10px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package {
  width: 100%;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table {
  width: 100%;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:first-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:first-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:first-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:first-child {
  width: 40%;
  padding-left: 10px;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(3) {
  width: 15%;
  text-align: center;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:last-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:last-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:last-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:last-child {
  text-align: right;
  padding-right: 10px;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:first-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:first-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:first-child, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:first-child {
    width: 30%;
  }
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr td:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr th:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(3) {
    width: 20%;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th {
  padding-bottom: 24px;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table thead tr th {
    padding-bottom: 10px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody {
  border-top: 1px solid #544137;
  border-bottom: 1px solid #544137;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr {
  border-top: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr:first-child {
  border-top: none;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td {
  padding-top: 18.5px;
  padding-bottom: 18.5px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #544137;
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:first-child {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:first-child {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:first-child {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(2), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(3), [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(4) {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: rgba(84, 65, 55, 0.8);
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(4) {
  color: #544137;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(2)::after {
  content: "KG";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(3)::before, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package table tbody tr td:nth-child(4)::before {
  content: "NT$ ";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-package p {
  text-align: center;
  padding: 10px 12px;
  margin: 6px 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.7);
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost {
  padding: 0 31px;
  width: 100%;
  background-color: rgba(89, 87, 87, 0.05);
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost {
    padding: 0 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost {
    padding: 0 10px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total {
  padding: 24px 0;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total {
    padding: 20px 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total {
    padding: 10px 0;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table {
  width: 100%;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .cost-title, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .cost-title {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
  padding: 2.5px 0;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .cost-amount, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .cost-amount {
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .zero-amount::before, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .zero-amount::before {
  content: "NT$ ";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .freight-amount, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .freight-amount {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .freight-amount::before, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .freight-amount::before {
  content: "NT$ ";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .freight-amount, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .freight-amount {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .plus-amount, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .minus-amount, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .plus-amount, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .minus-amount {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .plus-amount::before, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .plus-amount::before {
  content: "+NT$ ";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-detail table tbody tr .minus-amount::before, [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .minus-amount::before {
  content: "−NT$ ";
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total {
  border-bottom: none;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .cost-title {
  color: #EE6F5C;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .cost-amount {
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #EE6F5C;
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .cost-amount::before {
  content: "NT$ ";
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__content .order-info-cost-total table tbody tr .cost-amount {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button {
    padding-top: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button {
    padding: 20px 20px 0 20px;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button button {
  width: 322px;
  padding: 10px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border-radius: 100px;
  border: none;
  transition: all 0.1s ease-in-out;
}
@media (max-width: 767.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button button {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button button {
    font-size: calc((13 / 16) * 1rem);
    line-height: calc(15.6 / 13);
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button .back {
  color: #544137;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button .back {
    margin-bottom: 10px;
  }
}
@media (hover: hover) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button .back:hover {
    background-color: #fff;
    color: #EE6F5C;
    box-shadow: inset 0 0 0 2px #EE6F5C;
  }
}
[data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button .confirm {
  color: #fff;
  background-color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__shipping__confirm] .member__shipping__confirm__content__main__button .confirm:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}

[data-page=member__info] .nav__sm__login {
  display: none;
}
[data-page=member__info] .member__info__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__info] .member__info__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__info] .member__info__content {
    padding: 20px 0;
  }
}
[data-page=member__info] .member__info__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__info] .member__info__content .container .member__aside__content__link .aside-info {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__info] .member__info__content .container .member__aside__content__link .aside-info:hover {
    color: #EE6F5C;
  }
}
[data-page=member__info] .member__info__content .container .member__aside__content__link .aside-info::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__info] .member__info__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__info] .member__info__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__info] .member__info__content__main {
    width: 100%;
  }
}
[data-page=member__info] .member__info__content__main__form {
  width: 100%;
  padding: 24px 48px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 1199.98px) {
  [data-page=member__info] .member__info__content__main__form {
    padding: 0 20px 20px 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__info] .member__info__content__main__form {
    border-radius: 0;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo {
  padding: 24px 20px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo {
    padding: 20px 0;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo__withbutton {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1199.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo__withbutton {
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo__withbutton {
    align-items: center;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo__text {
  display: flex;
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo__text {
    flex-direction: column;
    align-items: flex-start;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo__title {
  min-width: 110px;
  margin-right: 48px;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo__title {
    min-width: 80px;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo__title h3 {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #544137;
}
[data-page=member__info] .member__info__content__main__form .userinfo__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[data-page=member__info] .member__info__content__main__form .userinfo__content p {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo__content p {
    margin-top: 10px;
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .edit-buttons {
  display: flex;
}
@media (max-width: 1199.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .edit-buttons {
    width: 100%;
    margin-top: 10px;
    justify-content: right;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .edit-buttons {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: -6px;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo button {
  height: 35px;
  padding: 0 16px;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  background-color: transparent;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__info] .member__info__content__main__form .userinfo button:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .edit-address-confirm-button {
  background-color: #EE6F5C;
  color: #fff;
  border: none;
  margin-right: 6px;
}
@media (hover: hover) {
  [data-page=member__info] .member__info__content__main__form .userinfo .edit-address-confirm-button:hover {
    color: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
    outline: none;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .edit-address-confirm-button, [data-page=member__info] .member__info__content__main__form .userinfo .edit-address-cancel-button {
  display: none;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address {
  margin-top: 24px;
  margin-left: 158px;
  display: none;
}
@media (min-width: 992px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address {
    width: 63%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address {
    margin-left: 128px;
    margin-top: 12px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address {
    margin-left: 0;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-wrapper {
  width: 100%;
  transition: all 0.3s;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-wrapper:last-child {
  display: none;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric {
    padding: 10px 0 10px 10px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric .label {
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items {
    border-radius: 10px;
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items .selectric-scroll .selected, [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address .country .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  display: none;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__info] .member__info__content__main__form .userinfo .fillin-address input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
@media (max-width: 575.98px) {
  [data-page=member__info] .member__info__content__main__form .userinfo .fillin-address input {
    padding: 10px;
  }
}

[data-page=member__delivery] .nav__sm__login {
  display: none;
}
[data-page=member__delivery] .member__delivery {
  position: relative;
}
[data-page=member__delivery] .member__delivery__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__delivery] .member__delivery__content {
    padding: 20px 0;
  }
}
[data-page=member__delivery] .member__delivery__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__delivery] .member__delivery__content .container .member__aside__content__link .aside-delivery {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content .container .member__aside__content__link .aside-delivery:hover {
    color: #EE6F5C;
  }
}
[data-page=member__delivery] .member__delivery__content .container .member__aside__content__link .aside-delivery::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__delivery] .member__delivery__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__delivery] .member__delivery__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main {
    width: 100%;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form {
  width: 100%;
  padding: 24px 0;
}
@media (max-width: 575.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form {
    padding: 0;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form p {
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
  padding: 10px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form p {
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form p {
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box {
    padding: 0 20px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 24px 48px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card {
    margin-bottom: 10px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details {
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details {
    flex-wrap: wrap;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-title {
  width: 64px;
  margin-right: 48px;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-title {
    width: 100%;
    margin-right: 0;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-title h3 {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: #544137;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-title h3 {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
    padding: 1px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-content {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-content {
    width: 100%;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-content p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-info-details .info-content p {
    text-align: left;
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
    padding: 1px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin {
  width: 460px;
  padding: 18px 0;
  position: relative;
  margin-top: 20px;
  transition: all 0.3s;
}
@media (max-width: 1199.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin {
    width: 400px;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin {
    width: 460px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin {
    width: 100%;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin input::-webkit-outer-spin-button, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-mobile {
  line-height: calc(39.6 / 18);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-mobile::-moz-placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-mobile::placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-name-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-mobile-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-address-placeholder {
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-name-placeholder::after, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-mobile-placeholder::after, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-address-placeholder::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-name-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-mobile-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .edit-delivery-address-placeholder {
    font-size: calc((16 / 16) * 1rem);
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .up {
  transform: translateY(-40px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin label.error {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .down {
  padding-top: 20px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address label.error {
  top: 127px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-wrapper {
  width: 100%;
  transition: all 0.3s;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-wrapper:last-child {
  display: none;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric {
    padding: 10px 0 10px 10px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  align-items: center;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items {
    border-radius: 10px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items .selectric-scroll .selected, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__content .delivery-form form .fillin-address .country .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button {
    display: flex;
    justify-content: right;
    align-items: center;
    flex-direction: row;
    margin-top: 20px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .save-section button {
  height: 35px;
  padding: 0 16px;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  background-color: transparent;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  transition: all 0.1s ease-in-out;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .save-section .save {
  box-shadow: inset 0 0 0 1px #EE6F5C;
  background-color: #EE6F5C;
  color: #fff;
  margin-right: 6px;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .save-section .save:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .save-section .cancel:hover, [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .save-section .edit:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .delete-section .delete {
  background-color: transparent;
  border: none;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__card__box .address__card__button .delete-section .delete {
    margin-left: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add {
    padding: 0 20px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section {
  background-color: #fff;
  border-radius: 20px;
  padding: 24px 48px;
  margin-bottom: 12px;
  transition: all 0.3s;
  display: none;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section {
    flex-direction: column;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin {
  width: 460px;
  padding: 18px 0;
  position: relative;
  margin-top: 20px;
  transition: all 0.3s;
}
@media (max-width: 1199.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin {
    width: 400px;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin {
    width: 460px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin {
    width: 100%;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin input::-webkit-outer-spin-button, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-mobile {
  line-height: calc(39.6 / 18);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-mobile::-moz-placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-mobile::placeholder {
  font-family: "Noto Serif TC";
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-name-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-mobile-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-address-placeholder {
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-name-placeholder::after, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-mobile-placeholder::after, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-address-placeholder::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-name-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-mobile-placeholder, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .add-delivery-address-placeholder {
    font-size: calc((16 / 16) * 1rem);
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .up {
  transform: translateY(-40px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin label.error {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .down {
  padding-top: 20px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address label.error {
  top: 127px;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-wrapper {
  width: 100%;
  transition: all 0.3s;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-wrapper:last-child {
  display: none;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric {
    padding: 10px 0 10px 10px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric .label {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  display: flex;
  align-items: center;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items {
    border-radius: 10px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items .selectric-scroll .selected, [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__form .fillin-address .country .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button {
    display: flex;
    justify-content: right;
    align-items: center;
    flex-direction: row;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button .save-section button {
  height: 35px;
  padding: 0 16px;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  background-color: transparent;
  border: none;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  transition: all 0.1s ease-in-out;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button .save-section .save {
  box-shadow: inset 0 0 0 1px #EE6F5C;
  background-color: #EE6F5C;
  color: #fff;
  margin-right: 6px;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button .save-section .save:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button .save-section .cancel:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button .delete-section .delete {
  background-color: transparent;
  border: none;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
@media (max-width: 767.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__section__button .delete-section .delete {
    margin-left: 10px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__button {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 57.08px 48px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media (hover: hover) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__button:hover {
    box-shadow: 0px 4px 30px rgba(84, 65, 55, 0.1);
  }
}
@media (max-width: 991.98px) {
  [data-page=member__delivery] .member__delivery__content__main__form .address__add__button {
    padding: 20px;
  }
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__button p {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  position: relative;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__button p span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__button p span::before, [data-page=member__delivery] .member__delivery__content__main__form .address__add__button p span::after {
  content: "";
  display: block;
  width: 17.85px;
  height: 2px;
  border-radius: 20px;
  background-color: #EE6F5C;
}
[data-page=member__delivery] .member__delivery__content__main__form .address__add__button p span::after {
  transform: translateY(-50%) rotate(90deg);
}

[data-page=member__warehouses] .nav__sm__login {
  display: none;
}
[data-page=member__warehouses] .member__warehouses {
  position: relative;
}
[data-page=member__warehouses] .member__warehouses .copy_success {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  box-shadow: 0px 4px 30px rgba(84, 65, 55, 0.1);
  top: 32%;
  opacity: 0;
  z-index: 100;
  position: fixed;
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses .copy_success {
    top: 15%;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses .copy_success {
    top: 20%;
  }
}
[data-page=member__warehouses] .member__warehouses .copy_fade {
  animation: fadexxl 1s;
}
@keyframes fadexxl {
  0% {
    opacity: 0;
    top: 32%;
  }
  80% {
    opacity: 1;
    top: 34%;
  }
  95% {
    opacity: 0;
    top: 33%;
  }
  100% {
    opacity: 0;
    top: 32%;
  }
}
@keyframes fadelg {
  0% {
    opacity: 0;
    top: 15%;
  }
  80% {
    opacity: 1;
    top: 17%;
  }
  95% {
    opacity: 0;
    top: 16%;
  }
  100% {
    opacity: 0;
    top: 15%;
  }
}
@keyframes fadesm {
  0% {
    opacity: 0;
    top: 20%;
  }
  80% {
    opacity: 1;
    top: 22%;
  }
  95% {
    opacity: 0;
    top: 21%;
  }
  100% {
    opacity: 0;
    top: 20%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses .copy_fade {
    animation: fadelg 1s;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses .copy_fade {
    animation: fadesm 1s;
  }
}
[data-page=member__warehouses] .member__warehouses__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content {
    padding: 20px 0;
  }
}
[data-page=member__warehouses] .member__warehouses__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__warehouses] .member__warehouses__content .container .member__aside__content__link .aside-warehouses {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__warehouses] .member__warehouses__content .container .member__aside__content__link .aside-warehouses:hover {
    color: #EE6F5C;
  }
}
[data-page=member__warehouses] .member__warehouses__content .container .member__aside__content__link .aside-warehouses::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__warehouses] .member__warehouses__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main {
    width: 100%;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form {
  width: 100%;
  padding: 24px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form {
    border-radius: 0;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric-wrapper {
  width: 240px;
  transition: all 0.3s;
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric:hover {
    border: 1px solid #544137;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric {
    padding: 10px;
  }
}
@media (max-width: 767.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric .label {
  margin: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric .label {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items {
    border-radius: 10px;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items .selectric-scroll .selected, [data-page=member__warehouses] .member__warehouses__content__main__form .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content {
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content {
    margin-top: 0;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card {
  padding: 24px 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  cursor: pointer;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card {
    padding: 20px 0;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__text {
  display: flex;
}
@media (max-width: 767.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__text {
    flex-direction: column;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__title {
  min-width: 110px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__title h3 {
  margin: 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 700;
  color: #544137;
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__content {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__content p {
  margin: 0;
  margin-left: 48px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
}
@media (max-width: 767.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__content p {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__content p {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__button {
    position: absolute;
    right: 0;
    top: 17px;
  }
}
[data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__button button {
  width: 64px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border: none;
  background-color: transparent;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__button button:hover {
    color: #EE6F5C;
    box-shadow: inset 0 0 0 2px #EE6F5C;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__warehouses] .member__warehouses__content__main__form .tab-content .tab-pane .warehouses__details__card__button button {
    line-height: calc(25.6 / 16);
  }
}

[data-page=member__order__query] .nav__sm__login, [data-page=member__order__query__shipping__status] .nav__sm__login {
  display: none;
}
[data-page=member__order__query] .member__order__query, [data-page=member__order__query] .member__order__query__shipping__status, [data-page=member__order__query__shipping__status] .member__order__query, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status {
  position: relative;
}
[data-page=member__order__query] .member__order__query__content, [data-page=member__order__query] .member__order__query__shipping__status__content, [data-page=member__order__query__shipping__status] .member__order__query__content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content, [data-page=member__order__query] .member__order__query__shipping__status__content, [data-page=member__order__query__shipping__status] .member__order__query__content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content, [data-page=member__order__query] .member__order__query__shipping__status__content, [data-page=member__order__query__shipping__status] .member__order__query__content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content {
    padding: 20px 0;
  }
}
[data-page=member__order__query] .member__order__query__content .container, [data-page=member__order__query] .member__order__query__shipping__status__content .container, [data-page=member__order__query__shipping__status] .member__order__query__content .container, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__order__query] .member__order__query__content .container .member__aside__content__link .aside-order-query, [data-page=member__order__query] .member__order__query__shipping__status__content .container .member__aside__content__link .aside-order-query, [data-page=member__order__query__shipping__status] .member__order__query__content .container .member__aside__content__link .aside-order-query, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content .container .member__aside__content__link .aside-order-query {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content .container .member__aside__content__link .aside-order-query:hover, [data-page=member__order__query] .member__order__query__shipping__status__content .container .member__aside__content__link .aside-order-query:hover, [data-page=member__order__query__shipping__status] .member__order__query__content .container .member__aside__content__link .aside-order-query:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content .container .member__aside__content__link .aside-order-query:hover {
    color: #EE6F5C;
  }
}
[data-page=member__order__query] .member__order__query__content .container .member__aside__content__link .aside-order-query::before, [data-page=member__order__query] .member__order__query__shipping__status__content .container .member__aside__content__link .aside-order-query::before, [data-page=member__order__query__shipping__status] .member__order__query__content .container .member__aside__content__link .aside-order-query::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content .container .member__aside__content__link .aside-order-query::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__order__query] .member__order__query__content__main, [data-page=member__order__query] .member__order__query__shipping__status__content__main, [data-page=member__order__query__shipping__status] .member__order__query__content__main, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__order__query] .member__order__query__content__main, [data-page=member__order__query] .member__order__query__shipping__status__content__main, [data-page=member__order__query__shipping__status] .member__order__query__content__main, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main, [data-page=member__order__query] .member__order__query__shipping__status__content__main, [data-page=member__order__query__shipping__status] .member__order__query__content__main, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main {
    width: 100%;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title {
    padding: 0 20px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul {
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  border: none;
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 100%;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul a, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul a, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul a, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul a {
  width: 33.3333333333%;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul li, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul li, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul li, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul li {
  width: 100%;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul li button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul li button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul li button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul li button {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  border-radius: 100px;
  border: none;
  color: rgba(84, 65, 55, 0.2);
  padding: 8px 20px;
  background-color: transparent;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul li button:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul li button:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul li button:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul li button:hover {
    border: none;
    border-color: transparent;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul li button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul li button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul li button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul li button {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul li button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul li button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul li button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul li button {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
    padding: 5px 20px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-title ul li .active, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-title ul li .active, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-title ul li .active, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-title ul li .active {
  color: #fff;
  background-color: #544137;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select {
  display: flex;
  justify-content: right;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select {
    padding: 0 20px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-wrapper, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-wrapper, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-wrapper, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-wrapper {
  width: 225px;
  transition: all 0.3s;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-wrapper, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-wrapper, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-wrapper, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-wrapper {
    width: 100%;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric {
  width: 100%;
  padding: 10px 0 10px 32px;
  border-radius: 20px;
  border: 1px solid rgba(84, 65, 55, 0.2);
  background-color: #fff;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric:hover {
    border: 1px solid #EE6F5C;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric:focus, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric:focus, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric:focus, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric:focus {
  border: 1px solid #EE6F5C;
}
@media (max-width: 767.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric {
    padding: 0 0 0 10px;
    border-radius: 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric .label, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric .label, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric .label, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric .label {
  margin: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric .label, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric .label, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric .label, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric .label {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric .button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric .button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric .button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric .button {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items {
  background-color: #fff;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 3px 30px rgba(89, 87, 87, 0.1);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items {
    border-radius: 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li {
  padding: 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(84, 65, 55, 0.1);
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:last-child, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:last-child, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:last-child, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li:hover {
    background-color: #fff;
    color: #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll li {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .selected, [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .highlighted, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .selected, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .highlighted, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .selected, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .highlighted, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .selected, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-period-select .selectric-items .selectric-scroll .highlighted {
  background-color: #fff;
  color: #EE6F5C;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 24px;
  margin-top: 24px;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card:first-child, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card:first-child, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card:first-child, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card:first-child {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card {
    border-radius: 0;
    margin-top: 10px;
    border-top: 1px solid rgba(84, 65, 55, 0.5);
    border-bottom: 1px solid rgba(84, 65, 55, 0.5);
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 12px;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-title h3, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title h3, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-title h3, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title h3 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  margin-bottom: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-title p, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title p, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-title p, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title p {
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 400;
  color: rgba(84, 65, 55, 0.3);
  margin-bottom: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-title p span, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title p span, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-title p span, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-title p span {
  font-weight: 500;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 12px;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-number, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-number, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-number, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-number {
    width: 100%;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-number p, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-number p, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-number p, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-number p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
  margin-bottom: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-number p span, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-number p span, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-number p span, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-number p span {
  display: block;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button {
    width: 100%;
    text-align: right;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel {
  border: none;
  background-color: transparent;
  padding: 4px 0;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  margin-right: 12px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .cancel:hover {
    color: #EE6F5C;
    border-bottom: 1px solid #EE6F5C;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .payment, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .payment, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .payment, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .payment {
  padding: 0 16px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  background-color: #EE6F5C;
  border: none;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .payment:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .payment:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .payment:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .payment:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .checked, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .checked, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .checked, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .checked {
  padding: 0 16px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  background-color: transparent;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .checked:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .checked:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-number .order-button .checked:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-number .order-button .checked:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail {
  background-color: rgba(89, 87, 87, 0.05);
  border-radius: 20px;
  padding: 0 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail {
    padding: 0 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail {
    padding: 0 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info {
  padding-top: 10px;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-title {
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-title {
    margin-bottom: 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-title h4, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-title h4, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-title h4, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-title h4 {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  padding: 10px 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content {
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content {
    padding: 0;
    margin-bottom: 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table {
  width: 100%;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr {
  width: 100%;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr {
    margin-bottom: 4px;
  }
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr:last-child, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr:last-child, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr:last-child, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr:last-child {
    margin-bottom: 0;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr td, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr td, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr td, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr td {
  transition: all 0.3s ease-in-out;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .title {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content {
  color: #544137;
  text-align: right;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .content {
    font-size: calc((13 / 16) * 1rem);
    line-height: calc(15.6 / 13);
    font-weight: 700;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .name, [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .address, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .name, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .address, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .name, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .address, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .name, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .address {
  font-weight: 700;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .td-open, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .td-open, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .td-open, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .order-info-content table tbody tr .td-open {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title {
  border-bottom: 1px solid rgba(84, 65, 55, 0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding-bottom: 12px;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title h4, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title h4, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title h4, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title h4 {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  padding: 10px 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open {
  border: none;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  background-color: transparent;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open::after, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open::after, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open::after, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-title button.open::after {
  content: url(../images/caret.svg);
  display: inline-block;
  width: 8px;
  height: 6px;
  margin-left: 6px;
  position: relative;
  top: 10.5px;
  transform: rotate(180deg);
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-content, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-content, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-content {
  margin-top: 24px;
  padding: 0 12px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-content, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-content, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-content {
    margin-top: 10px;
    padding: 0;
    padding-bottom: 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-content span, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-content span, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .object-info-content span, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .object-info-content span {
  display: inline-block;
  margin-right: 12px;
  margin-top: 8px;
  padding: 6px 12px;
  background-color: #fff;
  border-radius: 100px;
  cursor: pointer;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail {
  padding: 24px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail {
    padding: 10px 0;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul {
  list-style: none;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  padding: 0;
  margin: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul li, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul li, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul li, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul li {
  padding: 2.5px 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.title li, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.title li, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.title li, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.title li {
  color: rgba(84, 65, 55, 0.3);
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li {
  color: #544137;
  text-align: right;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.plus::before, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.plus::before, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.plus::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.plus::before {
  content: "NT$";
  display: inline-block;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.minus::before, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.minus::before, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.minus::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li span.minus::before {
  content: "-NT$";
  display: inline-block;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li.freight, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li.freight, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li.freight, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-detail ul.content li.freight {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  padding: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total {
  padding: 24px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total {
    padding: 10px 0;
    padding-bottom: 20px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total p, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total p, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total p, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5 {
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #544137;
  margin-bottom: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5 span::before, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5 span::before, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5 span::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card-detail .payment-info-total h5 span::before {
  content: "NT$";
  display: inline-block;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-direction: row;
  margin-top: 12px;
  display: none;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button button {
  padding: 5px 38px 5px 24px;
  border: none;
  background-color: transparent;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button button::after, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button button::after, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button button::after, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button button::after {
  content: url(../images/caret.svg);
  display: inline-block;
  width: 8px;
  height: 6px;
  margin-left: 6px;
  opacity: 0.3;
  position: relative;
  top: -1px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .close-button button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .close-button button {
    padding: 5px 20px 5px 20px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total {
  padding: 24px 12px 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total {
    padding: 10px 10px 0 10px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total p, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total p, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total p, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total h5, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total h5, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total h5, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total h5 {
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #544137;
  margin-bottom: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total h5 span::before, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total h5 span::before, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .order-list .order-card .order-card-total h5 span::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .order-list .order-card .order-card-total h5 span::before {
  content: "NT$";
  display: inline-block;
}
[data-page=member__order__query] .member__order__query__content__main__tab .tab-content .checked .order-card-title h3, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .tab-content .checked .order-card-title h3, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .tab-content .checked .order-card-title h3, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .tab-content .checked .order-card-title h3 {
  color: #544137;
}
[data-page=member__order__query] .member__order__query__content__main__tab .pagination, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .pagination, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination {
    margin-top: 20px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .pagination button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(84, 65, 55, 0.3);
  background-color: transparent;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
  transition: all 0.1s ease-in-out;
  margin-left: 12px;
}
[data-page=member__order__query] .member__order__query__content__main__tab .pagination button:first-child, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination button:first-child, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination button:first-child, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination button:first-child {
  margin-left: 0;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__content__main__tab .pagination button:hover, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination button:hover, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination button:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination button:hover {
    color: #EE6F5C;
    border: 2px solid #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__content__main__tab .pagination button, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination button, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination button {
    width: 40px;
    height: 40px;
  }
}
[data-page=member__order__query] .member__order__query__content__main__tab .pagination .current-page, [data-page=member__order__query] .member__order__query__shipping__status__content__main__tab .pagination .current-page, [data-page=member__order__query__shipping__status] .member__order__query__content__main__tab .pagination .current-page, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__tab .pagination .current-page {
  color: #EE6F5C;
  border: 2px solid #EE6F5C;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content {
    padding: 20px 0;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status .member__common__breadcrumb ul li:nth-child(2) a::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status .member__common__breadcrumb ul li:nth-child(2) a::before {
  content: "會員中心";
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status .member__common__breadcrumb ul li:nth-child(2) a::before, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status .member__common__breadcrumb ul li:nth-child(2) a::before {
    content: "...";
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status {
  padding: 32px 48px 48px 48px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status {
    border-radius: 0;
    padding: 0;
    background-color: #FFF0D0;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 4px;
    background-color: #fff;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package h3, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package h3 {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package h3, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package h3 {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package h3, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package h3 {
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package p, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: rgba(84, 65, 55, 0.3);
  margin-bottom: 0;
  text-align: right;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package p, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package p {
    text-align: left;
    padding: 20px;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .package p span, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .package p span {
  display: block;
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  color: #544137;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status {
  border-radius: 10px;
  border: 10px solid rgba(84, 65, 55, 0.05);
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status {
    border: 10px solid #fff;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 16px 24px;
  background-color: rgba(84, 65, 55, 0.05);
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .title, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .title {
    background-color: #fff;
    border-bottom: 1px solid rgba(84, 65, 55, 0.1);
    padding: 16px 10px;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .title .detail-status, [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .title .time, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .title .detail-status, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .title .time {
  font-size: calc((13 / 16) * 1rem);
  line-height: 120%;
  color: rgba(84, 65, 55, 0.5);
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .title .line, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .title .line {
  width: 1px;
  height: 24px;
  background-color: rgba(84, 65, 55, 0.2);
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card {
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-top: 1px solid rgba(84, 65, 55, 0.1);
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card {
    background-color: #fff;
    padding: 20px 10px;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card:first-child, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card:first-child {
  border-top: none;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img {
  display: flex;
  align-items: center;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .img, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .img {
  margin-right: 20px;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .img, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .img {
    width: 65px;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .img img, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .img img {
  width: 100%;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .description, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-img .description {
  font-size: calc((16 / 16) * 1rem);
  line-height: 160%;
  font-weight: 700;
  color: rgba(84, 65, 55, 0.5);
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 150px;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    min-width: 100px;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time span, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time span {
  display: block;
  font-size: calc((14 / 16) * 1rem);
  font-weight: 900;
  color: rgba(84, 65, 55, 0.5);
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time .date, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time .date {
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time .date, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .status-card .card-time .date {
    margin-right: 0;
    margin-bottom: 2px;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .active .card-img .description, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .active .card-img .description {
  color: #EE6F5C;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .status .status-card-box .active .card-time span, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .status .status-card-box .active .card-time span {
  color: #EE6F5C;
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 48px;
  width: 100%;
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button {
    margin-top: 0;
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button a, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button a {
    width: 100%;
  }
}
[data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button button {
  padding: 10px 129px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(84, 65, 55, 0.2);
  border-radius: 100px;
  background-color: transparent;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #544137;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button button:hover, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button button:hover {
    color: #EE6F5C;
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1), inset 0 0 0 2px #EE6F5C;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button button {
    padding: 10px 0;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__order__query] .member__order__query__shipping__status__content__main__status .button button, [data-page=member__order__query__shipping__status] .member__order__query__shipping__status__content__main__status .button button {
    line-height: calc(15.6 / 13);
    color: #EE6F5C;
    box-shadow: inset 0 0 0 2px #EE6F5C;
  }
}

[data-page=member__wallet] .nav__sm__login {
  display: none;
}
[data-page=member__wallet] .member__wallet {
  position: relative;
}
[data-page=member__wallet] .member__wallet__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=member__wallet] .member__wallet__content {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content {
    padding: 20px 0;
  }
}
[data-page=member__wallet] .member__wallet__content .container {
  display: flex;
  justify-content: space-between;
}
[data-page=member__wallet] .member__wallet__content .container .member__aside__content__link .aside-wallet {
  font-weight: 700;
  color: #EE6F5C;
}
@media (hover: hover) {
  [data-page=member__wallet] .member__wallet__content .container .member__aside__content__link .aside-wallet:hover {
    color: #EE6F5C;
  }
}
[data-page=member__wallet] .member__wallet__content .container .member__aside__content__link .aside-wallet::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background-color: #EE6F5C;
  position: relative;
  margin-right: 10px;
  top: 4px;
  left: 0px;
}
[data-page=member__wallet] .member__wallet__content__main {
  width: 890px;
}
@media (max-width: 1199.98px) {
  [data-page=member__wallet] .member__wallet__content__main {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__wallet] .member__wallet__content__main {
    width: 100%;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-title {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-title {
    padding: 0 20px;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul {
  width: 100%;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  border: none;
  justify-content: space-around;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul li {
  width: 33.3333333333%;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul li button {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  border-radius: 100px;
  border: none;
  color: rgba(84, 65, 55, 0.2);
  padding: 8px 20px;
  background-color: transparent;
}
@media (max-width: 991.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul li button {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(25.6 / 16);
  }
}
@media (hover: hover) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul li button:hover {
    border: none;
    border-color: transparent;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul li button {
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
    padding: 5px 20px;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-title ul li .active {
  color: #fff;
  background-color: #544137;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 24px 48px;
}
@media (max-width: 1199.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content {
    padding: 0 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content {
    border-radius: 0;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail {
  padding: 24px 20px;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail:last-child {
  border: none;
}
@media (max-width: 991.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail {
    padding: 20px 0;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .title span {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .title span {
    display: block;
    width: 100%;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .title p {
  padding: 13px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .title p {
    padding-bottom: 0;
    font-size: calc((14 / 16) * 1rem);
    line-height: calc(25.2 / 14);
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin {
  text-align: right;
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .date {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .date span {
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(16.8 / 12);
  font-weight: 500;
  color: rgba(84, 65, 55, 0.5);
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .date span:first-child {
  margin-right: 12px;
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .date span {
    width: 100%;
  }
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .date span:first-child {
    margin-right: 0;
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin p {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(52 / 40);
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  [data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin p {
    margin-top: 7px;
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(43.44 / 30);
  }
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .plus {
  color: #544137;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .plus::before {
  content: "+";
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .minus {
  color: #EE6F5C;
}
[data-page=member__wallet] .member__wallet__content__main__tab .tab-content .tab-pane .wallet-detail .coin .minus::before {
  content: "-";
}

[data-page=order__payment__success] .nav__sm__login, [data-page=order__payment__fail] .nav__sm__login {
  display: none;
}
[data-page=order__payment__success] .order__payment__content, [data-page=order__payment__fail] .order__payment__content {
  padding: 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=order__payment__success] .order__payment__content, [data-page=order__payment__fail] .order__payment__content {
    padding: 80px 20px;
  }
}
[data-page=order__payment__success] .order__payment__content__main, [data-page=order__payment__fail] .order__payment__content__main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
[data-page=order__payment__success] .order__payment__content__main .order__payment__img, [data-page=order__payment__fail] .order__payment__content__main .order__payment__img {
  width: 152px;
  height: 127px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=order__payment__success] .order__payment__content__main .order__payment__img, [data-page=order__payment__fail] .order__payment__content__main .order__payment__img {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=order__payment__success] .order__payment__content__main .order__payment__img, [data-page=order__payment__fail] .order__payment__content__main .order__payment__img {
    width: 100px;
    height: 100px;
  }
}
[data-page=order__payment__success] .order__payment__content__main .success, [data-page=order__payment__fail] .order__payment__content__main .success {
  background-image: url(../images/pay_success.svg);
}
[data-page=order__payment__success] .order__payment__content__main .fail, [data-page=order__payment__fail] .order__payment__content__main .fail {
  background-image: url(../images/pay_fail.svg);
}
[data-page=order__payment__success] .order__payment__content__main h3, [data-page=order__payment__fail] .order__payment__content__main h3 {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=order__payment__success] .order__payment__content__main h3, [data-page=order__payment__fail] .order__payment__content__main h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=order__payment__success] .order__payment__content__main h3, [data-page=order__payment__fail] .order__payment__content__main h3 {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
@media (max-width: 767.98px) {
  [data-page=order__payment__success] .order__payment__content__main a, [data-page=order__payment__fail] .order__payment__content__main a {
    width: 100%;
  }
}
[data-page=order__payment__success] .order__payment__content__main button, [data-page=order__payment__fail] .order__payment__content__main button {
  width: 322px;
  padding: 10px 0;
  border: none;
  border-radius: 100px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  background-color: #EE6F5C;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  [data-page=order__payment__success] .order__payment__content__main button:hover, [data-page=order__payment__fail] .order__payment__content__main button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 767.98px) {
  [data-page=order__payment__success] .order__payment__content__main button, [data-page=order__payment__fail] .order__payment__content__main button {
    width: 100%;
  }
}

[data-page=reset__password] .nav__sm__login, [data-page=reset__password__fillin] .nav__sm__login {
  display: none;
}
[data-page=reset__password] .reset__password__title, [data-page=reset__password] .reset__password__fillin__title, [data-page=reset__password__fillin] .reset__password__title, [data-page=reset__password__fillin] .reset__password__fillin__title {
  height: 221px;
  background-color: #FFF0D0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__title, [data-page=reset__password] .reset__password__fillin__title, [data-page=reset__password__fillin] .reset__password__title, [data-page=reset__password__fillin] .reset__password__fillin__title {
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px;
  }
}
[data-page=reset__password] .reset__password__title__text, [data-page=reset__password] .reset__password__fillin__title__text, [data-page=reset__password__fillin] .reset__password__title__text, [data-page=reset__password__fillin] .reset__password__fillin__title__text {
  font-size: calc((42 / 16) * 1rem);
  line-height: calc(60.82 / 42);
  font-weight: 700;
  color: #544137;
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__title__text, [data-page=reset__password] .reset__password__fillin__title__text, [data-page=reset__password__fillin] .reset__password__title__text, [data-page=reset__password__fillin] .reset__password__fillin__title__text {
    font-size: calc((28 / 16) * 1rem);
    line-height: calc(61.6 / 28);
  }
}
@media (max-width: 575.98px) {
  [data-page=reset__password] .reset__password__title__text, [data-page=reset__password] .reset__password__fillin__title__text, [data-page=reset__password__fillin] .reset__password__title__text, [data-page=reset__password__fillin] .reset__password__fillin__title__text {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(30.8 / 22);
  }
}
[data-page=reset__password] .reset__password__content, [data-page=reset__password] .reset__password__fillin__content, [data-page=reset__password__fillin] .reset__password__content, [data-page=reset__password__fillin] .reset__password__fillin__content {
  padding: 0 0 80px 0;
  background-color: #FFF0D0;
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__content, [data-page=reset__password] .reset__password__fillin__content, [data-page=reset__password__fillin] .reset__password__content, [data-page=reset__password__fillin] .reset__password__fillin__content {
    padding-bottom: 20px;
  }
}
[data-page=reset__password] .reset__password__content__text, [data-page=reset__password] .reset__password__fillin__content__text, [data-page=reset__password__fillin] .reset__password__content__text, [data-page=reset__password__fillin] .reset__password__fillin__content__text {
  margin: 0;
}
@media (max-width: 575.98px) {
  [data-page=reset__password] .reset__password__content__text p, [data-page=reset__password] .reset__password__fillin__content__text p, [data-page=reset__password__fillin] .reset__password__content__text p, [data-page=reset__password__fillin] .reset__password__fillin__content__text p {
    margin-top: 0;
  }
}
[data-page=reset__password] .reset__password__content__code, [data-page=reset__password] .reset__password__fillin__content__code, [data-page=reset__password__fillin] .reset__password__content__code, [data-page=reset__password__fillin] .reset__password__fillin__content__code {
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__content__code, [data-page=reset__password] .reset__password__fillin__content__code, [data-page=reset__password__fillin] .reset__password__content__code, [data-page=reset__password__fillin] .reset__password__fillin__content__code {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__fillin__content, [data-page=reset__password__fillin] .reset__password__fillin__content {
    padding-top: 20px;
  }
}
[data-page=reset__password] .reset__password__fillin__content form, [data-page=reset__password__fillin] .reset__password__fillin__content form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__fillin__content form, [data-page=reset__password__fillin] .reset__password__fillin__content form {
    padding: 0 20px;
  }
}
[data-page=reset__password] .reset__password__fillin__content form .fillin, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin {
  width: 460px;
  height: 86px;
  position: relative;
  transition: all 0.3s;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin:first-child, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin:first-child {
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  [data-page=reset__password] .reset__password__fillin__content form .fillin, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin {
    width: 100%;
  }
}
[data-page=reset__password] .reset__password__fillin__content form .fillin input, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  background-color: #FFF0D0;
  padding: 2px 0 2px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(84, 65, 55, 0.2);
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin input:focus, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin input:focus {
  border-bottom: 1px solid #544137;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin input::-moz-placeholder, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin input::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
  font-family: "Noto Serif TC";
}
[data-page=reset__password] .reset__password__fillin__content form .fillin input::placeholder, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin input::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  opacity: 0.2;
  font-family: "Noto Serif TC";
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .reset-password-eye, [data-page=reset__password] .reset__password__fillin__content form .fillin .reset-confirm-password-eye, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-password-eye, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-confirm-password-eye {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 0;
  cursor: pointer;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .eye-on, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .eye-on {
  background-image: url(../images/eye-on.svg);
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .eye-off, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .eye-off {
  background-image: url(../images/eye-off.svg);
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .reset-password-placeholder, [data-page=reset__password] .reset__password__fillin__content form .fillin .reset-confirm-password-placeholder, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-password-placeholder, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-confirm-password-placeholder {
  display: block;
  width: 100%;
  background-color: #FFF0D0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .reset-password-placeholder::after, [data-page=reset__password] .reset__password__fillin__content form .fillin .reset-confirm-password-placeholder::after, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-password-placeholder::after, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-confirm-password-placeholder::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__fillin__content form .fillin .reset-password-placeholder, [data-page=reset__password] .reset__password__fillin__content form .fillin .reset-confirm-password-placeholder, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-password-placeholder, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .reset-confirm-password-placeholder {
    font-size: calc((16 / 16) * 1rem);
  }
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .up, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .up {
  transform: translateY(-25px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin .up::after, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
[data-page=reset__password] .reset__password__fillin__content form .fillin label.error, [data-page=reset__password__fillin] .reset__password__fillin__content form .fillin label.error {
  top: 46px;
  left: 0;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
[data-page=reset__password] .reset__password__fillin__content form button, [data-page=reset__password__fillin] .reset__password__fillin__content form button {
  width: 322px;
  padding: 10px 0;
  margin-top: 40px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #fff;
  border: none;
  background-color: #EE6F5C;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  [data-page=reset__password] .reset__password__fillin__content form button:hover, [data-page=reset__password__fillin] .reset__password__fillin__content form button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
@media (max-width: 991.98px) {
  [data-page=reset__password] .reset__password__fillin__content form button, [data-page=reset__password__fillin] .reset__password__fillin__content form button {
    margin-top: 20px;
  }
}

.login__pop, .login__type2__pop, .reset__pop, .reset__confirm__pop {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(84, 65, 55, 0.3);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: none;
}
.login__pop__window, .login__type2__pop__window, .reset__pop__window, .reset__confirm__pop__window {
  width: 620px;
  max-width: 92%;
  max-height: 90%;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login__pop__tabs, .login__type2__pop__tabs, .reset__pop__tabs, .reset__confirm__pop__tabs {
  display: flex;
  background-color: #EE6F5C;
  width: 100%;
}
.login__pop__tabs .login, .login__pop__tabs .register, .login__type2__pop__tabs .login, .login__type2__pop__tabs .register, .reset__pop__tabs .login, .reset__pop__tabs .register, .reset__confirm__pop__tabs .login, .reset__confirm__pop__tabs .register {
  width: 50%;
}
.login__pop__tabs .login button, .login__pop__tabs .register button, .login__type2__pop__tabs .login button, .login__type2__pop__tabs .register button, .reset__pop__tabs .login button, .reset__pop__tabs .register button, .reset__confirm__pop__tabs .login button, .reset__confirm__pop__tabs .register button {
  width: 100%;
  height: 100%;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #fff;
  background-color: #EE6F5C;
  border: none;
  padding: 40px 0 10px 0;
  border-bottom: 6px solid transparent;
}
@media (max-width: 991.98px) {
  .login__pop__tabs .login button, .login__pop__tabs .register button, .login__type2__pop__tabs .login button, .login__type2__pop__tabs .register button, .reset__pop__tabs .login button, .reset__pop__tabs .register button, .reset__confirm__pop__tabs .login button, .reset__confirm__pop__tabs .register button {
    padding: 20px 0 10px 0;
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(39.6 / 18);
  }
}
.login__pop__tabs .login button, .login__type2__pop__tabs .login button, .reset__pop__tabs .login button, .reset__confirm__pop__tabs .login button {
  border-bottom: 6px solid #fff;
}
.login__pop__tabs .register, .login__type2__pop__tabs .register, .reset__pop__tabs .register, .reset__confirm__pop__tabs .register {
  opacity: 0.5;
}
.login__pop__content, .login__type2__pop__content, .reset__pop__content, .reset__confirm__pop__content {
  width: 100%;
  padding: 60px 80px 0 80px;
}
@media (max-width: 991.98px) {
  .login__pop__content, .login__type2__pop__content, .reset__pop__content, .reset__confirm__pop__content {
    padding: 30px 40px 0 40px;
  }
}
@media (max-width: 575.98px) {
  .login__pop__content, .login__type2__pop__content, .reset__pop__content, .reset__confirm__pop__content {
    padding: 20px 20px 0 20px;
  }
}
.login__pop__content__text, .login__type2__pop__content__text, .reset__pop__content__text, .reset__confirm__pop__content__text {
  text-align: center;
}
.login__pop__content__text h4, .login__type2__pop__content__text h4, .reset__pop__content__text h4, .reset__confirm__pop__content__text h4 {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
}
.login__pop__content__text p, .login__type2__pop__content__text p, .reset__pop__content__text p, .reset__confirm__pop__content__text p {
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
.login__pop__content form, .login__type2__pop__content form, .reset__pop__content form, .reset__confirm__pop__content form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.login__pop__content form input, .login__type2__pop__content form input, .reset__pop__content form input, .reset__confirm__pop__content form input {
  width: 100%;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding: 11.5px 0 11.5px 20px;
  border: none;
  outline: none;
  border-bottom: 1px solid #544137;
}
.login__pop__content form input::-moz-placeholder, .login__type2__pop__content form input::-moz-placeholder, .reset__pop__content form input::-moz-placeholder, .reset__confirm__pop__content form input::-moz-placeholder {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  opacity: 0.2;
}
.login__pop__content form input::placeholder, .login__type2__pop__content form input::placeholder, .reset__pop__content form input::placeholder, .reset__confirm__pop__content form input::placeholder {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  opacity: 0.2;
}
.login__pop__content form .loginpassword::-moz-placeholder, .login__type2__pop__content form .loginpassword::-moz-placeholder, .reset__pop__content form .loginpassword::-moz-placeholder, .reset__confirm__pop__content form .loginpassword::-moz-placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  font-family: "Noto Serif TC";
}
.login__pop__content form .loginpassword::placeholder, .login__type2__pop__content form .loginpassword::placeholder, .reset__pop__content form .loginpassword::placeholder, .reset__confirm__pop__content form .loginpassword::placeholder {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
  font-family: "Noto Serif TC";
}
.login__pop__content form .password-eye, .login__pop__content form .password-eye__type2, .login__type2__pop__content form .password-eye, .login__type2__pop__content form .password-eye__type2, .reset__pop__content form .password-eye, .reset__pop__content form .password-eye__type2, .reset__confirm__pop__content form .password-eye, .reset__confirm__pop__content form .password-eye__type2 {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 163px;
  right: 0;
  cursor: pointer;
}
.login__pop__content form .eye-on, .login__type2__pop__content form .eye-on, .reset__pop__content form .eye-on, .reset__confirm__pop__content form .eye-on {
  background-image: url(../images/eye-on.svg);
}
.login__pop__content form .eye-off, .login__type2__pop__content form .eye-off, .reset__pop__content form .eye-off, .reset__confirm__pop__content form .eye-off {
  background-image: url(../images/eye-off.svg);
}
.login__pop__content form .email-placeholder, .login__pop__content form .password-placeholder, .login__pop__content form .reset-email-placeholder, .login__pop__content form .email-placeholder__type2, .login__pop__content form .password-placeholder__type2, .login__type2__pop__content form .email-placeholder, .login__type2__pop__content form .password-placeholder, .login__type2__pop__content form .reset-email-placeholder, .login__type2__pop__content form .email-placeholder__type2, .login__type2__pop__content form .password-placeholder__type2, .reset__pop__content form .email-placeholder, .reset__pop__content form .password-placeholder, .reset__pop__content form .reset-email-placeholder, .reset__pop__content form .email-placeholder__type2, .reset__pop__content form .password-placeholder__type2, .reset__confirm__pop__content form .email-placeholder, .reset__confirm__pop__content form .password-placeholder, .reset__confirm__pop__content form .reset-email-placeholder, .reset__confirm__pop__content form .email-placeholder__type2, .reset__confirm__pop__content form .password-placeholder__type2 {
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(39.6 / 18);
  font-weight: 700;
  color: #544137;
  transition: all 0.3s;
}
.login__pop__content form .email-placeholder::after, .login__pop__content form .password-placeholder::after, .login__pop__content form .reset-email-placeholder::after, .login__pop__content form .email-placeholder__type2::after, .login__pop__content form .password-placeholder__type2::after, .login__type2__pop__content form .email-placeholder::after, .login__type2__pop__content form .password-placeholder::after, .login__type2__pop__content form .reset-email-placeholder::after, .login__type2__pop__content form .email-placeholder__type2::after, .login__type2__pop__content form .password-placeholder__type2::after, .reset__pop__content form .email-placeholder::after, .reset__pop__content form .password-placeholder::after, .reset__pop__content form .reset-email-placeholder::after, .reset__pop__content form .email-placeholder__type2::after, .reset__pop__content form .password-placeholder__type2::after, .reset__confirm__pop__content form .email-placeholder::after, .reset__confirm__pop__content form .password-placeholder::after, .reset__confirm__pop__content form .reset-email-placeholder::after, .reset__confirm__pop__content form .email-placeholder__type2::after, .reset__confirm__pop__content form .password-placeholder__type2::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #544137;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  .login__pop__content form .email-placeholder, .login__pop__content form .password-placeholder, .login__pop__content form .reset-email-placeholder, .login__pop__content form .email-placeholder__type2, .login__pop__content form .password-placeholder__type2, .login__type2__pop__content form .email-placeholder, .login__type2__pop__content form .password-placeholder, .login__type2__pop__content form .reset-email-placeholder, .login__type2__pop__content form .email-placeholder__type2, .login__type2__pop__content form .password-placeholder__type2, .reset__pop__content form .email-placeholder, .reset__pop__content form .password-placeholder, .reset__pop__content form .reset-email-placeholder, .reset__pop__content form .email-placeholder__type2, .reset__pop__content form .password-placeholder__type2, .reset__confirm__pop__content form .email-placeholder, .reset__confirm__pop__content form .password-placeholder, .reset__confirm__pop__content form .reset-email-placeholder, .reset__confirm__pop__content form .email-placeholder__type2, .reset__confirm__pop__content form .password-placeholder__type2 {
    font-size: calc((16 / 16) * 1rem);
  }
}
.login__pop__content form .email-placeholder, .login__pop__content form .email-placeholder__type2, .login__type2__pop__content form .email-placeholder, .login__type2__pop__content form .email-placeholder__type2, .reset__pop__content form .email-placeholder, .reset__pop__content form .email-placeholder__type2, .reset__confirm__pop__content form .email-placeholder, .reset__confirm__pop__content form .email-placeholder__type2 {
  top: 30px;
}
.login__pop__content form .up, .login__type2__pop__content form .up, .reset__pop__content form .up, .reset__confirm__pop__content form .up {
  transform: translateY(-30px);
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 400;
}
.login__pop__content form .up::after, .login__type2__pop__content form .up::after, .reset__pop__content form .up::after, .reset__confirm__pop__content form .up::after {
  content: "*";
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30.8 / 22);
  font-weight: 700;
  color: #EE6F5C;
  position: relative;
  top: 4px;
  margin-left: 4px;
}
.login__pop__content form .password-placeholder, .login__pop__content form .password-placeholder__type2, .login__type2__pop__content form .password-placeholder, .login__type2__pop__content form .password-placeholder__type2, .reset__pop__content form .password-placeholder, .reset__pop__content form .password-placeholder__type2, .reset__confirm__pop__content form .password-placeholder, .reset__confirm__pop__content form .password-placeholder__type2 {
  top: 150px;
}
.login__pop__content form .loginemail, .login__type2__pop__content form .loginemail, .reset__pop__content form .loginemail, .reset__confirm__pop__content form .loginemail {
  margin-top: 30px;
}
.login__pop__content form .loginpassword, .login__type2__pop__content form .loginpassword, .reset__pop__content form .loginpassword, .reset__confirm__pop__content form .loginpassword {
  margin-top: 70px;
}
.login__pop__content form label.error, .login__type2__pop__content form label.error, .reset__pop__content form label.error, .reset__confirm__pop__content form label.error {
  position: absolute;
  z-index: 2;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
.login__pop__content form .loginemail + label.error, .login__type2__pop__content form .loginemail + label.error, .reset__pop__content form .loginemail + label.error, .reset__confirm__pop__content form .loginemail + label.error {
  top: 83px;
  left: 0;
}
.login__pop__content form .loginpassword + label.error, .login__type2__pop__content form .loginpassword + label.error, .reset__pop__content form .loginpassword + label.error, .reset__confirm__pop__content form .loginpassword + label.error {
  top: 204px;
  left: 0;
}
.login__pop__content form p, .login__type2__pop__content form p, .reset__pop__content form p, .reset__confirm__pop__content form p {
  text-align: center;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
  margin-top: 40px;
  margin-bottom: 0;
}
.login__pop__content form button, .login__type2__pop__content form button, .reset__pop__content form button, .reset__confirm__pop__content form button {
  width: 100%;
  margin-top: 40px;
  border-radius: 1000px;
  background-color: #EE6F5C;
  color: #fff;
  border: none;
  padding: 10px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border: 1px solid #EE6F5C;
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
  .login__pop__content form button:hover, .login__type2__pop__content form button:hover, .reset__pop__content form button:hover, .reset__confirm__pop__content form button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}
.login__pop__close, .login__type2__pop__close, .reset__pop__close, .reset__confirm__pop__close {
  padding: 0 80px;
  width: 100%;
}
@media (max-width: 991.98px) {
  .login__pop__close, .login__type2__pop__close, .reset__pop__close, .reset__confirm__pop__close {
    padding: 0 40px;
  }
}
@media (max-width: 575.98px) {
  .login__pop__close, .login__type2__pop__close, .reset__pop__close, .reset__confirm__pop__close {
    padding: 0 20px;
  }
}
.login__pop__close__button, .login__type2__pop__close__button, .reset__pop__close__button, .reset__confirm__pop__close__button {
  width: 100%;
  padding: 10px 0;
  border-radius: 1000px;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  color: #EE6F5C;
  background-color: #fff;
  border: 1px solid rgba(84, 65, 55, 0.2);
  transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
  .login__pop__close__button:hover, .login__type2__pop__close__button:hover, .reset__pop__close__button:hover, .reset__confirm__pop__close__button:hover {
    border: 1px solid rgba(84, 65, 55, 0);
    box-shadow: 0px 0px 21px rgba(84, 65, 55, 0.1);
    background: linear-gradient(0deg, rgba(84, 65, 55, 0.2), rgba(84, 65, 55, 0.2)), #FFFFFF;
    color: #544137;
  }
  .login__pop__close__button:hover span::before, .login__pop__close__button:hover span::after, .login__type2__pop__close__button:hover span::before, .login__type2__pop__close__button:hover span::after, .reset__pop__close__button:hover span::before, .reset__pop__close__button:hover span::after, .reset__confirm__pop__close__button:hover span::before, .reset__confirm__pop__close__button:hover span::after {
    background-color: #544137;
  }
}
.login__pop__close__button span, .login__type2__pop__close__button span, .reset__pop__close__button span, .reset__confirm__pop__close__button span {
  position: relative;
}
.login__pop__close__button span::before, .login__pop__close__button span::after, .login__type2__pop__close__button span::before, .login__type2__pop__close__button span::after, .reset__pop__close__button span::before, .reset__pop__close__button span::after, .reset__confirm__pop__close__button span::before, .reset__confirm__pop__close__button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 2px;
  border-radius: 7px;
  background-color: #EE6F5C;
}
.login__pop__close__button span::before, .login__type2__pop__close__button span::before, .reset__pop__close__button span::before, .reset__confirm__pop__close__button span::before {
  transform: rotate(45deg);
}
.login__pop__close__button span::after, .login__type2__pop__close__button span::after, .reset__pop__close__button span::after, .reset__confirm__pop__close__button span::after {
  transform: rotate(135deg);
}
.login__pop__forget, .login__type2__pop__forget, .reset__pop__forget, .reset__confirm__pop__forget {
  margin-top: 40px;
  margin-bottom: 60px;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #544137;
}
@media (hover: hover) {
  .login__pop__forget:hover, .login__type2__pop__forget:hover, .reset__pop__forget:hover, .reset__confirm__pop__forget:hover {
    color: #544137;
  }
}
@media (max-width: 991.98px) {
  .login__pop__forget, .login__type2__pop__forget, .reset__pop__forget, .reset__confirm__pop__forget {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.reset__pop__window, .reset__confirm__pop__window {
  max-width: 92%;
  padding: 60px 80px;
}
@media (max-width: 991.98px) {
  .reset__pop__window, .reset__confirm__pop__window {
    padding: 30px 40px;
  }
}
@media (max-width: 575.98px) {
  .reset__pop__window, .reset__confirm__pop__window {
    padding: 20px;
  }
}
.reset__pop__window h3, .reset__confirm__pop__window h3 {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(61.6 / 28);
  font-weight: 700;
  color: #544137;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .reset__pop__window h3, .reset__confirm__pop__window h3 {
    margin-bottom: 20px;
  }
}
.reset__pop__content, .reset__confirm__pop__content {
  padding: 0;
}
.reset__pop__content form input, .reset__confirm__pop__content form input {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23.4 / 18);
  font-weight: 800;
  border-color: rgba(84, 65, 55, 0.2);
}
.reset__pop__content form input:focus, .reset__confirm__pop__content form input:focus {
  border-color: #544137;
}
.reset__pop__content form input::-moz-placeholder, .reset__confirm__pop__content form input::-moz-placeholder {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  opacity: 0.2;
}
.reset__pop__content form input::placeholder, .reset__confirm__pop__content form input::placeholder {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(20.79 / 14);
  font-weight: 900;
  opacity: 0.2;
}
.reset__pop__content form label.error, .reset__confirm__pop__content form label.error {
  display: block;
  width: 100%;
  text-align: left;
  font-size: calc((13 / 16) * 1rem);
  line-height: calc(15.6 / 13);
  font-weight: 700;
  color: #EE6F5C;
}
.reset__pop__content form .reset-email-placeholder, .reset__confirm__pop__content form .reset-email-placeholder {
  top: 0;
}
.reset__pop__content form p, .reset__confirm__pop__content form p {
  width: 100%;
  margin-top: 10px;
  text-align: left;
  color: #544137;
}
.reset__pop__content form .reset-button, .reset__confirm__pop__content form .reset-button {
  margin-bottom: 10px;
}
.reset__pop__close, .reset__confirm__pop__close {
  padding: 0;
}

.reset__confirm__pop__content {
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .reset__confirm__pop__content {
    margin-bottom: 20px;
  }
}
.reset__confirm__pop__content p {
  text-align: center;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(25.6 / 16);
  font-weight: 400;
  color: #544137;
  margin: 0;
  max-width: 309px;
}
.reset__confirm__pop__content h4 {
  margin: 12px 0;
  font-size: calc((24 / 16) * 1rem);
  line-height: calc(31.2 / 24);
  font-weight: 800;
  color: #544137;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.reset__confirm__pop__link {
  width: 100%;
  border-radius: 1000px;
  background-color: #EE6F5C;
  color: #fff;
  border: none;
  padding: 10px 0;
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(35.2 / 16);
  font-weight: 700;
  border: 1px solid #EE6F5C;
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
  .reset__confirm__pop__link:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #EE6F5C;
    box-shadow: 0px 4px 20px rgba(84, 65, 55, 0.2);
  }
}

/* no support backdrop-filter */
.test-box {
  width: 100px;
  height: 100px;
}
@media (min-width: 1200px) {
  .test-box {
    background-color: #147ac0;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .test-box {
    background-color: #333;
  }
}
.test-img {
  width: 480px;
  height: 200px;
  background: url("../images/img_test.jpg");
  background-size: cover;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .test-img {
    background: url("../images/img_test@2x.jpg");
    background-size: cover;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .test-img {
    background: url("../images/img_test@2x.jpg");
    background-size: cover;
  }
}/*# sourceMappingURL=style.css.map */