@charset "UTF-8";
/* line 1, static/css/common.scss */
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; }

/* line 6, static/css/common.scss */
body {
  height: 100vh;
  overflow-x: hidden; }

/* line 10, static/css/common.scss */
.no-pd {
  padding: 0; }

/* line 55, static/css/common.scss */
.clear {
  clear: both; }

/* line 59, static/css/common.scss */
.chrome-no-scroll::-webkit-scrollbar {
  display: none; }

/* line 62, static/css/common.scss */
.ie-no-scroll {
  -ms-overflow-style: none; }

/* line 65, static/css/common.scss */
.firefox-no-scroll-html {
  overflow: -moz-hidden-unscrollable;
  /*注意！若只打 hidden，chrome 的其它 hidden 會出問題*/
  height: 100%; }

/* line 69, static/css/common.scss */
.firefox-no-scroll-body {
  height: 100%;
  width: calc(100vw + 18px);
  /*瀏覽器滾動條的長度大約是 18px*/
  overflow: auto; }

/* line 75, static/css/common.scss */
.other-no-scroll::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; }

/* line 80, static/css/common.scss */
.sp-btn {
  border: none;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 16px;
  padding-bottom: 16px; }

/* line 87, static/css/common.scss */
.sp-primary {
  background-color: black;
  text-align: center;
  color: white;
  border: none;
  text-decoration: none; }

/* line 94, static/css/common.scss */
.sp-btn-long {
  padding-left: 78px;
  padding-right: 78px;
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 101, static/css/common.scss */
.sp-primary:hover {
  transition: all 0.6s;
  background-color: #EBEBEB;
  color: black; }

/* line 106, static/css/common.scss */
.sp-secondary {
  border: 1px solid #EBEBEB;
  background-color: white;
  text-align: center;
  color: black;
  text-decoration: none; }

/* line 113, static/css/common.scss */
.sp-secondary:hover {
  transition: all 0.6s;
  background-color: #EBEBEB;
  color: black; }

/* line 120, static/css/common.scss */
.sp_container {
  width: 100%;
  height: auto; }

/* line 124, static/css/common.scss */
.sp_content {
  width: 100%; }

/* line 9, static/css/shop-style.scss */
.member_action_box {
  position: relative;
  display: none;
  z-index: 999; }
  /* line 13, static/css/shop-style.scss */
  .member_action_box.active {
    display: block; }
  /* line 16, static/css/shop-style.scss */
  .member_action_box .member_action {
    overflow-y: auto;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%; }
    /* line 25, static/css/shop-style.scss */
    .member_action_box .member_action .member_action_shadow {
      background-color: rgba(0, 0, 0, 0.7);
      flex-grow: 1.8;
      height: inherit;
      min-height: 100%; }
      @media (max-width: 1440px) {
        /* line 25, static/css/shop-style.scss */
        .member_action_box .member_action .member_action_shadow {
          flex-grow: 1.5; } }
      @media (max-width: 540px) {
        /* line 25, static/css/shop-style.scss */
        .member_action_box .member_action .member_action_shadow {
          flex-grow: 1; } }
      @media (max-width: 425px) {
        /* line 25, static/css/shop-style.scss */
        .member_action_box .member_action .member_action_shadow {
          display: none; } }
    /* line 40, static/css/shop-style.scss */
    .member_action_box .member_action .member_action_container {
      overflow-y: auto;
      background-color: white;
      min-height: 100%;
      height: inherit;
      flex-grow: 0.3; }
      /* line 47, static/css/shop-style.scss */
      .member_action_box .member_action .member_action_container > .member_action_header {
        display: flex;
        height: 72px;
        line-height: 72px;
        font-size: 26px;
        border: 1px solid #EBEBEB; }
        /* line 53, static/css/shop-style.scss */
        .member_action_box .member_action .member_action_container > .member_action_header > .title {
          font-weight: bold;
          flex-grow: 0.9;
          padding-left: 80px; }
          @media (max-width: 540px) {
            /* line 53, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_header > .title {
              padding-left: 60px; } }
          @media (max-width: 425px) {
            /* line 53, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_header > .title {
              padding-left: 30px; } }
        /* line 64, static/css/shop-style.scss */
        .member_action_box .member_action .member_action_container > .member_action_header > .close {
          text-align: center;
          flex-grow: 0.1; }
          @media (max-width: 540px) {
            /* line 64, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_header > .close {
              flex-grow: 0.15; } }
          @media (max-width: 425px) {
            /* line 64, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_header > .close {
              flex-grow: 0.3; } }
          /* line 73, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_header > .close > button {
            width: 100%;
            height: 70px;
            border: 1px solid #EBEBEB; }
      /* line 82, static/css/shop-style.scss */
      .member_action_box .member_action .member_action_container > .member_action_content {
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 30px;
        padding-bottom: 30px;
        overflow-y: auto; }
        @media (max-width: 540px) {
          /* line 82, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content {
            padding-left: 60px; } }
        @media (max-width: 425px) {
          /* line 82, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content {
            padding-left: 30px; } }
        @media (max-width: 540px) {
          /* line 82, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content {
            padding-right: 60px; } }
        @media (max-width: 425px) {
          /* line 82, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content {
            padding-right: 30px; } }
        /* line 100, static/css/shop-style.scss */
        .member_action_box .member_action .member_action_container > .member_action_content > .login_container, .member_action_box .member_action .member_action_container > .member_action_content .register_container {
          border-bottom: 1px solid #EBEBEB; }
          /* line 102, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .register, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .register {
            padding-top: 30px; }
          /* line 107, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_title, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_title, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_title, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_title, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_title, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_title, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_title, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_title {
            font-size: 20px;
            font-weight: bold; }
          /* line 112, static/css/shop-style.scss */
          .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content {
            padding-top: 20px;
            padding-bottom: 20px; }
            /* line 116, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .register_btn, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .register_btn {
              display: block;
              background-color: black;
              width: 100%;
              height: 42px;
              line-height: 42px;
              font-size: 14px;
              text-align: center;
              color: white;
              border: none;
              text-decoration: none;
              margin-top: 20px; }
            /* line 129, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .register_btn:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .register_btn:hover {
              transition: all 0.6s;
              background-color: #EBEBEB;
              color: black; }
            /* line 136, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form label, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form label {
              display: block;
              font-size: 14px;
              color: #5c636a;
              margin-top: 18px;
              margin-bottom: 5px; }
            /* line 144, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form input, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form input {
              width: 100%;
              height: 40px;
              font-size: 18px;
              padding: 12px;
              border: 1px solid silver; }
            /* line 152, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form input:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form input:hover {
              border-color: #1e2125; }
            /* line 155, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form input:active, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form input:focus, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form input:active {
              border-color: #1e2125; }
            /* line 158, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form a, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form a:link, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form a:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form a:visited, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form a {
              display: inline-block;
              color: #4f5050;
              font-size: 14px;
              margin-top: 3px; }
            /* line 164, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form > .submit, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form > .submit {
              background-color: black;
              width: 100%;
              height: 42px;
              font-size: 14px;
              text-align: center;
              color: white;
              border: none;
              margin-top: 20px; }
            /* line 174, static/css/shop-style.scss */
            .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login > .login_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container > .login .register_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register > .login_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content > .login_container .register .register_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login > .login_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container > .login .register_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register > .login_content > .login_form > .submit:hover, .member_action_box .member_action .member_action_container > .member_action_content .register_container .register .register_content > .login_form > .submit:hover {
              transition: all 0.6s;
              background-color: #EBEBEB;
              color: black; }

/* line 193, static/css/shop-style.scss */
.header {
  position: relative;
  z-index: 998;
  width: 100%;
  height: auto; }
  @media (max-width: 540px) {
    /* line 193, static/css/shop-style.scss */
    .header {
      display: none; } }
  /* line 202, static/css/shop-style.scss */
  .header > .nav-tool {
    border-bottom: 1px solid #EBEBEB; }
    /* line 203, static/css/shop-style.scss */
    .header > .nav-tool > .logo {
      display: inline-block;
      height: 72px;
      padding-left: 12px; }
      /* line 207, static/css/shop-style.scss */
      .header > .nav-tool > .logo > img {
        width: inherit;
        height: inherit; }
    /* line 213, static/css/shop-style.scss */
    .header > .nav-tool > .nav-tool-item {
      float: right;
      margin: 0;
      height: 48px;
      gap: 15px;
      padding-left: 64px;
      padding-right: 64px;
      display: flex; }
      @media (max-width: 1440px) {
        /* line 213, static/css/shop-style.scss */
        .header > .nav-tool > .nav-tool-item {
          padding-right: 32px; } }
      /* line 227, static/css/shop-style.scss */
      .header > .nav-tool > .nav-tool-item > li {
        list-style: none;
        width: 48px;
        height: 48px;
        line-height: 48px;
        text-align: center; }
      /* line 234, static/css/shop-style.scss */
      .header > .nav-tool > .nav-tool-item > li:hover {
        transition: 0.5s;
        background-color: #00428A;
        color: white; }
  /* line 241, static/css/shop-style.scss */
  .header > .nav {
    position: relative;
    border-bottom: 1px solid #EAE8E4; }
    /* line 244, static/css/shop-style.scss */
    .header > .nav > .logo {
      height: 72px; }
      /* line 246, static/css/shop-style.scss */
      .header > .nav > .logo > img {
        width: inherit;
        height: inherit; }
    /* line 252, static/css/shop-style.scss */
    .header > .nav > .nav-item > ul {
      display: flex;
      margin: 0;
      padding: 0; }
      /* line 256, static/css/shop-style.scss */
      .header > .nav > .nav-item > ul > li {
        user-select: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        padding-left: 18px;
        padding-right: 18px;
        height: 72px;
        line-height: 72px;
        list-style: none; }
      /* line 268, static/css/shop-style.scss */
      .header > .nav > .nav-item > ul > li.active {
        background-color: #00428A;
        color: white; }
      /* line 272, static/css/shop-style.scss */
      .header > .nav > .nav-item > ul > li:hover {
        transition: 0.5s;
        background-color: #00528A;
        color: white; }
    /* line 279, static/css/shop-style.scss */
    .header > .nav .show-box {
      position: absolute;
      top: 73px;
      width: 100%;
      background-color: white; }
      /* line 284, static/css/shop-style.scss */
      .header > .nav .show-box > .show-box-close {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        border: none;
        font-size: 22px; }
      /* line 294, static/css/shop-style.scss */
      .header > .nav .show-box > .show-items {
        display: none;
        min-height: 100%;
        overflow-y: auto;
        height: calc(100vh - 122px);
        height: -moz-calc(100vh - 122px);
        height: -webkit-calc(100vh - 122px); }
        /* line 301, static/css/shop-style.scss */
        .header > .nav .show-box > .show-items > .item-container {
          width: 100%;
          min-height: 100%;
          display: flex; }
          /* line 305, static/css/shop-style.scss */
          .header > .nav .show-box > .show-items > .item-container > div {
            flex-grow: 1;
            width: 33%;
            height: inherit; }
          /* line 311, static/css/shop-style.scss */
          .header > .nav .show-box > .show-items > .item-container > .item-menu, .header > .nav .show-box > .show-items > .item-container .item-sec-menu {
            padding-top: 32px;
            padding-bottom: 32px;
            padding-left: 3%;
            padding-right: 3%; }
          /* line 321, static/css/shop-style.scss */
          .header > .nav .show-box > .show-items > .item-container > .item-menu > ul > li {
            height: 35px;
            font-size: 14px;
            line-height: 35px;
            list-style: none; }
            /* line 326, static/css/shop-style.scss */
            .header > .nav .show-box > .show-items > .item-container > .item-menu > ul > li > span {
              cursor: pointer;
              height: 29px;
              display: inline-block; }
            /* line 332, static/css/shop-style.scss */
            .header > .nav .show-box > .show-items > .item-container > .item-menu > ul > li > span:hover {
              padding-bottom: 3px;
              color: #463E3E;
              border-bottom: 1px solid #463E3E;
              transition: all 0.2s; }
            /* line 339, static/css/shop-style.scss */
            .header > .nav .show-box > .show-items > .item-container > .item-menu > ul > li > span.active {
              padding-bottom: 3px;
              color: #463E3E;
              border-bottom: 1px solid #463E3E;
              transition: all 0.2s; }
          /* line 350, static/css/shop-style.scss */
          .header > .nav .show-box > .show-items > .item-container > .item-sec-menu {
            background-color: #F6F5F3; }
            /* line 352, static/css/shop-style.scss */
            .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul {
              display: none; }
              /* line 355, static/css/shop-style.scss */
              .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul > li {
                height: 35px;
                font-size: 14px;
                line-height: 35px;
                list-style: none; }
                /* line 360, static/css/shop-style.scss */
                .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul > li > a {
                  height: 29px;
                  display: inline-block; }
                /* line 364, static/css/shop-style.scss */
                .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul > li > a:link, .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul > li a:visited, .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul > li a.active {
                  color: #463E3E;
                  text-decoration: none; }
                /* line 368, static/css/shop-style.scss */
                .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul > li > a:hover {
                  padding-bottom: 3px;
                  color: #463E3E;
                  border-bottom: 1px solid #463E3E;
                  transition: all 0.2s; }
            /* line 377, static/css/shop-style.scss */
            .header > .nav .show-box > .show-items > .item-container > .item-sec-menu > ul.active {
              display: block; }
          /* line 381, static/css/shop-style.scss */
          .header > .nav .show-box > .show-items > .item-container > .item-ad {
            border-color: #EAE8E4;
            background-image: url("/static/css?a08e7e8b937c");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat; }
          /* line 388, static/css/shop-style.scss */
          .header > .nav .show-box > .show-items > .item-container > .item-ad:hover {
            border: 5px solid #EAE8E4;
            border-left: 8px solid #EAE8E4;
            border-right: 8px solid #EAE8E4;
            transition: all 0.4s; }

/* line 402, static/css/shop-style.scss */
.mobile-header {
  text-align: center;
  height: 48px;
  line-height: 48px; }
  @media (max-width: 4980px) {
    /* line 402, static/css/shop-style.scss */
    .mobile-header {
      display: none; } }
  @media (max-width: 1440px) {
    /* line 402, static/css/shop-style.scss */
    .mobile-header {
      display: none; } }
  @media (max-width: 540px) {
    /* line 402, static/css/shop-style.scss */
    .mobile-header {
      display: block; } }
  /* line 415, static/css/shop-style.scss */
  .mobile-header > .mobile-container {
    display: flex; }
    /* line 417, static/css/shop-style.scss */
    .mobile-header > .mobile-container > .mobile-bars {
      flex-grow: 1; }
    /* line 420, static/css/shop-style.scss */
    .mobile-header > .mobile-container > .mobile-logo {
      flex-grow: 8;
      height: 48px; }
      /* line 423, static/css/shop-style.scss */
      .mobile-header > .mobile-container > .mobile-logo > img {
        height: inherit; }
    /* line 427, static/css/shop-style.scss */
    .mobile-header > .mobile-container > .show_member_action {
      flex-grow: 1; }

/* line 433, static/css/shop-style.scss */
.mobile-nav-container {
  position: relative; }
  /* line 435, static/css/shop-style.scss */
  .mobile-nav-container > .mobile-nav {
    display: none;
    border-top: 1px solid #EBEBEB;
    z-index: 998;
    min-height: 100%;
    overflow-y: auto;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: calc(100vh - 48px);
    height: -moz-calc(100vh - 48px);
    height: -webkit-calc(100vh - 48px);
    background-color: white; }
    /* line 449, static/css/shop-style.scss */
    .mobile-nav-container > .mobile-nav > .mobile-menu {
      z-index: 999;
      position: absolute;
      height: calc(100vh - 48px);
      height: -moz-calc(100vh - 48px);
      height: -webkit-calc(100vh - 48px);
      top: 0;
      left: 0;
      width: 100%; }
      /* line 459, static/css/shop-style.scss */
      .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul {
        padding-left: 16px;
        padding-right: 16px; }
        /* line 462, static/css/shop-style.scss */
        .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul > li {
          list-style: none;
          font-size: 14px;
          border-bottom: 1px solid #EBEBEB;
          padding: 8px;
          padding-top: 12px;
          padding-bottom: 12px;
          letter-spacing: 1px; }
          /* line 470, static/css/shop-style.scss */
          .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul > li > span {
            position: absolute;
            right: 16px; }
          /* line 474, static/css/shop-style.scss */
          .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul > li > a, .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul > li a:link, .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul > li a:hover, .mobile-nav-container > .mobile-nav > .mobile-menu > .mobile-menu-item > ul > li a:visited {
            display: inline-block;
            width: 100%;
            color: black;
            text-decoration: none; }
    /* line 484, static/css/shop-style.scss */
    .mobile-nav-container > .mobile-nav > .mobile-sec-menu {
      display: none;
      z-index: 1000;
      height: calc(100vh - 48px);
      height: -moz-calc(100vh - 48px);
      height: -webkit-calc(100vh - 48px);
      position: absolute;
      top: 0;
      left: 100vw;
      width: 100%;
      background-color: white; }
      /* line 485, static/css/shop-style.scss */
      .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul {
        padding-left: 16px;
        padding-right: 16px; }
        /* line 489, static/css/shop-style.scss */
        .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul > li {
          list-style: none;
          font-size: 14px;
          border-bottom: 1px solid #EBEBEB;
          padding: 8px;
          padding-top: 12px;
          padding-bottom: 12px;
          letter-spacing: 1px; }
          /* line 498, static/css/shop-style.scss */
          .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul > li > span {
            position: absolute;
            right: 16px; }
          /* line 503, static/css/shop-style.scss */
          .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul > li > a, .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul > li a:link, .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul > li a:hover, .mobile-nav-container > .mobile-nav > .mobile-sec-menu > ul > li a:visited {
            display: inline-block;
            width: 100%;
            color: black;
            text-decoration: none; }
      /* line 521, static/css/shop-style.scss */
      .mobile-nav-container > .mobile-nav > .mobile-sec-menu > .mobile-sec-menu-action {
        height: 48px;
        display: flex;
        border-bottom: 1px solid #EBEBEB; }
        /* line 525, static/css/shop-style.scss */
        .mobile-nav-container > .mobile-nav > .mobile-sec-menu > .mobile-sec-menu-action > .mobile-sec-menu-return {
          flex-grow: 0.1; }
          /* line 527, static/css/shop-style.scss */
          .mobile-nav-container > .mobile-nav > .mobile-sec-menu > .mobile-sec-menu-action > .mobile-sec-menu-return > button {
            height: 48px;
            width: 48px;
            text-align: center;
            border: none;
            background: #EBEBEB; }
        /* line 535, static/css/shop-style.scss */
        .mobile-nav-container > .mobile-nav > .mobile-sec-menu > .mobile-sec-menu-action > .mobile-sec-menu-title {
          flex-grow: 0.9;
          line-height: 48px;
          font-size: 16px;
          font-weight: bold; }

/* line 546, static/css/shop-style.scss */
.main_container {
  display: flex;
  flex-direction: column;
  width: 100%; }
  /* line 551, static/css/shop-style.scss */
  .main_container .title {
    font-size: 24px;
    font-weight: bold;
    padding: 18px;
    padding-top: 36px;
    text-align: center; }
    @media (max-width: 1440px) {
      /* line 551, static/css/shop-style.scss */
      .main_container .title {
        font-size: 18px; } }
    @media (max-width: 540px) {
      /* line 551, static/css/shop-style.scss */
      .main_container .title {
        font-size: 14px; } }
  /* line 564, static/css/shop-style.scss */
  .main_container .sec_title {
    font-size: 20px;
    font-weight: bold;
    padding: 18px;
    padding-top: 36px;
    text-align: center; }
    @media (max-width: 1440px) {
      /* line 564, static/css/shop-style.scss */
      .main_container .sec_title {
        font-size: 16px; } }
    @media (max-width: 540px) {
      /* line 564, static/css/shop-style.scss */
      .main_container .sec_title {
        font-size: 16px; } }
  /* line 578, static/css/shop-style.scss */
  .main_container > .main_content {
    user-select: none;
    cursor: pointer;
    display: flex;
    width: inherit;
    flex-direction: row; }
    /* line 585, static/css/shop-style.scss */
    .main_container > .main_content .sub_title {
      font-size: 12px;
      color: silver; }
    @media (max-width: 425px) {
      /* line 578, static/css/shop-style.scss */
      .main_container > .main_content {
        display: block; } }
    @media (max-width: 540px) {
      /* line 578, static/css/shop-style.scss */
      .main_container > .main_content {
        display: block; } }
    /* line 596, static/css/shop-style.scss */
    .main_container > .main_content > div.main_left_content {
      padding: 64px; }
      @media (max-width: 1440px) {
        /* line 596, static/css/shop-style.scss */
        .main_container > .main_content > div.main_left_content {
          padding: 32px; } }
      @media (max-width: 540px) {
        /* line 596, static/css/shop-style.scss */
        .main_container > .main_content > div.main_left_content {
          padding: 24px; } }
    /* line 605, static/css/shop-style.scss */
    .main_container > .main_content > div {
      width: 50%;
      flex-grow: 0;
      flex-basis: 50%;
      border: 1px solid #EBEBEB; }
      @media (max-width: 425px) {
        /* line 605, static/css/shop-style.scss */
        .main_container > .main_content > div {
          width: 100%; } }
      @media (max-width: 540px) {
        /* line 605, static/css/shop-style.scss */
        .main_container > .main_content > div {
          width: 100%; } }
      /* line 617, static/css/shop-style.scss */
      .main_container > .main_content > div > img {
        width: 100%; }
    /* line 621, static/css/shop-style.scss */
    .main_container > .main_content > div:last-child {
      border-left: none; }
    /* line 624, static/css/shop-style.scss */
    .main_container > .main_content > .main_right_content {
      display: flex;
      flex-direction: column;
      height: auto;
      text-align: center; }
      /* line 630, static/css/shop-style.scss */
      .main_container > .main_content > .main_right_content > div:first-child {
        padding-top: 64px;
        padding-bottom: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-bottom: 1px solid #EBEBEB; }
        @media (max-width: 1440px) {
          /* line 630, static/css/shop-style.scss */
          .main_container > .main_content > .main_right_content > div:first-child {
            padding-top: 32px;
            padding-bottom: 32px; } }
        @media (max-width: 540px) {
          /* line 630, static/css/shop-style.scss */
          .main_container > .main_content > .main_right_content > div:first-child {
            padding-top: 24px;
            padding-bottom: 24px; } }
        /* line 646, static/css/shop-style.scss */
        .main_container > .main_content > .main_right_content > div:first-child > div {
          padding: 8px; }
      /* line 650, static/css/shop-style.scss */
      .main_container > .main_content > .main_right_content > div.main_right_bottom_content {
        padding-top: 64px;
        padding-bottom: 64px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1440px) {
          /* line 650, static/css/shop-style.scss */
          .main_container > .main_content > .main_right_content > div.main_right_bottom_content {
            padding-top: 32px;
            padding-bottom: 32px; } }
        @media (max-width: 540px) {
          /* line 650, static/css/shop-style.scss */
          .main_container > .main_content > .main_right_content > div.main_right_bottom_content {
            padding-top: 24px;
            padding-bottom: 24px; } }
      /* line 664, static/css/shop-style.scss */
      .main_container > .main_content > .main_right_content > div {
        flex-grow: 1;
        flex-basis: 50%;
        padding-left: 64px;
        padding-right: 64px; }
        @media (max-width: 1440px) {
          /* line 664, static/css/shop-style.scss */
          .main_container > .main_content > .main_right_content > div {
            padding-left: 32px;
            padding-right: 32px; } }
        @media (max-width: 540px) {
          /* line 664, static/css/shop-style.scss */
          .main_container > .main_content > .main_right_content > div {
            padding-left: 24px;
            padding-right: 24px; } }
        /* line 679, static/css/shop-style.scss */
        .main_container > .main_content > .main_right_content > div > img {
          width: 100%; }
  /* line 685, static/css/shop-style.scss */
  .main_container > .main_sec_content {
    user-select: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    width: 100%; }
    @media (max-width: 1440px) {
      /* line 685, static/css/shop-style.scss */
      .main_container > .main_sec_content {
        display: block; } }
    /* line 694, static/css/shop-style.scss */
    .main_container > .main_sec_content > div {
      border: 1px solid #EBEBEB;
      padding: 64px;
      flex-grow: 1;
      flex-basis: 33%; }
      @media (max-width: 425px) {
        /* line 694, static/css/shop-style.scss */
        .main_container > .main_sec_content > div {
          padding: 24px; } }
      /* line 702, static/css/shop-style.scss */
      .main_container > .main_sec_content > div > img {
        width: 100%; }
    /* line 706, static/css/shop-style.scss */
    .main_container > .main_sec_content > div:nth-child(2) {
      border-left: none;
      border-right: none; }

/* line 715, static/css/shop-style.scss */
.footer {
  width: 100%;
  background: black;
  color: white;
  min-height: 100px;
  padding-right: 160px;
  padding-left: 160px; }
  @media (max-width: 1440px) {
    /* line 715, static/css/shop-style.scss */
    .footer {
      padding-right: 80px;
      padding-left: 80px; } }
  @media (max-width: 540px) {
    /* line 715, static/css/shop-style.scss */
    .footer {
      padding-right: 64px;
      padding-left: 64px; } }
  @media (max-width: 425px) {
    /* line 715, static/css/shop-style.scss */
    .footer {
      padding-right: 16px;
      padding-left: 16px; } }
  /* line 734, static/css/shop-style.scss */
  .footer > .logo_name {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #171717; }
    @media (max-width: 425px) {
      /* line 734, static/css/shop-style.scss */
      .footer > .logo_name {
        padding-top: 16px;
        padding-bottom: 16px; } }
  /* line 743, static/css/shop-style.scss */
  .footer > .copy_alright {
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 12px;
    color: silver; }
    @media (max-width: 425px) {
      /* line 743, static/css/shop-style.scss */
      .footer > .copy_alright {
        padding-top: 16px;
        padding-bottom: 16px; } }
  /* line 753, static/css/shop-style.scss */
  .footer > .pay_logo {
    padding-top: 15px; }
    /* line 755, static/css/shop-style.scss */
    .footer > .pay_logo > img {
      height: 48px; }
  /* line 761, static/css/shop-style.scss */
  .footer > .footer-item > ul {
    padding: 0;
    padding-top: 20px;
    list-style-type: none;
    float: left;
    margin-right: 20px; }
    /* line 767, static/css/shop-style.scss */
    .footer > .footer-item > ul > li {
      text-decoration: underline; }
    /* line 770, static/css/shop-style.scss */
    .footer > .footer-item > ul > li.first {
      font-weight: bold;
      font-size: 18px;
      text-decoration: none; }

/* line 781, static/css/shop-style.scss */
.rule_box {
  padding: 20px; }

/* line 785, static/css/shop-style.scss */
.member_action_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 9999;
  pointer-events: none; }
  /* line 795, static/css/shop-style.scss */
  .member_action_box .member_action {
    display: flex;
    height: 100%;
    width: 100%; }
  /* line 802, static/css/shop-style.scss */
  .member_action_box .member_action_shadow {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none; }
  /* line 811, static/css/shop-style.scss */
  .member_action_box .member_action_container {
    background: white;
    width: 30%;
    min-width: 360px;
    height: 100%;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
    transition: transform 0.4s ease;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1440px) {
      /* line 811, static/css/shop-style.scss */
      .member_action_box .member_action_container {
        width: 45%; } }
    @media (max-width: 540px) {
      /* line 811, static/css/shop-style.scss */
      .member_action_box .member_action_container {
        width: 60%; } }
    @media (max-width: 425px) {
      /* line 811, static/css/shop-style.scss */
      .member_action_box .member_action_container {
        width: 100%;
        min-width: auto; } }
    /* line 836, static/css/shop-style.scss */
    .member_action_box .member_action_container .member_action_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 72px;
      padding: 0 24px;
      border-bottom: 1px solid #ebebeb;
      font-size: 22px;
      font-weight: bold; }
      /* line 846, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_header .close button {
        border: none;
        background: transparent;
        font-size: 24px;
        cursor: pointer; }
    /* line 855, static/css/shop-style.scss */
    .member_action_box .member_action_container .member_action_content {
      flex: 1;
      overflow-y: auto;
      padding: 32px 48px; }
      @media (max-width: 1440px) {
        /* line 855, static/css/shop-style.scss */
        .member_action_box .member_action_container .member_action_content {
          padding: 24px 32px; } }
      @media (max-width: 425px) {
        /* line 855, static/css/shop-style.scss */
        .member_action_box .member_action_container .member_action_content {
          padding: 16px 24px; } }
      /* line 869, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px; }
      /* line 876, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_form label {
        display: block;
        font-size: 14px;
        margin-top: 16px;
        color: #555; }
      /* line 883, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_form input {
        width: 100%;
        height: 40px;
        border: 1px solid #ccc;
        padding: 8px 10px;
        font-size: 16px;
        border-radius: 4px;
        transition: border-color 0.3s; }
      /* line 893, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_form input:focus {
        border-color: #000; }
      /* line 897, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_form .forgot_password {
        display: inline-block;
        font-size: 14px;
        color: #555;
        text-decoration: underline;
        margin-top: 8px; }
      /* line 905, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_form .submit {
        width: 100%;
        height: 44px;
        background-color: black;
        color: white;
        border: none;
        border-radius: 4px;
        margin-top: 24px;
        cursor: pointer;
        transition: all 0.3s; }
      /* line 917, static/css/shop-style.scss */
      .member_action_box .member_action_container .member_action_content .login_container .login_form .submit:hover {
        background-color: #ebebeb;
        color: black; }
  /* line 929, static/css/shop-style.scss */
  .member_action_box.active {
    pointer-events: auto; }
    /* line 932, static/css/shop-style.scss */
    .member_action_box.active .member_action_shadow {
      opacity: 1;
      pointer-events: auto; }
    /* line 937, static/css/shop-style.scss */
    .member_action_box.active .member_action_container {
      transform: translateX(0); }